alvierahman90/capitals_quiz
1
0
Fork 0
mirror of https://github.com/alvierahman90/capitals_quiz.git synced 2024-11-23 17:59:55 +00:00
Code Issues Projects Releases Wiki Activity

update styles

Browse Source
This commit is contained in:
Akbar Rahman 2022-04-13 02:55:01 +01:00
parent 38b1530202
commit cf94bcf486
Signed by: alvierahman90
GPG Key ID: 20609519444A1269
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
game_styles.css
View File

@ -74,10 +74,12 @@ input {
--okay: var(--yellow);
--bad: var(--red);
background: var(--good);
color: var(--dark);
}
#time {
background: var(--blue);
color: var(--dark);
}
#gameinfo {
@ -154,8 +156,8 @@ span#questionCapital {
}
#settings .regionListItem:hover {
background: #d9d9d9;
color: black;
background: var(--light);
color: var(--dark);
}
/* toggle switches */
@ -242,6 +244,7 @@ input[type="radio"] + label {
}
input[type="radio"]:checked + label {
background-color: var(--yellow);
color: var(--dark);
}
#previousQuestionAnswer {

5
styles.css
View File

@ -1,4 +1,6 @@
@import url("https://styles.alv.cx/base.css");
@import url("https://styles.alv.cx/modules/darkmode.css");
@import url("https://styles.alv.cx/modules/colors/gruvbox.css");
:root {
--default-bg: #fefefe;
@ -17,14 +19,11 @@
body {
font-family: monospace;
color: var(--default-fg);
font-size: 16px;
margin: 0 auto;
max-width: 800px;
padding: 2em;
line-height: 1.1;
text-align: justify;
background-color: var(--default-bg);
}
@media only screen and (max-width: 600px) {