MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 57: | Line 57: | ||
/* SHARED GRID RULES */ | /* SHARED GRID RULES */ | ||
/* ----------------- */ | |||
.grid-item { | |||
width: 100%; | |||
display: flex; | |||
flex-direction: column; | |||
align-items: stretch; | |||
} | |||
.grid-title { | |||
font-variant: small-caps; | |||
font-weight: bold; | |||
line-height: 1.1; | |||
text-align: center; | |||
} | |||
.grid-item img {/* SHARED GRID RULES */ | |||
/* ----------------- */ | /* ----------------- */ | ||
.grid-item { | .grid-item { | ||
| Line 81: | Line 97: | ||
.grid-text { | .grid-text { | ||
margin-top: 8px; | margin-top: 8px; | ||
} | |||
/* PAGE BANNER */ | |||
/* ----------- */ | |||
.page-banner { | |||
text-align: center; | |||
margin-bottom: 24px; | |||
} | |||
.page-banner img { | |||
display: block; | |||
width: 100%; | |||
max-width: 1200px; | |||
height: auto; | |||
margin: 0 auto; | |||
} | } | ||
| Line 99: | Line 131: | ||
margin: 0; | margin: 0; | ||
padding: 0 0 4px 0; | padding: 0 0 4px 0; | ||
height: 65px; | min-height: 65px; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Line 111: | Line 143: | ||
} | } | ||
@media (max-width: | @media (max-width: 1100px) { | ||
.grid-four { | .grid-four { | ||
grid-template-columns: repeat(2, minmax(0, 1fr)); | grid-template-columns: repeat(2, minmax(0, 1fr)); | ||
| Line 117: | Line 149: | ||
.grid-four .grid-title { | .grid-four .grid-title { | ||
height: 88px; | min-height: 88px; | ||
font-size: 28px; | font-size: 28px; | ||
} | } | ||
| Line 137: | Line 169: | ||
font-size: 28px; | font-size: 28px; | ||
margin: 0 0 8px 0; | margin: 0 0 8px 0; | ||
min-height: 62px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
box-sizing: border-box; | |||
text-align: center; | |||
} | } | ||
@media (max-width: | @media (max-width: 1000px) { | ||
.grid-three { | .grid-three { | ||
grid-template-columns: repeat(2, minmax(0, 1fr)); | grid-template-columns: repeat(2, minmax(0, 1fr)); | ||
| Line 145: | Line 183: | ||
.grid-three .grid-title { | .grid-three .grid-title { | ||
min-height: 78px; | |||
font-size: 24px; | font-size: 24px; | ||
} | } | ||
| Line 170: | Line 209: | ||
text-align: center; | text-align: center; | ||
margin: 0 0 12px 0; | margin: 0 0 12px 0; | ||
min-height: 66px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
box-sizing: border-box; | |||
} | } | ||
| Line 191: | Line 235: | ||
} | } | ||
@media (max-width: | @media (max-width: 900px) { | ||
.grid-two-feature { | .grid-two-feature { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
| Line 205: | Line 249: | ||
.grid-two-feature-title { | .grid-two-feature-title { | ||
min-height: auto; | |||
font-size: 26px; | font-size: 26px; | ||
} | } | ||
| Line 249: | Line 294: | ||
} | } | ||
@media (max-width: | @media (max-width: 900px) { | ||
.grid-one-row { | .grid-one-row { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||