MediaWiki:Common.css
Appearance
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.
/*
* This is the CSS common to all desktop skins on en.Wikipedia.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}
/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}
/* Consistent size for <small>, <sub> and <sup> */
small {
font-size: 85%;
}
.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}
/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
/* [Collapse/outercollapse rules abbreviated for brevity – keep your originals here] */
/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}
/* Different margin on references */
.references {
margin-bottom: 0.5em;
}
/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}
span[ rel="mw:referencedBy" ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}
a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}
span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}
/* jQuery makeCollapsible styling */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding: 0 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
float: left;
}
/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
text-align: left;
}
/* Change external link icon to PDF icon for PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
padding: 8px 18px 8px 0;
}
/* System messages styled like fmbox */
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}
/* Partial block message colors */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: #fc3;
background-color: var(--background-color-warning-subtle, #fef6e7);
}
/* Minimum thumb width for thumbnails and frames */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}
/* Prevent float overlap on category lists etc. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}
/* Permission-based visibility toggles */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}
/* Hide editnotice redlinks and images */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}
/* Remove bullets on multiple warnings */
ul.permissions-errors {
margin: 0;
}
ul.permissions-errors > li {
list-style: none;
}
/* Inline math font size adjustments */
span.mwe-math-mathml-inline {
font-size: 118%;
}
/* Block math alignment */
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.mwe-math-mathml-display math {
display: inline;
}
@media screen {
/* Checker background for transparent gallery thumbs */
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}
#siteSub {
display: block;
}
.references {
font-size: 90%;
}
}
/*
* ========================================================================
* Consolidated Infobox styling (light mode)
* ========================================================================
*/
table.infobox {
background-color: #f8f9fa;
border: 1px solid #a2a9b1;
font-size: 88%;
line-height: 1.5em;
margin: 0.5em 0 0.5em 1em;
float: right;
clear: right;
width: 22em;
border-spacing: 3px;
padding: 0.2em;
}
/* Responsive full-width on narrow screens */
@media (max-width: 640px) {
table.infobox {
width: 100%;
float: none;
clear: none;
margin: 0.5em 0;
}
table.infobox .nowrap {
white-space: normal;
}
}
.infobox-title {
font-weight: bold;
text-align: center;
padding: 0.4em;
background-color: #e2e3e5;
color: #212529;
border-bottom: 1px solid #a2a9b1;
}
.infobox-image {
text-align: center;
padding: 0.5em;
background: none;
}
.infobox-caption {
font-size: 85%;
color: #555;
padding: 0.2em 0;
}
.infobox-header {
background-color: #003b6f !important;
color: #ffffff !important;
padding: 0.4em 0.6em;
border-top: 1px solid #a2a9b1;
}
.infobox-label {
background-color: #f1f1f1;
padding: 0.3em 0.6em;
font-weight: normal;
width: 35%;
vertical-align: top;
border-top: 1px solid #ddd;
text-align: left;
}
.infobox-data {
padding: 0.3em 0.6em;
border-top: 1px solid #ddd;
vertical-align: top;
text-align: left;
}
.infobox-full-data {
padding: 0.3em 0.6em;
border-top: 1px solid #ddd;
}
.infobox-below {
padding: 0.4em 0.6em;
background-color: #e9ecef;
border-top: 1px solid #a2a9b1;
}
.infobox-navbar {
padding: 0.2em 0.6em;
background: none;
text-align: center;
}