1,124
edits
Difference between revisions of "MediaWiki:Mobile.css"
Jump to navigation
Jump to search
no edit summary
(Created page with "→All CSS here will be loaded for users of the mobile site: .mainpage-buttons li { display: block; padding: 10px; border: 1px solid; margin: 5px; } .mainpage-buttons ul { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; }") |
|||
| Line 12: | Line 12: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
} | |||
/* Requested install on backend */ | |||
.infobox { | |||
width: 260px; | |||
float: right; | |||
margin: 10px; | |||
clear: both; | |||
} | |||
.infobox-title { | |||
font-size: 1.5em; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.infobox-caption { | |||
display: block; | |||
text-align: center; | |||
} | |||
.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: 0 5px; | |||
} | |||
.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: 100%; | |||
} | |||
.data-rows-2 .infobox-data-section { | |||
display: block; | |||
} | |||
.infobox-label { | |||
font-weight: 600; | |||
} | } | ||