media/template/style.css

72 lines
1.0 KiB
CSS

body {
margin: 0;
font-family: sans;
background-color: #4F08C8;
}
#body {
width: 600px;
padding: 20px;
margin: 0 auto;
}
/* BEGIN HACK */
#body-behind {
margin: 0 auto;
width: calc(640px + (100% - 640px) / 3);
}
#body-behind > div {
position: fixed;
top: 0;
width: calc(640px + (100% - 640px) / 3);
height: 100%;
z-index: -1;
transform: skewX(-2deg);
transform-origin: top center;
background-color: #ABC808;
}
/* END HACK */
header {
background-color: #FF00D3;
padding: 20px;
}
header a, header a:visited {
text-decoration: none;
color: black;
}
.video-section {
background-color: #2EE2FF;
margin-top: 20px;
padding: 20px;
}
.video-section > div {
text-align: center;
height: [thumbnail_height]px
}
.video-showing {
background-color: #FF8C00;
margin-top: 20px;
padding: 20px;
position: absolute;
left: calc((100% - 800px) / 2);
width: 760px;
}
.video-showing > div {
text-align: center;
}
p.signature {
font-style: italic;
}
p.signature:before {
content: '--';
}