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: | + | 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