Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m (Protected "MediaWiki:Common.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))) |
|||
| (10 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 */ | ||
| + | |||
| + | /* FontAwesome */ | ||
| + | @import "https://pro.fontawesome.com/releases/v5.14.0/css/all.css"; | ||
| + | |||
| + | |||
| + | /* Infobox */ | ||
.infobox { | .infobox { | ||
background: #eee; | background: #eee; | ||
| Line 11: | Line 17: | ||
.infobox-title { | .infobox-title { | ||
font-size: 2em; | font-size: 2em; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .infobox-quote { | ||
| + | font-size: 1em; | ||
text-align: center; | text-align: center; | ||
} | } | ||
| Line 16: | Line 26: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| + | |||
| + | .infobox table { | ||
| + | border-collapse: collapse; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | th, td { | ||
| + | padding: 4px; | ||
| + | } | ||
| + | |||
| + | tr:nth-child(even) {background-color: #f2f2f2;} | ||
| + | |||
.infobox th { | .infobox th { | ||
| − | |||
vertical-align: top; | vertical-align: top; | ||
| − | |||
} | } | ||
.infobox td { | .infobox td { | ||
vertical-align: top; | vertical-align: top; | ||
| + | padding: 4px; | ||
} | } | ||
| + | /* Home stuff */ | ||
#mp-topbanner { | #mp-topbanner { | ||
| Line 36: | Line 58: | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
white-space: nowrap; | white-space: nowrap; | ||
| + | } | ||
| + | |||
| + | .mp-bordered, | ||
| + | .mp-h2, | ||
| + | body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */ | ||
| + | border-width: 1px; | ||
| + | border-style: solid; | ||
| + | } | ||
| + | |||
| + | #mp-topbanner, | ||
| + | .mp-h2, | ||
| + | #mp-left { | ||
| + | color: #000; | ||
| + | } | ||
| + | |||
| + | #mp-welcomecount { | ||
| + | margin: 0.4em; | ||
| + | width: 22em; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | #mp-welcome { | ||
| + | font-size: 162%; | ||
| + | padding: 0.1em; | ||
| + | } | ||
| + | |||
| + | #mp-free { | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | |||
| + | #articlecount { | ||
| + | font-size: 85%; | ||
| + | } | ||
| + | |||
| + | #mp-portals { | ||
| + | position: absolute; | ||
| + | right: -1em; | ||
| + | top: 50%; | ||
| + | margin-top: -2.4em; | ||
| + | width: 38%; | ||
| + | min-width: 25em; | ||
| + | font-size: 95%; | ||
} | } | ||
Latest revision as of 08:27, 16 August 2020
/* CSS placed here will be applied to all skins */
/* FontAwesome */
@import "https://pro.fontawesome.com/releases/v5.14.0/css/all.css";
/* Infobox */
.infobox {
background: #eee;
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
padding: 1em;
width: 400px;
}
.infobox-title {
font-size: 2em;
text-align: center;
}
.infobox-quote {
font-size: 1em;
text-align: center;
}
.infobox-image {
text-align: center;
}
.infobox table {
border-collapse: collapse;
width: 100%;
}
th, td {
padding: 4px;
}
tr:nth-child(even) {background-color: #f2f2f2;}
.infobox th {
vertical-align: top;
}
.infobox td {
vertical-align: top;
padding: 4px;
}
/* Home stuff */
#mp-topbanner {
clear: both;
position: relative;
box-sizing: border-box;
width: 100%;
margin-top: 1.2em;
min-width: 47em;
border-color: #ddd;
background-color: #f9f9f9;
white-space: nowrap;
}
.mp-bordered,
.mp-h2,
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
border-width: 1px;
border-style: solid;
}
#mp-topbanner,
.mp-h2,
#mp-left {
color: #000;
}
#mp-welcomecount {
margin: 0.4em;
width: 22em;
text-align: center;
}
#mp-welcome {
font-size: 162%;
padding: 0.1em;
}
#mp-free {
font-size: 95%;
}
#articlecount {
font-size: 85%;
}
#mp-portals {
position: absolute;
right: -1em;
top: 50%;
margin-top: -2.4em;
width: 38%;
min-width: 25em;
font-size: 95%;
}