From 052e5a5a49c38cb3498a7bf2de4ca079d8e7faa0 Mon Sep 17 00:00:00 2001
From: MaZderMind
Date: Sun, 19 Oct 2014 18:10:23 +0200
Subject: mejs control styles

---
 assets/css/src/lustige-styles.scss | 40 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

(limited to 'assets/css/src/lustige-styles.scss')

diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss
index 0722697..3441099 100644
--- a/assets/css/src/lustige-styles.scss
+++ b/assets/css/src/lustige-styles.scss
@@ -334,9 +334,49 @@ a.inverted {
 
 }
 
+/* extra large mejs controls on tablet & phone */
+@media only screen and (max-device-width: 768px)
+{
+  .mejs-container .mejs-controls {
+    height: 48px;
+    div {
+      width: 52px;
+      height: 52px;
+    }
+    .mejs-button button {
+      background-size: 288px 64px !important;
+      width: 32px;
+      height: 32px;
+    }
+    .mejs-playpause-button {
+      &.mejs-play button {
+        background-position: 0 0;
+      }
+      &.mejs-pause button {
+        background-position: 0 -32px;
+      }
+    }
+    .mejs-volume-button {
+      &.mejs-mute button {
+        background-position: -32px -32px;
+      }
+      &.mejs-unmute button {
+        background-position: -32px 0;
+      }
+      .mejs-volume-slider {
+        left: 8px;
+      }
+    }
+    .mejs-fullscreen-button button {
+      background-position: -64px 0;
+    }
+  }
+}
+
 /* and now for medium screens: */
 @media all and (min-width: $screen-sm-min) and (max-width: $container-desktop) {
   
+
   /* events overview */
   .event-previews .event-preview {
     h3 {
-- 
cgit v1.2.3