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: -webkit-fill-available;
}
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 and inputbox formatting */
.demo-inputbox-wrapper {
	display: block;
    text-align: right;
    font-size: small;
}
.demo-inputbox .mw-inputbox-centered {
    width: min-content;
    float: right;
    padding: 0;
    margin: 0;
}
.demo-inputbox .mw-inputbox-centered form br {
    display:none;
}
.demo-inputbox .mw-inputbox-centered input[type="submit"] {
    min-height: unset;
    font-size: smaller;
}
.demo-viewpage {
	float: right;
    margin: 0.25em 0.8em;
}
.demo-viewpage p {
	margin-top: 1px; /* not in em becuase the item it needs to match .mw-ui-button has fixed px padding for some strange reason */
	margin-bottom: 0;
	font-size:smaller;
}