/*
 * 合成大西瓜 - 青城资源导航修改版
 * 青城资源导航（https://qingcheng.club）
 */
html {
-ms-touch-action: none;
touch-action: none;
}
body, canvas, div {
display: block;
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
body {
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
}
#Cocos2dGameContainer {
position: relative !important;
margin: 0 auto !important;
left: auto !important;
top: auto !important;
display: flex;
justify-content: center;
align-items: center;
}
#GameCanvas {
background-color: rgba(0, 0, 0, 0);
display: block;
}
a:link, a:visited {
color: #666;
}
a:active, a:hover {
color: #666;
}
p.header {
font-size: small;
}
p.footer {
font-size: x-small;
}
#splash {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff ;
background-size: 100%;
}
.progress-bar {
position: absolute;
left: 20%;
top: 53%;
height: 8.5px;
padding: 0px;
width: 60%;
background: #c5c5c5;
border-radius: 7px;
}
.progress-bar span {
display: block;
height: 100%;
border-radius: 7px;
transition: width .4s ease-in-out;
background-color: #ffe451;
}
.stripes span {
background-size: 30px 30px;
background-image: linear-gradient(135deg, rgba(253, 216, 67, 1) 25%, transparent 25%,
transparent 50%, rgba(253, 216, 67, 1) 50%, rgba(253, 216, 67, 1) 75%,
transparent 75%, transparent);
animation: animate-stripes 1s linear infinite;
}
@keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}