MediaWiki:Common.css
From The Document Foundation Wiki
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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;}
/* Big read message when upgrading. The message is simply too small. ;-) */
mw-read-only-warning {
padding: 1em;
margin: 1em 0;
font-size: bigger;
border: 3px solid #FF0000;
background: #D8D8D8;
}
/** for Template:Lang **/
.lang {
background: #F9F9F9;
border: 1px solid #E9E9E9;
font-size: smaller;
margin: 0 0 1em 0;
padding: 0.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("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 1em;
background-size: 1em;
}
/* Change the external link icon to the TDF icon
in browsers that support these CSS selectors, like Mozilla and Opera */
div#content a[href*="help.libreoffice.org"].external,
div#mw_content a[href*="help.libreoffice.org"].external {
background: url("https://wiki.documentfoundation.org/favicon.ico") no-repeat right;
/* @noflip */
padding-right: 1em;
background-size: 1em;
}
/* 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("https://wiki.documentfoundation.org/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;
}
/* CodeMirror styles */
.CodeMirror {
border: 1px solid #CCC;
font-size: medium;
line-height: 1.5em;
}
.CodeMirrorIE {
font-size: small;
}
.cm-mw-pagename { text-decoration: underline; }
.cm-mw-matching {background-color: gold;}
.cm-mw-skipformatting { background-color: #adf; }
.cm-mw-list {color: #08f; font-weight: bold; background-color: #eee;}
.cm-mw-signature,
.cm-mw-hr { color: #08f; font-weight: bold; background-color: #eee; }
.cm-mw-indenting {color: #08f; font-weight: bold; background-color: #ddd;}
.cm-mw-mnemonic {color: #090;}
.cm-mw-comment {color: #aaa; font-weight: normal;}
.cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic {color: #08f;}
pre.cm-mw-section-1 {font-size: 1.8em;}
pre.cm-mw-section-2 {font-size: 1.5em;}
pre.cm-mw-section-3 {font-weight: bold;}
pre.cm-mw-section-4 {font-weight: bold;}
pre.cm-mw-section-5 {font-weight: bold;}
pre.cm-mw-section-6 {font-weight: bold;}
.cm-mw-section-header {color: #08f; font-weight: normal;}
.cm-mw-template {color: #a11; font-weight: normal;}
.cm-mw-template-name {color: #a11; font-weight: bold;}
.cm-mw-template-name-mnemonic {font-weight: normal;}
.cm-mw-template-argument-name {color: #a11; font-weight: bold;}
.cm-mw-template-delimiter {color: #a11; font-weight: bold;}
.cm-mw-template-bracket {color: #a11; font-weight: bold;}
.cm-mw-templatevariable {color: #f50; font-weight: normal;}
.cm-mw-templatevariable-name {color: #f50; font-weight: bold;}
.cm-mw-templatevariable-bracket {color: #f50; font-weight: normal;}
.cm-mw-templatevariable-delimiter {color: #f50; font-weight: bold;}
.cm-mw-parserfunction {font-weight: normal;}
.cm-mw-parserfunction-name {color: #70a; font-weight: bold;}
.cm-mw-parserfunction-bracket {color: #70a; font-weight: bold;}
.cm-mw-parserfunction-delimiter {color: #70a; font-weight: bold;}
pre.cm-mw-exttag {background-image: url(img/ext2.png);}
.cm-mw-exttag {background-image: url(img/ext4.png);}
.cm-mw-exttag-name {color: #70a; font-weight: bold;}
.cm-mw-exttag-bracket {color: #70a; font-weight: normal;}
.cm-mw-exttag-attribute {color: #70a; font-weight: normal;}
.cm-mw-htmltag-name {color: #170; font-weight: bold;}
.cm-mw-htmltag-bracket {color: #170; font-weight: normal;}
.cm-mw-htmltag-attribute {color: #170; font-weight: normal;}
pre.cm-mw-tag-pre, .cm-mw-tag-pre {background-image: url(img/black4.png);}
pre.cm-mw-tag-nowiki, .cm-mw-tag-nowiki {background-image: url(img/black4.png);}
.cm-mw-link-pagename {color: #219; font-weight: normal;}
.cm-mw-link-tosection {color: #08f; font-weight: normal;}
.cm-mw-link-bracket {color: #219; font-weight: normal;}
.cm-mw-link-text {}
.cm-mw-link-delimiter {color: #219; font-weight: normal;}
.cm-mw-extlink, .cm-mw-free-extlink {color: #219; font-weight: normal;}
.cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol {color: #219; font-weight: bold;}
.cm-mw-extlink-text {}
.cm-mw-extlink-bracket {color: #219; font-weight: bold;}
.cm-mw-table-bracket {color: #e0e; font-weight: bold;}
.cm-mw-table-delimiter {color: #e0e; font-weight: bold;}
.cm-mw-table-definition {color: #e0e; font-weight: normal;}
.cm-mw-table-caption {font-weight: bold;}
.cm-mw-template-ground {}
.cm-mw-template2-ground {background-image: url(img/template4.png);}
.cm-mw-template3-ground {background-image: url(img/template8.png);}
.cm-mw-template-ext-ground {background-image: url(img/ext4.png);}
.cm-mw-template-ext2-ground {background-image: url(img/ext4.png),url(img/ext4.png);}
.cm-mw-template-ext3-ground {background-image: url(img/ext4.png),url(img/ext4.png),url(img/ext4.png);}
.cm-mw-template-link-ground {background-image: url(img/link4.png);}
.cm-mw-template-ext-link-ground {background-image: url(img/ext4.png),url(img/link4.png);}
.cm-mw-template-ext2-link-ground {background-image: url(img/ext4.png),url(img/ext4.png),url(img/link4.png);}
.cm-mw-template-ext3-link-ground {background-image: url(img/ext4.png),url(img/ext4.png),url(img/ext4.png),url(img/link4.png);}
.cm-mw-template2-ext-ground {background-image: url(img/template4.png),url(img/ext4.png);}
.cm-mw-template2-ext2-ground {background-image: url(img/template4.png),url(img/ext4.png),url(img/ext4.png);}
.cm-mw-template2-ext3-ground {background-image: url(img/template4.png),url(img/ext4.png),url(img/ext4.png),url(img/ext4.png);}
.cm-mw-template2-link-ground {background-image: url(img/template4.png),url(img/link4.png);}
.cm-mw-template2-ext-link-ground {background-image: url(img/template4.png),url(img/ext4.png),url(img/link4.png);}
.cm-mw-template2-ext2-link-ground {background-image: url(img/template4.png),url(img/ext4.png),url(img/ext4.png),url(img/link4.png);}
.cm-mw-template2-ext3-link-ground {background-image: url(img/template4.png),url(img/ext4.png),url(img/ext4.png),url(img/ext4.png),url(img/link4.png);}
.cm-mw-template3-ext-ground {background-image: url(img/template8.png),url(img/ext4.png);}
.cm-mw-template3-ext2-ground {background-image: url(img/template8.png),url(img/ext4.png),url(img/ext4.png);}
.cm-mw-template3-ext3-ground {background-image: url(img/template8.png),url(img/ext4.png),url(img/ext4.png),url(img/ext4.png);}
.cm-mw-template3-link-ground {background-image: url(img/template8.png),url(img/link4.png);}
.cm-mw-template3-ext-link-ground {background-image: url(img/template8.png),url(img/ext4.png),url(img/link4.png);}
.cm-mw-template3-ext2-link-ground {background-image: url(img/template8.png),url(img/ext4.png),url(img/ext4.png),url(img/link4.png);}
.cm-mw-template3-ext3-link-ground {background-image: url(img/template8.png),url(img/ext4.png),url(img/ext4.png),url(img/ext4.png),url(img/link4.png);}
.cm-mw-ext-ground {background-image: url(img/ext4.png)}
.cm-mw-ext2-ground {background-image: url(img/ext4.png),url(img/ext4.png);}
.cm-mw-ext3-ground {background-image: url(img/ext4.png),url(img/ext4.png),url(img/ext4.png);}
.cm-mw-ext-link-ground {background-image: url(img/link4.png);}
.cm-mw-ext2-link-ground {background-image: url(img/ext4.png),url(img/link4.png);}
.cm-mw-ext3-link-ground {background-image: url(img/ext4.png),url(img/ext4.png),url(img/link4.png);}
.cm-mw-link-ground {background-image: url(img/link4.png);}
/* For Template:Breadcrumb */
.menuitem {
background-image: linear-gradient(180deg, rgba(174, 207, 247, 0.05) 0, rgba(174, 207, 247, 0.2) 100%);
border-radius: 2px; padding-right:3px; padding-left:3px;
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.6), 0 0 0 1px rgb(174, 207, 247);
}
/* 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;
}
}
}