133 lines
2.1 KiB
CSS
133 lines
2.1 KiB
CSS
* {
|
|
font-family: "minecraft", "monospace";
|
|
}
|
|
|
|
html {
|
|
background-image: url("/img/bg.png");
|
|
image-rendering: crisp-edges;
|
|
background-size: 100px;
|
|
}
|
|
|
|
body {
|
|
margin: 0px;
|
|
}
|
|
|
|
.content {
|
|
margin: auto;
|
|
width: 50%;
|
|
/*border: 3px solid green;*/
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.player_count {
|
|
text-align: center;
|
|
margin: 3pt;
|
|
font-size: 40pt;
|
|
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
|
|
}
|
|
|
|
.items {
|
|
width: 70%;
|
|
margin: auto;
|
|
}
|
|
|
|
.news .icon {
|
|
content:url('/img/birch_sign.png');
|
|
}
|
|
|
|
.map .icon {
|
|
content:url('/img/map.png');
|
|
}
|
|
|
|
.whitelist .icon {
|
|
content:url('/img/writable_book.png');
|
|
}
|
|
|
|
.item {
|
|
display: flex;
|
|
background-color: gray;
|
|
padding: 2pt;
|
|
color: #d7d7d7;
|
|
border: 5px solid black;
|
|
background-image: url("/img/redstone_lamp.png");
|
|
background-size: 55px;
|
|
text-decoration: none;
|
|
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
|
|
box-shadow: 5px 5px 15px black;
|
|
}
|
|
|
|
.item:hover {
|
|
background-color: red;
|
|
cursor: pointer;
|
|
background-image: url("/img/redstone_lamp_on.png");
|
|
background-size: 55px;
|
|
color: #FFFFFF;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.row {
|
|
margin-bottom: 10pt;
|
|
}
|
|
|
|
.row :last-child {
|
|
margin-bottom: 0pt;
|
|
}
|
|
|
|
.item .icon {
|
|
width: 50pt;
|
|
height: auto;
|
|
image-rendering: crisp-edges;
|
|
padding: 10pt;
|
|
}
|
|
|
|
.item .text {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 25pt;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.details {
|
|
/* Hidden by default */
|
|
/*display: flex;*/
|
|
display: none;
|
|
justify-content: center;
|
|
}
|
|
|
|
.row .details.news textarea {
|
|
resize: none;
|
|
border: none;
|
|
}
|
|
|
|
.row .details.whitelist form {
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
}
|
|
|
|
.row .details.whitelist form label:first-child {
|
|
margin-top: 0pt;
|
|
}
|
|
|
|
.row .details.whitelist form label {
|
|
margin-top: 10pt;
|
|
}
|
|
|
|
.row .details.whitelist form input {
|
|
height: 20pt;
|
|
}
|
|
|
|
.row .details>* {
|
|
width: 90%;
|
|
padding: 10pt;
|
|
margin-top: 5pt;
|
|
box-shadow: 5px 5px 15px black;
|
|
background: url("/img/stripped_birch_log.png");
|
|
background-size: 80px;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'minecraft';
|
|
src: URL('/fonts/Minecraft.ttf') format('truetype');
|
|
}
|