diff options
Diffstat (limited to 'rannak/mangud/arimees/pood')
23 files changed, 370 insertions, 273 deletions
diff --git a/rannak/mangud/arimees/pood/fonts/1001fonts-eutemia-i-eula.txt b/rannak/mangud/arimees/pood/fonts/1001fonts-eutemia-i-eula.txt deleted file mode 100755 index b3cf91f..0000000 --- a/rannak/mangud/arimees/pood/fonts/1001fonts-eutemia-i-eula.txt +++ /dev/null @@ -1,31 +0,0 @@ -1001Fonts Free For Commercial Use License (FFC) - -Preamble
-In this license, 'Eutemia I' refers to the given .zip file, which may contain one or numerous fonts. These fonts can be of any type (.ttf, .otf, ...) and together they form a 'font family' or in short a 'typeface'.
-
-1. Copyright
-Eutemia I is the intellectual property of its respective author, provided it is original, and is protected by copyright laws in many parts of the world.
-
-2. Usage
-Eutemia I may be downloaded and used free of charge for both personal and commercial use. Personal use refers to all usage that does not generate financial income in a business manner, for instance:
-
- - personal scrapbooking for yourself
- - recreational websites and blogs for friends and family
- - prints such as flyers, posters, t-shirts for churches, charities, and non-profit organizations
-
-Commercial use refers to usage in a business environment, including:
-
- - business cards, logos, advertising, websites for companies
- - t-shirts, books, apparel that will be sold for money
- - flyers, posters for events that charge admission
- - freelance graphic design work
- - anything that will generate direct or indirect income
-
-3. Modification
-Eutemia I may not be modified, altered, adapted or built upon without written permission by its respective author. This pertains all files within the downloadable font zip-file.
-
-4. Distribution
-While Eutemia I may freely be copied and passed along to other individuals for private use as its original downloadable zip-file, it may not be sold or published without written permission by its respective author.
-
-5. Disclaimer
-Eutemia I is offered 'as is' without any warranty. 1001fonts.com and the respective author of Eutemia I shall not be liable for any damage derived from using this typeface. By using Eutemia I you agree to the terms of this license.
\ No newline at end of file diff --git a/rannak/mangud/arimees/pood/fonts/Eutemia.ttf b/rannak/mangud/arimees/pood/fonts/Eutemia.ttf Binary files differdeleted file mode 100755 index c575e59..0000000 --- a/rannak/mangud/arimees/pood/fonts/Eutemia.ttf +++ /dev/null diff --git a/rannak/mangud/arimees/pood/index.html b/rannak/mangud/arimees/pood/index.html index 6c2f7b5..1e83723 100755 --- a/rannak/mangud/arimees/pood/index.html +++ b/rannak/mangud/arimees/pood/index.html @@ -1,30 +1,39 @@ +<!DOCTYPE html> <html lang="en"> <head> - <meta charset="UTF-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title> Pood </title> - <!-- 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="styles.css"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + + <title>Pood</title> + <!-- 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 class="text-white"> +<body> + + + <!-- Button trigger modal --> + <button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> + Sissejuhatus + </button> + + <div class="container text-white text-center"> + <h1>Pood</h1> + <p> + Vali kataloogidest erineivaid tooteid, mida soovid osta + <br/> + ning arvuta ka nende kurss + </p> - <div class="container text-center text-white align-items-center pb-1"> - <h1 class="pb-1 pt-2"> Pood </h1> - <p> Leia toodete tolleaegne hind Eesti Markades, kasutades Rubla ja Marga vahelist kurssi.</p> - <div class="row"> - <div> - <button class="moveOn" disabled>Liigu Edasi</button> - </div> + <div class="text-center"> + <div class="col"> + <button class="moveOn" disabled>Liigu Edasi</button> </div> - <!-- Button trigger modal --> - <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> - Sissejuhatus - </button> + </div> </div> @@ -41,10 +50,22 @@ </div> <div class="modal-body"> - Lähen siin varsti Georg Otsaga Helsinki ostoksille. + + <p> + Lähen siin varsti Georg Otsaga Helsinki ostoksille. Uut kaupa oleks vaja. + Mul täie kuumaga äri käib praegu! Sirvisin veits uusi katalooge, ikka on + hea kaubal silm peal hoida. Äkki saate nats aidata mul plaani pidada, + mida oleks kõige kasulikum 12 000 rutsiga ära tuua? Kurss on praegu päris + ilus - 1 FIM= 7,356 rubla. Põhiline, et oleks palju erinevaid kaupu ja + kogu raha saaks ära kulutatud! Aga sellega vist problat ei tule. + Äkki tahate ise ka midagi, võin soodsalt tuua! + </p> <br/> <strong> - Äkki saate vähe aidata mul plaani pidada, mida kõige kasulikum oleks 10 000 rutsiga ära tuua? Äkki tahate ise ka midagi, võin soodsalt tuua! + Selleks lappa katalooge, vali omale sobiv nodi välja ja pane + tabelisse - mida, kui palju, mis rahaga siin ja sealpool lahte arvestama peab. + Ole hea, vali erinevat kraami - ega ma kohalik kaubamaja ole, + et kümmet ühesugust kitlit müüma hakkan! Ole nüüd! </strong> </div> @@ -53,10 +74,219 @@ </div> + <!-- Main Stuff --> + <div class="main"> + <h3>Sirvi ajakirja</h3> + + <div class="ajakiriWrapper"> + + + + <ul class="nav nav-tabs" id="myTab" role="tablist"> + + <li class="nav-item" role="presentation"> + <button class="nav-link active" id="tab1" data-bs-toggle="tab" data-bs-target="#tab-pane1" type="button" role="tab" aria-controls="tab-pane1" aria-selected="true">1</button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="tab2" data-bs-toggle="tab" data-bs-target="#tab-pane2" type="button" role="tab" aria-controls="tab-pane2" aria-selected="false">2</button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="tab3" data-bs-toggle="tab" data-bs-target="#tab-pane3" type="button" role="tab" aria-controls="tab-pane3" aria-selected="false">3</button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="tab4" data-bs-toggle="tab" data-bs-target="#tab-pane4" type="button" role="tab" aria-controls="tab-pane4" aria-selected="false" >4</button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="tab5" data-bs-toggle="tab" data-bs-target="#tab-pane5" type="button" role="tab" aria-controls="tab-pane5" aria-selected="false" >5</button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="tab6" data-bs-toggle="tab" data-bs-target="#tab-pane6" type="button" role="tab" aria-controls="tab-pane6" aria-selected="false" >6</button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="tab7" data-bs-toggle="tab" data-bs-target="#tab-pane7" type="button" role="tab" aria-controls="tab-pane7" aria-selected="false" >7</button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="tab8" data-bs-toggle="tab" data-bs-target="#tab-pane8" type="button" role="tab" aria-controls="tab-pane8" aria-selected="false" >8</button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="tab9" data-bs-toggle="tab" data-bs-target="#tab-pane9" type="button" role="tab" aria-controls="tab-pane9" aria-selected="false" >9</button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="tab10" data-bs-toggle="tab" data-bs-target="#tab-pane10" type="button" role="tab" aria-controls="tab-pane10" aria-selected="false" >10</button> + </li> + + <li class="nav-item" role="presentation"> + <button class="nav-link" id="tab11" data-bs-toggle="tab" data-bs-target="#tab-pane11" type="button" role="tab" aria-controls="tab-pane11" aria-selected="false" >11</button> + </li> + + </ul> + + + + + + <div class="tab-content" id="myTabContent"> + + <div class="tab-pane fade show active" id="tab-pane1" role="tabpanel" aria-labelledby="tab1" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/1.jpg"/> + </div> + + <div class="tab-pane fade" id="tab-pane2" role="tabpanel" aria-labelledby="2-tab" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/2.jpg"/> + </div> + + <div class="tab-pane fade" id="tab-pane3" role="tabpanel" aria-labelledby="3-tab" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/3.jpg"/> + </div> + + <div class="tab-pane fade" id="tab-pane4" role="tabpanel" aria-labelledby="4-tab" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/4.jpg"/> + </div> + + <div class="tab-pane fade" id="tab-pane5" role="tabpanel" aria-labelledby="5-tab" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/5.jpg"/> + </div> + + <div class="tab-pane fade" id="tab-pane6" role="tabpanel" aria-labelledby="6-tab" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/6.jpg"/> + </div> + + <div class="tab-pane fade" id="tab-pane7" role="tabpanel" aria-labelledby="7-tab" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/7.jpg"/> + </div> + + <div class="tab-pane fade" id="tab-pane8" role="tabpanel" aria-labelledby="8-tab" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/8.jpg"/> + </div> + + <div class="tab-pane fade" id="tab-pane9" role="tabpanel" aria-labelledby="9-tab" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/9.jpg"/> + </div> + + <div class="tab-pane fade" id="tab-pane10" role="tabpanel" aria-labelledby="10-tab" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/10.jpg"/> + </div> + + <div class="tab-pane fade" id="tab-pane11" role="tabpanel" aria-labelledby="11-tab" tabindex="0"> + <img alt="Ajakirja lehekülg" src="pildid/11.jpg"/> + </div> + + </div> + + + + </div> + <!-- Ajakirja Wrapper End --> + + + + <!-- Tabel --> + <h3>Ostunimekiri</h3> + + <div class="tabelWrapper"> + <table class="table table-dark table-striped"> + <tr> + <th><strong>Toode</strong></th> + <th><strong>Hind(FIM)</strong></th> + <th><strong>Hind(Rubla)</strong></th> + <th><strong>Tükki</strong></th> + <th><strong>Summa(Rubla)</strong></th> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </table> + + + </div> + + <!-- Tabeli lõpp --> + + + </div> + <!-- Main End --> + + + <script src="script.js"></script> - <script src="script.js"></script> + <!-- JavaScript Bundle with Popper --> + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script> - <!-- JavaScript Bundle with Popper --> - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script> </body> </html> diff --git a/rannak/mangud/arimees/pood/pildid/1.jpg b/rannak/mangud/arimees/pood/pildid/1.jpg Binary files differnew file mode 100644 index 0000000..fc78d01 --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/1.jpg diff --git a/rannak/mangud/arimees/pood/pildid/10.jpg b/rannak/mangud/arimees/pood/pildid/10.jpg Binary files differnew file mode 100644 index 0000000..7eb4231 --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/10.jpg diff --git a/rannak/mangud/arimees/pood/pildid/11.jpg b/rannak/mangud/arimees/pood/pildid/11.jpg Binary files differnew file mode 100644 index 0000000..e91c8b5 --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/11.jpg diff --git a/rannak/mangud/arimees/pood/pildid/2.jpg b/rannak/mangud/arimees/pood/pildid/2.jpg Binary files differnew file mode 100644 index 0000000..aab350e --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/2.jpg diff --git a/rannak/mangud/arimees/pood/pildid/3.jpg b/rannak/mangud/arimees/pood/pildid/3.jpg Binary files differnew file mode 100644 index 0000000..9bfc7d6 --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/3.jpg diff --git a/rannak/mangud/arimees/pood/pildid/4.jpg b/rannak/mangud/arimees/pood/pildid/4.jpg Binary files differnew file mode 100644 index 0000000..ec8a0af --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/4.jpg diff --git a/rannak/mangud/arimees/pood/pildid/5.jpg b/rannak/mangud/arimees/pood/pildid/5.jpg Binary files differnew file mode 100644 index 0000000..d728f57 --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/5.jpg diff --git a/rannak/mangud/arimees/pood/pildid/6.jpg b/rannak/mangud/arimees/pood/pildid/6.jpg Binary files differnew file mode 100644 index 0000000..ce21865 --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/6.jpg diff --git a/rannak/mangud/arimees/pood/pildid/7.jpg b/rannak/mangud/arimees/pood/pildid/7.jpg Binary files differnew file mode 100644 index 0000000..4a6c15d --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/7.jpg diff --git a/rannak/mangud/arimees/pood/pildid/8.jpg b/rannak/mangud/arimees/pood/pildid/8.jpg Binary files differnew file mode 100644 index 0000000..f63c3a0 --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/8.jpg diff --git a/rannak/mangud/arimees/pood/pildid/9.jpg b/rannak/mangud/arimees/pood/pildid/9.jpg Binary files differnew file mode 100644 index 0000000..e49c49b --- /dev/null +++ b/rannak/mangud/arimees/pood/pildid/9.jpg diff --git a/rannak/mangud/arimees/pood/pildid/kingad.png b/rannak/mangud/arimees/pood/pildid/kingad.png Binary files differdeleted file mode 100755 index ef106ae..0000000 --- a/rannak/mangud/arimees/pood/pildid/kingad.png +++ /dev/null diff --git a/rannak/mangud/arimees/pood/pildid/kohver.png b/rannak/mangud/arimees/pood/pildid/kohver.png Binary files differdeleted file mode 100755 index 485b6db..0000000 --- a/rannak/mangud/arimees/pood/pildid/kohver.png +++ /dev/null diff --git a/rannak/mangud/arimees/pood/pildid/kupsis.png b/rannak/mangud/arimees/pood/pildid/kupsis.png Binary files differdeleted file mode 100755 index 2419f89..0000000 --- a/rannak/mangud/arimees/pood/pildid/kupsis.png +++ /dev/null diff --git a/rannak/mangud/arimees/pood/pildid/laud.png b/rannak/mangud/arimees/pood/pildid/laud.png Binary files differdeleted file mode 100755 index e3036dc..0000000 --- a/rannak/mangud/arimees/pood/pildid/laud.png +++ /dev/null diff --git a/rannak/mangud/arimees/pood/pildid/sai.png b/rannak/mangud/arimees/pood/pildid/sai.png Binary files differdeleted file mode 100755 index 8add13c..0000000 --- a/rannak/mangud/arimees/pood/pildid/sai.png +++ /dev/null diff --git a/rannak/mangud/arimees/pood/pildid/tugitool.png b/rannak/mangud/arimees/pood/pildid/tugitool.png Binary files differdeleted file mode 100755 index c48bd50..0000000 --- a/rannak/mangud/arimees/pood/pildid/tugitool.png +++ /dev/null diff --git a/rannak/mangud/arimees/pood/script.js b/rannak/mangud/arimees/pood/script.js index 3b3e67b..8803bbe 100755 --- a/rannak/mangud/arimees/pood/script.js +++ b/rannak/mangud/arimees/pood/script.js @@ -4,66 +4,29 @@ document.addEventListener('DOMContentLoaded', () => { }); +const selectors = document.querySelectorAll('select'); -const kurss = 15.6; -doneCounter = 0; +for(el of selectors){ + el.addEventListener('change', () => { - -const kontrollBtns = document.querySelectorAll(".kontrolliKaarti"); -for (let nupp of kontrollBtns){ - nupp.addEventListener("click", (e) => { - let rublaHind = e.target.previousElementSibling.children[0].children[1].innerHTML; - let pakkumine = e.target.previousElementSibling.children[1].children[1].value; - - if (pakkumine*kurss == rublaHind){ - - //Change color - e.target.offsetParent.style.background = "#288654"; - e.target.previousElementSibling.children[0].style.borderRight = ".5rem solid #288654"; - e.target.previousElementSibling.children[1].style.borderLeft = ".5rem solid #288654"; - - //Change Element - - (e.target.previousElementSibling.children[1].children[1]).remove(); - const newEl = document.createElement("span"); - newEl.classList.add("symbol"); - newEl.innerHTML = pakkumine + " M"; - e.target.previousElementSibling.children[1].appendChild(newEl); - - e.target.remove(); - doneCounter++; - - - // InfoTxt - let infoTxt = document.querySelector(".infoTxt") - infoTxt.innerHTML = ""; - - if (doneCounter >= 6){ - enableAllGood(); - } + let selected = new Array(); + for (el of selectors){ + if (!selected.includes(el.value) && el.value != 'Vali') + selected.push(el.value); } - - else{ - // Inputvalue Reset - e.target.previousElementSibling.children[1].children[1].value = ""; - - // InfoTxt - let infoTxt = document.querySelector(".infoTxt") - infoTxt.style.color = "red"; - infoTxt.innerHTML = "Proovi Uuesti!"; - - } - - - - }) + if (selected.length == 6) + moveOnEnable(); + + }); } +// If All Else Done -function enableAllGood(){ +function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; btn.onclick = () => location.href = ""; } + diff --git a/rannak/mangud/arimees/pood/style.css b/rannak/mangud/arimees/pood/style.css new file mode 100755 index 0000000..e4de8d1 --- /dev/null +++ b/rannak/mangud/arimees/pood/style.css @@ -0,0 +1,102 @@ +* {box-sizing: border-box;} + + +body{ + background-color: #43464b; +} + + +h1 { + color: #2FF924; + font-weight: bold; +} + +.moveOn{ + display: inline-block; + border: none; + padding: 6px 12px; + margin-botton: 0; + font-size: 1rem; + font-weight: normal; + text-align: center; + cursor: pointer; + border-radius: 4px; + background-color: #4BB543; + color: white; +} + +button:disabled{ + opacity: 0.5; + cursor: not-allowed; +} + + + + +/* Modal Stuff */ + +.avatar { + border-radius: 20px; + width: 100%; + max-width: 15rem; +} + +.modalHeaderWrapper{ + text-align: center; + margin: 0; + width: 100%; +} + + + +.closeModalButton { + border-radius: 50px; +} + +.modalButton{ + position: absolute; + top: 0; + right: 0; + padding: 6px; + padding: 9px 25px; + 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); +} + + + + + +/* Main */ + +.main { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.main h3 { + padding-top: 1rem; + color: white; +} + +.tab-content img{ + max-width : 50vw; + heigth: auto; +} + + +table { + padding-top: 1rem; + font-size: 1.1rem; +} diff --git a/rannak/mangud/arimees/pood/styles.css b/rannak/mangud/arimees/pood/styles.css deleted file mode 100755 index 58bc290..0000000 --- a/rannak/mangud/arimees/pood/styles.css +++ /dev/null @@ -1,167 +0,0 @@ -* {box-sizing: border-box;} - -body{ - background-color: #43464b; -} -h1{ - color: #2FF924; - font-weight: bold; -} - -/* Modal Stuff */ - -.avatar { - border-radius: 20px; - width: 100%; -} - -.modalHeaderWrapper{ - text-align: center; - margin: 0; - width: 100%; -} - -.closeModalButton { - border-radius: 50px; -} - -.modalButton{ - position: absolute; - top: 0; - right: 0; - padding: 6px; - padding: 9px 25px; - 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); -} - -/* To unduck chrome modal pic size */ -.modal-header img { - max-width: 15rem; - height: auto; - padding: .3rem; -} - - - - - -/* Move On */ - -.moveOn{ - display: inline-block; - border: none; - padding: 6px 12px; - margin-botton: 0; - font-size: 1rem; - font-weight: normal; - text-align: center; - cursor: pointer; - border-radius: 4px; - background-color: #4BB543; - color: white; -} - -button:disabled{ - opacity: 0.5; - cursor: not-allowed; -} - - - -/* Pood Itself */ -.main { - padding: 1% 10%; - display: flex; - flex-wrap: wrap; - justify-content: center; -} - -h3, h5 { - text-align: center; -} - - - - - -/* PoeKaart */ - -.card { - margin: 2rem .5rem; - padding: .5rem; - width: calc(20% - 1rem); - color: black; - background-color: #D22730; -} - -.card img { - height: 57%; -} - - -.card-body{ - padding: 0; - margin: 0; -} -.cardInnerWrapper { - background-color: white; - display:flex; - paddig: 0; - margin: 0; -} - -.rublaHind, .symbol{ - font-size: 1.5rem; -} - -.uno { - width: 50%; - border-right: .5rem solid #D22730; -} - -.dos { - border-left: .5rem solid #D22730; - width: 50%; -} - -.dos input { - width: 80%; - margin-bottom: 1rem; -} - -.kontrolliKaarti{ - margin-top: 1rem; - display: inline-block; - border: none; - padding: 3px 6px; - margin-botton: 0; - font-size: 1.07rem; - font-weight: normal; - text-align: center; - cursor: pointer; - border-radius: 4px; - background-color: #006E33; - color: white; -} - - - - - -/* Media Querries*/ - -@media screen and (max-width: 1650px) { - .card{ - width: calc(25% - 1rem); - } -} |
