Template:Home grid/styles.css: Difference between revisions
From WikiMSK
No edit summary |
No edit summary |
||
(39 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.item1 { grid-area: | .item1 { grid-area: intro; } | ||
.item2 { grid-area: skeleton; } | .item2 { grid-area: skeleton; } | ||
.item3 { grid-area: | .item3 { grid-area: portals; } | ||
.item4 { grid-area: | .item4 { grid-area: join; } | ||
.item5 { grid-area: | .item5 { grid-area: news; } | ||
.item6 { grid-area: | .item6 { grid-area: featured; } | ||
.item7 { grid-area: | .item7 { grid-area: whats-new; } | ||
.item8 { grid-area: | .item8 { grid-area: journal; } | ||
.grid-container { | .grid-container { | ||
display: | display: block; | ||
} | |||
@media (max-width: 1300px) { | |||
.grid-item { | |||
margin-bottom: 1.5em!important; | |||
} | |||
} | } | ||
@media (min-width: | @media (min-width: 1300px) { | ||
.grid-container { | .grid-container { | ||
display: grid; | display: grid; | ||
grid-gap:20px; | grid-gap:20px; | ||
grid-template-areas: | grid-template-areas: | ||
'intro skeleton' | 'intro skeleton' | ||
'portals skeleton' | 'portals skeleton' | ||
'join | 'news skeleton' | ||
'join join' | |||
'featured whats-new' | 'featured whats-new' | ||
'journal journal'; | |||
grid-template-columns: minmax(0, 1fr) 50%; | |||
} | } | ||
} | } | ||
.thumb{ | |||
border: none!important; | |||
background: none!important; | |||
} | |||
.gallery.mw-gallery-traditional { | |||
padding: 0rem!important; | |||
} | |||
.gallery.mw-gallery-traditional { | |||
display: flex; | |||
flex-direction: row; | |||
justify-content: center; | |||
} | |||
#footer-info-credits{ | |||
display:none!important; | |||
} | |||
.card-caption div p { | |||
margin-bottom: 0; | |||
} | } |
Latest revision as of 05:47, 3 March 2023
.item1 { grid-area: intro; }
.item2 { grid-area: skeleton; }
.item3 { grid-area: portals; }
.item4 { grid-area: join; }
.item5 { grid-area: news; }
.item6 { grid-area: featured; }
.item7 { grid-area: whats-new; }
.item8 { grid-area: journal; }
.grid-container {
display: block;
}
@media (max-width: 1300px) {
.grid-item {
margin-bottom: 1.5em!important;
}
}
@media (min-width: 1300px) {
.grid-container {
display: grid;
grid-gap:20px;
grid-template-areas:
'intro skeleton'
'portals skeleton'
'news skeleton'
'join join'
'featured whats-new'
'journal journal';
grid-template-columns: minmax(0, 1fr) 50%;
}
}
.thumb{
border: none!important;
background: none!important;
}
.gallery.mw-gallery-traditional {
padding: 0rem!important;
}
.gallery.mw-gallery-traditional {
display: flex;
flex-direction: row;
justify-content: center;
}
#footer-info-credits{
display:none!important;
}
.card-caption div p {
margin-bottom: 0;
}