MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 112: | Line 112: | ||
text-align: center; | text-align: center; | ||
overflow-wrap: break-word; | overflow-wrap: break-word; | ||
} | } | ||
.grid-four .grid-item img { | .grid-four .grid-item img { | ||
border: 1px solid #777; | border: 1px solid #777; | ||
} | } | ||
| Line 141: | Line 136: | ||
} | } | ||
} | } | ||
/* GRID THREE */ | /* GRID THREE */ | ||
| Line 150: | Line 146: | ||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
align-items: start; | |||
} | |||
.grid-three .grid-item { | |||
display: grid; | |||
grid-template-rows: 85px auto 1fr; | |||
align-items: start; | align-items: start; | ||
} | } | ||
| Line 155: | Line 157: | ||
.grid-three .grid-title { | .grid-three .grid-title { | ||
font-size: 28px; | font-size: 28px; | ||
margin: 0 0 | margin: 0 0 10px 0; | ||
padding: 0; | |||
height: 85px; | |||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Line 162: | Line 165: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
text-align: center; | text-align: center; | ||
overflow-wrap: break-word; | |||
} | |||
.grid-three .grid-text { | |||
margin-top: 8px; | |||
} | } | ||
| Line 167: | Line 175: | ||
.grid-three { | .grid-three { | ||
grid-template-columns: repeat(2, minmax(0, 1fr)); | grid-template-columns: repeat(2, minmax(0, 1fr)); | ||
} | |||
.grid-three .grid-item { | |||
grid-template-rows: 72px auto 1fr; | |||
} | } | ||
.grid-three .grid-title { | .grid-three .grid-title { | ||
font-size: 24px; | font-size: 24px; | ||
height: 72px; | |||
} | } | ||
} | } | ||
/* GRID TWO | /* GRID TWO */ | ||
/* | /* -------- */ | ||
.grid-two | .grid-two { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(2, minmax(0, 1fr)); | grid-template-columns: repeat(2, minmax(0, 1fr)); | ||
| Line 185: | Line 197: | ||
} | } | ||
.grid-two | .grid-two-item { | ||
width: 100%; | width: 100%; | ||
display: grid; | |||
grid-template-rows: 80px auto; | |||
align-items: start; | |||
} | } | ||
.grid-two | .grid-two-title { | ||
font-variant: small-caps; | font-variant: small-caps; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 196: | Line 211: | ||
text-align: center; | text-align: center; | ||
margin: 0 0 12px 0; | margin: 0 0 12px 0; | ||
height: 80px; | |||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Line 203: | Line 218: | ||
} | } | ||
.grid-two | .grid-two-row { | ||
display: grid; | display: grid; | ||
grid-template-columns: 140px 1fr; | grid-template-columns: 140px 1fr; | ||
| Line 210: | Line 225: | ||
} | } | ||
.grid-two | .grid-two-image img { | ||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
| Line 218: | Line 233: | ||
} | } | ||
.grid-two | .grid-two-text { | ||
text-align: left; | text-align: left; | ||
} | } | ||
@media (max-width: 900px) { | @media (max-width: 900px) { | ||
.grid-two | .grid-two { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
} | } | ||
.grid-two- | .grid-two-item { | ||
grid-template-rows: auto auto; | |||
} | |||
.grid-two-row { | |||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
} | } | ||
.grid-two | .grid-two-text { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.grid-two | .grid-two-title { | ||
font-size: 26px; | font-size: 26px; | ||
height: auto; | |||
} | } | ||
} | } | ||