Home Explore Help
Sign In
221V
/
Misago
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Getting started with new AdminUI

Rafał Pitoń 11 years ago
parent
d2a70ef3b0
commit
fd50797af8
13 changed files with 318 additions and 1103 deletions
Unified View Show Diff Stats
  1. 0 101
      uiframework/admin/footer.html
  2. 95 0
      uiframework/admin/layout.html
  3. 0 196
      uiframework/admin/navbar.html
  4. 81 0
      uiframework/admin/signin.html
  5. 0 4
      uiframework/misago/admin/css/flavor/flavor.less
  6. 0 5
      uiframework/misago/admin/css/flavor/variables.less
  7. 43 0
      uiframework/misago/admin/css/misago/login.less
  8. 6 0
      uiframework/misago/admin/css/misago/misago.less
  9. 14 400
      uiframework/misago/admin/css/misago/navbar.less
  10. 4 57
      uiframework/misago/admin/css/misago/variables.less
  11. 75 338
      uiframework/misago/admin/css/style.css
  12. 0 2
      uiframework/misago/admin/css/style.less
  13. BIN
      uiframework/misago/admin/img/mred.png

+ 0 - 101
uiframework/admin/footer.html
View File 

@@ -1,101 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-  <head>
 
-    <meta charset="utf-8">
 
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <meta name="description" content="">
 
-    <meta name="author" content="">
 
-
 
-    <title>Misago UI: Kitchen Sink Footer Template</title>
 
-
 
-    <!-- Custom styles for this template -->
 
-    <link href="../misago/admin/css/style.css" rel="stylesheet">
 
-
 
-    <!-- Just for debugging purposes. Don't actually copy this line! -->
 
-    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 
-
 
-    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
-    <!--[if lt IE 9]>
 
-      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
-      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
-    <![endif]-->
 
-  </head>
 
-
 
-  <body>
 
-
 
-    <div class="navbar navbar-default navbar-static-top" role="navigation">
 
-      <div class="container">
 
-        <div class="navbar-header">
 
-          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
-            <span class="sr-only">Toggle navigation</span>
 
-            <span class="icon-bar"></span>
 
-            <span class="icon-bar"></span>
 
-            <span class="icon-bar"></span>
 
-          </button>
 
-          <a class="navbar-brand" href="#">Misago UI</a>
 
-        </div>
 
-        <div class="collapse navbar-collapse">
 
-          <div class="navbar-nav-guest navbar-right">
 
-            <a href="#" class="btn btn-sign-in navbar-btn">Sign in</a>
 
-            <a href="#" class="btn btn-register navbar-btn">Register</a>
 
-          </div>
 
-          <ul class="nav navbar-nav navbar-nav-primary navbar-right">
 
-            <li>
 
-              <a href="#" class="tooltip-bottom" title="Forum index">
 
-                <span class="fa fa-th-list"></span>
 
-                <span class="item-label">Forum index</span>
 
-              </a>
 
-            </li>
 
-            <li>
 
-              <a href="#" class="tooltip-bottom" title="Users">
 
-                <span class="fa fa-users"></span>
 
-                <span class="item-label">Users</span>
 
-              </a>
 
-            </li>
 
-            <li>
 
-              <a href="#" class="tooltip-bottom" title="Search forums">
 
-                <span class="fa fa-search"></span>
 
-                <span class="item-label">Search forums</span>
 
-              </a>
 
-            </li>
 
-          </ul>
 
-        </div><!--/.nav-collapse -->
 
-      </div>
 
-    </div>
 
-
 
-    <div class="container">
 
-
 
-        <h1>Misago UI: Kitchen Sink Page Footer Template</h1>
 
-
 
-        <p>Just Misago branding in footer.</p>
 
-
 
-    </div><!-- /.container -->
 
-
 
-    <footer class="main-footer">
 
-      <div class="container">
 
-
 
-        <div class="custom-footer">
 
-          <p>This forum uses cookies to track traffic.</p>
 
-        </div>
 
-
 
-        <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>
 
-
 
-      </div><!-- /.container -->
 
-    </footer>
 
-
 
-
 
-    <!-- Bootstrap core JavaScript
 
-    ================================================== -->
 
-    <!-- Placed at the end of the document so the pages load faster -->
 
-    <script src="../misago/admin/js/jquery.js"></script>
 
-    <script src="../misago/admin/js/bootstrap.js"></script>
 
-    <script src="../misago/admin/js/misago.js"></script>
 
-
 
-  </body>
 
-</html>

+ 95 - 0
uiframework/admin/layout.html
View File 

@@ -0,0 +1,95 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <meta name="description" content="">
 
+    <meta name="author" content="">
 
+
 
+    <title>Misago UI: Kitchen Sink Navbar Template</title>
 
+
 
+    <!-- Custom styles for this template -->
 
+    <link href="../misago/admin/css/style.css" rel="stylesheet">
 
+
 
+    <!-- Just for debugging purposes. Don't actually copy this line! -->
 
+    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 
+
 
+    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
+    <!--[if lt IE 9]>
 
+      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
+    <![endif]-->
 
+  </head>
 
+
 
+  <body>
 
+
 
+    <div class="navbars-container">
 
+      <div class="navbar navbar-default navbar-static-top" role="navigation">
 
+        <div class="container">
 
+          <div class="navbar-header">
 
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
+              <span class="sr-only">Toggle navigation</span>
 
+              <span class="icon-bar"></span>
 
+              <span class="icon-bar"></span>
 
+              <span class="icon-bar"></span>
 
+            </button>
 
+            <a class="navbar-brand" href="#">&nbsp;</a>
 
+          </div>
 
+          <div class="collapse navbar-collapse">
 
+            <ul class="nav navbar-nav">
 
+              <li><a href="#">Lorem</a></li>
 
+              <li><a href="#">Ipsum</a></li>
 
+              <li class="active"><a href="#">Dolor</a></li>
 
+              <li><a href="#">Met</a></li>
 
+            </ul>
 
+          </div><!--/.nav-collapse -->
 
+        </div>
 
+      </div>
 
+      <div class="navbar navbar-inverse navbar-static-top" role="navigation">
 
+        <div class="container">
 
+          <div class="navbar-header">
 
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
+              <span class="sr-only">Toggle navigation</span>
 
+              <span class="icon-bar"></span>
 
+              <span class="icon-bar"></span>
 
+              <span class="icon-bar"></span>
 
+            </button>
 
+          </div>
 
+          <div class="collapse navbar-collapse">
 
+            <ul class="nav navbar-nav">
 
+              <li><a href="#">Lorem</a></li>
 
+              <li class="active"><a href="#">Ipsum</a></li>
 
+              <li><a href="#">Dolor</a></li>
 
+              <li><a href="#">Met</a></li>
 
+            </ul>
 
+        </div><!--/.nav-collapse -->
 
+    </div>
 
+  </div>
 
+  </div>
 
+
 
+    <div class="page-header">
 
+      <div class="container">
 
+        <h1>Lorem ipsum dolor</h1>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="container">
 
+
 
+        <h1>Misago UI: Kitchen Sink Admin Navbar Template</h1>
 
+
 
+        <a href="#" class="demo-all btn btn-primary">Kitchen sink</a>
 
+        <a href="#" class="demo-registered btn btn-default">Registered</a>
 
+        <a href="#" class="demo-guest btn btn-default">Guest</a>
 
+
 
+    </div><!-- /.container -->
 
+
 
+    <!-- Bootstrap core JavaScript
 
+    ================================================== -->
 
+    <!-- Placed at the end of the document so the pages load faster -->
 
+    <script src="../misago/admin/js/jquery.js"></script>
 
