mirror of
https://github.com/frontendnetwork/vegancheck.me
synced 2024-11-10 14:34:14 +00:00
Added new style for scanner
This commit is contained in:
parent
52624ddb27
commit
19da188621
3 changed files with 45 additions and 3 deletions
|
@ -212,12 +212,38 @@ button:focus {
|
|||
font-weight: bold;
|
||||
position: absolute;
|
||||
z-index: 99999999999;
|
||||
top: 5%;
|
||||
top: 2%;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
|
||||
/* Scanner Overlay */
|
||||
#barcodeicon {
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
z-index: 99999999999;
|
||||
top: 30%;
|
||||
left: 50%;
|
||||
opacity: .4;
|
||||
font-size: 8rem;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
|
||||
/* Scanner Underlay */
|
||||
#background {
|
||||
background-color: #000;
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.name {
|
||||
display: block;
|
||||
}
|
||||
|
@ -239,3 +265,19 @@ button:focus {
|
|||
height: 8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.noscript {
|
||||
z-index: 999999999999999999999;
|
||||
background: #000;
|
||||
position: fixed;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
h3 {
|
||||
padding-top: 5rem;
|
||||
}
|
||||
}
|
2
css/style.min.css
vendored
2
css/style.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue