MediaWiki:Common.css
Jump to navigation
Jump to search
Note: You may have to bypass your browser’s cache to see the changes. In addition, after saving a sitewide CSS file such as MediaWiki:Common.css, it will take 5-10 minutes before the changes take effect, even if you clear your cache.
- Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh);
- Konqueror and Chrome: click Reload or press F5;
- Opera: clear the cache in Tools → Preferences;
- Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.
- This style sheet lacks a documentation subpage. Please create it.
- Useful links: subpage list • links • redirects
/* ----------
<nowiki>
CSS Style
* Indent with tab characters
* One line space between each declaration
* One selector per line
* Opening brace on the same line as the last selector
* Don't omit optional semicolons
* Closing brace on its own line
* Closing brace indented to match the preceding style declarations
* Alternatively, very short style rules may be all on one line
* If changing e.g. rules for displaying scripts, consider also updating [[MediaWiki:Mobile.css]]
* Single quotes around font-family values that do not consist of ASCII lowercase
letters and hyphens.
---------- */
/* csslint adjoining-classes:false */
/* See also [[Special:Mypage/vector.css]], [[MediaWiki:Vector.css]] */
sup,
sub { /* prevent odd line-height for raised and lowered characters */
line-height: 1em;
}
/* and keep links at normal font size/weight, else they inherit the header
attributes */
.editsection {
font-size: 100%;
font-weight: normal;
}
pre code, code code {
border: none;
padding: 0;
}
pre var, code var {
color: #777;
}
/* This fixes a bug where certain Tibetan terms are cut off at the bottom... */
#firstHeading { overflow: visible; }
.ns-0 .timed-text {
display: none;
}
.client-js .audiometa {
display: none;
}
.client-nojs .audiofile {
display: none;
}
.nowrap {
white-space: nowrap;
}
/* wikitable is part of core. prettytable is deprecated but still used in some
places, until fully replaced: */
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
}
table.prettytable th,
table.prettytable td {
border: 1px #aaaaaa solid;
padding: 0.2em;
}
table.prettytable th {
background: #f2f2f2;
text-align: center;
}
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
}
/* default setting for {{qualifier}} and {{sense}}.
(Related classes that can be overridden: .qualifier-comma,
.qualifier-content, .ib-brac, .qualifier-brac, .sense-qualifier-colon.) */
.ib-comma {
font-style: normal;
}
.ib-content {
font-style: italic;
}
.ib-content i,
.ib-content em {
font-style: normal;
}
.context-qualifier-colon {
display: none;
}
/* default setting for {{seeCites}} */
.see-cites { }
/* default style for indented "see also" */
.disambig-see-also {
text-indent: 2em;
}
.mention-tr {
font-style: italic;
}
/* add left-to-right mark */
.mention-gloss-paren::before,
.mention-tr-paren::before {
content: "";
}
/* non-italic and non-bold gloss */
.mention-gloss-double-quote,
.mention-gloss-paren,
.mention-tr-gloss-separator-comma,
.mention-tr-paren,
.mention-tr-gloss-separator-comma,
.mention-gloss {
font-style: normal;
font-weight: inherit;
}
/* default style for "form of" definitions */
.use-with-mention,
.form-of-definition {
font-style: italic;
}
.use-with-mention i,
.form-of-definition-link {
font-style: normal;
}
.use-with-mention .mention,
.form-of-definition-link .mention {
font-style: normal;
font-weight: bold;
}
/* display normalization in {{ux}}/{{usex}}, {{quote}}, {{quote-*}} in italics */
.e-normalization {
font-style: italic;
}
/* Inflection tables
----------------------------- */
/* To colour links in inflection tables (currently done with
{{notred}}) black without using #ifexist and allowing for user
override */
.inflection-table a.new { color: inherit; }
/* fill a parent NavContent collapsing box */
.NavContent table.inflection {
width: 100%;
}
/* basic inflection table styles */
table.inflection {
border-collapse: collapse;
border: 1px solid;
background: #ffffff;
}
table.inflection caption {
caption-side: bottom;
padding: 0.33em 1em;
text-align: left;
font-size: smaller;
}
/* subtle grey for alternate row backgrounds */
table.inflection tr:nth-child(odd) {
background: #fcfcfc;
}
/* and for row headers */
table.inflection tr:nth-child(odd):not(.rowgroup) th {
background: #f6f6f6;
}
table.inflection td,
table.inflection th {
padding: 0.33em 1em;
vertical-align: baseline;
}
/* but vertically center multi-row cells */
table.inflection td[rowspan] {
vertical-align: middle;
}
table.inflection td {
text-align: center;
}
/* regular row headers, in the left column */
table.inflection th {
background: #f9f9f9;
text-align: left;
}
/* rowgroup header rows */
table.inflection tr.rowgroup th {
background: #eeeeee;
text-align: center;
}
/* first-of-several rowgroup header cells is aligned left */
table.inflection tr.rowgroup th:first-child { text-align: left; }
table.inflection tr.rowgroup th:first-child:only-child { text-align: center; }
/* rows with dividers above */
table.inflection tr.divider th {
border-top: 3px solid #999999;
}
/* transliterations */
table.inflection .translit {
color: #888;
}
/* header links aren’t coloured until hover/active */
table.inflection th a:link,
table.inflection th a:visited {
color: inherit;
text-decoration: inherit;
}
table.inflection th a:hover {
color: #0645ad;
text-decoration: underline;
}
table.inflection th a:active {
color: #faa700;
text-decoration: underline;
}
/* ----
end of Inflection tables */
/* Hide interproject links used by [[MediaWiki:Gadget-AggregateInterprojectLinks.js]] */
.interProject {
display: none;
clear: both;
border-top: 2px dotted #AAAAAA;
margin-top: 2em;
}
/* Translation styling */
.checktrans,
.rfc-trans,
.trreq,
.ttbc {
background-color: #f0fff0;
}
/* t+ t t- templates: */
.tneg,
.tpos,
.tunk {
vertical-align: 20%;
font-size: 80%;
}
.tneg a { color: #cc2200 !important; } /* monobook redlink colour, standard #ba0000 */
.tneg a:visited { color: #a55858 !important; } /* standard visited redlink colour */
.tpos a { color: #002bb8 !important; } /* standard bluelink colour */
.tpos a:visited { color: #5a3696 !important; } /* standard visited bluelink colour */
.tpos a:active { color: #faa700 !important; } /* standard bluelink colour */
.tunk a { color: #3366BB !important; } /* standard external interwiki colour */
.tunk a:active { color: #3366BB !important; } /* redundant */
/* for parentheses, we use .tlc and .tlcp, the latter has no definition here
(display:inline) */
.tlc { display: none; }
/* Main Page heading removal */
.page-Wiktionary_Main_Page #lastmod,
.page-Wiktionary_Main_Page #siteSub,
.page-Wiktionary_Main_Page #contentSub,
.page-Wiktionary_Main_Page h1.firstHeading {
display: none; /* NOT important */
}
/* Main page fixes */
#interwiki-completelist {
font-weight: bold;
}
/* Try to make search results more obviously links */
.mw-special-Search #bodyContent li a {
font-weight: bold;
}
.mw-special-Search .searchmatch {
font-weight: normal;
color: #000000;
background-color: #FFEE77;
}
/* [[WT:FEED]] */
#p-feedback a { cursor: pointer; }
/* Old revisions */
#mw-revision-info {
border: 2px solid #8888FF;
border-left: 0px;
border-right: 0px;
font-size: 110%;
margin: 5px;
margin-left: 0px;
}
#mw-editingold {
margin-left: 15px;
margin: 5px;
padding: 5px;
border: 2px solid #CC0000;
border-width: 2px 0px;
}
/* Make Recent changes look nice again */
span.newpage,
span.minor,
span.searchmatch,
span.bot,
span.unpatrolled {
font-family: sans-serif !important;
}
/* NavFrames */
div.NavFrame,
details.NavFrame {
margin: 0px 0px -1px 0px;
padding: 2px;
border: 1px solid #aaaaaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
overflow: auto;
width: auto;
}
div.NavFrame div.NavHead,
details.NavFrame summary.NavHead {
min-height: 1.6em;
font-weight: bold;
font-size: 100%;
text-align: left;
background-color: #efefef;
padding-left: 10px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DFDFDF), color-stop(0.6, #E3E3E3));
background-image: -moz-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
background-image: -o-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
}
div.NavFrame div.NavHead:hover,
details.NavFrame summary.NavHead:hover {
background-color: #F6F6F6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F3F3F3), color-stop(0.6, #EAEAEA));
background-image: -moz-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
background-image: -o-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
}
div.NavFrame div.NavHead:active,
details.NavFrame summary.NavHead:active {
background-color: #E3E3E3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#DFDFDF), color-stop(0.6, #D3D3D3));
background-image: -moz-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
background-image: -o-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
}
div.pseudo div.NavHead:hover { background-color: #EFEFEF; }
div.NavFrame p {
font-size: 100%;
}
div.NavFrame div.NavContent,
details.NavFrame div.NavContent {
font-size: 100%;
}
div.NavFrame div.NavContent p,
details.NavFrame div.NavContent p {
font-size: 100%;
}
span.NavToggle {
cursor: pointer;
float: right;
font-weight: normal;
font-size: smaller;
}
/* add slight gap between NavToggle and rest of the table heading */
th.vsToggleElement .NavToggle {
margin-left: 0.5em;
}
.list-switcher-element {
text-align: center;
}
.list-switcher-element .NavToggle {
float: none;
}
.term-list-header {
font-style: italic;
font-weight: inherit;
}
.term-list-header:before {
content: "(";
}
.term-list-header:after {
content: "):";
}
/* Style for generic inline lists. Note, as of 2023-08-14, this is only used by {{glossaryentry}} via {{hlist}} */
.inline p,
.inline dd,
.inline dt,
.inline ul,
.inline li {
margin: 0;
display: inline;
}
/* stuff visible when previewing an edit only */
.previewonly { display: none; }
#wikiPreview .previewonly { display: inline; }
/* Highlight the relevant sense when the user follows a link to a {{senseid}}.
The class="senseid" should ideally be on the enclosing <li> tag. We attempt to make the
highlight work when the class="senseid" is on a <span> inside the <li>, but the :has
selector was not supported by all browsers as of late 2023. This feature was nonetheless
requested by Benwing at [[Wiktionary:Grease_pit/2023/November#Why_does_Template%3Asenseid_use_HTML_li_tag%3F]].
THe version with :has is provided as a separate declaration to ensure maximum compatibility. */
.senseid:target { background-color: #DEF; }
li:has(> span.senseid:target) { background-color: #DEF; }
.etymid:target { background-color: #DEF; }
p:has(> span.etymid:target) { background-color: #DEF; }
/* Skin CSS highlights table rows targeted by the current browser location
(tr:target). This rule highlight table rows containing target cells so that
there can be multiple IDs in a table row in [[Wiktionary:List of languages]]
and [[Wiktionary:List of languages/special#Etymology-only languages]]. */
tr:has(> :target), tr:has(> td > code:target) {
background: #DEF;
}
/* show the "serial and" in the disambiguation see also */
.serial-and { display: inline; }
/* hide the serial commas */
.serial-comma { display: none; }
/* Gender and number templates */
.gender,
.number,
.noun-class { font-style: italic; }
abbr { border-bottom-width: 0; }
/* hide "did you mean" on Noarticletext self-links */
.did-you-mean strong {
display: none;
}
/* make script/module errors smaller */
.scribunto-error {
font-size: 75%;
}
/* allow inline hieroglyphs */
.mw-hiero-outer {
display: inline-table;
vertical-align: middle;
font-size: 11px;
}
/* formats derived terms */
.derivedterms { background: #F8F8FF; }
.derivedterms .CategoryTreeChildren { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }
/* softer highlighting of 'updated since last visit' */
span.updatedmarker { background-color:#D0F0C0; }
.HQToggle, .nyms-toggle, .usex-toggle {
font-size: smaller;
position: relative;
bottom: 1px;
left: 5px;
}
/* {{TOC limit}} */
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to showing ==headings==
and ===headings=== but no further (as long as there are no =headings= on the
page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/*
* Script and language-related styles are in [[MediaWiki:Gadget-LanguagesAndScripts.css]]
*/
/* A kludge that lets the members of [[:Category:Redirected combining characters]] be displayed. */
body.page-Category_Combining_characters div#mw-pages li,
body.page-Category_Redirected_combining_characters div#mw-pages li,
body.page-Category_IPA_combining_characters div#mw-pages li {
letter-spacing: 0.3em;
}
/* Grease Pit edit button fix */
.page-Wiktionary_Grease_pit.skin-vector #ca-edit,
.page-Wiktionary_Etymology_scriptorium.skin-vector #ca-edit,
.page-Wiktionary_Information_desk.skin-vector #ca-edit,
.page-Wiktionary_Beer_parlour.skin-vector #ca-edit,
.page-Wiktionary_Tea_room.skin-vector #ca-edit{
display: none;
}
/* Romanization tables
---------- */
table.romanization {
clear: both;
background: white;
white-space: nowrap;
border-collapse: collapse;
border: 1px solid white;
vertical-align: baseline;
text-align: center;
}
table.romanization th,
table.romanization td {
padding: 0.25em;
border: 1px solid white;
}
table.romanization th {
background: rgb(87%, 91%, 96%);
}
table.romanization tr.romanization-source td {
background: rgba(87%, 91%, 96%, 0.5);
}
table.romanization td,
table.romanization tr.romanization-target td {
background: rgb(90%, 90%, 90%);
}
/* -----
end Romanization tables */
/* Definition dates, in {{defdate}} */
.defdate { font-size: smaller; }
/* unit tests filter */
table.unit-tests.unit-tests-hide-passing tr.unit-test-pass {
display: none;
}
table.unit-tests th.unit-tests-img-corner {
background: #def;
min-width: 1em;
}
table.unit-tests.unit-tests-hide-passing th.unit-tests-img-corner {
background: red;
}
/* multi-column lists */
li, .group-in-column {
column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
-webkit-column-break-inside: avoid;
-webkit-page-break-inside: avoid;
-webkit-break-inside: avoid;
-o-column-break-inside: avoid;
-o-page-break-inside: avoid;
-o-break-inside: avoid;
-moz-column-break-inside: avoid;
-moz-page-break-inside: avoid;
-moz-break-inside: avoid;
}
/* {{shortcut}} */
.shortcut-box,
.category-edit-box {
border: 1px solid #aaa;
color: black;
background: #f9f9f9;
margin: 0 0 .5em 1em;
text-align: center;
padding: 5px;
float: right;
clear: both;
font-weight: bold;
font-size: smaller;
}
/* Display tabs with 4 spaces, see [[phab:T59824]] and [[phab:T59825]] */
textarea#wpTextbox1 + div:last-child, /* workaround for [[mw:User:Remember the dot/Syntax highlighter]] */
textarea, pre, code, .mw-highlight {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
/* stop double-bolding of self-links like in [[acquit]], [[fishbone]] */
/* old code: b .selflink, strong .selflink { font-weight: inherit; } */
b, strong {
font-weight: bold;
}
tr:target {
background: #def;
}
#firstHeading var, .headword var {
color: #888;
}
/* Display a {{tlb}} / {{term-label}} template on its own line if it comes right after a headword template.
It is too easy to miss after headwords (especially long ones). */
p .headword-line ~ .usage-label-term { display: block; }
/* Temporary kludge to be used because categoryTree is generating a newline. This CSS line should be removed after the developers fix it. */
.CategoryTreeTag + p br:first-child{display:none;}
.vsShow {
display: none;
}
/* Used by column templates (see [[Module:columns]]). */
.ul-column-count[data-column-count="2"] > ul,
.ul-column-count[data-column-count="2"] > ol,
.ul-column-count[data-column-count="2"] > dl {
-moz-column-count: 2; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2;
}
.ul-column-count[data-column-count="3"] > ul,
.ul-column-count[data-column-count="3"] > ol,
.ul-column-count[data-column-count="3"] > dl {
-moz-column-count: 3; -webkit-column-count: 3; -ms-column-count: 3; column-count: 3;
}
.ul-column-count[data-column-count="4"] > ul,
.ul-column-count[data-column-count="4"] > ol,
.ul-column-count[data-column-count="4"] > dl {
-moz-column-count: 4; -webkit-column-count: 4; -ms-column-count: 4; column-count: 4;
}
.ul-column-count[data-column-count="5"] > ul,
.ul-column-count[data-column-count="5"] > ol,
.ul-column-count[data-column-count="5"] > dl {
-moz-column-count: 5; -webkit-column-count: 5; -ms-column-count: 5; column-count: 5;
}
.ul-column-count[data-column-count="6"] > ul,
.ul-column-count[data-column-count="6"] > ol,
.ul-column-count[data-column-count="6"] > dl {
-moz-column-count: 6; -webkit-column-count: 6; -ms-column-count: 6; column-count: 6;
}
/* Default style for hypothetical inflections -- currently italic. */
.hypothetical {
font-style: italic;
}
/* Style for entries using deprecated templates */
.deprecated {
color: olivedrab;
}
.deprecated a {
color: darkgreen;
}
/* Style for entries using deprecated labels */
.deprecated-label {
color: olivedrab;
text-decoration: line-through;
}
.deprecated-label a {
color: darkgreen;
text-decoration: line-through;
}
/* Style for notes added using the bad= param in {{audio}} */
.bad-audio-note {
color: #FF2200;
font-weight: bold;
}
/* == wrap toggle links with [ and ] == */
.HQToggle:before, .NavToggle:before, .nyms-toggle:before, .usex-toggle:before {
content:'[';
}
.HQToggle:after, .NavToggle:after, .nyms-toggle:after, .usex-toggle:after {
content:']';
}
.HQToggle a, .NavToggle a, .nyms-toggle a, .usex-toggle a {
user-select: none;
}
.client-js .NavFrame .NavContent {
display: none;
}
.client-js .not .NavContent { /* ??? */
display: block;
}
/* Hidden quotes */
.client-js .ns-0 ol>li>ul {
display: none;
}
/* WikiHiero kludge */
/* disable for now, apparently not necessary and breaks wrapping
.wikt-hierokludge {
display: inline-block;
} */
/* Support lists that automatically split into limited-width columns (for translations tables and the like): */
.multicolumn-list > ul {
-webkit-column-width: 25em;
-moz-column-width: 25em;
-ms-column-width: 25em;
column-width: 25em;
column-gap: 20px;
}
.multicolumn-list-wide > ul {
-webkit-column-width: 55em;
-moz-column-width: 55em;
-ms-column-width: 55em;
column-width: 55em;
column-gap: 20px;
}
.multicolumn-list-narrow > ul {
-webkit-column-width: 22em;
-moz-column-width: 22em;
-ms-column-width: 22em;
column-width: 22em;
column-gap: 20px;
}
/* Horizontal rules; the second line is because of changes to the HTML generated due to Parsoid (see https://www.mediawiki.org/wiki/Parsoid). */
body.ns-0 .mw-parser-output > :not(.collapsible-block) + h2:not(:first-of-type),
body.ns-0 .mw-parser-output > :not(.collapsible-block):not(.toc):not(.disambig-see-also):not(.character-info) + div.mw-heading2:not(:first-of-type) {
border-top: 1px solid #a2a9b1;
padding-top: 1em;
margin-top: 0.2em;
}
/* </nowiki> */
/* T156351: Support for Parsoid's Cite implementation */
a[ rel="mw:referencedBy" ]::before {
content: " ^";
}