Team:St Andrews/team

From 2010.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script>
-
<!--[if gte IE 5.5]>
+
<script src="http://www.lycifer.co.cc/java/s3Slider.js" type="text/javascript"></script>
 +
<script src="http://www.lycifer.co.cc/java/jquery.corner.js" type="text/javascript"></script>
 +
<script src="http://www.lycifer.co.cc/java/liquid-canvas.js" type="text/javascript"></script>
 +
<script src="http://www.lycifer.co.cc/java/liquid-canvas-plugins.js" type="text/javascript"></script>
<script language="JavaScript" type="text/JavaScript">
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$(document).ready(function(){
 +
$(".exphoto").corner("32px")
 +
$(".exphoto").corner("80px tr")
 +
$(".exmain").corner("32px bl")
 +
$(".main").corner("80px tl")
 +
$(".main").corner("32px bl")
 +
$(".tag").corner("32px tl bl")
$("#navmenu-h li,#navmenu-v li").hover(
$("#navmenu-h li,#navmenu-v li").hover(
function() { $(this).addClass("iehover"); },
function() { $(this).addClass("iehover"); },
Line 10: Line 19:
);});
);});
</script>
</script>
-
<![endif]-->
+
<script src="http://www.lycifer.co.cc/java/jquery.nivo.slider.pack.js" type="text/javascript"></script>
-
<style type="text/css">
+
<script type="text/javascript">
-
 
+
$(window).load(function() {
-
 
+
$('#slider').nivoSlider({
-
ul, li {
+
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
-
list-style: none;
+
slices:50,
-
padding:0;
+
animSpeed:1000,
-
margin:0;
+
pauseTime:5000,
-
}
+
startSlide:0, //Set starting Slide (0 index)
-
#crumbs {
+
directionNav:false, //Next & Prev
-
height:2.3em;
+
directionNavHide:true, //Only show on hover
-
border:1px solid #dedede;
+
controlNav:false, //1,2,3...
 +
controlNavThumbs:false, //Use thumbnails for Control Nav
 +
      controlNavThumbsFromRel:true, //Use image rel for thumbs
 +
controlNavThumbsSearch: '.jpg', //Replace this with...
 +
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
 +
keyboardNav:false, //Use left & right arrows
 +
pauseOnHover:true, //Stop animation while hovering
 +
manualAdvance:false, //Force manual transitions
 +
captionOpacity:0.8, //Universal caption opacity
 +
beforeChange: function(){},
 +
afterChange: function(){},
 +
slideshowEnd: function(){} //Triggers after all slides have been shown
}
}
-
#crumbs li {
+
);
-
float:left;
+
})
-
line-height:2.3em;
+
</script>
-
color:#000066;
+
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'>
-
padding-left:.75em;
+
<link rel="stylesheet" type="text/css" href="http://www.lycifer.co.cc/css/lymain6.css" />
-
padding-right:.75em;
+
-
}
+
-
#crumbs li a {
+
-
background:url(http://farm5.static.flickr.com/4083/4840231538_b92665afd3_m_d.jpg) no-repeat right center;
+
-
display:block;
+
-
padding:0 15px 0 0;
+
-
}
+
-
#crumbs li a:link,
+
-
#crumbs li a:visited {
+
-
color:#000066;
+
-
text-decoration:none;
+
-
}
+
-
a:link, a:visited,
+
-
#crumbs li a:hover,
+
-
#crumbs li a:focus {
+
-
color:#dd2c0d;
+
-
}
+
-
 
+
-
 
