Team:St Andrews/team/advisors

From 2010.igem.org

(Difference between revisions)
 
(60 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:St_Andrews/defaulttemplate}}
<html>
<html>
-
<head>
+
<h1> Our Advisors </h1>
-
<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
+
</html>
-
<!--[if gte IE 5.5]>
+
-
<script language="JavaScript" type="text/JavaScript">
+
-
$(document).ready(function(){
+
-
$("#navmenu-h li,#navmenu-v li").hover(
+
-
function() { $(this).addClass("iehover"); },
+
-
function() { $(this).removeClass("iehover"); }
+
-
);});
+
-
</script>
+
-
<![endif]-->
+
-
<style type="text/css">
+
-
ul, li {
+
== Chris Hooley ==
-
list-style: none;
+
<html>
-
padding:0;
+
<div class="exphoto">
-
margin:0;
+
<img class="ph" border="0" src="http://farm5.static.flickr.com/4104/4842200944_78bf9ea418_m_d.jpg"/>
-
}
+
</div>
-
#crumbs {
+
<div class="text">
-
height:2.3em;
+
SAMPLE DATA
-
border:1px solid #dedede;
+
SAMPLE DATA
-
}
+
SAMPLE DATA
-
#crumbs li {
+
<br><br>
-
float:left;
+
<i></i>
-
line-height:2.3em;
+
</div>
-
color:#000066;
+
</html>
-
padding-left:.75em;
+
-
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;
+
-
}
+
 +
== Olivia Mendivil==
 +
<html>
 +
<div class="exphoto">
 +
<img class="ph" border="0" src="http://farm5.static.flickr.com/4121/4849627195_147c697013_m_d.jpg"/>
 +
</div>
 +
<div class="text">
 +
SAMPLE DATA
 +
SAMPLE DATA
 +
SAMPLE DATA
 +
<br><br>
 +
<i></i>
 +
</div>
 +
</html>
-
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
+
== John Mitchel==
-
+
<html>
-
ul#navmenu-h ul {
+
<div class="exphoto">
-
width: 173px; /* Sub Menu Width */
+
<img class="ph" border="0" src="http://farm5.static.flickr.com/4153/4842200824_af14d8cdfa_m_d.jpg"/>
-
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:1;
+
-
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>
+
-
<body>
+
-
<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="lybanner" border="0" src="http://farm5.static.flickr.com/4092/4839727380_8a96bda148_b_d.jpg" width="977"/>
+
-
<ul id="navmenu-h" class="navigation2">
+
-
<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>
+
-
<ul>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members">Members</a>
+
-
<ul>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Rachael Blackburn">Rachael Blackburn</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Lukas Ly">Lukas Ly</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Alasdair Morton">Alasdair Morton</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Patrick Olden">Patrick Olden</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members#David Owen">David Owen</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Fatemeh Salimi">Fatemeh Salimi</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Sarah Shapiro">Sarah Shapiro</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members#James Taylor">James Taylor</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Jonathan Ward">Jonathan Ward</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors">Advisors</a>
+
-
<ul>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Chris Hooley">Chris Hooley</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Olivia Mendivil">Olivia Mendivil</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#John Mitchell">John Mitchell</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Anne Smith">Anne Smith</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Choon Tan">Choon Tan</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Wim Verleyen">Wim Verleyen</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors">Sponsors</a>
+
-
<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#University of St Andrews">University of St Andrews</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#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 Computer Science">School of Computer Science</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#Wellcome Trust">Wellcome Trust</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/official">Official Team Profile</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project">Project</a>
+
-
<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/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/notebook">Notebook</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/blog">Blog</a></li>
+
-
</ul>
+
-
</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>
+
-
</ul>
+
-
+
-
<ul id="crumbs" class="navigation1">
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/team">Team</a></li>
+
-
<li>Advisors</li>
+
-
</ul>
+
-
<div class="ry">
+
-
<p class="right">
+
-
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
+
-
<script>
+
-
new TWTR.Widget({
+
-
  version: 2,
+
-
  type: 'profile',
+
-
  rpp: 3,
+
-
  interval: 3500,
+
-
  width: 155,
+
-
  height: 390,
+
-
  theme: {
+
-
    shell: {
+
-
      background: '#808080',
+
-
      color: '#ffffff'
+
-
    },
+
-
    tweets: {
+
-
      background: '#ffffff',
+
-
      color: '#000000',
+
-
      links: '#3c07eb'
+
-
    }
+
-
  },
+
-
  features: {
+
-
    scrollbar: false,
+
-
    loop: true,
+
-
    live: true,
+
-
    hashtags: true,
+
-
    timestamp: true,
+
-
    avatars: true,
+
-
    behavior: 'default'
+
-
  }
+
-
}).render().setUser('igem').start();
+
-
</script>
+
-
</p>
+
</div>
</div>
-
<div class="main">
+
<div class="text">
-
<div class="exmain">
+
SAMPLE DATA
-
<a name="Chris Hooley"></a>
+
SAMPLE DATA
-
<img border="0" src="http://farm5.static.flickr.com/4104/4842200944_78bf9ea418_m_d.jpg" width="160px"/>
+
SAMPLE DATA
-
<br>
+
<br><br>
-
Chris Hooley
+
<i></i>
</div>
</div>
-
<div class="exmain">
+
</html>
-
<a name="Olivia Mendivil"></a>
+
 