+    <script src="../misago/admin/js/bootstrap.js"></script>
 
+    <script src="../misago/admin/js/misago.js"></script>
 
+
 
+  </body>
 
+</html>

+ 0 - 196
uiframework/admin/navbar.html
View File 

@@ -1,196 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-  <head>
 
-    <meta charset="utf-8">
 
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <meta name="description" content="">
 
-    <meta name="author" content="">
 
-
 
-    <title>Misago UI: Kitchen Sink Navbar Template</title>
 
-
 
-    <!-- Custom styles for this template -->
 
-    <link href="../misago/admin/css/style.css" rel="stylesheet">
 
-
 
-    <!-- Just for debugging purposes. Don't actually copy this line! -->
 
-    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 
-
 
-    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
-    <!--[if lt IE 9]>
 
-      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
-      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
-    <![endif]-->
 
-  </head>
 
-
 
-  <body>
 
-
 
-    <div class="navbar navbar-default navbar-static-top" role="navigation">
 
-      <div class="container">
 
-        <div class="navbar-header">
 
-          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
-            <span class="sr-only">Toggle navigation</span>
 
-            <span class="icon-bar"></span>
 
-            <span class="icon-bar"></span>
 
-            <span class="icon-bar"></span>
 
-          </button>
 
-          <a class="navbar-brand" href="#">Misago UI</a>
 
-        </div>
 
-        <div class="collapse navbar-collapse">
 
-          <div class="navbar-nav-guest navbar-right">
 
-            <a href="#" class="btn btn-sign-in navbar-btn">Sign in</a>
 
-            <a href="#" class="btn btn-register navbar-btn">Register</a>
 
-          </div>
 
-          <ul class="nav navbar-nav navbar-nav-user navbar-right">
 
-            <li class="dropdown">
 
-              <a href="#" class="dropdown-toggle user-toggle" data-toggle="dropdown">
 
-                <span class="glyphicon glyphicon-chevron-down"></span>
 
-                <img src="http://www.gravatar.com/avatar/6f5c4a1986259cb1e5ba64b3d94b50b7?s=125" alt="Your avatar">
 
-                Rafalp
 
-              </a>
 
-              <ul class="dropdown-menu">
 
-                <li>
 
-                  <a href="#">
 
-                    <span class="fa fa-plane"></span>
 
-                    Action
 
-                  </a>
 
-                </li>
 
-                <li>
 
-                  <a href="#">
 
-                    <span class="badge pull-right">42</span>
 
-                    <span class="fa fa-plane"></span>
 
-                    Another action
 
-                  </a>
 
-                </li>
 
-                <li>
 
-                  <a href="#">
 
-                    <span class="fa fa-plane"></span>
 
-                    Something else here
 
-                  </a>
 
-                </li>
 
-                <li class="divider"></li>
 
-                <li>
 
-                  <a href="#">
 
-                    <span class="fa fa-plane"></span>
 
-                    Separated link
 
-                  </a>
 
-                </li>
 
-                <li class="divider"></li>
 
-                <li>
 
-                  <form>
 
-                    <button>
 
-                      <span class="fa fa-power-off"></span>
 
-                      One more separated link
 
-                    </button>
 
-                  </form>
 
-                </li>
 
-              </ul>
 
-            </li>
 
-          </ul>
 
-          <ul class="nav navbar-nav navbar-nav-primary navbar-right">
 
-            <li>
 
-              <a href="#" class="tooltip-bottom" title="Forum index">
 
-                <span class="fa fa-th-list"></span>
 
-                <span class="item-label">Forum index</span>
 
-              </a>
 
-            </li>
 
-            <li>
 
-              <a href="#" class="tooltip-bottom" title="Users">
 
-                <span class="fa fa-users"></span>
 
-                <span class="item-label">Users</span>
 
-              </a>
 
-            </li>
 
-            <li>
 
-              <a href="#" class="tooltip-bottom" title="Search forums">
 
-                <span class="fa fa-search"></span>
 
-                <span class="item-label">Search forums</span>
 
-              </a>
 
-            </li>
 
-            <li>
 
-              <a href="#" class="badged tooltip-bottom" title="There are 42 new threads">
 
-                <span class="fa fa-plus"></span>
 
-                <span class="item-label">New threads</span>
 
-                <span class="badge">42</span>
 
-              </a>
 
-            </li>
 
-            <li>
 
-              <a href="#" class="badged tooltip-bottom" title="There are 31 threads with new replies">
 
-                <span class="fa fa-leaf"></span>
 
-                <span class="item-label">Threads with new replies</span>
 
-                <span class="badge">31</span>
 
-              </a>
 
-            </li>
 
-            <li class="dropdown">
 
-              <a href="#" class="dropdown-toggle badged" data-toggle="dropdown">
 
-                <span class="fa fa-fire"></span>
 
-                <span class="item-label">Alerts</span>
 
-                <span class="badge">21</span>
 
-              </a>
 
-              <div class="dropdown-menu">
 
-                <div class="dropdown-title">
 
-                  <strong>You have <span class="badge">21</span> alerts</strong>
 
-                </div>
 
-                <ul class="dropdown-alerts-list">
 
-                  <li>
 
-                    <a href=""><strong>l0ud</strong> has replied to thread <strong>Do you like Misago 0.6?</strong> that you are watching.</a>
 
-                    <small><a href="#">l0ud</a>, 3 hours ago</small>
 
-                  </li>
 
-                </ul>
 
-              </div>
 
-            </li>
 
-            <li>
 
-              <a href="#" class="tooltip-bottom" title="Users">
 
-                <span class="fa fa-users"></span>
 
-                <span class="item-label">Users</span>
 
-              </a>
 
-            </li>
 
-          </ul>
 
-        </div><!--/.nav-collapse -->
 
-      </div>
 
-    </div>
 
-
 
-    <div class="container">
 
-
 
-        <h1>Misago UI: Kitchen Sink Navbar Template</h1>
 
-
 
-        <a href="#" class="demo-all btn btn-primary">Kitchen sink</a>
 
-        <a href="#" class="demo-registered btn btn-default">Registered</a>
 
-        <a href="#" class="demo-guest btn btn-default">Guest</a>
 
-
 
-    </div><!-- /.container -->
 
-
 
-
 
-    <!-- Bootstrap core JavaScript
 
-    ================================================== -->
 
-    <!-- Placed at the end of the document so the pages load faster -->
 
-    <script src="../misago/admin/js/jquery.js"></script>
 
-    <script src="../misago/admin/js/bootstrap.js"></script>
 
-    <script src="../misago/admin/js/misago.js"></script>
 
-
 
-    <!-- Demo custom JavaScript
 
-    ================================================== -->
 
-    <script type="text/javascript">
 
-      $(function() {
 
-        $('.demo-all').click(function() {
 
-          $('.badged').show();
 
-          $('.navbar-nav-user').show();
 
-          $('.navbar-nav-guest').show();
 
-          return true;
 
-        });
 
-
 
-        $('.demo-registered').click(function() {
 
-          $('.badged').show();
 
-          $('.navbar-nav-user').show();
 
-          $('.navbar-nav-guest').hide();
 
-          return true;
 
-        });
 
-
 
-        $('.demo-guest').click(function() {
 
-          $('.badged').hide();
 
-          $('.navbar-nav-user').hide();
 
-          $('.navbar-nav-guest').show();
 
-          return true;
 
-        });
 
-      });
 
-    </script>
 
-  </body>
 
-</html>

+ 81 - 0
uiframework/admin/signin.html
View File 

@@ -0,0 +1,81 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <meta name="description" content="">
 
