Заглавная страница/styles.css
/** Main page layout **/ /** Only used for the layout, main page styles are defined at MediaWiki:Common.css to allow usage on other pages as well **/
- main-page.main-page {
display: grid; grid-template-areas: "a" "k" "b" "c" "d" "e" "f" "g" "h" "i" "j"; grid-template-columns: 1fr; grid-gap: 2px; } @media screen and (min-width:990px) { #main-page.main-page { grid-template-areas: "a a" "k k" "b b" "c g" "d h" "e h" "f i" "j j"; grid-template-columns: 60% 40%; } } @media screen and (min-width:1220px) { #main-page.main-page { grid-template-areas: "a a a" "k k k" "b b g" "c d h" "e f i" "j j j"; grid-template-columns: repeat(3, 1fr); } }
- fp-1 {
grid-area: a; }
- fp-2 {
grid-area: b; }
- fp-3 {
grid-area: c; }
- fp-4 {
grid-area: d; }
- fp-5 {
grid-area: e; }
- fp-6 {
grid-area: f; }
- fp-7 {
grid-area: g; }
- fp-8 {
grid-area: h; }
- fp-9 {
grid-area: i; }
- fp-10 {
grid-area: j; }
- fp-banner {
grid-area: k; }
- fp-header.fp-header {
display: grid; grid-template-areas: "aa" "ac" "ab"; grid-template-columns: 1fr; } @media screen and (min-width: 990px) { #fp-header.fp-header { grid-template-areas: "aa ab" "ac ac"; grid-template-columns: 335px 1fr; } } @media screen and (min-width: 1350px) { #fp-header.fp-header { grid-template-columns: 1fr 2fr; } }
- fp-header-file {
grid-area: aa; }
- fp-header-links {
grid-area: ab; }
- fp-header-text {
grid-area: ac; }
@media all and (min-width: 450px) { #fp-9-links { display: grid; grid-template-areas: 'a b' 'a c' 'a d'; gap: 20px; } }