+
-
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
+
-
+
-
ul#navmenu-h ul {
+
-
width: 173px; /* Sub Menu Width */
+
-
margin: 0;
+
-
list-style: none;
+
-
display: none;
+
-
position: absolute;
+
-
top: 100%;
+
-
left: 0;
+
-
}
+
-
+
-
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
+
-
+
-
ul#navmenu-h li { float: left; display: inline; position: relative; }
+
-
ul#navmenu-h ul li { width: 100%; display: block; }
+
-
+
-
/* Root Menu */
+
-
ul#navmenu-h a {
+
-
border-top: 1px solid #FFF;
+
-
border-right: 1px solid #FFF;
+
-
width:160px;
+
-
padding: 6px;
+
-
float: center;
+
-
display: block;
+
-
background: #000066;
+
-
color: #ffffff;
+
-
font: bold 11px Verdana, sans-serif;
+
-
text-decoration: none;
+
-
height: 1%;
+
-
}
+
-
+
-
/* Root Menu Hover Persistence */
+
-
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
+
-
background: #FFFFFF;
+
-
color: #000066;
+
-
height:120%;
+
-
font: bold 13px Verdana, sans-serif;
+
-
}
+
-
+
-
/* 2nd Menu */
+
-
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
+
-
font: bold 11px Verdana, sans-serif;
+
-
border: 1px solid #dedede;
+
-
width: 160px;
+
-
float: none;
+
-
height:100%;
+
-
color: #000066;
+
-
background: #FFFFFF;
+
-
}
+
-
+
-
/* 2nd Menu Hover Persistence */
+
-
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
+
-
font: bold 13px Verdana, sans-serif;
+
-
border: 1px solid #dedede;
+
-
background: #000066;
+
-
color:#ffffff;
+
-
height:120%;
+
-
}
+
-
+
-
/* 3rd Menu */
+
-
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
+
-
font: bold 11px Verdana, sans-serif;
+
-
color: #000066;
+
-
background: #FFFFFF;
+
-
height:100%;
+
-
}
+
-
+
-
/* 3rd Menu Hover Persistence */
+
-
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
+
-
font: bold 13px Verdana, sans-serif;
+
-
background: #000066;
+
-
color: #ffffff;
+
-
height:120%;
+
-
}
+
-
+
-
/* 4th Menu */
+
-
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
+
-
background: #808080;
+
-
}
+
-
+
-
/* 4th Menu Hover */
+
-
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
+
-
background: #000066;
+
-
}
+
-
+
-
/* Hover Function - Do Not Move */
+
-
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
+
-
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }
+
-
 
+
-
ul.navigation1
+
-
{
+
-
position:absolute;
+
-
z-index:5;
+
-
top:248px;
+
-
left:110px;
+
-
}
+
-
 
+
-
ul.navigation2
+
-
{
+
-
position:absolute;
+
-
z-index:1;
+
-
top:200px;
+
-
left:105px;
+
-
}
+
-
#globalWrapper {
+
-
    position: relative;
+
-
    font-size: 127%;
+
-
    width: 100%;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    padding-bottom: 10px;
+
-
}
+
-
.visualClear {
+
-
    clear: both;
+
-
}
+
-
 
+
-
#top-section {
+
-
    position: relative;
+
-
    height: 0px;
+
-
    width: 975px;
+
-
#    margin-left: 10px;
+
-
margin: 0 auto 0 auto;
+
-
    border-left: 1px solid #000000;
+
-
    border-right: 1px solid #000000;
+
-
}
+
-
 
+
-
#p-logo {
+
-
    position: absolute;
+
-
top=-107
+
-
    z-index: 1;
+
-
    height: 107px;
+
-
    width: 975px;
+
-
}
+
-
#p-logo h5 {
+
-
    display: none;
+
-
}
+
-
#p-logo a,
+
-
#p-logo a:hover {
+
-
    text-decoration: none;
+
-
}
+
-
 
+
-
#search-controls {
+
-
position: absolute;
+
-
top:  25px;
+
-
right: 15px;
+
-
width: 150px;
+
-
height: 40px;
+
-
background-color: transparent;
+
-
    text-align: center;
+
-
    z-index: 3;
+
-
}
+
-
input.searchButton {
+
-
margin: 1px 10px 0 10px;
+
-
font-size: 100%;
+
-
background: none;
+
-
border: none;
+
-
color: #FFFFFF;
+
-
font-weight: bold;
+
-
}
+
-
input.searchButton:hover {
+
-
color: white;
+
-
}
+
-
#searchInput {
+
-
    width: 10.9em;
+
-
    margin: 0;
+
-
    font-size: 95%;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#menubar {
