Website Style Upgrade (#353)

* [WebHost] Update WebHost to include modular themes system, remove unused and outdated assets * Landing Page Updates * Markdown updates, colors coming later * Remove testing theme from FF1 * Color updates for markdown styles * Updates to generated pages, so many updates * [WebHost] Update WebHost to include modular themes system, remove unused and outdated assets * Landing Page Updates * Markdown updates, colors coming later * Remove testing theme from FF1 * Color updates for markdown styles * Updates to generated pages, so many updates * Seed download page improvements * Add styles to weighted-settings page * Minor adjustments to styles * Revert base theme to grass * Add more items to ArchipIDLE * [WebHost] Update WebHost to include modular themes system, remove unused and outdated assets * Landing Page Updates * Markdown updates, colors coming later * Remove testing theme from FF1 * Color updates for markdown styles * Updates to generated pages, so many updates * Seed download page improvements * [WebHost] Update WebHost to include modular themes system, remove unused and outdated assets * Landing Page Updates * Markdown updates, colors coming later * Remove testing theme from FF1 * Color updates for markdown styles * Updates to generated pages, so many updates * Add styles to weighted-settings page * Minor adjustments to styles * Revert base theme to grass * Add more items to ArchipIDLE * Improve Archipidle item name * [WebHost] Update background images, waiting on jungle.png, added partyTime theme * [WebHost] Fix tab ordering on landing page, remove islands on screen scale, fix tutorial page width scaling * [WebHost] Final touches to WebHost * Improve get_world_theme function, add partyTime theme to ArchipIDLE WebWorld * Remove sending_visible from AutoWorld * AP Ocarina of Time Client (#352) * Core: update jinja (#351) * some typing and cleaning, mostly in Fill.py (#349) * some typing and cleaning, mostly in Fill.py * address missing Option types * resolve a few TODOs discussed in pull request * SM: Optimize a bit (#350) * SM: Optimize a bit * SM: init bosses only once * New World Order (#355) * Core: update jinja * SM: Optimize a bit * AutoWorld: import worlds in alphabetical order, to be predictable rather than arbitrary Co-authored-by: Hussein Farran <hmfarran@gmail.com> * Remove references to Z5Client in English OoT setup guide * Prevent markdown code blocks from overflowing their container Co-authored-by: espeon65536 <81029175+espeon65536@users.noreply.github.com> Co-authored-by: Fabian Dill <Berserker66@users.noreply.github.com> Co-authored-by: Doug Hoskisson <beauxq@users.noreply.github.com> Co-authored-by: Hussein Farran <hmfarran@gmail.com>
2025-10-21 20:21:32 -06:00 · 2022-03-28 20:12:17 -04:00
parent 14956d27bd
commit 7dcb6f66da
142 changed files with 1086 additions and 502 deletions
--- a/WebHostLib/static/styles/themes/ocean-island.css
+++ b/WebHostLib/static/styles/themes/ocean-island.css
@@ -0,0 +1,74 @@
+html{
+    background-image: url('../../static/backgrounds/ocean.png');
+    background-repeat: repeat;
+    background-size: 250px 250px;
+    font-family: LexendDeca-Light, sans-serif;
+    font-size: 18px;
+    color: #ffffff;
+    line-height: 30px;
+}
+
+#base-header{
+    background: url('../../static/backgrounds/header/ocean-header.png') repeat-x;
+}
+
+div header{
+    font-family: LondrinaSolid-Light, sans-serif;
+    font-size: 25px;
+    margin: 20px 0;
+    text-transform: uppercase;
+}
+
+h1{
+    font-family: LondrinaSolid-Light, sans-serif;
+    text-transform: uppercase;
+    color: #ffffff;
+    margin-top: 10px;
+    margin-bottom: 30px;
+}
+
+.grass-island{
+    background:
+        url('../../static/backgrounds/cliffs/grass/cliff-top-left-corner.png') top left no-repeat,
+        url('../../static/backgrounds/cliffs/grass/cliff-top-right-corner.png') top right no-repeat,
+        url('../../static/backgrounds/cliffs/grass/cliff-bottom-left-corner.png') bottom left no-repeat,
+        url('../../static/backgrounds/cliffs/grass/cliff-bottom-right-corner.png') bottom right no-repeat,
+        url('../../static/backgrounds/cliffs/grass/cliff-top.png') top repeat-x,
+        url('../../static/backgrounds/cliffs/grass/cliff-bottom.png') bottom repeat-x,
+        url('../../static/backgrounds/cliffs/grass/cliff-left.png') left repeat-y,
+        url('../../static/backgrounds/cliffs/grass/cliff-right.png') right repeat-y,
+        url('../../static/backgrounds/grass.png') repeat;
+
+    background-size:
+        140px 120px, /* top-left */
+        140px 120px, /* top-right */
+        140px 140px, /* bottom-left */
+        140px 140px, /* bottom-right */
+        20px 71px, /* top */
+        20px 100px, /* bottom */
+        71px 20px, /* left */
+        71px 20px, /* right */
+        525px 525px; /* center */
+
+    min-width: 280px;
+    min-height: 280px;
+
+    padding: 100px 120px 120px;
+}
+
+pre{
+    margin-top: 0;
+    padding: 0.5rem 0.25rem;
+    background-color: #ffeeab;
+    border: 1px solid #9f916a;
+    border-radius: 6px;
+    color: #000000;
+}
+
+code{
+    background-color: #ffeeab;
+    border-radius: 4px;
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+    color: #000000;
+}