mjpegplexer/public/css/cam.css

96 lines
1.3 KiB
CSS

body {
font-family: Helvetica, Verdana, Arial, sans-serif;
background-color: #000;
padding: 0px;
margin: 0px;
}
.camNumber {
position: fixed;
left: 20px;
top: -100px;
background: rgba(0,0,0,0.6);
width: 100px;
text-align: center;
color: rgba(255, 255, 255, 0.7);
font-weight: bold;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 120px;
line-height: 120px;
z-index: 100;
}
#camImage {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 50;
}
#form {
/*visibility: hidden;*/
width: 600px;
height: 100%;
background-color: rgba(170, 170, 170, 0.9);
margin: 0 auto;
position: relative;
top: 0px;
padding: 40px;
z-index: 200;
}
#controlBox {
margin-right: 0px;
margin-left: auto;
float: right;
position: relative;
width: 400px;
padding: 0px;
}
#formDate {
background-color: #ccc;
}
#formAnalysis1, #formAnalysis2, #formAnalysis3 {
width: 550px;
height: 150px;
}
#errorBox {
margin: 10px auto;
font-size: 1.1em;
}
p.header {
text-align: center;
font-weight: bolder;
font-size: 1.1em;
}
#printButton {
width: 300px;
height: 50px;
font-weight: bold;
font-size: 1.1em;
}