AnthonyDuan/taiko-web
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GameConfig: Fix css assets

Browse Source
This commit is contained in:
LoveEevee
2018-10-28 14:54:15 +03:00
parent d1ae38e9c4
commit a4e119ecf6
10 changed files with 33 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/src/css/game.css
View File

@@ -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;

5
public/src/css/loadsong.css
View File

@@ -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;

6
public/src/css/main.css
View File

@@ -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;

10
public/src/css/titlescreen.css
View File

@@ -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;