Team:St Andrews/team

From 2010.igem.org

(Difference between revisions)
Line 11: Line 11:
</script>
</script>
<![endif]-->
<![endif]-->
-
<style type="text/css">
+
<link rel="stylesheet" type="text/css" href="http://igemsaints.my3gb.com/css/standrews1.css" />
-
 
+
-
 
+
-
ul, li {
+
-
list-style: none;
+
-
padding:0;
+
-
margin:0;
+
-
}
+
-
#crumbs {
+
-
height:2.3em;
+
-
border:1px solid #dedede;
+
-
}
+
-
#crumbs li {
+
-
float:left;
+
-
line-height:2.3em;
+
-
color:#000066;
+
-
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;
+
-
}
+
-
 
+
-
 
+
-
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>

Revision as of 20:58, 30 July 2010

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


Our multidisciplinary team is the first to hail from St Andrews University, consisting of biology students: 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.