Difference between revisions of "Template:Aalto-Helsinki"

Line 1,176: Line 1,176:
 
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 
    
 
    
 +
  html {
 +
    position: relative;
 +
    height: 100%;
 +
    min-width: 300px;
 +
    text-align: center;
 +
    background-color: white;
 +
    background-size: cover;
 +
    font-size:16px !important;
 +
  }
 +
 
   header, body {
 
   header, body {
 
     height: 100%;
 
     height: 100%;
     min-height: 300px; /* So that the bottom bar does not go over the picture on a small screen */
+
     min-height: 500px; /* So that the bottom bar does not go over the picture on a small screen */
 
     margin: 0 0 0px;
 
     margin: 0 0 0px;
 
     padding: 0;
 
     padding: 0;

Revision as of 19:18, 22 October 2017

Aalto-Helsinki