From af99780ea686229fef821aec3efa3e867395aa57 Mon Sep 17 00:00:00 2001 From: Florian Date: Fri, 14 Feb 2014 19:18:18 +0100 Subject: form is displayed as overlay --- css/cam.css | 53 +++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 49 insertions(+), 4 deletions(-) (limited to 'css') diff --git a/css/cam.css b/css/cam.css index 3300965..51744e9 100644 --- a/css/cam.css +++ b/css/cam.css @@ -1,14 +1,19 @@ body { + font-family: Helvetica, Verdana, Arial, sans-serif; background-color: #000; } -.camnumber { - position: absolute; +.camNumber { + position: fixed; left: 20px; top: -100px; - background: rgba(0,0,0,0.4); + background: rgba(0,0,0,0.6); + + width: 100px; + + text-align: center; color: rgba(255, 255, 255, 0.7); font-weight: bold; @@ -19,7 +24,7 @@ body { z-index: 100; } -img { +#camImage { min-height: 100%; min-width: 1024px; @@ -35,3 +40,43 @@ img { z-index: 50; } + +#form { + /*visibility: hidden;*/ + width: 800px; + height: 100%; + background-color: rgba(127, 192, 255, 0.9); + margin: 0 auto; + position: relative; + border: 3px; + border-color: #777; + top: 15px; + + padding: 40px; + + z-index: 200; +} + +#formImage { + margin-right: 0px; + margin-left: auto; + float: right; + position: relative; + width: 400px; + +} + +#printButton { + width: 200px; + height: 100px; + display: block; + margin: 10px auto; + background-image: url('../img/print_button.png'); + text-decoration: none; +} + +#printButton:hover { + background-image: url('../img/print_button_highlight.png'); + +} + -- cgit v1.2.1