// Flatly 3.0.1 // Bootswatch // ----------------------------------------------------- @import url("//fonts.googleapis.com/css?family=Lato:400,700,900,400italic"); // Navbar ===================================================================== // Buttons ==================================================================== .btn:active { .box-shadow(none); } .btn-group.open .dropdown-toggle { .box-shadow(none); } // Typography ================================================================= .text-primary { color: @brand-primary; } .text-success { color: @brand-success; } .text-danger { color: @brand-danger; } .text-warning { color: @brand-warning; } .text-info { color: @brand-info; } // Tables ===================================================================== .table { tr.success, tr.warning, tr.danger { color: #fff; } } // Forms ====================================================================== .form-control,textarea.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-width: 2px; .box-shadow(none); &:focus { .box-shadow(none); } } .has-warning { .help-block, .control-label { color: @brand-warning; } .form-control, .form-control:focus { border: 2px solid @brand-warning; } } .has-error { .help-block, .control-label { color: @brand-danger; } .form-control, .form-control:focus { border: 2px solid @brand-danger; } } .has-success { .help-block, .control-label { color: @brand-success; } .form-control, .form-control:focus { border: 2px solid @brand-success; } } // Navs ======================================================================= .pagination { a, a:hover { color: #fff; } .disabled { &>a, &>a:hover, &>a:focus, &>span { background-color: lighten(@brand-success, 15%); } } } .pager { a, a:hover { color: #fff; } .disabled { &>a, &>a:hover, &>a:focus, &>span { background-color: lighten(@brand-success, 15%); } } } // Indicators ================================================================= .alert { a, .alert-link { color: #fff; text-decoration: underline; } } // Progress bars ============================================================== .progress { height: 10px; .box-shadow(none); } // Containers ================================================================= .well { .box-shadow(none); border-width: 0; }