8,756
edits
MediaWiki:Common.css: Difference between revisions
New Homepage css edits
mNo edit summary |
(New Homepage css edits) |
||
| Line 552: | Line 552: | ||
/* ------- front page ------- */ | /* ------- front page ------- */ | ||
.fp-container { | .fp-container { | ||
display: grid; | |||
grid-template-areas:"a" "c" "b" "d" "e" "f"; | |||
grid-template-columns: 100%; | |||
align-items:flex-start; | |||
} | } | ||
@media screen and (min-width: 990px) { | @media screen and (min-width: 990px) { | ||
.fp-container { | |||
grid-template-areas: "c a" "c b" "c d" "c f" "e e"; | |||
grid-template-columns: 60% 40%; | |||
grid-template-rows: auto auto 1fr; | |||
} | |||
} | } | ||
@media screen and (min-width: | @media screen and (min-width: 1565px) { | ||
.fp-container { | .fp-container { | ||
grid-template-areas:"a b" "c b" "c d" "e e"; | |||
grid-template-columns: | grid-template-rows: auto 1f; | ||
grid-template-columns: 800px auto | |||
} | } | ||
} | } | ||
@media screen and (min-width: 1820px) { | |||
.fp-container { | |||
grid-template-areas:"a b" "c b" "c d" "e e" "f f"; | |||
grid-template-rows:auto auto 1f; | |||
grid-template-columns: auto 520px | |||
} | |||
} | |||
.fp-section { | .fp-section { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | |||
#fp-welcome { | |||
grid-area: a; | |||
} | |||
#fp-main { | |||
grid-area: c; | |||
} | |||
#fp-miscwiki { | |||
grid-area: b; | |||
} | |||
#fp-extlinks { | |||
grid-area: d; | |||
} | |||
#fp-bottom { | |||
grid-area: e; | |||
} | } | ||
| Line 634: | Line 663: | ||
text-align: center; | text-align: center; | ||
} | } | ||
/** wiki help box **/ | /** wiki help box **/ | ||
.wikihelp { | .wikihelp { | ||
| Line 655: | Line 685: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: space-evenly; | justify-content: space-evenly; | ||
align-items: | align-items: flex-start; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.fplink-outer { | .fplink-outer { | ||
padding: 5px; | |||
flex-basis: calc(12.5% - 10px); | |||
width: calc(12.5% - 15px); | |||
min-width: 115px; | |||
display: inline-block; | |||
align-items: flex-start; | |||
} | } | ||
| Line 714: | Line 744: | ||
height: auto; | height: auto; | ||
} | } | ||
/** rss scrollbar **/ | |||
.mw-parser-output ::-webkit-scrollbar { | |||
background: transparent; | |||
width:6px; | |||
} | |||
.mw-parser-output ::-webkit-scrollbar-thumb { | |||
background: #b1c9c3; | |||
border-radius:2px; | |||
} | |||
/** Miscellaneous front page fixes **/ | /** Miscellaneous front page fixes **/ | ||
.fpbox .embedvideo, | .fpbox .embedvideo, | ||