169 lines
5.1 KiB
CSS
169 lines
5.1 KiB
CSS
/* This file creates the AdminForm "theme-dark" skin.
|
|
* The success color is applied to every form element and widget
|
|
* via the styles generated by the admin-skins.less mixin
|
|
*/
|
|
.admin-form .panel-dark > .panel-heading {
|
|
border-top-color: #424759;
|
|
}
|
|
.admin-form .panel-dark > .panel-heading:before {
|
|
background-color: #3b3f4f;
|
|
}
|
|
.admin-form .panel-dark.heading-border:before,
|
|
.admin-form .panel-dark .heading-border:before {
|
|
background-color: #3b3f4f;
|
|
}
|
|
.admin-form .bg-dark {
|
|
background-color: #3b3f4f;
|
|
}
|
|
.admin-form .bg-dark.light {
|
|
background-color: #424759;
|
|
}
|
|
.admin-form .bg-dark.lighter {
|
|
background-color: #51566c;
|
|
}
|
|
.admin-form .bg-dark.dark {
|
|
background-color: #2c2f3c;
|
|
}
|
|
.admin-form .bg-dark.darker {
|
|
background-color: #1e2028;
|
|
}
|
|
.admin-form .option-dark input:hover + .checkbox,
|
|
.admin-form .option-dark input:hover + .radio {
|
|
border-color: #424759;
|
|
}
|
|
.admin-form .option-dark input:checked + .checkbox,
|
|
.admin-form .option-dark input:focus + .checkbox,
|
|
.admin-form .option-dark input:checked + .radio,
|
|
.admin-form .option-dark input:focus + .radio {
|
|
border-color: #3b3f4f;
|
|
}
|
|
.admin-form .option-dark input:checked + .radio:before,
|
|
.admin-form .option-dark input:focus + .radio:before {
|
|
background: #3b3f4f;
|
|
}
|
|
.admin-form .option-dark input:checked + .checkbox:before,
|
|
.admin-form .option-dark input:focus + .checkbox:before {
|
|
border-color: #3b3f4f;
|
|
}
|
|
.admin-form .switch-dark > input:checked + label {
|
|
background: #3b3f4f;
|
|
border-color: #3b3f4f;
|
|
}
|
|
.admin-form .switch-dark > input:checked + label:after {
|
|
color: #3b3f4f;
|
|
}
|
|
.admin-form .switch-dark > input:checked:focus + label {
|
|
background: #2c2f3c;
|
|
border-color: #2c2f3c;
|
|
}
|
|
.admin-form .btn-dark {
|
|
background-color: #3b3f4f;
|
|
}
|
|
.admin-form .btn-dark:hover,
|
|
.admin-form .btn-dark:focus {
|
|
background-color: #424759;
|
|
border-color: #424759;
|
|
}
|
|
.admin-form .btn-dark:active {
|
|
background-color: #2c2f3c;
|
|
}
|
|
.admin-form .btn-dark,
|
|
.admin-form .btn-dark:hover,
|
|
.admin-form .btn-dark:focus,
|
|
.admin-form .btn-dark:active {
|
|
color: #fff;
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.08);
|
|
}
|
|
.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-range {
|
|
background-color: #3b3f4f;
|
|
}
|
|
.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-handle {
|
|
border-color: #3b3f4f;
|
|
}
|
|
.admin-form .slider-wrapper.slider-dark .ui-slider .ui-slider-handle:before {
|
|
background-color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .section-divider span {
|
|
color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .tagline span {
|
|
color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .theme-link {
|
|
color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .gui-input:hover,
|
|
.admin-form.theme-dark .gui-textarea:hover,
|
|
.admin-form.theme-dark .select > select:hover,
|
|
.admin-form.theme-dark .select-multiple select:hover,
|
|
.admin-form.theme-dark .gui-input:hover ~ .input-footer,
|
|
.admin-form.theme-dark .file .gui-file:hover + .gui-input,
|
|
.admin-form.theme-dark .gui-textarea:hover ~ .input-footer {
|
|
border-color: #424759;
|
|
}
|
|
.admin-form.theme-dark .gui-input:focus,
|
|
.admin-form.theme-dark .gui-textarea:focus,
|
|
.admin-form.theme-dark .select > select:focus,
|
|
.admin-form.theme-dark .select-multiple select:focus {
|
|
border-color: #424759;
|
|
color: #3C3C3C;
|
|
}
|
|
.admin-form.theme-dark .gui-textarea:focus {
|
|
height: 120px;
|
|
}
|
|
.admin-form.theme-dark .select > select:focus {
|
|
z-index: 10;
|
|
z-index: 20\9;
|
|
}
|
|
.admin-form.theme-dark .gui-input:focus ~ .field-icon i,
|
|
.admin-form.theme-dark .gui-textarea:focus ~ .field-icon i {
|
|
color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .select-multiple select:focus,
|
|
.admin-form.theme-dark .gui-input:focus ~ .input-footer,
|
|
.admin-form.theme-dark .gui-textarea:focus ~ .input-footer,
|
|
.admin-form.theme-dark .file .gui-file:focus + .gui-input {
|
|
border-color: #424759;
|
|
}
|
|
.admin-form.theme-dark .select > select:focus + .arrow {
|
|
color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .rating:hover .rating-star:hover,
|
|
.admin-form.theme-dark .rating:hover .rating-star:hover ~ .rating-star,
|
|
.admin-form.theme-dark .rating-input:checked ~ .rating-star {
|
|
color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .rating-star,
|
|
.admin-form.theme-dark .rating:hover .rating-star {
|
|
color: #A2A6A8;
|
|
}
|
|
.admin-form.theme-dark .ui-datepicker .ui-datepicker-prev,
|
|
.admin-form.theme-dark .ui-datepicker .ui-datepicker-next,
|
|
.admin-form.theme-dark .ui-datepicker .ui-datepicker-title {
|
|
color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .ui-datepicker-today a,
|
|
.admin-form.theme-dark .ui-datepicker-today a:hover,
|
|
.admin-form.theme-dark .ui-datepicker .ui-state-highlight {
|
|
background: #676e89 !important;
|
|
}
|
|
.admin-form.theme-dark .ui-datepicker .ui-state-active {
|
|
background: #3b3f4f !important;
|
|
}
|
|
.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
|
|
background: #FFF !important;
|
|
}
|
|
.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
|
|
border-color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
|
|
background-color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .wizard .steps li a,
|
|
.admin-form.theme-dark .wizard .actions li a {
|
|
background-color: #3b3f4f;
|
|
}
|
|
.admin-form.theme-dark .wizard .steps li.current a {
|
|
background-color: #2c2f3c;
|
|
}
|