// Readable 3.1.1 // Bootswatch // ----------------------------------------------------- @import url("//fonts.googleapis.com/css?family=Raleway:400,700"); // Navbar ===================================================================== .navbar { font-family: @headings-font-family; &-nav > li > a { padding: @padding-base-vertical @padding-base-horizontal; margin: 12px 6px; border: 1px solid transparent; border-radius: @border-radius-base; &:hover { border: 1px solid #ddd; } } &-nav > .active > a, &-nav > .active > a:hover { border: 1px solid #ddd; } &-default .navbar-nav > .active > a:hover { color: @navbar-default-link-hover-color; } &-inverse .navbar-nav > .active > a:hover { color: @navbar-inverse-link-hover-color; } &-brand { margin-top: 6px; } } // Buttons ==================================================================== .btn { font-family: @headings-font-family; } // Typography ================================================================= // Tables ===================================================================== // Forms ====================================================================== legend { font-family: @headings-font-family; } .input-group-addon { font-family: @font-family-sans-serif; } // Navs ======================================================================= .nav { .open > a, .open > a:hover, .open > a:focus { border: 1px solid #ddd; } } .pagination { font-family: @headings-font-family; &-lg > li > a, &-lg > li > span { padding: 14px 24px; } } .pager { font-family: @headings-font-family; a { color: @text-color; } a:hover { border-color: transparent; color: #fff; } .disabled a { border-color: @pager-border; } } // Indicators ================================================================= .alert { a, .alert-link { color: @alert-success-text; text-decoration: underline; } } .label { font-family: @headings-font-family; font-weight: normal; &-default { border: 1px solid #ddd; color: @text-color; } } .badge { font-family: @headings-font-family; font-weight: normal; } // Progress bars ============================================================== // Containers ================================================================= .panel { .box-shadow(none); &-default .panel-heading, &-default .panel-footer { background-color: #fff; font-family: @headings-font-family; font-weight: bold; } &-primary, &-success, &-warning, &-danger, &-info { .panel-heading { color: #fff; } .panel-body { border: 1px solid #ddd; border-top-width: 0; border-radius: 0 0 @border-radius-base @border-radius-base; } } }