+    <meta name="author" content="">
 
+
 
+    <title>Misago UI: Admin Login Template</title>
 
+
 
+    <!-- Custom styles for this template -->
 
+    <link href="../misago/admin/css/style.css" rel="stylesheet">
 
+
 
+    <!-- Just for debugging purposes. Don't actually copy this line! -->
 
+    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 
+
 
+    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
+    <!--[if lt IE 9]>
 
+      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
+    <![endif]-->
 
+  </head>
 
+
 
+  <body>
 
+
 
+    <div class="login-form site-wrapper">
 
+      <div class="site-wrapper-inner">
 
+        <div class="cover-container">
 
+
 
+          <div class="inner cover">
 
+            <div class="form-panel">
 
+              <form method="POST" role="form">
 
+
 
+                <div class="form-header">
 
+                  <h1>Administration</h1>
 
+                  <p>To administrate forum, you have to re-authenticate yourself.</p>
 
+                </div>
 
+
 
+                <div class="form-body no-fieldsets">
 
+
 
+                  <div class="misago-alerts">
 
+                    <p class="alert alert-danger lead">
 
+                      Lorem ipsum dolor met.
 
+                    </p>
 
+                  </div>
 
+
 
+                  <div class="form-group">
 
+                    <div class="control-input">
 
+                      <input type="text" name="username" class="form-control input-lg" placeholder="Username or e-mail">
 
+                    </div>
 
+                  </div>
 
+                  <div class="form-group">
 
+                    <div class="control-input">
 
+                      <input type="password" name="password" class="form-control input-lg" placeholder="Password">
 
+                    </div>
 
+                  </div>
 
+
 
+                </div>
 
+
 
+                <div class="form-footer">
 
+                  <button class="btn btn-primary btn-block">Sign in</button>
 
+                </div>
 
+
 
+              </form>
 
+            </div>
 
+          </div>
 
+
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <!-- Bootstrap core JavaScript
 
+    ================================================== -->
 
+    <!-- Placed at the end of the document so the pages load faster -->
 
+    <script src="../misago/admin/js/jquery.js"></script>
 
+    <script src="../misago/admin/js/bootstrap.js"></script>
 
+    <script src="../misago/admin/js/misago.js"></script>
 
+
 
+  </body>
 
+</html>

+ 0 - 4
uiframework/misago/admin/css/flavor/flavor.less
View File 

@@ -1,4 +0,0 @@
 
-// Custom flavor build script
 
-//
 
-// This file should contain imports for custom less files defined by your flavor
 
-//

+ 0 - 5
uiframework/misago/admin/css/flavor/variables.less
View File 

@@ -1,5 +0,0 @@
 
-//
 
-// Flavor Variables
 
-// --------------------------------------------------
 
-
 
-// Use this file to define custom variables or override variables coming from Misago and Bootstrap

+ 43 - 0
uiframework/misago/admin/css/misago/login.less
View File 

@@ -0,0 +1,43 @@
 
+//
 
+// Admin Login Page
 
+// --------------------------------------------------
 
+
 
+.login-form {
 
+  display: table;
 
+  width: 100%;
 
+  height: 100%;
 
+  min-height: 100%;
 
+
 
+  .site-wrapper-inner {
 
+    display: table-cell;
 
+    vertical-align: top;
 
+  }
 
+
 
+  .cover-container {
 
+    margin-right: auto;
 
+    margin-left: auto;
 
+  }
 
+
 
+  /* Padding for spacing */
 
+  .inner {
 
+    padding: 30px;
 
+  }
 
+}
 
+
 
+/* Big displays */
 
+@media (min-width: 768px) {
 
+  .login-form {
 
+    .site-wrapper-inner {
 
+      vertical-align: middle;
 
+
 
+      .cover-container {
 
+        width: 100%;
 
+
 
+        .form-panel {
 
+          margin: 0px auto;
 
+          max-width: 420px;
 
+        }
 
+      }
 
+    }
 
+  }
 
+}

+ 6 - 0
uiframework/misago/admin/css/misago/misago.less
View File 

@@ -1,3 +1,8 @@
 
+// Global scaffold
 
+html, body {
 
+  height: 100%;
 
+}
 
+
 
 // Components
 
 // Components
 
 @import "alerts.less";
 
 @import "alerts.less";
 
 @import "buttons.less";
 
 @import "buttons.less";
 
@@ -12,3 +17,4 @@
 
 
 
 @import "errorpages.less";
 
 @import "errorpages.less";
 
 @import "forms.less";
 
 @import "forms.less";
 
+@import "login.less";

+ 14 - 400
uiframework/misago/admin/css/misago/navbar.less
View File 

@@ -2,414 +2,28 @@
 
 // Forum Navbar
 
 // Forum Navbar
 
 // --------------------------------------------------
 
 // --------------------------------------------------
 
 
 
-
 
-//== Brand
 
-//
 
-//**
 
-.navbar {
 
-  .navbar-brand {
 
-    .navbar-vertical-align(@navbar-height - (@navbar-brand-size - @font-size-large) / 2 + 1);
 
-    position: relative;
 
-    bottom: 1px;
 
-
 
-    font-size: @navbar-brand-size;
 
-  }
 
-}
 
-
 
-
 
-//== Primary menu
 
-//
 
-//**
 
-.navbar-nav-primary {
 
-  &>li {
 
-    &>a {
 
-      font-size: @font-size-large;
 
-
 
-      &>.badge {
 
-        background-color: darken(@brand-danger, 10%);
 
-        border-radius: @border-radius-base;
 
-        padding: 2px 3px;
 
-        padding-left: 4px;
 
-      }
 
-    }
 
-  }
 
-}
 
-
 
-
 
-/* Big displays */
 
-@media (min-width: @screen-sm-min) {
 
-  .navbar-nav-primary {
 
-    .navbar-vertical-align(@navbar-icon-size * 1.2);
 
+.navbars-container {
 
+  .navbar {
 
+    border-bottom: none;
 
     margin-bottom: 0px;
 
     margin-bottom: 0px;
 
-    padding-right: @navbar-padding-horizontal;
 
-
 
-    &>li {
 
-      margin: 0px;
 
-      margin-left: @navbar-padding-horizontal / 2;
 
-      padding: 0px;
 
-
 
-      &>a {
 
-        /* Make button blocky */
 
-        border-radius: @border-radius-base;
 
-        margin: 0px;
 
-        padding: 0px;
 
-        padding-top: 6px;
 
-        height: @navbar-icon-size * 1.5;
 
-        width: @navbar-icon-size * 1.5;
 
-
 
-        text-align: center;
 
-
 
-        &>.glyphicon, &>.fa{
 
-          font-size: @navbar-icon-size;
 
-          text-align: center;
 
-        }
 
-
 
-        /* Hide item labels on big displays */
 
-        .item-label {
 
-          display: none;
 
-        }
 
-
 
-        &>.badge {
 
-          position: absolute;
 
-          right: -6px;
 
-          top: -4px;
 
-        }
 
-
 
-        /* Primary styles */
 
-        &, &:link, &:visited {
 
-          background-color: @navbar-icon-link-bg;
 
 
 
-          color: @navbar-icon-link-color !important;
 
-        }
 
-
 
-        &:hover {
 
-          background-color: @navbar-icon-link-hover-bg !important;
 
-
 
-          color: @navbar-icon-link-hover-color !important;
 
-        }
 
-
 
-        &:active {
 
-          background-color: @navbar-icon-link-active-bg !important;
 
-
 
-          color: @navbar-icon-link-active-color !important;
 
-        }
 
-      }
 
-
 
-      &.open {
 
-        &>a {
 
-          &:link, &:active, &:visited, &:hover {
 
-            background-color: @navbar-icon-link-active-bg !important;
 
-            box-shadow: none;
 
-
 
-            color: @navbar-icon-link-active-color !important;
 
-          }
 
-        }
 
-      }
 
-    }
 
-
 
-    .dropdown-menu {
 
-      top: @navbar-height - (@navbar-icon-size / 2) - 1px;
 
-
 
-      &:after {
 
-        right: @navbar-icon-size / 2;
 
-      }
 
+    .navbar-brand {
 
+      background: url('../img/mred.png');
 
+      background-color: #fff;
 
+      background-size: cover;
 
+      background-repeat: no-repeat;
 
+      border-radius: 3px;
 
+      width: @navbar-height - 12;
 
+      height: @navbar-height - 12;
 
+      margin-top: 6px;
 
     }
 
     }
 
   }
 
   }
 
 }
 
 }
 
 
 
 
 
