MediaWiki:Vector.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | |||
* Wizards & Warlords Vector skin overrides. | |||
* Fresh base: center the wiki and align the content body with the top search. | |||
*/ | |||
:root { | |||
--wiz-page-width: 1400px; | |||
--wiz-page-gutter: 24px; | |||
--wiz-content-padding: 20px; | |||
--wiz-content-border: #a2a9b1; | |||
} | |||
html { | html { | ||
background: #f3f3f3; | background: #f3f3f3; | ||
| Line 5: | Line 17: | ||
body { | body { | ||
position: relative; | position: relative; | ||
width: min(100%, | width: min(100%, var(--wiz-page-width)); | ||
margin: 0 auto; | margin: 0 auto; | ||
background: #fff; | background: #fff; | ||
} | } | ||
| Line 46: | Line 50: | ||
font-size: 28px; | font-size: 28px; | ||
line-height: 40px; | line-height: 40px; | ||
} | } | ||
| Line 63: | Line 59: | ||
content: "Wizards and Warlords Wiki"; | content: "Wizards and Warlords Wiki"; | ||
font-size: 28px; | font-size: 28px; | ||
} | |||
#bodyContent { | |||
clear: both; | |||
display: block; | |||
margin: 0; | |||
padding: 0; | |||
border: 0; | |||
} | } | ||
| Line 83: | Line 87: | ||
.wizlords-mainpage-clear { | .wizlords-mainpage-clear { | ||
clear: both; | clear: both; | ||
} | |||
.wizlords-mainpage-block h2, | |||
.wizlords-mainpage-heading { | |||
margin: 20px 0; | |||
border-bottom: 1px solid var(--wiz-content-border); | |||
font-size: 20px; | |||
font-weight: normal; | |||
line-height: 30px; | |||
text-align: center; | |||
} | |||
.wizlords-mainpage-items { | |||
text-align: center; | |||
} | |||
.wizlords-imagetext { | |||
display: inline-block; | |||
box-sizing: border-box; | |||
width: 100px; | |||
min-height: 122px; | |||
margin: 5px; | |||
vertical-align: top; | |||
text-align: center; | |||
} | |||
.wizlords-imagetext-image { | |||
width: 100px; | |||
height: 100px; | |||
} | |||
.wizlords-imagetext-image img { | |||
display: block; | |||
width: 100px; | |||
height: 100px; | |||
object-fit: contain; | |||
border: 0; | |||
background: transparent; | |||
} | |||
.wizlords-imagetext-text { | |||
width: 100px; | |||
font-size: 12px; | |||
line-height: 1.3; | |||
text-align: center; | |||
} | |||
@media (max-width: 700px) { | |||
:root { | |||
--wiz-page-gutter: 12px; | |||
--wiz-content-padding: 14px; | |||
} | |||
.wizlords-mainpage-left, | |||
.wizlords-mainpage-right { | |||
float: none; | |||
width: 100%; | |||
padding-left: 0; | |||
padding-right: 0; | |||
} | |||
} | } | ||