mirror of
https://github.com/ArchipelagoMW/Archipelago.git
synced 2026-04-15 11:03:31 -07:00
Swap out PNG files for SVG files, add proof-of-concept style for upload page.
This commit is contained in:
62
WebHostLib/static/styles/globalStyles.css
Normal file
62
WebHostLib/static/styles/globalStyles.css
Normal file
@@ -0,0 +1,62 @@
|
||||
@font-face {
|
||||
font-family: "HyliaSerif";
|
||||
src: url('../static/fonts/HyliaSerifBeta-Regular.otf') format("opentype");
|
||||
}
|
||||
|
||||
html{
|
||||
background-image: url('../static/backgrounds/oceans/oceans-0002.svg');
|
||||
background-repeat: repeat;
|
||||
background-size: 250px 250px;
|
||||
margin-top: 110px;
|
||||
}
|
||||
|
||||
body{
|
||||
margin: 0;
|
||||
padding-bottom: 62px;
|
||||
}
|
||||
|
||||
button{
|
||||
padding: 0.25rem;
|
||||
margin: 0.25rem;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
h1, h2, h3{
|
||||
font-family: HyliaSerif, sans-serif;
|
||||
font-size: 3rem;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.grass-island{
|
||||
background:
|
||||
url('../static/backgrounds/cliffs/cliff-top-left-corner.svg') top left no-repeat,
|
||||
url('../static/backgrounds/cliffs/cliff-top-right-corner.svg') top right no-repeat,
|
||||
url('../static/backgrounds/cliffs/cliff-bottom-left-corner.svg') bottom left no-repeat,
|
||||
url('../static/backgrounds/cliffs/cliff-bottom-right-corner.svg') bottom right no-repeat,
|
||||
url('../static/backgrounds/cliffs/cliff-top.svg') top repeat-x,
|
||||
url('../static/backgrounds/cliffs/cliff-bottom.svg') bottom repeat-x,
|
||||
url('../static/backgrounds/cliffs/cliff-left.svg') left repeat-y,
|
||||
url('../static/backgrounds/cliffs/cliff-right.svg') right repeat-y,
|
||||
url('../static/backgrounds/grass/grass-0003.svg') repeat;
|
||||
|
||||
background-size:
|
||||
200px 200px, /* top-left */
|
||||
200px 200px, /* top-right */
|
||||
200px 200px, /* bottom-left */
|
||||
200px 200px, /* bottom-right */
|
||||
auto 96px, /* top */
|
||||
auto 114px, /* bottom */
|
||||
84px auto, /* left */
|
||||
84px auto, /* right */
|
||||
150px 150px; /* center */
|
||||
|
||||
min-width: 240px;
|
||||
min-height: 70px;
|
||||
|
||||
padding: 160px 80px 170px;
|
||||
}
|
||||
|
||||
.dirt-island{
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user