MediaWiki:Common.css: Difference between revisions

Add styling for guides section
(Add styling for guides section)
(Add styling for guides section)
Line 11: Line 11:
.main-container {
.main-container {
display:grid;
display:grid;
grid-template-areas: 'middle middle middle middle middle right' 'middle2 middle2 middle2 middle2 middle2 right'
grid-template-areas: 'content content content content content news' 'guides guides guides guides guides guides news' 'social social social social social social news'
}
}


.main-news {
.main-news {
grid-area: right;
grid-area: news;
border: 1px solid black;
border: 1px solid black;
padding: 0.5em;
padding: 0.5em;
Line 22: Line 22:


.main-content {
.main-content {
grid-area: middle;
grid-area: content;
padding: 0.5em;
padding: 0.5em;
}
#main-guides {
grid-area: guides;
display: flex;
}
#main-guides .column {
flex-grow: 1;
}
#main-guides .header {
font-weight: bold;
}
}


.main-social {
.main-social {
grid-area: middle2;
grid-area: social;
padding: 0.5em;
padding: 0.5em;
}
}
Line 102: Line 115:
/* @noflip */
/* @noflip */
text-align: right;
text-align: right;
}
#main-guides {
display:grid;
grid-template-areas: 'column column column'
}
#main-guides .header {
font-weight: bold;
}
}