You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
849 B
CSS
42 lines
849 B
CSS
5 years ago
|
/*
|
||
|
This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||
|
*/
|
||
|
|
||
|
|
||
|
#web-barcode-ui {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
z-index: 999999;
|
||
|
display: block;
|
||
|
background: rgba(0,0,0,0.75);
|
||
|
}
|
||
|
|
||
|
#web-barcode-ui.hidden {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
#web-barcode-ui video#barcode-viewer {
|
||
|
max-width: calc(100% - 2em);
|
||
|
max-height: calc(100% - 2em);
|
||
|
position: fixed;
|
||
|
top: 50%;
|
||
|
left: 50%;
|
||
|
transform: translate(-50%, -50%);
|
||
|
border-radius: 1em;
|
||
|
}
|
||
|
|
||
|
#web-barcode-ui .text {
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
bottom: 0;
|
||
|
width: 100vw;
|
||
|
padding: 1em 5px 1em 5px;
|
||
|
color: white;
|
||
|
text-align: center;
|
||
|
background: rgba(0,0,0,0.5);
|
||
|
}
|