/* ################################################################ BOOTSTRAP MODIFICATIONS & TWEAKS ################################################################# */ .navbar { padding-top: 15px; margin-bottom: 0px; } .nav > li > a:hover, .nav > li > a:focus{ @include dark{ background-color: #111; } } pre{ @include dark{ color: #ccc; background-color: #272822; } } code{ @include dark{ background-color: #060d0b; } } .navbar-default { @include dark{ background-color: $color_bg_dark; } background-color: white; border-color: transparent; .navbar-nav > li.active > a { color: $color_thu_purple; border-bottom: 2px solid $color_thu_purple; @include dark{ color: $color_thu_purple_dark; border-bottom-color: $color_thu_purple_dark; } } .navbar-nav > li > a { @include dark{ color: $color_secondary_dark; } color: $color_secondary; background: transparent !important; font-weight: 700; font-size: 12px; &:hover, &:focus { color: $color_primary !important; background: transparent !important; @include dark{ color: $color_primary_dark !important; } } } } .navbar-brand { font-weight: 900; padding: 0px; line-height: 50px; height: 50px; img { margin-right: 5px; } } .navbar-header .navbar-brand { color: $color_secondary; @include dark{ color: $color_secondary_dark; &:hover { color: #fff; } } } .dropdown-menu { @include dark{ background: $color_secondary_dark; } background: $color_secondary ; } .dropdown-menu > li > a { color: white; @include dark{ color: $color_bg_dark; } font-weight: 700; font-size: 12px; } .mtb { margin-top: 40px; margin-bottom: 80px; } .mb { margin-bottom: 60px; } .mt { margin-top: 60px; } .hline { border-bottom: 1px solid $color_secondary ; } .hline-w { border-bottom: 1px solid #ffffff; margin-bottom: 25px; } @include dark{ .popover{ background-color: #282828; border-color: rgba(255, 255, 255, 0.2); } .popover.title{ background-color: #f7f7f7; border-bottom-color: #ebebeb; } .popover.top > .arrow { border-top-color: rgba(255, 255, 255, .25); } .popover.top > .arrow:after { border-top-color: #282828; } .popover.right > .arrow { border-right-color: rgba(255, 255, 255, .25); } .popover.right > .arrow:after { border-right-color: #282828; } .popover.bottom > .arrow { border-bottom-color: rgba(255, 255, 255, .25); } .popover.bottom > .arrow:after { border-bottom-color: #282828; } .popover.left > .arrow { border-left-color: rgba(255, 255, 255, .25); } .popover.left > .arrow:after { border-left-color: #282828; } .modal-content { background-color: $color_bg_dark; border: 1px solid rgba(255, 255, 255, .2); } .close { color: $color_secondary_dark; text-shadow: 0 1px 0 $color_bg_dark; &:hover, &:focus{ color: #fff; } } .nav-tabs > li > a:hover { background-color: $color_bg_dark; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: $color_secondary_dark; background-color: $color_bg_dark; } .thumbnail { background-color: $color_bg_dark; } .btn-info { background-color: #4c85b7; border-color: #739fc6; &:hover, &:focus, &:active, &.active { background-color: #40729e; border-color: #739fc6; } } .label-info { background-color: #61aadd; } .label-warning { background-color: #dd9640; } .progress-bar { background-color: #42729c; } }