Template:Main Page/style.css: Difference between revisions
From A KoL Wiki
m Protected "Template:Main Page/style.css": High traffic page ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) [cascading] |
Update for responsivified welcome bannker |
||
| Line 1: | Line 1: | ||
.welcome-banner { | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
gap: 0.7em; | |||
border: 1px solid #cccccc; | |||
background-color: #fcfcfc; | |||
padding: 0.5em 2em; | |||
} | |||
.wb-left { | |||
text-align: center; | |||
} | |||
.main-page-columns-container { | .main-page-columns-container { | ||
display:flex; | display:flex; | ||
| Line 9: | Line 23: | ||
.main-page-columns-container { | .main-page-columns-container { | ||
flex-direction: column; | flex-direction: column; | ||
} | |||
.welcome-banner { | |||
flex-direction: column; | |||
} | } | ||
} | } | ||
Latest revision as of 13:55, 6 September 2025
.welcome-banner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.7em;
border: 1px solid #cccccc;
background-color: #fcfcfc;
padding: 0.5em 2em;
}
.wb-left {
text-align: center;
}
.main-page-columns-container {
display:flex;
flex-direction: row;
gap:0.7em;
margin: 0.7em 0;
}
@media (max-width:850px){
.main-page-columns-container {
flex-direction: column;
}
.welcome-banner {
flex-direction: column;
}
}
