Team:St Andrews/about

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.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 12: Line 13:
<![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 762: Line 849:
<div class="main">
<div class="main">
<div class="exmain">
<div class="exmain">
 +
<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:25, 29 July 2010

Click here to view a picture inside Slimbox.