Difference between revisions of "Team:elan vital korea"
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); | ||
+ | } | ||
} | } | ||
Revision as of 16:49, 30 August 2015