MediaWiki:Citizen.css - Revision history

SciWhiz12: more contrast in diffs

2021-09-07T17:22:59Z

more contrast in diffs

SciWhiz12: add css to fix contrast in diffs

2021-09-07T17:05:39Z

add css to fix contrast in diffs

SciWhiz12: Add styling for datatables

2021-02-18T09:28:53Z

Add styling for datatables

SciWhiz12: add !important

2021-01-08T07:34:18Z

add !important

SciWhiz12: add styling for the tabs extension

2021-01-08T07:29:23Z

add styling for the tabs extension

SciWhiz12: modify style `tags, and some cleanup`

2020-11-29T03:27:58Z modify style <tt> tags, and some cleanup ← Older revision Revision as of 03:27, 29 November 2020 Line 2: Line 2: @media only screen and (prefers-color-scheme:dark) { @media only screen and (prefers-color-scheme:dark) { code, .mw-code { code, .mw-code { − color: #46C410; + color: #46C410; } } } } − .mw-parser-output a.external { + .external { color: #527ECA; color: #527ECA; + } + + tt { + font-size: 100%; + padding: 0 0.1em; } }

SciWhiz12: adjust color of links 2020-10-30T09:26:05Z adjust color of links ← Older revision Revision as of 09:26, 30 October 2020 Line 4: Line 4: color: #46C410; color: #46C410; } } + } + + .mw-parser-output a.external { + color: #527ECA; } } SciWhiz12: change color of code blocks 2020-10-30T09:20:49Z change color of code blocks New page /* All CSS here will be loaded for users of the Citizen skin */ @media only screen and (prefers-color-scheme:dark) { code, .mw-code { color: #46C410; } }

@@ Line 119: / Line 119: @@
 /* ************** Styling for Datatables : END ************** */
-/* Fixes the text color of diff changes to better contrast against the BG */
+/* Fixes the colors of diff changes for better contrast */
 .diffchange {
-  color: #444444;
+    color: #222222;
+}

← Older revision		Revision as of 17:05, 7 September 2021
Line 118:		Line 118:

	/* ************ Styling for Datatables : END ************ */		/* ************ Styling for Datatables : END ************ */
		+
		+	/* Fixes the text color of diff changes to better contrast against the BG */
		+	.diffchange {
		+	color: #444444;
		+	}

← Older revision		Revision as of 09:28, 18 February 2021
Line 97:		Line 97:

	/* *************** Styling for Tabs : END *************** */		/* *************** Styling for Tabs : END *************** */
		+
		+	/* *********** Styling for Datatables : START *********** */
		+
		+	.mw-datatable td, .mw-datatable th {
		+	background-color: transparent;
		+	}
		+
		+	.mw-datatable table {
		+	border: 1px solid #424951;
		+	}
		+
		+	.mw-datatable td, .mw-datatable th {
		+	border: 1px solid #424951;
		+	padding: 0.2em 0.4em;
		+	}
		+
		+	.mw-datatable tr:hover td {
		+	background-color: #202736;
		+	}
		+
		+	/* ************ Styling for Datatables : END ************ */

@@ Line 22: / Line 22: @@
 .tabs-dropdown ul,
 .tabs-dropdown ol {
-	background-color: rgba(32,32,32,0.2);
+	background-color: rgba(32,32,32,0.2) !important; /* has to be !important */
+}

← Older revision		Revision as of 07:29, 8 January 2021
Line 14:		Line 14:
	padding: 0 0.1em;		padding: 0 0.1em;
	}		}
		+
		+	/* *************** Styling for Tabs : START *************** */
		+
		+	.tabs-dropdown .tabs-content,
		+	.tabs-dropdown .tabs-container,
		+	.tabs-dropdown li,
		+	.tabs-dropdown ul,
		+	.tabs-dropdown ol {
		+	background-color: rgba(32,32,32,0.2);
		+	}
		+
		+	.tabs-label {
		+	background-color: #222;
		+	border-color: #666;
		+	}
		+
		+	.tabs-tabbox > .tabs-container {
		+	border-color: #666;
		+	}
		+	.tabs-plain > .tabs-label {
		+	border-color: #666;
		+	}
		+	.tabs-togglebox >*> .tabs-content {
		+	border-color: #666;
		+	}
		+
		+	.tabs-dropdown >*> .tabs-content,
		+	.tabs-dropdown li ul,
		+	.tabs-dropdown li ol {
		+	box-shadow: 2px 3px 5px #111;
		+	}
		+
		+	.tabs-dropdown li,
		+	.tabs-dropdown >*> .tabs-content> a,
		+	.tabs-dropdown >*> .tabs-content>p> a,
		+	.tabs-dropdown ol>li> a {
		+	border-top-color: #666;
		+	}
		+
		+	.tabs-dropdown li ul,
		+	.tabs-dropdown li ol {
		+	border-color: #666;
		+	}
		+	.tabs-dropdown li ul:before,
		+	.tabs-dropdown li ol:before {
		+	color: #88F;
		+	}
		+
		+	.tabs-label:hover {
		+	background-color: #444;
		+	}
		+	.tabs-label:active, .tabs-label:focus {
		+	background-color: #444;
		+	}
		+	.tabs-tabbox > .tabs-input:checked + .tabs-label,
		+	.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
		+	z-index: 2;
		+	background-color: #444;
		+	}
		+
		+	.tabs-dropdown >*> .tabs-content li:hover {
		+	background-color: #444;
		+	}
		+	.tabs-dropdown a,
		+	.tabs-dropdown a:hover,
		+	.tabs-dropdown a: visited {
		+	color: #15B;
		+	}
		+	.tabs-dropdown a:active {
		+	color: #108;
		+	}
		+	.tabs-dropdown >*> .tabs-content> a:hover,
		+	.tabs-dropdown >*> .tabs-content>p> a:hover,
		+	.tabs-dropdown ol>li> a:hover {
		+	background-color: #444;
		+	}
		+
		+	.tabs-tabbox > .tabs-input.checked + .tabs-label,
		+	.tabs-input-0.checked + .tabs-input-1 + .tabs-label {
		+	background-color: #444;
		+	}
		+
		+	/* *************** Styling for Tabs : END *************** */

@@ Line 2: / Line 2: @@
 @media only screen and (prefers-color-scheme:dark) {
 code, .mw-code {
-    color: #46C410;
+	color: #46C410;
+}
+}
-.mw-parser-output a.external {
+.external {
 	color: #527ECA;
+}