|
|
| Line 1: |
Line 1: |
| /* {{pp|small=y}} */ | | /* Force light theme colors by default */ |
| /*
| | html:not([data-mw-theme="dark"]) .infobox { |
| * This TemplateStyles sheet deliberately does NOT include the full set of
| | background-color: #f8f9fa; |
| * infobox styles. We are still working to migrate all of the manual
| | color: black; |
| * infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]]
| | border: 1px solid #a2a9b1; |
| * DO NOT ADD THEM HERE
| |
| */
| |
| /*
| |
| * not strictly certain these styles are necessary since the modules now
| |
| * exclusively output infobox-subbox or infobox, not both
| |
| * just replicating the module faithfully
| |
| */
| |
| | |
| .infobox-title {
| |
| padding: 0.2em;
| |
| width: auto;
| |
| min-width: 100%;
| |
| }
| |
| | |
| .infobox-subbox { | |
| padding: 0;
| |
| border: none;
| |
| margin: -3px;
| |
| width: auto;
| |
| min-width: 100%;
| |
| font-size: 100%;
| |
| clear: none;
| |
| float: none;
| |
| background-color: transparent;
| |
| }
| |
| | |
| .infobox-3cols-child {
| |
| margin: auto;
| |
| }
| |
| | |
| .infobox .navbar {
| |
| font-size: 100%;
| |
| }
| |
| | |
| /* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
| |
| | |
| @media screen {
| |
| html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] { | |
| background: #1f1f23 !important;
| |
| /* switch with var( --color-base ) when supported. */
| |
| color: #f8f9fa;
| |
| }
| |
| } | | } |
|
| |
|
| | | /* Dark mode for system preferences */ |
| @media screen and ( prefers-color-scheme: dark) { | | @media (prefers-color-scheme: dark) { |
| html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) { | | html:not([data-mw-theme="light"]) .infobox { |
| background: #1f1f23 !important;
| | background-color: #1e1e1e; |
| /* switch with var( --color-base ) when supported. */
| | color: #f0f0f0; |
| color: #f8f9fa;
| | border-color: #444; |
| } | | } |
| } | | } |
|
| |
|
| | | /* Vector 2022 skin dark mode */ |
| /* Since infobox is a table, many infobox templates take advantage of this to add columns and rows to the infobox itself rather than as part of a new table inside them. This class should be discouraged and removed on the long term, but allows us to at least identify these tables going forward | | html[data-mw-theme="dark"] .infobox { |
| Currently in use on: [[Module:Infobox3cols]]
| | background-color: #1e1e1e; |
| Fixes issue described in https://phabricator.wikimedia.org/F55300125 on Vector 2022.
| | color: #f0f0f0; |
| */ | | border-color: #444; |
| @media (min-width: 640px) {
| |
| body.skin--responsive .infobox-table {
| |
| display: table !important;
| |
| }
| |
| body.skin--responsive .infobox-table > caption {
| |
| display: table-caption !important;
| |
| }
| |
| body.skin--responsive .infobox-table > tbody {
| |
| display: table-row-group; | |
| }
| |
| body.skin--responsive .infobox-table tr {
| |
| display: table-row !important;
| |
| }
| |
| body.skin--responsive .infobox-table th,
| |
| body.skin--responsive .infobox-table td {
| |
| padding-left: inherit; | |
| padding-right: inherit; | |
| }
| |
| } | | } |
