mirror of
https://github.com/scottlamb/moonfire-nvr.git
synced 2025-04-18 01:50:29 -04:00
e177cbd042
nav div changes: * make it togglable (on all devices) by hamburger button * on narrow devices, make it closed by default and be at the top rather than on the left open zoomed by default trim some arguably less important columns on narrow displays, and reduce some horizontal padding always show videos full-screen on narrow displays
102 lines
1.3 KiB
CSS
102 lines
1.3 KiB
CSS
body {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
#top {
|
|
width: 100%;
|
|
padding-bottom: 2ex;
|
|
}
|
|
#toggle-nav {
|
|
font-size: 1.25em;
|
|
cursor: pointer;
|
|
}
|
|
#nav {
|
|
float: left;
|
|
margin: 0 0.5em 0.5ex 0;
|
|
}
|
|
#session {
|
|
float: right;
|
|
}
|
|
#logout {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#datetime .ui-datepicker {
|
|
width: 100%;
|
|
}
|
|
|
|
#videos {
|
|
display: inline-block;
|
|
}
|
|
#videos tbody:after {
|
|
content: "";
|
|
display: block;
|
|
height: 3ex;
|
|
}
|
|
table#videos {
|
|
border-collapse: collapse;
|
|
/*border-spacing: 0.5em 0.5ex;*/
|
|
}
|
|
tbody tr.name {
|
|
font-size: 110%;
|
|
background-color: #eee;
|
|
}
|
|
tbody tr.name th {
|
|
border-bottom: 1px solid #666;
|
|
}
|
|
tbody tr.hdr {
|
|
color: #555;
|
|
font-size: 90%;
|
|
}
|
|
tr.r:hover {
|
|
background-color: #ddd;
|
|
}
|
|
tr.r td {
|
|
font-size: 80%;
|
|
cursor: pointer;
|
|
}
|
|
tr.r th,
|
|
tr.r td {
|
|
border: 0;
|
|
text-align: right;
|
|
padding: 0.5ex 1.5em;
|
|
}
|
|
|
|
fieldset {
|
|
font-size: 80%;
|
|
}
|
|
fieldset legend {
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#from, #to {
|
|
padding-right: 0.75em;
|
|
}
|
|
|
|
#range {
|
|
padding: 0.5em 0;
|
|
}
|
|
.ui-dialog .ui-dialog-content {
|
|
overflow: visible; /* remove stupid scroll bars when resizing. */
|
|
padding: 0;
|
|
}
|
|
|
|
video {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
#nav {
|
|
float: none;
|
|
display: none;
|
|
}
|
|
.resolution, .frameRate, .size {
|
|
display: none;
|
|
}
|
|
tr.r th,
|
|
tr.r td {
|
|
padding: 0.5ex 0.5em;
|
|
}
|
|
}
|