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>
This commit is contained in:
Chris Wilson
51
WebHostLib/static/styles/themes/base.css
Normal file
51
WebHostLib/static/styles/themes/base.css
Normal file
@@ -0,0 +1,51 @@
|
||||
html{
|
||||
padding-top: 110px;
|
||||
}
|
||||
|
||||
#base-header{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
background-size: auto 90px;
|
||||
width: calc(100% - 20px);
|
||||
height: 90px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 10px;
|
||||
line-height: 2rem;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#base-header #base-header-left{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#base-header #base-header-left a{
|
||||
margin-right: 0;
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
#base-header-right{
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#base-header #site-title{
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
#base-header #site-title img{
|
||||
height: 38px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#base-header a{
|
||||
color: #2f6b83;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
margin-right: 1.2rem;
|
||||
font-size: 22px;
|
||||
font-family: LondrinaSolid-Light, sans-serif;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
64
WebHostLib/static/styles/themes/dirt.css
Normal file
64
WebHostLib/static/styles/themes/dirt.css
Normal file
@@ -0,0 +1,64 @@
|
||||
html{
|
||||
background-image: url("../../static/backgrounds/dirt.png");
|
||||
background-repeat: repeat;
|
||||
background-size: 400px 400px;
|
||||
}
|
||||
|
||||
body{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#base-header{
|
||||
background: url('../../static/backgrounds/header/dirt-header.png') repeat-x;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
|
||||
h1{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
h2{
|
||||
color: #c8e79f;
|
||||
}
|
||||
|
||||
h3, h4, h5,h6{
|
||||
color: #ffffff;
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
table th{
|
||||
|
||||
}
|
||||
|
||||
table td{
|
||||
|
||||
}
|
||||
|
||||
a{
|
||||
color: #ffd891;
|
||||
}
|
||||
|
||||
pre{
|
||||
margin-top: 0;
|
||||
padding: 0.5rem 0.25rem;
|
||||
background-color: #d1c3ab;
|
||||
border: 1px solid #2a6c2f;
|
||||
border-radius: 6px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
pre code{
|
||||
border: none;
|
||||
}
|
||||
|
||||
code{
|
||||
background-color: #d1c3ab;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #5c4c31;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
color: #000000;
|
||||
}
|
||||
64
WebHostLib/static/styles/themes/grass-flowers.css
Normal file
64
WebHostLib/static/styles/themes/grass-flowers.css
Normal file
@@ -0,0 +1,64 @@
|
||||
html{
|
||||
background-image: url("../../static/backgrounds/grass-flowers.png");
|
||||
background-repeat: repeat;
|
||||
background-size: 400px 400px;
|
||||
}
|
||||
|
||||
body{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#base-header {
|
||||
background: url('../../static/backgrounds/header/grass-header.png') repeat-x;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
background-color: rgba(0, 0, 0, 0.30) !important;
|
||||
}
|
||||
|
||||
h1{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
h2{
|
||||
color: #5aff6a;
|
||||
}
|
||||
|
||||
h3, h4, h5,h6{
|
||||
color: #ffffff;
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
table th{
|
||||
|
||||
}
|
||||
|
||||
table td{
|
||||
|
||||
}
|
||||
|
||||
a{
|
||||
color: #fff80f;
|
||||
}
|
||||
|
||||
pre{
|
||||
margin-top: 0;
|
||||
padding: 0.5rem 0.25rem;
|
||||
background-color: #b5e9a4;
|
||||
border: 1px solid #2a6c2f;
|
||||
border-radius: 6px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
pre code{
|
||||
border: none;
|
||||
}
|
||||
|
||||
code{
|
||||
background-color: #b5e9a4;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #2a6c2f;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
color: #000000;
|
||||
}
|
||||
64
WebHostLib/static/styles/themes/grass.css
Normal file
64
WebHostLib/static/styles/themes/grass.css
Normal file
@@ -0,0 +1,64 @@
|
||||
html{
|
||||
background-image: url("../../static/backgrounds/grass.png");
|
||||
background-repeat: repeat;
|
||||
background-size: 400px 400px;
|
||||
}
|
||||
|
||||
body{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#base-header {
|
||||
background: url('../../static/backgrounds/header/grass-header.png') repeat-x;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
background-color: rgba(0, 0, 0, 0.30) !important;
|
||||
}
|
||||
|
||||
h1{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
h2{
|
||||
color: #5aff6a;
|
||||
}
|
||||
|
||||
h3, h4, h5,h6{
|
||||
color: #ffffff;
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
table th{
|
||||
|
||||
}
|
||||
|
||||
table td{
|
||||
|
||||
}
|
||||
|
||||
a{
|
||||
color: #fff80f;
|
||||
}
|
||||
|
||||
pre{
|
||||
margin-top: 0;
|
||||
padding: 0.5rem 0.25rem;
|
||||
background-color: #b5e9a4;
|
||||
border: 1px solid #2a6c2f;
|
||||
border-radius: 6px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
pre code{
|
||||
border: none;
|
||||
}
|
||||
|
||||
code{
|
||||
background-color: #b5e9a4;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #2a6c2f;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
color: #000000;
|
||||
}
|
||||
64
WebHostLib/static/styles/themes/ice.css
Normal file
64
WebHostLib/static/styles/themes/ice.css
Normal file
@@ -0,0 +1,64 @@
|
||||
html{
|
||||
background-image: url('../../static/backgrounds/ice.png');
|
||||
background-repeat: repeat;
|
||||
background-size: 400px 400px;
|
||||
}
|
||||
|
||||
body{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#base-header {
|
||||
background: url('../../static/backgrounds/header/ocean-header.png') repeat-x;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
background-color: rgba(5, 10, 42, 0.58) !important;
|
||||
}
|
||||
|
||||
h1{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
h2{
|
||||
color: #ffcccc;
|
||||
}
|
||||
|
||||
h3, h4, h5,h6{
|
||||
color: #ffffff;
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
table th{
|
||||
|
||||
}
|
||||
|
||||
table td{
|
||||
|
||||
}
|
||||
|
||||
a{
|
||||
color: #ffee75;
|
||||
}
|
||||
|
||||
pre{
|
||||
margin-top: 0;
|
||||
padding: 0.5rem 0.25rem;
|
||||
background-color: #cae2e9;
|
||||
border: 1px solid #5d7d87;
|
||||
border-radius: 6px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
pre code{
|
||||
border: none;
|
||||
}
|
||||
|
||||
code{
|
||||
background-color: #cae2e9;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #5d7d87;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
color: #000000;
|
||||
}
|
||||
64
WebHostLib/static/styles/themes/jungle.css
Normal file
64
WebHostLib/static/styles/themes/jungle.css
Normal file
@@ -0,0 +1,64 @@
|
||||
html{
|
||||
background-image: url("../../static/backgrounds/jungle.png");
|
||||
background-repeat: repeat;
|
||||
background-size: 450px 450px;
|
||||
}
|
||||
|
||||
body{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#base-header {
|
||||
background: url('../../static/backgrounds/header/grass-header.png') repeat-x;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
background-color: rgba(0, 0, 0, 0.46) !important;
|
||||
}
|
||||
|
||||
h1{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
h2{
|
||||
color: #7bdf27;
|
||||
}
|
||||
|
||||
h3, h4, h5,h6{
|
||||
color: #ffffff;
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
table th{
|
||||
|
||||
}
|
||||
|
||||
table td{
|
||||
|
||||
}
|
||||
|
||||
a{
|
||||
color: #ffd438;
|
||||
}
|
||||
|
||||
pre{
|
||||
margin-top: 0;
|
||||
padding: 0.5rem 0.25rem;
|
||||
background-color: #accf90;
|
||||
border: 1px solid #578134;
|
||||
border-radius: 6px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
pre code{
|
||||
border: none;
|
||||
}
|
||||
|
||||
code{
|
||||
background-color: #accf90;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #578134;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
color: #000000;
|
||||
}
|
||||
74
WebHostLib/static/styles/themes/ocean-island.css
Normal file
74
WebHostLib/static/styles/themes/ocean-island.css
Normal file
@@ -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;
|
||||
}
|
||||
65
WebHostLib/static/styles/themes/ocean.css
Normal file
65
WebHostLib/static/styles/themes/ocean.css
Normal file
@@ -0,0 +1,65 @@
|
||||
html{
|
||||
background-image: url('../../static/backgrounds/ocean.png');
|
||||
background-repeat: repeat;
|
||||
background-size: 400px 400px;
|
||||
}
|
||||
|
||||
body{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#base-header{
|
||||
background: url('../../static/backgrounds/header/ocean-header.png') repeat-x;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
background-color: rgba(17, 35, 62, 0.55) !important;
|
||||
}
|
||||
|
||||
h1{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
h2{
|
||||
color: #93dcff;
|
||||
}
|
||||
|
||||
h3, h4, h5,h6{
|
||||
color: #ffffff;
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
table th{
|
||||
|
||||
}
|
||||
|
||||
table td{
|
||||
|
||||
}
|
||||
|
||||
a{
|
||||
color: #fffc95;
|
||||
}
|
||||
|
||||
pre{
|
||||
margin-top: 0;
|
||||
padding: 0.5rem 0.25rem;
|
||||
background-color: #83a8e1;
|
||||
border: 1px solid #4c658b;
|
||||
border-radius: 6px;
|
||||
color: #000000;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
pre code{
|
||||
border: none;
|
||||
}
|
||||
|
||||
code{
|
||||
background-color: #83a8e1;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #4c658b;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
color: #000000;
|
||||
}
|
||||
64
WebHostLib/static/styles/themes/party-time.css
Normal file
64
WebHostLib/static/styles/themes/party-time.css
Normal file
@@ -0,0 +1,64 @@
|
||||
html{
|
||||
background-image: url("../../static/backgrounds/party-time.png");
|
||||
background-repeat: repeat;
|
||||
background-size: 350px 350px;
|
||||
}
|
||||
|
||||
body{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#base-header {
|
||||
background: url('../../static/backgrounds/header/party-time-header.png') repeat-x;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
background-color: rgba(26, 5, 48, 0.8) !important;
|
||||
}
|
||||
|
||||
h1{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
h2{
|
||||
color: #ff5884;
|
||||
}
|
||||
|
||||
h3, h4, h5,h6{
|
||||
color: #ffffff;
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
table th{
|
||||
|
||||
}
|
||||
|
||||
table td{
|
||||
|
||||
}
|
||||
|
||||
a{
|
||||
color: #b1fd5e;
|
||||
}
|
||||
|
||||
pre{
|
||||
margin-top: 0;
|
||||
padding: 0.5rem 0.25rem;
|
||||
background-color: #b08ed5;
|
||||
border: 1px solid #6d5687;
|
||||
border-radius: 6px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
pre code{
|
||||
border: none;
|
||||
}
|
||||
|
||||
code{
|
||||
background-color: #b08ed5;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #6d5687;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
color: #000000;
|
||||
}
|
||||
Reference in New Issue
Block a user