morgan/Grinch-AP
1
0
Fork 0
mirror of https://github.com/MarioSpore/Grinch-AP.git synced 2025-10-21 20:21:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Website Style Upgrade (#353)

Browse Source 
* [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
2022-03-28 20:12:17 -04:00
committed by GitHub
parent 14956d27bd
commit 7dcb6f66da
142 changed files with 1086 additions and 502 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
WebHostLib/static/styles/factorio/factorio.css
View File

@@ -1,3 +0,0 @@
#factorio{
margin: 1rem;
}

61
WebHostLib/static/styles/games.css
View File

@@ -1,61 +0,0 @@
#games{
max-width: 1000px;
margin-left: auto;
margin-right: auto;
background-color: rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 1rem;
color: #eeffeb;
}
#games p{
margin-top: 0.25rem;
}
#games code{
background-color: #d9cd8e;
border-radius: 4px;
padding-left: 0.25rem;
padding-right: 0.25rem;
color: #000000;
}
#games #user-message{
display: none;
width: calc(100% - 8px);
background-color: #ffe86b;
border-radius: 4px;
color: #000000;
padding: 4px;
text-align: center;
}
#games h1{
font-size: 2.5rem;
font-weight: normal;
border-bottom: 1px solid #ffffff;
width: 100%;
margin-bottom: 0.5rem;
color: #ffffff;
text-shadow: 1px 1px 4px #000000;
}
#games h2{
font-size: 2rem;
font-weight: normal;
border-bottom: 1px solid #ffffff;
width: 100%;
margin-bottom: 0.5rem;
color: #ffe993;
text-transform: lowercase;
text-shadow: 1px 1px 2px #000000;
}
#games h3, #games h4, #games h5, #games h6{
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#games a{
color: #ffef00;
}

2
WebHostLib/static/styles/generate.css
View File

@@ -16,7 +16,7 @@
}
#generate-game button{
margin-top: 5px;
margin-top: 35px;
}
#generate-game-form-wrapper{

69
WebHostLib/static/styles/globalStyles.css
View File

