User:Teamtoto/Sandbox2: Difference between revisions

m
no edit summary
mNo edit summary
mNo edit summary
Line 1: Line 1:
<!-- TEMPORARY: Using this custom CSS is required for this page to format right. I recommend using the Stylish extension for Chrome. You can also Inspect Element and then copy-paste this into a file in the Sources tab. Note: This seems to break the FP Link width options
<!-- TEMPORARY: Using this custom CSS is required for this page to format right. I recommend using the Stylish extension for Chrome. You can also Inspect Element and then copy-paste this into a file in the Sources tab. Note: This seems to break the FP Link width options
#fp-2flex.fp-container {
#fp-2flex.fp-container {
     display: grid;
     display: grid;
     grid-template-areas:"a" "b" "c" "d" "e";
     grid-template-areas:"a" "c" "b" "d" "e" "f";
     grid-template-columns: 100%
     grid-template-columns: 100%;
align-items: flex-start;
align-items:flex-start;
}
}


Line 16: Line 15:
     }
     }
}
}


@media screen and (min-width: 1565px) {
@media screen and (min-width: 1565px) {
     #fp-2flex.fp-container {
     #fp-2flex.fp-container {
         grid-template-areas:"a b" "c b" "c d" "e e";
         grid-template-areas:"a b" "c b" "c d" "e e";
grid-template-rows: auto 1f;
         grid-template-columns: 800px auto
         grid-template-columns: 800px auto
     }
     }
Line 27: Line 28:
     #fp-2flex.fp-container {
     #fp-2flex.fp-container {
         grid-template-areas:"a b" "c b" "c d" "e e";
         grid-template-areas:"a b" "c b" "c d" "e e";
grid-template-rows:auto auto 1f;
         grid-template-columns: auto 520px
         grid-template-columns: auto 520px
     }
     }
Line 41: Line 43:
#fp-miscwiki {
#fp-miscwiki {
     grid-area: b;
     grid-area: b;
   
}
}
#fp-extlinks {
#fp-extlinks {
Line 48: Line 49:
#fp-bottom {
#fp-bottom {
     grid-area: e;
     grid-area: e;
}
#randomquotes {
grid-area:f;
align-self:auto;
}
}


Line 66: Line 62:
     display: inline-block;
     display: inline-block;
     align-items: flex-start;
     align-items: flex-start;
     vertical-align: middle;
     }
 
.mw-parser-output ::-webkit-scrollbar {
  background: transparent;
width:6px;
}
.mw-parser-output ::-webkit-scrollbar-thumb {
background: #b1c9c3;
border-radius:2px;
}
}


-->
-->
Line 393: Line 399:
|style="vertical-align: top; height:3em;"| [http://www.cavesofqud.com/ Official Website] &#183; [https://www.facebook.com/freeholdgames Developer Facebook] &#183; [https://twitter.com/FreeholdGames Developer Twitter] &#183; [https://www.patreon.com/freeholdgames Developer Patreon]
|style="vertical-align: top; height:3em;"| [http://www.cavesofqud.com/ Official Website] &#183; [https://www.facebook.com/freeholdgames Developer Facebook] &#183; [https://twitter.com/FreeholdGames Developer Twitter] &#183; [https://www.patreon.com/freeholdgames Developer Patreon]
|}
|}
</div></div><div id="randomquotes" class="fp-section">
</div></div><!-- END Links Box -->
{{Recipe Library Quotes}}
</div> <!-- END Links Box -->


<div id="fp-bottom" class="fp-section"> <!-- BEGIN Bottom Section -->
<div id="fp-bottom" class="fp-section"> <!-- BEGIN Bottom Section -->