aboutsummaryrefslogtreecommitdiff
path: root/assets/css/src/lustige-styles.scss
diff options
context:
space:
mode:
authorMaZderMind2014-10-19 18:10:23 +0200
committerMaZderMind2014-10-19 18:10:23 +0200
commit052e5a5a49c38cb3498a7bf2de4ca079d8e7faa0 (patch)
tree5ff4555dd86bbb1717d78651197a9461d2b3542f /assets/css/src/lustige-styles.scss
parentc4eff083f2dc1b51057e8bea7a4ecc6cd2dab4a4 (diff)
mejs control styles
Diffstat (limited to 'assets/css/src/lustige-styles.scss')
-rw-r--r--assets/css/src/lustige-styles.scss40
1 files changed, 40 insertions, 0 deletions
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 {