59 lines
910 B
CSS
59 lines
910 B
CSS
body {
|
|
background-color: #ddd;
|
|
padding: 0.5em;
|
|
text-align: center;
|
|
font-family: "Helvetica Neueu", "Helvetica", "Arial", sans;
|
|
}
|
|
|
|
button, input, #loader {
|
|
display: none;
|
|
}
|
|
|
|
input {
|
|
width: 300px;
|
|
}
|
|
|
|
#camera {
|
|
display: inline-block;
|
|
background-color: #eee;
|
|
width: 1280px;
|
|
height: 650px;
|
|
margin: 0.5em;
|
|
}
|
|
|
|
#camera .placeholder {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
#snapshots {
|
|
height: 150px;
|
|
margin: 0.5em 0;
|
|
padding: 3px;
|
|
|
|
border: 1px solid #aaa;
|
|
|
|
white-space: nowrap;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
#snapshots canvas, #snapshots img {
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
|
|
height: 100%;
|
|
margin-left: 3px;
|
|
border: 3px solid transparent;
|
|
}
|
|
|
|
#snapshots .selected {
|
|
border: 3px solid #000;
|
|
}
|
|
|
|
button, #upload_status, #upload_result, #loader {
|
|
margin: 0.5em;
|
|
}
|