63 lines
1.7 KiB
CSS
63 lines
1.7 KiB
CSS
@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{
|
|
|
|
}
|