// Simplex 2.2.2 // Bootswatch.less // ----------------------------------------------------- $boxShadow: 1px 1px 1px rgba(0, 0, 0, 0.2); // TYPOGRAPHY // ----------------------------------------------------- @import url("//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700"); // SCAFFOLDING // ----------------------------------------------------- hr { border-bottom: none; } // NAVBAR // ----------------------------------------------------- .navbar { .navbar-inner { @include box-shadow(none); } .brand { padding: 12px 20px 8px; font-family: $headingsFontFamily; font-weight: bold; &:hover { color: $linkColor; } } .nav > li > a { padding: 13px 15px 6px; font-family: $headingsFontFamily; font-weight: bold; text-shadow: none; &:hover { text-decoration: none; } } .nav .active > a, .nav .active > a:hover { background-color: transparent; } .navbar-text { padding: 13px 15px 7px; line-height: 19px; font-family: $headingsFontFamily; color: $grayLight; } .divider-vertical { height: $navbarHeight - 1; background-color: $hrBorder; } .navbar-search { margin-top: 5px; input[type="text"] { margin-bottom: 5px; } } .dropdown-menu a { font-family: $headingsFontFamily; } } .navbar-inverse { .navbar-inner { @include box-shadow(none); } .brand:hover { color: $white; } } @media (max-width: $navbarCollapseWidth) { .navbar .nav-collapse { .nav li > a { color: $textColor; &:hover { background-image: none; background-color: $dropdownLinkBackgroundHover; } } .nav .active > a { @include box-shadow(none); } .navbar-form, .navbar-search { border-top: 1px solid rgba(128, 128, 128, 0.3); border-bottom: 1px solid rgba(128, 128, 128, 0.3); } } .navbar-inverse .nav-collapse { .nav li > a { color: $white; &:hover { background-color: rgba(255, 255, 255, 0.1) !important; } } .nav-header { color: rgba(255, 255, 255, 0.7); } } } div.subnav { background-image: none; background-color: $navbarBackground; border-bottom: 1px solid transparent; @include box-shadow($boxShadow); font-family: $headingsFontFamily; &.subnav-fixed { @include box-shadow(inset 0 5px #fff, $boxShadow); } .nav > li > a { padding: 14px 12px 10px; border-left-color: transparent; border-right-color: transparent; color: $navbarText; font-weight: bold; &:hover { background-color: transparent; color: $linkColor; } } .nav > li.active > a, .nav > li.active > a:hover { border-left-color: transparent; border-right-color: transparent; background-color: transparent; @include box-shadow(none); color: $linkColor; } } // NAV // ----------------------------------------------------- .nav .nav-header { font-size: 13px; font-weight: normal; text-transform: none; } .nav-tabs { & > li > a { background-color: darken($bodyBackground, 3%); border: 1px solid #ccc; color: $textColor; &:hover { border: 1px solid #ccc; background-color: $dropdownLinkBackgroundHover; color: $linkColor; } } & > li.active > a, & > li.active > a:hover { background-color: $bodyBackground; } .dropdown { .dropdown-toggle .caret { border-top-color: $textColor; border-bottom-color: $textColor; opacity: 1; } &:hover .dropdown-toggle .caret { border-top-color: $linkColor; border-bottom-color: $linkColor; } } .dropdown.open .dropdown-toggle { background-color: $dropdownLinkBackgroundHover; border-color: #ccc; color: $linkColor; .caret, &:hover .caret { border-top-color: $linkColor; border-bottom-color: $linkColor; opacity: 1; } } .dropdown-menu { @include border-radius(0); a { padding: 8px 15px 3px; } } } .tabbable { .nav-tabs > li > a, .nav-tabs > li > a:hover { border: 1px solid #ccc; } .nav-tabs > li.active > a { border-bottom: 1px solid transparent; } &.tabs-below > .nav-tabs > li.active > a, &.tabs-left > .nav-tabs > li.active > a, &.tabs-right > .nav-tabs > li.active > a { border-bottom: 1px solid #ccc; } } .nav-pills { li > a { color: $textColor; &:hover { background-color: $dropdownLinkBackgroundHover; color: $linkColor; } } li.active > a, li.active > a:hover { background-color: $dropdownLinkBackgroundHover; color: $linkColor; } .dropdown .dropdown-toggle .caret { border-top-color: $textColor; border-bottom-color: $textColor; opacity: 1; } .dropdown .dropdown-toggle:hover .caret { border-top-color: $linkColor; border-bottom-color: $linkColor; } .dropdown.open .dropdown-toggle, .dropdown.open:hover .dropdown-toggle { background-color: $dropdownLinkBackgroundHover; color: $linkColor; .caret { border-top-color: $linkColor; border-bottom-color: $linkColor; } } } .nav-list { li > a { color: $textColor; &:hover { background-color: $dropdownLinkBackgroundHover; color: $linkColor; } } li.active > a, li.active > a:hover { background-color: $dropdownLinkBackgroundHover; color: $linkColor; } } .breadcrumb { background-color: $white; border: 0px solid transparent; @include box-shadow($boxShadow, -1px -1px 0 rgba(0, 0, 0, 0.1)); li { padding-top: 2px; text-shadow: none; } .active { color: $textColor; } a { text-shadow: none; } a:hover { text-decoration: none; } } .pagination { ul > li > a, ul > li > span { padding: 2px 14px 0; color: $textColor; &:hover { background-color: $dropdownLinkBackgroundHover; color: $linkColor; } } ul > .active > a, ul > .active > span { background-color: $dropdownLinkBackgroundHover; color: $linkColor; } ul > .disabled > a, ul > .disabled > a:hover, ul > .disabled > span, ul > .disabled > span:hover { background-color: transparent; color: $textColor; } } // BUTTONS // ----------------------------------------------------- .btn { padding-top: .6em; font-family: $headingsFontFamily; font-weight: bold; } // TABLES // ----------------------------------------------------- // FORMS // ----------------------------------------------------- legend { border-bottom: 1px solid #ddd; font-family: $headingsFontFamily; } .navbar-search .search-query { border: 1px solid #ddd; @include border-radius(0); background-color: $bodyBackground; color: $gray; } .help-inline, .help-block { font-size: 13px; } .input-append .btn, .input-prepend .btn { line-height: 16px; } // DROPDOWNS // ----------------------------------------------------- // ALERTS, LABELS, BADGES // ----------------------------------------------------- .label { padding: 4px 4px 3px; margin-left: 1px; margin-right: 1px; line-height: 26px; font-weight: normal; } // MISCELLANEOUS // ----------------------------------------------------- i[class^="icon-"]{ opacity: 0.5; vertical-align: -2px; } .well { @include box-shadow($boxShadow, -1px -1px 0 rgba(0, 0, 0, 0.1)); border: none; } .hero-unit { background-color: $navbarBackground; @include box-shadow($boxShadow, -1px -1px 0 rgba(0, 0, 0, 0.1)); } .thumbnail { padding: 10px; background-color: $white; } .progress { @include gradient-vertical(#e0e0e0, #e8e8e8); } .modal-header { border-bottom: none; } .modal-header, .modal-body { background-color: $navbarBackground; } .modal-footer { background-color: $bodyBackground; } // MEDIA QUERIES // -----------------------------------------------------