SocialCreditScoreGame/assets/css/style.css

137 lines
1.9 KiB
CSS
Raw Permalink Normal View History

2021-10-09 16:57:51 +02:00
body {
background-image: url(../img/chinese_flag.png);
2021-10-09 16:57:51 +02:00
}
* {
2021-10-10 10:04:10 +02:00
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
2021-10-09 16:57:51 +02:00
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;
}
2021-11-21 16:15:43 +01:00
.answers-pic {
2021-11-21 06:11:48 +01:00
width: 100%;
border: 18px ridge yellow;
}
2021-10-09 16:57:51 +02:00
.floattop {
text-align: center;
2021-10-10 09:57:45 +02:00
position: absolute;
2021-10-09 16:57:51 +02:00
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
z-index: 1;
/*hide baby*/
2021-10-09 16:57:51 +02:00
}
#playBegin {
background-image: url(../img/chinese_flag.png);
2021-10-09 16:57:51 +02:00
}
.floattop>img {
width: 35vw;
margin-top: 10vh;
}
#scoreDisplay {
2021-10-09 16:57:51 +02:00
font-size: 25px;
}
#progress {
font-size: 25px;
position: absolute;
top: 6px;
right: 10px;
}
2021-11-19 09:04:27 +01:00
.floatleft {
position: absolute;
left: 2%;
2021-11-20 03:51:09 +01:00
top: 20%;
width: 20%;
display: none;
}
2021-11-20 03:51:09 +01:00
.floatright {
position: absolute;
right: 2%;
bottom: 5%;
2021-11-19 09:04:27 +01:00
width: 20%;
display: none;
}
2021-10-09 16:57:51 +02:00
#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 {
2021-10-09 16:57:51 +02:00
width: 30vw;
margin-top: 10vh;
}
#loose {
background-color: black;
display: none;
z-index: 10;
font-size: 30px;
padding-top: 20vh;
2021-10-09 16:57:51 +02:00
}
#win {
background-color: red;
display: none;
z-index: 10;
font-size: 30px;
padding-top: 20vh;
}