1.1 --- a/static/css/bootstrap.css	Thu Jan 23 14:47:35 2014 +0100
     1.2 +++ b/static/css/bootstrap.css	Thu Jan 23 14:49:17 2014 +0100
     1.3 @@ -206,7 +206,7 @@
     1.4    img {
     1.5      max-width: 100% !important;
     1.6    }
     1.7 -  @page {
     1.8 +  @page  {
     1.9      margin: 2cm .5cm;
    1.10    }
    1.11    p,
    1.12 @@ -1577,6 +1577,7 @@
    1.13    margin: 4px 0 0;
    1.14    margin-top: 1px \9;
    1.15    /* IE8-9 */
    1.16 +
    1.17    line-height: normal;
    1.18  }
    1.19  input[type="file"] {
    1.20 @@ -5989,6 +5990,7 @@
    1.21  ------------------------------------ */
    1.22  #wrap > .container {
    1.23    /*padding: 60px 15px 0;*/
    1.24 +
    1.25  }
    1.26  img {
    1.27    vertical-align: middle;
    1.28 @@ -6044,10 +6046,13 @@
    1.29  .module-course {
    1.30    background-color: #f5f5f5;
    1.31  }
    1.32 -.module-cite {
    1.33 +.module-info {
    1.34    border-bottom: 1px solid #fdc91a;
    1.35    padding-bottom: 20px;
    1.36  }
    1.37 +.module-cite {
    1.38 +  padding-bottom: 20px;
    1.39 +}
    1.40  .cite {
    1.41    position: relative;
    1.42  }
    1.43 @@ -6060,9 +6065,45 @@
    1.44  .cite-right svg {
    1.45    margin-top: -48px;
    1.46  }
    1.47 +.module-impression {
    1.48 +  background: #125883;
    1.49 +}
    1.50 +.module-impression a {
    1.51 +  color: white;
    1.52 +}
    1.53 +.module-thumbnail,
    1.54 +.module-impression h3 {
    1.55 +  margin-top: 20px;
    1.56 +}
    1.57 +.module-footer .headline {
    1.58 +  padding: 20px 0;
    1.59 +}
    1.60 +/* Video
    1.61 +------------------------------------ */.flex-video {
    1.62 +  position: relative;
    1.63 +  padding-top: 25px;
    1.64 +  padding-bottom: 67.5%;
    1.65 +  height: 0;
    1.66 +  margin-bottom: 16px;
    1.67 +  overflow: hidden;
    1.68 +}
    1.69 +.flex-video.widescreen {
    1.70 +  padding-bottom: 57.25%;
    1.71 +}
    1.72 +.flex-video.vimeo {
    1.73 +  padding-top: 0;
    1.74 +}
    1.75 +.flex-video iframe,
    1.76 +.flex-video object,
    1.77 +.flex-video embed {
    1.78 +  position: absolute;
    1.79 +  top: 0;
    1.80 +  left: 0;
    1.81 +  width: 100%;
    1.82 +  height: 100%;
    1.83 +}
    1.84  /* Footer
    1.85 ------------------------------------- */
    1.86 -#footer {
    1.87 +------------------------------------ */#footer {
    1.88    height: 60px;
    1.89  }
    1.90  .sponsor {
    1.91 @@ -6084,3 +6125,17 @@
    1.92    border-top: 1px solid #f5f5f5;
    1.93    padding: 20px 0;
    1.94  }
    1.95 +/* media queries
    1.96 +------------------------------------ */@media (max-width: 767px) {
    1.97 +  .module-gallery .module-content {
    1.98 +    height: 376px;
    1.99 +  }
   1.100 +  .module-impression svg {
   1.101 +    display: none;
   1.102 +  }
   1.103 +}
   1.104 +@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.105 +  .flex-video {
   1.106 +    padding-top: 0;
   1.107 +  }
   1.108 +}