MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 117: / Line 117: @@
    margin-top: 0.4em;
    padding: 0.35em;
-}
-.spoiler-box .mw-collapsible-content {
-  margin-top: 0.6em;
-}
-.spoiler-label {
-  color: #a83232; /* red */
-  font-weight: bold;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
 }
 .spoiler-box {
-   margin: 1em 0;
+   display: inline-block;
-   width: 80%;
+   width: fit-content;
+  max-width: 100%;
    box-sizing: border-box;
-}
-.spoiler-header {
-  display: block;
-  width: 80%;
-  box-sizing: border-box;
    border: 1px solid #8b1e1e;
    background: #f8f1df;
    padding: 0.25em 0.6em;
+  margin: 1em 0;
    border-radius: 4px;
 }
-   border-radius: 4px;
+/* Once expanded, stop acting like a bordered box */
+.spoiler-box.mw-made-collapsible:not(.mw-collapsed) {
+  display: block;
+  width: auto;
+   border: none;
+  background: transparent;
+  padding: 0;
+}
+/* Keep the expand/collapse link close to the label */
+.spoiler-box .mw-collapsible-toggle {
+  float: none;
+  margin-left: 0.5em;
+}
+.spoiler-label {
+  color: #8b1e1e;
+  font-weight: bold;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.spoiler-box .mw-collapsible-content {
+  margin-top: 0.6em;
 }
 .spoiler-small {