MediaWiki:Common.css

/* ----------
<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]] */

/* make headers include contained floats, so they don't wander around (yes, is
	magic, it tells the browser the tag is a container) */
h1,
h2,
h3,
h4,
h5,
h6 {
	width: auto;
}

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,
.disambig-see-also-2 {
	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;
}

/* == 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 */
body.ns-0 .mw-parser-output > :not(.collapsible-block) + h2: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: " ^";
}