mirror of
https://github.com/mofeng-git/One-KVM.git
synced 2025-12-12 01:00:29 +08:00
91 lines
3.4 KiB
CSS
91 lines
3.4 KiB
CSS
/*****************************************************************************
|
|
# #
|
|
# KVMD - The main PiKVM daemon. #
|
|
# #
|
|
# Copyright (C) 2018-2024 Maxim Devaev <mdevaev@gmail.com> #
|
|
# #
|
|
# This program is free software: you can redistribute it and/or modify #
|
|
# it under the terms of the GNU General Public License as published by #
|
|
# the Free Software Foundation, either version 3 of the License, or #
|
|
# (at your option) any later version. #
|
|
# #
|
|
# This program is distributed in the hope that it will be useful, #
|
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of #
|
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the #
|
|
# GNU General Public License for more details. #
|
|
# #
|
|
# You should have received a copy of the GNU General Public License #
|
|
# along with this program. If not, see <https://www.gnu.org/licenses/>. #
|
|
# #
|
|
*****************************************************************************/
|
|
|
|
|
|
/* ===== main.css ===== */
|
|
|
|
button:enabled:hover,
|
|
select:not([size]):enabled:hover,
|
|
input[type=file]:enabled:hover::-webkit-file-selector-button,
|
|
input[type=file]:enabled:hover::file-selector-button,
|
|
input[type=color]:enabled:hover {
|
|
color: var(--cs-control-hovered-fg);
|
|
background-color: var(--cs-control-hovered-bg);
|
|
}
|
|
|
|
button:active,
|
|
select:not([size]):active,
|
|
input[type=file]:active::-webkit-file-selector-button,
|
|
input[type=file]:active::file-selector-button,
|
|
input[type=color]:active {
|
|
color: var(--cs-control-pressed-fg) !important;
|
|
background-color: var(--cs-control-pressed-bg) !important;
|
|
}
|
|
|
|
button.key:active,
|
|
select.key:active {
|
|
box-shadow: none;
|
|
}
|
|
select:not([size]):enabled:hover {
|
|
background-image: url("../svg/select-arrow-intensive.svg") !important;
|
|
}
|
|
|
|
|
|
/* ===== radio.css ===== */
|
|
|
|
/* If we have a mouse cursor */
|
|
div.radio-box input[type=radio]:not(:checked):not(:disabled) + label:hover {
|
|
border: var(--border-hovered-2px);
|
|
color: var(--cs-control-hovered-fg) !important;
|
|
background-color: var(--cs-control-hovered-bg) !important;
|
|
}
|
|
|
|
|
|
/* ===== slider.css ===== */
|
|
|
|
/*div.switch-box label span.switch-inner:not(:disabled):hover::before {*/
|
|
input[type=range]:not(:disabled):hover::-webkit-slider-runnable-track {
|
|
background-color: var(--cs-control-hovered-bg);
|
|
}
|
|
|
|
/*div.switch-box label span.switch-inner:not(:disabled):hover::before {*/
|
|
input[type=range]:not(:disabled):hover::-moz-range-track {
|
|
background-color: var(--cs-control-hovered-bg);
|
|
}
|
|
|
|
|
|
/* ===== switch.css ===== */
|
|
|
|
div.switch-box label span.switch-inner:not(:disabled):hover::before {
|
|
background-color: var(--cs-control-hovered-bg);
|
|
}
|
|
|
|
div.switch-box label span.switch-inner:not(:disabled):hover::after {
|
|
background-color: var(--cs-control-hovered-bg);
|
|
}
|
|
|
|
|
|
/* ===== tabs.css ===== */
|
|
|
|
div.tabs-box input[type="radio"]:not(:checked):hover + label {
|
|
color: var(--cs-control-hovered-fg);
|
|
}
|