WL:Конфедерация Орионских Государств/Тест-вкладки: различия между версиями

@@ Строка 1: / Строка 1: @@
-<tabs>
+{{#css:
+.lore-tabs > .tabs-label {
+  background: transparent !important;
+  border: 0 !important;
+  border-bottom: 2px solid transparent !important;
+  border-radius: 0 !important;
+  padding: 6px 10px 5px !important;
+  margin: 0 5px 0 0 !important;
+  font-weight: 600;
+  opacity: .8;
+  transition: background .15s ease, opacity .15s ease;
+}
+.lore-tabs > .tabs-input-1 + .tabs-label {
+  color: #58cfc1 !important;
+  border-bottom-color: #58cfc1 !important;
+}
+.lore-tabs > .tabs-input-2 + .tabs-label {
+  color: #b879f5 !important;
+  border-bottom-color: #b879f5 !important;
+}
+.lore-tabs > .tabs-input-1:checked + .tabs-label,
+.lore-tabs > .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
+  background: rgba(88,207,193,.10) !important;
+  opacity: 1;
+  font-weight: 700;
+}
+.lore-tabs > .tabs-input-2:checked + .tabs-label {
+  background: rgba(184,121,245,.10) !important;
+  opacity: 1;
+  font-weight: 700;
+}
+.lore-tabs > .tabs-label:hover {
+  background: rgba(255,255,255,.05) !important;
+  opacity: 1;
+}
+.lore-tabs > .tabs-container {
+  border: 0 !important;
+  border-top: 1px solid #343b45 !important;
+  border-radius: 0 !important;
+  padding: 12px 10px !important;
+  margin-top: 0 !important;
+}
+}}
+<tabs plain class="lore-tabs">
 <tab name="Базовый лор">
 {{ModernTitle|background-color = {{цвет|pastel-turquoise|150}}|Главное}}