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;
}
