|
|
| Line 1: |
Line 1: |
| /* {{pp|small=y}} */
| | /* Base styles */ |
| /*
| |
| * Stuff from MediaWiki:Common.css on enwiki that is not present in common.css here
| |
| */
| |
| | |
| /* Base styles for light mode */ | |
| .infobox { | | .infobox { |
| border: 1px solid #a2a9b1;
| | background-color: #f8f9fa; |
| color: black;
| | color: black; |
| padding: 0.2em;
| | border: 1px solid #a2a9b1; |
| font-size: 88%;
| |
| line-height: 1.6em;
| |
| border-spacing: 3px;
| |
| background-color: #f8f9fa;
| |
| }
| |
| | |
| @media screen {
| |
| .infobox {
| |
| background-color: #f8f9fa;
| |
| }
| |
| }
| |
| | |
| @media (max-width: 640px) {
| |
| .infobox {
| |
| width: 100%;
| |
| }
| |
| | |
| .infobox .nowrap {
| |
| white-space: normal;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 640px) {
| |
| .infobox {
| |
| /* @noflip */
| |
| margin: 0.5em 0 0.5em 1em;
| |
| /* @noflip */
| |
| float: right;
| |
| /* @noflip */
| |
| clear: right;
| |
| width: 22em;
| |
| }
| |
| }
| |
| | |
| .infobox-header {
| |
| line-height: 2.1em;
| |
| }
| |
| .infobox-label,
| |
| .infobox-above {
| |
| line-height: 2.1em;
| |
| }
| |
| .infobox-full-data,
| |
| .infobox-data,
| |
| .infobox-below,
| |
| .infobox-subheader,
| |
| .infobox-image,
| |
| .infobox-navbar,
| |
| .infobox th,
| |
| .infobox td {
| |
| vertical-align: top;
| |
| }
| |
| | |
| .infobox-label,
| |
| .infobox-data,
| |
| .infobox th,
| |
| .infobox td {
| |
| text-align: left;
| |
| }
| |
| | |
| .infobox .infobox-above,
| |
| .infobox .infobox-title,
| |
| .infobox caption {
| |
| font-size: 125%;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| } | | } |
|
| |
|
| .infobox-title,
| | /* System dark mode */ |
| .infobox caption {
| |
| padding: 0.2em;
| |
| }
| |
| | |
| .infobox .infobox-header,
| |
| .infobox .infobox-subheader,
| |
| .infobox .infobox-image,
| |
| .infobox .infobox-full-data,
| |
| .infobox .infobox-below {
| |
| text-align: center;
| |
| }
| |
| | |
| .infobox .infobox-navbar {
| |
| text-align: right;
| |
| }
| |
| | |
| /* Dark mode via prefers-color-scheme */ | |
| @media (prefers-color-scheme: dark) { | | @media (prefers-color-scheme: dark) { |
| .infobox {
| | .infobox { |
| background-color: #1e1e1e;
| |
| color: #f0f0f0;
| |
| border-color: #444;
| |
| }
| |
| | |
| .infobox-header,
| |
| .infobox-label,
| |
| .infobox-above,
| |
| .infobox-full-data,
| |
| .infobox-data,
| |
| .infobox-below,
| |
| .infobox-subheader,
| |
| .infobox-image,
| |
| .infobox-navbar,
| |
| .infobox th,
| |
| .infobox td {
| |
| color: #f0f0f0;
| |
| }
| |
| }
| |
| | |
| /* Dark mode for Vector 2022 skin (data-mw-theme=dark) */
| |
| html[data-mw-theme="dark"] .infobox {
| |
| background-color: #1e1e1e; | | background-color: #1e1e1e; |
| color: #f0f0f0; | | color: #f0f0f0; |
| border-color: #444; | | border-color: #444; |
| | } |
| } | | } |
|
| |
|
| html[data-mw-theme="dark"] .infobox-header,
| | /* MediaWiki Vector 2022 dark skin override */ |
| html[data-mw-theme="dark"] .infobox-label, | | html[data-mw-theme="dark"] .infobox { |
| html[data-mw-theme="dark"] .infobox-above,
| | background-color: #1e1e1e; |
| html[data-mw-theme="dark"] .infobox-full-data,
| | color: #f0f0f0; |
| html[data-mw-theme="dark"] .infobox-data,
| | border-color: #444; |
| html[data-mw-theme="dark"] .infobox-below,
| |
| html[data-mw-theme="dark"] .infobox-subheader,
| |
| html[data-mw-theme="dark"] .infobox-image,
| |
| html[data-mw-theme="dark"] .infobox-navbar,
| |
| html[data-mw-theme="dark"] .infobox th,
| |
| html[data-mw-theme="dark"] .infobox td {
| |
| color: #f0f0f0;
| |
| }
| |
| | |
| /* end stuff from common.css on enwiki */
| |
| | |
| .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%;
| |
| }
| |
| | |
| /* T281642 */
| |
| body.skin-minerva .infobox-header,
| |
| body.skin-minerva .infobox-subheader,
| |
| body.skin-minerva .infobox-above,
| |
| body.skin-minerva .infobox-title,
| |
| body.skin-minerva .infobox-image,
| |
| body.skin-minerva .infobox-full-data,
| |
| body.skin-minerva .infobox-below {
| |
| text-align: center;
| |
| }
| |
| | |
| /* Responsive fix for infobox-table in skins like Vector 2022 */
| |
| @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;
| |
| }
| |
| } | | } |
