172 lines
4.5 KiB
CSS
172 lines
4.5 KiB
CSS
/* Checkboxes */
|
|
html.dark .checkbox-primary label:before,
|
|
.checkbox-primary label:before {
|
|
background: #0088cc;
|
|
border-color: #0077b3;
|
|
}
|
|
|
|
html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
|
|
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
|
|
color: #0088cc;
|
|
}
|
|
/* Radios */
|
|
html.dark .radio-primary input[type="radio"]:checked + label:after,
|
|
.radio-primary input[type="radio"]:checked + label:after {
|
|
background: #0088cc;
|
|
-webkit-box-shadow: 0px 0px 1px #0088cc;
|
|
box-shadow: 0px 0px 1px #0088cc;
|
|
}
|
|
/* Switch */
|
|
.switch.switch-primary .ios-switch .on-background {
|
|
background: #0088cc;
|
|
}
|
|
/* Progress Bar */
|
|
.progress-bar {
|
|
background-color: #0088cc;
|
|
}
|
|
|
|
.progress .progress-bar-primary {
|
|
background-color: #0088cc;
|
|
}
|
|
/* Slider */
|
|
.slider-primary .ui-slider-range,
|
|
.slider-primary .ui-slider-handle {
|
|
background: #0088cc;
|
|
}
|
|
|
|
.slider-gradient.slider-primary .ui-slider-range,
|
|
.slider-gradient.slider-primary .ui-slider-handle {
|
|
background-image: -webkit-linear-gradient(left, #00aaff 0, #0088cc 50%, #006699 100%);
|
|
background-image: linear-gradient(left, #00aaff 0, #0088cc 50%, #006699 100%);
|
|
}
|
|
|
|
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
|
|
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
|
|
background-image: -webkit-linear-gradient(to right, #00aaff 0, #0088cc 50%, #006699 100%);
|
|
background-image: linear-gradient(to right, #00aaff 0, #0088cc 50%, #006699 100%);
|
|
}
|
|
/* DatePicker */
|
|
.datepicker table {
|
|
width: 100%;
|
|
}
|
|
|
|
.datepicker table thead tr th.prev:hover,
|
|
.datepicker table thead tr th.next:hover {
|
|
background: #0088cc;
|
|
}
|
|
|
|
.datepicker table thead tr:first-child th:hover {
|
|
background: #0088cc;
|
|
}
|
|
|
|
.datepicker table tr td span:hover {
|
|
background: #0088cc;
|
|
}
|
|
|
|
.datepicker table tr td.day:hover {
|
|
background: #0088cc;
|
|
}
|
|
|
|
.datepicker table tfoot tr th:hover {
|
|
background: #0088cc;
|
|
}
|
|
/* DatePicker: Dark */
|
|
html.dark .datepicker.datepicker-primary table thead tr th.prev:hover,
|
|
.datepicker.datepicker-dark table thead tr th.prev:hover,
|
|
html.dark .datepicker.datepicker-primary table thead tr th.next:hover,
|
|
.datepicker.datepicker-dark table thead tr th.next:hover {
|
|
background: #0088cc;
|
|
}
|
|
|
|
html.dark .datepicker.datepicker-primary table tbody tr td.day:hover,
|
|
.datepicker.datepicker-dark table tbody tr td.day:hover {
|
|
background: #0088cc;
|
|
}
|
|
|
|
html.dark .datepicker.datepicker-primary table tbody tr td.day.active,
|
|
.datepicker.datepicker-dark table tbody tr td.day.active {
|
|
background: #0088cc;
|
|
}
|
|
/* DatePicker: Primary */
|
|
.datepicker.datepicker-primary table thead tr:first-child {
|
|
background-color: #0088cc;
|
|
}
|
|
|
|
.datepicker.datepicker-primary table thead tr:first-child th:hover {
|
|
background-color: #006699;
|
|
}
|
|
|
|
.datepicker.datepicker-primary table thead tr:last-child {
|
|
background-color: #0099e6;
|
|
}
|
|
|
|
.datepicker.datepicker-primary table thead tr:last-child th:hover {
|
|
background-color: #0088cc;
|
|
}
|
|
|
|
.datepicker.datepicker-primary table tbody tr td.day:hover {
|
|
background: #0088cc;
|
|
}
|
|
|
|
.datepicker.datepicker-primary table tbody tr td.day.active {
|
|
background: #0088cc;
|
|
}
|
|
/* Select 2 */
|
|
.select2-container-multi .select2-choices .select2-search-choice {
|
|
background: #0088cc;
|
|
}
|
|
/* Wizard */
|
|
.wizard-steps > li.active .badge {
|
|
background-color: #0088cc;
|
|
}
|
|
|
|
.wizard-steps > li.active a,
|
|
.wizard-steps > li.active a:hover,
|
|
.wizard-steps > li.active a:focus {
|
|
border-top-color: #0088cc;
|
|
}
|
|
|
|
.wizard-tabs ul > li.active .badge {
|
|
background-color: #0088cc;
|
|
}
|
|
|
|
html .wizard-progress .steps-progress .progress-indicator,
|
|
html.dark .wizard-progress .steps-progress .progress-indicator {
|
|
background: #0088cc;
|
|
}
|
|
|
|
html .wizard-progress .wizard-steps li.completed a span,
|
|
html.dark .wizard-progress .wizard-steps li.completed a span {
|
|
border-color: #0088cc;
|
|
background: #0088cc;
|
|
}
|
|
|
|
html .wizard-progress .wizard-steps li.active a span,
|
|
html.dark .wizard-progress .wizard-steps li.active a span {
|
|
color: #0088cc;
|
|
border-color: #0088cc;
|
|
}
|
|
/* Tables */
|
|
.table > thead > tr > td.primary,
|
|
.table > tbody > tr > td.primary,
|
|
.table > tfoot > tr > td.primary,
|
|
.table > thead > tr > th.primary,
|
|
.table > tbody > tr > th.primary,
|
|
.table > tfoot > tr > th.primary,
|
|
.table > thead > tr.primary > td,
|
|
.table > tbody > tr.primary > td,
|
|
.table > tfoot > tr.primary > td,
|
|
.table > thead > tr.primary > th,
|
|
.table > tbody > tr.primary > th,
|
|
.table > tfoot > tr.primary > th {
|
|
background-color: #0088cc;
|
|
}
|
|
/* Data Tables Loading */
|
|
.dataTables_processing {
|
|
background-color: #0088cc;
|
|
}
|
|
/* Liquid Meter */
|
|
.liquid-meter-wrapper .liquid-meter-selector a.active {
|
|
color: #0088cc;
|
|
}
|