From 1fffa33ed05dbab3b1c6ce906b39e729fa7faf38 Mon Sep 17 00:00:00 2001 From: Jenil Gogari Date: Sun, 16 Mar 2014 21:10:30 +0530 Subject: Darkly: new theme https://github.com/thomaspark/bootswatch/pull/233 --- darkly/bootswatch.less | 230 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 230 insertions(+) create mode 100644 darkly/bootswatch.less (limited to 'darkly/bootswatch.less') diff --git a/darkly/bootswatch.less b/darkly/bootswatch.less new file mode 100644 index 00000000..3f3a8c34 --- /dev/null +++ b/darkly/bootswatch.less @@ -0,0 +1,230 @@ +// Darkly 3.1.1 +// Bootswatch +// ----------------------------------------------------- + +@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600); + +// Navbar ===================================================================== +.navbar-form { + .form-control { + background-color: white; + &:focus { + border-color: white; + } + } +} + +// Buttons ==================================================================== + +.btn:active { + .box-shadow(none); +} + +.btn-group.open .dropdown-toggle { + .box-shadow(none); +} + +// Typography ================================================================= + +.text-primary, +.text-primary:hover { + color: lighten(@brand-primary, 10%); +} + +.text-success, +.text-success:hover { + color: @brand-success; +} + +.text-danger, +.text-danger:hover { + color: @brand-danger; +} + +.text-warning, +.text-warning:hover { + color: @brand-warning; +} + +.text-info, +.text-info:hover { + color: @brand-info; +} + +// Tables ===================================================================== + +table, +.table { + + a { + text-decoration: underline; + } + + .success, + .warning, + .danger, + .info { + color: #fff; + + a { + color: #fff; + } + } + + > thead > tr > th, + > tbody > tr > th, + > tfoot > tr > th, + > thead > tr > td, + > tbody > tr > td, + > tfoot > tr > td { + border: none; + } + + &-bordered > thead > tr > th, + &-bordered > tbody > tr > th, + &-bordered > tfoot > tr > th, + &-bordered > thead > tr > td, + &-bordered > tbody > tr > td, + &-bordered > tfoot > tr > td { + border: 1px solid @table-border-color; + } +} + +// 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; + .box-shadow(none); + } +} + +.has-error { + .help-block, + .control-label { + color: @brand-danger; + } + + .form-control, + .form-control:focus { + border: 2px solid @brand-danger; + .box-shadow(none); + } +} + +.has-success { + .help-block, + .control-label { + color: @brand-success; + } + + .form-control, + .form-control:focus { + border: 2px solid @brand-success; + .box-shadow(none); + } +} + +.input-group-addon { + color: @text-color; +} + +// Navs ======================================================================= + +.nav { + .open > a, + .open > a:hover, + .open > a:focus { + border-color: @nav-tabs-border-color; + } +} + +.nav-tabs > li > a, +.nav-pills > li > a { + color: #fff; +} + +.pager { + a, + a:hover { + color: #fff; + } + + .disabled { + &>a, + &>a:hover, + &>a:focus, + &>span { + background-color: @pagination-disabled-bg; + } + } +} + +// Indicators ================================================================= + +.alert { + + a, + .alert-link { + color: #fff; + text-decoration: underline; + } +} + +// Progress bars ============================================================== + +.progress { + height: 10px; + .box-shadow(none); +} + +// Containers ================================================================= + +.well { + .box-shadow(none); +} + +.popover, +.modal { + color: @gray-dark; +} + +.breadcrumb a { + color: #fff; +} + +.panel-default > .panel-heading { + background-color: @panel-footer-bg; +} + -- cgit v1.2.3