+
-
filter: alpha(opacity=100);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+
-
-moz-opacity: 1; opacity:1;
+
-
 
+
-
background: #d1d1d1; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#808080)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #ebebeb,  #808080); /* for firefox 3.6+ */
+
-
+
-
color: #444;
+
-
border-top: solid 1px #f8f8f8;
+
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
+
-
 
+
-
    position: absolute;
+
-
    white-space: nowrap;
+
-
    top: 0px;
+
-
width: 682px;   
+
-
    z-index: 5;
+
-
    font-family: sans-serif;
+
-
    font-size: 95%;
+
-
    line-height: 1em;
+
-
text-transform: uppercase;
+
-
}
+
-
.left-menu {
+
-
color:#000000;
+
-
    left: -199px;
+
-
    text-align: left;
+
-
}
+
-
.right-menu {
+
-
    text-align: right;
+
-
    right: -190px;
+
-
}
+
-
#menubar ul {
+
-
    color: #555555;
+
-
    list-style: none;
+
-
}
+
-
#menubar li {
+
-
    display: inline;
+
-
    position: relative;
+
-
    cursor: pointer;
+
-
    padding-left: 4px;
+
-
    padding-right: 10px;
+
-
}
+
-
#menubar li a {
+
-
    color: #555555;
+
-
}
+
-
#menubar li a:hover {
+
-
    color: black;
+
-
    text-decoration: none;
+
-
}
+
-
#menubar .selected a {
+
-
color: black;
+
-
}
+
-
 
+
-
html>body #nav {
+
-
filter: alpha(opacity=80);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+
-
-moz-opacity: 0.8; opacity:0.8;
+
-
z-index:1;
+
-
margin: 0;
+
-
padding: 7px 6px 0;
+
-
line-height: 100%;
+
-
border-top-left-radius:5em;
+
-
border-top-right-radius:2em;
+
-
border-bottom-left-radius:2em;
+
-
border-bottom-right-radius:2em;
+
-
+
-
-webkit-border-top-left-radius: 5em;
+
-
-webkit-border-top-right-radius: 2em;
+
-
-webkit-border-bottom-left-radius: 2em;
+
-
-webkit-border-bottom-right-radius: 2em;
+
-
-moz-border-radius-topleft: 5em;
+
-
-moz-border-radius-topright: 2em;
+
-
-moz-border-radius-bottomleft: 2em;
+
-
-moz-border-radius-bottomright: 2em;
+
-
 
+
-
+
-
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
+
-
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
+
-
+
-
background: #8b8b8b; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#000000)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #000066,  #000000); /* for firefox 3.6+ */
+
-
+
-
border: solid 1px #6d6d6d;
+
-
}
+
-
html>body #nav li {
+
-
margin: 0 5px;
+
-
padding: 0 0 8px;
+
-
float: left;
+
-
position: relative;
+
-
list-style: none;
+
-
}
+
-
/* main level link */
+
-
html>body #nav a {
+
-
font-weight: bold;
+
-
color: #e7e5e5;
+
-
text-decoration: none;
+
-
display: block;
+
-
        padding:  8px 57px;
+
-
margin: 0;
+
-
-webkit-border-radius: 1.6em;
+
-
-moz-border-radius: 1.6em;
+
-
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
+
-
}
+
-
 
