UNPKG

@brennaveen/bootstrap

Version:

Custom fork of the bootstrap framework for theming.

622 lines (618 loc) 14.6 kB
/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ body { -webkit-font-smoothing: antialiased; } strong { font-weight: 600; } .btn { padding: 9px 15px; letter-spacing: .5px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; } .btn-default.disabled, .btn-primary.disabled, .btn-success.disabled, .btn-info.disabled, .btn-warning.disabled, .btn-danger.disabled, .btn-default[disabled], .btn-primary[disabled], .btn-success[disabled], .btn-info[disabled], .btn-warning[disabled], .btn-danger[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-success, fieldset[disabled] .btn-info, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-danger { -webkit-box-shadow: none; box-shadow: none; } .btn-link:hover, .btn-link:focus { color: #2db8d6; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 1px auto #2db8d6; } .btn-rounded { border-radius: 30px; } .btn-circle { width: 54px; height: 54px; padding: 0; overflow: hidden; font-size: 15px; line-height: 54px; text-align: center; vertical-align: middle; border-radius: 50%; } h6, .h6 { font-weight: 600; text-transform: uppercase; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #f5f5f5; } .navbar-brand { padding-top: 0; padding-bottom: 0; font-size: 20px; line-height: 50px; } .navbar-default { border-radius: 2px; } .navbar-inverse { border-radius: 2px; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a { -webkit-box-shadow: none; box-shadow: none; } .navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } @media (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; } } .navbar-brand > img { display: inline-block; } .alert-info .alert-link { color: #fff; text-decoration: underline; } .alert-success .alert-link { color: #fff; text-decoration: underline; } .alert-warning .alert-link { color: #fff; text-decoration: underline; } .alert-danger .alert-link { color: #fff; text-decoration: underline; } .form-control { -webkit-box-shadow: none; box-shadow: none; } .form-control:focus { border-color: #2db8d6; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .has-success .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .has-warning .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .has-error .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .help-block { font-size: 12px; } .list-group { border-radius: 2px; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { border-color: #445a63; } .panel { border: 1px solid #d3e0e9; } .panel-title { font-size: 20px; } .panel-heading, .panel-footer { padding: 15px; } .well { -webkit-box-shadow: none; box-shadow: none; } .table th { font-weight: 600; } .table > thead > tr > th { border-right-color: #fff; border-bottom-width: 1px; border-left-color: #fff; } .control-label { font-size: 12px; font-weight: 600; } .label { padding: .2em 1em .3em; font-size: 11px; font-weight: 600; border-radius: 10px; } .jumbotron { border: 1px solid #d3e0e9; } .pager li > a, .pager li > span { padding: 5px 15px; } .dropdown-menu { border: 1px solid #d7d7d7; -webkit-box-shadow: none; box-shadow: none; } .nav > li > a { font-size: 15px; letter-spacing: .5px; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #e4e9ec; border-color: #e4e9ec; } .nav-pills > li.active > a { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3); box-shadow: 0 1px 2px rgba(0, 0, 0, .3); } .nav-tabs > li > a, .nav-tabs > li > a:focus { margin-right: 0; color: #636b6f; background-color: transparent; border: none; -webkit-box-shadow: inset 0 -1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus:hover { color: #546e7a; background-color: transparent; -webkit-box-shadow: inset 0 -2px 0 #546e7a; box-shadow: inset 0 -2px 0 #546e7a; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus { color: #546e7a; border: none; -webkit-box-shadow: inset 0 -2px 0 #546e7a; box-shadow: inset 0 -2px 0 #546e7a; } .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus:hover { color: #546e7a; border: none; } .nav-tabs > li.disabled > a { -webkit-box-shadow: inset 0 -1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; } .nav-tabs.nav-justified > li > a, .nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a:focus, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: none; } .nav-tabs .dropdown-menu { margin-top: 0; } .dropdown-menu { margin-top: 0; border: none; } a:focus { outline: 1px auto #2db8d6; } .badge { min-width: 30px; } .breadcrumb { font-weight: 600; } .breadcrumb a { color: #7c8b8f; } .page-header { color: #7c8b8f; border: none; } ::-webkit-scrollbar-track { background-color: #d3e0e9; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } ::-webkit-scrollbar { width: 8px; background-color: #d3e0e9; } ::-webkit-scrollbar-thumb { background-color: #b0b0b0; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } #toasty .toast .toast-text .toast-title { font-weight: 600; } #toasty .toast.toasty-theme-material { font-size: 14px; } #toasty .toast.toasty-theme-material .toast-text .toast-title { font-size: 14px; text-transform: none; } #loading-bar .bar { background: #546e7a; } /* Fancy blur effect */ #loading-bar .peg { -webkit-box-shadow: #546e7a 1px 0 6px 1px; box-shadow: #546e7a 1px 0 6px 1px; -ms-box-shadow: #546e7a 1px 0 6px 1px; } #loading-bar-spinner { top: 25%; left: 49%; } #loading-bar-spinner .spinner-icon { width: 44px; height: 44px; border-top-color: #546e7a; border-left-color: #546e7a; } [ng-messages] { display: none; } .has-error [ng-messages] { display: block; } .uib-daypicker { outline: 0; } .uib-datepicker .btn-default, .uib-datepicker-popup .btn-default { background-color: #fff; -webkit-box-shadow: none; box-shadow: none; } .uib-datepicker .btn-info, .uib-datepicker-popup .btn-info { background-color: #2db8d6; } .uib-datepicker .btn-default.disabled, .uib-datepicker .btn-default[disabled], .uib-datepicker .btn-default.disabled .text-muted, .uib-datepicker .btn-default[disabled] .text-muted, .uib-datepicker-popup .btn-default.disabled, .uib-datepicker-popup .btn-default[disabled], .uib-datepicker-popup .btn-default.disabled .text-muted, .uib-datepicker-popup .btn-default[disabled] .text-muted { color: #ddd; background-color: transparent; } button.close { font-size: 35px; } button.close:focus { outline: #2db8d6 auto 5px; } .modal-header { border-bottom: none; } .modal-title { color: #2db8d6; } .modal-body { background-color: #f5f8fa; } .modal-footer { border-top: none; } .radio label, .radio-inline label, .checkbox label, .checkbox-inline label { padding-left: 25px; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="radio"], .checkbox-inline input[type="radio"], .radio input[type="checkbox"], .radio-inline input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-left: -25px; } input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: relative; -webkit-appearance: none; margin-top: 6px; margin-right: 4px; vertical-align: top; cursor: pointer; background-color: transparent; border: none; -moz-appearance: none; appearance: none; } input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus { outline: none; } input[type="radio"]:before, .radio input[type="radio"]:before, .radio-inline input[type="radio"]:before, input[type="radio"]:after, .radio input[type="radio"]:after, .radio-inline input[type="radio"]:after { display: block; width: 18px; height: 18px; content: ""; border-radius: 50%; } input[type="radio"]:before, .radio input[type="radio"]:before, .radio-inline input[type="radio"]:before { position: absolute; top: -6px; left: 0; background-color: #2db8d6; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } input[type="radio"]:after, .radio input[type="radio"]:after, .radio-inline input[type="radio"]:after { position: relative; top: -6px; margin-right: 5px; border: 1px solid #a4a4a4; } input[type="radio"]:checked:before, .radio input[type="radio"]:checked:before, .radio-inline input[type="radio"]:checked:before { -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); } input[type="radio"]:checked:after, .radio input[type="radio"]:checked:after, .radio-inline input[type="radio"]:checked:after { border-width: 5px; } input[type="radio"]:disabled:checked:before, .radio input[type="radio"]:disabled:checked:before, .radio-inline input[type="radio"]:disabled:checked:before { background-color: #e4e9ec; } input[type="radio"]:checked:after, .radio input[type="radio"]:checked:after, .radio-inline input[type="radio"]:checked:after { border-color: #2db8d6; } input[type="radio"]:disabled:after, .radio input[type="radio"]:disabled:after, .radio-inline input[type="radio"]:disabled:after, input[type="radio"]:disabled:checked:after, .radio input[type="radio"]:disabled:checked:after, .radio-inline input[type="radio"]:disabled:checked:after { border-color: #e4e9ec; } input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: relative; -webkit-appearance: none; margin-bottom: -4px; cursor: pointer; border: none; -moz-appearance: none; appearance: none; } input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus { outline: none; } input[type="checkbox"]:focus:after, .checkbox input[type="checkbox"]:focus:after, .checkbox-inline input[type="checkbox"]:focus:after { border-color: #2db8d6; } input[type="checkbox"]:after, .checkbox input[type="checkbox"]:after, .checkbox-inline input[type="checkbox"]:after { display: block; width: 18px; height: 18px; margin-top: -2px; margin-right: 10px; content: ""; border: 1px solid #a4a4a4; border-radius: 2px; -webkit-transition: 240ms; -o-transition: 240ms; transition: 240ms; } input[type="checkbox"]:checked:before, .checkbox input[type="checkbox"]:checked:before, .checkbox-inline input[type="checkbox"]:checked:before { position: absolute; top: 0; left: 6px; display: table; width: 6px; height: 12px; content: ""; border: 2px solid #fff; border-top-width: 0; border-left-width: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after { background-color: #2db8d6; border-color: #2db8d6; } input[type="checkbox"]:disabled:after, .checkbox input[type="checkbox"]:disabled:after, .checkbox-inline input[type="checkbox"]:disabled:after { border-color: #e4e9ec; } input[type="checkbox"]:disabled:checked:after, .checkbox input[type="checkbox"]:disabled:checked:after, .checkbox-inline input[type="checkbox"]:disabled:checked:after { background-color: #e4e9ec; border-color: transparent; } .has-warning input:not([type=checkbox]), .has-warning .form-control, .has-warning input.form-control[readonly], .has-warning input[type=text][readonly], .has-warning [type=text].form-control[readonly], .has-warning input:not([type=checkbox]):focus, .has-warning .form-control:focus { border-bottom: none; -webkit-box-shadow: inset 0 -1px 0 #eba028; box-shadow: inset 0 -1px 0 #eba028; } .has-error input:not([type=checkbox]), .has-error .form-control, .has-error input.form-control[readonly], .has-error input[type=text][readonly], .has-error [type=text].form-control[readonly], .has-error input:not([type=checkbox]):focus, .has-error .form-control:focus { border-bottom: none; -webkit-box-shadow: inset 0 -1px 0 #dd0330; box-shadow: inset 0 -1px 0 #dd0330; } .has-success input:not([type=checkbox]), .has-success .form-control, .has-success input.form-control[readonly], .has-success input[type=text][readonly], .has-success [type=text].form-control[readonly], .has-success input:not([type=checkbox]):focus, .has-success .form-control:focus { border-bottom: none; -webkit-box-shadow: inset 0 -1px 0 #4ec2b5; box-shadow: inset 0 -1px 0 #4ec2b5; } @media all and (-ms-high-contrast: none) { .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-bottom: -1px; } /* IE11 - checkbox drops below label otherwise */ } @-moz-document url-prefix() { .radio input[type="radio"], .radio-inline input[type="radio"] { padding-top: 3px; } /* Firefox - checkbox to high for label otherwise */ input[type="radio"]::before, .radio input[type="radio"]::before, .radio-inline input[type="radio"]::before { top: -4px; } } .mdi::before { position: relative; top: 0; font-size: 18px; line-height: 14px; } .btn .mdi::before { top: 1px; } .input-group-addon .mdi::before { top: 2px; } :focus { outline: #2db8d6 auto 5px; } /*# sourceMappingURL=bootstrap-theme.css.map */