User:Nixinova/mainpage.css

/** Responsive main page layout **/ display: -ms-grid; -ms-grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j" "k"; -ms-grid-template-columns: 100%; display: grid; grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #main-page.main-page { -ms-grid-template-areas: "a a a" "b b b" "c c d" "e e e" "f g h" "i j k"; -ms-grid-template-columns: 33.33% 33.33% 33.33%; grid-template-areas: "a a a" "b b b" "c c d" "e e e" "f g h" "i j k"; grid-template-columns: 33.33% 33.33% 33.33%; }	#dungeons-main-page.main-page { -ms-grid-template-areas: "a a a" "b b b" "c c d" "e f g"; -ms-grid-template-columns: 33.33% 33.33% 33.33%; grid-template-areas: "a a a" "b b b" "c c d" "e f g"; grid-template-columns: 33.33% 33.33% 33.33%; } }
 * 1) main-page.main-page,
 * 2) dungeons-main-page.main-page {

.fp-section { background-color: #fcfcfc; border: 1px solid #ccc; vertical-align: top; margin: 1px; width: calc(100% - 4px); }

-ms-grid-area: a;	grid-area: a; }
 * 1) fp-1 {

-ms-grid-area: b;	grid-area: b; }
 * 1) fp-2 {

-ms-grid-area: c;	grid-area: c; }
 * 1) fp-3 {

-ms-grid-area: d;	grid-area: d; }
 * 1) fp-4 {

-ms-grid-area: e;	grid-area: e; }
 * 1) fp-5 {

-ms-grid-area: f;	grid-area: f; }
 * 1) fp-6 {

-ms-grid-area: g;	grid-area: g; }
 * 1) fp-7 {

-ms-grid-area: h;	grid-area: h; }
 * 1) fp-8 {

-ms-grid-area: i;	grid-area: i; }
 * 1) fp-9 {

-ms-grid-area: j;	grid-area: j; }
 * 1) fp-10 {

-ms-grid-area: k;	grid-area: k; }
 * 1) fp-11 {

display: -ms-grid; -ms-grid-template-areas: "aa ab"; display: grid; grid-template-areas: "aa ab"; text-align: center; font-size: 1.5em; }
 * 1) fp-navigator {

display: -ms-grid; -ms-grid-template-areas: "ba" "bc" "bb"; -ms-grid-template-columns: 100%; display: grid; grid-template-areas: "ba" "bc" "bb"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #fp-header.fp-header { -ms-grid-template-areas: "ba bb" "bc bc"; -ms-grid-template-columns: 335px calc(100% - 335px); grid-template-areas: "ba bb" "bc bc"; grid-template-columns: 335px calc(100% - 335px); } } @media screen and (min-width:1350px) { #fp-header.fp-header { -ms-grid-template-columns: 33.33% 66.66%; grid-template-columns: 33.33% 66.66%; } }
 * 1) fp-header.fp-header {

-ms-grid-area: ba; grid-area: ba; }
 * 1) fp-header-file {

-ms-grid-area: bb; grid-area: bb; }
 * 1) fp-header-links {

-ms-grid-area: bc; grid-area: bc; }
 * 1) fp-header-text {

margin: auto; } @media screen and (min-width:990px) { #fp-header-file { margin: auto 0; } }
 * 1) fp-header-file {

margin: auto 0; }
 * 1) fp-header-links {

-ms-columns: 160px; -moz-columns: 160px; -webkit-columns: 160px; columns: 160px; -ms-column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; margin-top: 0; }
 * 1) fp-header-links ul {

margin-right: 10px; text-align: right; font-style: italic; font-size: 85%; }
 * 1) fp-editcopy-footnote {