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

47 lines
653 B
CSS
Raw Normal View History

2015-07-17 16:22:46 +08:00
#game{
width:100%;
height:100%;
overflow: hidden;
2018-09-06 00:46:26 +08:00
background-size:cover;
2015-07-17 16:22:46 +08:00
}
#canvas{
2018-09-06 00:46:26 +08:00
position:relative;
z-index:1;
2015-07-17 16:22:46 +08:00
width:100%;
height:100%;
}
#pause-menu{
display:none;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(0,0,0,0.75);
2018-08-06 23:34:59 +08:00
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;
2015-07-17 16:22:46 +08:00
background: rgb(255, 255, 255);
color: black;
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;
}