Шаблон:CheckboxCreator: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) м (Pok переименовал страницу Шаблон:CheckboxExpandContextMenus в Шаблон:CheckboxCreator: Название с ошибкой) |
Pok (обсуждение | вклад) Нет описания правки |
||
Строка 1: | Строка 1: | ||
<div | <div class="outer-wrapper"> | ||
<div class="{{#switch: {{{1}}} | <div class="checkbox-wrapper"> | ||
<div class="{{#switch: {{{1}}}}} checkbox-container"> | |||
<!-- Здесь создаться чекбокс, с помощью JS --> | <!-- Здесь создаться чекбокс, с помощью JS --> | ||
</div></div> | </div></div></div> | ||
<div class="customCSS" style="display:none">.outer-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif} | |||
.checkbox-wrapper{padding:20px;border:2px solid #007BFF;border-radius:10px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.1)} | |||
.checkbox-container{display:flex;align-items:center;cursor:pointer} | |||
.checkbox-container label{margin-right:10px} | |||
.checkbox-container input[type="checkbox"]{appearance:none;width:20px;height:20px;border:2px solid #007BFF;border-radius:4px;position:relative;display:flex;justify-content:center;align-items:center} | |||
.checkbox-container input[type="checkbox"]::after{content:'';width:10px;height:10px;background-color:#007BFF;border-radius:2px;opacity:0;transition:opacity 0.2s ease} | |||
.checkbox-container input[type="checkbox"]:checked::after{opacity:1}</div> |
Версия от 09:54, 9 июля 2024