|
|
Line 64: |
Line 64: |
| color:white; | | color:white; |
| font-size: 12px; | | font-size: 12px; |
− | }
| |
− |
| |
− | 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);
| |
− | }
| |
| } | | } |
| | | |