+
-
/* main level link hover */
+
-
html>body #nav .current a, #nav li:hover > a {
+
-
background: #d1d1d1; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#808080)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #ebebeb,  #808080); /* for firefox 3.6+ */
+
-
+
-
color: #444;
+
-
border-top: solid 1px #f8f8f8;
+
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
+
-
}
+
-
/* sub levels link hover */
+
-
html>body #nav ul li:hover a, #nav li:hover li a {
+
-
background: none;
+
-
border: none;
+
-
color: #323232;
+
-
-webkit-box-shadow: none;
+
-
-moz-box-shadow: none;
+
-
}
+
-
html>body #nav ul a:hover {
+
-
background: #0399d4 !important; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#000000)) !important; /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #000066,  #000000) !important; /* for firefox 3.6+ */
+
-
+
-
color: #fff !important;
+
-
-webkit-border-radius: 0;
+
-
-moz-border-radius: 0;
+
-
text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
+
-
}
+
-
/* level 2 list */
+
-
html>body #nav ul {
+
-
background: #ddd; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c8c8'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c8c8c8)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #fff,  #c8c8c8); /* for firefox 3.6+ */
+
-
+
-
display: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
width: 200px;
+
-
position: absolute;
+
-
top: 35px;
+
-
left: 10px;
+
-
border: solid 1px #b4b4b4;
+
-
-webkit-border-radius: 10px;
+
-
-moz-border-radius: 10px;
+
-
border-radius: 10px;
+
-
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+
-
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+
-
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+
-
}
+
-
/* dropdown */
+
-
html>body #nav li:hover > ul {
+
-
display: block;
+
-
}
+
-
html>body #nav ul li {
+
-
z-index:1;
+
-
float: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
html>body #nav ul a {
+
-
font-weight: normal;
+
-
text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
+
-
}
+
-
/* level 3+ list */
+
-
html>body #nav ul ul {
+
-
left: 138px;
+
-
top: -8px;
+
-
}
+
-
/* rounded corners for first and last child */
+
-
html>body #nav ul li:first-child > a {
+
-
-webkit-border-top-left-radius: 9px;
+
-
-moz-border-radius-topleft: 9px;
+
-
-webkit-border-top-right-radius: 9px;
+
-
-moz-border-radius-topright: 9px;
+
-
}
+
-
html>body #nav ul li:last-child > a {
+
-
-webkit-border-bottom-left-radius: 9px;
+
-
-moz-border-radius-bottomleft: 9px;
+
-
-webkit-border-bottom-right-radius: 9px;
+
-
-moz-border-radius-bottomright: 9px;
+
-
}
+
-
/* clearfix */
+
-
html>body #nav:after {
+
-
content: ".";
+
-
display: block;
+
-
clear: both;
+
-
visibility: hidden;
+
-
line-height: 0;
+
-
height: 0;
+
-
}
+
-
html>body #nav {
+
-
z-index:1;
+
-
display: inline-block;
+
-
}
+
-
html>body html[xmlns] #nav {
+
-
display: block;
+
-
}
+
-
* html html>body #nav {
+
-
height: 1%;
+
-
}
+
-
 
+
-
 
+
-
.f-poweredbyico
+
-
{
+
-
position:absolute;
+
-
}
+
-
#footer {
+
-
background:white;
+
-
color:white;
+
-
    border-top:0px solid black;
+
-
}
+
-
#toc
+
-
{
+
-
border:0px;
+
-
background-color:#FFFFFF;
+
-
padding:0px;
+
-
}
+
-
img.topbanner
+
-
{
+
-
position:absolute;
+
-
top:-100px;
+
-
left:-1px;
+
-
}
+
-
img.lybanner
+
-
{
+
-
position:absolute;
+
-
top:22px;
+
-
left:-1px;
+
-
}
+
-
img.photo
+
-
{
+
-
position:absolute;
+
-
top:3px;
+
-
left:1000px;
+
-
}
+
-
img.gradient
+
-
{
+
-
z-index:5;
+
-
position:absolute;
+
-
height:2000px;
+
-
width:200px;
+
-
top:0px;
+
-
left:-190px;
+
-
}
+
-
img.gradientb
+
-
{
+
-
z-index:5;
+
-
position:absolute;
+
-
height:2000px;
+
-
width:200px;
+
-
top:0px;
+
-
right:-200px;
+
-
}
+
-
#footer-box
+
-
{
+
-
position:absolute;
+
-
top:-100px;
+
-
left:187px;
+
-
}
+
-
ul.navigation
+
-
{
+
-
position:absolute;
+
-
z-index:1;
+
-
top:218px;
+
-
left:105px;
+
-
}
+
-
 
