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

BrowserSupport: Translate

Browse Source
This commit is contained in:
LoveEevee
2019-01-26 21:29:13 +03:00
parent 4e0d220182
commit 8d50b9ceea
10 changed files with 201 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public/src/css/loader.css
View File

@@ -64,28 +64,27 @@ body{
left: 0;
max-height: 100%;
overflow: hidden auto;
padding: 10px;
padding: 0.5em;
background: #aef;
font-family: sans-serif;
font-size: 20px;
cursor: default;
z-index: 10;
}
#unsupportedBrowser::before{
content: "!";
#unsupportedWarn{
display: inline-block;
width: 30px;
height: 30px;
margin-right: 10px;
width: 1.5em;
height: 1.5em;
margin-right: 0.5em;
background: #39a;
color: #fff;
text-align: center;
line-height: 30px;
line-height: 1.5em;
}
#unsupportedBrowser.hidden{
width: 30px;
width: 1.5em;
}
#unsupportedBrowser.hidden *{
#unsupportedBrowser.hidden *:not(#unsupportedWarn){
display: none !important;
}
#unsupportedBrowser a{
@@ -97,13 +96,13 @@ body{
text-decoration: underline;
}
#unsupportedBrowser ul{
margin: 5px;
margin: 0.25em;
}
#unsupportedDetails{
display: none;
margin: 10px 50px 0 50px;
border: 3px solid #39a;
padding: 5px;
margin: 0.5em 2.5em 0 2.5em;
border: 0.15em solid #39a;
padding: 0.25em;
cursor: auto;
user-select: text;
}
@@ -111,10 +110,10 @@ body{
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
width: 2.5em;
height: 2.5em;
text-align: center;
line-height: 45px;
line-height: 2.25em;
color: #777;
text-shadow: 1px 1px #fff;
text-shadow: 0.05em 0.05em #fff;
}

26
public/src/css/songbg.css
View File

@@ -110,9 +110,13 @@
top: calc(50% + -1vw);
bottom: auto;
}
@keyframes donbg-scroll{
@keyframes donbg-scroll1{
from{background-position-x: 0}
to{background-position-x: calc(var(--h) / var(--sh1) * var(--sw) * -1)}
to{background-position-x: calc(var(--h) / var(--sh1) * var(--sw1) * -1)}
}
@keyframes donbg-scroll2{
from{background-position-x: 0}
to{background-position-x: calc(var(--h) / var(--sh1) * var(--sw2) * -1)}
}
@keyframes donbg-raise{
from{background-position-y: 0}
@@ -134,7 +138,7 @@
30%{background-position-y: 0}
}
.donlayer1{
animation: 5s linear donbg-scroll infinite;
animation: 5s linear donbg-scroll1 infinite;
background-size: auto 100%;
}
.donlayer2{
@@ -154,21 +158,27 @@
.donbg-4 .donlayer2,
.donbg-6 .donlayer2,
.donbg-raise .donlayer2{
animation: 5s linear donbg-scroll infinite, 1s linear donbg-raise infinite alternate;
animation: 5s linear donbg-scroll2 infinite, 1s linear donbg-raise infinite alternate;
}
.donbg-3 .donlayer2,
.donbg-anim3 .donlayer2{
animation: 3.4s linear donbg-scroll infinite, 1.8s linear donbg-anim3 infinite;
animation: 3.4s linear donbg-scroll2 infinite, 1.8s linear donbg-anim3 infinite;
}
.donbg-5 .donlayer2,
.donbg-anim5 .donlayer2{
animation: 2.7s linear donbg-scroll infinite, 2.2s linear donbg-anim5 infinite;
animation: 2.7s linear donbg-scroll2 infinite, 2.2s linear donbg-anim5 infinite;
}
.donbg-equalscroll .donlayer1{
animation: 5.3s linear donbg-scroll1 infinite;
}
.donbg-equalscroll .donlayer2{
animation: 5.3s linear donbg-scroll2 infinite;
}
.donbg-fastscroll .donlayer1{
animation: 2s linear donbg-scroll infinite;
animation: 2s linear donbg-scroll1 infinite;
}
.donbg-fastscroll .donlayer2{
animation: 1s linear donbg-scroll infinite;
animation: 1s linear donbg-scroll2 infinite;
}
#tetsuohana{