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
Tag: Reverted |
m (Reverted edits by Polymorph-Ash (talk) to last revision by Sakaratte) Tag: Rollback |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | /* 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: 75px 75px 75px 75px 75px 75px; | |||
grid-gap: 5px; | |||
text-align: center; | |||
margin: 0; | |||
} | } | ||
.mainpage-buttons li { | |||
padding: 10px 0; | |||
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 { | |||
.mainpage-buttons ul li | 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; | ||
} | } | ||
. | .Icon-Text-Grid { | ||
display: grid; | |||
grid-template-columns: 1fr 1fr 1fr 1fr; | |||
} | } | ||
.Icon-Grid-Cols-3 { | |||
. | grid-template-columns: 1fr 1fr 1fr; | ||
} | } | ||
/* Requested install on backend */ | |||
/* | |||
.infobox { | .infobox { | ||
width: 260px; | |||
float: right; | |||
margin: 10px; | |||
clear: both; | |||
--margin-v: 10px; | |||
--margin-h: 10px; | |||
} | } | ||
.infobox-title { | .infobox-title { | ||
font-size: 1.5em; | |||
font-weight: bold; | |||
text-align: center; | |||
. | |||
} | } | ||
.infobox- | .infobox-caption { | ||
display: block; | |||
text-align: center; | |||
} | } | ||
.infobox- | .infobox-header { | ||
width: 100%; | |||
text-align: center; | |||
font-size: 1.25em; | |||
font-weight: bold; | |||
} | } | ||
.infobox-label { | |||
display: flex; | |||
width: 50%; | |||
} | } | ||
.infobox-data-section { | |||
display: flex; | |||
flex-direction: row; | |||
} | } | ||
.infobox-data { | |||
width: 50%; | |||
} | } | ||
.infobox-label, .infobox-data { | |||
. | font-size: 0.75em; | ||
padding: calc(var(--margin-v) /2) calc(var(--margin-h)/2); | |||
} | } | ||
. | .infobox-data-section:nth-of-type(odd):last-child { | ||
width: 100%; | |||
} | } | ||
. | .data-rows-2 { | ||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
} | } | ||
. | .data-rows-2 .infobox-header, | ||
.data-rows-2 .infobox-data-section:nth-child(odd):last-child { | |||
grid-column: 1 / span 2; | |||
} | } | ||
.data-rows-2 .infobox-label, .data-rows-2 .infobox-data { | |||
. | display: block; | ||
text-align: center; | |||
width: calc(100% - var(--margin-h)); | |||
. | |||
} | } | ||
. | .data-rows-2 .infobox-data-section { | ||
display: block; | |||
} | } | ||
. | .infobox-label { | ||
font-weight: 600; | |||
} | } | ||