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/perenaine | |
| parent | 1add8ef6285df97270dae4df9f68591443fc5925 (diff) | |
Sissejuhatus Btn clean
Diffstat (limited to 'rannak/mangud/perenaine')
| -rwxr-xr-x | rannak/mangud/perenaine/kuulamine/index.html | 9 | ||||
| -rwxr-xr-x | rannak/mangud/perenaine/kuulamine/style.css | 11 | ||||
| -rwxr-xr-x | rannak/mangud/perenaine/memori/style.css | 24 | ||||
| -rwxr-xr-x | rannak/mangud/perenaine/ristsona/index.html | 9 | ||||
| -rwxr-xr-x | rannak/mangud/perenaine/ristsona/style.css | 11 |
5 files changed, 30 insertions, 34 deletions
diff --git a/rannak/mangud/perenaine/kuulamine/index.html b/rannak/mangud/perenaine/kuulamine/index.html index 3e88521..4e44139 100755 --- a/rannak/mangud/perenaine/kuulamine/index.html +++ b/rannak/mangud/perenaine/kuulamine/index.html @@ -12,10 +12,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>Kuulamine</h1> @@ -28,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> diff --git a/rannak/mangud/perenaine/kuulamine/style.css b/rannak/mangud/perenaine/kuulamine/style.css index 380bc00..effe5f9 100755 --- a/rannak/mangud/perenaine/kuulamine/style.css +++ b/rannak/mangud/perenaine/kuulamine/style.css @@ -47,18 +47,15 @@ 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; } .modalButton:hover{ diff --git a/rannak/mangud/perenaine/memori/style.css b/rannak/mangud/perenaine/memori/style.css index f76cfda..eebb566 100755 --- a/rannak/mangud/perenaine/memori/style.css +++ b/rannak/mangud/perenaine/memori/style.css @@ -20,7 +20,6 @@ h1 { } .moveOn{ - display: inline-block; border: none; padding: 6px 12px; margin-botton: 0; @@ -61,17 +60,17 @@ button:disabled{ } .modalButton{ - 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; - font-size: 1.2rem !important; - text-align: center !important; - position: absolute !important; - top: 65% !important; - left: 50% !important; - transform: translate(-50%, -50%) !important; + background-color: rgba(0,136,169,1); + border: none; + border-radius: 50px; + cursor: pointer; + transition: all 0.3 ease 0; + font-size: 1.2rem; + text-align: center; + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); } .modalButton:hover{ @@ -90,6 +89,7 @@ button:disabled{ display: flex; flex-wrap: wrap; perspective: 1000px; + max-width: 70%; } .memory-card { diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html index cb8ce41..0200a88 100755 --- a/rannak/mangud/perenaine/ristsona/index.html +++ b/rannak/mangud/perenaine/ristsona/index.html @@ -12,10 +12,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>Ristsõna</h1> @@ -29,6 +25,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/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css index a7732c6..dea1b5e 100755 --- a/rannak/mangud/perenaine/ristsona/style.css +++ b/rannak/mangud/perenaine/ristsona/style.css @@ -63,18 +63,15 @@ 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; } .modalButton:hover{ |