ZaneYork
/
zoneminder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pretty much finish the conversion

This commit is contained in:
Isaac Connor 2016-03-01 11:32:38 -05:00
parent 0853f26062
commit a407f9a0b7
1 changed files with 94 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

142
web/skins/classic/css/flat/views/console.css
View File

@ -1,126 +1,172 @@
#systemTime { #systemTime {
float: left; float: left;
} }
#title { #title {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
width: 50%; width: 50%;
} }
#systemStats { #systemStats {
float: right; float: right;
} }
#monitorSummary { #monitorSummary {
float: left; float: left;
text-align: left; text-align: left;
width: 20%; width: 20%;
} }
#devices { #devices {
float: left; float: left;
} }
#loginBandwidth { #loginBandwidth {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
width: 40%; width: 40%;
} }
#cycleMontage { #cycleMontage {
float: right; float: right;
} }
#options { #options {
float: right; float: right;
text-align: right; text-align: right;
width: 20%; width: 20%;
} }
#consoleTable { #consoleTable {
width: 100%; width: 100%;
border-collapse: collapse;
display: table;
} }
#consoleTable div.highlight { #consoleTable div.highlight {
background-color: #eeeeee; background-color: #eeeeee;
} }
#consoleTable .thead .tr div { #consoleTable .thead .tr div {
padding-bottom: 4px; vertical-align: middle;
vertical-align: middle;
} }
#consoleTable .MonitorInfo {
display: table-cell;
width: auto;
}
#consoleTable .MonitorInfo div {
display: inline-block;
text-align: left;
width: 19%;
padding: 5px 0;
}
#consoleTable .Events {
display: table-cell;
width: 381px;
}
#consoleTable .Events .Events {
width: 50px;
}
#consoleTable .Events div {
display: inline-block;
padding-bottom: 0;
}
#consoleTable .tfoot .tr {
padding-top: 4px;
}
#consoleTable .tfoot .tr div { #consoleTable .tfoot .tr div {
padding-top: 4px; vertical-align: middle;
vertical-align: middle;
} }
#consoleTable .tr div { #consoleTable .tr div {
height: 16px;
text-align: left;
} }
#consoleTable .colOrder { #consoleTable .colOrder {
text-align: center; width: 47px;
text-align: center;
display: table-cell;
} }
#consoleTable .colMark { #consoleTable .colMark {
width: 32px; width: 32px;
text-align: center; text-align: center;
display: table-cell;
} }
#consoleTable .colEvents { #consoleTable .colEvents {
text-align: right; text-align: right;
}
#consoleTable .Hour {
width: 35px;
}
#consoleTable .Day {
width: 42px;
}
#consoleTable .Week {
width: 42px;
}
#consoleTable .Month {
width: 50px;
}
#consoleTable .Archived {
width: 62px;
} }
#consoleTable .colZones { #consoleTable .colZones {
text-align: right; width: 40px;
text-align: right;
display: table-cell;
} }
#consoleTable .colLeftButtons { #consoleTable .colLeftButtons {
text-align: left; text-align: left;
min-width:300px; min-width:400px;
} }
#consoleTable .colLeftButtons input { #consoleTable .colLeftButtons input {
margin-right: 24px; margin-right: 24px;
} }
#consoleTable .colRightButtons { #consoleTable .colRightButtons {
text-align: right; text-align: right;
padding-right: 8px; min-width: 158px;
min-width: 150px; margin-right: -32px;
} }
#consoleTable .colRightButtons input { #consoleTable .colRightButtons input {
margin: 0 8px; margin: 0 8px;
} }
/* /*
* Console table for the main event table * Console table for the main event table
*/ */
#consoleTable {
display: table;
}
#consoleTable .tr { #consoleTable .tr {
display: table-row; display: table-row;
} }
#consoleTable .tr div {
text-align: left; #consoleTable .Monitor {
display: table-cell; display: table-row;
padding: 5px; }
border-bottom: 2px solid #f2f2f2;
#consoleTable .tr {
padding: 5px 0;
border-bottom: 2px solid #f2f2f2;
line-height: auto;
} }
#consoleTable input[type=button] { #consoleTable input[type=button] {
margin-right: 3px !important; margin-right: 3px !important;
} }
#consoleTable .tfoot { #consoleTable .tfoot {
display: table-footer-group; display: table-footer-group;
background-color: #f2f2f2; background-color: #f2f2f2;
} }
#consoleTable .tbody { #consoleTable .tbody {
display: table-row-group; display: table-row-group;
@ -128,7 +174,7 @@ display: table;
#consoleTable .thead { #consoleTable .thead {
display: table-header-group; display: table-header-group;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.8em; font-size: 0.8em;
font-weight: 600; font-weight: 600;
} }