commit e186623c3931556b2e614ea1b25e73d42ff9b8f5
parent 05039db12c1b92203d87d115b289bf28370426ed
Author: Milan Pässler <me@pbb.lc>
Date: Wed, 22 Jul 2020 15:23:20 +0200
parent 05039db12c1b92203d87d115b289bf28370426ed
Author: Milan Pässler <me@pbb.lc>
Date: Wed, 22 Jul 2020 15:23:20 +0200
remove border-radius and shadow
1 file changed, 1 insertion(+), 27 deletions(-)
diff --git a/client/style.css b/client/style.css @@ -90,7 +90,7 @@ header { height: 72px; width: 72px; margin: 0 auto; - transition: transform 150ms, box-shadow 150ms; + transition: transform 150ms; user-select: none; filter: invert(); } @@ -147,21 +147,15 @@ tbody tr:hover td { box-sizing: border-box; width: 100%; padding: .3em .5em; - border-radius: 3px; font-size: 1.5em; padding: 7px; border: none; outline: none; - box-shadow: 0 .1em .2em rgba(0, 0, 0, .5); background-color: white; color: black; margin-top: 8px; } - input[type="text"]:focus { - border-radius: 3px 3px 0px 0px; - } - .btn, .selector label { cursor: pointer; @@ -179,8 +173,6 @@ tbody tr:hover td { margin-bottom: 8px; margin-right: auto; display: flex; - border-radius: 3px; - box-shadow: 0 .1em .2em rgba(0, 0, 0, .5); overflow: hidden; } @@ -217,11 +209,6 @@ tbody tr:hover td { height: 0; } - .switch input:active, - .switch input:focus { - box-shadow: 0 .1em .5em rgba(0, 0, 0, .6); - } - .slider { position: absolute; cursor: pointer; @@ -243,7 +230,6 @@ tbody tr:hover td { width: 42px; background-color: white; transition: .2s; - box-shadow: 0 .1em .2em rgba(0, 0, 0, .5); } .switch input:checked + .slider:before { @@ -305,7 +291,6 @@ tbody tr:hover td { } .search>.title>.logo { - box-shadow: 0 .1em .2em rgba(0, 0, 0, .5); background-color: #7171e5; border-radius: 15%; width: 50px; @@ -401,7 +386,6 @@ tbody tr:hover td { .suggestionsbox { border-radius: 3px; width: 100%; - box-shadow: 0 .4em .8em rgba(0, 0, 0, .5); } .suggestionsbox p:first-child { @@ -501,7 +485,6 @@ tbody tr:hover td { } table { - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4); overflow: hidden; border: none; margin: 50px auto; @@ -548,7 +531,6 @@ label[for=from], label[for=to], label[for=isarr], label[for="date"], label[for=t background-color: white; width: fit-content; padding: 15px; - box-shadow: 0 1px 4px rgba(0, 0, 0, .6); } .dismiss { @@ -616,7 +598,6 @@ label[for=from], label[for=to], label[for=isarr], label[for="date"], label[for=t border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; - box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-body { @@ -630,7 +611,6 @@ label[for=from], label[for=to], label[for=isarr], label[for="date"], label[for=t } .modal-content { - box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } } @@ -640,8 +620,6 @@ label[for=from], label[for=to], label[for=isarr], label[for="date"], label[for=t form>div.history { margin-top: 8px; - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4); - border-radius: 5px; overflow: hidden; display: none; margin-bottom: 1em; @@ -685,12 +663,10 @@ form>div.history { .box { margin: auto; - border-radius: 4px; background-color: white; width: fit-content; width: -moz-fit-content; padding: 15px; - box-shadow: 0 1px 4px rgba(0, 0, 0, .6); } .alert.dismiss { @@ -715,7 +691,6 @@ form>div.history { .select a { display: block; text-decoration: none; - border-radius: 4px; background-color: rgba(20, 30, 255, .7); color: white; width: 100%; @@ -757,7 +732,6 @@ form>div.history { padding: 0; width: 100%; margin: 0; - box-shadow: none; } .icon-back {