Module:Documentation/styles.css - Revision history

Krizar: 1 revision imported

2026-01-04T10:27:48Z

1 revision imported

railos>Jonesey95: Fix Linter errors related to text color in dark mode; this generally works but may cause problems, in which case revert or try specifying a different CSS value.

2025-10-02T12:44:28Z

Fix Linter errors related to text color in dark mode; this generally works but may cause problems, in which case revert or try specifying a different CSS value.

Krizar: 1 revision imported

2025-04-01T21:20:37Z

1 revision imported

wiki>Taavi: use codex tokens for borders to improve dark mode support

2025-02-22T07:52:19Z

use codex tokens for borders to improve dark mode support

Daniel: 1 revision imported

2021-05-07T19:51:48Z

1 revision imported

Daniel: 1 revision imported

2021-05-06T09:45:44Z

1 revision imported

w>Izno: Changed protection level for "Module:Documentation/styles.css": actually match module ([Edit=Require template editor access] (indefinite) [Move=Require template editor access] (indefinite))

2020-11-19T20:21:58Z

Changed protection level for "Module:Documentation/styles.css": actually match module ([Edit=Require template editor access] (indefinite) [Move=Require template editor access] (indefinite))

w>Pppery: Protected "Module:Documentation/styles.css": Matching protection level with Module:Documentation ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite))

2020-10-25T15:49:33Z

Protected "Module:Documentation/styles.css": Matching protection level with Module:Documentation ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite))

New page

.ts-doc-sandbox .mbox-image {
padding:.75em 0 .75em .75em;
}

.ts-doc-doc {
clear: both;
background-color: #eaf3ff;
border: 1px solid #a3caff;
margin-top: 1em;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

.ts-doc-header {
background-color: #c2dcff;
padding: .642857em 1em .5em;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

.ts-doc-header .ts-tlinks-tlinks {
line-height: 24px;
margin-left: 0;
}

.ts-doc-header .ts-tlinks-tlinks a.external {
color: #0645ad;
}

.ts-doc-header .ts-tlinks-tlinks a.external:visited {
color: #0b0080;
}

.ts-doc-header .ts-tlinks-tlinks a.external:active {
color: #faa700;
}

.ts-doc-content {
padding: .214286em 1em;
}

.ts-doc-content:after {
content: '';
clear: both;
display: block;
}

.ts-doc-heading {
display: inline-block;
padding-left: 30px;
background: center left/24px 24px no-repeat;
/* @noflip */
background-image: url(//upload.wikimedia.org/wikipedia/commons/f/fb/OOjs_UI_icon_puzzle-ltr.svg);
height: 24px;
line-height: 24px;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}

.ts-doc-content > *:first-child,
.ts-doc-footer > *:first-child {
margin-top: .5em;
}

.ts-doc-content > *:last-child,
.ts-doc-footer > *:last-child {
margin-bottom: .5em;
}

.ts-doc-footer {
background-color: #eaf3ff;
border: 1px solid #a3caff;
padding: .214286em 1em;
margin-top: .214286em;
font-style: italic;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}

@media all and (min-width: 720px) {
.ts-doc-header .ts-tlinks-tlinks {
float: right;
}
}

@@ Line 3: / Line 3: @@
 .documentation-metadata {
 	border: 1px solid var( --border-color-base, #a2a9b1 );
-	background-color: #ecfcf4;
+	background-color: #ecfcf4; color:inherit;
 	clear: both;
+}
@@ Line 42: / Line 42: @@
      html.skin-theme-clientpref-night .documentation,
 	html.skin-theme-clientpref-night .documentation-metadata {
-	    background-color: #0b1e1c;
+	    background-color: #0b1e1c; color:inherit;
+	}
+}
@@ Line 50: / Line 50: @@
      html.skin-theme-clientpref-os .documentation,
      html.skin-theme-clientpref-os .documentation-metadata {
-         background-color: #0b1e1c;
+         background-color: #0b1e1c; color:inherit;
+     }
+}

@@ Line 2: / Line 2: @@
 .documentation,
 .documentation-metadata {
-	border: 1px solid #a2a9b1;
+	border: 1px solid var( --border-color-base, #a2a9b1 );
 	background-color: #ecfcf4;
 	clear: both;
@@ Line 20: / Line 20: @@
 .documentation-startbox {
 	padding-bottom: 3px;
-	border-bottom: 1px solid #aaa;
+	border-bottom: 1px solid var( --border-color-base, #a2a9b1 );
 	margin-bottom: 1ex;
+}
@@ Line 36: / Line 36: @@
 	font-style: normal;
 	font-size: 85%;
+}

@@ Line 1: / Line 1: @@
-.ts-doc-sandbox .mbox-image	{
+/* {{pp|small=yes}} */
-	padding:.75em 0 .75em .75em;
+.documentation,
+.documentation-metadata {
+	border: 1px solid #a2a9b1;
-.ts-doc-doc {
+	background-color: #ecfcf4;
 	clear: both;
+}
-.ts-doc-header .ts-tlinks-tlinks {
+.documentation {
-	line-height: 24px;
+	margin: 1em 0 0 0;
-	margin-left: 0;
+	padding: 1em;
+}
-.ts-doc-header .ts-tlinks-tlinks a.external {
+.documentation-metadata {
-	color: #0645ad;
+	margin: 0.2em 0; /* same margin left-right as .documentation */
+}
-.ts-doc-header .ts-tlinks-tlinks a.external:visited {
+.documentation-startbox {
-	color: #0b0080;
+	padding-bottom: 3px;
+}
-.ts-doc-header .ts-tlinks-tlinks a.external:active {
+.documentation-heading {
-	color: #faa700;
+	font-weight: bold;
+}
-.ts-doc-content {
+.documentation-clear { /* Don't want things to stick out where they shouldn't. */
 	clear: both;
+}
-@media all and (min-width: 720px) {
+.documentation-toolbar {
-	.ts-doc-header .ts-tlinks-tlinks {
+	font-style: normal;
-		float: right;
+	font-size: 85%;
+}