Add basic template.

2016-08-24 12:18:33 +02:00
parent ad36a90dba
commit 4ee968df66
4 changed files with 95 additions and 0 deletions
--- a/template/style.css
+++ b/template/style.css
@@ -0,0 +1,62 @@
+body {
+  margin: 0;
+  font-family: sans;
+  background-color: #4F08C8;
+}
+
+#body {
+  width: 40em;
+  padding: 0.5em;
+  margin: 0 auto;
+}
+
+/* BEGIN HACK */
+#body-behind {
+  margin: 0 auto;
+  width: calc(41em + (100% - 41em) / 3);
+}
+
+#body-behind > div {
+  position: fixed;
+  top: 0;
+  width: calc(41em + (100% - 41em) / 3);
+  height: 100%;
+  z-index: -1;
+  transform: skewX(-2deg);
+  transform-origin: top center;
+  background-color: #ABC808;
+}
+/* END HACK */
+
+header {
+  background-color: #FF00D3;
+  padding: 0.5em;
+}
+
+header a, header a:visited {
+  text-decoration: none;
+  color: black;
+}
+
+.video-section {
+  background-color: #2EE2FF;
+  margin-top: 1em;
+  padding: 0.5em;
+}
+
+.video-showing {
+  background-color: #FF8C00;
+  margin-top: 1em;
+  padding: 0.5em;
+  position: absolute;
+  left: calc((100% - 58em) / 2);
+  width: 57em;
+}
+
+p.signature {
+  font-style: italic;
+}
+
+p.signature:before {
+  content: '--';
+}