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

5
styles.css
View File

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