Common.css: Difference between revisions
From Beyond the Pale
No edit summary |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
.infobox { | .infobox { | ||
border: | box-sizing: border-box; | ||
border: 2px solid var( --border-color-base, #a2a9b1 ); | |||
width: 280px; | |||
border-collapse: collapse; | |||
border-spacing: 0; | |||
background-color: white; | |||
margin: 0.5em 0; | 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 ( | @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; | |||
float: | clear: both; | ||
width: 100%; | |||
margin: 0 0 .5em 0; | |||
} | } | ||
} | } | ||
.infobox td { | .infobox td { | ||
border: none; | |||
padding: 0.2em 0.5em; | |||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
.infobox- | .infobox-header { | ||
background-color: #a2a9b1; | |||
color: #FFF; | |||
text-align: left; | text-align: left; | ||
} | } | ||
.infobox-header a { | |||
color: #FFF; | |||
} | } | ||
.infobox- | .infobox-header td, | ||
.infobox-header th { | |||
padding: 0.5em 0.5em; | |||
padding: 0. | |||
} | } | ||
.infobox-header img { | |||
padding: 0 0.2em 0 0.5em; | |||
. | |||
} | } | ||
Revision as of 05:19, 12 December 2025
.infobox {
box-sizing: border-box;
border: 2px solid var( --border-color-base, #a2a9b1 );
width: 280px;
border-collapse: collapse;
border-spacing: 0;
background-color: white;
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;
}