556 lines
18 KiB
CSS
556 lines
18 KiB
CSS
/**
|
|
* Sections
|
|
*/
|
|
body {
|
|
background-color: #f0f0f0;
|
|
color: #555;
|
|
cursor: default;
|
|
font-family: 'Noto Sans', Arial, sans-serif !important;
|
|
font-size: 75%;
|
|
margin: 0 auto;
|
|
max-width: 348px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
header {
|
|
align-items: center;
|
|
border-bottom: solid #d3d3d3 1px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 8px 15px 8px 4px;
|
|
position: relative;
|
|
}
|
|
|
|
#manipulateDOM-indicator {
|
|
background: url('../../icons/help-dark.svg') no-repeat right center;
|
|
background-size: 15px 15px;
|
|
color: #555;
|
|
padding-right: 20px;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#manipulateDOM-indicator:hover {
|
|
color: #777;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.panel {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.subpanel {
|
|
max-height: 200px;
|
|
overflow: auto;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.panel-overflow {
|
|
margin-left: 0;
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.subpanel:last-child {
|
|
border-bottom: solid #d3d3d3 1px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.content {
|
|
padding: 0 15px;
|
|
}
|
|
|
|
footer {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
padding: 8px 15px;
|
|
}
|
|
|
|
#testing-utility {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
#testing-utility-link {
|
|
display: none;
|
|
float: left;
|
|
}
|
|
|
|
/**
|
|
* Fonts
|
|
*/
|
|
@font-face {
|
|
font-family: 'Noto Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('../../modules/noto-sans/noto-sans.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Noto Sans';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: url('../../modules/noto-sans/noto-sans-bold.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Noto Sans';
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: url('../../modules/noto-sans/noto-sans-italic.woff2') format('woff2');
|
|
}
|
|
|
|
/**
|
|
* Headings
|
|
*/
|
|
.heading {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
padding-left: 0;
|
|
}
|
|
|
|
/**
|
|
* Lists
|
|
*/
|
|
.list {
|
|
margin: 0;
|
|
padding: 8px 0 0;
|
|
}
|
|
|
|
.list-item {
|
|
background-color: #f7f7f7;
|
|
border: 1px solid #e4e4e4;
|
|
color: #737373;
|
|
font-weight: 600;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 10px;
|
|
}
|
|
|
|
.sublist {
|
|
align-items: center;
|
|
background-color: #ececec;
|
|
border: 1px solid #e0e0e0;
|
|
box-shadow: inset 0 2px 10px #e2e2e2;
|
|
list-style: none;
|
|
padding: 0 0 0 8px;
|
|
}
|
|
|
|
.sublist:last-child {
|
|
border-bottom: 1px solid #e0e0e0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.sublist-item {
|
|
border-bottom: 1px solid #e0e0e0;
|
|
color: #737373;
|
|
font-weight: 600;
|
|
padding: 10px;
|
|
}
|
|
|
|
.sublist-item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
#label-donate {
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
#get-more-injections-btn, #label-donate {
|
|
background-color: #f0f0f0;
|
|
color: #555;
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
#get-more-injections-btn:hover {
|
|
color: #a3a3a3;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/**
|
|
* Icons
|
|
*/
|
|
|
|
.icon-logo {
|
|
height: 26px;
|
|
padding: 5px 6px 5px 8px;
|
|
width: 26px;
|
|
}
|
|
|
|
/**
|
|
* Buttons
|
|
*/
|
|
.button {
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #cfcfcf;
|
|
border-radius: 2px;
|
|
color: #5f5f5f;
|
|
cursor: pointer;
|
|
float: right;
|
|
font-size: 12px;
|
|
margin-left: 10px;
|
|
padding: 5px 22px;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.button:hover {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.button:active {
|
|
background-color: #dedede;
|
|
}
|
|
|
|
.button-svg {
|
|
background-size: cover;
|
|
height: 15px;
|
|
width: 15px;
|
|
}
|
|
|
|
/**
|
|
* Donate
|
|
*/
|
|
#donate-button {
|
|
color: #5f5f5f;
|
|
cursor: pointer;
|
|
display: flex;
|
|
float: right;
|
|
font-size: 12px;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#donate-button:hover #donate-button-svg {
|
|
transform: scale(1.3);
|
|
}
|
|
|
|
#donate-button:hover #label-donate {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#donate-button-svg {
|
|
background-image: url("../../icons/donate.svg");
|
|
}
|
|
|
|
/**
|
|
* Options
|
|
*/
|
|
#options-button-svg {
|
|
background-image: url("../../icons/settings-dark.svg");
|
|
}
|
|
|
|
#options-button:hover {
|
|
filter: contrast(0.5);
|
|
}
|
|
|
|
/**
|
|
* Statistics
|
|
*/
|
|
#statistics-button-svg {
|
|
/* https://www.svgrepo.com/svg/67340/statistics */
|
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgNDUyLjU5NCA0NTIuNTk0IgogICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTIuNTk0IDQ1Mi41OTQiCiAgIGlkPSJzdmcxNCIKICAgc29kaXBvZGk6ZG9jbmFtZT0ic3RhdGlzdGljcy1kYXJrLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi4zICgyNDA1NTQ2LCAyMDE4LTAzLTExKSI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMjAiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE2ODAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iOTk3IgogICAgIGlkPSJuYW1lZHZpZXcxNiIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMC4zNjg3MTI4IgogICAgIGlua3NjYXBlOmN4PSItMzc2LjgxNDY4IgogICAgIGlua3NjYXBlOmN5PSI2MjMuNDcxNTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjI1IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iZzEyIiAvPgogIDxnCiAgICAgaWQ9ImcxMiIKICAgICBzdHlsZT0iZmlsbDojNzc3Nzc3O2ZpbGwtb3BhY2l0eToxIj4KICAgIDxwYXRoCiAgICAgICBkPSJtNDMwLjUxMSw0NC42NTRoLTQwOC40MjljLTEyLjE3NiwwLTIyLjA4Miw5LjkwNi0yMi4wODIsMjIuMDgydjI1MC4yMjRjMCwxMi4xNzYgOS45MDYsMjIuMDgyIDIyLjA4MiwyMi4wODJoMTU0LjMyM2wtNi40MjgsNDguODk4aC0yNy41MDVjLTUuNTIyLDAtMTAsNC40NzctMTAsMTBzNC40NzgsMTAgMTAsMTBoMTY3LjY1YzUuNTIyLDAgMTAtNC40NzcgMTAtMTBzLTQuNDc4LTEwLTEwLTEwaC0yNy41MDZsLTYuNDI4LTQ4Ljg5OGgxNTQuMzIyYzEyLjE3NywwIDIyLjA4My05LjkwNiAyMi4wODMtMjIuMDgydi0yNTAuMjI0YzAuMDAxLTEyLjE3Ni05LjkwNS0yMi4wODItMjIuMDgyLTIyLjA4MnptLTQwOC40MjksMjBoNDA4LjQyOWMxLjE0OCwwIDIuMDgzLDAuOTM0IDIuMDgzLDIuMDgydjIxMS4zNTloLTQxMi41OTR2LTIxMS4zNTljMC0xLjE0OCAwLjkzNC0yLjA4MiAyLjA4Mi0yLjA4MnptMjQwLjM2MiwzMjMuMjg2aC03Mi4yOTZsNi40MjktNDguODk4aDU5LjQzOWw2LjQyOCw0OC44OTh6bTE2OC4wNjctNjguODk4aC00MDguNDI5Yy0xLjE0OCwwLTIuMDgyLTAuOTM0LTIuMDgyLTIuMDgydi0xOC44NjVoNDEyLjU5NHYxOC44NjVjMCwxLjE0OC0wLjkzNSwyLjA4Mi0yLjA4MywyLjA4MnoiCiAgICAgICBpZD0icGF0aDIiCiAgICAgICBzdHlsZT0iZmlsbDojNzc3Nzc3O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gODYuMjk3LDI1OS4wNDIgaCA0MCBjIDUuNTIyLDAgMTAsLTQuNDc3IDEwLC0xMCB2IC02MiBjIDAsLTUuNTIzIC00LjQ3OCwtMTAgLTEwLC0xMCBoIC00MCBjIC01LjUyMiwwIC0xMCw0LjQ3NyAtMTAsMTAgdiA2MiBjIDAsNS41MjMgNC40NzcsMTAgMTAsMTAgeiIKICAgICAgIGlkPSJwYXRoNCIKICAgICAgIHN0eWxlPSJmaWxsOiM3Nzc3Nzc7ZmlsbC1vcGFjaXR5OjEiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJzc3Nzc3Nzc3MiIC8+CiAgICA8cGF0aAogICAgICAgZD0ibSAzMjYuMjk3LDI1OC41NTUgaCA0MCBjIDUuNTIyLDAgMTAsLTQuNDc3IDEwLC0xMCB2IC0yOS41NSBjIDAsLTUuNTIzIC00LjQ3OCwtMTAgLTEwLC0xMCBoIC00MCBjIC01LjUyMiwwIC0xMCw0LjQ3NyAtMTAsMTAgdiAyOS41NSBjIDAsNS41MjMgNC40NzcsMTAgMTAsMTAgeiIKICAgICAgIGlkPSJwYXRoNiIKICAgICAgIHN0eWxlPSJmaWxsOiM3Nzc3Nzc7ZmlsbC1vcGFjaXR5OjEiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJzc3Nzc3Nzc3MiIC8+CiAgICA8cGF0aAogICAgICAgZD0ibSAyNDYuMjk3LDI1OS4wNDIgaCA0MCBjIDUuNTIyLDAgMTAsLTQuNDc3IDEwLC0xMCBWIDE2MC42MiBjIDAsLTUuNTIzIC00LjQ3OCwtMTAgLTEwLC0xMCBoIC00MCBjIC01LjUyMiwwIC0xMCw0LjQ3NyAtMTAsMTAgdiA4OC40MjIgYyAwLDUuNTIzIDQuNDc3LDEwIDEwLDEwIHoiCiAgICAgICBpZD0icGF0aDgiCiAgICAgICBzdHlsZT0iZmlsbDojNzc3Nzc3O2ZpbGwtb3BhY2l0eToxIgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0ic3Nzc3Nzc3NzIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMTY2LjI5NywyNTkuMDQyIGggNDAgYyA1LjUyMiwwIDEwLC00LjQ3NyAxMCwtMTAgViAxMzAuMjQ1IGMgMCwtNS41MjMgLTQuNDc4LC0xMCAtMTAsLTEwIGggLTQwIGMgLTUuNTIyLDAgLTEwLDQuNDc3IC0xMCwxMCB2IDExOC43OTcgYyAwLDUuNTIzIDQuNDc3LDEwIDEwLDEwIHoiCiAgICAgICBpZD0icGF0aDEwIgogICAgICAgc3R5bGU9ImZpbGw6Izc3Nzc3NztmaWxsLW9wYWNpdHk6MSIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzb2RpcG9kaTpub2RldHlwZXM9InNzc3Nzc3NzcyIgLz4KICA8L2c+Cjwvc3ZnPgo=");
|
|
}
|
|
|
|
#statistics-button:hover {
|
|
filter: contrast(0.5);
|
|
}
|
|
|
|
#statistics-button {
|
|
display: none;
|
|
}
|
|
|
|
/**
|
|
* Toggles
|
|
*/
|
|
#protection-toggle, #manipulateDOM-toggle {
|
|
cursor: pointer;
|
|
float: right;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.switch {
|
|
display: inline-block;
|
|
height: 18px;
|
|
position: relative;
|
|
width: 40px;
|
|
}
|
|
|
|
.switch input {
|
|
height: 0;
|
|
opacity: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.slider, .slider-disabled {
|
|
background-color: #b40000;
|
|
border-radius: 34px;
|
|
bottom: 0;
|
|
cursor: pointer;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
-webkit-transition: 0.1s;
|
|
transition: 0.1s;
|
|
}
|
|
|
|
.slider::before, .slider-disabled::before {
|
|
background-color: #f9f9fa;
|
|
border-radius: 50%;
|
|
bottom: 2px;
|
|
content: "";
|
|
height: 14px;
|
|
left: 2px;
|
|
position: absolute;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
width: 14px;
|
|
}
|
|
|
|
input:checked + .slider {
|
|
background-color: #6bb798;
|
|
}
|
|
|
|
input:checked + .slider::before {
|
|
-webkit-transform: translateX(22px);
|
|
-ms-transform: translateX(22px);
|
|
transform: translateX(22px);
|
|
}
|
|
|
|
.slider-disabled {
|
|
background-color: lightgray;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.slider:hover {
|
|
background-color: #7e0000;
|
|
}
|
|
|
|
input:checked + .slider:hover {
|
|
background-color: #4b806a;
|
|
}
|
|
|
|
/**
|
|
* Miscellaneous
|
|
*/
|
|
|
|
.badge {
|
|
background-color: #6bb798;
|
|
border-radius: 10px;
|
|
color: #fff;
|
|
font-family: monospace;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
margin-right: 8px;
|
|
padding: 3px 15px;
|
|
}
|
|
|
|
.counter {
|
|
font-size: 36px;
|
|
font-weight: 600;
|
|
margin-top: 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
.description {
|
|
color: #777;
|
|
font-style: italic;
|
|
margin: 0 6px;
|
|
text-align: center;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.label-version {
|
|
color: #6aac91;
|
|
font-size: 9px;
|
|
margin: 0 0 5px 2px;
|
|
}
|
|
|
|
.label-domain {
|
|
color: #555;
|
|
display: flex;
|
|
font-style: italic;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.side-note {
|
|
color: #a5a5a5;
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
}
|
|
|
|
#popup-incomplete-translation {
|
|
background-color: #ffa500;
|
|
color: white;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
/**
|
|
* Compatibility
|
|
*/
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
|
body {
|
|
width: 348px;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
/**
|
|
* Sections
|
|
*/
|
|
|
|
body {
|
|
background-color: #404040;
|
|
color: #bbb;
|
|
}
|
|
|
|
header {
|
|
border-bottom-color: #292929;
|
|
}
|
|
|
|
#manipulateDOM-indicator {
|
|
background: url('../../icons/help-light.svg') no-repeat right center;
|
|
background-size: 15px 15px;
|
|
color: #f2f2f2;
|
|
font-weight: bold;
|
|
padding-right: 20px;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/**
|
|
* Lists
|
|
*/
|
|
|
|
.list-item {
|
|
background-color: #484848;
|
|
border-color: #292929;
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
.sublist {
|
|
background-color: #323232;
|
|
border-color: #292929;
|
|
box-shadow: inset 0 2px 10px #292929;
|
|
}
|
|
|
|
.sublist:last-child {
|
|
border-bottom-color: #292929;
|
|
}
|
|
|
|
.sublist-item {
|
|
border-bottom-color: #2c2c2c;
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
.subpanel:last-child {
|
|
border-bottom: solid #292929 1px;
|
|
}
|
|
|
|
/**
|
|
* Buttons
|
|
*/
|
|
|
|
.button {
|
|
background-color: #3c3c3c;
|
|
border-color: #323232;
|
|
color: #bbb;
|
|
}
|
|
|
|
.button:hover {
|
|
background-color: #434343;
|
|
}
|
|
|
|
.button:active {
|
|
background-color: #393939;
|
|
}
|
|
|
|
#options-button-svg {
|
|
background-image: url("../../icons/settings-light.svg");
|
|
}
|
|
|
|
#statistics-button-svg {
|
|
/* https://www.svgrepo.com/svg/67340/statistics */
|
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgNDUyLjU5NCA0NTIuNTk0IgogICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTIuNTk0IDQ1Mi41OTQiCiAgIGlkPSJzdmcxNCIKICAgc29kaXBvZGk6ZG9jbmFtZT0ic3RhdGlzdGljcy1saWdodC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMyAoMjQwNTU0NiwgMjAxOC0wMy0xMSkiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTIwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNjgwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk5NyIKICAgICBpZD0ibmFtZWR2aWV3MTYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjAuMzY4NzEyOCIKICAgICBpbmtzY2FwZTpjeD0iLTM3Ni44MTQ2OCIKICAgICBpbmtzY2FwZTpjeT0iNjIzLjQ3MTU4IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNSIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImcxMiIgLz4KICA8ZwogICAgIGlkPSJnMTIiCiAgICAgc3R5bGU9ImZpbGw6Izc3Nzc3NztmaWxsLW9wYWNpdHk6MSI+CiAgICA8cGF0aAogICAgICAgZD0ibTQzMC41MTEsNDQuNjU0aC00MDguNDI5Yy0xMi4xNzYsMC0yMi4wODIsOS45MDYtMjIuMDgyLDIyLjA4MnYyNTAuMjI0YzAsMTIuMTc2IDkuOTA2LDIyLjA4MiAyMi4wODIsMjIuMDgyaDE1NC4zMjNsLTYuNDI4LDQ4Ljg5OGgtMjcuNTA1Yy01LjUyMiwwLTEwLDQuNDc3LTEwLDEwczQuNDc4LDEwIDEwLDEwaDE2Ny42NWM1LjUyMiwwIDEwLTQuNDc3IDEwLTEwcy00LjQ3OC0xMC0xMC0xMGgtMjcuNTA2bC02LjQyOC00OC44OThoMTU0LjMyMmMxMi4xNzcsMCAyMi4wODMtOS45MDYgMjIuMDgzLTIyLjA4MnYtMjUwLjIyNGMwLjAwMS0xMi4xNzYtOS45MDUtMjIuMDgyLTIyLjA4Mi0yMi4wODJ6bS00MDguNDI5LDIwaDQwOC40MjljMS4xNDgsMCAyLjA4MywwLjkzNCAyLjA4MywyLjA4MnYyMTEuMzU5aC00MTIuNTk0di0yMTEuMzU5YzAtMS4xNDggMC45MzQtMi4wODIgMi4wODItMi4wODJ6bTI0MC4zNjIsMzIzLjI4NmgtNzIuMjk2bDYuNDI5LTQ4Ljg5OGg1OS40MzlsNi40MjgsNDguODk4em0xNjguMDY3LTY4Ljg5OGgtNDA4LjQyOWMtMS4xNDgsMC0yLjA4Mi0wLjkzNC0yLjA4Mi0yLjA4MnYtMTguODY1aDQxMi41OTR2MTguODY1YzAsMS4xNDgtMC45MzUsMi4wODItMi4wODMsMi4wODJ6IgogICAgICAgaWQ9InBhdGgyIgogICAgICAgc3R5bGU9ImZpbGw6I2YyZjJmMjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxwYXRoCiAgICAgICBkPSJtIDg2LjI5NywyNTkuMDQyIGggNDAgYyA1LjUyMiwwIDEwLC00LjQ3NyAxMCwtMTAgdiAtNjIgYyAwLC01LjUyMyAtNC40NzgsLTEwIC0xMCwtMTAgaCAtNDAgYyAtNS41MjIsMCAtMTAsNC40NzcgLTEwLDEwIHYgNjIgYyAwLDUuNTIzIDQuNDc3LDEwIDEwLDEwIHoiCiAgICAgICBpZD0icGF0aDQiCiAgICAgICBzdHlsZT0iZmlsbDojZjJmMmYyO2ZpbGwtb3BhY2l0eToxIgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0ic3Nzc3Nzc3NzIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMzI2LjI5NywyNTguNTU1IGggNDAgYyA1LjUyMiwwIDEwLC00LjQ3NyAxMCwtMTAgdiAtMjkuNTUgYyAwLC01LjUyMyAtNC40NzgsLTEwIC0xMCwtMTAgaCAtNDAgYyAtNS41MjIsMCAtMTAsNC40NzcgLTEwLDEwIHYgMjkuNTUgYyAwLDUuNTIzIDQuNDc3LDEwIDEwLDEwIHoiCiAgICAgICBpZD0icGF0aDYiCiAgICAgICBzdHlsZT0iZmlsbDojZjJmMmYyO2ZpbGwtb3BhY2l0eToxIgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0ic3Nzc3Nzc3NzIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMjQ2LjI5NywyNTkuMDQyIGggNDAgYyA1LjUyMiwwIDEwLC00LjQ3NyAxMCwtMTAgViAxNjAuNjIgYyAwLC01LjUyMyAtNC40NzgsLTEwIC0xMCwtMTAgaCAtNDAgYyAtNS41MjIsMCAtMTAsNC40NzcgLTEwLDEwIHYgODguNDIyIGMgMCw1LjUyMyA0LjQ3NywxMCAxMCwxMCB6IgogICAgICAgaWQ9InBhdGg4IgogICAgICAgc3R5bGU9ImZpbGw6I2YyZjJmMjtmaWxsLW9wYWNpdHk6MSIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzb2RpcG9kaTpub2RldHlwZXM9InNzc3Nzc3NzcyIgLz4KICAgIDxwYXRoCiAgICAgICBkPSJtIDE2Ni4yOTcsMjU5LjA0MiBoIDQwIGMgNS41MjIsMCAxMCwtNC40NzcgMTAsLTEwIFYgMTMwLjI0NSBjIDAsLTUuNTIzIC00LjQ3OCwtMTAgLTEwLC0xMCBoIC00MCBjIC01LjUyMiwwIC0xMCw0LjQ3NyAtMTAsMTAgdiAxMTguNzk3IGMgMCw1LjUyMyA0LjQ3NywxMCAxMCwxMCB6IgogICAgICAgaWQ9InBhdGgxMCIKICAgICAgIHN0eWxlPSJmaWxsOiNmMmYyZjI7ZmlsbC1vcGFjaXR5OjEiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJzc3Nzc3Nzc3MiIC8+CiAgPC9nPgo8L3N2Zz4K");
|
|
}
|
|
|
|
input:checked + .slider {
|
|
background-color: #6bb798;
|
|
}
|
|
|
|
.slider {
|
|
background-color: #b54b4b;
|
|
}
|
|
|
|
.slider::before {
|
|
background-color: #323232;
|
|
}
|
|
|
|
.slider-disabled {
|
|
background-color: #777;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.slider-disabled::before {
|
|
background-color: #323232;
|
|
}
|
|
|
|
#label-donate {
|
|
background-color: #404040;
|
|
color: #bbb;
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/**
|
|
* Miscellaneous
|
|
*/
|
|
|
|
.badge {
|
|
color: #2d5042;
|
|
}
|
|
|
|
.description {
|
|
color: #dadada;
|
|
}
|
|
|
|
.label-domain {
|
|
color: #aeaeae;
|
|
}
|
|
|
|
.panel:not(:last-child) {
|
|
border-bottom-color: #292929;
|
|
}
|
|
|
|
.side-note {
|
|
color: #888;
|
|
}
|
|
|
|
.panel-overflow {
|
|
scrollbar-color: #747475 #484848;
|
|
}
|
|
}
|