Difference between revisions of "Template:ElanVitalKorea"

Line 140: Line 140:
 
}
 
}
  
−
.wrap {
+
body {
−
    display: inline-block;
+
  /* Location of the image */
−
    position: relative;
+
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;
 
}
 
}
  
−
.wrap img + .content {
 
−
    position: absolute;
 
−
    top: 0;
 
−
    left: 0;
 
−
}
 
  
 
</style>
 
</style>
Line 155: Line 164:
  
 
<body>
 
<body>
−
 
−
<div class="wrap">
 
−
    <img src="https://static.igem.org/mediawiki/2015/archive/2/24/20150829203509!ElanVital_Bg.png" />
 
−
<div class="content">
 
  
 
<div id='cssmenu'>
 
<div id='cssmenu'>
Line 233: Line 238:
 
<br>
 
<br>
  
−
 
−
</div>
 
−
</div>
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:28, 30 August 2015






MEMBERS