MediaWiki:Gadget-Site.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
---------- */

/* 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: var(--wikt-palette-paleblue, #f8f9fa);
	border: 1px var(--border-color-base, #aaaaaa) solid;
	border-collapse: collapse;
}

table.prettytable th,
table.prettytable td {
	border: 1px var(--border-color-base, #aaaaaa) solid;
	padding: 0.2em;
}

table.prettytable th {
	background: var(--wikt-palette-lightergrey, #eeeeee);
	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 {
	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,
.NavContent table.inflection-table {
	margin-top: 0;
	width: 100%;
	display: table;
}

/* basic inflection table styles */
table.inflection {
	border-collapse: collapse;
	border: 1px solid;
	background: #ffffff;
	/* TODO consider palettizing */
}

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;
	/* TODO consider palettizing */
}

/* and for row headers */
table.inflection tr:nth-child(odd):not(.rowgroup) th {
	background: #f6f6f6;
	/* TODO consider palettizing */
}

/* dark mode background colors for table.inflection */
@media screen { 
    html.skin-theme-clientpref-night table.inflection { background-color: #242424; }
    html.skin-theme-clientpref-night table.inflection tr:nth-child(odd) { background-color: #2E2E2E; }
    html.skin-theme-clientpref-night table.inflection tr:nth-child(odd):not(.rowgroup) th { background-color: #303030; }
}
@media screen and (prefers-color-scheme: dark) { 
    html.skin-theme-clientpref-os table.inflection { background-color: #242424; }
    html.skin-theme-clientpref-os table.inflection tr:nth-child(odd) { background-color: #2E2E2E; }
    html.skin-theme-clientpref-os table.inflection tr:nth-child(odd):not(.rowgroup) th { background-color: #303030; }
}

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: var(--wikt-palette-paleblue, #f8f9fa);
	text-align: left;
}

/* rowgroup header rows */
table.inflection tr.rowgroup th {
	background: var(--wikt-palette-lightergrey, #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: var(--wikt-palette-palegreen, #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: var(--wikt-palette-brightyellow, #FFEE77);
}

/* [[WT:FEED]] */
#p-feedback a {
	cursor: pointer;
}

/* Old revisions */

#mw-revision-info {
	border: 2px solid #8888FF;
	/* TODO consider palettizing */
	border-left: 0px;
	border-right: 0px;
	font-size: 110%;
	margin: 5px;
	margin-left: 0px;
}

/* dark mode border color for #mw-revision-info */
@media screen { html.skin-theme-clientpref-night #mw-revision-info { border-color: #4444BB; } }
@media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os #mw-revision-info { border-color: #4444BB; } }

#mw-editingold {
	margin-left: 15px;
	margin: 5px;
	padding: 5px;
	border: 2px solid #CC0000;
	border-width: 2px 0px;
}

/* maintenance line */
.maintenance-line {
	color: #777777;
	/* TODO consider palettizing */
}

/* dark mode text color for maintenance line */
@media screen { html.skin-theme-clientpref-night .maintenance-line { color: #adb7bf; } }
@media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .maintenance-line { color: #adb7bf; } }

/* 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 {
	border: 1px solid var(--wikt-palette-grey, #9e9e9e);
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
	overflow: auto;
	width: auto;
}

div.NavFrame > ul, div.NavFrame > ol {
	text-align: left;
}

div.NavFrame div.NavHead,
details.NavFrame summary.NavHead {
	margin: 2px;
	min-height: 1.6em;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	padding: 1px 5px 1px 10px;
	background-color: var(--wikt-palette-dullcyan, #eaecf0);
}

div.NavFrame p {
	font-size: 100%;
}

div.NavFrame div.NavContent,
details.NavFrame div.NavContent {
	font-size: 100%;
	border-top: 1px solid var(--wikt-palette-grey, #9e9e9e);
}

div.NavFrame div.NavContent p,
details.NavFrame div.NavContent p {
	font-size: 100%;
}

/* Override default added margins which mess up the background */
.NavContent>p {
	margin: 0;
}

.NavContent>p,
.NavContent>ul {
	padding: 0.5em;
}

span.NavToggle {
	cursor: pointer;
	float: right;
	font-weight: normal;
	font-size: smaller;
	margin-top: 1px;
}

/* add slight gap between NavToggle and rest of the heading */
.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: var(--wikt-palette-lightblue, #DEF);
}

li:has(> span.senseid:target) {
	background: var(--wikt-palette-lightblue, #DEF);
}

.etymid:target {
	background: var(--wikt-palette-lightblue, #DEF);
}

p:has(> span.etymid:target) {
	background: var(--wikt-palette-lightblue, #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: var(--wikt-palette-lightblue, #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: 10px;
}

/* allow mirrored custom hieroglyph (and other) images */
.mw-mirrored img {
	transform: scaleX(-1);
}

/* formats derived terms */
.derivedterms {
	background: var(--wikt-palette-lavender, #f8f8ff);
}

.derivedterms .CategoryTreeChildren {
	-moz-column-count: 3;
	column-count: 3;
}

/* softer highlighting of 'updated since last visit' */
span.updatedmarker {
	background-color: var(--wikt-palette-mint, #c0e4c0);
}

.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;
}

/* 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: var(--wikt-palette-lightblue, #d9ebff);
	min-width: 1em;
}

table.unit-tests.unit-tests-hide-passing th.unit-tests-img-corner {
	background: red;
}

/* multi-column lists */
li,
.group-in-column {
	-moz-column-break-inside: avoid;
	break-inside: avoid;
}

/* {{shortcut}} */
.shortcut-box,
.category-edit-box {
	border: 1px solid var(--border-color-base, #aaaaaa);
	color: var(--color-base, black);
	background: var(--wikt-palette-paleblue, #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: var(--wikt-palette-lightblue, #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;
	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;
	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;
	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;
	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;
	column-count: 6;
}

.columns-bg {
	/* Default background color for multi-column lists. */
	background: var(--wikt-palette-lavender, #f8f8ff);
}

/* 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 {
	-webkit-user-select: none;
	-moz-user-select: none;
	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 {
	-moz-column-width: 25em;
	column-width: 25em;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.multicolumn-list-wide>ul {
	-moz-column-width: 55em;
	column-width: 55em;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.multicolumn-list-narrow>ul {
	-moz-column-width: 22em;
	column-width: 22em;
	-moz-column-gap: 20px;
	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 var(--border-color-base, #a2a9b1);
	padding-top: 1em;
	margin-top: 0.2em;
}

/* [[phab:T156351]]: Support for Parsoid's Cite implementation */
a[ rel="mw:referencedBy"]::before {
	content: " ^";
}

/* [[phab:T316670]]: fix header issues */
.mw-heading * {
	word-break: normal;
}

/* From [[Module:shortcut box/styles.css]] */
a .redlink {
	color: var(--color-destructive, #d73333);
}

a:visited .redlink {
	color: var(--color-destructive--visited, #a55858);
}

a:visited:hover .redlink {
	color: var(--color-destructive--visited, #a55858);
}

a:hover .redlink {
	color: var(--color-destructive--hover, #ff4242);
	text-decoration: underline;
}

a:active .redlink {
	color: var(--color-destructive--active, #b32424);
	text-decoration: underline;
}

a:focus .redlink {
	outline-color: var(--outline-color-progressive--focus, #36c);
}

/* approximate replacement for .toccolours, which is not defined in the Vector 2022 skin */
.standard-box {
	background-color: var(--wikt-palette-paleblue, #f8f9fa);
	border: 1px solid var(--wikt-palette-grey, #9e9e9e); /* was #aabbdd but no real equivalent in our palette */
	padding: 5px;
}

/* </nowiki> */