|
|
| Line 140: |
Line 140: |
| | } | | } |
| | | | |
| − | body {
| |
| − | /* Location of the image */
| |
| − | background-image: url("https://static.igem.org/mediawiki/2015/archive/2/24/20150829203509!ElanVital_Bg.png");
| |
| − |
| |
| − | /* Background image is centered vertically and horizontally at all times */
| |
| − | background-position: center center;
| |
| − |
| |
| − | /* Background image doesn't tile */
| |
| − | background-repeat: no-repeat;
| |
| − |
| |
| − | /* Background image is fixed in the viewport so that it doesn't move when
| |
| − | the content's height is greater than the image's height */
| |
| − | background-attachment: fixed;
| |
| − |
| |
| − | /* This is what makes the background image rescale based
| |
| − | on the container's size */
| |
| − | background-size: cover;
| |
| − | }
| |
| − |
| |
| − | @media only screen and (max-width: 767px) {
| |
| − | body {
| |
| − | /* The file size of this background image is 93% smaller
| |
| − | to improve page load speed on mobile internet connections */
| |
| − | background-image: url(images/background-photo-mobile-devices.jpg);
| |
| − | }
| |
| − | }
| |
| | | | |
| | | | |
