japanese-drum-game/public/src/css/game.css

49 lines
725 B
CSS
Raw Normal View History

2015-07-17 16:22:46 +08:00
#game{
width: 100%;
height: 100%;
2015-07-17 16:22:46 +08:00
overflow: hidden;
background-size: cover;
2015-07-17 16:22:46 +08:00
}
#canvas{
position: relative;
z-index: 1;
width: 100%;
height: 100%;
2015-07-17 16:22:46 +08:00
}
#pause-menu{
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 5;
2015-07-17 16:22:46 +08:00
}
#pause-menu button{
width: 90%;
height: 25%;
display: block;
2018-09-09 12:09:15 +08:00
margin: 0 auto;
2015-07-17 16:22:46 +08:00
cursor: pointer;
2018-09-09 12:09:15 +08:00
border:.5vmin solid #ae7a26;
background: #fff;
color: #000;
2015-07-17 16:22:46 +08:00
font-family: TnT;
2018-09-09 12:09:15 +08:00
font-size: 3.5vmin;
border-radius: 1.5vmin;
2015-07-17 16:22:46 +08:00
}
#pause-menu button:hover{
border-color:#fa5d3a;
color:white;
background:#0c6577;
}
#cursor{
position: fixed;
width: 1px;
height: 1px;
cursor: none;
pointer-events: none;
z-index: 1;
2015-07-17 16:22:46 +08:00
}