Multilanguage support, italian version, free schema
This commit is contained in:
137
assets/css/style.css
Normal file
137
assets/css/style.css
Normal file
@ -0,0 +1,137 @@
|
||||
body {
|
||||
background-image: url(../img/chinese_flag.png);
|
||||
}
|
||||
|
||||
* {
|
||||
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
border-radius: 3px;
|
||||
margin-left: 5vw;
|
||||
margin-right: 5vw;
|
||||
margin-top: 20vh;
|
||||
margin-bottom: 1vh;
|
||||
display: inline-block;
|
||||
height: 10vh;
|
||||
width: 30vh;
|
||||
padding: 10px;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
#question {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#questionTitle {
|
||||
margin-top: 5vh;
|
||||
}
|
||||
|
||||
.answers-pic {
|
||||
width: 100%;
|
||||
border: 18px ridge yellow;
|
||||
}
|
||||
|
||||
.floattop {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: 1;
|
||||
/*hide baby*/
|
||||
}
|
||||
|
||||
#playBegin {
|
||||
background-image: url(../img/chinese_flag.png);
|
||||
}
|
||||
|
||||
.floattop>img {
|
||||
width: 35vw;
|
||||
margin-top: 10vh;
|
||||
}
|
||||
|
||||
#scoreDisplay {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
#progress {
|
||||
font-size: 25px;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.floatleft {
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
top: 20%;
|
||||
width: 20%;
|
||||
|
||||
display: none;
|
||||
}
|
||||
|
||||
.floatright {
|
||||
position: absolute;
|
||||
right: 2%;
|
||||
bottom: 5%;
|
||||
width: 20%;
|
||||
|
||||
display: none;
|
||||
}
|
||||
|
||||
#wrong {
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#correct {
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mao {
|
||||
background-color: black;
|
||||
display: none;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
#xi {
|
||||
background-color: black;
|
||||
display: none;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#square {
|
||||
background-color: black;
|
||||
display: none;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#mao>img,
|
||||
#xi>img,
|
||||
#square>img {
|
||||
width: 30vw;
|
||||
margin-top: 10vh;
|
||||
}
|
||||
|
||||
#loose {
|
||||
background-color: black;
|
||||
display: none;
|
||||
z-index: 10;
|
||||
font-size: 30px;
|
||||
padding-top: 20vh;
|
||||
}
|
||||
|
||||
#win {
|
||||
background-color: red;
|
||||
display: none;
|
||||
z-index: 10;
|
||||
font-size: 30px;
|
||||
padding-top: 20vh;
|
||||
}
|
Reference in New Issue
Block a user