rework the ptz controls to take up less vertical space, also don't set width of buttons
parent
3e20e5f21c
commit
f91ff4503a
|
@ -1,12 +1,11 @@
|
|||
.ptzControls {
|
||||
vertical-align: top;
|
||||
margin: 10px auto 0;
|
||||
width: 300px;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.ptzControls input.ptzTextBtn {
|
||||
margin-top: 2px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel {
|
||||
|
@ -72,6 +71,8 @@
|
|||
.ptzControls .controlsPanel .pantiltPanel {
|
||||
margin: 0 auto;
|
||||
height: 180px;
|
||||
float: left;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
|
||||
|
@ -126,12 +127,12 @@
|
|||
background: url("../../graphics/arrow-dr.gif") no-repeat 0 0;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel .pantiltPanel .powerControls {
|
||||
margin: 0 auto;
|
||||
.ptzControls .controlsPanel .powerControls {
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.ptzControls .presetControls {
|
||||
margin: 0 auto;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.ptzControls .presetControls input {
|
||||
|
|
|
@ -1,12 +1,11 @@
|
|||
.ptzControls {
|
||||
vertical-align: top;
|
||||
margin: 10px auto 0;
|
||||
width: 300px;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.ptzControls input.ptzTextBtn {
|
||||
margin-top: 2px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel {
|
||||
|
@ -72,6 +71,8 @@
|
|||
.ptzControls .controlsPanel .pantiltPanel {
|
||||
margin: 0 auto;
|
||||
height: 180px;
|
||||
float: left;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
|
||||
|
@ -79,8 +80,8 @@
|
|||
border: 1px solid #006699;
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn {
|
||||
|
@ -126,12 +127,12 @@
|
|||
background: url("../../graphics/arrow-dr.gif") no-repeat 0 0;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel .pantiltPanel .powerControls {
|
||||
margin: 0 auto;
|
||||
.ptzControls .controlsPanel .powerControls {
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.ptzControls .presetControls {
|
||||
margin: 0 auto;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.ptzControls .presetControls input {
|
||||
|
|
|
@ -1,12 +1,11 @@
|
|||
.ptzControls {
|
||||
vertical-align: top;
|
||||
margin: 10px auto 0;
|
||||
width: 300px;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.ptzControls input.ptzTextBtn {
|
||||
margin-top: 2px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel {
|
||||
|
@ -72,6 +71,8 @@
|
|||
.ptzControls .controlsPanel .pantiltPanel {
|
||||
margin: 0 auto;
|
||||
height: 180px;
|
||||
float: left;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
|
||||
|
@ -79,8 +80,8 @@
|
|||
border: 1px solid #006699;
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn {
|
||||
|
@ -126,12 +127,12 @@
|
|||
background: url("../../graphics/arrow-dr.gif") no-repeat 0 0;
|
||||
}
|
||||
|
||||
.ptzControls .controlsPanel .pantiltPanel .powerControls {
|
||||
margin: 0 auto;
|
||||
.ptzControls .controlsPanel .powerControls {
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.ptzControls .presetControls {
|
||||
margin: 0 auto;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.ptzControls .presetControls input {
|
||||
|
|
Loading…
Reference in New Issue