1 files changed, 48 insertions, 0 deletions
diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss
index b4491ad..54da6c3 100644
--- a/assets/css/src/lustige-styles.scss
+++ b/assets/css/src/lustige-styles.scss
@@ -553,6 +553,54 @@ a.inverted {
   }
 }
 
+/* events overview */
+.event-previews {
+  .event-preview {
+    margin: 16px 0;
+    display: block;
+    clear: both;
+    height: 120px;
+    color: black;
+
+    &.template { display: none; }
+    
+    .video-thumbnail {
+      float: left;
+      height: 120px;
+      width: 160px;
+    }
+
+    &:hover, &:focus, &:active {
+      text-decoration: none;
+      .metadata li, h3 {
+        color: $link-color;
+      }
+    }
+
+    
+    .metadata {
+      text-align: left;
+      border: none;
+
+      li {
+        padding: $padding-xs-vertical;
+        padding-right: $padding-xs-horizontal;
+        color: $gray-dark;
+        min-width: inherit;
+      }
+    }
+    
+    .caption {
+      margin-left: 160px;
+      padding-left: $padding-large-horizontal;
+
+      h3 {
+        margin-top: 0;
+      }
+    }
+  }
+}
+
 /* and now for medium screens: */
 @media all and (min-width: $screen-sm-min) and (max-width: $container-desktop) {