Участник:Kemran2933/box: различия между версиями
Устранён конфликт со скрытием переключателя в стилях вики |
Шрифт Roboto и компактные отступы как в меню TGUI |
||
| Строка 4: | Строка 4: | ||
.kemran-box.tabs-togglebox > .tabs-container > .tabs-input {display:block !important; position:absolute; width:1px; height:1px; margin:-1px; padding:0; opacity:0; overflow:hidden;} | .kemran-box.tabs-togglebox > .tabs-container > .tabs-input {display:block !important; position:absolute; width:1px; height:1px; margin:-1px; padding:0; opacity:0; overflow:hidden;} | ||
.kemran-box.tabs-togglebox > .tabs-container > .tabs-label {display:flex; align-items:center; gap:7px; box-sizing:border-box; width:100%; min-height:27px; margin:0; padding:4px 9px; border:0; border-radius:0; background:transparent; color:inherit; font:700 12px/18px Arial,sans-serif; cursor:pointer; user-select:none;} | .kemran-box.tabs-togglebox > .tabs-container > .tabs-label {display:flex; align-items:center; gap:7px; box-sizing:border-box; width:100%; min-height:27px; margin:0; padding:4px 9px; border:0; border-radius:0; background:transparent; color:inherit; font:700 12px/18px Roboto,Arial,sans-serif; cursor:pointer; user-select:none;} | ||
.kemran-box .tabs-label::before {content:""; width:5px; height:5px; flex:none; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .25s ease;} | .kemran-box .tabs-label::before {content:""; width:5px; height:5px; flex:none; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .25s ease;} | ||
.kemran-box .tabs-input:checked + .tabs-label::before {transform:rotate(45deg);} | .kemran-box .tabs-input:checked + .tabs-label::before {transform:rotate(45deg);} | ||
| Строка 15: | Строка 15: | ||
.kemran-box .kemran-box-inner {border-top:2px solid #405a75; padding:8px 6px;} | .kemran-box .kemran-box-inner {border-top:2px solid #405a75; padding:8px 6px;} | ||
.kemran-box .kemran-box-body ul {display:flex; flex-direction:column; gap:5px; margin:0; padding:0; list-style:none;} | .kemran-box .kemran-box-body ul {display:flex; flex-direction:column; gap:5px; margin:0; padding:0; list-style:none;} | ||
.kemran-box .kemran-box-body li {margin:0; padding:0;} | .kemran-box .kemran-box-body li {margin:0 !important; padding:0;} | ||
.kemran-box .kemran-box-body a {display:block; padding:3px 5px; border-radius:3px; background:#405a75; color:#fff; font:700 12px/17px Arial,sans-serif; text-decoration:none;} | .kemran-box .kemran-box-body a {display:block; padding:3px 5px; border-radius:3px; background:#405a75; color:#fff; font:700 12px/17px Roboto,Arial,sans-serif; text-decoration:none;} | ||
.kemran-box .kemran-box-body a:hover {filter:brightness(1.15);} | .kemran-box .kemran-box-body a:hover {filter:brightness(1.15);} | ||
@media (prefers-reduced-motion:reduce) {.kemran-box.tabs-togglebox > .tabs-container, .kemran-box.tabs-togglebox > .tabs-container > .tabs-content, .kemran-box .tabs-label::before {transition:none;} | @media (prefers-reduced-motion:reduce) {.kemran-box.tabs-togglebox > .tabs-container, .kemran-box.tabs-togglebox > .tabs-container > .tabs-content, .kemran-box .tabs-label::before {transition:none;} | ||