+
-
body
+
-
{
+
-
background-color:#FFFFFF;
+
-
}
+
-
h1.firstHeading
+
-
{
+
-
position:absolute;
+
-
top:-100px;
+
-
left:187px;
+
-
text-decoration:none;
+
-
color:#FFFFFF;
+
-
font-size:0px;
+
-
}
+
-
h2
+
-
{
+
-
color:#808080;
+
-
text-align:left;
+
-
}
+
-
p.right
+
-
{
+
-
background-color:#808080;
+
-
float:left
+
-
}
+
-
p.photo
+
-
{
+
-
text-align:center;
+
-
font-family:"Verdana";
+
-
font-size:12px;
+
-
}
+
-
p.back
+
-
{
+
-
text-indent: 1em;
+
-
font-family:"Verdana";
+
-
font-size:15px;
+
-
}
+
-
p.padding
+
-
{
+
-
text-indent: 1em;
+
-
font-family:"Verdana";
+
-
font-size:15px;
+
-
}
+
-
div.exphoto
+
-
{
+
-
border-top-left-radius:5em;
+
-
border-top-right-radius:2em;
+
-
border-bottom-left-radius:2em;
+
-
border-bottom-right-radius:2em;
+
-
+
-
-webkit-border-top-left-radius: 5em;
+
-
-webkit-border-top-right-radius: 2em;
+
-
-webkit-border-bottom-left-radius: 2em;
+
-
-webkit-border-bottom-right-radius: 2em;
+
-
-moz-border-radius-topleft: 5em;
+
-
-moz-border-radius-topright: 2em;
+
-
-moz-border-radius-bottomleft: 2em;
+
-
-moz-border-radius-bottomright: 2em;
+
-
 
+
-
filter: alpha(opacity=75);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+
-
-moz-opacity: 0.75; opacity:0.75;
+
-
 
+
-
background: #d1d1d1; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #ffffff,  #ebebeb); /* for firefox 3.6+ */
+
-
+
-
color: #444;
+
-
border-top: solid 1px #f8f8f8;
+
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
+
-
position:absolute;
+
-
left:20px;
+
-
top:300px;
+
-
float:right;
+
-
background;
+
-
color:#000000;
+
-
float:center;
+
-
margin-left:150px;
+
-
width:560px;
+
-
padding:30px;
+
-
}
+
-
 
+
-
div.des
+
-
{
+
-
opacity:0.8;
+
-
filter:alpha(opacity=80);
+
-
position:absolute;
+
-
top:268px;
+
-
background:#000066;
+
-
color:#FFFFFF;
+
-
float:center;
+
-
margin-left:-0px;
+
-
width:492px;
+
-
padding:10px;
+
-
padding-top:0px;
+
-
padding-bottom:0px;
+
-
border:0px solid gray;
+
-
}
+
-
div.exmain
+
-
{
+
-
border-top-left-radius:5em;
+
-
border-top-right-radius:2em;
+
-
border-bottom-left-radius:2em;
+
-
border-bottom-right-radius:2em;
+
-
+
-
-webkit-border-top-left-radius: 5em;
+
-
-webkit-border-top-right-radius: 2em;
+
-
-webkit-border-bottom-left-radius: 2em;
+
-
-webkit-border-bottom-right-radius: 2em;
+
-
-moz-border-radius-topleft: 5em;
+
-
-moz-border-radius-topright: 2em;
+
-
-moz-border-radius-bottomleft: 2em;
+
-
-moz-border-radius-bottomright: 2em;
+
-
filter: alpha(opacity=100);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+
-
-moz-opacity: 1; opacity:1;
+
-
position:relative;
+
-
background:#FFFFFF;
+
-
background: #d1d1d1; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #ffffff,  #ebebeb); /* for firefox 3.6+ */
+
-
+
-
color: #000000;
+
-
border-top: solid 1px #f8f8f8;
+
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
+
-
 
+
-
top:0px;
+
-
left:0px;
+
-
float:center;
+
-
margin-left:20px;
+
-
margin-top:0px;
+
-
margin-bottom:30px;
+
-
margin-right:10px;
+
-
width:580px;
+
-
padding:20px;
+
-
}
+
-
div.main
+
-
{
+
-
border-top-left-radius:5em;
+
-
border-top-right-radius:2em;
+
-
border-bottom-left-radius:2em;
+
-
border-bottom-right-radius:2em;
+
-
+
-
-webkit-border-top-left-radius: 5em;
+
-
-webkit-border-top-right-radius: 2em;
+
-
-webkit-border-bottom-left-radius: 2em;
+
-
-webkit-border-bottom-right-radius: 2em;
+
-
-moz-border-radius-topleft: 5em;
+
-
-moz-border-radius-topright: 2em;
+
-
-moz-border-radius-bottomleft: 2em;
+
-
-moz-border-radius-bottomright: 2em;
+
-
filter: alpha(opacity=100);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+
-
-moz-opacity: 1; opacity:1;
+
-
position:relative;
+
-
background:#808080; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#808080'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#808080)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #808080,  #808080); /* for firefox 3.6+ */
+
-
+
-
color: #000000;
+
-
border-top: solid 1px #f8f8f8;
+
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
+
-
position:absolute;
+
-
top:280px;
+
-
left:60px;
+
-
float:center;
+
-
margin-left:50px;
+
-
margin-top:0px;
+
-
margin-bottom:50px;
+
-
width:650px;
+
-
padding:20px;
+
-
padding-top:10px;
+
-
}
+
-
div.ly
+
-
{
+
-
float:left;
+
-
margin-left:0px;
+
-
width:150px;
+
-
padding:0px;
+
-
border:0px solid gray;
+
-
border-right:0px solid gray;
+
-
border-bottom:0px solid gray;
+
-
}
+
-
div.ry
+
-
{
+
-
filter: alpha(opacity=100);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+
-
-moz-opacity: 1; opacity:1;
+
-
z-index:1;
+
-
position:absolute;
+
-
right:-20px;
+
-
top:280px;
+
-
float:right;
+
-
margin-left:0px;
+
-
width:175px;
+
-
padding:0px;
+
-
border:0px solid gray;
+
-
border-right:0px solid gray;
+
-
border-bottom:0px solid gray;
+
-
}
+
-
 
