Compacted Mod bar

static/cranefly/css/cranefly.css

@@ -881,7 +881,7 @@ footer .credits{color:#555555;font-size:90%;}footer .credits a:link,footer .cred
 .navbar-header .navbar-inner .navbar-user-nav li .btn{padding:2px 8px;margin-left:8px;margin-top:13px;}.navbar-header .navbar-inner .navbar-user-nav li .btn:link,.navbar-header .navbar-inner .navbar-user-nav li .btn:active,.navbar-header .navbar-inner .navbar-user-nav li .btn:hover,.navbar-header .navbar-inner .navbar-user-nav li .btn:visited{color:#ffffff;}
 .navbar-header .navbar-inner .navbar-user-nav li .btn.btn-danger{text-shadow:0px 1px 0px #902d20;}.navbar-header .navbar-inner .navbar-user-nav li .btn.btn-danger:hover,.navbar-header .navbar-inner .navbar-user-nav li .btn.btn-danger:active,.navbar-header .navbar-inner .navbar-user-nav li .btn.btn-danger:focus{background-color:#e82c15;border-color:#d12813;}
 .navbar-header .navbar-inner .navbar-user-nav li .btn.btn-inverse{text-shadow:0px 1px 0px #0d0d0d;}.navbar-header .navbar-inner .navbar-user-nav li .btn.btn-inverse:hover,.navbar-header .navbar-inner .navbar-user-nav li .btn.btn-inverse:active,.navbar-header .navbar-inner .navbar-user-nav li .btn.btn-inverse:focus{background-color:#262626;border-color:#1a1a1a;}
-.navbar-modbar{background-color:#902d20;background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #c24a3b), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #c24a3b), color-stop(0.75, #c24a3b), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, #c24a3b 25%, transparent 25%, transparent 50%, #c24a3b 50%, #c24a3b 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, #c24a3b 25%, transparent 25%, transparent 50%, #c24a3b 50%, #c24a3b 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, #c24a3b 25%, transparent 25%, transparent 50%, #c24a3b 50%, #c24a3b 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, #c24a3b 25%, transparent 25%, transparent 50%, #c24a3b 50%, #c24a3b 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, #c24a3b 25%, transparent 25%, transparent 50%, #c24a3b 50%, #c24a3b 75%, transparent 75%, transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;background-size:15px 15px;padding-bottom:6px;}.navbar-modbar .navbar-inner{background:none;background-color:#222222;background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(0, 0, 0, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.1)), color-stop(0.75, rgba(0, 0, 0, 0.1)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;background-size:15px 15px;min-height:1px;}.navbar-modbar .navbar-inner .nav a:link,.navbar-modbar .navbar-inner .nav a:visited{padding:10.5px 14.7px;color:#b3b3b3;text-shadow:0px 1px 0px #000000;}
+.navbar-modbar .navbar-inner{background:none;background-color:#222222;background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(0, 0, 0, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.1)), color-stop(0.75, rgba(0, 0, 0, 0.1)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;background-size:15px 15px;border-bottom:2px dashed #cf402e;min-height:1px;}.navbar-modbar .navbar-inner .nav a:link,.navbar-modbar .navbar-inner .nav a:visited{padding:10.5px 14.7px;color:#b3b3b3;text-shadow:0px 1px 0px #000000;}
 .navbar-modbar .navbar-inner .nav a:hover,.navbar-modbar .navbar-inner .nav a:active{color:#ffffff;}
 .navbar-modbar .navbar-inner .nav li.active a:link,.navbar-modbar .navbar-inner .nav li.active a:visited{color:#ffffff;}
 .navbar-modbar .navbar-inner .navbar-search-form{background-color:#0d0d0d;border-radius:3px;margin-top:6px;padding:1px 0px;}.navbar-modbar .navbar-inner .navbar-search-form input{background-color:#0d0d0d;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0px;color:#eeeeee;text-shadow:0px 1px 0px #000000;}

static/cranefly/css/cranefly/navbar.less

@@ -177,32 +177,6 @@
 
 // Inversed navbar, used for moderation tools
 .navbar-modbar {
-  background-color: darken(@red, 15%);
-  background-image: -webkit-gradient(linear, 0 0, 100% 100%,
-              color-stop(.25, rgba(194, 74, 59, 1)), color-stop(.25, transparent),
-              color-stop(.5, transparent), color-stop(.5, rgba(194, 74, 59, 1)),
-              color-stop(.75, rgba(194, 74, 59, 1)), color-stop(.75, transparent),
-              to(transparent));
-  background-image: -webkit-linear-gradient(-45deg, rgba(194, 74, 59, 1) 25%, transparent 25%,
-            transparent 50%, rgba(194, 74, 59, 1) 50%, rgba(194, 74, 59, 1) 75%,
-            transparent 75%, transparent);
-  background-image: -moz-linear-gradient(-45deg, rgba(194, 74, 59, 1) 25%, transparent 25%,
-            transparent 50%, rgba(194, 74, 59, 1) 50%, rgba(194, 74, 59, 1) 75%,
-            transparent 75%, transparent);
-  background-image: -ms-linear-gradient(-45deg, rgba(194, 74, 59, 1) 25%, transparent 25%,
-            transparent 50%, rgba(194, 74, 59, 1) 50%, rgba(194, 74, 59, 1) 75%,
-            transparent 75%, transparent);
-  background-image: -o-linear-gradient(-45deg, rgba(194, 74, 59, 1) 25%, transparent 25%,
-            transparent 50%, rgba(194, 74, 59, 1) 50%, rgba(194, 74, 59, 1) 75%,
-            transparent 75%, transparent);
-  background-image: linear-gradient(-45deg, rgba(194, 74, 59, 1) 25%, transparent 25%,
-            transparent 50%, rgba(194, 74, 59, 1) 50%, rgba(194, 74, 59, 1) 75%,
-            transparent 75%, transparent);
-  -webkit-background-size: 15px 15px;
-  -moz-background-size: 15px 15px;
-  background-size: 15px 15px;
-  padding-bottom: 6px;
-
   .navbar-inner {
     background: none;
     background-color: @grayDarker;
@@ -229,6 +203,7 @@
     -webkit-background-size: 15px 15px;
     -moz-background-size: 15px 15px;
     background-size: 15px 15px;
+    border-bottom: 2px dashed @red;
     min-height: 1px;
 
     .nav {