Песочница/Pok/3: различия между версиями

Интерактивная навигация по истории

← Предыдущая правка Следующая правка →

ВизуальныйВики-текст

@@ Строка 1: / Строка 1: @@
+<div class="slide__container mw-collapsible mw-collapsed new-collapsed" data-expandtext="+" data-collapsetext="-"
+style="
+	text-align: {{{text-align|center}}};
+	border: {{{border-size|3px}}} solid {{{border-color|#41414f}}};
+	border-radius: {{{border-radius|0.3em}}};
+	margin-bottom: {{{margin-bottom|6px}}};
+">
+<div class="slide__title"
+style="
+	color: {{{color|lightgrey}}};
+	font-size: {{{font-size|1.1em}}};
+">{{{title}}}</div>
+<div class="slide__content mw-collapsible-content">{{{content}}}</div>
+</div>
+<!-- Не изменяемый CSS -->
+<div class="customCSS" style="display:none">
+.slide__container {
+	background: #27272e;
+	position: relative;
+	padding: 1em 0.6em;
+	text-wrap: pretty;
+}
+.slide__title {
+	position: relative;
+	z-index: 2;
+	display: inline-block;
+	margin: 0;
+	font-family: 'Arial', sans-serif;
+	font-weight: bold;
+	pointer-events: none;
+}
+.slide__content {
+	padding-top: 2em;
+	text-align: left;
+}
+.new-collapsed .mw-collapsible-toggle {
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	width: 100%;
+	height: 100%;
+	padding: 1em 0.6em !important;
+	text-align: center;
+	box-sizing: border-box;
+	display: flex;
+	align-content: center;
+	justify-content: flex-end;
+	align-items: center;
+	transition: background-color 0.2s;
+}
+.new-collapsed .mw-collapsible-toggle:hover {
+	background-color: #23232b;
+}
+.new-collapsed .mw-collapsible-text {
+	color: #4538EB;
+	font-weight: bold;
+	font-size: 40px;
+	margin-bottom: 10px;
+	text-decoration: none !important;
+	border: none !important;
+}
+.new-collapsed .mw-collapsible-title {
+	cursor: pointer;
+	display: inline-block;
+	padding: 5px;
+}
+.new-collapsed .mw-collapsible-toggle:before {
+	content: attr(data-expandtext);
+}
+.new-collapsed .mw-collapsed .mw-collapsible-toggle:before {
+	content: attr(data-expandtext);
+}
+.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:after {
+	content: attr(data-collapsetext);
+}
+.new-collapsed .mw-collapsible-toggle:after {
+	content: attr(data-expandtext);
+}
+.new-collapsed .mw-collapsed .mw-collapsible-toggle:after {
+	content: attr(data-expandtext);
+}
+.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:after {
+	content: attr(data-collapsetext);
+}
+.new-collapsed .mw-collapsible-title {
+	display: flex;
+	align-items: center;
+}
+.new-collapsed .mw-collapsible-toggle:before {
+	content: attr(data-expandtext);
+}
+.new-collapsed .mw-collapsed .mw-collapsible-toggle:before {
+	content: attr(data-expandtext);
+}
+.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:before {
+	content: attr(data-collapsetext);
+}
+.new-collapsed .mw-collapsible-title {
+	display: flex;
+	align-items: center;
+	cursor: pointer;
+}
+.new-collapsed .mw-collapsible-title:hover + .mw-collapsible-content {
+	display: block;
+}
+.new-collapsed .mw-collapsible.mw-collapsed .mw-collapsible-content {
+	display: none;
+}
+.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-content {
+	display: block;
+}
+.mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle {
+	background-color: #22222b;
+}
+.mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle {
+	height: 6vh;
+	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
+}
+</div>
 <div class="grid-box">
 <div>