Permalink
Browse files

Add tagline and auth area

  • Loading branch information...
1 parent ce3f24f commit 8e14a7afecc5b43b2cedd956a4e20dab7d7657db @littke committed Nov 5, 2012
Showing with 107 additions and 6 deletions.
  1. BIN images/littke.png
  2. +10 −2 index.html
  3. +54 −2 inspiritas-overrides.less
  4. +43 −2 inspiritas.css
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -49,10 +49,18 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
- <a class="brand" href="#">INSPIRITAS</a>
<div class="nav-collapse" id="main-menu">
-
+ <div class="auth pull-right">
+ <img src="images/littke.png">
+ <span class="name">Jonatan Littke</span><br/>
+ <span class="links">
+ <a href="#">Settings</a>
+ <a href="#">Logout</a>
+ </span>
+ </div>
</div>
+ <a class="brand" href="#">INSPIRITAS</a>
+ <span class="tagline">a free Bootstrap theme by Ripple</span>
</div>
</div>
</div>
View
@@ -33,6 +33,58 @@ body {
// Align it with the text of the sidebar links
margin-left: 15px;
+
+ text-shadow: 0 1px 1px black;
+ }
+
+ .tagline {
+ line-height: @navbarInverseBrandFontSize + 24px;
+ color: @grayLight;
+ font-weight: italic;
+ font-size: @fontSizeMini;
+ text-shadow: 0 1px 1px rgba(0,0,0,0.45);
+ }
+
+ .auth {
+ line-height: 18px;
+ color: @grayLight;
+ margin-right: @gridGutterWidth; // TODO: responsive
+ position: relative;
+ top: 10px;
+
+ img {
+ position: relative;
+ top: -2px;
+
+ border: 3px solid #2c3234;
+ float: left;
+ }
+
+ span.name {
+ margin-left: 10px;
+
+ position: relative;
+ top: 3px;
+
+ font-weight: bold;
+ color: @white;
+ font-size: @fontSizeMini;
+ text-transform: uppercase;
+ text-shadow: 0 1px 1px black;
+ }
+
+ span.links {
+ margin-left: 10px;
+
+ a {
+ color: @orange;
+ font-size: @fontSizeMini;
+ }
+
+ a + a {
+ margin-left: 3px;
+ }
+ }
}
}
@@ -61,7 +113,7 @@ body > .container {
.border-radius(@baseBorderRadius 0 0 0);
nav {
- margin-top: 80px;
+ margin-top: 20px;
border-top: 1px solid #1c1f20;
ul li {
@@ -159,7 +211,7 @@ body > .container {
*/
.pull-right {
line-height: @fontSizeHuge + 18px;
- margin-right: 10px;
+ margin-right: @gridGutterWidth; // TODO: responsive
}
.btn {
View
@@ -7509,6 +7509,47 @@ body {
font-family: "League Gothic", "Museo Slab", "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 37px;
margin-left: 15px;
+ text-shadow: 0 1px 1px black;
+}
+.navbar-static-top .tagline {
+ line-height: 61px;
+ color: #999999;
+ font-weight: italic;
+ font-size: 11px;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
+}
+.navbar-static-top .auth {
+ line-height: 18px;
+ color: #999999;
+ margin-right: 20px;
+ position: relative;
+ top: 10px;
+}
+.navbar-static-top .auth img {
+ position: relative;
+ top: -2px;
+ border: 3px solid #2c3234;
+ float: left;
+}
+.navbar-static-top .auth span.name {
+ margin-left: 10px;
+ position: relative;
+ top: 3px;
+ font-weight: bold;
+ color: #ffffff;
+ font-size: 11px;
+ text-transform: uppercase;
+ text-shadow: 0 1px 1px black;
+}
+.navbar-static-top .auth span.links {
+ margin-left: 10px;
+}
+.navbar-static-top .auth span.links a {
+ color: #f9601c;
+ font-size: 11px;
+}
+.navbar-static-top .auth span.links a + a {
+ margin-left: 3px;
}
body > .container {
background: url('images/sidebar_bg.png') repeat #353c3e;
@@ -7531,7 +7572,7 @@ body > .container {
border-radius: 5px 0 0 0;
}
.container aside nav {
- margin-top: 80px;
+ margin-top: 20px;
border-top: 1px solid #1c1f20;
}
.container aside nav ul li {
@@ -7630,7 +7671,7 @@ body > .container {
}
#content header .pull-right {
line-height: 41.400000000000006px;
- margin-right: 10px;
+ margin-right: 20px;
}
#content header .btn {
border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.3);

0 comments on commit 8e14a7a

Please sign in to comment.