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 {
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;
@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%;
.video.thumb .description:hover {
max-height: 8em;
}
+
+.video.edit form > .delete {
+ text-align: right;
+}
+.video.edit form #delconfirm + label:after {
+ content: '\0A';
+ white-space: pre;
+}
+.video.edit form #delconfirm + label + button {
+ pointer-events: none;
+ color: #AAA;
+ border-color: #AAA;
+ left: -.75em;
+}
+.video.edit form #delconfirm:checked + label + button {
+ pointer-events: auto;
+ color: inherit;
+ border-color: inherit;
+ background-color: #FDD;
+}
+