|
|
| (108 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| | | | |
| - | <style type="text/css">
| |
| - |
| |
| - | #top-section {
| |
| - | position: relative;
| |
| - | height: 0px;
| |
| - | width: 975px;
| |
| - | # margin-left: 10px;
| |
| - | margin: 0 auto 0 auto;
| |
| - | border-left: 1px solid #444444;
| |
| - | border-right: 1px solid #444444;
| |
| - | }
| |
| - |
| |
| - | #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=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='#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: 489px;
| |
| - | z-index: 5;
| |
| - | font-family: sans-serif;
| |
| - | font-size: 95%;
| |
| - | line-height: 1em;
| |
| - | text-transform: uppercase;
| |
| - | }
| |
| - | .left-menu {
| |
| - | color:#000000;
| |
| - | left: -1px;
| |
| - | text-align: left;
| |
| - | }
| |
| - | .right-menu {
| |
| - | text-align: right;
| |
| - | right: -2px;
| |
| - | }
| |
| - | #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;
| |
| - | }
| |
| - |
| |
| - | #nav {
| |
| - | filter: alpha(opacity=75);
| |
| - | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
| |
| - | -moz-opacity: 0.75; opacity:0.75;
| |
| - | z-index:2;
| |
| - | margin: 0;
| |
| - | padding: 7px 6px 0;
| |
| - | line-height: 100%;
| |
| - | border-top-left-radius:5em;
| |
| - | border-top-right-radius:0em;
| |
| - | border-bottom-left-radius:2em;
| |
| - | border-bottom-right-radius:0em;
| |
| - |
| |
| - | -webkit-border-top-left-radius: 5em;
| |
| - | -webkit-border-top-right-radius: 0em;
| |
| - | -webkit-border-bottom-left-radius: 2em;
| |
| - | -webkit-border-bottom-right-radius: 0em;
| |
| - | -moz-border-radius-topleft: 5em;
| |
| - | -moz-border-radius-topright: 0em;
| |
| - | -moz-border-radius-bottomleft: 2em;
| |
| - | -moz-border-radius-bottomright: 0em;
| |
| - |
| |
| - |
| |
| - | -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;
| |
| - | }
| |
| - | #nav li {
| |
| - | margin: 0 5px;
| |
| - | padding: 0 0 8px;
| |
| - | float: left;
| |
| - | position: relative;
| |
| - | list-style: none;
| |
| - | }
| |
| - | /* main level link */
| |
| - | #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 */
| |
| - | #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 */
| |
| - | #nav ul li:hover a, #nav li:hover li a {
| |
| - | background: none;
| |
| - | border: none;
| |
| - | color: #808080;
| |
| - | -webkit-box-shadow: none;
| |
| - | -moz-box-shadow: none;
| |
| - | }
| |
| - | #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 */
| |
| - | #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 */
| |
| - | #nav li:hover > ul {
| |
| - | display: block;
| |
| - | }
| |
| - | #nav ul li {
| |
| - | z-index:1;
| |
| - | float: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - | #nav ul a {
| |
| - | font-weight: normal;
| |
| - | text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
| |
| - | }
| |
| - | /* level 3+ list */
| |
| - | #nav ul ul {
| |
| - | left: 138px;
| |
| - | top: -8px;
| |
| - | }
| |
| - | /* rounded corners for first and last child */
| |
| - | #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;
| |
| - | }
| |
| - | #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 */
| |
| - | #nav:after {
| |
| - | content: ".";
| |
| - | display: block;
| |
| - | clear: both;
| |
| - | visibility: hidden;
| |
| - | line-height: 0;
| |
| - | height: 0;
| |
| - | }
| |
| - | #nav {
| |
| - | z-index:1;
| |
| - | display: inline-block;
| |
| - | }
| |
| - | html[xmlns] #nav {
| |
| - | display: block;
| |
| - | }
| |
| - | * html #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:-1px;
| |
| - | }
| |
| - | #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:12px;
| |
| - | }
| |
| - | div.exphoto
| |
| - | {
| |
| - | position:absolute;
| |
| - | top:254px;
| |
| - | background:#808080;
| |
| - | color:#FFFFFF;
| |
| - | float:center;
| |
| - | margin-left:100px;
| |
| - | width:560px;
| |
| - | padding:10px;
| |
| - | border:15px solid gray;
| |
| - | border-top:60px solid gray;
| |
| - | border-left:60px solid gray;
| |
| - | border-right:231px solid gray;
| |
| - | border-bottom:0px solid gray;
| |
| - | }
| |
| - | div.des
| |
| - | {
| |
| - | opacity:0.6;
| |
| - | filter:alpha(opacity=60);
| |
| - | 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
| |
| - | {
| |
| - | position:absolute;
| |
| - | top:740px;
| |
| - | float:center;
| |
| - | margin-left:100px;
| |
| - | width:641px;
| |
| - | padding:20px;
| |
| - | border:25px solid gray;
| |
| - | border-top:100px solid gray;
| |
| - | border-right:165px solid gray;
| |
| - | border-bottom:70px solid gray;
| |
| - | }
| |
| - | 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=75);
| |
| - | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
| |
| - | -moz-opacity: 0.75; opacity:0.75;
| |
| - | z-index:1;
| |
| - | position:absolute;
| |
| - | right:-10px;
| |
| - | top:269px;
| |
| - | 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="lybanner" border="0" src="https://static.igem.org/mediawiki/2010/f/fb/Standrewsbanner2.jpg" width="977" height="750" />
| |
| - | <ul id="nav" class="navigation">
| |
| - | <li><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/blackburn_rachael">Rachael Blackburn</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/ly_lukas">Lukas Ly</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/morton_alasdair">Alasdair Morton</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/olden_patrick">Patrick Olden</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/owen_david">David Owen</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/salimi_fatemeh">Fatemeh Salimi</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/shapiro_sarah">Sarah Shapiro</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/taylor_james">James Taylor</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/ward_jonathan">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/hooley_chris">Chris Hooley</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors/mendivil_olivia">Olivia Mendivil</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors/mitchell_john">John Mitchell</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors/smith_anne">Anne Smith</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors/verleyen_wim">Wim Verleyen</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors">Sponsors</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/official">Official Team Profile</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li class="current"><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>
| |
| - |
| |
| - | </div>
| |
| - | <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: '#c8c8c8',
| |
| - | color: '#808080',
| |
| - | 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 class="exphoto">
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
"
