body.channel main h1.name {
text-align: center;
}
-body.channel main .description,
-body.channel main form.edit,
-body.video main form.edit {
+body main .description,
+body main form,
+body main iframe {
+ display: block;
max-width: 40em;
margin: auto;
}
-body.video main form.edit input[name=name],
-body.video main form.edit textarea[name=description],
-body.channel main form.edit input[name=name],
-body.channel main form.edit textarea[name=description] {
+body main form input[name=name],
+body main form input[name=email],
+body main form textarea {
display: block;
width: 100%;
margin-bottom: .5em;
border-radius: 4pt;
padding: .5em;
margin-bottom: .5em;
+ height: 15em;
+ overflow: hidden;
}
body.channels main .channel > .description {
overflow: hidden;
+ margin-right: -.5%;
}
body.channels main .channel > .description h2 {
margin: 0;
@media(min-width: 84em) { .channel > .description, .video.thumb, .newvideo { max-width: 19%; } }
@media(min-width: 104em) { .channel > .description, .video.thumb, .newvideo { max-width: 19em; } }
+.video.thumb > a {
+ display: block;
+ color: inherit;
+ font-style: inherit;
+ text-decoration: inherit;
+}
+
.video.thumb figure {
position: absolute; top: 0;
height: 11em; width: 100%;
overflow: hidden;
}
+.video.thumb .duration {
+ position: absolute;
+ right: .375em; top: 10.625em;
+ font-size: .875em;
+ padding: 0 .25em;
+ background-color: #333;;
+ color: #EEE;
+ opacity: .75;
+}
+
.video.thumb .description {
position: absolute;
left:0; right:0; bottom: 3.5em;
.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;
+}
+
+button, a.button {
+ margin-top: .375em;
+}
+
+body.channel .authors h3 {
+ display: inline-block;
+}
+body.channel.edit .authors h3 {
+ margin-bottom: 0;
+ display: block;
+}
+body.channel .authors span:after {
+ content: ',';
+}
+body.channel .authors span:last-child:after {
+ content: '';
+}
+
+body.channel.edit .authors input[name=author] {
+ margin-left: .5em;
+}
+body.channel.edit .authors input[name=author] {
+ z-index: 1;
+}
+body.channel.edit .authors input[name=author] + label {
+ padding: .25em .5em .125em .25em;
+ margin: 0 0 .5em 0;
+ padding-left: 1.25em;
+ margin-left: -1.25em;
+ border: .5pt solid;
+ background-color: rgba(255, 255, 255, .75);
+}
+body.channel.edit .authors input[name=author],
+body.channel.edit .authors input[name=author] + label {
+ display: none;
+}
+body.channel.edit .authors input[name=author]:checked,
+body.channel.edit .authors input[name=author]:checked + label {
+ display: inline-block;
+}
+body.channel.edit .authors input[id^=newauthor] + label {
+ background-color: #FFF;
+ border: 1pt solid;
+ width: 1.5em; height: 1.5em;
+ text-align: center;
+}
+
+body.channel.edit .authors input[id^=newauthor] + label + input {
+ vertical-align: middle;
+}
+body.channel.edit .authors input[id^=newauthor],
+body.channel.edit .authors input[id^=newauthor] + label,
+body.channel.edit .authors input[id^=newauthor] + label + input {
+ display: none;
+}
+body.channel.edit .authors input[id^=newauthor0] + label {
+ display: inline-block;
+}
+body.channel.edit .authors input[id^=newauthor]:checked + label + input,
+body.channel.edit .authors input[id^=newauthor]:checked + label + input + input + label {
+ display: inline-block;
+}
+body.channel.edit .authors input[id^=newauthor]:checked + label,
+body.channel.edit .authors input[id^=newauthor]:checked + label + input + input:checked + label {
+ display: none;
+}