48,403
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
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> */ | |||
/* | |||