Team:WashU/test

From 2010.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
 +
<style type="text/css">
 +
 +
/* defaults required for IE */
 +
 +
a, a:visited, a:hover, a:active, a:focus {color:#000;}
 +
 +
 +
#holder {position:relative; background:transparent url(pic1b.gif) 175px 54px no-repeat; margin-bottom:10px; z-index:1;}
 +
 +
#scrollbox {width:850px; height:80px; background:transparent; overflow:auto; margin-left:50px;}
 +
 +
a.gallery, a.gallery:visited {display:block; color:transparent; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left; font-size:11px;}
 +
 +
a.slidea {background:url(https://static.igem.org/mediawiki/2010/c/ca/WashUTeamPic1Thumb.jpg);}
 +
 +
a.slideb {background:url(https://static.igem.org/mediawiki/2010/f/f6/WashUTeamPic2Thumb.jpg);}
 +
 +
a.slidec {background:url(thumb4.jpg);}
 +
 +
a.slided {background:url(thumb5.jpg);}
 +
 +
a.slidee {background:url(thumb6.jpg);}
 +
 +
a.slidef {background:url(thumb7.jpg);}
 +
 +
a.slideg {background:url(thumb8.jpg);}
 +
 +
a.slideh {background:url(thumb9.jpg);}
 +
 +
a.slidei {background:url(thumb10.jpg);}
 +
 +
a.slidej {background:url(thumb11.jpg);}
 +
 +
 +
 +
 +
 +
a.gallery span {display:block; position:absolute; left:150px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
 +
 +
a.gallery:hover {white-space:normal; border:1px solid #fff;}
 +
 +
a.gallery:hover img {border:1px solid #000; z-index:100;}
 +
 +
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
 +
 +
 +
 +
a.gallery:hover span {display:block; position:absolute; width:400px; height:350px; top:49px; left:350px; padding:5px; font-style:italic; color:#000; background:transparent; z-index:100; font-size:11px;}
 +
 +
a.gallery:active {border:1px solid #eee;}
 +
 +
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:280px; top:49px; left:170px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}
 +
 +
 +
 +
#thumbs {width:840px; height:60px;}
 +
 +
#pad {height:320px; width:100px;}
-
<style>
 
-
.menu{
 
-
border:none;
 
-
border:0px;
 
-
margin:0px;
 
-
padding:0px;
 
-
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 
-
font-size:14px;
 
-
font-weight:bold;
 
-
}
 
-
.menu ul{
 
-
background:#333333;
 
-
height:35px;
 
-
list-style:none;
 
-
margin:0;
 
-
padding:0;
 
-
}
 
-
.menu li{
 
-
float:left;
 
-
padding:0px;
 
-
}
 
-
.menu li a{
 
-
background:#333333 url("images/seperator.gif") bottom right no-repeat;
 
-
color:#cccccc;
 
-
display:block;
 
-
font-weight:normal;
 
-
line-height:35px;
 
-
margin:0px;
 
-
padding:0px 25px;
 
-
text-align:center;
 
-
text-decoration:none;
 
-
}
 
-
.menu li a:hover, .menu ul li:hover a{
 
-
background: #2580a2 url("images/hover.gif") bottom center no-repeat;
 
-
color:#FFFFFF;
 
-
text-decoration:none;
 
-
}
 
-
.menu li ul{
 
-
background:#333333;
 
-
display:none;
 
-
height:auto;
 
-
padding:0px;
 
-
margin:0px;
 
-
border:0px;
 
-
position:absolute;
 
-
width:225px;
 
-
z-index:200;
 
-
/*top:1em;
 
-
/*left:0;*/
 
-
}
 
-
.menu li:hover ul{
 
-
display:block;
 
-
 
-
}
 
-
.menu li li {
 
-
background:url('images/sub_sep.gif') bottom left no-repeat;
 
-
display:block;
 
-
float:none;
 
-
margin:0px;
 
-
padding:0px;
 
-
width:225px;
 
-
}
 
-
.menu li:hover li a{
 
-
background:none;
 
-
 
-
}
 
-
.menu li ul a{
 
-
display:block;
 
-
height:35px;
 
-
font-size:12px;
 
-
font-style:normal;
 
-
margin:0px;
 
-
padding:0px 10px 0px 15px;
 
-
text-align:left;
 
-
}
 
-
.menu li ul a:hover, .menu li ul li:hover a{
 
-
background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
 
-
border:0px;
 
-
color:#ffffff;
 
-
text-decoration:none;
 
-
}
 
-
.menu p{
 
-
clear:left;
 
-
}
 
</style>
</style>
 +
</head>
<body>
<body>
-
{{menu_style}}
+
<div id="holder">
-
<br>
+
 
-
<br>
+
<div id="pad"></div>
-
<div class="menu">
+
 
-
<ul>
+
 
-
<li><a href="#" >Home</a></li>
+
 
-
<li><a href="#" id="current">Products</a>
+
<div id="scrollbox">
-
<ul>
+
 
-
<li><a href="#">Drop Down CSS Menus</a></li>
+
<div id="thumbs">
-
<li><a href="#">Horizontal CSS Menus</a></li>
+
 
-
<li><a href="#">Vertical CSS Menus</a></li>
+
<a class="gallery slidea" href="#nogo" title="TeamPic1"><span><img src="https://static.igem.org/mediawiki/2010/8/88/WashUTeamPic1.JPG" alt="TeamPic1" title="TeamPic1" /><br />Alice and Brian at a team meeting</span></a>
-
<li><a href="#">Dreamweaver Menus</a></li>
+
 
-
  </ul>
+
<a class="gallery slideb" href="#nogo" title="TeamPic2"><span><img src="https://static.igem.org/mediawiki/2010/e/ea/WashUTeamPic2.jpg" alt="TeamPic2" title="TeamPic2" /><br />Brendan Explaining an idea to the team</span></a>
-
  </li>
+
 
-
<li><a href="/faq.php">FAQ</a>
+
<a class="gallery slidec" href="#nogo" title="Vases"><span><img src="pic4.jpg" alt="Vases" title="Vases" /><br />pic4.jpg<br />Photographs courtesy of morgueFile.com</span></a>
-
                <ul>
+
 
-
                <li><a href="#">Drop Down CSS Menus</a></li>
+
<a class="gallery slided" href="#nogo" title="Window"><span><img src="pic5.jpg" alt="Window" title="Window" /><br />pic5.jpg<br />Photographs courtesy of morgueFile.com</span></a>
-
                <li><a href="#">Horizontal CSS Menus</a></li>
+
 
-
                <li><a href="#">Vertical CSS Menus</a></li>
+
<a class="gallery slidee" href="#nogo" title="Cascade"><span><img src="pic6.jpg" alt="Cascade" title="Cascade" /><br />pic6.jpg<br />Photographs courtesy of morgueFile.com</span></a>
-
                <li><a href="#">Dreamweaver Menus</a></li>
+
 
-
                </ul>
+
<a class="gallery slidef" href="#nogo" title="Cascade"><span><img src="pic7.jpg" alt="Flowers" title="Flowers" /><br />pic7.jpg<br />Photographs courtesy of morgueFile.com</span></a>
-
          </li>
+
 
-
<li><a href="/contact/contact.php">Contact</a></li>
+
<a class="gallery slideg" href="#nogo" title="Cascade"><span><img src="pic8.jpg" alt="Butterfly" title="Butterfly" /><br />pic8.jpg<br />Photographs courtesy of morgueFile.com</span></a>
-
</ul>
+
 
-
</div>
+
<a class="gallery slideh" href="#nogo" title="Cascade"><span><img src="pic9.jpg" alt="Birds" title="Birds" /><br />pic9.jpg<br />Photographs courtesy of morgueFile.com</span></a>
 +
 
 +
<a class="gallery slidei" href="#nogo" title="Cascade"><span><img src="pic10.jpg" alt="Shells" title="Shells" /><br />pic10.jpg<br />Photographs courtesy of morgueFile.com</span></a>
 +
 
 +
<a class="gallery slidej" href="#nogo" title="Cascade"><span><img src="pic11.jpg" alt="Fishing" title="Fishing" /><br />pic11.jpg<br />Photographs courtesy of morgueFile.com</span></a>
 +
 
 +
</div>
 +
 
 +
</div>
 +
 
 +
 
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 03:56, 6 October 2010

Retrieved from "http://2010.igem.org/Team:WashU/test"