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; + } + +}