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

MediaWiki:Styles.css

MediaWiki interface page
Revision as of 09:52, 16 June 2024 by Jon (talk | contribs) (Created page with ".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: 40...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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.
.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;
}