media/template/style.css

72 lines
1.0 KiB
CSS
Raw Normal View History

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