Template:PETSCII.css
Jump to navigation
Jump to search
.petscii {
white-space: pre;
display: inline-block;
background-color: #3F4443;
font-family: "Courier New", Courier, monospace;
font-size: 18px;
color: #0C1013;
line-height: 1;
font-weight: bold;
}
.pt-blue {
color: #57A9BC;
}
.pb-black {
background-color: #0C1013;
}
.crt {
width:432px;
padding:16px;
font-size: 16px;
line-height: 1;
box-sizing:border-box;
}
.crt p {
margin: 0 0 1em;
}
.crt-bg {
background-image: url(https://camp2.rectangle.zone/subwikifiles/wc2/images/4/4f/Crt_bg.png);
background-color: #3F4443;
margin: auto;
min-width: 440px;
}
.d-inline-block {
width: min-content;
}
.crt-blur {
filter: drop-shadow(0px 0px 2px);
}
.crt h2, .crt h3 {
color: #57F1FF;
border: none;
font-family: c64, "Courier New", "Courier", monospace;
font-weight: normal;
filter:drop-shadow(0px 0px 2px);
text-align: center;
margin-bottom: 0.25em;
font-size: 16px;
}
.crt h3 {
color: #eee;
}
.m-maze {
margin: auto;
filter: drop-shadow(1px 1px 2px #0C1013);
position: relative;
}
.m-easy {
background: url(https://camp2.rectangle.zone/subwikifiles/wc2/images/9/92/M_easy.png);
width: 274px;
height: 274px;
}
.m-easy .m-seal-handle {
height: 144px;
max-height: 256px;
max-width: 256px;
}
.m-medium {
background: url(https://camp2.rectangle.zone/subwikifiles/wc2/images/e/ec/M_medium.png);
width: 354px;
height: 354px;
}
.m-medium .m-seal-handle {
height: 192px;
max-height: 336px;
max-width: 336px;
}
.m-hard {
background: url(https://camp2.rectangle.zone/subwikifiles/wc2/images/f/f4/M_hard.png);
width: 514px;
height: 514px;
}
.m-hard .m-seal-handle {
height: 272px;
max-height: 496px;
max-width: 496px;
}
.m-seal {
width: min-content;
position: relative;
}
.m-seal-handle {
resize: both;
overflow: hidden;
opacity: 0;
min-width: 32px;
min-height: 32px;
padding-right: 2px;
padding-bottom: 2px;
}
.m-seal-icon {
background: transparent url(https://camp2.rectangle.zone/subwikifiles/wc2/images/c/c3/M_seal.png) no-repeat bottom right;
width: 16px;
height: 16px;
position: absolute;
bottom: 2px;
right: 2px;
filter: drop-shadow(0px 0px 2px #57F1FF)
}