Updated admin templates

misago/static/misago/admin/css/misago/footer.less

@@ -6,7 +6,7 @@
 //== Footer container
 //
 //**
-.main-footer {
+.admin-footer {
   margin-top: @line-height-computed * 1.5;
   margin-bottom: @line-height-computed * 1.5;
 
@@ -14,14 +14,6 @@
 }
 
 
-//== Custom footer message
-//
-//**
-.custom-footer {
-  color: @footer-color;
-}
-
-
 //== Misago branding
 //
 //**
@@ -34,7 +26,7 @@
     font-size: @misago-branding-size;
 
     .brand-border {
-      background: @text-color;
+      background: @brand-primary;
       border-radius: @misago-branding-size * 0.15;
       display: inline-block;
       margin-right: @misago-branding-size * 0.1;

misago/static/misago/admin/css/misago/header.less

@@ -14,7 +14,7 @@
   h1 {
   	margin: 0px;
   	padding: 0px;
-  	overflow: auto;
+  	overflow: visible;
 
   	font-size: @font-size-large * 1.5;
 

misago/static/misago/admin/css/misago/navbar.less

@@ -14,9 +14,9 @@
       background-size: cover;
       background-repeat: no-repeat;
       border-radius: 4px;
-      width: @navbar-height - 12;
-      height: @navbar-height - 12;
-      margin-top: 6px;
+      width: @navbar-height - 16;
+      height: @navbar-height - 16;
+      margin-top: 8px;
     }
 
     .fa, .glyphicon {
@@ -28,7 +28,7 @@
 
     .user-nav {
       .navbar-text {
-        color: darken(#fff, 10%);
+        color: @text-color;
       }
 
       img {
@@ -38,6 +38,35 @@
         position: relative;
         bottom: 1px;
       }
+
+      .logout {
+        &:link, &:visited {
+          background-color: @navbar-default-bg;
+          border-radius: @border-radius-base;
+          display: inline-block;
+          margin: -8px 0px;
+          margin-right: 8px;
+          margin-left: @line-height-computed / 2;
+          padding-top: 5px;
+          width: 31px;
+          height: 31px;
+
+          color: @navbar-default-link-color;
+          text-align: center;
+        }
+
+        &:hover {
+          background-color: @navbar-default-link-color;
+
+          color: @navbar-default-bg;
+        }
+
+        &:active {
+          background-color: @body-bg;
+
+          color: @navbar-default-bg;
+        }
+      }
     }
   }
 }

misago/static/misago/admin/css/misago/variables.less

@@ -48,14 +48,14 @@
 @navbar-inverse-link-active-color:         darken(@navbar-inverse-bg, 70%);
 @navbar-inverse-link-active-bg:            @navbar-inverse-bg;
 
-@navbar-default-bg:                        darken(@body-bg, 80%);
-@navbar-default-link-color:                #ccc;
-@navbar-default-link-hover-color:          #fff;
-@navbar-default-link-hover-bg:             lighten(@navbar-default-bg, 5%);
+@navbar-default-bg:                        darken(@body-bg, 10%);
+@navbar-default-link-color:                darken(@navbar-default-bg, 40%);
+@navbar-default-link-hover-color:          darken(@navbar-default-bg, 60%);
+@navbar-default-link-hover-bg:             darken(@navbar-default-bg, 3%);
 @navbar-default-link-active-color:         darken(@navbar-inverse-bg, 70%);
 @navbar-default-link-active-bg:            @navbar-inverse-bg;
 
-@navbar-border:                            3px solid darken(@body-bg, 15%);
+@navbar-border:                            3px solid darken(@body-bg, 20%);
 
 
 //== Dropdowns

misago/static/misago/admin/css/style.css

@@ -3933,27 +3933,27 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   }
 }
 .navbar-default {
-  background-color: #2e2e2e;
-  border-color: #1d1d1d;
+  background-color: #e0e0e0;
+  border-color: #d0d0d0;
 }
 .navbar-default .navbar-brand {
-  color: #cccccc;
+  color: #7a7a7a;
 }
 .navbar-default .navbar-brand:hover,
 .navbar-default .navbar-brand:focus {
-  color: #b3b3b3;
+  color: #616161;
   background-color: transparent;
 }
 .navbar-default .navbar-text {
   color: #777777;
 }
 .navbar-default .navbar-nav > li > a {
-  color: #cccccc;
+  color: #7a7a7a;
 }
 .navbar-default .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:focus {
-  color: #ffffff;
-  background-color: #3b3b3b;
+  color: #474747;
+  background-color: #d9d9d9;
 }
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
@@ -3979,7 +3979,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 }
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
-  border-color: #1d1d1d;
+  border-color: #d0d0d0;
 }
 .navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover,
