819
edits
Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m
Reverted edits by Polymorph-Ash (talk) to last revision by Sakaratte
(Created page with "→CSS placed here will be applied to all skins: .quote-frame { margin: auto; } .quote-r { vertical-align: bottom; } .quote-l { vertical-align: top; } .mainpage-buttons ul { display: inline-grid; grid-template-columns: 150px 150px 150px; grid-gap: 5px; text-align: center; } .mainpage-buttons li { background: rgb(112, 79, 58); padding: 10px 0; display: block; } .Icon-Text-Grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .Icon...") |
m (Reverted edits by Polymorph-Ash (talk) to last revision by Sakaratte) Tag: Rollback |
||
| (17 intermediate revisions by 2 users not shown) | |||
| Line 14: | Line 14: | ||
.mainpage-buttons ul { | .mainpage-buttons ul { | ||
display: inline-grid; | display: inline-grid; | ||
grid-template-columns: | grid-template-columns: 75px 75px 75px 75px 75px 75px; | ||
grid-gap: 5px; | grid-gap: 5px; | ||
text-align: center; | text-align: center; | ||
margin: 0; | |||
} | } | ||
.mainpage-buttons li { | .mainpage-buttons li { | ||
padding: 10px 0; | padding: 10px 0; | ||
display: block; | display: block; | ||
} | |||
.mainpage-buttons ul li:nth-child(3n-2) { | |||
grid-column: 1 / span 2; | |||
} | |||
.mainpage-buttons ul li:nth-child(3n-1) { | |||
grid-column: 3 / span 2; | |||
} | |||
.mainpage-buttons ul li:nth-child(3n) { | |||
grid-column: 5 / span 2; | |||
} | |||
.mainpage-buttons ul li:nth-child(3n-1):last-child { | |||
grid-column: 4 / span 3; | |||
} | |||
.mainpage-buttons ul li:nth-child(3n-2):last-child { | |||
grid-column: 1 / span 6; | |||
} | |||
.mainpage-buttons ul li:nth-child(3n-2):nth-last-child(2) { | |||
grid-column: 1 / span 3; | |||
} | } | ||
| Line 40: | Line 64: | ||
margin: 10px; | margin: 10px; | ||
clear: both; | clear: both; | ||
--margin-v: 10px; | |||
--margin-h: 10px; | |||
} | } | ||
| Line 76: | Line 102: | ||
.infobox-label, .infobox-data { | .infobox-label, .infobox-data { | ||
font-size: 0.75em; | font-size: 0.75em; | ||
padding: | padding: calc(var(--margin-v) /2) calc(var(--margin-h)/2); | ||
} | } | ||
| Line 96: | Line 122: | ||
display: block; | display: block; | ||
text-align: center; | text-align: center; | ||
width: 100%; | width: calc(100% - var(--margin-h)); | ||
} | } | ||