@@ -1,10 +1,35 @@
@font-face {
font-family: "HyliaSerif";
src: url('../static/fonts/HyliaSerifBeta-Regular.otf') format("opentype");
@font-face{
font-family: LexendDeca-ExtraLight;
src: url("../../static/static/fonts/LexendDeca-ExtraLight.ttf");
}
@font-face{
font-family: LexendDeca-Light;
src: url("../../static/static/fonts/LexendDeca-Light.ttf");
}
@font-face{
font-family: LexendDeca-Regular;
src: url("../../static/static/fonts/LexendDeca-Regular.ttf");
}
@font-face{
font-family: LexendDeca-Medium;
src: url("../../static/static/fonts/LexendDeca-Medium.ttf");
}
@font-face{
font-family: LondrinaSolid-Regular;
src: url("../../static/static/fonts/LondrinaSolid-Regular.ttf");
}
@font-face{
font-family: LondrinaSolid-Light;
src: url("../../static/static/fonts/LondrinaSolid-Light.ttf");
}
html{
font-family: 'Jost', sans-serif;
font-family: LexendDeca-ExtraLight, sans-serif;
font-size: 1.1rem;
color: #000000;
}
@@ -15,10 +40,11 @@ body{
a{
color: #ffef00;
text-decoration: none;
font-family: LexendDeca-Regular, sans-serif;
}
button{
font-family: Jost, sans-serif;
font-weight: 500;
font-size: 0.9rem;
padding: 10px 17px 11px 16px; /* top right bottom left */
@@ -49,7 +75,6 @@ button.button-dirt{
}
h1, h2, h3, h4, h5, h6{
font-family: HyliaSerif, sans-serif;
font-weight: normal;
margin: 0;
color: #032605;
@@ -67,38 +92,6 @@ h5, h6{
margin-bottom: 0.5rem;
}
.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/grass-0007-large.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-left: 120px;
padding-right: 120px;
padding-top: 100px;
padding-bottom: 120px;
}
.user-message{
width: 50%;
min-width: 500px;

9
WebHostLib/static/styles/header/dirtHeader.css
View File

@@ -1,9 +0,0 @@
html{
background-image: url('../../static/backgrounds/dirt/dirt-0005-large.png');
background-repeat: repeat;
background-size: 900px 900px;
}
#base-header{
background: url('../../static/backgrounds/header/dirt-header.png') repeat-x;
}

9
WebHostLib/static/styles/header/grassHeader.css
View File

@@ -1,9 +0,0 @@
html{
background-image: url('../../static/backgrounds/grass/grass-0007-large.png');
background-repeat: repeat;
background-size: 650px 650px;
}
#base-header {
background: url('../../static/backgrounds/header/grass-header.png') repeat-x;
}

9
WebHostLib/static/styles/header/oceanHeader.css
View File

@@ -1,9 +0,0 @@
html{
background-image: url('../../static/backgrounds/oceans/oceans-0002.png');
background-repeat: repeat;
background-size: 250px 250px;
}
#base-header{
background: url('../../static/backgrounds/header/ocean-header.png') repeat-x;
}

57
WebHostLib/static/styles/hostRoom.css
View File

@@ -1,11 +1,17 @@
#host-room{
width: calc(100% - 5rem);
width: 60%;
margin-left: auto;
margin-right: auto;
background-color: rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 1rem;
color: #eeffeb;
font-family: LexendDeca-Light, sans-serif;
line-height: 24px;
}
#host-room div{
line-height: 26px;
}
#host-room a{
@@ -16,36 +22,37 @@
border: 1px solid #000000;
padding: 3px;
border-radius: 3px;
width: 500px;
width: 50%;
margin-top: 25px;
margin-bottom: 6px;
}
#host-room table {
border-spacing: 0px;
#host-room table{
border-collapse: collapse;
margin-top: 20px;
margin-bottom: 0.5rem;
width: 100%;
}
#host-room table tbody{
background-color: #dce2bd;
#host-room table th{
text-align: left;
padding: 10px;
border: 1px solid white;
font-size: 20px;
font-family: LexendDeca-Regular, sans-serif;
}
#host-room table tbody tr:hover{
background-color: #e2eabb;
#host-room table td{
border: 1px solid white;
text-align: left;
padding: 10px;
}
#host-room table tbody td{
padding: 4px 6px;
color: black;
}
#host-room table tbody a{
color: #234ae4;
}
#host-room table thead td{
background-color: #b0a77d;
color: black;
top: 0;
}
#host-room table tbody td{
border: 1px solid #bba967;
#host-room #logger{
margin-top: 0;
padding: 0.5rem 0.25rem;
background-color: #b5e9a4;
border: 1px solid #2a6c2f;
border-radius: 6px;
color: #000000;
}

88
WebHostLib/static/styles/landing.css
View File

