Module:Documentation/styles.css: Difference between revisions

Revision as of 23:20, 13 January 2026

.documentation {
    margin-top: var( --space-md );
    padding-top: var( --space-md );
    border-top: var( --border-base );
}

.documentation-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.documentation-header,
.documentation-subheader {
    line-height: 1.25;
}

.documentation-title {
    color: var( --color-emphasized );
    font-size: var( --font-size-large );
    font-weight: var( --font-weight-semi-bold );
}

.documentation-links {
    font-family: var( --font-family-monospace );
}

.documentation-subheader {
    color: var( --color-subtle );
    font-size: var( --font-size-small );
}

.documentation-content {
    margin-top: var( --space-xl );
}

.documentation-modulestats {
    padding: var( --space-xxs );
    background: var( --color-surface-1 );
    border-radius: var( --border-radius-medium );
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.documentation-modulestats > * {
    margin: 0 !important;
}

@@ Line 1: / Line 1: @@
-/* {{pp|small=yes}} */
+.documentation {
-.documentation,
+    margin-top: var( --space-md );
-.documentation-metadata {
+    padding-top: var( --space-md );
-	border: 1px solid var( --border-color-base, #a2a9b1 );
+    border-top: var( --border-base );
-	background-color: #ecfcf4; color:inherit;
-	clear: both;
 }
-.documentation {
+.documentation-header {
-	margin: 1em 0 0 0;
+    display: flex;
-	padding: 1em;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
 }
-.documentation-metadata {
+.documentation-header,
-	margin: 0.2em 0; /* same margin left-right as .documentation */
+.documentation-subheader {
-     font-style: italic;
+     line-height: 1.25;
-    padding: 0.4em 1em; /* same padding left-right as .documentation */
 }
-.documentation-startbox {
+.documentation-title {
-	padding-bottom: 3px;
+    color: var( --color-emphasized );
-	border-bottom: 1px solid var( --border-color-base, #a2a9b1 );
+    font-size: var( --font-size-large );
-	margin-bottom: 1ex;
+    font-weight: var( --font-weight-semi-bold );
 }
-.documentation-heading {
+.documentation-links {
-	font-weight: bold;
+    font-family: var( --font-family-monospace );
-	font-size: 125%;
 }
-.documentation-clear { /* Don't want things to stick out where they shouldn't. */
+.documentation-subheader {
-	clear: both;
+    color: var( --color-subtle );
+    font-size: var( --font-size-small );
 }
-.documentation-toolbar {
+.documentation-content {
-	font-style: normal;
+    margin-top: var( --space-xl );
-	font-size: 85%;
 }
+.documentation-modulestats {
-@media screen {
+     padding: var( --space-xxs );
-     html.skin-theme-clientpref-night .documentation,
+    background: var( --color-surface-1 );
-	html.skin-theme-clientpref-night .documentation-metadata {
+    border-radius: var( --border-radius-medium );
-	    background-color: #0b1e1c; color:inherit;
+    display: flex;
-	}
+    align-items: center;
+    justify-content: space-between;
 }
+.documentation-modulestats > * {
-@media screen and ( prefers-color-scheme: dark ) {
+    margin: 0 !important;
-    html.skin-theme-clientpref-os .documentation,
-    html.skin-theme-clientpref-os .documentation-metadata {
-        background-color: #0b1e1c; color:inherit;
-    }
 }