diff options
| author | Rasmus Luha <rasmus.luha@gmail.com> | 2023-01-07 20:15:49 +0200 |
|---|---|---|
| committer | Rasmus Luha <rasmus.luha@gmail.com> | 2023-01-07 20:15:49 +0200 |
| commit | a23f08d5c33da938c758728bda20c79a57c76ab9 (patch) | |
| tree | 06d6da58518327e3cd78591af4af39bad6e52b29 /rannak/mangud/uliopilane/tSark | |
| parent | 2963d358fecd49fd9b140c4df1fea7de04cb5757 (diff) | |
Tsark, rolliValik, Map update
Diffstat (limited to 'rannak/mangud/uliopilane/tSark')
| -rw-r--r-- | rannak/mangud/uliopilane/tSark/index.html | 22 | ||||
| -rw-r--r-- | rannak/mangud/uliopilane/tSark/main.js | 17 | ||||
| -rw-r--r-- | rannak/mangud/uliopilane/tSark/style.css | 31 |
3 files changed, 55 insertions, 15 deletions
diff --git a/rannak/mangud/uliopilane/tSark/index.html b/rannak/mangud/uliopilane/tSark/index.html index 1de96dd..9fcbef6 100644 --- a/rannak/mangud/uliopilane/tSark/index.html +++ b/rannak/mangud/uliopilane/tSark/index.html @@ -7,7 +7,7 @@ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> </head> - <body> + <body class="text-white"> <div class="containeraa"> @@ -22,7 +22,7 @@ <!-- Modal --> - <div class="modal fade text-black" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> + <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> @@ -112,16 +112,16 @@ <button id="nextTekstBtn" onclick="nextText();">Veel üks Tekst</button> <div class="textAddWrapper"> - <span class="ules">↑</span> - <span class="alla">↓</span> - <span class="vasak">←</span> - <span class="parem">→</span> + <button class="ules">↑</button> + <button class="alla">↓</button> + <button class="vasak">←</button> + <button class="parem">→</button> - <span class="vertVasak">↶</span> - <span class="vertParem">↷</span> + <button class="vertVasak">↶</button> + <button class="vertParem">↷</button> - <span class="plus">+</span> - <span class="minus">-</span> + <button class="plus">+</button> + <button class="minus">−</button> <input id="colorText" type="color" value="#000000"/> @@ -129,7 +129,7 @@ </div> <!-- TextPos End --> - <div class="nulliBtn"> + <div> <label for="nulliBtn">Nulli Särk:</label> <button class="nulliBtn">Nulli särk</button> </div> diff --git a/rannak/mangud/uliopilane/tSark/main.js b/rannak/mangud/uliopilane/tSark/main.js index 485c189..ddbd533 100644 --- a/rannak/mangud/uliopilane/tSark/main.js +++ b/rannak/mangud/uliopilane/tSark/main.js @@ -375,7 +375,7 @@ const chkBtn = document.querySelector(".checkMoveOn"); chkBtn.addEventListener("click", (e) => { if (stuffDone.length >= 3){ - message("Korras! Soovi korral tee screenshot (Win+Shift+S)", "green"); + message("Korras! Soovi korral tee screenshot (Win+Shift+S)", "#4BB543"); moveOnEnable(); } else @@ -386,6 +386,13 @@ function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; btn.onclick = () => location.href = "../utlused"; + + let tst = document.querySelectorAll(".resizer"); + for (elinjo of tst){ + elinjo.style.height = 0; + elinjo.style.width = 0; + } + } // 6 @@ -437,4 +444,12 @@ nulliBtn.addEventListener("click", () => { it.style.left = brr.left + 200; //it.style.top = brr.top + 300; + + // Moving IMg Corners + let tst = document.querySelectorAll(".resizer"); + for (elinjo of tst){ + elinjo.style.height = "7px"; + elinjo.style.width = "7px"; + } + }) diff --git a/rannak/mangud/uliopilane/tSark/style.css b/rannak/mangud/uliopilane/tSark/style.css index 6d1f5fb..ff8a478 100644 --- a/rannak/mangud/uliopilane/tSark/style.css +++ b/rannak/mangud/uliopilane/tSark/style.css @@ -1,5 +1,5 @@ body{ - background-color: #fffcc9 !important; + background-color: #FADFCA !important; box-sizing: border-box; margin: 0; padding: 0; @@ -18,7 +18,7 @@ body{ width: 50%; height: 100vh; text-align: center; - background-color: #B3B07B; + background-color: #544B44; } @@ -61,6 +61,9 @@ button:disabled{ /* Modal Stuff */ +.modal{ + color: black !important; +} .closeModalButton { border-radius: 50px; @@ -69,6 +72,7 @@ button:disabled{ .modalButton{ padding: 5px !important; margin-left: 30px !important; + margin-top: 3px !important; background-color: rgba(0,136,169,1) !important; border: none !important; border-radius: 50px !important; @@ -113,6 +117,17 @@ svg { /*Muutuste osa*/ +.muutused button { + background-color: #596B6E; + border: none; + border-radius: 4px; + font-size:1.3rem; + color:white; + padding: 10px; + margin: 0 2px; + font-size: 0.9rem; +} + .muutused { margin-top: 10px; border-top: 2px solid gray; @@ -141,7 +156,17 @@ svg { } .nulliBtn { - font-size: 1.2rem; + background-color: red !important; +} + +.textAddWrapper button { + background-color: #596B6E; + border: none; + border-radius: 4px; + font-size:1.3rem; + color:white; + padding: 10px; + margin: 0 2px; } |