+
-
</style>
+
</head>
</head>
<body>
<body>
 +
<img class="background" border="0" src="http://farm5.static.flickr.com/4138/4850316388_ffee095f41_t_d.jpg"/>
<img class="gradient" border="0" src="http://farm5.static.flickr.com/4090/4839791534_ee9a9c2a4a_m_d.jpg"/>
<img class="gradient" border="0" src="http://farm5.static.flickr.com/4090/4839791534_ee9a9c2a4a_m_d.jpg"/>
<img class="gradientb" border="0" src="http://farm5.static.flickr.com/4088/4839184741_cdc2138f55_m_d.jpg"/>
<img class="gradientb" border="0" src="http://farm5.static.flickr.com/4088/4839184741_cdc2138f55_m_d.jpg"/>
Line 721: Line 56:
<ul id="navmenu-h" class="navigation2">  
<ul id="navmenu-h" class="navigation2">  
<li class="current"><a href="https://2010.igem.org/Team:St_Andrews">Home</a></li>  
<li class="current"><a href="https://2010.igem.org/Team:St_Andrews">Home</a></li>  
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team">Team</a>  
+
<li><a>People</a>  
<ul>  
<ul>  
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/team">Team</a></li>
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members">Members</a>  
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members">Members</a>  
<ul>  
<ul>  
Line 745: Line 82:
</ul>  
</ul>  
</li>  
</li>  
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors">Sponsors</a>
+
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors">Sponsors</a>
-
<ul>  
+
<ul>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#SULSA">SULSA</a></li>
+
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#Wellcome Trust">Wellcome Trust</a></li>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#University of St Andrews">University of St Andrews</a></li>
+
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#New England Biolabs">New England Biolabs</a></li>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#SALTIRE">SALTIRE</a></li>
+
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#Fermentas">Fermentas</a></li>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Biology">School of Biology</a></li>
+
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#GENEART">GENEART</a></li>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Chemistry">School of Chemistry</a></li>
+
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#Mr Gene">Mr Gene</a></li>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Computer Science">School of Computer Science</a></li>
+
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#University of St Andrews">University of St Andrews</a></li>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Physics and Astronomy">School of Physics and Astronomy</a></li>
+
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#SULSA">SULSA</a></li>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#Wellcome Trust">Wellcome Trust</a></li>
+
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#SALTIRE">SALTIRE</a></li>
-
</ul>
+
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Biology">School of Biology</a></li>
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Chemistry">School of Chemistry</a></li>
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Physics and Astronomy">School of Physics and Astronomy</a></li>
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Computer Science">School of Computer Science</a></li>
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#B. Jannettas">B. Jannettas</a></li>
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#flip!">flip!</a></li>
 +
