Difference between revisions of "Template:Infobox/styles.css"
Jump to navigation
Jump to search
>Izno (and a bit more) |
>Izno (trim to .infobox) |
||
Line 3: | Line 3: | ||
* [[Template:Tool]], etc. | * [[Template:Tool]], etc. | ||
*/ | */ | ||
. | .infobox { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border: 2px solid #a2a9b1; | border: 2px solid #a2a9b1; | ||
Line 20: | Line 20: | ||
/* high specificity to ensure specific infoboxes won't override these | /* high specificity to ensure specific infoboxes won't override these | ||
* properties with their own tstyles inadvertently */ | * properties with their own tstyles inadvertently */ | ||
body.mediawiki . | body.mediawiki .infobox { | ||
float: none; | float: none; | ||
clear: both; | clear: both; | ||
Line 28: | Line 28: | ||
} | } | ||
. | .infobox td { | ||
border: 2px none #a2a9b1; | border: 2px none #a2a9b1; | ||
padding: 0.2em 0.5em; | padding: 0.2em 0.5em; | ||
Line 35: | Line 35: | ||
} | } | ||
. | .infobox-header { | ||
background-color: #a2a9b1; | background-color: #a2a9b1; | ||
color: #FFF; | color: #FFF; | ||
Line 41: | Line 41: | ||
} | } | ||
. | .infobox-header a { | ||
color: #FFF; | color: #FFF; | ||
} | } | ||
. | .infobox-header td { | ||
padding-top: 0.5em; | padding-top: 0.5em; | ||
} | } | ||
. | .infobox-header img { | ||
padding: 0 0.2em 0 0.5em; | padding: 0 0.2em 0 0.5em; | ||
} | } |
Revision as of 01:37, 7 July 2021
/**
* Common TemplateStyles used by [[Template:Extension]], [[Template:Skin]],
* [[Template:Tool]], etc.
*/
.infobox {
box-sizing: border-box;
border: 2px solid #a2a9b1;
width: 280px;
/* @noflip */
clear: right;
/* @noflip */
float: right;
margin: 0 0 0.5em 0.5em;
border-collapse: collapse;
border-spacing: 0;
background-color: white;
}
@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: 2px none #a2a9b1;
padding: 0.2em 0.5em;
/* TODO why is this !important */
border-bottom: 1px solid #f0f0f0 !important;
}
.infobox-header {
background-color: #a2a9b1;
color: #FFF;
text-align: left;
}
.infobox-header a {
color: #FFF;
}
.infobox-header td {
padding-top: 0.5em;
}
.infobox-header img {
padding: 0 0.2em 0 0.5em;
}