vendor/assets/stylesheets/furatto/_navbar.scss in furatto-0.0.1 vs vendor/assets/stylesheets/furatto/_navbar.scss in furatto-0.0.2
- old
+ new
@@ -20,18 +20,10 @@
/*Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar*/
*position: relative;
*z-index: 2;
}
-.navbar-alpha {
- background: rgba($navbar-bg-color, $navbar-alpha);
-
- .navbar-inner {
- background: rgba($navbar-bg-color, $navbar-alpha);
- }
-}
-
// Inner for background effects
// Gradient is applied to its own element because overflow visible is not honored by IE when filter is present
.navbar-inner {
min-height: $navbar-height;
padding-left: 20px;
@@ -55,26 +47,26 @@
}
.navbar .nav {
padding-left: 0px;
- [class^="icon_"], [class*=" icon_"] {
+ [class^="icon-"], [class*=" icon-"] {
margin-right: 5px;
}
}
.navbar .brand {
float: left;
display: block;
margin-right: 20px;
+ font-weight: 500;
/*Vertically center the text given $navbar-height*/
padding: (($navbar-height - $base-line-height) / 2) 20px (($navbar-height - $base-line-height) / 2);
- margin-left: -20px; /*negative indent to left-align the text down the page*/
+ /*margin-left: -20px; [>negative indent to left-align the text down the page<]*/
font-size: 20px;
- font-weight: 200;
color: $navbar-brand-color;
&:hover,
&:focus {
text-decoration: none;
@@ -101,45 +93,33 @@
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color: $navbar-link-color-active;
text-decoration: none;
- border-top: 2px solid $green;
-
+ background: lighten($navbar-bg-color, 10%);
}
// Navbar button for toggling navbar items in responsive layouts
// These definitions need to come after '.navbar .btn'
.navbar .btn-navbar {
- display: none;
- float: right;
padding: 7px 10px;
- margin-left: 5px;
- margin-right: 5px;
- /*.buttonBackground(darken(@navbarBackgroundHighlight, 5%), darken(@navbarBackground, 5%));*/
- /*.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)");*/
+ margin-top: 8px;
+ margin-bottom: 8px;
}
-.navbar .btn-navbar .icon_cloud {
- display: block;
- width: 18px;
- height: 2px;
- background-color: #f5f5f5;
- /*.border-radius(1px);*/
- /*.box-shadow(0 1px 0 rgba(0,0,0,.25));*/
+
+.navbar .navbar-text {
+ margin: 0;
+ display: inline-block;
}
-.btn-navbar .icon_cloud + .icon_cloud {
- margin-top: 3px;
-}
//Navigation
.navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
-
}
.navbar .nav.pull-right {
float: right; /*redeclare due to specificity*/
margin-right: 0; /*remove margin on float right nav*/
@@ -149,11 +129,11 @@
float: left;
}
// Dividers in navbar
.divider-vertical {
- height: $navbar-height + 7; /*Fix for the navbar*/
+ height: $navbar-height; /*Fix for the navbar*/
margin: 0 9px;
border-left: 1px solid $navbar-border;
}
//Static Navbar
@@ -182,6 +162,55 @@
//Fixed to bottom
.navbar-fixed-bottom {
bottom: 0;
}
+//Search navbar form
+.navbar-form {
+ vertical-align: middle;
+ padding: 10px 15px;
+ margin: 0;
+
+ .form-fields {
+ margin: 0;
+ display: inline-block;
+ vertical-align: middle;
+
+ input {
+ margin: 0;
+ }
+ }
+ input {
+ margin: 0;
+ }
+}
+
+/* Navbar Inverse */
+/* -------------- */
+
+.navbar-inverse {
+ border: 1px solid #BBB;
+
+ .navbar-inner {
+ background: $navbar-inverse-bg-color;
+ }
+
+ .nav > li > a {
+ font-weight: 400;
+ color: $navbar-inverse-text;
+ }
+
+ .brand {
+ color: $navbar-inverse-text;
+ font-weight: 400;
+ }
+
+ .divider-vertical {
+ border-left: 1px solid #EEE;
+ }
+
+ .navbar-text {
+ color: #0088cc;
+ }
+
+}