@@ -16,17 +16,18 @@ html{
text-align: center;
}
#landing-header h1{
color: #ffffff;
font-size: 3.5rem;
text-shadow: 1px 1px 7px #000000;
-webkit-text-stroke: 1px #00582e;
#landing-header #landing-logo{
margin-left: auto;
margin-right: auto;
margin-top: 10px;
height: 140px;
z-index: 10;
}
#landing-header h4{
color: #ffffff;
font-size: 1.75rem;
font-size: 36px;
margin-top: -10px;
margin-bottom: 0;
text-shadow: 1px 1px 7px #000000;
font-kerning: none;
@@ -44,18 +45,19 @@ html{
display: block;
text-align: center;
background-repeat: no-repeat;
font-family: HyliaSerif, sans-serif;
font-kerning: none;
text-decoration: none;
text-shadow: 1px 1px 7px #000000;
color: #ffffff;
font-size: 1.4rem;
font-size: 25px;
text-transform: uppercase;
font-family: LondrinaSolid-Light, sans-serif;
}
#far-left-button{
top: 115px;
top: 160px;
left: calc(50% - 416px - 200px - 75px);
background-image: url("/static/static/button-images/button-a.png");
background-image: url("/static/static/button-images/island-button-a.png");
background-size: 200px auto;
width: 200px;
height: calc(156px - 40px);
@@ -64,44 +66,44 @@ html{
}
#mid-left-button{
top: 320px;
top: 365px;
left: calc(50% - 416px - 200px + 140px);
background-image: url("/static/static/button-images/button-b.png");
background-image: url("/static/static/button-images/island-button-b.png");
background-size: 260px auto;
width: 260px;
height: calc(130px - 35px);
padding-top: 35px;
padding-top: 43px;
}
#mid-button{
top: 400px;
top: 445px;
left: calc(50% - 100px);
background-image: url("/static/static/button-images/button-a.png");
background-image: url("/static/static/button-images/island-button-a.png");
background-size: 200px auto;
width: 200px;
height: calc(156px - 38px);
padding-top: 38px;
padding-top: 40px;
}
#mid-right-button{
top: 300px;
top: 345px;
left: calc(50% + 416px - 166px);
background-image: url("/static/static/button-images/button-c.png");
background-image: url("/static/static/button-images/island-button-c.png");
background-size: 250px auto;
width: calc(250px - 20px);
height: calc(180px - 90px);
padding-top: 90px;
padding-top: 94px;
padding-left: 20px;
}
#far-right-button{
top: 125px;
top: 170px;
left: calc(50% + 416px + 75px);
background-image: url("/static/static/button-images/button-b.png");
background-image: url("/static/static/button-images/island-button-b.png");
background-size: 260px auto;
width: 260px;
height: calc(130px - 35px);
padding-top: 35px;
padding-top: 42px;
}
#landing-clouds{
@@ -144,6 +146,13 @@ html{
animation-iteration-count: infinite;
}
#landing #first-line{
font-family: LondrinaSolid-Light, sans-serif;
font-size: 25px;
margin: 20px 0;
text-transform: uppercase;
}
@keyframes c1-float{
from{
left: 10px;
@@ -220,8 +229,11 @@ html{
margin-right: auto;
}
#landing #first-line{
font-weight: 500;
#landing-body{
font-family: LexendDeca-Light, sans-serif;
font-size: 18px;
color: #ffffff;
line-height: 30px;
}
#landing .variable{
@@ -241,36 +253,36 @@ html{
}
#landing-deco-1{
top: 480px;
top: 525px;
left: calc(50% - 276px);
}
#landing-deco-2{
top: 250px;
left: calc(50% + 150px);
top: 355px;
left: calc(50% + 110px);
}
#landing-deco-3{
top: 350px;
top: 395px;
left: calc(50% - 150px);
}
#landing-deco-4{
top: 290px;
top: 335px;
left: calc(50% - 580px);
}
#landing-deco-5{
top: 90px;
top: 135px;
left: calc(50% + 450px);
}
#landing-deco-6{
top: 462px;
top: 507px;
left: calc(50% + 196px);
}
@media all and (max-width: 1520px){
@media all and (max-width: 1580px){
#landing-clouds #cloud1, #landing-clouds #cloud2, #landing-clouds #cloud3{
display: none;
}
@@ -282,17 +294,7 @@ html{
#landing{ order: 2; }
#landing-links{
height: auto;
flex-direction: column;
}
#landing-links a{
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
top: auto;
left: auto;
display: none;
}
.landing-deco{

3
WebHostLib/static/styles/playerTracker.css → WebHostLib/static/styles/lttp-tracker.css
View File

@@ -1,5 +1,8 @@
#player-tracker-wrapper{
margin: 0;
font-family: LexendDeca-Light, sans-serif;
color: white;
font-size: 14px;
}
#inventory-table{

90
WebHostLib/static/styles/markdown.css
View File

