File size: 2,469 Bytes
f555b43 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 |
#theme_menu {
z-index: 9999;
background-color: var(--ae-input-bg-color);
position: relative;
width: 38px;
height: 38px;
border-radius: 100%;
cursor: pointer;
min-width: unset;
max-width: 38px;
align-self: center;
}
#theme_menu::before {
content: " ";
display: inline-block;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--ae-icon-color);
width: var(--ae-icon-size);
height: var(--ae-icon-size);
-webkit-mask: url(./file=html/svg/contrast-drop-2-line.svg) no-repeat 50% 50%;
mask: url(./file=html/svg/contrast-drop-2-line.svg) no-repeat 50% 50%;
cursor: pointer;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1);
}
#theme_menu.fixed,
#theme_menu:hover {
background-color: var(--ae-icon-color);
}
#theme_menu.fixed::before,
#theme_menu:hover::before {
background-color: var(--ae-icon-hover-color);
}
#theme_overflow_container {
overflow-y: auto;
height: calc(
100vh - var(--ae-top-header-height) - (var(--ae-outside-gap-size) * 2) -
(var(--ae-inside-padding-size) * 4) - 96px
);
overflow-x: hidden;
}
#tab_ui_theme.open {
transform: translateX(0);
box-shadow: rgba(0, 0, 0, 0.4) -30px 0 30px -30px;
}
#tab_ui_theme.aside {
display: block !important;
}
#tab_ui_theme.aside {
position: fixed;
top: var(--ae-top-header-height);
width: 90%;
right: 0;
height: calc(100% - var(--ae-top-header-height));
max-width: 480px;
z-index: 9999;
transform: translateX(100%);
transition: all 0.25s ease 0s;
box-shadow: rgba(0, 0, 0, 0) -30px 0 30px -30px;
padding: calc(1rem - var(--ae-outside-gap-size));
background-color: var(--ae-main-bg-color) !important;
}
#tab_ui_theme.aside.open {
transform: translateX(0);
box-shadow: rgba(0, 0, 0, 0.4) -30px 0 30px -30px;
}
#theme_hidden,
#setting_ui_header_tabs .theme,
#setting_ui_hidden_tabs .theme {
display: none !important;
}
#tab_ui_theme [id*="color"] label {
display: flex;
align-items: center;
pointer-events: none;
}
#tab_ui_theme [id*="color"] label span {
min-width: 50% !important;
}
#tab_ui_theme [id*="color"] label input {
flex-grow: 1;
pointer-events: all;
cursor: pointer;
}
#settings_ui_theme > div > div {
flex-direction: row;
flex-wrap: wrap;
}
#settings_ui_theme > div > div > div {
max-width: 30%;
}
#tab_ui_theme > div {
padding: 16px !important;
padding-top: 0 !important;
}
#ui_theme_hsv + button {
min-width: unset;
}
|