mirror of
https://github.com/jiojciojsioe3/a3cjroijsiojiorj.git
synced 2024-12-22 17:26:13 +08:00
GameConfig: Fix css assets
This commit is contained in:
LoveEevee
parent
d1ae38e9c4
commit
a4e119ecf6
@ -67,6 +67,10 @@
|
||||
}
|
||||
#touch-drum-img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-position: top;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
#touch-buttons{
|
||||
display: none;
|
||||
@ -76,9 +80,12 @@
|
||||
opacity: 0.5;
|
||||
z-index: 5;
|
||||
}
|
||||
#touch-buttons img{
|
||||
#touch-buttons div{
|
||||
display: inline-block;
|
||||
width: 12.5vmin;
|
||||
height: 12.5vmin;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.portrait #touch-buttons{
|
||||
top: 11vh;
|
||||
|
||||
@ -21,7 +21,10 @@
|
||||
color: #fff;
|
||||
}
|
||||
#loading-don{
|
||||
width: 50%;
|
||||
width: 10vw;
|
||||
height: calc(10vw / 120 * 115);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.loading-text{
|
||||
position: relative;
|
||||
|
||||
@ -14,7 +14,8 @@ body{
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #fe7839 url("/assets/img/bg-pattern-1.png") top center;
|
||||
background-color: #fe7839;
|
||||
background-position: top center;
|
||||
background-size: 30vh;
|
||||
font-family: TnT, Meiryo, sans-serif;
|
||||
}
|
||||
@ -236,7 +237,6 @@ kbd{
|
||||
#song-select{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("/assets/img/bg_genre_0.png");
|
||||
background-size: calc(100vh / 720 * 512);
|
||||
background-repeat: repeat no-repeat;
|
||||
animation: bgscroll 16s infinite linear;
|
||||
@ -257,6 +257,8 @@ kbd{
|
||||
width: 12.5vmin;
|
||||
height: 12.5vmin;
|
||||
opacity: 0.5;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
#song-sel-selectable{
|
||||
position: absolute;
|
||||
|
||||
@ -15,13 +15,19 @@
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #1389f0 url("/assets/img/title-screen.png") no-repeat center;
|
||||
background-color: #1389f0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
cursor: pointer;
|
||||
}
|
||||
.logo-big{
|
||||
width: 90vmin;
|
||||
height: auto;
|
||||
height: calc(90vmin / 754 * 400);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
color: transparent;
|
||||
}
|
||||
.click-to-continue{
|
||||
position: absolute;
|
||||
|
||||
@ -1220,11 +1220,11 @@
|
||||
if(this.touch > ms - 100){
|
||||
if(!this.drumPadding){
|
||||
this.drumPadding = true
|
||||
this.touchDrumImg.style.paddingTop = "1%"
|
||||
this.touchDrumImg.style.backgroundPositionY = "7px"
|
||||
}
|
||||
}else if(this.drumPadding){
|
||||
this.drumPadding = false
|
||||
this.touchDrumImg.style.paddingTop = ""
|
||||
this.touchDrumImg.style.backgroundPositionY = ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<div id="game">
|
||||
<div id="touch-drum">
|
||||
<img id="touch-drum-img" src="/assets/img/touch_drum.png">
|
||||
<div id="touch-drum-img"></div>
|
||||
</div>
|
||||
<canvas id="canvas"></canvas>
|
||||
<div id="pause-menu">
|
||||
@ -11,7 +11,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div id="touch-buttons">
|
||||
<img id="touch-full-btn" src="/assets/img/touch_fullscreen.png"><img id="touch-pause-btn" src="/assets/img/touch_pause.png">
|
||||
<div id="touch-full-btn"></div><div id="touch-pause-btn"></div>
|
||||
</div>
|
||||
<div id="cursor"></div>
|
||||
</div>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<div id="load-song">
|
||||
<div id="loading-song">
|
||||
<img id="loading-don" src="/assets/img/dancing-don.gif">
|
||||
<div id="loading-don"></div>
|
||||
<div class="loading-text stroke-sub" alt="Loading...">Loading...</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<div id="song-select">
|
||||
<canvas id="song-sel-canvas"></canvas>
|
||||
<div id="song-sel-selectable" tabindex="1"></div>
|
||||
<img id="touch-full-btn" src="/assets/img/touch_fullscreen.png">
|
||||
<div id="touch-full-btn"></div>
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div id="title-screen">
|
||||
<img class="logo-big" src="/assets/img/logo-big.png" alt="太鼓の達人ウェブ">
|
||||
<div class="logo-big">太鼓の達人ウェブ</div>
|
||||
<div class="click-to-continue stroke-sub" alt="Click or Press Enter!">Click or Press Enter!</div>
|
||||
</div>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>太鼓の達人ウェブ - Taiko no Tatsujin Web</title>
|
||||
<link rel="icon" href="/assets/img/favicon.png" type="image/png">
|
||||
<link rel="icon" href="{{config.assets_baseurl}}img/favicon.png" type="image/png">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no">
|
||||
|
||||
<link rel="stylesheet" href="/src/css/main.css?{{version.commit_short}}"/>
|
||||
@ -23,6 +23,7 @@
|
||||
<link rel="stylesheet" href="/src/css/game.css?{{version.commit_short}}">
|
||||
<link rel="stylesheet" href="/src/css/debug.css?{{version.commit_short}}">
|
||||
<link rel="stylesheet" href="{{config.assets_baseurl}}fonts/fonts.css?{{version.commit_short}}">
|
||||
<link rel="stylesheet" href="{{config.assets_baseurl}}img/img.css?{{version.commit_short}}">
|
||||
|
||||
<script src="/src/js/lib/fontdetect.min.js?{{version.commit_short}}"></script>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user