MediaWiki:Common.css

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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */
/* navbox styles */
.navbox {
    border: 1px solid #999;
    font-size: 0.9em;
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 1px;
    clear: both;
}
.navbox-abovebelow {
    background:#edefee;
}
.navbox-title,
.navbox-even,
.navbox-list {
    background: #dcdcdc;
}
.navbox-odd,
.navbox-group {
    background:#f6f6f6;
}

/* Key combinations */
.key kbd,
.k kbd {
    padding: 0 0.6em 0 0.6em;
    border-radius: 0.2em;
    display: inline-block;
    white-space: nowrap;
    font-size: 0.8em;
}
.keysDark {
    color: black;
    border: 1px solid rgb(170,170,170);
    box-shadow: 0.1em 0.2em 0.2em rgb(221 221 221);
    background-image: linear-gradient(to bottom,rgb(238,238,238),rgb(249,249,249),rgb(238,238,238));
    background-color: rgb(249,249,249);
}


/* parameters */
.dplparameter {
    width: auto;
}
table.wikitable.dplparameter > * > tr > td:first-child {
    background-color: #fff3d2;
    padding: 5px;
    width: 200px;
    font: 130% Courier,monospace;
}
table.wikitable.dplparameter > * > tr > td:nth-child(2) {
    padding: 5px;
}

/* wiki styles for readbility in light theme */
pre,
code,
.mw-code {
    background-color: #f8f9fa;
    color: #000;
    border: 1px solid #838383;
}

/* Demo for a special DPL table which is used by dplmatrix */
table.dplmatrix {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
}
table.dplmatrix th {
	background: #f2f2f2;
	border: 1px #aaaaaa solid;
	padding: 0.5em;
	font-size: 80%;
}
table.dplmatrix td {
	text-align: center;
	border: 1px #aaaaaa solid;
	padding: 0.5em;
}

/* "view result" and "test in sandbox" demo link formatting */
.demo-viewpage .plainlinks a.external {
	background-image: unset;
    background-image: none!important;
}
.demo-inputbox-wrapper {
	display: block;
    text-align: right;
    font-size: small;
    padding-bottom: 0.2em;
}
.demo-viewpage {
	float: right;
    margin-left: 0.5em;
}
.demo-viewpage p {
	margin-top: 1px;
	margin-bottom: 0;
	font-size:smaller;
}
.demo-viewpage a,
.demo-viewpage a.external {
	color: white!important;
    background-color: #3366cc;
	border-radius: 2px;
	font-weight: bold;
	padding: 0.6em 1em!important; /* required to override external link*/
    border-color: #3366cc;
    background-image: none!important; /* required to unset external link icon */
}
.demo-viewpage a:hover,
.demo-viewpage a.external:hover {
    text-decoration:none;
    background-color:#4d81e8;
}
.demo-viewpage a:visited,
.demo-viewpage a:focus,
.demo-viewpage a.external:visited,
.demo-viewpage a.external:focus {
    text-decoration:none;
}

/* Used in examples */
.dpl-orange-background {
	background: #fdebdb;
	border:1px solid orange;
	padding:3px!important;
}
.dpl-blue-background {
	background: #d2e4fb;
	border:1px solid blue;
	padding:3px!important;
}
.dpl-dark-background {
    background: navy;
}
.list-item-heading,
.list-item-heading-attrubite {
	background-color:pink;
	border:1px solid red;
	padding:3px;
}
.li-example {
	background:white;
	font-style: italic;
	border:1px solid gray;
	padding:3px;	
}