Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Added CSS styles for Infoboxes) |
m (Tweaked some of the .infobox styles.) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| + | |||
| + | /* | ||
| + | ** InfoBox general styles | ||
| + | */ | ||
| + | |||
.infobox { | .infobox { | ||
| − | background: # | + | background-color: #f8f9fa;; |
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
float: right; | float: right; | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
| − | padding: | + | padding: 0; |
| − | width: | + | width: 300px; |
} | } | ||
| + | .infobox table { | ||
| + | margin: 10px; | ||
| + | } | ||
| + | |||
.infobox-title { | .infobox-title { | ||
| − | font-size: | + | background-color: #eee; |
| + | border-bottom: solid #ddd 1px; | ||
| + | font-size: 18pt; | ||
text-align: center; | text-align: center; | ||
| + | font-weight: bold; | ||
| + | font-variant: small-caps; | ||
} | } | ||
.infobox-image { | .infobox-image { | ||
| + | margin: 0; | ||
| + | padding: 10px; | ||
text-align: center; | text-align: center; | ||
| + | } | ||
| + | .infobox-image img { | ||
| + | max-width: 280px; | ||
| + | height: auto; | ||
} | } | ||
.infobox th { | .infobox th { | ||
| Line 19: | Line 38: | ||
vertical-align: top; | vertical-align: top; | ||
width: 120px; | width: 120px; | ||
| + | padding-right: 1ex; | ||
| + | line-height: 1.2; | ||
} | } | ||
.infobox td { | .infobox td { | ||
vertical-align: top; | vertical-align: top; | ||
| + | line-height: 1.2; | ||
} | } | ||
Latest revision as of 22:42, 10 February 2022
/* CSS placed here will be applied to all skins */
/*
** InfoBox general styles
*/
.infobox {
background-color: #f8f9fa;;
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
padding: 0;
width: 300px;
}
.infobox table {
margin: 10px;
}
.infobox-title {
background-color: #eee;
border-bottom: solid #ddd 1px;
font-size: 18pt;
text-align: center;
font-weight: bold;
font-variant: small-caps;
}
.infobox-image {
margin: 0;
padding: 10px;
text-align: center;
}
.infobox-image img {
max-width: 280px;
height: auto;
}
.infobox th {
text-align: right;
vertical-align: top;
width: 120px;
padding-right: 1ex;
line-height: 1.2;
}
.infobox td {
vertical-align: top;
line-height: 1.2;
}
