MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
Content added Content deleted
No edit summary
No edit summary
Line 44: Line 44:
display: grid;
display: grid;
gap: 10px;
gap: 10px;
grid-template-areas: "splash gacha twitter"
"splash raid twitter"
"splash updates twitter"
"links links links ";
grid-template-columns: 5.5fr 2.5fr 2fr;
grid-template-columns: 5.5fr 2.5fr 2fr;
margin: 0 auto;
margin: 0 auto;
width: 90%;
width: 90%;
}

@media only screen and (max-width: 600px) {
.fp-container {
grid-template-areas: "splash "
"gacha "
"raid "
"updates"
"links "
"twitter";
grid-template-columns: 1fr;
}
}
}


Line 77: Line 93:
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
grid-column: 1;
grid-area: splash;
grid-row: 1 / span 3;
min-height: 500px;
min-height: 500px;
position: relative;
position: relative;
Line 102: Line 117:


.fp-item-current-gacha {
.fp-item-current-gacha {
grid-column: 2;
grid-area: gacha;
grid-row: 1;
text-align: center;
text-align: center;
}
}


.fp-item-current-raid {
.fp-item-current-raid {
grid-column: 2;
grid-area: raid;
grid-row: 2;
text-align: center;
text-align: center;
}
}


.fp-item-recent-updates {
.fp-item-recent-updates {
grid-column: 2;
grid-area: updates;
grid-row: 3;
}
}


.fp-item-twitter {
.fp-item-twitter {
background: none;
background: none;
grid-column: 3;
grid-area: twitter;
grid-row: 1 / span 3;
max-height: 500px;
max-height: 500px;
}
}
Line 128: Line 139:
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
grid-column: 1 / span 3;
grid-area: links;
grid-row: 4;
justify-content: center;
justify-content: center;
padding: 10px;
padding: 10px;
Retrieved from "https://bluearchive.wiki/wiki/MediaWiki:Common.css"