player config & style

2 files changed, 14 insertions, 28 deletions

diff --git a/assets/css/src/_variables.scss b/assets/css/src/_variables.scss
index 07c54f0..dbf5832 100644
--- a/assets/css/src/_variables.scss
+++ b/assets/css/src/_variables.scss
@@ -319,7 +319,7 @@ $container-desktop:            700px;
 $container-md:                 $container-desktop;
 
 // Large screen / wide desktop
-$container-large-desktop:      700px;
+$container-large-desktop:      1024px;
 //* For `$screen-lg-min` and up.
 $container-lg:                 $container-large-desktop;
 
diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss
index 18326ad..0722697 100644
--- a/assets/css/src/lustige-styles.scss
+++ b/assets/css/src/lustige-styles.scss
@@ -59,6 +59,7 @@ p {
 
 .container, .container-fluid {
   max-width: $max-width;
+  padding: 0;
 }
 
 .label {
@@ -169,38 +170,21 @@ h1 + .news-item {
 
 .tab-content {
   background-color: $gray-dark;
-  
-  .tab-pane {
-    display: block;
-  }
-  .tab-pane:not(:target) {
-    // hide unselected tab panes
-    // browser not supporting this selector will show all panes
-    display: none;
-  }
-  
-  #video {
-    text-align: center;
-    .video {
-      margin: auto;
-    }
-    * {
-      max-width: 100%;
-    }
-  }
-  
-  #audio * {
-    max-width: 100%;
+
+  .mejs-container {
+    margin: auto;
   }
-  
+
   .switcher {
     padding: $padding-large-horizontal;
+
     h3 {
       color: $gray-light;
       &:first-child {
         margin-top: 0;
       }
     }
+
     ul {
       list-style-type: none;
       padding: 0;
@@ -212,6 +196,7 @@ h1 + .news-item {
         margin: 0 $padding-xs-horizontal;
       }
     }
+
     .filetype {
       text-transform: uppercase;
       margin-right: $padding-small-horizontal;
@@ -219,6 +204,7 @@ h1 + .news-item {
       background-color: #fff;
       min-width: 4em;
     }
+
     a:hover, a:focus, a:active {
       text-decoration: none;
     }
@@ -320,7 +306,7 @@ a.inverted {
       margin: 0;
       padding: 0;
       margin-top: 1%;
-      height: 4em;
+      height: 6em;
       float: left;
 
       a {
@@ -328,7 +314,7 @@ a.inverted {
         display: block;
         width: 100%;
         height: 100%;
-        line-height: 2.4em;
+        line-height: 3.4em;
         font-size: 1.75em;
         font-weight: bold;
         text-align: center;
@@ -409,8 +395,8 @@ a.inverted {
     }
   }
   
-  /* promoted videos */
-  .promoted {
+  /* banner area */
+  .banner {
     height: 230px;
     img {
       height: 120px;