bonfire/config/goodomens/site/assets/style/master.css

162 lines
2.5 KiB
CSS

@font-face {
font-family: "Silkscreen";
src: url("/assets/fonts/slkscr.ttf");
}
html {
background-color: rgb(26, 28, 29);
}
body {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #e8e6e3;
}
p, ul {
font-size: 1.2em;
}
li {
padding-bottom: 10px;
}
li::marker {
color: #ffb3e8;
}
img, video {
max-width: 100%;
max-height: 100vh;
display: block;
image-rendering: pixelated;
}
audio {
width: 100%;
}
header {
padding-bottom: 25px;
padding-top: 25px;
margin-bottom: 25px;
background: url("/assets/images/blossom_leaves.png");
background-size: 64px;
image-rendering: pixelated;
}
.mini-title {
padding-bottom: 15px;
padding-top: 15px;
padding-left: 20px;
margin-bottom: 0px;
}
.sign {
background: url("/assets/images/acacia_planks.png");
background-size: 112px;
image-rendering: pixelated;
border-width: 0px;
border-radius: 0px;
height: 112px;
width: 234px;
padding: unset;
}
.sign h2 {
color: black;
font-family: Silkscreen;
margin-top: 10px;
}
.sign center {
padding-top: 10px;
}
section {
border: rgba(255, 255, 255, 0.9);
border-width: 2px;
border-style: solid;
border-radius: 7px;
border-color: #bc5c91;
padding: 20px;
}
a:link, a:visited, a:hover, a:active {
text-decoration: none;
}
h1, h2 {
color: #ffb3e8;
font-family: Silkscreen;
}
h1 {
font-size: 2em;
margin-top: 15px;
}
.main {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.container {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(220px, 1fr) );
column-gap: 10px;
row-gap: 15px;
justify-items: center;
}
#map {
width: 100%;
height: 95vh;
}
#sidebar {
margin-top: 78px;
height: auto;
}
#viewer {
margin-bottom: 20px;
}
.arrow {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.mini-sign {
text-align: center;
text-decoration: none;
display: inline-block;
background: url("/assets/images/acacia_planks.png");
background-size: 64px;
image-rendering: pixelated;
border: none;
width: 80px;
height: 36px;
color: black;
font-family: Silkscreen;
line-height: 30px;
}