-//== User menu
 
-//
 
-//**
 
-.navbar-nav-user {
 
-  &>li {
 
-    &>a.user-toggle {
 
-      overflow: auto;
 
-
 
-      font-size: @font-size-large;
 
-
 
-      img {
 
-        border-radius: @border-radius-base;
 
-        height: 32px;
 
-      }
 
-
 
-      .glyphicon-chevron-down {
 
-        position: relative;
 
-        top: 4px;
 
-        margin-right: 6px;
 
-
 
-        color: @navbar-user-caret-color;
 
-      }
 
-
 
-      &:hover {
 
-        .glyphicon-chevron-down {
 
-          color: @navbar-user-caret-hover-color;
 
-        }
 
-      }
 
-
 
-      &:active, &:focus {
 
-        .glyphicon-chevron-down {
 
-          color: @navbar-user-caret-active-color;
 
-        }
 
-      }
 
-    }
 
-  }
 
-}
 
-
 
 /* Big displays */
 
 /* Big displays */
 
 @media (min-width: @screen-sm-min) {
 
 @media (min-width: @screen-sm-min) {
 
-  /* Put some distance between user menu and primary nav */
 
-  .navbar-nav-user {
 
-    padding-right: @navbar-padding-horizontal;
 
-    margin-left: @navbar-padding-horizontal * 2;
 
-  }
 
-
 
-  /* Change way switch and dropdown appears */
 
-  .navbar-nav-user {
 
-    .dropdown-toggle.user-toggle {
 
-      padding-top: ((@navbar-height - @font-size-large) / 2) + 1px;
 
-      padding-left: 0px;
 
-      padding-right: 0px;
 
-
 
-      img {
 
-        float: right;
 
-        height: 32px;
 
-        margin: (@font-size-base / 2 * -1) 0px;
 
-        margin-bottom: (@font-size-base / 2 * -1) + 1px;
 
-        margin-left: 8px;
 
-      }
 
-
 
-      .glyphicon-chevron-down {
 
-        float: right;
 
-        margin: 0px;
 
-        margin-left: 8px;
 
-
 
-        font-size: @font-size-small;
 
-      }
 
-
 
-      &:link, &:visited {
 
-        color: @navbar-user-name-color;
 
-      }
 
-
 
-      &:hover {
 
-        color: @navbar-user-name-hover-color;
 
-      }
 
-
 
-      &:active, &:focus {
 
-        color: @navbar-user-name-active-color;
 
-      }
 
-
 
-      &, &:visited, &:hover, &:active, &:focus {
 
-        background: transparent;
 
-      }
 
-    }
 
-
 
-    .dropdown-menu {
 
-      min-width: 256px;
 
-      right: -8px;
 
-      top: auto;
 
-      bottom: auto;
 
-
 
-      &:after {
 
-        right: 7px;
 
-        top: -11px;
 
-      }
 
-    }
 
-
 
-    &>li.open {
 
-      .dropdown-toggle.user-toggle {
 
-        &, &:visited, &:hover, &:active, &:focus {
 
-          background: transparent;
 
-
 
-          color: @navbar-user-name-active-color;
 
-        }
 
-      }
 
-    }
 
-  }
 
-}
 
-
 
-
 
-//== Guest buttons
 
-//
 
-//**
 
-.navbar-nav-guest {
 
-  .navbar-vertical-align(@font-size-large + 12px);
 
-
 
-  .btn-sign-in {
 
-    margin: 0px;
 
-    .misago-button-flavour(@btn-signin-color, @btn-signin-bg, @btn-signin-border);
 
-  }
 
-
 
-  .btn-register {
 
-    margin: 0px;
 
-    .misago-button-flavour(@btn-register-color, @btn-register-bg, @btn-register-border);
 
-  }
 
-}
 
-
 
-/* On big displays put some distance between guest nav and other nav */
 
-@media (min-width: @screen-sm-min) {
 
-  .navbar-nav-guest {
 
-    padding-right: @navbar-padding-horizontal;
 
-    margin-left: @navbar-padding-horizontal;
 
-  }
 
-}
 
-
 
-
 
-//== Navbar dropdowns
 
-//
 
-//**
 
-
 
-/* Small displays */
 
-@media (max-width: @screen-sm-min) {
 
-  /* Hide carets */
 
-  .navbar {
 
-    .dropdown-menu {
 
-      &:after {
 
-        display: none;
 
-      }
 
-    }
 
-  }
 
-
 
-  /* Dropdown title */
 
-  .navbar-default {
 
-    .dropdown-menu {
 
-      .dropdown-title {
 
-        margin-top: -5px;
 
-        margin-bottom: 5px;
 
-        padding: @padding-base-vertical @padding-base-horizontal;
 
-
 
-        .badge {
 
-          background-color: darken(@brand-danger, 10%);
 
-          border-radius: @border-radius-small;
 
-
 
-          color: #fff;
 
-        }
 
-      }
 
-    }
 
-  }
 
-
 
-  .navbar-default {
 
-    .dropdown-menu {
 
-      .dropdown-title {
 
-        background-color: darken(@navbar-default-bg, 15%);
 
-      }
 
-    }
 
-  }
 
-
 
-  .navbar-inverse {
 
-    .dropdown-menu {
 
-      .dropdown-title {
 
-        background-color: lighten(@navbar-inverse-bg, 15%);
 
-      }
 
-    }
 
-  }
 
-
 
-  /* Make buttons size equal to that of links */
 
-  .navbar {
 
-    .dropdown-menu {
 
-      li {
 
-        form {
 
-          button {
 
-            padding: 3px 25px;
 
-          }
 
-        }
 
-      }
 
-    }
 
-  }
 
-
 
-  /* Color badges in red and white */
 
-  .navbar {
 
-    .dropdown-menu {
 
-      li {
 
-        a {
 
-          &, &:link, &:visited, &:hover, &:active {
 
-            .badge {
 
-              background-color: @brand-danger;
 
-              border-radius: @border-radius-base;
 
-
 
-              color: @dropdown-bg;
 
-            }
 
-          }
 
-        }
 
-      }
 
-    }
 
-  }
 
-
 
-  /* Dropdown links and buttons */
 
-  .navbar {
 
-    .dropdown-menu {
 
-      li {
 
-        form {
 
-          button {
 
-            color: @navbar-default-link-color;
 
-
 
-            &:hover {
 
-              background: none;
 
-
 
-              color: @navbar-default-link-hover-color;
 
-            }
 
-
 
-            &:active, &:focus {
 
-              background: none;
 
-
 
-              color: @navbar-default-link-active-color;
 
-            }
 
-          }
 
-        }
 
-      }
 
-    }
 
-  }
 
-
 
-  .navbar-inverse {
 
-    .dropdown-menu {
 
-      button {
 
-        color: @navbar-inverse-link-color;
 
-
 
-        &:hover {
 
-          background: none;
 
-
 
-          color: @navbar-inverse-link-hover-color;
 
-        }
 
-
 
-        &:active, &:focus {
 
-          background: none;
 
-
 
-          color: @navbar-inverse-link-active-color;
 
-        }
 
-      }
 
-    }
 
-  }
 
-
 
-  /* Make open dropdowns differ*/
 
-  .navbar {
 
-    .dropdown.open {
 
-      background: darken(@navbar-default-bg, 3%);
 
-      border-bottom: 2px solid darken(@navbar-default-bg, 6%);
 
-
 
-      .dropdown-toggle {
 
-        &:link, &:active, &:visited, &:hover {
 
-          background: darken(@navbar-default-bg, 6%);
 
-        }
 
-      }
 
-
 
-      .dropdown-menu {
 
-        li.divider {
 
-          background-color: darken(@navbar-default-bg, 9%);
 
-        }
 
-      }
 
-    }
 
-  }
 
-
 
-  .navbar-inverse {
 
-    .dropdown.open {
 
-      background: lighten(@navbar-inverse-bg, 3%);
 
-      border-bottom: 2px solid lighten(@navbar-inverse-bg, 6%);
 
-
 
-      .dropdown-menu {
 
-        li.divider {
 
-          background-color: lighten(@navbar-inverse-bg, 9%);
 
-        }
 
-      }
 
-    }
 
+  .navbars-container {
 
+    border-bottom: 2px solid @navbar-border;
 
   }
 
   }
 
 }
 
 }

+ 4 - 57
uiframework/misago/admin/css/misago/variables.less
View File 

@@ -36,52 +36,11 @@
 
 //
 
 //
 
 //## Navbar style
 
 //## Navbar style
 
 
 
-@navbar-default-bg:                lighten(#bdc3c7, 18%);
 
-@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
 
+@navbar-default-bg:                darken(@body-bg, 10%);
 
+@navbar-default-link-color:        fadeOut(@text-color, 80%);
 
 
 
-
 
-// Navbar brand
 
-@navbar-brand-size:                        @font-size-large * 1.6;
 
-
 
-@navbar-default-brand-color:               @text-color;
 
-@navbar-default-brand-hover-color:         @navbar-default-brand-color;
 
-
 
-
 
-// Navbar icon-based menu
 
-@navbar-icon-size:                      @navbar-height / 2.5;
 
-@navbar-icon-link-bg:                   transparent;
 
-@navbar-icon-link-border:               transparent;
 
-@navbar-icon-link-color:                #7f8c8d;
 
-
 
-@navbar-icon-link-hover-bg:             darken(#bdc3c7, 7%);
 
-@navbar-icon-link-hover-border:         transparent;
 
-@navbar-icon-link-hover-color:          #fff;
 
-
 
-@navbar-icon-link-active-bg:            #7f8c8d;
 
-@navbar-icon-link-active-border:        transparent;
 
-@navbar-icon-link-active-color:         #fff;
 
-
 
-
 
-// Only User dropdown switch uses those colors
 
-@navbar-user-name-color:                @gray;
 
-@navbar-user-name-hover-color:          @navbar-user-name-color;
 
-@navbar-user-name-active-color:         @navbar-user-name-color;
 
-
 
-@navbar-user-caret-color:              darken(@navbar-default-bg, 20%);
 
-@navbar-user-caret-hover-color:        darken(@navbar-default-bg, 40%);
 
-@navbar-user-caret-active-color:       @text-color;
 
-
 
-
 
-// Guest Sign in button
 
-@btn-signin-color:                 darken(@body-bg, 50%);
 
-@btn-signin-bg:                    @body-bg;
 
-@btn-signin-border:                darken(@btn-signin-bg, 15%);
 
-
 
-
 
-// Guest Register button
 
-@btn-register-color:                 #fff;
 
-@btn-register-bg:                    desaturate(@brand-danger, 15%);
 
-@btn-register-border:                darken(@btn-register-bg, 15%);
 
+@navbar-inverse-bg:                darken(@body-bg, 5%);
 
+@navbar-border:                    darken(@body-bg, 15%);
 
 
 
 
 
 //== Dropdowns
 
 //== Dropdowns
 
@@ -128,18 +87,6 @@
 
 @page-pills-padding:             @padding-small-vertical @padding-small-horizontal;
 
 @page-pills-padding:             @padding-small-vertical @padding-small-horizontal;
 
 
 
 
 
-//== Breadcrumbs
 
-//
 
-//##
 
-
 
-@breadcrumb-padding-vertical:   8px;
 
-@breadcrumb-padding-horizontal: 0px;
 
-
 
-@breadcrumb-bg:                 transparent;
 
-@breadcrumb-color:              darken(@body-bg, 40%);
 
-@breadcrumb-active-color:       @text-color;
 
-
 
-
 
 //== Page footer
 
 //== Page footer
 
 //
 
 //
 
 //## For each of Bootstrap's buttons, define text, background and border color.
 
 //## For each of Bootstrap's buttons, define text, background and border color.

+ 75 - 338
uiframework/misago/admin/css/style.css
View File 

@@ -3933,22 +3933,22 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 
   }
 
   }
 
 }
 
 }
 
 .navbar-default {
 
 .navbar-default {
 
-  background-color: #eff0f1;
 
-  border-color: #dde0e2;
 
+  background-color: #e3e3e3;
 
+  border-color: #d2d2d2;
 
 }
 
 }
 
 .navbar-default .navbar-brand {
 
 .navbar-default .navbar-brand {
 
-  color: #2c3e50;
 
+  color: rgba(44, 62, 80, 0.2);
 
 }
 
 }
 
 .navbar-default .navbar-brand:hover,
 
 .navbar-default .navbar-brand:hover,
 
 .navbar-default .navbar-brand:focus {
 
 .navbar-default .navbar-brand:focus {
 
-  color: #2c3e50;
 
+  color: rgba(26, 36, 47, 0.2);
 
   background-color: transparent;
 
   background-color: transparent;
 
 }
 
 }
 
 .navbar-default .navbar-text {
 
 .navbar-default .navbar-text {
 
   color: #777777;
 
   color: #777777;
 
 }
 
 }
 
 .navbar-default .navbar-nav > li > a {
 
 .navbar-default .navbar-nav > li > a {
 
-  color: #777777;
 
+  color: rgba(44, 62, 80, 0.2);
 
 }
 
 }
 
 .navbar-default .navbar-nav > li > a:hover,
 
 .navbar-default .navbar-nav > li > a:hover,
 
 .navbar-default .navbar-nav > li > a:focus {
 
 .navbar-default .navbar-nav > li > a:focus {
 
@@ -3959,7 +3959,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 
 .navbar-default .navbar-nav > .active > a:hover,
 
 .navbar-default .navbar-nav > .active > a:hover,
 
 .navbar-default .navbar-nav > .active > a:focus {
 
 .navbar-default .navbar-nav > .active > a:focus {
 
   color: #555555;
 
   color: #555555;
 
-  background-color: #dde0e2;
 
+  background-color: #d2d2d2;
 
 }
 
 }
 
 .navbar-default .navbar-nav > .disabled > a,
 
 .navbar-default .navbar-nav > .disabled > a,
 
 .navbar-default .navbar-nav > .disabled > a:hover,
 
 .navbar-default .navbar-nav > .disabled > a:hover,
 
@@ -3979,17 +3979,17 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 
 }
 
 }
 
 .navbar-default .navbar-collapse,
 
 .navbar-default .navbar-collapse,
 
 .navbar-default .navbar-form {
 
 .navbar-default .navbar-form {
 
-  border-color: #dde0e2;
 
+  border-color: #d2d2d2;
 
 }
 
 }
 
 .navbar-default .navbar-nav > .open > a,
 
 .navbar-default .navbar-nav > .open > a,
 
 .navbar-default .navbar-nav > .open > a:hover,
 
 .navbar-default .navbar-nav > .open > a:hover,
 
 .navbar-default .navbar-nav > .open > a:focus {
 
 .navbar-default .navbar-nav > .open > a:focus {
 
-  background-color: #dde0e2;
 
+  background-color: #d2d2d2;
 
   color: #555555;
 
   color: #555555;
 
 }
 
 }
 
 @media (max-width: 767px) {
 
 @media (max-width: 767px) {
 
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 
-    color: #777777;
 
+    color: rgba(44, 62, 80, 0.2);
 
   }
 
   }
 
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 
@@ -4000,7 +4000,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 
     color: #555555;
 
     color: #555555;
 
