|
|
| Line 1: |
Line 1: |
| /* TODO: Move this info [[Template:Infobox/styles.css]] */ | | /* TODO: Move this info [[Template:Infobox/styles.css]] */ |
| | |
| .infobox { | | .infobox { |
| box-sizing: border-box;
| | color: #000000; |
| border: 2px solid var( --border-color-base, #a2a9b1 );
| | background-color: #f0f0ff; |
| width: 280px;
| | border: 1px solid #0000a0; |
| border-collapse: collapse;
| | padding: 0; |
| border-spacing: 0;
| | box-shadow: 3px 3px 5px #888899; |
| background-color: white;
| | border-radius: 5px; |
| color: #333;
| |
| /* these are overriden by .infobox-rtl on the templates of interest */
| |
| /* @noflip */
| |
| clear: right;
| |
| /* @noflip */
| |
| float: right;
| |
| /* @noflip */
| |
| margin: 0 0 0.5em 0.5em;
| |
| }
| |
| | |
| .infobox-rtl {
| |
| /* @noflip */
| |
| clear: left;
| |
| /* @noflip */
| |
| float: left;
| |
| /* @noflip */
| |
| margin: 0 0.5em 0.5em 0;
| |
| }
| |
| | |
| .infobox th {
| |
| /* @noflip */
| |
| text-align: left;
| |
| padding: 0.2em 0.5em;
| |
| vertical-align: top;
| |
| }
| |
| | |
| .infobox-rtl th {
| |
| /* @noflip */
| |
| text-align: right;
| |
| }
| |
| | |
| @media (max-width: 719px) {
| |
| /* high specificity to ensure specific infoboxes won't override these
| |
| * properties with their own tstyles inadvertently */
| |
| body.mediawiki .infobox {
| |
| float: none;
| |
| clear: both;
| |
| width: 100%;
| |
| margin: 0 0 .5em 0;
| |
| }
| |
| }
| |
| | |
| .infobox td {
| |
| border: none;
| |
| padding: 0.2em 0.5em;
| |
| vertical-align: top;
| |
| }
| |
| | |
| .infobox-header {
| |
| background-color: #a2a9b1;
| |
| color: #FFF; | |
| text-align: left;
| |
| }
| |
| | |
| .infobox-header a {
| |
| color: #FFF;
| |
| }
| |
| | |
| .infobox-header td,
| |
| .infobox-header th {
| |
| padding: 0.5em 0.5em;
| |
| }
| |
| | |
| .infobox-header img {
| |
| padding: 0 0.2em 0 0.5em;
| |
| }
| |
| | |
| @media screen {
| |
| html.skin-theme-clientpref-night .infobox {
| |
| background-color: inherit;
| |
| color: inherit;
| |
| }
| |
| }
| |
|
| |
|
| @media screen and (prefers-color-scheme: dark) {
| | float: right; |
| html.skin-theme-clientpref-os .infobox {
| | clear: right; |
| background-color: inherit;
| | margin: 0 0 1em 1em; |
| color: inherit;
| | width: 280px; |
| }
| |
| } | | } |
Revision as of 01:50, 18 September 2024
/* TODO: Move this info [[Template:Infobox/styles.css]] */
.infobox {
color: #000000;
background-color: #f0f0ff;
border: 1px solid #0000a0;
padding: 0;
box-shadow: 3px 3px 5px #888899;
border-radius: 5px;
float: right;
clear: right;
margin: 0 0 1em 1em;
width: 280px;
}
