Spaces:
Runtime error
Runtime error
body { | |
cursor: default; | |
padding: 0; | |
border: 0; | |
margin: 0; | |
text-align: center; | |
background-color: white; | |
font-family: Helvetica, Verdana, Arial, sans-serif; | |
} | |
body, canvas, div { | |
outline: 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); | |
} | |
/* Remove spin of input type number */ | |
input::-webkit-outer-spin-button, | |
input::-webkit-inner-spin-button { | |
/* display: none; <- Crashes Chrome on hover */ | |
-webkit-appearance: none; | |
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ | |
} | |
#Cocos2dGameContainer { | |
position: absolute; | |
margin: 0; | |
overflow: hidden; | |
left: 0px; | |
top: 0px; | |
} | |
canvas { | |
background-color: rgba(0, 0, 0, 0); | |
} | |
a:link, a:visited { | |
color: #000; | |
} | |
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: #171717 url(./splash.03ce1.png) no-repeat center; | |
background-size: 40%; | |
} | |
.progress-bar { | |
background-color: #1a1a1a; | |
position: absolute; | |
left: 50%; | |
top: 80%; | |
height: 26px; | |
padding: 5px; | |
width: 350px; | |
margin: 0 -175px; | |
border-radius: 5px; | |
box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; | |
} | |
.progress-bar span { | |
display: block; | |
height: 100%; | |
border-radius: 3px; | |
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; | |
transition: width .4s ease-in-out; | |
background-color: #34c2e3; | |
} | |
.stripes span { | |
background-size: 30px 30px; | |
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, | |
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, | |
transparent 75%, transparent); | |
animation: animate-stripes 1s linear infinite; | |
} | |
@keyframes animate-stripes { | |
0% {background-position: 0 0;} 100% {background-position: 60px 0;} | |
} | |
h1 { | |
color: #444; | |
text-shadow: 3px 3px 15px; | |
} | |
#GameDiv { | |
width: 800px; | |
height: 450px; | |
margin: 0 auto; | |
background: black; | |
position:relative; | |
border:5px solid black; | |
border-radius: 10px; | |
box-shadow: 0 5px 50px #333 | |
} | |