-    background-color: #dde0e2;
 
+    background-color: #d2d2d2;
 
   }
 
   }
 
   .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
 
   .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
 
   .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 
   .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 
@@ -4010,14 +4010,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 
   }
 
   }
 
 }
 
 }
 
 .navbar-default .navbar-link {
 
 .navbar-default .navbar-link {
 
-  color: #777777;
 
+  color: rgba(44, 62, 80, 0.2);
 
 }
 
 }
 
 .navbar-default .navbar-link:hover {
 
 .navbar-default .navbar-link:hover {
 
   color: #333333;
 
   color: #333333;
 
 }
 
 }
 
 .navbar-inverse {
 
 .navbar-inverse {
 
-  background-color: #222222;
 
-  border-color: #080808;
 
+  background-color: #f0f0f0;
 
+  border-color: #d6d6d6;
 
 }
 
 }
 
 .navbar-inverse .navbar-brand {
 
 .navbar-inverse .navbar-brand {
 
   color: #999999;
 
   color: #999999;
 
@@ -4042,7 +4042,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 
 .navbar-inverse .navbar-nav > .active > a:hover,
 
 .navbar-inverse .navbar-nav > .active > a:hover,
 
 .navbar-inverse .navbar-nav > .active > a:focus {
 
 .navbar-inverse .navbar-nav > .active > a:focus {
 
   color: #ffffff;
 
   color: #ffffff;
 
-  background-color: #080808;
 
+  background-color: #d6d6d6;
 
 }
 
 }
 
 .navbar-inverse .navbar-nav > .disabled > a,
 
 .navbar-inverse .navbar-nav > .disabled > a,
 
 .navbar-inverse .navbar-nav > .disabled > a:hover,
 
 .navbar-inverse .navbar-nav > .disabled > a:hover,
 
@@ -4062,20 +4062,20 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 
 }
 
 }
 
 .navbar-inverse .navbar-collapse,
 
 .navbar-inverse .navbar-collapse,
 
 .navbar-inverse .navbar-form {
 
 .navbar-inverse .navbar-form {
 
-  border-color: #101010;
 
+  border-color: #dedede;
 
 }
 
 }
 
 .navbar-inverse .navbar-nav > .open > a,
 
 .navbar-inverse .navbar-nav > .open > a,
 
 .navbar-inverse .navbar-nav > .open > a:hover,
 
 .navbar-inverse .navbar-nav > .open > a:hover,
 
 .navbar-inverse .navbar-nav > .open > a:focus {
 
 .navbar-inverse .navbar-nav > .open > a:focus {
 
-  background-color: #080808;
 
+  background-color: #d6d6d6;
 
   color: #ffffff;
 
   color: #ffffff;
 
 }
 
 }
 
 @media (max-width: 767px) {
 
 @media (max-width: 767px) {
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
 
-    border-color: #080808;
 
+    border-color: #d6d6d6;
 
   }
 
   }
 
   .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
 
   .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
 
-    background-color: #080808;
 
+    background-color: #d6d6d6;
 
   }
 
   }
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 
     color: #999999;
 
     color: #999999;
 
@@ -4089,7 +4089,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
 
     color: #ffffff;
 
     color: #ffffff;
 
-    background-color: #080808;
 
+    background-color: #d6d6d6;
 
   }
 
   }
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 
@@ -4105,10 +4105,10 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 
   color: #ffffff;
 
   color: #ffffff;
 
 }
 
 }
 
 .breadcrumb {
 
 .breadcrumb {
 
-  padding: 8px 0px;
 
+  padding: 8px 15px;
 
   margin-bottom: 20px;
 
   margin-bottom: 20px;
 
   list-style: none;
 
   list-style: none;
 
-  background-color: transparent;
 
+  background-color: #f5f5f5;
 
   border-radius: 4px;
 
   border-radius: 4px;
 
 }
 
 }
 
 .breadcrumb > li {
 
 .breadcrumb > li {
 
@@ -4117,10 +4117,10 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 
 .breadcrumb > li + li:before {
 
 .breadcrumb > li + li:before {
 
   content: "/\00a0";
 
   content: "/\00a0";
 
   padding: 0 5px;
 
   padding: 0 5px;
 
-  color: #969696;
 
+  color: #cccccc;
 
 }
 
 }
 
 .breadcrumb > .active {
 
 .breadcrumb > .active {
 
-  color: #2c3e50;
 
+  color: #999999;
 
 }
 
 }
 
 .pagination {
 
 .pagination {
 
   display: inline-block;
 
   display: inline-block;
 
@@ -5777,6 +5777,10 @@ button.close {
 
     display: none !important;
 
     display: none !important;
 
   }
 
   }
 
 }
 
 }
 
+html,
 
+body {
 
+  height: 100%;
 
+}
 
 .misago-alerts {
 
 .misago-alerts {
 
   text-align: center;
 
   text-align: center;
 
 }
 
 }
 
@@ -6168,322 +6172,24 @@ button.close {
 
   background-color: #3498db;
 
   background-color: #3498db;
 
   color: #fcfcfc;
 
   color: #fcfcfc;
 
 }
 
 }
 
-.navbar .navbar-brand {
 
-  margin-top: 2.2px;
 
-  margin-bottom: 2.2px;
 
-  position: relative;
 
-  bottom: 1px;
 
-  font-size: 28.8px;
 
-}
 
-.navbar-nav-primary > li > a {
 
-  font-size: 18px;
 
-}
 
-.navbar-nav-primary > li > a > .badge {
 
-  background-color: #d62c1a;
 
-  border-radius: 4px;
 
-  padding: 2px 3px;
 
-  padding-left: 4px;
 
-}
 
-/* Big displays */
 
