88 lines
1.7 KiB
CSS
88 lines
1.7 KiB
CSS
::selection {
|
|
background: #808080;
|
|
}
|
|
|
|
::-moz-selection {
|
|
background: #808080;
|
|
}
|
|
|
|
body {
|
|
padding: 40px 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
background-color: #1c1c1c;
|
|
}
|
|
|
|
h1 {
|
|
margin-top: -10px;
|
|
margin-bottom: 10px;
|
|
color: #fafafa;
|
|
}
|
|
|
|
.setting:not(:last-child) {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.setting {
|
|
width: 40%;
|
|
}
|
|
|
|
.setting>label {
|
|
margin-bottom: 4px;
|
|
display: block;
|
|
color: #c4c4c4;
|
|
}
|
|
|
|
.setting>input:is([type="text"], [type="number"]) {
|
|
width: 100%;
|
|
padding: 5px 10px;
|
|
border-radius: 0px;
|
|
border: none;
|
|
outline: none;
|
|
color: #d0d0d0;
|
|
background-color: #2c2c2c;
|
|
}
|
|
|
|
.setting>input[type="checkbox"] {
|
|
display: none;
|
|
}
|
|
|
|
.setting>input[type="checkbox"]+div.checkbox[type="button"] {
|
|
height: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #282828;
|
|
}
|
|
|
|
.setting>input[type="checkbox"]+div.checkbox[type="button"]:before {
|
|
content: 'Отключено';
|
|
color: #d0d0d0;
|
|
display: block;
|
|
}
|
|
|
|
.setting>input[type="checkbox"]+div.checkbox[type="button"]:hover {
|
|
background-color: #2b2b2b;
|
|
}
|
|
|
|
.setting>input[type="checkbox"]+div.checkbox[type="button"]:active {
|
|
background-color: #252525;
|
|
}
|
|
|
|
.setting>input[type="checkbox"]:checked+div.checkbox[type="button"] {
|
|
background-color: #3c3c3c;
|
|
}
|
|
|
|
.setting>input[type="checkbox"]:checked+div.checkbox[type="button"]:before {
|
|
content: 'Включено'
|
|
}
|
|
|
|
.setting>input[type="checkbox"]:checked+div.checkbox[type="button"]:hover {
|
|
background-color: #3f3f3f;
|
|
}
|
|
|
|
.setting>input[type="checkbox"]:checked+div.checkbox[type="button"]:active {
|
|
background-color: #3a3a3a;
|
|
}
|