8,756
edits
User:Teamtoto/Sandbox2: Difference between revisions
m
no edit summary
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% | |||
} | } | ||
@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" "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-extlinks { | #fp-extlinks { | ||
grid-area: b; | |||
} | } | ||
#fp-middle { | #fp-middle { | ||
grid-area: c; | |||
} | } | ||
#fp-bottomflex { | #fp-bottomflex { | ||
grid-area: d; | |||
align-content: flex-start; | |||
} | } | ||
#fp-bottom { | #fp-bottom { | ||
grid-area: e; | |||
} | } | ||
.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; | |||
} | |||
.fp-patchnotes { | |||
padding: 10px 10px calc(10px + 1em); | |||
max-height: 20em; | |||
overflow: auto scroll; | |||
-webkit-mask-image: linear-gradient(180deg, #000 75%, transparent); | |||
mask-image: linear-gradient(180deg, #000 75%, transparent); | |||
} | |||
--> | --> | ||
| Line 350: | Line 358: | ||
{{FP heading|'''Latest Patch Notes'''}} | {{FP heading|'''Latest Patch Notes'''}} | ||
<div style="padding:10px; max-height:20em; overflow:auto"> | <div style="padding:10px; max-height:20em; overflow:auto"> | ||
<rss max= | <rss max=1 item-max-length=10000>https://store.steampowered.com/feeds/news/app/333640/</rss> | ||
</div> | </div> | ||
</div> <!-- END Patch Notes Box --> | </div> <!-- END Patch Notes Box --> | ||