-@media (min-width: 768px) {
 
-  .navbar-nav-primary {
 
-    margin-top: 13px;
 
-    margin-bottom: 13px;
 
-    margin-bottom: 0px;
 
-    padding-right: 15px;
 
-  }
 
-  .navbar-nav-primary > li {
 
-    margin: 0px;
 
-    margin-left: 7.5px;
 
-    padding: 0px;
 
-  }
 
-  .navbar-nav-primary > li > a {
 
-    /* Make button blocky */
 
-    border-radius: 4px;
 
-    margin: 0px;
 
-    padding: 0px;
 
-    padding-top: 6px;
 
-    height: 30px;
 
-    width: 30px;
 
-    text-align: center;
 
-    /* Hide item labels on big displays */
 
-    /* Primary styles */
 
-  }
 
-  .navbar-nav-primary > li > a > .glyphicon,
 
-  .navbar-nav-primary > li > a > .fa {
 
-    font-size: 20px;
 
-    text-align: center;
 
-  }
 
-  .navbar-nav-primary > li > a .item-label {
 
-    display: none;
 
-  }
 
-  .navbar-nav-primary > li > a > .badge {
 
-    position: absolute;
 
-    right: -6px;
 
-    top: -4px;
 
-  }
 
-  .navbar-nav-primary > li > a,
 
-  .navbar-nav-primary > li > a:link,
 
-  .navbar-nav-primary > li > a:visited {
 
-    background-color: transparent;
 
-    color: #7f8c8d !important;
 
-  }
 
-  .navbar-nav-primary > li > a:hover {
 
-    background-color: #aab1b7 !important;
 
-    color: #ffffff !important;
 
-  }
 
-  .navbar-nav-primary > li > a:active {
 
-    background-color: #7f8c8d !important;
 
-    color: #ffffff !important;
 
-  }
 
-  .navbar-nav-primary > li.open > a:link,
 
-  .navbar-nav-primary > li.open > a:active,
 
-  .navbar-nav-primary > li.open > a:visited,
 
-  .navbar-nav-primary > li.open > a:hover {
 
-    background-color: #7f8c8d !important;
 
-    box-shadow: none;
 
-    color: #ffffff !important;
 
-  }
 
-  .navbar-nav-primary .dropdown-menu {
 
-    top: 39px;
 
-  }
 
-  .navbar-nav-primary .dropdown-menu:after {
 
-    right: 10px;
 
-  }
 
-}
 
-.navbar-nav-user > li > a.user-toggle {
 
-  overflow: auto;
 
-  font-size: 18px;
 
-}
 
-.navbar-nav-user > li > a.user-toggle img {
 
-  border-radius: 4px;
 
-  height: 32px;
 
-}
 
-.navbar-nav-user > li > a.user-toggle .glyphicon-chevron-down {
 
-  position: relative;
 
-  top: 4px;
 
-  margin-right: 6px;
 
-  color: #b7bec2;
 
-}
 
-.navbar-nav-user > li > a.user-toggle:hover .glyphicon-chevron-down {
 
-  color: #808c93;
 
+.navbars-container .navbar {
 
+  border-bottom: none;
 
+  margin-bottom: 0px;
 
 }
 
 }
 
-.navbar-nav-user > li > a.user-toggle:active .glyphicon-chevron-down,
 
