MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Tag: Undo |
No edit summary Tag: Reverted |
||
| Line 338: | Line 338: | ||
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 { | table.prettytable { | ||
margin: 1em 1em 1em 0; | |||
background: #f8f9fa; | |||
border: 1px #aaaaaa solid; | |||
border-collapse: collapse; | |||
} | } | ||
table.prettytable th, | |||
table. | table.prettytable td { | ||
border: 1px #aaaaaa solid; | |||
padding: 0.2em; | |||
} | } | ||
table. | |||
table.prettytable th { | |||
background: #eeeeee; | |||
text-align: center; | |||
} | } | ||
table.prettytable caption { | |||
table. | 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 { | .ib-comma { | ||
font-style: normal; | font-style: normal; | ||
| Line 592: | Line 429: | ||
display: none; | display: none; | ||
} | } | ||
/* | /* 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 .new { | |||
color: inherit; | |||
} | } | ||
/* | /* fill a parent NavContent collapsing box */ | ||
. | .NavContent table.inflection, | ||
. | .NavContent table.inflection-table { | ||
margin-top: 0; | |||
width: 100%; | |||
display: table; | |||
border: 0; | |||
} | } | ||
/* 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: #f8f9fa; | |||
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: #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: var(--wikt-palette-deepblue); | |||
} | } | ||
. | |||
/* standard bluelink colour */ | |||
.tpos a:visited { | |||
color: var(--wikt-palette-blue); | |||
} | } | ||
. | |||
/* 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; | |||
/* 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; } } | |||
/* Night mode logo appearance, see [[Wiktionary:Grease pit/2025/January#Top left Wiktionary logo in dark mode]] */ | |||
@media screen { | |||
html.skin-theme-clientpref-night img.mw-logo-icon { | |||
color-scheme: light; | |||
filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg); | |||
} | |||
} | } | ||
. | @media screen and (prefers-color-scheme: dark) { | ||
html.skin-theme-clientpref-os img.mw-logo-icon { | |||
color-scheme: light; | |||
filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg); | |||
} | |||
} | } | ||
/* Make Recent changes look nice again */ | |||
span.newpage, | |||
span.minor, | |||
span.searchmatch, | |||
span.bot, | |||
span.unpatrolled { | |||
font-family: sans-serif !important; | |||
} | } | ||
/* Styling for the different kinds of collapsible boxes and lists */ | |||
/* NavFrames */ | |||
div.NavFrame, | |||
details.NavFrame { | |||
border: 1px solid #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: #eaecf0; | |||
} | } | ||
div.NavFrame p { | |||
font-size: 100%; | |||
} | } | ||
div.NavFrame div.NavContent, | |||
details.NavFrame div.NavContent { | |||
font-size: 100%; | |||
border-top: 1px solid #9e9e9e; | |||
} | } | ||
div.NavFrame div.NavContent p, | |||
details.NavFrame div.NavContent p { | |||
font-size: 100%; | |||
} | } | ||
/* Used by box-top/box-bottom */ | |||
.NavContent.boxcontent { | |||
padding: 0.25em 0.5em; | |||
} | } | ||
.NavContent.boxcontent > p:last-child { | |||
margin-bottom: 0.5em; /* from 1em to avoid some extra asymmetric space */ | |||
} | } | ||
/* | /* Override default added margins which mess up the background */ | ||
.NavContent.derivedterms > p, | |||
.NavContent.columns-bg > p { | |||
margin: 0; | |||
} | } | ||
. | |||
.NavContent.derivedterms > p, | |||
.NavContent.derivedterms > ul, | |||
.NavContent.columns-bg > p, | |||
.NavContent.columns-bg > 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; | |||
} | } | ||
/* Collapsible term lists */ | |||
.list-switcher { | |||
/* This is a hack so we can use getComputedStyle to find the | |||
maximum permissible height value of a list-switcher. | |||
It must be kept in sync with .list-switcher-collapsed `max-height` */ | |||
bottom: calc(3.2 * 1.6em); /* for browsers that don't support `lh` units */ | |||
bottom: 3.2lh; | |||
} | } | ||
.list-switcher-wrapper, | |||
:not(.list-switcher-wrapper) > .list-switcher { | |||
contain: layout; /* stop floating elements from messing with layout */ | |||
margin-top: 0.3em; /* replaces margin lost on <ul> in following ruleset */ | |||
} | } | ||
.list-switcher > div > ul { | |||
margin-top: 0; /* needed to avoid jumps when collapsing/uncollapsing */ | |||
} | } | ||
.list-switcher ul ul { | |||
margin-top: 0.1em; /* make margin above nested lists equal to margin at bottom of <li>s */ | |||
} | } | ||
.list-switcher-collapsed { | |||
/* If changing this value, change .list-switcher `bottom` above */ | |||
max-height: calc(3.2 * 1.6em); /* for browsers that don't support `lh` units */ | |||
max-height: 3.2lh; | |||
overflow-y: hidden; | |||
} | } | ||
.list-switcher-header { | |||
background: var(--wikt-palette-grey-indigo-2); | |||
font-weight: bold; | |||
font-size: 95%; | |||
padding: 0.2em 0.4em 0.1em 0.6em; | |||
} | } | ||
.list-switcher-header + .list-switcher .term-list { | |||
padding-top: 0.1em; | |||
} | } | ||
.list-switcher-edit { | |||
margin-left: 1.5em; | |||
font-size: 87.75%; /* exactly match font size of [show more] button (in Chromium-based browsers at least) */ | |||
font-weight: normal; | |||
} | } | ||
.list-switcher-edit::before { | |||
content: "["; | |||
} | } | ||
.list-switcher-edit::after { | |||
content: "]"; | |||
} | } | ||
.list-switcher-large-text { | |||
/* Keep in sync with next ruleset */ | |||
bottom: calc(4 * 1.6em); /* for browsers that don't support `lh` units */ | |||
bottom: 4lh; | |||
} | } | ||
.list-switcher-large-text.list-switcher-collapsed { | |||
/* Keep in sync with previous ruleset */ | |||
max-height: calc(4 * 1.6em); /* for browsers that don't support `lh` units */ | |||
max-height: 4lh; | |||
} | } | ||
.list-switcher-element { | |||
text-align: center; | |||
cursor: pointer; | |||
background: var(--wikt-palette-grey-indigo-2); | |||
border-bottom-left-radius: calc(0.31 * 1.6em); /* for browsers that don't support `lh` units */ | |||
border-bottom-left-radius: 0.3lh; | |||
border-bottom-right-radius: calc(0.31 * 1.6em); /* for browsers that don't support `lh` units */ | |||
border-bottom-right-radius: 0.3lh; | |||
} | } | ||
.list-switcher-element .NavToggle { | |||
float: none; | |||
} | } | ||
.columns-bg:not(.term-list) .CategoryTreeChildren { | |||
-moz-column-count: 3; | |||
column-count: 3; | |||
} | } | ||
/* Hidden Quotes and *nyms toggle */ | |||
.HQToggle, | |||
.nyms-toggle, | |||
.usex-toggle { | |||
font-size: smaller; | |||
position: relative; | |||
bottom: 1px; | |||
left: 5px; | |||
} | } | ||
/* | /* Hidden quotes */ | ||
.client-js .ns-0 ol>li>ul { | |||
display: none; | |||
} | } | ||
/* 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; | |||
} | } | ||
/* View switcher */ | |||
.vsShow { | |||
display: none; | |||
} | } | ||
/* End styling for collapsible lists */ | |||
/* Quote clarifications, e.g. {{quote-gloss}}, {{quote-qualifier}} */ | |||
.quote-note { | |||
color: #999; | |||
} | } | ||
/* | /* 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: #DEF; | |||
} | } | ||
li:has(> span.senseid:target) { | |||
background: #DEF; | |||
} | } | ||
.etymid:target { | |||
background: #DEF; | |||
} | } | ||
p:has(> span.etymid:target) { | |||
background: #DEF; | |||
} | } | ||
/* fix extra gap if there is something between etymid and rest of etymology */ | |||
p:has(> span.etymid:only-child) { | |||
display: inline; | |||
} | } | ||
/* and highlight the next paragraph too if that happened, | |||
since otherwise the highlight may be lost entirely on the invisible etymid */ | |||
p:has(> span.etymid:target:only-child) + p { | |||
background: #DEF; | |||
} | } | ||
table. | |||
/* 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 !important; /* override skin styling on mobile */ | |||
vertical-align: middle; | |||
font-size: 10px; | |||
} | } | ||
/* | /* allow mirrored custom hieroglyph (and other) images */ | ||
.mw-mirrored img { | |||
transform: scaleX(-1); | |||
} | } | ||
/* softer highlighting of 'updated since last visit' */ | |||
span.updatedmarker { | |||
background-color: #c0e4c0; | |||
} | } | ||
/* {{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: #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}} */ | ||
font-size: | .shortcut-box, | ||
.category-edit-box { | |||
border: 1px solid #aaaaaa; | |||
color: var(--color-base, black); | |||
background: #f9f9f9; | |||
margin: 0 0 .5em 1em; | |||
text-align: center; | |||
padding: 5px; | |||
float: right; | |||
clear: both; | |||
font-weight: bold; | |||
font-size: smaller; | |||
} | } | ||
div. | /* 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::before { | |||
content: "\a"; /* newline */ | |||
white-space: pre; | |||
} | } | ||
/* | /* 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; | |||
} | } | ||
/* | /* Used by column templates (see [[Module:columns]]). */ | ||
.ul-column-count>ul, | |||
.ul-column-count>ol, | |||
.ul-column-count>dl { | |||
-moz-column-gap: 20px; | |||
column-gap: 20px; | |||
} | } | ||
.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: #f8f8ff; | |||
/* prevent text crashing into edge of box */ | |||
padding-right: 0.3em; | |||
} | } | ||
/* Default style for hypothetical inflections -- currently italic. */ | |||
font-style: 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; | |||
} | } | ||
/* 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):not(meta[property="mw:PageProp/toc"])+div.mw-heading2:not(:first-of-type) { | |||
border-top: 1px solid #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: #d73333; | |||
} | } | ||
a:visited .redlink { | |||
color: #a55858; | |||
. | |||
} | } | ||
a:visited:hover .redlink { | |||
. | color: #a55858; | ||
} | } | ||
a:hover .redlink { | |||
color: #ff4242; | |||
text-decoration: underline; | |||
} | } | ||
a:active .redlink { | |||
color: #b32424; | |||
text-decoration: underline; | |||
} | } | ||
a:focus .redlink { | |||
outline-color: #36c; | |||
} | } | ||
. | /* approximate replacement for .toccolours, which is not defined in the Vector 2022 skin */ | ||
- | .standard-box { | ||
background-color: #f8f9fa; | |||
border: 1px solid #9e9e9e; /* was #aabbdd but no real equivalent in our palette */ | |||
padding: 5px; | |||
} | } | ||
. | .mw-parser-output a[role="button"] { | ||
color: var(--wikt-palette-black); | |||
font-weight: normal; | |||
} | } | ||
. | /* override default behaviour for button links */ | ||
- | .mw-parser-output a[role="button"]:focus:not(:hover) { | ||
text-decoration: none; | |||
} | } | ||
/* </nowiki> */ | |||
/* | |||
Revision as of 20:12, 26 January 2025
@charset "UTF-8";
/* CSS placed here will be applied to all skins */
/* Google Fonts: Marlemad (sans) and Gentium Book Basic/Trykker */
@import url(https://fonts.googleapis.com/css?family=Trykker|Gentium+Book+Basic:400,400italic|Marmelad&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Gentium+Basic&subset=latin,latin-ext);
/* Add the custom fonts we use on here, Charis SIL, Gentium Plus, etc. */
@import url(../assets/lexfonts.css);
/* TENGWAR */
@import url(../assets/darn.css);
@font-face{
font-family: FreeIdgSerif, serif;
font-family: Akkadian, serif;
font-family: 'Gentium Basic', serif;
font-family: 'Trykker', serif;
font-family: 'Gentium Book Basic', serif;
font-family: 'Marmelad', sans-serif;
}
@font-face{
font-family: 'Tagati';
src: url("https://cdn.jsdelivr.net/gh/carbeck/tagatibookg@master/Tagati Book Regular G.ttf") format('truetype');
}
@font-face{
font-family: 'Tagati';
src: url("https://cdn.jsdelivr.net/gh/carbeck/tagatibookg@master/Tagati Book Italic G.ttf") format('truetype');
font-style: italic;
}
@font-face{
font-family: 'AH Rokajang';
src: url("https://cdn.jsdelivr.net/gh/Astralneko/ahrokajang@master/AHRokajang.ttf") format('truetype');
}
@font-face{
font-family: 'Antinoou';
src: url("https://coptot.manuscriptroom.com/community/fonts/antinoou-webfont.ttf") format('truetype');
}
@font-face{
font-family: 'Antinoou';
src: url("https://coptot.manuscriptroom.com/community/fonts/antinoouitalic-webfont.ttf") format('truetype');
font-style: italic;
}
@font-face{
font-family: 'Alcarin';
src: url("https://cdn.jsdelivr.net/gh/Tosche/Alcarin-Tengwar@main/Fonts Variable/AlcarinTengwarVF.woff2") format('woff2'),
url("https://cdn.jsdelivr.net/gh/Tosche/Alcarin-Tengwar@main/Fonts Variable/AlcarinTengwarVF.woff") format('woff'),
url("https://cdn.jsdelivr.net/gh/Tosche/Alcarin-Tengwar@main/Fonts Variable/AlcarinTengwarVF.ttf") format('truetype');
}
@font-face{
font-family: 'AH Rokajang Shika';
src: url("https://cdn.jsdelivr.net/gh/Astralneko/ahrokajang@master/AHRokajangShika.ttf") format('truetype');
}
.Latn[lang=anldk]{
font-family: 'AH Rokajang Shika', sans-serif;
font-size: 110%;
}
.Ayer{
font-family: 'Tagati', sans-serif;
font-size: 24px;
}
/* Chiingimec */
.Cyrl[lang=xchc]{
font-family: 'Cambria', sans-serif;
font-size: 110%;
}
.headword[lang=xchc]{
font-size: 120%;
}
.Roka{
font-family: 'AH Rokajang', sans-serif;
font-size: 110%;
}
.Copt{
font-family: 'Antinoou', 'Noto Sans Coptic';
font-size: 115%;
}
/* Classical Mongolian, Manchu, Xibe, Clear Script */
.Mong,
.mnc-Mong, /* Manchu */
.sjo-Mong, /* Xibe */
.xwo-Mong /* Clear Script, Todo */ {
font-family: 'Mongolian Baiti', 'Noto Sans Mongolian', sans-serif;
font-size: 140%;
-webkit-writing-mode: vertical-lr;
-moz-writing-mode: vertical-lr;
writing-mode: vertical-lr;
layout-flow: vertical-ideographic;
}
.Teng {
font-family: 'Alcarin', 'Brill', serif;
}
/* ATTEMPTING TO ADD ULTRALIGATURE SUPPORT */
@font-face{
font-family: 'Cardo';
font-style: normal;
font-weight: 400;
src: local('Cardo'), url(https://brick.a.ssl.fastly.net/fonts/cardo/400.woff) format('woff');
}
@font-face{font-family:'Cardo';font-style:normal;font-weight:400;src:url(//brick.a.ssl.fastly.net/fonts/cardo/400.woff) format('woff')}@font-face{font-family:'Cardo';font-style:normal;font-weight:700;src:url(//brick.a.ssl.fastly.net/fonts/cardo/700.woff) format('woff')}@font-face{font-family:'Cardo';font-style:italic;font-weight:400;src:url(//brick.a.ssl.fastly.net/fonts/cardo/400i.woff) format('woff')}
/** CSS-classes for Portal:Main Page **/
body.page-Main_Page h1.firstHeading { display:none; }/* Banner */
.MainPageBG {
width:55%; border:1px solid #cef2e0; background:#f5fffa; vertical-align:top; color:#000;
}
#bannerintro { background-image: url(https://linguifex.com/w/images/0/05/Linguifex.png); }
#triangleintro { background-image: url(https://linguifex.com/w/images/9/99/Triangular.png); }
/* Columns */
.frontPageLeft{
float:left;
width:56%;
}
.frontPageRight{
float:right;
width:43%;
}
/* Block */
.frontPageBlock{
background: url(https://linguifex.com/w/images/5/55/Bluegradient-left.png) no-repeat top left;
border:1px solid #FFFFFF;
padding:3px;
margin-bottom:.4em;
position:relative;
}
.frontPageBlockIcon{
position:absolute;
left: 5px;
top: 5px;
}
.frontPageBlockIcon img{
border: 0 none #000;
}
.frontPageBlockTitle{
position:absolute;
left: 60px;
top: 3px;
font-size:1.2em;
color:white
}
.frontPageBlockContent{
margin: 1em;
padding-top: 30px;
overflow: auto;
}
.frontPageRight .frontPageBlock{
background: url(https://linguifex.com/w/images/3/37/Bluegradient-right.png) no-repeat top right;
margin-left:1em;
}
.frontPageRight .frontPageBlockIcon{
left:auto;
right:10px;
}
.frontPageRight .frontPageBlockTitle{
left:auto;
right:60px;
top:3px;
font-size:1.1em;
color:white
}
.frontPageRight .frontPageBlockContent{
margin: 1em;
padding-top: 20px;
}
.frontPageFancyBlock{
border-bottom: 6px dotted #8CB2FF;
padding: 1em 0;
font-size: 100%;
color: black;
margin-left: 1em;
}
.frontPageFancyBlockLast{
border-bottom:none;
}
/** End of Portal:Main Page **/
/* Wikitables */
table.wikitable {
margin: .5em;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
table.wikitable th, table.wikitable td {
border: 1px #aaa solid;
padding: .2em;
}
table.wikitable th {
background: #f2f2f2;
text-align: center;
}
table.wikitable caption {
margin-left: inherit;
margin-right: inherit;
}
/** End of Wikitables **/
/* Standard Colour Tables */
.bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f7faff; }
.graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #fffafa; }
.browntable .bg1, .browninfobox .bg1, .lightbrownbg { background: #fffaf7; }
.greentable .bg1, .greeninfobox .bg1, .lightgreenbg { background: #f2fffb; }
.redtable .bg1, .redinfobox .bg1, .lightredbg { background: #fff7f7; }
.softtable, .softtable td, .softtable .bg1,
.softinfobox, .softinfobox td, .softinfobox .bg1, .softbg, .lightsoftbg
{ background: #fffafa; }
.blueborder { border: 1px solid #8091ab; }
.grayborder { border: 1px solid #abaaaa; }
.brownborder { border: 1px solid #b38d7d; }
.greenborder { border: 1px solid #89aba1; }
.redborder { border: 1px solid #b37d7d; }
.softborder { border: 1px solid #cccaca; }
.bluetable .bg2, .blueinfobox .bg2, .bluetable .bg2 td, .blueinfobox .bg2 td { background: #e6eefa; }
.bluetable .bg3, .blueinfobox .bg3, .bluetable .bg3 td, .blueinfobox .bg3 td { background: #d3dff2; }
.bluetable .bg4, .blueinfobox .bg4, .bluetable .bg4 td, .blueinfobox .bg4 td, .bluebg { background: #c2d4ed; }
.graytable .bg2, .grayinfobox .bg2, .graytable .bg2 td, .grayinfobox .bg2 td { background: #eeeaea; }
.graytable .bg3, .grayinfobox .bg3, .graytable .bg3 td, .grayinfobox .bg3 td { background: #dddada; }
.graytable .bg4, .grayinfobox .bg4, .graytable .bg4 td, .grayinfobox .bg4 td, .graybg { background: #cccaca; }
.browntable .bg2, .browninfobox .bg2, .browntable .bg2 td, .browninfobox .bg2 td { background: #f7e9e4; }
.browntable .bg3, .browninfobox .bg3, .browntable .bg3 td, .browninfobox .bg3 td { background: #f0dad1; }
.browntable .bg4, .browninfobox .bg4, .browntable .bg4 td, .browninfobox .bg4 td, .brownbg { background: #ebcdc0; }
.greentable .bg2, .greeninfobox .bg2, .greentable .bg2 td, .greeninfobox .bg2 td { background: #e1f7f1; }
.greentable .bg3, .greeninfobox .bg3, .greentable .bg3 td, .greeninfobox .bg3 td { background: #d5f2ea; }
.greentable .bg4, .greeninfobox .bg4, .greentable .bg4 td, .greeninfobox .bg4 td, .greenbg { background: #c1e0d7; }
.redtable .bg2, .redinfobox .bg2, .redtable .bg2 td, .redinfobox .bg2 td { background: #f7e4e4; }
.redtable .bg3, .redinfobox .bg3, .redtable .bg3 td, .redinfobox .bg4 td { background: #f0d1d1; }
.redtable .bg4, .redinfobox .bg4, .redtable .bg4 td, .redinfobox .bg3 td, .redbg { background: #ffcccc; }
.softtable .bg2, .softinfobox .bg2,
.softtable .bg3, .softinfobox .bg3,
.softtable .bg4, .softinfobox .bg4,
.softtable .bg2 td, .softinfobox .bg2 td,
.softtable .bg3 td, .softinfobox .bg3 td,
.softtable .bg4 td, .softinfobox .bg4 td
{ background: #eeeaea; }
.bluetable, .graytable, .browntable, .greentable, .redtable,
.blueinfobox, .grayinfobox, .browninfobox, .greeninfobox, .redinfobox { border-collapse: collapse; }
.blueinfobox, .grayinfobox, .browninfobox, .greeninfobox, .redinfobox, .softinfobox {
float: right;
margin: 0 0 0.5em 0.5em;
}
.blueinfobox { background: #f7faff; }
.grayinfobox { background: #fffafa; }
.browninfobox { background: #fffaf7; }
.greeninfobox { background: #f2fffb; }
.redinfobox { background: #fff7f7; }
.bluetable, .blueinfobox { border: 1px solid #8091ab; }
.graytable, .grayinfobox { border: 1px solid #abaaaa; }
.browntable, .browninfobox { border: 1px solid #b38d7d; }
.greentable, .greeninfobox { border: 1px solid #89aba1; }
.redtable, .redinfobox { border: 1px solid #b37d7d; }
.softtable, .softinfobox { border: 1px solid #cccaca; }
.bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #8091ab; }
.graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #abaaaa; }
.browntable td, .browntable th, .browninfobox td, .browninfobox th { border: 1px solid #b38d7d; }
.greentable td, .greentable th, .greeninfobox td, .greeninfobox th { border: 1px solid #89aba1; }
.redtable td, .redtable th, .redinfobox td, .redinfobox th { border: 1px solid #b37d7d; }
.bluetable td, .bluetable th, .graytable td, .graytable th,
.browntable td, .browntable th, .greentable td, .greentable th,
.redtable td, .redtable th, .softtable td, .softtable th,
.blueinfobox td, .blueinfobox th, .grayinfobox td, .grayinfobox th,
.browninfobox td, .browninfobox th, .greeninfobox td, .greeninfobox th,
.redinfobox td, .redinfobox th, .softinfobox td, .softinfobox th
{ padding: 4px; }
.bluetable th { background: #c2d4ed; }
.graytable th { background: #cccaca; }
.browntable th { background: #ebcdc0; }
.greentable th { background: #c1e0d7; }
.redtable th { background: #ffcccc; }
.softtable th, .softinfobox th { background: #eeeaea; }
.bluetable th:first-child, .graytable th:first-child, .browntable th:first-child, .greentable th:first-child, .redtable th:first-child, .softtable th:first-child,
.blueinfobox th, .grayinfobox th, .browninfobox th, .greeninfobox th, .redinfobox th, .softinfobox th { text-align: center; padding-right: 0.2em; }
.bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header,
.graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header,
.browntable .divider, .browninfobox .divider, .browntable .header, .browninfobox .header,
.greentable .divider, .greeninfobox .divider, .greentable .header, .greeninfobox .header,
.redtable .divider, .redinfobox .divider, .redtable .header, .redinfobox .header,
.softtable .divider, .softinfobox .divider, .softtable .header, .softinfobox .header { text-align: center !important; }
.bluetable .header, .bluetable .divider, .blueinfobox .header { background: #c2d4ed; }
.graytable .header, .graytable .divider, .grayinfobox .header { background: #cccaca; }
.browntable .header, .browntable .divider, .browninfobox .header { background: #ebcdc0; }
.greentable .header, .greentable .divider, .greeninfobox .header { background: #c1e0d7; }
.redtable .header, .redtable .divider, .redinfobox .header { background: #ffcccc; }
.softtable .header, .softtable .divider, .softinfobox .header { background: #eeeaea; }
.blueinfobox .divider { background: #e6eefa; }
.grayinfobox .divider { background: #eeeaea; }
.browninfobox .divider { background: #f7e9e4; }
.greeninfobox .divider { background: #e1f7f1; }
.redinfobox .divider { background: #f7e4e4; }
.softinfobox .divider { background: #eeeaea; }
/** End of Standard Colour Tables**/
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: #f8f9fa;
border: 1px #aaaaaa solid;
border-collapse: collapse;
}
table.prettytable th,
table.prettytable td {
border: 1px #aaaaaa solid;
padding: 0.2em;
}
table.prettytable th {
background: #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 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 .new {
color: inherit;
}
/* fill a parent NavContent collapsing box */
.NavContent table.inflection,
.NavContent table.inflection-table {
margin-top: 0;
width: 100%;
display: table;
border: 0;
}
/* 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: #f8f9fa;
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: #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: var(--wikt-palette-deepblue);
}
/* standard bluelink colour */
.tpos a:visited {
color: var(--wikt-palette-blue);
}
/* 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;
/* 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; } }
/* Night mode logo appearance, see [[Wiktionary:Grease pit/2025/January#Top left Wiktionary logo in dark mode]] */
@media screen {
html.skin-theme-clientpref-night img.mw-logo-icon {
color-scheme: light;
filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg);
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os img.mw-logo-icon {
color-scheme: light;
filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg);
}
}
/* Make Recent changes look nice again */
span.newpage,
span.minor,
span.searchmatch,
span.bot,
span.unpatrolled {
font-family: sans-serif !important;
}
/* Styling for the different kinds of collapsible boxes and lists */
/* NavFrames */
div.NavFrame,
details.NavFrame {
border: 1px solid #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: #eaecf0;
}
div.NavFrame p {
font-size: 100%;
}
div.NavFrame div.NavContent,
details.NavFrame div.NavContent {
font-size: 100%;
border-top: 1px solid #9e9e9e;
}
div.NavFrame div.NavContent p,
details.NavFrame div.NavContent p {
font-size: 100%;
}
/* Used by box-top/box-bottom */
.NavContent.boxcontent {
padding: 0.25em 0.5em;
}
.NavContent.boxcontent > p:last-child {
margin-bottom: 0.5em; /* from 1em to avoid some extra asymmetric space */
}
/* Override default added margins which mess up the background */
.NavContent.derivedterms > p,
.NavContent.columns-bg > p {
margin: 0;
}
.NavContent.derivedterms > p,
.NavContent.derivedterms > ul,
.NavContent.columns-bg > p,
.NavContent.columns-bg > 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;
}
/* Collapsible term lists */
.list-switcher {
/* This is a hack so we can use getComputedStyle to find the
maximum permissible height value of a list-switcher.
It must be kept in sync with .list-switcher-collapsed `max-height` */
bottom: calc(3.2 * 1.6em); /* for browsers that don't support `lh` units */
bottom: 3.2lh;
}
.list-switcher-wrapper,
:not(.list-switcher-wrapper) > .list-switcher {
contain: layout; /* stop floating elements from messing with layout */
margin-top: 0.3em; /* replaces margin lost on <ul> in following ruleset */
}
.list-switcher > div > ul {
margin-top: 0; /* needed to avoid jumps when collapsing/uncollapsing */
}
.list-switcher ul ul {
margin-top: 0.1em; /* make margin above nested lists equal to margin at bottom of <li>s */
}
.list-switcher-collapsed {
/* If changing this value, change .list-switcher `bottom` above */
max-height: calc(3.2 * 1.6em); /* for browsers that don't support `lh` units */
max-height: 3.2lh;
overflow-y: hidden;
}
.list-switcher-header {
background: var(--wikt-palette-grey-indigo-2);
font-weight: bold;
font-size: 95%;
padding: 0.2em 0.4em 0.1em 0.6em;
}
.list-switcher-header + .list-switcher .term-list {
padding-top: 0.1em;
}
.list-switcher-edit {
margin-left: 1.5em;
font-size: 87.75%; /* exactly match font size of [show more] button (in Chromium-based browsers at least) */
font-weight: normal;
}
.list-switcher-edit::before {
content: "[";
}
.list-switcher-edit::after {
content: "]";
}
.list-switcher-large-text {
/* Keep in sync with next ruleset */
bottom: calc(4 * 1.6em); /* for browsers that don't support `lh` units */
bottom: 4lh;
}
.list-switcher-large-text.list-switcher-collapsed {
/* Keep in sync with previous ruleset */
max-height: calc(4 * 1.6em); /* for browsers that don't support `lh` units */
max-height: 4lh;
}
.list-switcher-element {
text-align: center;
cursor: pointer;
background: var(--wikt-palette-grey-indigo-2);
border-bottom-left-radius: calc(0.31 * 1.6em); /* for browsers that don't support `lh` units */
border-bottom-left-radius: 0.3lh;
border-bottom-right-radius: calc(0.31 * 1.6em); /* for browsers that don't support `lh` units */
border-bottom-right-radius: 0.3lh;
}
.list-switcher-element .NavToggle {
float: none;
}
.columns-bg:not(.term-list) .CategoryTreeChildren {
-moz-column-count: 3;
column-count: 3;
}
/* Hidden Quotes and *nyms toggle */
.HQToggle,
.nyms-toggle,
.usex-toggle {
font-size: smaller;
position: relative;
bottom: 1px;
left: 5px;
}
/* Hidden quotes */
.client-js .ns-0 ol>li>ul {
display: none;
}
/* 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;
}
/* View switcher */
.vsShow {
display: none;
}
/* End styling for collapsible lists */
/* Quote clarifications, e.g. {{quote-gloss}}, {{quote-qualifier}} */
.quote-note {
color: #999;
}
/* 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: #DEF;
}
li:has(> span.senseid:target) {
background: #DEF;
}
.etymid:target {
background: #DEF;
}
p:has(> span.etymid:target) {
background: #DEF;
}
/* fix extra gap if there is something between etymid and rest of etymology */
p:has(> span.etymid:only-child) {
display: inline;
}
/* and highlight the next paragraph too if that happened,
since otherwise the highlight may be lost entirely on the invisible etymid */
p:has(> span.etymid:target:only-child) + p {
background: #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 !important; /* override skin styling on mobile */
vertical-align: middle;
font-size: 10px;
}
/* allow mirrored custom hieroglyph (and other) images */
.mw-mirrored img {
transform: scaleX(-1);
}
/* softer highlighting of 'updated since last visit' */
span.updatedmarker {
background-color: #c0e4c0;
}
/* {{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: #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 #aaaaaa;
color: var(--color-base, 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::before {
content: "\a"; /* newline */
white-space: pre;
}
/* 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;
}
/* Used by column templates (see [[Module:columns]]). */
.ul-column-count>ul,
.ul-column-count>ol,
.ul-column-count>dl {
-moz-column-gap: 20px;
column-gap: 20px;
}
.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: #f8f8ff;
/* prevent text crashing into edge of box */
padding-right: 0.3em;
}
/* 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;
}
/* 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):not(meta[property="mw:PageProp/toc"])+div.mw-heading2:not(:first-of-type) {
border-top: 1px solid #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: #d73333;
}
a:visited .redlink {
color: #a55858;
}
a:visited:hover .redlink {
color: #a55858;
}
a:hover .redlink {
color: #ff4242;
text-decoration: underline;
}
a:active .redlink {
color: #b32424;
text-decoration: underline;
}
a:focus .redlink {
outline-color: #36c;
}
/* approximate replacement for .toccolours, which is not defined in the Vector 2022 skin */
.standard-box {
background-color: #f8f9fa;
border: 1px solid #9e9e9e; /* was #aabbdd but no real equivalent in our palette */
padding: 5px;
}
.mw-parser-output a[role="button"] {
color: var(--wikt-palette-black);
font-weight: normal;
}
/* override default behaviour for button links */
.mw-parser-output a[role="button"]:focus:not(:hover) {
text-decoration: none;
}
/* </nowiki> */