text-align: center;
}
body main .description,
-body main form {
+body main form,
+body main iframe {
+ display: block;
max-width: 40em;
margin: auto;
}
body.channels main .channel > .description {
overflow: hidden;
+ margin-right: -.5%;
}
body.channels main .channel > .description h2 {
margin: 0;
.video.thumb .description:hover {
max-height: 8em;
}
+
+body.video.edit form > .delete {
+ text-align: right;
+}
+body.video.edit form #delconfirm + label:after {
+ content: '\0A';
+ white-space: pre;
+}
+body.video.edit form #delconfirm + label + button {
+ pointer-events: none;
+ color: #AAA;
+ border-color: #AAA;
+ left: -.75em;
+}
+body.video.edit form #delconfirm:checked + label + button {
+ pointer-events: auto;
+ color: inherit;
+ border-color: inherit;
+ background-color: #FDD;
+}
+
+body.video video {
+ display: block;
+ margin: 0 auto;
+ max-height: 80vh;
+}
+
+#uploadprogress {
+ text-align: center;
+ background: transparent;
+ margin: 0;
+}
+#uploadprogress .progress {
+ display: block;
+ position: absolute;
+ width: 99%; width: calc(100% - 2pt);
+ background-color: #FFF;
+ border: 1pt solid;
+ border-radius: 4pt;
+ height: 1.25em;
+}
+#uploadprogress .progress .bar {
+ display: block;
+ position: absolute;
+ left: 0; top: 0; bottom: 0;
+ background-color: #666;
+}
+#uploadprogress .progress .count {
+ display: block;
+ position: absolute;
+ left: 0; top: 0; right: 0; bottom: 0;
+ line-height: 1.375em;
+}