Skip to content

brainfood / bootflat

Go to a project
Toggle navigation
Toggle navigation pinning
8080ab9c by bootflat
Options

modify navbar

1 parent 53de550c
Expand all
Inline Side-by-side
Showing 5 changed files with 46 additions and 35 deletions
/*
* bootflat 2.0.2
* bootflat 2.0.3
*
* Description: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
*
......@@ -7,7 +7,7 @@
*
* By @Flathemes <info@flathemes.com>
*
* Last modify time: 2014-07-09
* Last modify time: 2014-08-19
*
* Licensed under the MIT license. Please see LICENSE for more information.
*
......@@ -164,7 +164,7 @@ blockquote {
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link.disabled, .btn-link[disabled] {
color: #3bafda;
background-color: transparent;
background-color: transparent;
border-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
......@@ -318,7 +318,7 @@ blockquote {
.label-default,
.badge-default {
color: #434a54;
background-color: white;
background-color: white;
border: 1px solid #aab2bd;
}
......@@ -378,7 +378,7 @@ blockquote {
* --------------------------------------------------
*/
.popover {
color: white;
color: white;
background-color: #434a54;
border-color: #434a54;
}
......@@ -447,7 +447,7 @@ blockquote {
}
.breadcrumb-arrow {
height: 36px;
height: 36px;
padding: 0;
line-height: 36px;
list-style: none;
......@@ -474,7 +474,7 @@ blockquote {
padding: 0 10px;
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
height: 36px;
height: 36px;
padding: 0 10px 0 25px;
line-height: 36px;
}
......@@ -600,7 +600,7 @@ blockquote {
.input-group-btn .btn + .btn {
border-color: #96a0ad;
border-style: solid;
border-style: solid;
border-width: 1px;
}
.input-group-btn .btn + .btn.btn-default {
......@@ -770,7 +770,7 @@ blockquote {
width: 20px;
height: 50%;
text-indent: -99999px;
cursor: pointer;
cursor: pointer;
background-color: #3bafda;
}
.stepper .stepper-arrow:hover, .stepper .stepper-arrow:active {
......@@ -794,7 +794,7 @@ blockquote {
.stepper .up::before, .stepper .down::before {
position: absolute;
width: 0;
height: 0;
height: 0;
content: "";
border-right: 4px solid transparent;
border-left: 4px solid transparent;
......@@ -817,7 +817,7 @@ blockquote {
.selecter {
position: relative;
z-index: 1;
z-index: 1;
display: block;
max-width: 100%;
outline: none;
......@@ -854,7 +854,7 @@ blockquote {
padding: 6px 10px;
overflow: hidden;
text-overflow: clip;
cursor: pointer;
cursor: pointer;
background-color: white;
border: 1px solid #aab2bd;
border-radius: 4px;
......@@ -883,7 +883,7 @@ blockquote {
max-height: 260px;
overflow: auto;
overflow-x: hidden;
background-color: white;
background-color: white;
border: 1px solid #aab2bd;
border-width: 0 1px 1px;
border-radius: 0 0 4px 4px;
......@@ -901,7 +901,7 @@ blockquote {
font-size: 11px;
color: #aab2bd;
text-transform: uppercase;
background-color: #f5f7fa;
background-color: #f5f7fa;
border-bottom: 1px solid #e6e9ed;
}
.selecter .selecter-item {
......@@ -911,7 +911,7 @@ blockquote {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
cursor: pointer;
background-color: white;
border-bottom: 1px solid #e6e9ed;
}
......@@ -984,11 +984,15 @@ blockquote {
}
.selecter.bottom .selecter-options {
top: auto;
bottom: 100%;
bottom: 100%;
border-width: 1px 1px 0;
}
.selecter.bottom .selecter-item:last-child {
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.selecter.bottom.open .selecter-selected {
border-radius: 0 0 4px 4px;
......@@ -1130,7 +1134,7 @@ blockquote {
.toggle .handle {
position: relative;
top: -20px;
left: 0;
left: 0;
display: block;
width: 50px;
height: 32px;
......@@ -1149,7 +1153,7 @@ blockquote {
left: 1px;
display: block;
width: 30px;
height: 30px;
height: 30px;
content: "";
background-color: white;
border-radius: 30px;
......@@ -1165,7 +1169,7 @@ blockquote {
}
.toggle input[type="checkbox"]:disabled + .handle, .toggle input[type="radio"]:disabled + .handle, .toggle input[type="checkbox"]:disabled + .handle:before, .toggle input[type="radio"]:disabled + .handle:before, .toggle input[type="checkbox"]:disabled + .handle:after, .toggle input[type="radio"]:disabled + .handle:after {
background-color: #e6e9ed;
filter: alpha(opacity=60);
filter: alpha(opacity=60);
opacity: .6;
}
.toggle input[type="checkbox"]:checked + .handle:before, .toggle input[type="radio"]:checked + .handle:before {
......@@ -1256,12 +1260,12 @@ blockquote {
text-align: center;
}
.calendar .days {
padding-top: 15px;
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #ee7f6d;
}
.calendar .days .unit {
height: 34px;
height: 34px;
margin-bottom: 3px;
line-height: 34px;
text-align: center;
......@@ -1432,7 +1436,7 @@ blockquote {
border: #a0d468;
}
.alert .alert-link {
text-decoration: underline;
text-decoration: underline;
cursor: pointer;
filter: alpha(opacity=65);
opacity: .65;
......@@ -1457,7 +1461,7 @@ blockquote {
* --------------------------------------------------
*/
.nav-tabs {
background-color: #e6e9ed;
background-color: #e6e9ed;
border-bottom: none;
border-radius: 4px 4px 0 0;
......@@ -1663,6 +1667,10 @@ blockquote {
* navbar
* --------------------------------------------------
*/
.navbar-form {
padding: 0 !important;
}
.navbar-default {
background-color: #37bc9b;
border-color: #37bc9b;
......@@ -1952,7 +1960,7 @@ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-it
* --------------------------------------------------
*/
.modal-content {
color: #434a54;
color: #434a54;
border: none;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
......@@ -2025,7 +2033,7 @@ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-it
* --------------------------------------------------
*/
.jumbotron {
padding: 0;
padding: 0;
margin-bottom: 20px;
background-color: white;
border-radius: 4px;
......@@ -2266,7 +2274,7 @@ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-it
}
.panel-group-lists .panel {
background-color: white;
background-color: white;
border-bottom: 1px solid #e6e9ed;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
......@@ -2315,13 +2323,13 @@ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-it
margin-bottom: 20px;
}
.footer-logo, .footer-nav {
display: block;
display: block;
float: none;
width: 100%;
}
}
.footer-logo {
height: 32px;
height: 32px;
margin-top: -5px;
line-height: 32px;
}
......
......@@ -17,6 +17,9 @@ $navbar-inverse-background-color: $black !default;
* navbar
* --------------------------------------------------
*/
.navbar-form {
padding: 0 !important;
}
.navbar-default {
& {
......@@ -62,12 +65,12 @@ $navbar-inverse-background-color: $black !default;
}
& .navbar-toggle {
border-color: darken($navbar-background-color, 15%);
background-color: darken($navbar-background-color, 15%);
background-color: darken($navbar-background-color, 15%);
}
& .navbar-toggle:hover,
& .navbar-toggle:focus {
border-color: darken($navbar-background-color, 10%);
background-color: darken($navbar-background-color, 10%);
background-color: darken($navbar-background-color, 10%);
}
& .navbar-toggle .icon-bar {
background-color: $navbar-background-color;
......@@ -76,6 +79,8 @@ $navbar-inverse-background-color: $black !default;
& .navbar-form {
border-color: $navbar-item-background-color-hover;
}
& .navbar-nav > .open > a,
& .navbar-nav > .open > a:hover,
& .navbar-nav > .open > a:focus {
......@@ -157,12 +162,12 @@ $navbar-inverse-background-color: $black !default;
}
& .navbar-toggle {
border-color: $navbar-inverse-background-color;
background-color: $navbar-inverse-background-color;
background-color: $navbar-inverse-background-color;
}
& .navbar-toggle:hover,
& .navbar-toggle:focus {
border-color: lighten($navbar-inverse-background-color, 10%);
background-color: lighten($navbar-inverse-background-color, 10%);
background-color: lighten($navbar-inverse-background-color, 10%);
}
& .navbar-toggle .icon-bar {
background-color: lighten($navbar-inverse-background-color, 55%);
......@@ -209,5 +214,3 @@ $navbar-inverse-background-color: $black !default;
}
}
......
......@@ -46,7 +46,7 @@ $toggle-checked-shadow: inset 0 0 0 1px $lightgray-light, 1px 1p
& .handle {
display: block;
position: relative;
top: $toggle-handle-height * -0.5;
top: -20px;
left: 0;
width: $toggle-handle-width;
height: $toggle-handle-height;
......