From ffdb767de352bb82253e241b6ad996e7b06fee17 Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Mon, 19 Sep 2022 18:44:57 +0300 Subject: =?UTF-8?q?rists=C3=B5na=20css=20done?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- rannak/mangud/perenaine/ristsona/index.html | 417 ++++++++++++++++------------ rannak/mangud/perenaine/ristsona/script.js | 8 + rannak/mangud/perenaine/ristsona/style.css | 58 +++- 3 files changed, 299 insertions(+), 184 deletions(-) (limited to 'rannak/mangud/perenaine/ristsona') diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html index 96df3bc..9089c33 100644 --- a/rannak/mangud/perenaine/ristsona/index.html +++ b/rannak/mangud/perenaine/ristsona/index.html @@ -10,21 +10,27 @@ - + +

Ristsõna

Lahenda ristsõna, vastuseks tuleb retsept?

Liigu Edasi

- -

+ Nr: + + + + +

+ @@ -33,206 +39,267 @@

+ Köögivili, mida kasvatatakse nii kasvuhoones kui avamaal. Selles toidus kasutatakse nii + värskelt, marineeritult kui hapendatult. +
+ Valmistatakse õlist, munakollasest ja äädikast (või sidrunimahlast). +
+ Piklik oranžikas juurvili, mis sisaldab rikkalikult beeta-karoteeni. +
+ Lihatoode, maitseb hästi võileival. +
+ Puuvili, mis sai Lumivalgukesele saatuslikuks. +
+ Sellel maitseainele olevat ehitatud keskaegne Tallinn. +

+ - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + +

⁸H

⁴V

¹⁰S

¹K

⁶S

⁹M

¹²K

³P

²M

⁵Õ

⁷P

¹¹H

→

+ Kõige tuntum vürts. +
+ Seitse poissi ühes kindas? Eesti mõistatus +
+ Kas enne oli kana või see toiduaine? +
+ Siiruviiruline köögivili, mis paneb nutma. +
+ Hapendatud piimatoode, mida eestlased armastavad süüa iga roaga. +
+ Köögivili, mille Kolumbus Ameerikast Euroopasse tõi. +

diff --git a/rannak/mangud/perenaine/ristsona/script.js b/rannak/mangud/perenaine/ristsona/script.js index eac2fc2..01f4ad5 100644 --- a/rannak/mangud/perenaine/ristsona/script.js +++ b/rannak/mangud/perenaine/ristsona/script.js @@ -1,6 +1,14 @@ console.log("Brrrr");; let counter = 0; +function getInputValue() { + // Selecting the input element and get its value + let inputVal = document.getElementById("inputId").value; + // Displaying the value + alert(inputVal); + } + + // Button func function moveOnEnable(){ diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css index 00c55b6..dab40f7 100644 --- a/rannak/mangud/perenaine/ristsona/style.css +++ b/rannak/mangud/perenaine/ristsona/style.css @@ -2,26 +2,66 @@ box-sizing: border-box; } -table{ - margin: 20px auto; +body{ + background-color: #212121 !important; } +/* Input Box styles */ -.vastus td{ - border: 5px solid lime !important; +.inputBox{ + margin-top: 10px !important; } -td { - border: 4px solid white !important; - width: 40px !important; - height: 40px !important; - font-weight: bold; +#number { + width: 3em !important; } + +/* Kusimusi */ + +.main li{ + margin: 10px; +} + + + +/* Main styles*/ + .main{ display: flex; } +table{ + margin: 20px auto; +} + +td { + border: 4px solid #212121 !important; + width: 40px !important; + height: 40px !important; + font-weight: bold; +} + .left, .right{ margin: 10px; width: calc((100vw - (13*40px) - 40px) / 2) !important; } + +/* Ristsõna */ + +.vastus td{ + border: 5px solid lime !important; +} + +.kurk, .majonees, .vorst, +.porgand, .õun, .sool, .pipar, .hernes, +.muna, .sibul, .hapukoor, .kartul { + border: 5px solid white !important; + color: white; +} + +.kurk span, .majonees span, .vorst span, +.porgand span, .õun span, .sool span, +.pipar span, .hernes span, .muna span, +.sibul span, .hapukoor span, .kartul span{ + display: none; +} -- cgit v1.2.3