diff options
| author | Rasmus Luha <rasmus.luha@gmail.com> | 2023-02-05 20:43:17 +0200 |
|---|---|---|
| committer | Rasmus Luha <rasmus.luha@gmail.com> | 2023-02-05 20:43:17 +0200 |
| commit | 209b1915b0f1879d0055ea17f76464dddcf8089b (patch) | |
| tree | a7b4077a0c239dba3f0e40b6463e2fb368b65eb3 /rannak/mangud/perenaine/ristsona | |
| parent | ea90f1c8a5fb5b666113ee21f81a5530127a0517 (diff) | |
Hinnad mäng for Arimees + fonts
Diffstat (limited to 'rannak/mangud/perenaine/ristsona')
| -rw-r--r-- | rannak/mangud/perenaine/ristsona/index.html | 7 | ||||
| -rw-r--r-- | rannak/mangud/perenaine/ristsona/script.js | 5 | ||||
| -rw-r--r-- | rannak/mangud/perenaine/ristsona/style.css | 49 |
3 files changed, 34 insertions, 27 deletions
diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html index e4de94f..cb8ce41 100644 --- a/rannak/mangud/perenaine/ristsona/index.html +++ b/rannak/mangud/perenaine/ristsona/index.html @@ -4,10 +4,10 @@ <meta charset="UTF-8"> <title>Ristsõna</title> - - <link rel="stylesheet" href="style.css"> <!-- Bootstrap - CSS only --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> + + <link rel="stylesheet" href="style.css"> </head> <body> @@ -45,13 +45,10 @@ </div> - </div> </div> - - <!-- Modal --> <div class="modal fade text-black" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> diff --git a/rannak/mangud/perenaine/ristsona/script.js b/rannak/mangud/perenaine/ristsona/script.js index e6f56c7..a76eda3 100644 --- a/rannak/mangud/perenaine/ristsona/script.js +++ b/rannak/mangud/perenaine/ristsona/script.js @@ -172,6 +172,11 @@ function getInputValue() { else{ kontrolliVastus(inputNr, inputVal.toLowerCase()); } + + // Clear input value + let inputs = document.querySelectorAll("input"); + for (let ipt of inputs) + ipt.value = ""; } diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css index 4807294..a7732c6 100644 --- a/rannak/mangud/perenaine/ristsona/style.css +++ b/rannak/mangud/perenaine/ristsona/style.css @@ -3,7 +3,12 @@ } body{ - background-color: #212121 !important; + background-color: #43464b; +} + +h1 { + color: #FEDD00; + font-weight: bold; } .moveOn{ @@ -41,14 +46,14 @@ button:disabled{ .avatar { border-radius: 20px; - width: 100% !important; - max-width: 15rem !important; + width: 100%; + max-width: 15rem; } .modalHeaderWrapper{ text-align: center; - margin: 0 !important; - width: 100% !important; + margin: 0; + width: 100%; } @@ -63,32 +68,32 @@ button:disabled{ right: 0; padding: 6px; padding: 9px 25px; - background-color: rgba(0,136,169,1) !important; - border: none !important; - border-radius: 50px !important; - cursor: pointer !important; - transition: all 0.3 ease 0 !important; - margin: 3% !important; - font-size: 1.2rem !important; + background-color: rgba(0,136,169,1); + border: none; + border-radius: 50px; + cursor: pointer; + transition: all 0.3 ease 0; + margin: 3%; + font-size: 1.2rem; } .modalButton:hover{ - background-color: rgba(0,136,169,0.8) !important; + background-color: rgba(0,136,169,0.8); } /* Input Box styles */ .inputBox{ - margin-top: 10px !important; + margin-top: 10px; } #inputNr { - width: 3em !important; + width: 3em; } .messageBox{ - color: #212121; + color: #43464b; } .subBtn{ @@ -127,27 +132,27 @@ table{ } td { - border: 4px solid #212121 !important; - width: 40px !important; - height: 40px !important; + border: 4px solid #43464b; + width: 40px; + height: 40px; font-weight: bold; } .left, .right{ margin: 10px; - width: calc((100vw - (13*40px) - 40px) / 2) !important; + width: calc((100vw - (13*40px) - 40px) / 2); } /* Ristsõna */ .vastus td{ - border: 5px solid lime !important; + border: 5px solid lime; } .kurk, .majonees, .vorst, .porgand, .õun, .sool, .pipar, .hernes, .muna, .sibul, .hapukoor, .kartul { - border: 5px solid white !important; + border: 5px solid white; color: white; } |