48,403
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 888: | Line 888: | ||
} | } | ||
/* 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; | |||
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: 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 */ | |||
/* Change the external link icon to an Adobe icon for all PDF files | /* Change the external link icon to an Adobe icon for all PDF files | ||
in browsers that support these CSS selectors, like Mozilla and Opera */ | in browsers that support these CSS selectors, like Mozilla and Opera */ | ||