MediaWiki:Common.css: Difference between revisions
(Created page with "→CSS placed here will be applied to all skins: .inputBox input[type="text"] { width: 100% !important; →make input match container: max-width: 100%; →prevent overflow: box-sizing: border-box; →include padding in width: }") |
No edit summary |
||
| (22 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS | /* CSS for Infoboxes */ | ||
. | .infobox { | ||
width: | border: 1px solid #aaa; | ||
background-color: #f9f9f9; | |||
color: black; | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em; | |||
float: right; | |||
clear: right; | |||
width: 22em; | |||
font-size: 90%; | |||
line-height: 1.5em; | |||
} | |||
.infobox-title { | |||
font-size: 125%; | |||
font-weight: bold; | |||
text-align: center; | |||
background-color: #8F731F; | |||
padding: 10px 0.2em; | |||
color: white; | |||
} | |||
.infobox-image { | |||
text-align: center; | |||
padding: 0.3em; | |||
} | |||
.infobox-heading { | |||
background-color: #ddf; | |||
text-align: center; | |||
font-weight: bold; | |||
} | |||
.infobox-label { | |||
width: 30%; | |||
padding: 0.2em; | |||
vertical-align: top; | |||
text-align: left; | |||
font-weight: bold; | |||
} | |||
.infobox-data { | |||
width: 70%; | |||
padding: 0.2em; | |||
vertical-align: top; | |||
} | } | ||
Latest revision as of 08:23, 30 August 2025
/* CSS for Infoboxes */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
width: 22em;
font-size: 90%;
line-height: 1.5em;
}
.infobox-title {
font-size: 125%;
font-weight: bold;
text-align: center;
background-color: #8F731F;
padding: 10px 0.2em;
color: white;
}
.infobox-image {
text-align: center;
padding: 0.3em;
}
.infobox-heading {
background-color: #ddf;
text-align: center;
font-weight: bold;
}
.infobox-label {
width: 30%;
padding: 0.2em;
vertical-align: top;
text-align: left;
font-weight: bold;
}
.infobox-data {
width: 70%;
padding: 0.2em;
vertical-align: top;
}