/* 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; }