Flat theme: css changes

justinlawrence · Jan 22, 2014 · 23f69de · 23f69de
1 parent ce82506
commit 23f69de
Show file tree

Hide file tree

Showing 160 changed files with 16,880 additions and 0 deletions.
diff --git a/web/skins/classic copy/Makefile.am b/web/skins/classic copy/Makefile.am
@@ -0,0 +1,15 @@
+AUTOMAKE_OPTIONS = gnu
+
+webdir = @WEB_PREFIX@/skins/classic
+
+SUBDIRS = \
+	ajax \
+	css \
+	graphics \
+	includes \
+	js \
+	lang \
+	views
+
+dist_web_DATA = \
+    skin.php
diff --git a/web/skins/classic copy/ajax/Makefile.am b/web/skins/classic copy/ajax/Makefile.am
@@ -0,0 +1,5 @@
+AUTOMAKE_OPTIONS = gnu
+
+webdir = @WEB_PREFIX@/skins/classic/ajax
+
+dist_web_DATA =  # No files here
diff --git a/web/skins/classic copy/css/Makefile.am b/web/skins/classic copy/css/Makefile.am
@@ -0,0 +1,8 @@
+AUTOMAKE_OPTIONS = gnu
+
+webdir = @WEB_PREFIX@/skins/classic/css
+
+dist_web_DATA = \
+	skin.css \
+	control.css \
+	export.css
diff --git a/web/skins/classic copy/css/control.css b/web/skins/classic copy/css/control.css
@@ -0,0 +1,147 @@
+.ptzControls {
+    vertical-align: top;
+    margin: 10px auto 0;
+    width: 300px;
+}
+
+.ptzControls input.ptzTextBtn {
+    margin-top: 2px;
+    width: 40px;
+}
+
+.ptzControls .controlsPanel {
+    margin: 0 auto;
+}
+
+.ptzControls input[type=image] {
+    border: 0px;
+}
+
+.ptzControls .controlsPanel .arrowControl {
+    width: 40px;
+    height: 180px;
+    margin: 0 4px;
+}
+
+.ptzControls .controlsPanel .arrowControl input {
+    display: block;
+}
+
+.ptzControls .controlsPanel .longArrowBtn {
+    width: 32px;
+    height: 48px;
+    margin: 0 auto;
+    cursor: pointer;
+}
+
+/*
+ * This is a bit of a hack as these lines should be in the above
+ * section but that messes up layout on IE6
+ */
+/*
+.ptzControls .controlsPanel > div > div.longArrowBtn {
+    left: 50%;
+    margin-left: -16px;
+}
+*/
+
+.ptzControls .controlsPanel .upBtn {
+    background: url("../graphics/arrow-l-u.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .downBtn {
+    background: url("../graphics/arrow-l-d.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .focusControls {
+    float: left;
+}
+
+.ptzControls .controlsPanel .zoomControls {
+    float: left;
+}
+
+.ptzControls .controlsPanel .irisControls {
+    float: right;
+}
+
+.ptzControls .controlsPanel .whiteControls {
+    float: right;
+}
+
+.ptzControls .controlsPanel .pantiltPanel {
+    margin: 0 auto;
+    height: 180px;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
+    margin: 5px auto;
+    border: 1px solid #006699;
+    text-align: center;
+    padding: 1px;
+    width: 96px;
+    height: 96px;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn {
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    float: left;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .upLeftBtn {
+    background: url("../graphics/arrow-ul.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .upBtn {
+    background: url("../graphics/arrow-u.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .upRightBtn {
+    background: url("../graphics/arrow-ur.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .leftBtn {
+    background: url("../graphics/arrow-l.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .centerBtn {
+    background: url("../graphics/center.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .rightBtn {
+    background: url("../graphics/arrow-r.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .downLeftBtn {
+    background: url("../graphics/arrow-dl.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .downBtn {
+    background: url("../graphics/arrow-d.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .downRightBtn {
+    background: url("../graphics/arrow-dr.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .powerControls {
+    margin: 0 auto;
+}
+
+.ptzControls .presetControls {
+    margin: 0 auto;
+}
+
+.ptzControls .presetControls input {
+    margin: 1px;
+}
+
+.ptzControls .presetControls input.ptzNumBtn {
+    padding: 1px 2px;
+    width: 24px;
+    color: #ffffff;
+    text-align: center;
+    background-color: #016A9D;
+}
diff --git a/web/skins/classic copy/css/export.css b/web/skins/classic copy/css/export.css
@@ -0,0 +1,54 @@
+body {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size:10px;
+  font-weight: normal
+  color: #333333;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+th, td {
+  border: 1px solid #7f7fb2;
+  text-align: center;
+  padding: 2px 4px;
+}   
+
+a:link {
+  color: #7f7fb2;
+  text-decoration: none
+}
+
+a:visited {
+  color: #7f7fb2;
+  text-decoration: none
+}
+
+a:hover {
+  color: #666699;
+  text-decoration: underline
+}
+
+img.thumb {
+  width: 40px;
+}
+
+td.monoRow {
+  line-height: 200%;
+  text-align: center;
+  vertical-align: middle;
+}
+
+#eventFrames tr.alarm {
+  background-color: #fa8072;
+}
+
+#eventFrames tr.bulk {
+  background-color: #cccccc;
+}
+
+#eventFrames tr.normal {
+  background-color: #ffffff;
+}
+