@@ -4,10 +4,12 @@
max-width: 70rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background-color: rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 1rem 1rem 3rem;
color: #eeffeb;
padding: 25px 30px 30px;
font-family: LexendDeca-Light, sans-serif;
font-size: 19px;
}
.markdown img{
@@ -19,36 +21,34 @@
margin-top: 0;
}
.markdown a{
color: #ffef00;
}
.markdown a{}
.markdown h1{
font-size: 2.5rem;
font-size: 52px;
font-weight: normal;
border-bottom: 1px solid #ffffff;
font-family: LondrinaSolid-Regular, sans-serif;
text-transform: uppercase;
cursor: pointer;
width: 100%;
margin-bottom: 0.5rem;
color: #ffffff;
text-shadow: 1px 1px 4px #000000;
}
.markdown h2{
font-size: 2rem;
font-size: 38px;
font-weight: normal;
border-bottom: 1px solid #ffffff;
font-family: LondrinaSolid-Light, sans-serif;
cursor: pointer;
width: 100%;
margin-top: 20px;
margin-bottom: 0.5rem;
color: #ffe993;
text-transform: lowercase;
text-shadow: 1px 1px 2px #000000;
}
.markdown h3{
font-size: 1.70rem;
font-weight: normal;
font-size: 26px;
font-family: LexendDeca-Regular, sans-serif;
text-transform: none;
text-align: left;
cursor: pointer;
width: 100%;
@@ -56,28 +56,25 @@
}
.markdown h4{
font-size: 1.5rem;
font-weight: normal;
font-family: LexendDeca-Regular, sans-serif;
text-transform: none;
font-size: 24px;
cursor: pointer;
margin-bottom: 0.5rem;
margin-bottom: 24px;
}
.markdown h5{
font-size: 1.25rem;
font-weight: normal;
font-family: LexendDeca-Regular, sans-serif;
text-transform: none;
font-size: 22px;
cursor: pointer;
}
.markdown h6{
font-size: 1.25rem;
font-weight: normal;
cursor: pointer;
color: #434343;
}
.markdown h3, .markdown h4, .markdown h5,.markdown h6{
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
font-family: LexendDeca-Regular, sans-serif;
text-transform: none;
font-size: 20px;
cursor: pointer;;
}
.markdown h4, .markdown h5,.markdown h6{
@@ -98,23 +95,6 @@
}
.markdown pre{
margin-top: 0;
padding: 0.5rem 0.25rem;
background-color: #ffeeab;
border: 1px solid #9f916a;
border-radius: 6px;
color: #000000;
}
.markdown code{
background-color: #ffeeab;
border-radius: 4px;
padding-left: 0.25rem;
padding-right: 0.25rem;
color: #000000;
}
.markdown #tutorial-video-container{
width: 100%;
text-align: center;
@@ -132,13 +112,23 @@
.markdown table th{
text-align: left;
font-weight: bold;
border: 1px solid #eeffeb;
padding: 0.25rem;
padding: 10px;
border: 1px solid white;
font-size: 20px;
font-family: LexendDeca-Regular, sans-serif;
}
.markdown table td{
border: 1px solid white;
text-align: left;
border: 1px solid #eeffeb;
padding: 0.25rem;
padding: 10px;
}
.markdown pre{
overflow-x: auto;
}
strong{
font-family: LexendDeca-Medium, sans-serif;
font-weight: normal;
}

3
WebHostLib/static/styles/minecraft/minecraft.css
View File

@@ -1,3 +0,0 @@
#minecraft{
margin: 1rem;
}

4
WebHostLib/static/styles/minecraftTracker.css
View File

@@ -40,8 +40,8 @@
color: white;
font-family: "Minecraftia", monospace;
font-weight: bold;
bottom: 0px;
right: 0px;
bottom: 0;
right: 0;
}
#location-table{

2
WebHostLib/static/styles/ootTracker.css
View File

@@ -41,7 +41,7 @@
font-family: monospace;
font-weight: bold;
font-size: 1.1em;
bottom: 0px;
bottom: 0;
right: 8px;
}

26
WebHostLib/static/styles/player-settings.css
View File

