media/template/style.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: '--';
}