Template:Main Page/styles.css: Difference between revisions
AZMindroma (talk | contribs) No edit summary |
AZMindroma (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* Main page responsive layout */ | |||
.main-page-row { | |||
display: flex; | |||
flex-wrap: wrap; | |||
margin-top: 7px; | |||
width: 100%; | |||
} | |||
.main-page-col { | |||
flex: 1; | |||
min-width: 0; | |||
padding: 5px 15px 15px 8px; | |||
vertical-align: top; | |||
} | |||
/* Specific column styles */ | |||
.main-page-about { | |||
border: 1px solid #cef2e0; | |||
background-color: #f5fffa; | |||
margin-right: 4px; | |||
} | |||
.main-page-news { | |||
border: 1px solid #cedff2; | |||
background-color: #f5faff; | |||
} | |||
.main-page-featured { | |||
border: 1px solid #cef2e0; | |||
background-color: #f5fffa; | |||
margin-right: 4px; | |||
} | |||
.main-page-dyk { | |||
border: 1px solid #cedff2; | |||
background-color: #f5faff; | |||
} | |||
.main-page-screenshot { | |||
border: 1px solid #ddcef2; | |||
background-color: #faf5ff; | |||
width: 100%; | |||
} | |||
/* Mobile responsiveness */ | |||
@media (max-width: 768px) { | |||
.main-page-col { | |||
flex: 100%; | |||
margin-right: 0 !important; | |||
margin-bottom: 7px; | |||
} | |||
} | |||
#siteSub { | #siteSub { | ||
display: none !important; | display: none !important; | ||