@@ -1,5 +1,5 @@
html{
background-image: url('../static/backgrounds/grass/grass-0007-large.png');
background-image: url('../static/backgrounds/grass.png');
background-repeat: repeat;
background-size: 650px 650px;
}
@@ -47,7 +47,6 @@ html{
#player-settings h1{
font-size: 2.5rem;
font-weight: normal;
border-bottom: 1px solid #ffffff;
width: 100%;
margin-bottom: 0.5rem;
color: #ffffff;
@@ -55,9 +54,8 @@ html{
}
#player-settings h2{
font-size: 2rem;
font-size: 40px;
font-weight: normal;
border-bottom: 1px solid #ffffff;
width: 100%;
margin-bottom: 0.5rem;
color: #ffe993;
@@ -102,6 +100,19 @@ html{
flex-grow: 1;
}
#player-settings .left{
margin-right: 10px;
}
#player-settings .right{
margin-left: 10px;
}
#player-settings table{
margin-bottom: 30px;
width: 100%;
}
#player-settings table .select-container{
display: flex;
flex-direction: row;
@@ -133,6 +144,13 @@ html{
cursor: default;
}
#player-settings th, #player-settings td{
border: none;
padding: 3px;
font-size: 17px;
vertical-align: middle;
}
@media all and (max-width: 1000px), all and (orientation: portrait){
#player-settings #game-options{
justify-content: flex-start;

3
WebHostLib/static/styles/subnautica/subnautica.css
View File

@@ -1,3 +0,0 @@
#subnautica{
margin: 1rem;
}

4
WebHostLib/static/styles/supermetroidTracker.css
View File

@@ -42,8 +42,8 @@
color: white;
font-family: "Minecraftia", monospace;
font-weight: bold;
bottom: 0px;
right: 0px;
bottom: 0;
right: 0;
}
#location-table{

33
WebHostLib/static/styles/supportedGames.css Normal file
View File

@@ -0,0 +1,33 @@
#games{
width: 60%;
margin: auto auto 30px;
}
#games h2, #games h3, #games h4, #games h5, #games h6 {
text-transform: none;
cursor: unset;
}
#games h1{
font-size: 60px;
cursor: unset;
}
#games h2{
color: #93dcff;
margin-bottom: 2px;
}
#games a{
font-size: 16px;
}
#games .link-spacer{
margin: 0 6px;
color: #fffc95;
}
#games p{
line-height: 25px;
margin-bottom: 7px;
}

13
WebHostLib/static/styles/header/baseHeader.css → WebHostLib/static/styles/themes/base.css
View File

@@ -12,7 +12,6 @@ html{
position: fixed;
top: 0;
left: 0;
font-family: HyliaSerif, sans-serif;
padding: 10px;
line-height: 2rem;
z-index: 9999;
@@ -28,13 +27,17 @@ html{
padding-right: 7px;
}
#base-header-right{
margin-top: 4px;
}
#base-header #site-title{
margin-right: 7px;
}
#base-header #site-title img{
width: 40px;
height: 40px;
height: 38px;
margin-top: 4px;
}
#base-header a{
@@ -42,5 +45,7 @@ html{
text-decoration: none;
cursor: pointer;
margin-right: 1.2rem;
font-size: 1.2rem;
font-size: 22px;
font-family: LondrinaSolid-Light, sans-serif;
text-transform: uppercase;
}

64
WebHostLib/static/styles/themes/dirt.css Normal file
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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;
}

4
WebHostLib/static/styles/timespinnerTracker.css
View File

@@ -40,8 +40,8 @@
color: white;
font-family: "Minecraftia", monospace;
font-weight: bold;
bottom: 0px;
right: 0px;
bottom: 0;
right: 0;
}
#location-table{

9
WebHostLib/static/styles/tracker.css
View File

