8,756
edits
mNo edit summary |
mNo edit summary |
||
Line 2: | Line 2: | ||
#fp-2flex.fp-container { | #fp-2flex.fp-container { | ||
display: grid; | |||
grid-template-areas:"a" "b" "c" "d" "e"; | |||
grid-template-columns: 100% | |||
align-items:flex-start; | align-items: flex-start; | ||
} | } | ||
@media screen and (min-width: 1050px) { | @media screen and (min-width: 1050px) { | ||
#fp-2flex.fp-container { | |||
grid-template-areas: "c a" "c b" "c d" "c f" "e e"; | |||
grid-template-columns: 50% 50%; | |||
grid-template-rows: auto auto 1fr; | |||
} | |||
} | } | ||
@media screen and (min-width: 1565px) { | @media screen and (min-width: 1565px) { | ||
#fp-2flex.fp-container { | |||
grid-template-areas:"a b" "c b" "c d" "e e"; | |||
grid-template-columns: 800px auto | |||
} | |||
} | } | ||
@media screen and (min-width: 1820px) { | @media screen and (min-width: 1820px) { | ||
#fp-2flex.fp-container { | |||
grid-template-areas:"a b" "c b" "c d" "e e"; | |||
grid-template-columns: auto 520px | |||
} | |||
} | } | ||
#fp-welcome { | #fp-welcome { | ||
grid-area: a; | |||
} | } | ||
#fp-main { | #fp-main { | ||
grid-area: c; | |||
} | } | ||
#fp-miscwiki{ | #fp-miscwiki { | ||
grid-area: b; | |||
} | } | ||
#fp-extlinks { | #fp-extlinks { | ||
grid-area: d; | |||
} | } | ||
#fp-bottom { | #fp-bottom { | ||
grid-area: e; | |||
} | } | ||
#randomquotes{ | |||
grid-area: f; | #randomquotes { | ||
grid-area:f; | |||
align-self:auto; | align-self:auto; | ||
} | } | ||
.fplinks { | |||
align-items:flex-start; | |||
} | |||
.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; | |||
vertical-align: middle; | |||
} | } | ||
--> | --> | ||
<!-- This is a responsive front page design that adapts to the available width | <!-- This is a responsive front page design that adapts to the available width | ||
Line 100: | Line 101: | ||
</div> <!--END Top Section--> | </div> <!--END Top Section--> | ||
<div id="fp- | <div id="fp-main" class="fp-section"> <!-- BEGIN Middle Section --> | ||
<div class="fpbox mobilecollapsible"> <!-- BEGIN Content Box--> | <div class="fpbox mobilecollapsible"> <!-- BEGIN Content Box--> | ||
{{FP heading|'''Wiki Contents'''| type = main}} | {{FP heading|'''Wiki Contents'''| type = main}} |