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

109 lines
1.7 KiB
CSS
Raw Normal View History

2015-07-17 16:22:46 +08:00
@font-face {
font-family: 'TnT';
src: url('../../assets/fonts/TnT.ttf') format('truetype');
}
@font-face {
font-family: 'Kozuka';
src: url('../../assets/fonts/KozGoPro-Bold.otf') format('truetype');
}
html, body{
padding: 0;
margin: 0;
width:100%;
height: 100%;
background: black;
color:white;
2018-08-07 23:27:10 +08:00
user-select: none;
2015-07-17 16:22:46 +08:00
}
#screen{
width:100%;
height:100%;
margin:0;
padding:0;
background: url('/assets/img/bg-pattern-1.png');
}
#assets{
display:none;
}
.window{
font-size: 14pt;
width: 30%;
height: 30%;
padding: 30px;
color: black;
background: rgba(255, 220, 47, 0.95);
border: 7px outset #f4ae00;
position:relative;
box-shadow: 2px 2px 10px black;
top: 35%;
left: 35%;
}
2018-08-06 20:41:56 +08:00
.stroke-main {
font-weight: 300;
}
.result-title {
margin-top: 9px !important;
margin-left: 5px !important;
z-index: 1;
}
2018-08-06 23:34:59 +08:00
.result-song, .game-song {
2018-08-06 20:41:56 +08:00
position: absolute;
right: 0;
font-size: 5vmin;
margin: 30px 30px 0px 0px;
color: white;
float: right;
z-index: 1;
2018-08-27 00:14:56 +08:00
font-weight: 300;
2018-08-06 20:41:56 +08:00
}
.stroke-main:before {
content: attr(alt);
left: 0;
z-index: -1;
position: absolute;
-webkit-text-stroke: 0.3em #fb3c0c;
}
.stroke-main:after {
content: attr(alt);
left: 0;
z-index: -2;
position: absolute;
-webkit-text-stroke: 0.5em #000;
}
.stroke-sub:before {
content: attr(alt);
position: absolute;
-webkit-text-stroke: 0.25em #000;
left: 0;
z-index: -1;
}
.songsel-title {
position: absolute;
z-index: 1;
font-size: 7vmin;
2018-08-08 18:07:50 +08:00
margin: 20px;
2018-08-07 23:27:10 +08:00
}
.click-to-continue:before {
width: 100%;
2018-08-27 00:14:56 +08:00
}
.don {
background-position-y: 0;
position: absolute;
top: 0px;
2018-08-06 20:41:56 +08:00
}