Team:Glendale CC AZ/css

From 2013.igem.org

(Difference between revisions)
Line 167: Line 167:
</ul>
</ul>
</div>
</div>
 +
 +
 +
 +
 +
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 +
<html>
 +
<head>
 +
<style type="text/css">
 +
body {
 +
background: #222;
 +
margin-top: 20px;
 +
}
 +
 +
h3 {
 +
color: #eee;
 +
font-family: Verdana;
 +
}
 +
 +
.thumbnails img {
 +
height: 80px;
 +
border: 4px solid #555;
 +
padding: 1px;
 +
margin: 0 10px 10px 0;
 +
}
 +
 +
.thumbnails img:hover {
 +
border: 4px solid #00ccff;
 +
cursor:pointer;
 +
}
 +
 +
.preview img {
 +
border: 4px solid #444;
 +
padding: 1px;
 +
height: 500px;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div>
 +
<div class="gallery" align="center">
 +
 +
<div class="thumbnails">
 +
<img onmouseover="preview.src=img1.src" name="img1" src="https://static.igem.org/mediawiki/2013/7/76/Dr._Ziemba_GCC.JPG" alt=""/>
 +
<img onmouseover="preview.src=img2.src" name="img2" src="http://bit.ly/1ug1e6" alt=""/>
 +
<img onmouseover="preview.src=img3.src" name="img3" src="http://bit.ly/1yIAYc" alt=""/>
 +
<img onmouseover="preview.src=img4.src" name="img4" src="http://bit.ly/2LHyDW" alt=""/>
 +
<img onmouseover="preview.src=img5.src" name="img5" src="http://bit.ly/2wyHSR" alt=""/>
 +
<img onmouseover="preview.src=img6.src" name="img6" src="http://bit.ly/yRo1i" alt=""/>
 +
</div>
 +
 +
<div class="preview" align="center">
 +
<img name="preview" src="https://static.igem.org/mediawiki/2013/7/76/Dr._Ziemba_GCC.JPG" alt=""/>
 +
</div>
 +
 +
</div> <!– Close the gallery div –>
 +
</body>
 +
</html>

Revision as of 18:51, 7 August 2013

Retrieved from "http://2013.igem.org/Team:Glendale_CC_AZ/css"