</ul>
</li>
</li>
<li><a href="https://2010.igem.org/Team:St_Andrews/official">Official Team Profile</a></li>  
<li><a href="https://2010.igem.org/Team:St_Andrews/official">Official Team Profile</a></li>  
</ul>  
</ul>  
</li>  
</li>  
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project">Project</a>  
+
<li><a>Project</a>  
<ul>  
<ul>  
<li><a href="https://2010.igem.org/Team:St_Andrews/project/objectives">Objectives</a></li>  
<li><a href="https://2010.igem.org/Team:St_Andrews/project/objectives">Objectives</a></li>  
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">Laboratory</a></li>  
+
<li><a <!--href="https://2010.igem.org/Team:St_Andrews/project/laboratory"-->Laboratory</a></li>  
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/modeling">Modeling</a></li>  
+
<li><a <!--href="https://2010.igem.org/Team:St_Andrews/project/modeling"-->Modeling</a></li>  
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/notebook">Notebook</a></li>  
+
<li><a <!--href="https://2010.igem.org/Team:St_Andrews/project/notebook"-->Notebook</a></li>  
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/blog">Blog</a></li>  
+
<li><a <!--href="https://2010.igem.org/Team:St_Andrews/project/blog"-->Blog</a></li>  
</ul>  
</ul>  
</li>  
</li>  
<li><a href="https://2010.igem.org/Team:St_Andrews/contact">Contact</a></li>  
<li><a href="https://2010.igem.org/Team:St_Andrews/contact">Contact</a></li>  
-
<li><a href="https://2010.igem.org/Team:St_Andrews/about">About</a></li>  
+
<li><a <!--href="https://2010.igem.org/Team:St_Andrews/about"-->News</a></li>  
</ul>  
</ul>  
<ul id="crumbs" class="navigation1">
<ul id="crumbs" class="navigation1">
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/team">People</a></li>
<li>Team</li>
<li>Team</li>
</ul>
</ul>
Line 789: Line 133:
   theme: {
   theme: {
     shell: {
     shell: {
-
       background: '#808080',
+
       background: '#ffffff',
-
       color: '#ffffff'
+
       color: '#808080'
     },
     },
     tweets: {
     tweets: {
Line 812: Line 156:
</div>
</div>
<div class="main">
<div class="main">
 +
<div class="tag">
 +
Team
 +
</div>
<div class="exmain">
<div class="exmain">
-
<img border="0" src="http://biology.st-andrews.ac.uk/igem/igem2010.jpg" width="512px" height="319px" />
+
<img class="ph1" border="0" src="http://biology.st-andrews.ac.uk/igem/igem2010.jpg"/>
<div class="des">
<div class="des">
<p class="photo">
<p class="photo">
Line 822: Line 169:
<br>
<br>
<p class="exback">
<p class="exback">
-
Our multidisciplinary team is the first to hail from St Andrews University, consisting of biology students:
+
</p>
-
Dave and Sarah, medical students: Rachael and Fatemeh, physicists: Alasdair and Patrick, computer scientist Jaunty, chemist Jim and biochemist Lukas. We are overseen by advisors Olivia, Anne, Wim, Chris and Michael.</p>
+
</div>
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 17:54, 30 August 2010

Team

David Owen, John Mitchell, James Taylor, Patrick Olden, Chris Hooley,
Rachael Blackburn, Alasdair Morton, Wim Verleyen, Anne Smith,
Lukas Ly, Sarah Shapiro, Jonathan Ward, Fatemeh Salimi, Olivia Mendivil


Retrieved from "http://2010.igem.org/Team:St_Andrews/team"