|
Tags: Mobile edit Mobile web edit Advanced mobile edit |
| (2 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* Dark-mode-safe styling for Template:Infobox settlement. */ | | /* Settlement infobox styling */ |
| .infobox.ib-settlement,
| | |
| .ib-settlement { | | .ib-settlement { |
| border-collapse: collapse; | | border-collapse: collapse; |
| line-height: 1.2em; | | line-height: 1.2em; |
| color: var(--color-base, #202122); | | box-sizing: border-box; |
| } | | } |
|
| |
|
| @media (min-width: 640px) {
| | /* Do not force mobile full-width. The main table width is set by bodystyle in Template:Infobox settlement. */ |
| .infobox.ib-settlement,
| |
| .ib-settlement {
| |
| width: 23em;
| |
| }
| |
| }
| |
|
| |
|
| .infobox.ib-settlement td,
| |
| .infobox.ib-settlement th,
| |
| .ib-settlement td, | | .ib-settlement td, |
| .ib-settlement th { | | .ib-settlement th { |
| border-top: 1px solid var(--border-color-base, #a2a9b1); | | border-top: 1px solid var(--border-color-base, #a2a9b1); |
| padding: 0.4em 0.6em; | | padding: 0.4em 0.6em; |
| vertical-align: top; | | box-sizing: border-box; |
| } | | } |
|
| |
|
| .infobox.ib-settlement .mergedtoprow .infobox-full-data,
| |
| .infobox.ib-settlement .mergedtoprow .infobox-header,
| |
| .infobox.ib-settlement .mergedtoprow .infobox-data,
| |
| .infobox.ib-settlement .mergedtoprow .infobox-label,
| |
| .infobox.ib-settlement .mergedtoprow .infobox-below,
| |
| .ib-settlement .mergedtoprow .infobox-full-data, | | .ib-settlement .mergedtoprow .infobox-full-data, |
| .ib-settlement .mergedtoprow .infobox-header, | | .ib-settlement .mergedtoprow .infobox-header, |
| Line 34: |
Line 22: |
| .ib-settlement .mergedtoprow .infobox-below { | | .ib-settlement .mergedtoprow .infobox-below { |
| border-top: 1px solid var(--border-color-base, #a2a9b1); | | border-top: 1px solid var(--border-color-base, #a2a9b1); |
| padding: 0.4em 0.6em 0.2em 0.6em; | | padding: 0.4em 0.6em 0.2em; |
| } | | } |
|
| |
|
| .infobox.ib-settlement .mergedrow .infobox-full-data,
| |
| .infobox.ib-settlement .mergedrow .infobox-data,
| |
| .infobox.ib-settlement .mergedrow .infobox-label,
| |
| .ib-settlement .mergedrow .infobox-full-data, | | .ib-settlement .mergedrow .infobox-full-data, |
| .ib-settlement .mergedrow .infobox-data, | | .ib-settlement .mergedrow .infobox-data, |
| .ib-settlement .mergedrow .infobox-label { | | .ib-settlement .mergedrow .infobox-label { |
| border: 0; | | border: 0; |
| padding: 0 0.6em 0.2em 0.6em; | | padding: 0 0.6em 0.2em; |
| } | | } |
|
| |
|
| .infobox.ib-settlement .mergedbottomrow .infobox-full-data,
| |
| .infobox.ib-settlement .mergedbottomrow .infobox-data,
| |
| .infobox.ib-settlement .mergedbottomrow .infobox-label,
| |
| .ib-settlement .mergedbottomrow .infobox-full-data, | | .ib-settlement .mergedbottomrow .infobox-full-data, |
| .ib-settlement .mergedbottomrow .infobox-data, | | .ib-settlement .mergedbottomrow .infobox-data, |
| Line 55: |
Line 37: |
| border-top: 0; | | border-top: 0; |
| border-bottom: 1px solid var(--border-color-base, #a2a9b1); | | border-bottom: 1px solid var(--border-color-base, #a2a9b1); |
| padding: 0 0.6em 0.4em 0.6em; | | padding: 0 0.6em 0.4em; |
| }
| |
| | |
| .infobox.ib-settlement .infobox-label,
| |
| .infobox.ib-settlement .infobox-data,
| |
| .infobox.ib-settlement .infobox-full-data,
| |
| .ib-settlement .infobox-label,
| |
| .ib-settlement .infobox-data,
| |
| .ib-settlement .infobox-full-data {
| |
| background-color: transparent;
| |
| color: var(--color-base, #202122);
| |
| } | | } |
|
| |
|
| .infobox.ib-settlement .maptable,
| |
| .ib-settlement .maptable { | | .ib-settlement .maptable { |
| border: 0; | | border: 0; |
| Line 74: |
Line 45: |
| } | | } |
|
| |
|
| .infobox.ib-settlement .infobox-header,
| |
| .infobox.ib-settlement .infobox-below,
| |
| .ib-settlement .infobox-header,
| |
| .ib-settlement .infobox-below {
| |
| text-align: left;
| |
| }
| |
|
| |
| .infobox.ib-settlement .infobox-above,
| |
| .ib-settlement .infobox-above { | | .ib-settlement .infobox-above { |
| font-size: 125%; | | font-size: 125%; |
| Line 88: |
Line 51: |
| } | | } |
|
| |
|
| .infobox.ib-settlement .infobox-above,
| | .ib-settlement .infobox-subheader { |
| .infobox.ib-settlement .infobox-subheader,
| |
| .infobox.ib-settlement .infobox-header,
| |
| .infobox.ib-settlement .infobox-below,
| |
| .ib-settlement .infobox-above,
| |
| .ib-settlement .infobox-subheader,
| |
| .ib-settlement .infobox-header,
| |
| .ib-settlement .infobox-below {
| |
| background-color: var(--background-color-progressive-subtle, #eaf3ff);
| |
| color: var(--color-base, #202122);
| |
| font-weight: bold; | | font-weight: bold; |
| | text-align: center; |
| } | | } |
|
| |
|
| .infobox.ib-settlement .infobox-subheader,
| | .ib-settlement .infobox-header, |
| .ib-settlement .infobox-subheader { | | .ib-settlement .infobox-below { |
| text-align: center; | | text-align: left; |
| } | | } |
|
| |
|
| Line 120: |
Line 75: |
|
| |
|
| .ib-settlement-caption { | | .ib-settlement-caption { |
| padding: 0.3em 0 0 0; | | padding: 0.3em 0 0; |
| } | | } |
|
| |
|
| Line 134: |
Line 89: |
| font-weight: normal; | | font-weight: normal; |
| display: inline; | | display: inline; |
| }
| |
|
| |
| .infobox.ib-settlement img,
| |
| .ib-settlement img {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
| .infobox.ib-settlement a:link,
| |
| .infobox.ib-settlement a:visited,
| |
| .ib-settlement a:link,
| |
| .ib-settlement a:visited {
| |
| color: var(--color-progressive, #36c);
| |
| }
| |
|
| |
| .infobox.ib-settlement a.new:link,
| |
| .infobox.ib-settlement a.new:visited,
| |
| .ib-settlement a.new:link,
| |
| .ib-settlement a.new:visited {
| |
| color: var(--color-destructive, #d33);
| |
| }
| |
|
| |
| @media screen {
| |
| html.skin-theme-clientpref-night .infobox.ib-settlement,
| |
| html.skin-theme-clientpref-night .ib-settlement,
| |
| body.skin-theme-clientpref-night .infobox.ib-settlement,
| |
| body.skin-theme-clientpref-night .ib-settlement {
| |
| background-color: #1e1e1e;
| |
| color: #ffffff;
| |
| border-color: #444;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-night .infobox.ib-settlement td,
| |
| html.skin-theme-clientpref-night .infobox.ib-settlement th,
| |
| html.skin-theme-clientpref-night .ib-settlement td,
| |
| html.skin-theme-clientpref-night .ib-settlement th,
| |
| body.skin-theme-clientpref-night .infobox.ib-settlement td,
| |
| body.skin-theme-clientpref-night .infobox.ib-settlement th,
| |
| body.skin-theme-clientpref-night .ib-settlement td,
| |
| body.skin-theme-clientpref-night .ib-settlement th {
| |
| border-color: #444;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-above,
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-title,
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-header,
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-subheader,
| |
| html.skin-theme-clientpref-night .ib-settlement caption,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-above,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-title,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-header,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-subheader,
| |
| body.skin-theme-clientpref-night .ib-settlement caption {
| |
| background-color: #1B223D !important;
| |
| color: #ffffff !important;
| |
| border-color: #3a506b !important;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-above *,
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-title *,
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-header *,
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-subheader *,
| |
| html.skin-theme-clientpref-night .ib-settlement caption *,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-above *,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-title *,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-header *,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-subheader *,
| |
| body.skin-theme-clientpref-night .ib-settlement caption * {
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-night .infobox.ib-settlement .infobox-label,
| |
| html.skin-theme-clientpref-night .infobox.ib-settlement .infobox-data,
| |
| html.skin-theme-clientpref-night .infobox.ib-settlement .infobox-full-data,
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-label,
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-data,
| |
| html.skin-theme-clientpref-night .ib-settlement .infobox-full-data,
| |
| body.skin-theme-clientpref-night .infobox.ib-settlement .infobox-label,
| |
| body.skin-theme-clientpref-night .infobox.ib-settlement .infobox-data,
| |
| body.skin-theme-clientpref-night .infobox.ib-settlement .infobox-full-data,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-label,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-data,
| |
| body.skin-theme-clientpref-night .ib-settlement .infobox-full-data {
| |
| background-color: #1e1e1e;
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-night .infobox.ib-settlement a:link,
| |
| html.skin-theme-clientpref-night .infobox.ib-settlement a:visited,
| |
| html.skin-theme-clientpref-night .ib-settlement a:link,
| |
| html.skin-theme-clientpref-night .ib-settlement a:visited,
| |
| body.skin-theme-clientpref-night .infobox.ib-settlement a:link,
| |
| body.skin-theme-clientpref-night .infobox.ib-settlement a:visited,
| |
| body.skin-theme-clientpref-night .ib-settlement a:link,
| |
| body.skin-theme-clientpref-night .ib-settlement a:visited {
| |
| color: #88ccff;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-night .infobox.ib-settlement a.new:link,
| |
| html.skin-theme-clientpref-night .infobox.ib-settlement a.new:visited,
| |
| html.skin-theme-clientpref-night .ib-settlement a.new:link,
| |
| html.skin-theme-clientpref-night .ib-settlement a.new:visited,
| |
| body.skin-theme-clientpref-night .infobox.ib-settlement a.new:link,
| |
| body.skin-theme-clientpref-night .infobox.ib-settlement a.new:visited,
| |
| body.skin-theme-clientpref-night .ib-settlement a.new:link,
| |
| body.skin-theme-clientpref-night .ib-settlement a.new:visited {
| |
| color: #ff7a7a;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-night .mw-parser-output .infobox.ib-settlement .infobox-above,
| |
| html.skin-theme-clientpref-night .mw-parser-output .infobox.ib-settlement .infobox-subheader,
| |
| html.skin-theme-clientpref-night .mw-parser-output .infobox.ib-settlement .infobox-header,
| |
| html.skin-theme-clientpref-night .mw-parser-output .infobox.ib-settlement .infobox-label,
| |
| body.skin-theme-clientpref-night .mw-parser-output .infobox.ib-settlement .infobox-above,
| |
| body.skin-theme-clientpref-night .mw-parser-output .infobox.ib-settlement .infobox-subheader,
| |
| body.skin-theme-clientpref-night .mw-parser-output .infobox.ib-settlement .infobox-header,
| |
| body.skin-theme-clientpref-night .mw-parser-output .infobox.ib-settlement .infobox-label {
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
| @media (prefers-color-scheme: dark) {
| |
| html.skin-theme-clientpref-os .infobox.ib-settlement,
| |
| html.skin-theme-clientpref-os .ib-settlement {
| |
| background-color: #1e1e1e;
| |
| color: #ffffff;
| |
| border-color: #444;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-os .infobox.ib-settlement td,
| |
| html.skin-theme-clientpref-os .infobox.ib-settlement th,
| |
| html.skin-theme-clientpref-os .ib-settlement td,
| |
| html.skin-theme-clientpref-os .ib-settlement th {
| |
| border-color: #444;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-above,
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-title,
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-header,
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-subheader,
| |
| html.skin-theme-clientpref-os .ib-settlement caption {
| |
| background-color: #1B223D !important;
| |
| color: #ffffff !important;
| |
| border-color: #3a506b !important;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-above *,
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-title *,
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-header *,
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-subheader *,
| |
| html.skin-theme-clientpref-os .ib-settlement caption * {
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-os .infobox.ib-settlement .infobox-label,
| |
| html.skin-theme-clientpref-os .infobox.ib-settlement .infobox-data,
| |
| html.skin-theme-clientpref-os .infobox.ib-settlement .infobox-full-data,
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-label,
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-data,
| |
| html.skin-theme-clientpref-os .ib-settlement .infobox-full-data {
| |
| background-color: #1e1e1e;
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-os .infobox.ib-settlement a:link,
| |
| html.skin-theme-clientpref-os .infobox.ib-settlement a:visited,
| |
| html.skin-theme-clientpref-os .ib-settlement a:link,
| |
| html.skin-theme-clientpref-os .ib-settlement a:visited {
| |
| color: #88ccff;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-os .infobox.ib-settlement a.new:link,
| |
| html.skin-theme-clientpref-os .infobox.ib-settlement a.new:visited,
| |
| html.skin-theme-clientpref-os .ib-settlement a.new:link,
| |
| html.skin-theme-clientpref-os .ib-settlement a.new:visited {
| |
| color: #ff7a7a;
| |
| }
| |
|
| |
| html.skin-theme-clientpref-os .mw-parser-output .infobox.ib-settlement .infobox-above,
| |
| html.skin-theme-clientpref-os .mw-parser-output .infobox.ib-settlement .infobox-subheader,
| |
| html.skin-theme-clientpref-os .mw-parser-output .infobox.ib-settlement .infobox-header,
| |
| html.skin-theme-clientpref-os .mw-parser-output .infobox.ib-settlement .infobox-label {
| |
| color: #ffffff !important;
| |
| }
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 640px) {
| |
| .infobox.ib-settlement,
| |
| .ib-settlement {
| |
| width: 100%;
| |
| float: none;
| |
| clear: both;
| |
| margin-left: 0;
| |
| margin-right: 0;
| |
| }
| |
| }
| |
|
| |
| html.skin-theme-clientpref-night .mw-parser-output .ib-settlement th.infobox-label,
| |
| body.skin-theme-clientpref-night .mw-parser-output .ib-settlement th.infobox-label,
| |
| html.skin-theme-clientpref-os .mw-parser-output .ib-settlement th.infobox-label {
| |
| color: #ffffff !important;
| |
| } | | } |