MediaWiki:Common.css: Difference between revisions

Retrieved from "https://nbittrpgwiki.pynappo.xyz/MediaWiki:Common.css"

@@ Line 1: / Line 1: @@
-/* CSS placed here will be applied to all skins */
+/********* [[Template:Spoiler]] *********/
-.tabber .wds-tabs__wrapper {
+.spoiler {
-    border-bottom: 0;
+  background-color: transparent;
+  transition: all 0.3s;
+  cursor: pointer;
+  overflow:auto;
 }
-.tabber .wds-tabs__wrapper .wds-tabs {
+.spoiler > * {
-    border-bottom: 3px solid #2aa198;
+  transition: all 0.3s;
-    font-size: 13px;
-    padding: 0.3em 0 0;
 }
-.tabber .wds-tabs .wds-tabs__tab-label {
+.spoiler.hide {
-    height: auto;
+  pointer-events: auto;
-    margin: 0;
+  background-color: rgba(0, 0, 0, 1); /* fallback */
+  background-color: color-mix(in srgb, rgba(0, 0, 0, 1) 80%, transparent);
 }
-.tabber .wds-tabs__tab a {
+.spoiler.hide > * {
-    color: #3a3a3a !important;
+  pointer-events: none;
-    font-weight: normal;
+  opacity: 0;
-    font-size: 13px;
-    padding: 0.3em 0.5em;
 }
-.tabber .wds-tabs__tab.wds-is-current {
+/* If there's no js, hide then show on hover */
-    box-shadow: none;
+.spoiler.hover,
+.spoiler.no-js {
+  background-color: var(--main-background-color); /* fallback */
+  background-color: color-mix(in srgb, var(--main-background-color) 80%, transparent);
+}
+.spoiler.hover > *,
+.spoiler.no-js > * {
+  opacity: 0;
 }
+.spoiler.hover:hover,
-.tabber .wds-tabs__tab.wds-is-current a {
+.spoiler.no-js:hover {
-    background-color: #2aa198;
+  background-color: transparent;
-    color: white !important;
 }
+.spoiler.hover:hover,
-.tabber .wds-tabs__tab:not(.wds-is-current) a:hover {
+.spoiler.no-js:hover > * {
-    background-color: rgba(42,161,152, 0.2);
+  opacity: 1;
 }