Difference between revisions of "Template:ElanVitalKorea"
Line 4: | Line 4: | ||
<head> | <head> | ||
<style> | <style> | ||
− | html, body, .wrapper{ | + | html, body, .wrapper{ |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | background-color: transparent; | |
− | + | } | |
#cssmenu {padding: 0; margin: 0; border: 0; text-align:center;} | #cssmenu {padding: 0; margin: 0; border: 0; text-align:center;} | ||
Line 143: | Line 143: | ||
/* Location of the image */ | /* Location of the image */ | ||
background-image: url("https://static.igem.org/mediawiki/2015/archive/2/24/20150829203509!ElanVital_Bg.png"); | 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 image is centered vertically and horizontally at all times */ | ||
background-position: center center; | background-position: center center; | ||
− | + | ||
/* Background image doesn't tile */ | /* Background image doesn't tile */ | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | + | ||
− | /* Background image is fixed in the viewport so that it doesn't move when | + | /* 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 */ | the content's height is greater than the image's height */ | ||
background-attachment: fixed; | background-attachment: fixed; | ||
− | + | ||
/* This is what makes the background image rescale based | /* This is what makes the background image rescale based | ||
on the container's size */ | on the container's size */ |
Revision as of 15:14, 30 August 2015