Browse Source

Small chances to navbar/footer css.

Rafał Pitoń 11 years ago
parent
commit
a9675509d6

+ 2 - 0
misago/static/misago/css/flavor/flavor.less

@@ -0,0 +1,2 @@
+// Layout elements
+@import "navbar.less";

+ 9 - 0
misago/static/misago/css/flavor/navbar.less

@@ -0,0 +1,9 @@
+//
+// Forum Navbar
+// --------------------------------------------------
+
+.navbar-default {
+  .navbar-brand {
+    font-size: @font-size-large * 1.8;
+  }
+}

+ 7 - 0
misago/static/misago/css/flavor/variables.less

@@ -22,3 +22,10 @@
 @link-color:            @brand-primary;
 @link-color:            @brand-primary;
 //** Link hover color set via `darken()` function.
 //** Link hover color set via `darken()` function.
 @link-hover-color:      darken(@link-color, 15%);
 @link-hover-color:      darken(@link-color, 15%);
+
+//** Text muted color
+@text-muted:            #95a5a6;
+
+// Navbar brand label
+@navbar-default-brand-color:               @text-color;
+@navbar-default-brand-hover-color:         @text-color;

+ 11 - 5
misago/static/misago/css/misago/footer.less

@@ -1,17 +1,21 @@
 //
 //
-// Misago Footer
+// Forum Footer
 // --------------------------------------------------
 // --------------------------------------------------
 
 
-@misago-branding-size: @font-size-large * 2;
+// Misago Branding, don't edit please
+
+@misago-branding-size: @font-size-large * 1.2;
 
 
 .misago-branding {
 .misago-branding {
   a {
   a {
     display: inline-block;
     display: inline-block;
-    .transition(opacity 0.5s);
+    margin-top: @line-height-computed * 1.5;
+    .transition(opacity 0.4s);
 
 
     color: @text-color;
     color: @text-color;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: @misago-branding-size;
     font-size: @misago-branding-size;
+    text-align: center;
 
 
     .brand-border {
     .brand-border {
       background: @text-color;
       background: @text-color;
@@ -38,8 +42,10 @@
     }
     }
 
 
     .subscript {
     .subscript {
-      font-size: @misago-branding-size * 0.33;
-      line-height: @misago-branding-size * 0.33;
+      display: block;
+
+      font-size: @misago-branding-size * 0.6;
+      line-height: @misago-branding-size * 0.6;
     }
     }
 
 
     &, &:link, &:visited {
     &, &:link, &:visited {

+ 1 - 0
misago/static/misago/css/misago/misago.less

@@ -1,2 +1,3 @@
 // Layout elements
 // Layout elements
+@import "navbar.less";
 @import "footer.less";
 @import "footer.less";

+ 6 - 0
misago/static/misago/css/misago/navbar.less

@@ -0,0 +1,6 @@
+//
+// Forum Navbar
+// --------------------------------------------------
+
+.navbar-default {
+}

+ 20 - 14
misago/static/misago/css/style.css

@@ -487,7 +487,7 @@ cite {
   text-align: justify;
   text-align: justify;
 }
 }
 .text-muted {
 .text-muted {
-  color: #999999;
+  color: #95a5a6;
 }
 }
 .text-primary {
 .text-primary {
   color: #428bca;
   color: #428bca;
@@ -3936,11 +3936,11 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   border-color: #e7e7e7;
   border-color: #e7e7e7;
 }
 }
 .navbar-default .navbar-brand {
 .navbar-default .navbar-brand {
-  color: #777777;
+  color: #2c3e50;
 }
 }
 .navbar-default .navbar-brand:hover,
 .navbar-default .navbar-brand:hover,
 .navbar-default .navbar-brand:focus {
 .navbar-default .navbar-brand:focus {
-  color: #5e5e5e;
+  color: #2c3e50;
   background-color: transparent;
   background-color: transparent;
 }
 }
 .navbar-default .navbar-text {
 .navbar-default .navbar-text {
@@ -5820,22 +5820,24 @@ td.visible-print {
 }
 }
 .misago-branding a {
 .misago-branding a {
   display: inline-block;
   display: inline-block;
-  -webkit-transition: opacity 0.5s;
-  transition: opacity 0.5s;
+  margin-top: 30px;
+  -webkit-transition: opacity 0.4s;
+  transition: opacity 0.4s;
   color: #2c3e50;
   color: #2c3e50;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 36px;
+  font-size: 21.6px;
+  text-align: center;
 }
 }
 .misago-branding a .brand-border {
 .misago-branding a .brand-border {
   background: #2c3e50;
   background: #2c3e50;
-  border-radius: 5.4px;
+  border-radius: 3.24px;
   display: inline-block;
   display: inline-block;
-  margin-right: 3.6px;
+  margin-right: 2.16px;
   position: relative;
   position: relative;
-  top: 6.48px;
+  top: 3.888px;
   overflow: hidden;
   overflow: hidden;
-  width: 39px;
-  height: 39px;
+  width: 24.6px;
+  height: 24.6px;
 }
 }
 .misago-branding a .brand-border > span {
 .misago-branding a .brand-border > span {
   display: inline-block;
   display: inline-block;
@@ -5846,12 +5848,13 @@ td.visible-print {
   -ms-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   transform: rotate(-45deg);
   color: #fcfcfc;
   color: #fcfcfc;
-  font-size: 43.2px;
+  font-size: 25.92px;
   font-weight: bold;
   font-weight: bold;
 }
 }
 .misago-branding a .subscript {
 .misago-branding a .subscript {
-  font-size: 11.88px;
-  line-height: 11.88px;
+  display: block;
+  font-size: 12.96px;
+  line-height: 12.96px;
 }
 }
 .misago-branding a,
 .misago-branding a,
 .misago-branding a:link,
 .misago-branding a:link,
@@ -5865,3 +5868,6 @@ td.visible-print {
   filter: alpha(opacity=100);
   filter: alpha(opacity=100);
   text-decoration: none;
   text-decoration: none;
 }
 }
+.navbar-default .navbar-brand {
+  font-size: 32.4px;
+}

+ 12 - 8
misago/templates/misago/footer.html

@@ -1,8 +1,12 @@
-<div class="container">
-  <div class="misago-branding text-center">
-    <a href="http://misago-project.org">
-      <span class="brand-border"><span>m</span></span>isago
-      <div class="subscript">community powered by</div>
-    </a>
-  </div>
-</div>
+<footer class="main-footer">
+  <div class="container">
+
+    <div class="misago-branding text-center">
+      <a href="http://misago-project.org">
+        <span class="brand-border"><span>m</span></span>isago
+        <span class="subscript">powered by</span>
+      </a>
+    </div>
+
+  </div><!-- /.container -->
+</footer>

+ 2 - 0
misago/templates/misago/index.html

@@ -2,6 +2,8 @@
 
 
 
 
 {% block content %}
 {% block content %}
+{% include "misago/jumbotron_indexonly.html" %}
+
 <div class="container">
 <div class="container">
   Hello world, I'm placeholder index template!
   Hello world, I'm placeholder index template!
 </div>
 </div>

+ 0 - 0
misago/templates/misago/jumbotron_indexonly.html


+ 1 - 1
misago/templates/misago/navbar.html

@@ -28,5 +28,5 @@
         </li>
         </li>
       </ul>
       </ul>
     </div><!-- /.navbar-collapse -->
     </div><!-- /.navbar-collapse -->
-  </div><!-- /.container-fluid -->
+  </div><!-- /.container -->
 </nav>
 </nav>