[Correct level adjustment]

This commit is contained in:
CPunisher 2020-05-06 13:09:39 +08:00
commit 0a0797c7c5
3 changed files with 42 additions and 3 deletions

View File

@ -1,6 +1,7 @@
.App { .App {
text-align: center; text-align: center;
text-align: -webkit-center; text-align: -webkit-center;
text-align: -moz-center;
user-select: none; user-select: none;
} }

View File

@ -39,6 +39,15 @@
display: none; display: none;
} }
.Qr-s {
scrollbar-width: none;
}
.Qr-s {
-ms-overflow-style: none;
}
.Qr-s-title { .Qr-s-title {
font-size: 1.4em; font-size: 1.4em;
} }
@ -69,6 +78,8 @@
-webkit-appearance: none; -webkit-appearance: none;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-appearance: none;
-moz-text-size-adjust: 100%;
} }
.Qr-item-image { .Qr-item-image {
@ -80,8 +91,10 @@
box-sizing: border-box; box-sizing: border-box;
border: rgba(0,0,0,0.12) solid 2px; border: rgba(0,0,0,0.12) solid 2px;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
-webkit-transition-duration: 0.2s; /* Safari */ -webkit-transition-duration: 0.2s; /* Safari */
-moz-animation-duration: 0.2s;
transition-duration: 0.2s; transition-duration: 0.2s;
} }
@ -94,10 +107,13 @@
.Qr-item-image-inner { .Qr-item-image-inner {
opacity: 0.36; opacity: 0.36;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
-webkit-transition-duration: 0.2s; /* Safari */ -webkit-transition-duration: 0.2s; /* Safari */
-moz-animation-duration: 0.2s;
transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
} }
@media (min-width: 500px) { @media (min-width: 500px) {
@ -133,8 +149,10 @@
font-size: 1em; font-size: 1em;
text-align: left; text-align: left;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
-webkit-transition-duration: 0.2s; /* Safari */ -webkit-transition-duration: 0.2s; /* Safari */
-moz-animation-duration: 0.2s;
transition-duration: 0.2s; transition-duration: 0.2s;
} }
@ -208,12 +226,16 @@ table {
text-indent: 1em; text-indent: 1em;
overflow: visible; overflow: visible;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
-webkit-transition-duration: 0.2s; /* Safari */ -webkit-transition-duration: 0.2s; /* Safari */
-moz-animation-duration: 0.2s;
transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-appearance: none;
-moz-text-size-adjust: 100%;
font-family: 'Futura', sans-serif; font-family: 'Futura', sans-serif;
color: rgba(0,0,0,0.6); color: rgba(0,0,0,0.6);
} }
@ -221,6 +243,7 @@ table {
input::-webkit-outer-spin-button, input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none;
} }
input[type="number"]{ input[type="number"]{
-moz-appearance: textfield; -moz-appearance: textfield;
@ -231,20 +254,24 @@ input[type="number"]{
box-sizing: border-box; box-sizing: border-box;
border-radius: 3em; border-radius: 3em;
outline: none; outline: none;
text-indent: 1em;
overflow: visible; overflow: visible;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
-webkit-transition-duration: 0.2s; /* Safari */ -webkit-transition-duration: 0.2s; /* Safari */
-moz-animation-duration: 0.2s;
transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-appearance: none;
-moz-text-size-adjust: 100%;
font-family: 'Futura', sans-serif; font-family: 'Futura', sans-serif;
color: rgba(0,0,0,0.6); color: rgba(0,0,0,0.6);
font-size: 0.9em; font-size: 0.9em;
border: rgba(0,0,0,0.12) solid 2px; border: rgba(0,0,0,0.12) solid 2px;
width: calc((100vw - 56px) / 2); width: calc((100vw - 56px) / 2);
padding-left: 1em;
} }
@media (min-width: 500px) { @media (min-width: 500px) {
@ -265,6 +292,7 @@ input[type="number"]{
padding-right: 23px; padding-right: 23px;
max-width: 954px; max-width: 954px;
text-align: -webkit-left; text-align: -webkit-left;
text-align: -moz-left;
} }
.Qr-input:focus { .Qr-input:focus {
@ -314,12 +342,16 @@ input[type="number"]{
box-sizing: border-box; box-sizing: border-box;
border: rgba(0,0,0,0.12) solid 2px; border: rgba(0,0,0,0.12) solid 2px;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
-webkit-transition-duration: 0.2s; /* Safari */ -webkit-transition-duration: 0.2s; /* Safari */
-moz-animation-duration: 0.2s;
transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-appearance: none; -webkit-appearance: none;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-appearance: none;
-moz-text-size-adjust: 100%;
background: white; background: white;
font-family: 'Futura', sans-serif; font-family: 'Futura', sans-serif;
} }
@ -348,6 +380,7 @@ input[type="number"]{
.dl-btn:active { .dl-btn:active {
-webkit-transition-duration: 0s; /* Safari */ -webkit-transition-duration: 0s; /* Safari */
transition-duration: 0s; transition-duration: 0s;
-moz-transition-duration: 0s;
border-color: #3BBC9F; border-color: #3BBC9F;
color: #3BBC9F; color: #3BBC9F;
} }
@ -404,3 +437,8 @@ select {
padding: 0; padding: 0;
background-color: #FFFFFF; background-color: #FFFFFF;
} }
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}

View File

@ -5,7 +5,7 @@
body { body {
margin: 0; margin: 0;
font-family: 'Futura'; font-family: 'Futura', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }