MORE LAYOUTgit add public/mobile public/nojs/ public/shoop.png resources/views/layout1/apply.blade.php resources/views/layout1/nojs.blade.php resources/views/layout1/tos.blade.php resources/views/layout4/ resources/views/layout5!

public/z0mb/css/z0mb.css

@@ -79,4 +79,203 @@ img.comment_emoji {
 
 .card.panel-default {
     margin-top: 5px;
+}
+
+a.nav-link.video-id, a.nav-link.video-rating.sfw, a.nav-link.video-rating.nsfw {
+    padding: 0;
+}
+
+li.nav-item.rating-box {
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    flex-flow: column;
+}
+
+a.nav-link.video-rating.sfw {
+    color: #08fb08;
+}
+
+a.nav-link.video-rating.nsfw {
+    color: #e81224;
+}
+
+/* dropdownie */
+.dropdownie {
+  position: relative;
+  display: inline-block;
+}
+
+.dropdownie > input[type="checkbox"] {
+  position: absolute;
+  left: -100vw;
+}
+
+.dropdownie > label,
+.dropdownie > a[role="button"] {
+  display: inline-block;
+cursor: pointer;
+}
+
+.dropdownie > label:hover,
+.dropdownie > a[role="button"]:hover,
+.dropdownie > a[role="button"]:focus {
+  border-color: #333;
+}
+
+.dropdownie > ul {
+    position: absolute;
+    z-index: 999;
+    display: block;
+    left: -100vw;
+    top: calc(1.5em + 14px);
+    border: 1px solid #8c8c8c;
+    background: black;
+    padding: unset;
+    margin: 0;
+    list-style: none;
+    width: 100%;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
+    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
+    box-shadow: 0 3px 8px rgba(0,0,0,.15);
+    text-align: left;
+}
+
+.dropdownie > ul a {
+  display: block;
+  padding: 6px 15px;
+  text-decoration: none;
+  color: white;
+}
+
+.dropdownie > ul a:hover,
+.dropdownie > ul a:focus {
+  background: #999999;;
+}
+
+.dropdownie > input[type="checkbox"]:checked ~ ul, .dropdownie > ul:target {
+    left: 0;
+    max-width: 250px;
+    width: auto;
+    min-width: 85px;
+}
+
+.dropdownie a.close {
+  display: none;
+}
+
+.dropdownie > ul:target ~ a.close {
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  text-indent: -100vw;
+  z-index: 1000;
+}
+
+label.nav-link {
+    font-size: 10px;
+    font-weight: bold;
+}
+
+a.nav-link.layout1, a.nav-link.layout2, a.nav-link.layout3 {
+    padding-left: 5px !important;
+}
+
+a.nav-link.layout1:after, a.nav-link.layout2:after, a.nav-link.layout3:after {
+    content: "JS";
+    font-size: 8px;
+    position: relative;
+    color: #efa700;
+    top: -7px;
+}
+
+/* 2nd dropdown */
+/* Dropdown */
+
+.dropdown {
+  display: inline-block;
+  position: relative;
+}
+
+.dd-button {
+  display: inline-block;
+  border-radius: 4px;
+  padding: 10px 30px 10px 20px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.dd-button:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  right: 15px;
+  transform: translateY(-50%);
+  width: 0; 
+  height: 0; 
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid black;
+}
+
+ul.dd-menu {
+    background: black;
+    border: 1px solid grey;
+}
+
+.dd-input {
+  display: none;
+}
+
+ul.dd-menu > li:hover {
+    background: #999999;
+}
+
+.dd-menu {
+  position: absolute;
+  top: 100%;
+  border-radius: 4px;
+  padding: 0;
+  margin: 2px 0 0 0;
+  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
+  list-style-type: none;
+}
+
+.dd-input + .dd-menu {
+  display: none;
+} 
+
+.dd-input:checked + .dd-menu {
+  display: block;
+} 
+
+.dd-menu li {
+  padding: 10px 20px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.dd-menu li:hover {
+}
+
+.dd-menu li a {
+  display: block;
+  margin: -10px -20px;
+  padding: 10px 20px;
+}
+
+.dd-menu li.divider{
+  padding: 0;
+  border-bottom: 1px solid #cccccc;
+}
+
+ul.navbar-nav.mr-auto {
+    flex-direction: row;
+    align-items: flex-end;
 }