Шаблон:CheckboxCreator: различия между версиями
Материал из [RPSX] WorkStation
Дополнительные действия
Atima (обсуждение | вклад)  Новая страница: «<div class="outer-wrapper"> <div class="checkbox-wrapper"> <div class="{{{1|}}} checkbox-container"> <!-- Здесь создаться чекбокс, с помощью 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{padding:12px;border:2px solid #9F2828;border-radius:0.35em;background-color:#...»  | 
				Atima (обсуждение | вклад) Нет описания правки  | 
				||
| Строка 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:5px}</div>  | 	<!-- Здесь создаться чекбокс, с помощью 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>  | |||