MediaWiki
Foreground.css: Difference between revisions
From Grouse House Wiki
(Created page with ".imagegrid { display: flex; flex-wrap: wrap; margin-top: 20px; } .gridimage { padding: 10px; } .gridimage img { height: 150px; width: auto; border-radius: 10px; border: 1px solid black; }") |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS added to this page will only be applied to desktop users. To adjust CSS for mobile users, visit https://grousehouse.wiki/MediaWiki:Minerva.css */ | |||
/* Large image grid */ | |||
.imagegrid { | .imagegrid { | ||
display: flex; | display: flex; | ||
Line 14: | Line 18: | ||
border-radius: 10px; | border-radius: 10px; | ||
border: 1px solid black; | border: 1px solid black; | ||
} | |||
/* Collapsible headers */ | |||
h2 span.mw-headline:before { | |||
background-image: url(http://grousehouse.wiki/images/6/62/Downarrow.png); | |||
background-position: 50% 50%; | |||
background-repeat: no-repeat; | |||
background-size: 100% auto; | |||
content: ''; | |||
display: block; | |||
height: 12px; | |||
left: 0; | |||
margin: 0 0.25em; | |||
min-height: 1.5em; | |||
position: absolute; | |||
right: 0; | |||
width: 12px; | |||
} | |||
h2 span.mw-headline { | |||
margin-left: 1em; | |||
} | |||
.c-content { | |||
display: block; | |||
overflow: hidden; | |||
} | } |
Revision as of 06:01, 29 January 2024
/* CSS added to this page will only be applied to desktop users. To adjust CSS for mobile users, visit https://grousehouse.wiki/MediaWiki:Minerva.css */ /* Large image grid */ .imagegrid { display: flex; flex-wrap: wrap; margin-top: 20px; } .gridimage { padding: 10px; } .gridimage img { height: 150px; width: auto; border-radius: 10px; border: 1px solid black; } /* Collapsible headers */ h2 span.mw-headline:before { background-image: url(http://grousehouse.wiki/images/6/62/Downarrow.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; content: ''; display: block; height: 12px; left: 0; margin: 0 0.25em; min-height: 1.5em; position: absolute; right: 0; width: 12px; } h2 span.mw-headline { margin-left: 1em; } .c-content { display: block; overflow: hidden; }