109 lines
1.4 KiB
CSS
109 lines
1.4 KiB
CSS
@media only screen and (max-width: 720px) {
|
|
#nav {
|
|
float: none;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
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;
|
|
}
|
|
}
|