@font-face {
font-family:"MichlandScript";
src:url("font/MichlandScript.eot") format("embedded-opentype"),url("font/MichlandScript.woff") format("woff"),url("font/MichlandScript.woff2") format("woff2"),url("font/MichlandScript.ttf") format("truetype"),url("font/MichlandScript.svg") format("svg");
}
* {
font-family:"MichlandScript";
outline:none;
cursor:default;
}
*:focus {
outline:none;
}
html,body {
width:100%;
height:100%;
}
body {
overflow:hidden;
border:0;
padding:0;
margin:0;
background-color:#1F1F1F;
background-image:url("bg.jpg");
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
}
a {
cursor:pointer;
color:white;
text-decoration:none;
font-size:3vh;
}
a:hover {
color:#e65286;
}
form {
margin:0;
padding:0;
width:100%;
height:100%;
}
input {
text-align:center;
margin:0;
width:100%;
height:5.5vh;
}
textarea {
resize:none;
}
button {
cursor:pointer;
color:#1f1f1f;
background:none;
background-color:rgba(255,255,255,0.75);
}
button:hover {
color:#e65286;
}
input,textarea {
cursor:text;
color:#FFF;
background:none;
background-color:rgba(255,255,255,0.1);
}
input[type=text],textarea,button {
font-size:4vh;
width:100%;
border-style:solid;
border-width:1px;
border-color:rgba(255,255,255,0.75);
border-radius:4px;
padding:4px;
}
label {
cursor:pointer;
font-size:4vh;
}
#top {
display:block;
position:fixed;
left:0;
top:0;
right:0;
bottom:12vh;
background-image:url("bg.jpg");
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
}
#big {
cursor:pointer;
display:block;
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
right:0;
bottom:12vh;
}
#left,#right {
cursor:pointer;
display:block;
top:0;
bottom:0;
width:22.4vh;
height:100%;
position:absolute;
}
#left {
left:0;
}
#right {
right:0;
}
#bottom {
display:block;
width:100%;
height:12vh;
position:fixed;
left:0;
bottom:0;
background-color:black;
}
#thumbnails {
overflow-x:auto;
overflow-y:hidden;
display:block;
width:100%;
height:12vh;
position:absolute;
left:0;
bottom:0;
}
#m_description {
cursor:pointer;
display:block;
width:100%;
height:12vh;
position:fixed;
left:0;
bottom:-12vh;
}
#description {
padding:0 2px;
}
.scrollbar {
overflow-x:hidden;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:rgba(227,69,123,0.5) transparent;
}
.scrollbar::-webkit-scrollbar {
width:0.8vh;
}
.scrollbar::-webkit-scrollbar-track {
background-color:transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
background-color:rgba(227,69,123,0.5);
border-radius:2px;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
background-color:rgba(255,255,255,0.5);
}
.thumbnail {
cursor:pointer;
display:block;
background-repeat:no-repeat;
background-position-x:50%;
background-position-y:50%;
background-size:contain;
width:11.2vh;
height:11.2vh;
position:relative;
}
.frame {
cursor:pointer;
position:absolute;
left:0;
top:0;
display:block;
width:10.4vh;
height:10.4vh;
border-style:solid;
border-color:transparent;
border-width:0.4vh;
}
#loading {
cursor:wait;
display:none;
position:fixed;
left:0;
right:0;
bottom:0;
width:100%;
height:12vh;
}
.mCSB_scrollTools_horizontal {
opacity:0!important;
max-height:0!important;
}
.mCSB_dragger,.mCSB_draggerRail {
display:none!important;
}
@media screen and (max-width:640px) {
}
@media screen and (min-width:641px) {
#m_description {
display:none;
opacity:0;
}
}