Шаблон:CheckboxCreator: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) Нет описания правки |
Pok (обсуждение | вклад) Нет описания правки |
||
| (не показано 5 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div class="outer-wrapper"> | <div class="outer-wrapper"> | ||
<div class="checkbox-wrapper"> | <div class="checkbox-wrapper" | ||
<div class="{{{1|}}} checkbox-container"> | style=" | ||
<!-- Здесь создаться чекбокс, с помощью JS --> | padding: {{{padding|12px}}}; | ||
</div></div></div> | background: {{{background-color|#27272e}}}; | ||
<div class="customCSS" style="display:none">.outer-wrapper{display:flex;justify-content:left;align-items:left;font-family:Arial,sans-serif;color:#EFE8D8;font-weight:bold} | border: {{{border-size|2px}}} solid {{{border-color|#9F2828}}}; | ||
.checkbox-wrapper{ | "> | ||
.checkbox-container{display:flex;align-items:center;cursor:pointer} | <div class="{{{1|}}} checkbox-container"> | ||
.checkbox-container label{margin-right: | <!-- Здесь создаться чекбокс, с помощью JS --> | ||
</div></div> | |||
</div> | |||
<!-- --> | |||
<div class="customCSS" style="display:none"> | |||
.outer-wrapper { | |||
display: flex; | |||
justify-content: left; | |||
align-items: left; | |||
font-family: Arial,sans-serif; | |||
color: #EFE8D8; | |||
font-weight: bold | |||
} | |||
.checkbox-wrapper { | |||
border-radius: 0.35em; | |||
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: 5px | |||
} | |||
</div> | |||
