"
Team:British Columbia/Gallery
From 2010.igem.org
(Difference between revisions)
(New page: __NOTOC__ {{Template_HD_4}} <html><body id="team" onload="setPageSize()"> <div id="super_main_wrapper"> <div id="SubWrapper"> <br></br> <h3>UBC iGEM 2010</h3> <center> <img src="" alt...) |
|||
| (One intermediate revision not shown) | |||
| Line 2: | Line 2: | ||
{{Template_HD_4}} | {{Template_HD_4}} | ||
| + | |||
<html><body id="team" onload="setPageSize()"> | <html><body id="team" onload="setPageSize()"> | ||
| + | <style type="text/css"> | ||
| + | #SubWrapper {height: 500px;} | ||
| + | #news {height: 500px;} | ||
| + | #HDgal {position:relative; width:relative; } | ||
| + | |||
| + | #HDgal a.p1, #HDgal a.p2, #HDgal a.p3, #HDgal a.p4, #HDgal a.p5, #HDgal a.p6, #HDgal a.p7, #HDgal a.p8, #HDgal a.p9 | ||
| + | {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;} | ||
| + | |||
| + | #HDgal a.p1 {top:100px; left:15px; background-image: url("");} | ||
| + | #HDgal a.p2 {top:100px; left:70px; background-image: url("");} | ||
| + | #HDgal a.p3 {top:100px; left:125px; background-image: url("");} | ||
| + | #HDgal a.p4 {top:155px; left:15px; background-image: url("");} | ||
| + | #HDgal a.p5 {top:155px; left:70px; background-image: url("");} | ||
| + | #HDgal a.p6 {top:155px; left:125px; background-image: url("");} | ||
| + | #HDgal a.p7 {top:210px; left:15px; background-image: url("");} | ||
| + | #HDgal a.p8 {top:210px; left:70px; background-image: url("");} | ||
| + | #HDgal a.p9 {top:210px; left:125px; background-image: url("");} | ||
| + | |||
| + | |||
| + | #HDgal a.p1:hover, #HDgal a.p2:hover, #HDgal a.p3:hover, #HDgal a.p4:hover, #HDgal a.p5:hover, #HDgal a.p6:hover, #HDgal a.p7:hover, #HDgal a.p8:hover, #HDgal a.p9:hover {text-decoration:none; background-color:#d4d8bd; color:#000;} | ||
| + | |||
| + | #HDgal a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;} | ||
| + | |||
| + | #HDgal a.p1:hover img {display:block; position:absolute; top:-100px; left:235px; width:340px; height: auto; border:0px;} | ||
| + | #HDgal a.p2:hover img {display:block; position:absolute; top:-100px; left:180px; width:340px; height: auto; border:0px;} | ||
| + | #HDgal a.p3:hover img {display:block; position:absolute; top:-100px; left:125px; width:340px; height: auto; border:0px;} | ||
| + | #HDgal a.p4:hover img {display:block; position:absolute; top:-155px; left:235px; width:340px; height: auto; border:0px;} | ||
| + | #HDgal a.p5:hover img {display:block; position:absolute; top:-155px; left:180px; width:340px; height: auto; border:0px;} | ||
| + | #HDgal a.p6:hover img {display:block; position:absolute; top:-155px; left:125px; width:340px; height: auto; border:0px;} | ||
| + | #HDgal a.p7:hover img {display:block; position:absolute; top:-210px; left:235px; width:340px; height: auto; border:0px;} | ||
| + | #HDgal a.p8:hover img {display:block; position:absolute; top:-210px; left:180px; width:340px; height: auto; border:0px;} | ||
| + | #HDgal a.p9:hover img {display:block; position:absolute; top:-210px; left:125px; width:340px; height: auto; border:0px;} | ||
| + | #mainimage {position:absolute; left:250px; top:0px; width:340px; border:0px;} | ||
| + | |||
| + | |||
| + | </style> | ||
<div id="super_main_wrapper"> | <div id="super_main_wrapper"> | ||
<div id="SubWrapper"> | <div id="SubWrapper"> | ||
| - | < | + | <h3></h3> |
| - | < | + | <div id="HDgal"> |
| - | < | + | |
| - | <img src="" | + | <img id="mainimage" src="" /> |
| - | </ | + | |
| - | </ | + | <a class="p1"><img src=""/></a> |
| + | <a class="p2"><img src=""/></a> | ||
| + | <a class="p3"><img src=""/></a> | ||
| + | <a class="p4"><img src=""/></a> | ||
| + | <a class="p5"><img src=""/></a> | ||
| + | <a class="p6"><img src=""/></a> | ||
| + | <a class="p7"><img src=""/></a> | ||
| + | <a class="p8"><img src=""/></a> | ||
| + | <a class="p9"><img src=""/></a> | ||
| + | </div> | ||
| - | <div | + | </div> <!-- end SubWrapper --> |
| - | < | + | |
| - | + | ||
| - | + | ||
| + | <div id="news" style="height:500px;"> <ul> | ||
| + | <h3>Point and Click</h3></ul> | ||
</div> <!-- end news --> | </div> <!-- end news --> | ||
</div> <!-- end Super_main_wrapper --> | </div> <!-- end Super_main_wrapper --> | ||
Latest revision as of 06:56, 10 September 2010
