1.1 --- a/static/less/pymove3d.less	Thu Jan 23 14:47:35 2014 +0100
     1.2 +++ b/static/less/pymove3d.less	Thu Jan 23 14:49:17 2014 +0100
     1.3 @@ -85,22 +85,53 @@
     1.4  li.module-language a:first-child {border-right:1px solid @blue;}
     1.5  .module-course {background-color: #f5f5f5;}
     1.6  
     1.7 -.module-cite {border-bottom:1px solid @yellow;padding-bottom:20px;}
     1.8 +.module-info {border-bottom:1px solid @yellow;padding-bottom:20px;}
     1.9 +.module-cite {padding-bottom:20px;}
    1.10 +
    1.11  
    1.12  .cite {position:relative;}
    1.13  .cite-left {top: 6px;}
    1.14  .cite-right {top:48px;}
    1.15  .cite-right svg {margin-top: -48px;}
    1.16 +
    1.17 +.module-impression {background:@blue;}
    1.18 +.module-impression a {color:white;}
    1.19 +.module-thumbnail,
    1.20 +.module-impression h3 {margin-top:20px;}
    1.21 +.module-footer .headline {padding:20px 0;}
    1.22 +
    1.23 +/* Video
    1.24 +------------------------------------ */ 
    1.25 +.flex-video {
    1.26 +position: relative;
    1.27 +padding-top: 25px;
    1.28 +padding-bottom: 67.5%;
    1.29 +height: 0;
    1.30 +margin-bottom: 16px;
    1.31 +overflow: hidden;
    1.32 +}
    1.33 + 
    1.34 +.flex-video.widescreen { padding-bottom: 57.25%; }
    1.35 +.flex-video.vimeo { padding-top: 0; }
    1.36 + 
    1.37 +.flex-video iframe,
    1.38 +.flex-video object,
    1.39 +.flex-video embed {
    1.40 +position: absolute;
    1.41 +top: 0;
    1.42 +left: 0;
    1.43 +width: 100%;
    1.44 +height: 100%;
    1.45 +}
    1.46 +
    1.47  /* Footer
    1.48  ------------------------------------ */ 
    1.49  #footer {
    1.50    height: 60px;
    1.51  }
    1.52 -
    1.53  .sponsor{
    1.54    height: 50px;
    1.55  }
    1.56 -
    1.57  #footer > .container {
    1.58    padding-left: 15px;
    1.59    padding-right: 15px;
    1.60 @@ -113,4 +144,17 @@
    1.61    background-image:none;
    1.62    filter: 0;
    1.63  }
    1.64 -.module-imprint {border-top:1px solid #f5f5f5; padding:20px 0;}
    1.65 \ No newline at end of file
    1.66 +.module-imprint {border-top:1px solid #f5f5f5; padding:20px 0;}
    1.67 +
    1.68 +/* media queries
    1.69 +------------------------------------ */ 
    1.70 +@media (max-width: 767px) {
    1.71 +.module-gallery .module-content {
    1.72 +    height: 376px;
    1.73 +    }
    1.74 +.module-impression svg {display:none;}
    1.75 +}
    1.76 +
    1.77 +@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) {
    1.78 +.flex-video { padding-top: 0; }
    1.79 +}
    1.80 \ No newline at end of file