Шаблон:CheckboxCreator: различия между версиями

@@ Строка 1: / Строка 1: @@
-<div style="display: flex;justify-content: flex-start;position: relative;">
+<div class="outer-wrapper">
-<div class="{{#switch: {{{1}}}" style="flex: 0 auto;padding: 10px;border-collapse: separate;border: 1px solid black;background: #27272e;border-radius: 0.3em;font-weight: 500;color: LemonChiffon;">
+	<div class="checkbox-wrapper"
-<!-- Здесь создаться чекбокс, с помощью JS -->
+    style="
-</div></div>
+    padding: {{{padding|12px}}};
+	background: {{{background-color|#27272e}}};
+	border: {{{border-size|2px}}} solid {{{border-color|#9F2828}}};
+    ">
+	<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 {
+	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>

Аноним