remove border-radius and shadow

This commit is contained in:
Milan Pässler 2020-07-22 15:23:20 +02:00
parent 05039db12c
commit e186623c39

View file

@ -90,7 +90,7 @@ header {
height: 72px; height: 72px;
width: 72px; width: 72px;
margin: 0 auto; margin: 0 auto;
transition: transform 150ms, box-shadow 150ms; transition: transform 150ms;
user-select: none; user-select: none;
filter: invert(); filter: invert();
} }
@ -147,21 +147,15 @@ tbody tr:hover td {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
padding: .3em .5em; padding: .3em .5em;
border-radius: 3px;
font-size: 1.5em; font-size: 1.5em;
padding: 7px; padding: 7px;
border: none; border: none;
outline: none; outline: none;
box-shadow: 0 .1em .2em rgba(0, 0, 0, .5);
background-color: white; background-color: white;
color: black; color: black;
margin-top: 8px; margin-top: 8px;
} }
input[type="text"]:focus {
border-radius: 3px 3px 0px 0px;
}
.btn, .btn,
.selector label { .selector label {
cursor: pointer; cursor: pointer;
@ -179,8 +173,6 @@ tbody tr:hover td {
margin-bottom: 8px; margin-bottom: 8px;
margin-right: auto; margin-right: auto;
display: flex; display: flex;
border-radius: 3px;
box-shadow: 0 .1em .2em rgba(0, 0, 0, .5);
overflow: hidden; overflow: hidden;
} }
@ -217,11 +209,6 @@ tbody tr:hover td {
height: 0; height: 0;
} }
.switch input:active,
.switch input:focus {
box-shadow: 0 .1em .5em rgba(0, 0, 0, .6);
}
.slider { .slider {
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
@ -243,7 +230,6 @@ tbody tr:hover td {
width: 42px; width: 42px;
background-color: white; background-color: white;
transition: .2s; transition: .2s;
box-shadow: 0 .1em .2em rgba(0, 0, 0, .5);
} }
.switch input:checked + .slider:before { .switch input:checked + .slider:before {
@ -305,7 +291,6 @@ tbody tr:hover td {
} }
.search>.title>.logo { .search>.title>.logo {
box-shadow: 0 .1em .2em rgba(0, 0, 0, .5);
background-color: #7171e5; background-color: #7171e5;
border-radius: 15%; border-radius: 15%;
width: 50px; width: 50px;
@ -401,7 +386,6 @@ tbody tr:hover td {
.suggestionsbox { .suggestionsbox {
border-radius: 3px; border-radius: 3px;
width: 100%; width: 100%;
box-shadow: 0 .4em .8em rgba(0, 0, 0, .5);
} }
.suggestionsbox p:first-child { .suggestionsbox p:first-child {
@ -501,7 +485,6 @@ tbody tr:hover td {
} }
table { table {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4);
overflow: hidden; overflow: hidden;
border: none; border: none;
margin: 50px auto; 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; background-color: white;
width: fit-content; width: fit-content;
padding: 15px; padding: 15px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
} }
.dismiss { .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: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px; border-radius: 6px;
outline: 0; outline: 0;
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
} }
.modal-body { .modal-body {
@ -630,7 +611,6 @@ label[for=from], label[for=to], label[for=isarr], label[for="date"], label[for=t
} }
.modal-content { .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 { form>div.history {
margin-top: 8px; margin-top: 8px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4);
border-radius: 5px;
overflow: hidden; overflow: hidden;
display: none; display: none;
margin-bottom: 1em; margin-bottom: 1em;
@ -685,12 +663,10 @@ form>div.history {
.box { .box {
margin: auto; margin: auto;
border-radius: 4px;
background-color: white; background-color: white;
width: fit-content; width: fit-content;
width: -moz-fit-content; width: -moz-fit-content;
padding: 15px; padding: 15px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
} }
.alert.dismiss { .alert.dismiss {
@ -715,7 +691,6 @@ form>div.history {
.select a { .select a {
display: block; display: block;
text-decoration: none; text-decoration: none;
border-radius: 4px;
background-color: rgba(20, 30, 255, .7); background-color: rgba(20, 30, 255, .7);
color: white; color: white;
width: 100%; width: 100%;
@ -757,7 +732,6 @@ form>div.history {
padding: 0; padding: 0;
width: 100%; width: 100%;
margin: 0; margin: 0;
box-shadow: none;
} }
.icon-back { .icon-back {