diff options
| author | Rasmus <rasmus.luha@gmail.com> | 2023-03-13 16:33:45 +0200 |
|---|---|---|
| committer | Rasmus <rasmus.luha@gmail.com> | 2023-03-13 16:33:45 +0200 |
| commit | c40293acd3a00b20d74cf37823b7efb1b75dec9b (patch) | |
| tree | baae5261dae9549bdb24f74aa2249965ec183fbc /rannak/mangud/kaitseliitlane | |
| parent | 1add8ef6285df97270dae4df9f68591443fc5925 (diff) | |
Sissejuhatus Btn clean
Diffstat (limited to 'rannak/mangud/kaitseliitlane')
| -rwxr-xr-x | rannak/mangud/kaitseliitlane/salakood/index.html | 10 | ||||
| -rwxr-xr-x | rannak/mangud/kaitseliitlane/salakood/style.css | 30 | ||||
| -rwxr-xr-x | rannak/mangud/kaitseliitlane/sundmused/index.html | 11 | ||||
| -rwxr-xr-x | rannak/mangud/kaitseliitlane/sundmused/styles.css | 13 |
4 files changed, 41 insertions, 23 deletions
diff --git a/rannak/mangud/kaitseliitlane/salakood/index.html b/rannak/mangud/kaitseliitlane/salakood/index.html index b40dd02..798c802 100755 --- a/rannak/mangud/kaitseliitlane/salakood/index.html +++ b/rannak/mangud/kaitseliitlane/salakood/index.html @@ -13,11 +13,6 @@ <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>Salakood</h1> @@ -29,6 +24,11 @@ <div class="col"> <button class="moveOn" disabled>Liigu edasi</button> + + <!-- Button trigger modal --> + <button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> + Sissejuhatus + </button> </div> <div class="text-center inputBox"> diff --git a/rannak/mangud/kaitseliitlane/salakood/style.css b/rannak/mangud/kaitseliitlane/salakood/style.css index e7d79d8..13630f5 100755 --- a/rannak/mangud/kaitseliitlane/salakood/style.css +++ b/rannak/mangud/kaitseliitlane/salakood/style.css @@ -51,20 +51,36 @@ button:disabled{ } .modalButton{ - position: absolute; - top: 0; - right: 0; - padding: 6px; - padding: 9px 25px; + display: inline-block; + padding: 6px 12px; + margin-left: 30px; 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; + font-size: 1rem; +} + + +.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; } + + + + .modalButton:hover{ background-color: rgba(0,136,169,0.8); } diff --git a/rannak/mangud/kaitseliitlane/sundmused/index.html b/rannak/mangud/kaitseliitlane/sundmused/index.html index 7c65863..7418239 100755 --- a/rannak/mangud/kaitseliitlane/sundmused/index.html +++ b/rannak/mangud/kaitseliitlane/sundmused/index.html @@ -19,14 +19,15 @@ <div class="row"> <div> <button class="moveOn" disabled>Liigu Edasi</button> + + <!-- Button trigger modal --> + <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> + Sissejuhatus + </button> </div> - </div> - <!-- Button trigger modal --> - <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> - Sissejuhatus - </button> + </div> </div> diff --git a/rannak/mangud/kaitseliitlane/sundmused/styles.css b/rannak/mangud/kaitseliitlane/sundmused/styles.css index fe4f0f9..546c8c3 100755 --- a/rannak/mangud/kaitseliitlane/sundmused/styles.css +++ b/rannak/mangud/kaitseliitlane/sundmused/styles.css @@ -82,20 +82,21 @@ img { border-radius: 50px; } + .modalButton{ - position: absolute; - top: 0; - right: 0; - padding: 25px; + display: inline-block; + padding: 6px 12px; + margin-left: 30px; 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; + font-size: 1rem; } + + .modalButton:hover{ background-color: rgba(0,136,169,0.8); } |