Team:St Andrews/about

From 2010.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<script language="JavaScript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script>
<script language="JavaScript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script>
-
<script type="text/javascript" src="https://2010.igem.org/Team:St_Andrews/slimbox2.js"></script>
 
<!--[if gte IE 5.5]>
<!--[if gte IE 5.5]>
<script language="JavaScript" type="text/JavaScript">
<script language="JavaScript" type="text/JavaScript">
Line 13: Line 12:
<![endif]-->
<![endif]-->
<style type="text/css">
<style type="text/css">
-
 
-
/* SLIMBOX */
 
-
 
-
#lbOverlay {
 
-
position: fixed;
 
-
z-index: 9999;
 
-
left: 0;
 
-
top: 0;
 
-
width: 100%;
 
-
height: 100%;
 
-
background-color: #000;
 
-
cursor: pointer;
 
-
}
 
-
 
-
#lbCenter, #lbBottomContainer {
 
-
position: absolute;
 
-
z-index: 9999;
 
-
overflow: hidden;
 
-
background-color: #fff;
 
-
}
 
-
 
-
.lbLoading {
 
-
background: #fff url(loading.gif) no-repeat center;
 
-
}
 
-
 
-
#lbImage {
 
-
position: absolute;
 
-
left: 0;
 
-
top: 0;
 
-
border: 10px solid #fff;
 
-
background-repeat: no-repeat;
 
-
}
 
-
 
-
#lbPrevLink, #lbNextLink {
 
-
display: block;
 
-
position: absolute;
 
-
top: 0;
 
-
width: 50%;
 
-
outline: none;
 
-
}
 
-
 
-
#lbPrevLink {
 
-
left: 0;
 
-
}
 
-
 
-
#lbPrevLink:hover {
 
-
background: transparent url(prevlabel.gif) no-repeat 0 15%;
 
-
}
 
-
 
-
#lbNextLink {
 
-
right: 0;
 
-
}
 
-
 
-
#lbNextLink:hover {
 
-
background: transparent url(nextlabel.gif) no-repeat 100% 15%;
 
-
}
 
-
 
-
#lbBottom {
 
-
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 
-
font-size: 10px;
 
-
color: #666;
 
-
line-height: 1.4em;
 
-
text-align: left;
 
-
border: 10px solid #fff;
 
-
border-top-style: none;
 
-
}
 
-
 
-
#lbCloseLink {
 
-
display: block;
 
-
float: right;
 
-
width: 66px;
 
-
height: 22px;
 
-
background: transparent url(closelabel.gif) no-repeat center;
 
-
margin: 5px 0;
 
-
outline: none;
 
-
}
 
-
 
-
#lbCaption, #lbNumber {
 
-
margin-right: 71px;
 
-
}
 
-
 
-
#lbCaption {
 
-
font-weight: bold;
 
-
}
 
-
 
-
 
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
Line 849: Line 762:
<div class="main">
<div class="main">
<div class="exmain">
<div class="exmain">
-
 
-
<a id="http://farm5.static.flickr.com/4153/4831378947_decb878791_d.jpg" href="http://farm5.static.flickr.com/4153/4831378947_decb878791_d.jpg">Click Me</a>
 
-
<script>jQuery("http://farm5.static.flickr.com/4153/4831378947_decb878791_d.jpg").slimbox();</script>
 
-
<a href="http://farm5.static.flickr.com/4153/4831378947_decb878791_d.jpg" rel="lightbox" title="Beautiful, isn't it?">Click here</a> to view a picture inside Slimbox.
 
</div>
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 06:32, 29 July 2010