ZoneMinder
/
zoneminder
mirror of https://github.com/ZoneMinder/zoneminder.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

rework the ptz controls to take up less vertical space, also don't set width of buttons

pull/1386/head
Isaac Connor 2016-04-04 13:20:04 -04:00
parent 3e20e5f21c
commit f91ff4503a
3 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/skins/classic/css/classic/control.css
View File

@ -1,12 +1,11 @@
.ptzControls { .ptzControls {
vertical-align: top; vertical-align: top;
margin: 10px auto 0; margin: 10px auto 0;
width: 300px; width: 500px;
} }
.ptzControls input.ptzTextBtn { .ptzControls input.ptzTextBtn {
margin-top: 2px; margin-top: 2px;
width: 40px;
} }
.ptzControls .controlsPanel { .ptzControls .controlsPanel {
@ -72,6 +71,8 @@
.ptzControls .controlsPanel .pantiltPanel { .ptzControls .controlsPanel .pantiltPanel {
margin: 0 auto; margin: 0 auto;
height: 180px; height: 180px;
float: left;
width: 100px;
} }
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons { .ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
@ -126,12 +127,12 @@
background: url("../../graphics/arrow-dr.gif") no-repeat 0 0; background: url("../../graphics/arrow-dr.gif") no-repeat 0 0;
} }
.ptzControls .controlsPanel .pantiltPanel .powerControls { .ptzControls .controlsPanel .powerControls {
margin: 0 auto; margin: 5px auto;
} }
.ptzControls .presetControls { .ptzControls .presetControls {
margin: 0 auto; margin: 5px auto;
} }
.ptzControls .presetControls input { .ptzControls .presetControls input {

15
web/skins/classic/css/dark/control.css
View File

@ -1,12 +1,11 @@
.ptzControls { .ptzControls {
vertical-align: top; vertical-align: top;
margin: 10px auto 0; margin: 10px auto 0;
width: 300px; width: 500px;
} }
.ptzControls input.ptzTextBtn { .ptzControls input.ptzTextBtn {
margin-top: 2px; margin-top: 2px;
width: 40px;
} }
.ptzControls .controlsPanel { .ptzControls .controlsPanel {
@ -72,6 +71,8 @@
.ptzControls .controlsPanel .pantiltPanel { .ptzControls .controlsPanel .pantiltPanel {
margin: 0 auto; margin: 0 auto;
height: 180px; height: 180px;
float: left;
width: 100px;
} }
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons { .ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
@ -79,8 +80,8 @@
border: 1px solid #006699; border: 1px solid #006699;
text-align: center; text-align: center;
padding: 1px; padding: 1px;
width: 96px; width: 100px;
height: 96px; height: 100px;
} }
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn { .ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn {
@ -126,12 +127,12 @@
background: url("../../graphics/arrow-dr.gif") no-repeat 0 0; background: url("../../graphics/arrow-dr.gif") no-repeat 0 0;
} }
.ptzControls .controlsPanel .pantiltPanel .powerControls { .ptzControls .controlsPanel .powerControls {
margin: 0 auto; margin: 5px auto;
} }
.ptzControls .presetControls { .ptzControls .presetControls {
margin: 0 auto; margin: 5px auto;
} }
.ptzControls .presetControls input { .ptzControls .presetControls input {

15
web/skins/classic/css/flat/control.css
View File

@ -1,12 +1,11 @@
.ptzControls { .ptzControls {
vertical-align: top; vertical-align: top;
margin: 10px auto 0; margin: 10px auto 0;
width: 300px; width: 500px;
} }
.ptzControls input.ptzTextBtn { .ptzControls input.ptzTextBtn {
margin-top: 2px; margin-top: 2px;
width: 40px;
} }
.ptzControls .controlsPanel { .ptzControls .controlsPanel {
@ -72,6 +71,8 @@
.ptzControls .controlsPanel .pantiltPanel { .ptzControls .controlsPanel .pantiltPanel {
margin: 0 auto; margin: 0 auto;
height: 180px; height: 180px;
float: left;
width: 100px;
} }
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons { .ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
@ -79,8 +80,8 @@
border: 1px solid #006699; border: 1px solid #006699;
text-align: center; text-align: center;
padding: 1px; padding: 1px;
width: 96px; width: 100px;
height: 96px; height: 100px;
} }
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn { .ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn {
@ -126,12 +127,12 @@
background: url("../../graphics/arrow-dr.gif") no-repeat 0 0; background: url("../../graphics/arrow-dr.gif") no-repeat 0 0;
} }
.ptzControls .controlsPanel .pantiltPanel .powerControls { .ptzControls .controlsPanel .powerControls {
margin: 0 auto; margin: 5px auto;
} }
.ptzControls .presetControls { .ptzControls .presetControls {
margin: 0 auto; margin: 5px auto;
} }
.ptzControls .presetControls input { .ptzControls .presetControls input {