@@ -47,8 +47,17 @@ div.dataTables_wrapper.no-footer .dataTables_scrollBody{
border: none;
}
table.dataTable{
color: #000000;
}
table.dataTable thead{
font-family: LexendDeca-Regular, sans-serif;
}
table.dataTable tbody{
background-color: #dce2bd;
font-family: LexendDeca-Light, sans-serif;
}
table.dataTable tbody tr:hover{

103
WebHostLib/static/styles/tutorialLanding.css
View File

@@ -1,100 +1,43 @@
#tutorial-landing{
display: flex;
flex-direction: column;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
background-color: rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 1rem 1rem 3rem;
color: #eeffeb;
}
#tutorial-landing{}
#tutorial-landing p{
margin: 0;
}
#tutorial-landing a{
color: #ffef00;
text-decoration: none;
#tutorial-landing h2, #tutorial-landing h3, #tutorial-landing h4, #tutorial-landing h5, #tutorial-landing h6 {
text-transform: none;
cursor: unset;
}
#tutorial-landing h1{
font-size: 2.5rem;
font-weight: normal;
border-bottom: 1px solid #ffffff;
width: 100%;
margin-bottom: 0.5rem;
color: #ffffff;
text-shadow: 1px 1px 4px #000000;
font-size: 60px;
cursor: unset;
}
#tutorial-landing h2{
font-size: 2rem;
font-weight: normal;
border-bottom: 1px solid #ffffff;
width: 100%;
margin-bottom: 0.5rem;
color: #ffe993;
text-transform: lowercase;
text-shadow: 1px 1px 2px #000000;
color: #fff677;
margin-bottom: 2px;
margin-top: 33px;
font-size: 44px;
}
#tutorial-landing h3{
font-size: 1.70rem;
font-weight: normal;
text-align: left;
width: 100%;
margin-bottom: 0.5rem;
#tutorial-landing a{
font-size: 16px;
}
#tutorial-landing h4{
font-size: 1.5rem;
font-weight: normal;
margin-bottom: 0.5rem;
#tutorial-landing .link-spacer{
margin: 0 6px;
color: #fffc95;
}
#tutorial-landing h5{
font-size: 1.25rem;
font-weight: normal;
}
#tutorial-landing h6{
font-size: 1.25rem;
font-weight: normal;
color: #434343;
}
#tutorial-landing h3, #tutorial-landing h4, #tutorial-landing h5,#tutorial-landing h6{
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
#tutorial-landing p{
line-height: 25px;
margin-bottom: 7px;
font-size: 17px;
}
#tutorial-landing ul{
}
#tutorial-landing ol{
font-size: 17px;
margin-top: 0;
margin-bottom: 26px;
}
#tutorial-landing li{
}
#tutorial-landing pre{
margin-top: 0;
padding: 0.5rem 0.25rem;
background-color: #ffeeab;
border: 1px solid #9f916a;
border-radius: 6px;
color: #000000;
}
#tutorial-landing code{
background-color: #ffeeab;
border-radius: 4px;
padding-left: 0.25rem;
padding-right: 0.25rem;
color: #000000;
line-height: 22px;
}

15
WebHostLib/static/styles/weighted-settings.css
View File

@@ -1,5 +1,5 @@
html{
background-image: url('../static/backgrounds/grass/grass-0007-large.png');
background-image: url('../static/backgrounds/grass.png');
background-repeat: repeat;
background-size: 650px 650px;
scroll-padding-top: 90px;
@@ -45,7 +45,6 @@ html{
}
#weighted-settings p.setting-description{
font-weight: bold;
margin: 0 0 1rem;
}
@@ -64,7 +63,16 @@ html{
width: 100%;
}
#weighted-settings table th, #weighted-settings table td{
border: none;
}
#weighted-settings table td{
padding: 5px;
}
#weighted-settings table .td-left{
font-family: LexendDeca-Regular, sans-serif;
padding-right: 1rem;
width: 200px;
}
@@ -233,13 +241,14 @@ html{
width: 100%;
margin-bottom: 0.5rem;
color: #ffe993;
text-transform: lowercase;
text-transform: none;
text-shadow: 1px 1px 2px #000000;
}
#weighted-settings h3, #weighted-settings h4, #weighted-settings h5, #weighted-settings h6{
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-transform: none;
}
#weighted-settings a{

3
WebHostLib/static/styles/zelda3/zelda3.css
View File

@@ -1,3 +0,0 @@
#zelda3{
margin: 1rem;
}