-
<img border="0" src="#Olivia Mendivil" width="160px"/>
+
==Anne Smith==
-
<br>
+
<html>
-
Olivia Mendivil
+
<div class="exphoto">
 +
<img class="ph" border="0" src="http://farm5.static.flickr.com/4082/4857133589_4c3f759149_m_d.jpg"/>
</div>
</div>
-
<div class="exmain">
+
<div class="text">
-
<a name="John Mitchell"></a>
+
SAMPLE DATA
-
<img border="0" src="http://farm5.static.flickr.com/4153/4842200824_af14d8cdfa_m_d.jpg" width="160px"/>
+
SAMPLE DATA
-
<br>
+
SAMPLE DATA
-
John Mitchell
+
<br><br>
 +
<i></i>
</div>
</div>
-
<div class="exmain">
+
</html>
-
<a name="Anne Smith"></a>
+
 
-
<img border="0" src="#Anne Smith" width="160px"/>
+
==Choon Tan==
-
<br>
+
<html>
-
Anne Smith
+
<div class="exphoto">
 +
<img class="ph" border="0" src="http://farm5.static.flickr.com/4091/4841584965_13bcb654e2_m_d.jpg"/>
</div>
</div>
-
<div class="exmain">
+
<div class="text">
-
<a name="Choon Tan"></a>
+
SAMPLE DATA
-
<img border="0" src="http://farm5.static.flickr.com/4091/4841584965_13bcb654e2_m_d.jpg" width="160px"/>
+
SAMPLE DATA
-
<br>
+
SAMPLE DATA
-
Choon Tan
+
<br><br>
 +
<i></i>
</div>
</div>
-
<div class="exmain">
+
</html>
-
<a name="Wim Verleyen"></a>
+
 
-
<img border="0" src="http://farm5.static.flickr.com/4091/4841585181_e0cd8f0d29_m_d.jpg" width="160px"/>
+
==Wim Verleyen==
-
<br>
+
<html>
-
Wim Verleyen
+
<div class="exphoto">
 +
<img class="ph" border="0" src="http://farm5.static.flickr.com/4091/4841585181_e0cd8f0d29_m_d.jpg"/>
</div>
</div>
 +
<div class="text">
 +
SAMPLE DATA
 +
SAMPLE DATA
 +
SAMPLE DATA
 +
<br><br>
 +
<i></i>
</div>
</div>
-
</body>
 
</html>
</html>

Latest revision as of 13:17, 4 September 2010


St Andrews from East Sands

University of St Andrews iGEM 2010

Welcome!

The Saints

University of St Andrews iGEM 2010

Our first year at iGEM!

Our Advisors

Contents

Chris Hooley

SAMPLE DATA SAMPLE DATA SAMPLE DATA

Olivia Mendivil

SAMPLE DATA SAMPLE DATA SAMPLE DATA

John Mitchel

SAMPLE DATA SAMPLE DATA SAMPLE DATA

Anne Smith

SAMPLE DATA SAMPLE DATA SAMPLE DATA

Choon Tan

SAMPLE DATA SAMPLE DATA SAMPLE DATA

Wim Verleyen

SAMPLE DATA SAMPLE DATA SAMPLE DATA