@@ -3989,12 +3989,12 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 }
 @media (max-width: 767px) {
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-    color: #cccccc;
+    color: #7a7a7a;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #ffffff;
-    background-color: #3b3b3b;
+    color: #474747;
+    background-color: #d9d9d9;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
@@ -4010,10 +4010,10 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   }
 }
 .navbar-default .navbar-link {
-  color: #cccccc;
+  color: #7a7a7a;
 }
 .navbar-default .navbar-link:hover {
-  color: #ffffff;
+  color: #474747;
 }
 .navbar-inverse {
   background-color: #ededed;
@@ -6162,7 +6162,7 @@ body {
   }
 }
 .navbars-container {
-  border-bottom: 3px solid #d4d4d4;
+  border-bottom: 3px solid #c7c7c7;
 }
 .navbars-container .navbar {
   border-bottom: none;
@@ -6173,9 +6173,9 @@ body {
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 4px;
-  width: 38px;
-  height: 38px;
-  margin-top: 6px;
+  width: 34px;
+  height: 34px;
+  margin-top: 8px;
 }
 .navbars-container .navbar .fa,
 .navbars-container .navbar .glyphicon {
@@ -6184,7 +6184,7 @@ body {
   font-size: 18px;
 }
 .navbars-container .navbar .user-nav .navbar-text {
-  color: #e6e6e6;
+  color: #444444;
 }
 .navbars-container .navbar .user-nav img {
   border-radius: 4px;
@@ -6193,6 +6193,28 @@ body {
   position: relative;
   bottom: 1px;
 }
+.navbars-container .navbar .user-nav .logout:link,
+.navbars-container .navbar .user-nav .logout:visited {
+  background-color: #e0e0e0;
+  border-radius: 4px;
+  display: inline-block;
+  margin: -8px 0px;
+  margin-right: 8px;
+  margin-left: 10px;
+  padding-top: 5px;
+  width: 31px;
+  height: 31px;
+  color: #7a7a7a;
+  text-align: center;
+}
+.navbars-container .navbar .user-nav .logout:hover {
+  background-color: #7a7a7a;
+  color: #e0e0e0;
+}
+.navbars-container .navbar .user-nav .logout:active {
+  background-color: #fafafa;
+  color: #e0e0e0;
+}
 /* Big displays */
 @media (min-width: 768px) {
   .navbars-container {
@@ -6230,7 +6252,7 @@ body {
 .page-header h1 {
   margin: 0px;
   padding: 0px;
-  overflow: auto;
+  overflow: visible;
   font-size: 27px;
 }
 .page-header h1 .main,
@@ -6244,14 +6266,11 @@ body {
   margin-left: 10px;
   color: #848484;
 }
-.main-footer {
+.admin-footer {
   margin-top: 30px;
   margin-bottom: 30px;
   text-align: center;
 }
-.custom-footer {
-  color: #a1a1a1;
-}
 .misago-branding a {
   display: inline-block;
   color: #444444;
@@ -6259,7 +6278,7 @@ body {
   font-size: 28.8px;
 }
 .misago-branding a .brand-border {
-  background: #444444;
+  background: #c0392b;
   border-radius: 4.32px;
   display: inline-block;
   margin-right: 2.88px;

misago/static/misago/css/misago/header.less

@@ -90,6 +90,7 @@
     .page-details {
       display: block;
       clear: both;
+      margin-bottom: 0;
 
       color: @text-muted;
 

misago/static/misago/css/misago/variables.less

@@ -135,7 +135,7 @@
 @nav-tabs-justified-active-link-border-color:     @body-bg;
 
 //== Pills
-@nav-pills-padding:                         8px 10px;
+@nav-pills-padding:                         6px 7px;
 @nav-pills-border-radius:                   @border-radius-base;
 @nav-pills-active-link-hover-bg:            #666;
 @nav-pills-active-link-hover-color:         #fff;

misago/templates/misago/admin/base.html

@@ -6,25 +6,17 @@
 {% include "misago/admin/messages.html" %}
 {% include "misago/admin/navbar.html" %}
 
-<h1>Nodes:</h1>
-{% for level in navigation %}
-<hr>
-<h2>Level {{ forloop.counter }}</h2>
-<ul>
-  {% for node in level %}
-  <li>
-    <a href="{{ node.link }}">
-      <span class="{{ node.icon }}"></span>
-      {{ node.name }} {% if node.is_active %}(*){% endif %}
-    </a>
-  </li>
-  {% endfor %}
-</ul>
-{% endfor %}
-
-
 {% block content %}{% endblock %}
 
+<footer class="admin-footer">
+  <div class="misago-branding text-center">
+    <a href="http://misago-project.org">
+      <span class="subscript">powered by</span>
+      <span class="brand-border"><span>m</span></span>isago
+    </a>
+  </div>
+</footer>
+
 {% include "misago/admin/logout.html" %}
 
 {# We include JavaScript at the end of page body so it loads faster #}

misago/templates/misago/admin/navbar.html

@@ -17,16 +17,10 @@
         <p class="navbar-text">
           <img src="{{ user|avatar:30 }}" alt="{% trans "Your avatar" %}">
           {{ user.username }}
+          <a href="#" class="logout" data-toggle="modal" data-target="#logout-modal">
+            <span class="fa fa-power-off"></span>
+          </a>
         </p>
-        <ul class="nav navbar-nav">
-          <li>
-          </li>
-          <li>
-            <a href="#" data-toggle="modal" data-target="#logout-modal">
-              <span class="fa fa-power-off"></span>
-            </a>
-          </li>
-        </ul>
       </div>
     </div>
   </div>