# HG changeset patch
# User Stefania Trabucchi <info@trabucchi.de>
# Date 1390484957 -3600
# Node ID 4610f9f5ee5b8fb4a25a2e48b35f86fcbad36c96
# Parent  326c1a9fc1025ffe13f04f45d612d4397f06a079
styled fiex and some mediaqueries added

diff -r 326c1a9fc102 -r 4610f9f5ee5b static/css/bootstrap.css
--- a/static/css/bootstrap.css	Thu Jan 23 14:47:35 2014 +0100
+++ b/static/css/bootstrap.css	Thu Jan 23 14:49:17 2014 +0100
@@ -206,7 +206,7 @@
   img {
     max-width: 100% !important;
   }
-  @page {
+  @page  {
     margin: 2cm .5cm;
   }
   p,
@@ -1577,6 +1577,7 @@
   margin: 4px 0 0;
   margin-top: 1px \9;
   /* IE8-9 */
+
   line-height: normal;
 }
 input[type="file"] {
@@ -5989,6 +5990,7 @@
 ------------------------------------ */
 #wrap > .container {
   /*padding: 60px 15px 0;*/
+
 }
 img {
   vertical-align: middle;
@@ -6044,10 +6046,13 @@
 .module-course {
   background-color: #f5f5f5;
 }
-.module-cite {
+.module-info {
   border-bottom: 1px solid #fdc91a;
   padding-bottom: 20px;
 }
+.module-cite {
+  padding-bottom: 20px;
+}
 .cite {
   position: relative;
 }
@@ -6060,9 +6065,45 @@
 .cite-right svg {
   margin-top: -48px;
 }
+.module-impression {
+  background: #125883;
+}
+.module-impression a {
+  color: white;
+}
+.module-thumbnail,
+.module-impression h3 {
+  margin-top: 20px;
+}
+.module-footer .headline {
+  padding: 20px 0;
+}
+/* Video
+------------------------------------ */.flex-video {
+  position: relative;
+  padding-top: 25px;
+  padding-bottom: 67.5%;
+  height: 0;
+  margin-bottom: 16px;
+  overflow: hidden;
+}
+.flex-video.widescreen {
+  padding-bottom: 57.25%;
+}
+.flex-video.vimeo {
+  padding-top: 0;
+}
+.flex-video iframe,
+.flex-video object,
+.flex-video embed {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
 /* Footer
------------------------------------- */
-#footer {
+------------------------------------ */#footer {
   height: 60px;
 }
 .sponsor {
@@ -6084,3 +6125,17 @@
   border-top: 1px solid #f5f5f5;
   padding: 20px 0;
 }
+/* media queries
+------------------------------------ */@media (max-width: 767px) {
+  .module-gallery .module-content {
+    height: 376px;
+  }
+  .module-impression svg {
+    display: none;
+  }
+}
+@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
+  .flex-video {
+    padding-top: 0;
+  }
+}
diff -r 326c1a9fc102 -r 4610f9f5ee5b static/less/pymove3d.less
--- a/static/less/pymove3d.less	Thu Jan 23 14:47:35 2014 +0100
+++ b/static/less/pymove3d.less	Thu Jan 23 14:49:17 2014 +0100
@@ -85,22 +85,53 @@
 li.module-language a:first-child {border-right:1px solid @blue;}
 .module-course {background-color: #f5f5f5;}
 
-.module-cite {border-bottom:1px solid @yellow;padding-bottom:20px;}
+.module-info {border-bottom:1px solid @yellow;padding-bottom:20px;}
+.module-cite {padding-bottom:20px;}
+
 
 .cite {position:relative;}
 .cite-left {top: 6px;}
 .cite-right {top:48px;}
 .cite-right svg {margin-top: -48px;}
+
+.module-impression {background:@blue;}
+.module-impression a {color:white;}
+.module-thumbnail,
+.module-impression h3 {margin-top:20px;}
+.module-footer .headline {padding:20px 0;}
+
+/* Video
+------------------------------------ */ 
+.flex-video {
+position: relative;
+padding-top: 25px;
+padding-bottom: 67.5%;
+height: 0;
+margin-bottom: 16px;
+overflow: hidden;
+}
+ 
+.flex-video.widescreen { padding-bottom: 57.25%; }
+.flex-video.vimeo { padding-top: 0; }
+ 
+.flex-video iframe,
+.flex-video object,
+.flex-video embed {
+position: absolute;
+top: 0;
+left: 0;
+width: 100%;
+height: 100%;
+}
+
 /* Footer
 ------------------------------------ */ 
 #footer {
   height: 60px;
 }
-
 .sponsor{
   height: 50px;
 }
-
 #footer > .container {
   padding-left: 15px;
   padding-right: 15px;
@@ -113,4 +144,17 @@
   background-image:none;
   filter: 0;
 }
-.module-imprint {border-top:1px solid #f5f5f5; padding:20px 0;}
\ No newline at end of file
+.module-imprint {border-top:1px solid #f5f5f5; padding:20px 0;}
+
+/* media queries
+------------------------------------ */ 
+@media (max-width: 767px) {
+.module-gallery .module-content {
+    height: 376px;
+    }
+.module-impression svg {display:none;}
+}
+
+@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
+.flex-video { padding-top: 0; }
+}
\ No newline at end of file