Module:Infobox/styles.css: Difference between revisions
Content deleted Content added
rm rarely used borders |
add infobox styles from en |
||
Line 1: | Line 1: | ||
/** |
|||
* Infoboxes |
|||
*/ |
|||
.infobox { |
.infobox { |
||
⚫ | |||
⚫ | |||
border-spacing: 3px; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
margin-left: 1em; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
color: black; |
color: black; |
||
⚫ | |||
font-size: 88%; |
|||
⚫ | |||
} |
} |
||
.infobox |
.infobox-header, |
||
.infobox |
.infobox-label, |
||
.infobox-above, |
|||
.infobox-full-data, |
|||
.infobox-data, |
|||
.infobox-below, |
|||
.infobox-subheader, |
|||
.infobox-image, |
|||
.infobox-navbar { |
|||
vertical-align: top; |
vertical-align: top; |
||
} |
} |
||
.infobox |
.infobox-label, |
||
.infobox-data { |
|||
margin-left: inherit; |
|||
text-align: left; |
|||
} |
|||
.infobox-above, |
|||
.infobox-title { |
|||
font-size: 125%; |
|||
font-weight: bold; |
|||
text-align: center; |
|||
} |
|||
.infobox-title { |
|||
padding: 0.2em; |
|||
} |
|||
.infobox-header, |
|||
.infobox-subheader, |
|||
.infobox-image, |
|||
.infobox-full-data, |
|||
.infobox-below { |
|||
text-align: center; |
|||
} |
|||
.infobox-navbar { |
|||
text-align: right; |
|||
} |
|||
@media (min-width: 720px) { |
|||
.infobox { |
|||
margin: 0.5em 0 0.5em 1em; |
|||
⚫ | |||
⚫ | |||
width: 22em; |
|||
} |
|||
} |
} |
Revision as of 03:09, 11 March 2023
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar {
vertical-align: top;
}
.infobox-label,
.infobox-data {
text-align: left;
}
.infobox-above,
.infobox-title {
font-size: 125%;
font-weight: bold;
text-align: center;
}
.infobox-title {
padding: 0.2em;
}
.infobox-header,
.infobox-subheader,
.infobox-image,
.infobox-full-data,
.infobox-below {
text-align: center;
}
.infobox-navbar {
text-align: right;
}
@media (min-width: 720px) {
.infobox {
margin: 0.5em 0 0.5em 1em;
float: right;
clear: right;
width: 22em;
}
}