From c35a1c1abb596b919edf42b274d94c7831b93b13 Mon Sep 17 00:00:00 2001 From: Florian Date: Sun, 2 Mar 2014 14:22:10 +0300 Subject: added webinterface --- public/css/cam.css | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++++ public/css/print.css | 24 +++++++++++++++ 2 files changed, 106 insertions(+) create mode 100644 public/css/cam.css create mode 100644 public/css/print.css (limited to 'public/css') diff --git a/public/css/cam.css b/public/css/cam.css new file mode 100644 index 0000000..d1d28f4 --- /dev/null +++ b/public/css/cam.css @@ -0,0 +1,82 @@ +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: 800px; + height: 100%; + background-color: rgba(127, 192, 255, 0.9); + margin: 0 auto; + position: relative; + top: 0px; + + 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'); + +} + diff --git a/public/css/print.css b/public/css/print.css new file mode 100644 index 0000000..e71a0ae --- /dev/null +++ b/public/css/print.css @@ -0,0 +1,24 @@ +#page { + width: 800px; + + +} + +#camImage { + position: absolute; + top: 0px; + left: 0px; +} + +#metaContainer { + position: absolute; + top: 0px; + left: 700px; +} + +#textContainer { + position: absolute; + top: 500px; + left: 0px; + +} -- cgit v1.2.1