-.navbar-nav-user > li > a.user-toggle:focus .glyphicon-chevron-down {
 
-  color: #2c3e50;
 
+.navbars-container .navbar .navbar-brand {
 
+  background: url('../img/mred.png');
 
+  background-color: #fff;
 
+  background-size: cover;
 
+  background-repeat: no-repeat;
 
+  border-radius: 3px;
 
+  width: 38px;
 
+  height: 38px;
 
+  margin-top: 6px;
 
 }
 
 }
 
 /* Big displays */
 
 /* Big displays */
 
 @media (min-width: 768px) {
 
 @media (min-width: 768px) {
 
-  /* Put some distance between user menu and primary nav */
 
-  .navbar-nav-user {
 
-    padding-right: 15px;
 
-    margin-left: 30px;
 
-  }
 
-  /* Change way switch and dropdown appears */
 
-  .navbar-nav-user .dropdown-toggle.user-toggle {
 
-    padding-top: 17px;
 
-    padding-left: 0px;
 
-    padding-right: 0px;
 
-  }
 
-  .navbar-nav-user .dropdown-toggle.user-toggle img {
 
-    float: right;
 
-    height: 32px;
 
-    margin: -7px 0px;
 
-    margin-bottom: -6px;
 
-    margin-left: 8px;
 
-  }
 
-  .navbar-nav-user .dropdown-toggle.user-toggle .glyphicon-chevron-down {
 
-    float: right;
 
-    margin: 0px;
 
-    margin-left: 8px;
 
-    font-size: 12px;
 
-  }
 
-  .navbar-nav-user .dropdown-toggle.user-toggle:link,
 
-  .navbar-nav-user .dropdown-toggle.user-toggle:visited {
 
-    color: #555555;
 
-  }
 
-  .navbar-nav-user .dropdown-toggle.user-toggle:hover {
 
-    color: #555555;
 
-  }
 
-  .navbar-nav-user .dropdown-toggle.user-toggle:active,
 
-  .navbar-nav-user .dropdown-toggle.user-toggle:focus {
 
-    color: #555555;
 
-  }
 
-  .navbar-nav-user .dropdown-toggle.user-toggle,
 
-  .navbar-nav-user .dropdown-toggle.user-toggle:visited,
 
-  .navbar-nav-user .dropdown-toggle.user-toggle:hover,
 
-  .navbar-nav-user .dropdown-toggle.user-toggle:active,
 
-  .navbar-nav-user .dropdown-toggle.user-toggle:focus {
 
-    background: transparent;
 
-  }
 
-  .navbar-nav-user .dropdown-menu {
 
-    min-width: 256px;
 
-    right: -8px;
 
-    top: auto;
 
-    bottom: auto;
 
-  }
 
-  .navbar-nav-user .dropdown-menu:after {
 
-    right: 7px;
 
-    top: -11px;
 
-  }
 
-  .navbar-nav-user > li.open .dropdown-toggle.user-toggle,
 
-  .navbar-nav-user > li.open .dropdown-toggle.user-toggle:visited,
 
-  .navbar-nav-user > li.open .dropdown-toggle.user-toggle:hover,
 
-  .navbar-nav-user > li.open .dropdown-toggle.user-toggle:active,
 
-  .navbar-nav-user > li.open .dropdown-toggle.user-toggle:focus {
 
-    background: transparent;
 
-    color: #555555;
 
-  }
 
-}
 
-.navbar-nav-guest {
 
-  margin-top: 10px;
 
-  margin-bottom: 10px;
 
-}
 
-.navbar-nav-guest .btn-sign-in {
 
-  margin: 0px;
 
-  background: #fcfcfc;
 
-  border-color: #fcfcfc;
 
-  box-shadow: 0px 2px 0px #d6d6d6;
 
-  color: #7d7d7d;
 
-}
 
-.navbar-nav-guest .btn-sign-in:hover {
 
-  background: #e3e3e3;
 
-  border-color: #e3e3e3;
 
-  box-shadow: 0px 2px 0px #bdbdbd;
 
-  color: #7d7d7d;
 
-}
 
-.navbar-nav-guest .btn-sign-in.active,
 
-.navbar-nav-guest .btn-sign-in:active,
 
-.navbar-nav-guest .btn-sign-in:focus {
 
-  background: #d6d6d6;
 
-  border-color: #d6d6d6;
 
-  box-shadow: none;
 
-  position: relative;
 
-  top: 2px;
 
-  color: #636363;
 
-}
 
-.navbar-nav-guest .btn-sign-in .glyphicon-chevron-down {
 
-  position: relative;
 
-  top: 2px;
 
-  font-size: 12px;
 
-}
 
-.navbar-nav-guest .btn-register {
 
-  margin: 0px;
 
-  background: #d7594c;
 
-  border-color: #d7594c;
 
-  box-shadow: 0px 2px 0px #af3428;
 
-  color: #ffffff;
 
-}
 
-.navbar-nav-guest .btn-register:hover {
 
-  background: #c43a2c;
 
-  border-color: #c43a2c;
 
-  box-shadow: 0px 2px 0px #85281e;
 
-  color: #ffffff;
 
-}
 
-.navbar-nav-guest .btn-register.active,
 
-.navbar-nav-guest .btn-register:active,
 
-.navbar-nav-guest .btn-register:focus {
 
-  background: #af3428;
 
-  border-color: #af3428;
 
-  box-shadow: none;
 
-  position: relative;
 
-  top: 2px;
 
-  color: #e6e6e6;
 
-}
 
-.navbar-nav-guest .btn-register .glyphicon-chevron-down {
 
-  position: relative;
 
-  top: 2px;
 
-  font-size: 12px;
 
-}
 
-/* On big displays put some distance between guest nav and other nav */
 
-@media (min-width: 768px) {
 
-  .navbar-nav-guest {
 
-    padding-right: 15px;
 
-    margin-left: 15px;
 
-  }
 
-}
 
-/* Small displays */
 
-@media (max-width: 768px) {
 
-  /* Hide carets */
 
-  .navbar .dropdown-menu:after {
 
-    display: none;
 
-  }
 
-  /* Dropdown title */
 
-  .navbar-default .dropdown-menu .dropdown-title {
 
-    margin-top: -5px;
 
-    margin-bottom: 5px;
 
-    padding: 6px 12px;
 
-  }
 
-  .navbar-default .dropdown-menu .dropdown-title .badge {
 
-    background-color: #d62c1a;
 
-    border-radius: 3px;
 
-    color: #fff;
 
-  }
 
-  .navbar-default .dropdown-menu .dropdown-title {
 
-    background-color: #c5cbce;
 
-  }
 
-  .navbar-inverse .dropdown-menu .dropdown-title {
 
-    background-color: #484848;
 
-  }
 
-  /* Make buttons size equal to that of links */
 
-  .navbar .dropdown-menu li form button {
 
-    padding: 3px 25px;
 
-  }
 
-  /* Color badges in red and white */
 
-  .navbar .dropdown-menu li a .badge,
 
-  .navbar .dropdown-menu li a:link .badge,
 
-  .navbar .dropdown-menu li a:visited .badge,
 
-  .navbar .dropdown-menu li a:hover .badge,
 
-  .navbar .dropdown-menu li a:active .badge {
 
-    background-color: #e74c3c;
 
-    border-radius: 4px;
 
-    color: #ffffff;
 
-  }
 
-  /* Dropdown links and buttons */
 
-  .navbar .dropdown-menu li form button {
 
-    color: #777777;
 
-  }
 
-  .navbar .dropdown-menu li form button:hover {
 
-    background: none;
 
-    color: #333333;
 
-  }
 
-  .navbar .dropdown-menu li form button:active,
 
-  .navbar .dropdown-menu li form button:focus {
 
-    background: none;
 
-    color: #555555;
 
-  }
 
-  .navbar-inverse .dropdown-menu button {
 
-    color: #999999;
 
-  }
 
-  .navbar-inverse .dropdown-menu button:hover {
 
-    background: none;
 
-    color: #ffffff;
 
-  }
 
-  .navbar-inverse .dropdown-menu button:active,
 
-  .navbar-inverse .dropdown-menu button:focus {
 
-    background: none;
 
-    color: #ffffff;
 
-  }
 
-  /* Make open dropdowns differ*/
 
-  .navbar .dropdown.open {
 
-    background: #e6e9ea;
 
-    border-bottom: 2px solid #dee1e3;
 
-  }
 
-  .navbar .dropdown.open .dropdown-toggle:link,
 
-  .navbar .dropdown.open .dropdown-toggle:active,
 
-  .navbar .dropdown.open .dropdown-toggle:visited,
 
-  .navbar .dropdown.open .dropdown-toggle:hover {
 
-    background: #dee1e3;
 
-  }
 
-  .navbar .dropdown.open .dropdown-menu li.divider {
 
-    background-color: #d6dadc;
 
-  }
 
-  .navbar-inverse .dropdown.open {
 
-    background: #2a2a2a;
 
-    border-bottom: 2px solid #313131;
 
-  }
 
-  .navbar-inverse .dropdown.open .dropdown-menu li.divider {
 
-    background-color: #393939;
 
+  .navbars-container {
 
+    border-bottom: 2px solid #d6d6d6;
 
   }
 
   }
 
 }
 
 }
 
 .jumbotron {
 
 .jumbotron {
 
@@ -6495,7 +6201,7 @@ button.close {
 
 }
 
 }
 
 .page-header > .container .breadcrumb {
 
 .page-header > .container .breadcrumb {
 
   margin-bottom: -22px;
 
   margin-bottom: -22px;
 
-  color: #969696;
 
+  color: #cccccc;
 
   font-size: 12px;
 
   font-size: 12px;
 
 }
 
 }
 
 .page-header > .container .breadcrumb > li + li:before {
 
 .page-header > .container .breadcrumb > li + li:before {
 
@@ -6504,11 +6210,11 @@ button.close {
 
 }
 
 }
 
 .page-header > .container .breadcrumb > li a:link,
 
 .page-header > .container .breadcrumb > li a:link,
 
 .page-header > .container .breadcrumb > li a:visited {
 
 .page-header > .container .breadcrumb > li a:visited {
 
-  color: #969696;
 
+  color: #cccccc;
 
 }
 
 }
 
 .page-header > .container .breadcrumb > li a:hover,
 
 .page-header > .container .breadcrumb > li a:hover,
 
 .page-header > .container .breadcrumb > li a:active {
 
 .page-header > .container .breadcrumb > li a:active {
 
-  color: #2c3e50;
 
+  color: #999999;
 
   text-decoration: none;
 
   text-decoration: none;
 
 }
 
 }
 
 .page-header > .container .breadcrumb > li span {
 
 .page-header > .container .breadcrumb > li span {
 
@@ -6766,3 +6472,34 @@ button.close {
 
     margin-left: 12px;
 
     margin-left: 12px;
 
   }
 
   }
 
 }
 
 }
 
+.login-form {
 
+  display: table;
 
+  width: 100%;
 
+  height: 100%;
 
+  min-height: 100%;
 
+  /* Padding for spacing */
 
+}
 
+.login-form .site-wrapper-inner {
 
+  display: table-cell;
 
+  vertical-align: top;
 
+}
 
+.login-form .cover-container {
 
+  margin-right: auto;
 
+  margin-left: auto;
 
+}
 
+.login-form .inner {
 
+  padding: 30px;
 
+}
 
+/* Big displays */
 
+@media (min-width: 768px) {
 
+  .login-form .site-wrapper-inner {
 
+    vertical-align: middle;
 
+  }
 
+  .login-form .site-wrapper-inner .cover-container {
 
+    width: 100%;
 
+  }
 
+  .login-form .site-wrapper-inner .cover-container .form-panel {
 
+    margin: 0px auto;
 
+    max-width: 420px;
 
+  }
 
+}

+ 0 - 2
uiframework/misago/admin/css/style.less
View File 

@@ -7,7 +7,6 @@
 
 // This saves us need for maintaing single large variables.less
 
 // This saves us need for maintaing single large variables.less
 
 @import "bootstrap/variables.less";
 
 @import "bootstrap/variables.less";
 
 @import "misago/variables.less";
 
 @import "misago/variables.less";
 
-@import "flavor/variables.less";
 
 
 
 // Font Awesome
 
 // Font Awesome
 
 @import "font-awesome.css";
 
 @import "font-awesome.css";
 
@@ -15,4 +14,3 @@
 
 // Import other files
 
 // Import other files
 
 @import "bootstrap/bootstrap.less";
 
 @import "bootstrap/bootstrap.less";
 
 @import "misago/misago.less";
 
 @import "misago/misago.less";
 
-@import "flavor/flavor.less";

BIN
uiframework/misago/admin/img/mred.png
View File