diff options
Diffstat (limited to 'www/wiki/skins/bo/bootswatch.less')
-rwxr-xr-x | www/wiki/skins/bo/bootswatch.less | 282 |
1 files changed, 282 insertions, 0 deletions
diff --git a/www/wiki/skins/bo/bootswatch.less b/www/wiki/skins/bo/bootswatch.less new file mode 100755 index 00000000..17a6b033 --- /dev/null +++ b/www/wiki/skins/bo/bootswatch.less @@ -0,0 +1,282 @@ +// Cosmo 3.3.7 - https://bootswatch.com/3/cosmo/ +// Bootswatch - https://github.com/thomaspark/bootswatch/ +// MIT - https://github.com/thomaspark/bootswatch/blob/master/LICENSE +// C - Thomas Park +// ----------------------------------------------------- + + +/* Fonts + +font-family: 'Alegreya', serif; +font-family: 'Alegreya Sans', sans-serif; +font-family: 'Roboto Mono', monospace; + +*/ + +/* to do: fix web-font-path */ +// @import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Alegreya:400,400i,500,500i,700,700i,800,800i,900,900i|Roboto+Mono:400,500,700'); + +// @import url('https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css'); + +@web-font-path: "https://fonts.googleapis.com/css?family=Alegreya+Sans:100,300,300i,400,400i,500,500i,700,700i,800,900|Alegreya:400,400i,500,500i,700,700i,800,900|Roboto+Mono"; + +.web-font(@path) { + @import url("@{path}"); +} +.web-font(@web-font-path); + +// Navbar ===================================================================== + +.navbar { + background-color: @navbar-bg; + &-inverse { + + .badge { + background-color: #fff; + color: @brand-primary; + } + } +} + +// Buttons ==================================================================== + +// Typography ================================================================= + +body { + -webkit-font-smoothing: antialiased; +} + +.text-primary, +.text-primary:hover { + color: @brand-primary; +} + +.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:not(.btn) { + text-decoration: underline; + } + + .dropdown-menu a { + text-decoration: none; + } + + .success, + .warning, + .danger, + .info { + color: #fff; + + a { + color: #fff; + } + } +} + +// Forms ====================================================================== + + +.has-warning { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + &.radio label, + &.checkbox label, + &.radio-inline label, + &.checkbox-inline label, + .form-control-feedback { + color: @brand-warning; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border: 1px solid @brand-warning; + } +} + +.has-error { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + &.radio label, + &.checkbox label, + &.radio-inline label, + &.checkbox-inline label, + .form-control-feedback { + color: @brand-danger; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border: 1px solid @brand-danger; + } +} + +.has-success { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + &.radio label, + &.checkbox label, + &.radio-inline label, + &.checkbox-inline label, + .form-control-feedback { + color: @brand-success; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border: 1px solid @brand-success; + } +} + +// Navs ======================================================================= + +.nav-pills { + + & > li > a { + border-radius: 0; + } +} + +.dropdown-menu { + + & > li > a:hover, + & > li > a:focus { + background-image: none; + } +} + +// Indicators ================================================================= + +.close { + text-decoration: none; + text-shadow: none; + opacity: 0.4; + + &:hover, + &:focus { + opacity: 1; + } +} + +.alert { + border: none; + + .alert-link { + text-decoration: underline; + color: #fff; + } +} + +.label { + border-radius: 0; +} + +// Progress bars ============================================================== + +.progress { + height: 8px; + .box-shadow(none); + .progress-bar { + font-size: 8px; + line-height: 8px; + } +} + +// Containers ================================================================= + +.panel { + &-heading, + &-footer { + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &-default { + .close { + color: @text-color; + } + } +} + +a.list-group-item { + + &-success { + &.active { + background-color: @state-success-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken(@state-success-bg, 5%); + } + } + + &-warning { + &.active { + background-color: @state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken(@state-warning-bg, 5%); + } + } + + &-danger { + &.active { + background-color: @state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken(@state-danger-bg, 5%); + } + } +} + +.modal { + .close { + color: @text-color; + } +} + +.popover { + color: @text-color; +} |