Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css

MediaWiki interface page
Revision as of 10:01, 16 June 2024 by Jon (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
#siteSub{ display: none !important; }

:root.skin-citizen-dark {
    --font-family-citizen-base: 'Arial';
    --color-surface-0: #333333;
    --color-surface-1: #625447;
    --color-surface-2: #4d4d4d;
    --color-base: white;
    --color-base--emphasized: white;
    --color-base--subtle: #d2d2d2;
    --border-color-base: #999999;
}
a { color: #E59F2D; }
a:visited { color: #E59F2D; }
a:active { color: #E59F2D; }
a:link { color: #E59F2D; }
a:link.external { color: #E59F2D; }

h1 {
    border-bottom: 1px solid var(--border-color-base );
    padding-bottom: 0.25em;
}
h2 {
    border-bottom: 1px solid var(--border-color-base );
    padding-bottom: 0.25em;
}

.mp-frame {
	box-shadow: 0 0 .3em #999;
	border-radius: .2em;
	margin: 1em 0 2em 0;
	padding: 1px;
}
.mp-frame:after {
	display: block;
	content: "";
	clear: both;
}
.mp-frame-header {
	background-color: #888;
	border-radius: .2em;
	color: #fff;
	padding: .4em .8em .5em;
	font-weight: bold;
}
.mp-frame-header:before {
	display: inline-block;
	/* Add some content in order to get normal line height, then make it transparent */
	content: "x";
	color: transparent;
	width: 40px;
	opacity: .7;
	/* [[File:Wikidata-logo white.svg]] */
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/Wikidata-logo_white.svg/27px-Wikidata-logo_white.svg.png);
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/54/Wikidata-logo_white.svg);
	background-size: 27px;
	background-repeat: no-repeat;
	/* this sometimes gets automatically flipped and sometimes doesn't, so disable the automatic flipping */
	/* @noflip */
	background-position: left center;
}
.mw-content-rtl .mp-frame-header:before {
	/* this sometimes gets automatically flipped and sometimes doesn't, so disable the automatic flipping */
	/* @noflip */
	background-position: right center;
}
.mp-frame-body {
	padding: 1em;
}