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 */ /* Unneeded options */ .rcshowhideanons { display: none; } .rcshowhideliu { display: none; } #footer-places-about { display: none; } /* missing Edit summary highlight - to easy to oversee this notice! */ #mw-missingsummary { padding: 1em; margin: 1em 0; font-size: bigger; border: 3px solid #FF0000; background: #D8D8D8; } /* WIKI in Maintenance Mode highlight - to easy to oversee this notice! */ #mw-read-only-warning { padding: 1em; margin: 1em 0; font-size: bigger; border: 3px solid #FF0000; background: #D8D8D8; } /* Highlight read only message */ .permissions-errors { padding: 1em; margin: 1em 0; font-size: bigger; border: 3px solid #FF0000; background: #D8D8D8; } /* Do not display a rollback link in recent changes... */ .page-Special_RecentChanges .mw-rollback-link { display: none; } /** for Template:Lang **/ .lang { background: #F9F9F9; border: 1px solid #E9E9E9; font-size: smaller; margin: 0 0 1em 0; padding: .5em 1em; } .lang ul { display: inline; margin-left: 0; padding-left: 0; } .lang ul li { border-left: 1px solid #E4E4E4; display: inline; list-style: none; margin-left: 0; padding: 0 0.5em; } .lang ul li.lang_main { border-left: none; display: inline; list-style: none; margin-left: 0; padding-left: 0; } .lang ul a.external { background: none ! important; padding-right: 0 ! important; } .lang ul li.lang_title { display: none; } div.mw-geshi { padding: 1em; margin: 1em 0; border: 1px dashed #2f6fab; background-color: #f9f9f9; } /* Highlight linked elements (such as clicked references) in blue */ /* Highlight clicked reference in blue to help navigation */ ol.references li:target, sup.reference:target, span.citation:target { background-color: #DEF; } body.action-info :target, .citation:target { background-color: #DEF; /* Fallback */ background-color: rgba(0, 127, 255, 0.133); } /* Change the external link icon to an Adobe icon for all PDF files in browsers that support these CSS selectors, like Mozilla and Opera */ div#content a[href$=".pdf"].external, div#content a[href*=".pdf?"].external, div#content a[href*=".pdf#"].external, div#content a[href$=".PDF"].external, div#content a[href*=".PDF?"].external, div#content a[href*=".PDF#"].external, div#mw_content a[href$=".pdf"].external, div#mw_content a[href*=".pdf?"].external, div#mw_content a[href*=".pdf#"].external, div#mw_content a[href$=".PDF"].external, div#mw_content a[href*=".PDF?"].external, div#mw_content a[href*=".PDF#"].external { background: url("/images/a/a6/PDF.png") no-repeat right; /* @noflip */ padding-right: 17px; background-size: 16px; } /* Wiki Editor Toolbar FF47+ bugfix */ .wikiEditor-ui-toolbar .group .tool-select .menu .options { z-index: 100 ! important; } /* Change the external link icon to the OOo icon in browsers that support these CSS selectors, like Mozilla and Opera */ div#content a[href*="openoffice.org"].external, div#mw_content a[href*="openoffice.org"].external { background: url("/images/0/03/OpenOffice_Favicon.png") no-repeat right; /* @noflip */ padding-right: 1em; background-size: 1em; } /* Set maximum img width for tables with externally linked icon reference images */ .icontable td img { max-width: 100px; } /* For topic index boxes */ .index-column-1 { max-width: 480px; grid-area: index-column-1; } .index-column-2 { max-width: 480px; grid-area: index-column-2; } @supports (grid-area: auto) { @media screen and (min-width: 1200px) { .index { display: grid; grid-template-columns: 480px 480px; grid-template-rows: minmax(1em, auto) minmax(1em, auto) 1fr; grid-template-areas: "index-column-1 index-column-2" } .index-column-2 { margin-left: 10px; } } } /* Styling for language bar */ div.mw-pt-languages { border: 1px solid #cadeed; margin: 5px 0; box-shadow: 0 1px 3px #dde6ed; background: #fff; background: linear-gradient(to bottom, #fff 65%, #eff6fa 100%); clear: both; font-size: 88%; } div.mw-pt-languages-label { background: none; border: none; width: 10%; } /* Infobox template style */ .infobox { border: 1px solid #a2a9b1; border-spacing: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; float: right; clear: right; font-size: 88%; line-height: 1.5em; } .infobox caption { font-size: 125%; font-weight: bold; padding: 0.2em; text-align: center; } .infobox td, .infobox th { vertical-align: top; text-align: left; } /* For Template:GUI_sequence */ .menuitem { background: #a6fbff73; border: 1px solid deepskyblue; box-decoration-break: clone; border-radius: 3px; font-weight: bolder; padding: 0 2px; white-space: nowrap; } /* For Template:Button */ .button { padding: 0 3px; border: 1px solid; border-color: #AAA #555 #555 #AAA; border-radius: 2px; background: linear-gradient(#FCFCFC, #E0E0E0) #F2F2F2; } /* For tables listing documentation publications */ .publications th { background: #fde9a9; line-height: 3rem; padding: 0 3rem; } /* For making iframes responsive like in Widget:Nextcloud */ [style*="--aspect-ratio"]> :first-child { width: 100%; } [style*="--aspect-ratio"]>img { height: auto; } @supports (--custom:property) { [style*="--aspect-ratio"] { position: relative; } [style*="--aspect-ratio"]::before { content: ""; display: block; padding-bottom: calc(100% / (var(--aspect-ratio))); } [style*="--aspect-ratio"]> :first-child { position: absolute; top: 0; left: 0; height: 100%; } } /* For Bugzilla extension */ .dataTables_length, .dataTables_filter { width: auto !important; } .dataTables_filter { float: left !important; margin-left: 50px; } /* For release plan */ .releasegrid { display: grid; grid-template-columns: repeat(24, 10px); width: 240px; border: solid 1px gray; background-color: #c0c0c0; background-image: linear-gradient(to right, transparent 50%, rgba(255,255,255,.5) 50%); background-size: 20px; } .release { grid-column-start: var(--start, 1); grid-column-end: var(--end, 1); grid-row: var(--row, 1); background-color: var(--bg); text-align: center; padding: 10px 0; } /* Override some bad defaults of Prism.js */ pre, code { white-space: pre-wrap !important; } /* Don't let long strings break layout with narrow screens */ @media screen and (max-width: 767px) { li, code, a[href*="https://git.libreoffice.org/core/commit"] { overflow-wrap: break-word; } } /* YouTube consent button */ .consent-button { background-color: #27ae60; border-radius: 8px; border-style: none; color: #fff; cursor: pointer; font-size: 16px; font-weight: 600; padding: 13px 20px; text-align: center; } .consent-button:hover { background-color: #1e8449; } /* Fix problems with responsiveness in Vector skin. For images: https://phabricator.wikimedia.org/T113101 Might cause problems with images Visual Editor, if it's deployed. Should be tested and tweaked to be more specific in that case (some exclusion based rule, maybe using :has pseudo). */ .mw-parser-output img { max-width: 100%; height: auto; } /* Logo is too wide by default and pushes user controls out. Related reports: https://phabricator.wikimedia.org/T313292 https://phabricator.wikimedia.org/T311254 */ .mw-logo { min-width: 10rem; } video { display: block; max-width: 87vw; }