|
|
Line 213: |
Line 213: |
| </table> | | </table> |
| <!-- end of final block --> | | <!-- end of final block --> |
- |
| |
- | <head>
| |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function(){
| |
- |
| |
- | $(function(){
| |
- | var path = location.pathname.substring(1);
| |
- | var last = path.split("/");
| |
- | if ( last[1] ) {
| |
- | $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#bbffff");
| |
- | }
| |
- | });
| |
- |
| |
- | $('#menuback').mouseover(function() {
| |
- | $('#headover').stop().animate({height:'160px',top:'0px'},400);
| |
- | });
| |
- |
| |
- | $('#menu').mouseleave(function() {
| |
- | $('.listhead').not('.curlink').css("color","#ffffff");
| |
- | $('.listmain').not('.curlink').css("color","#dddddd");
| |
- | $('#headover ul').fadeOut(500);
| |
- | $('#headover').stop().animate({height:'0px',top:'0px'},400);
| |
- | });
| |
- |
| |
- | $('.listhead').mouseover(function(){
| |
- | $('.listhead').not('.curlink').css("color","#ffffff");
| |
- | $(this).css("color","#bbffff");
| |
- | $('#headover ul').css("display","none");
| |
- | var vActive = $(this).attr("id");
| |
- | $('.'+vActive).stop(true, true).fadeIn(300);
| |
- | });
| |
- |
| |
- | $('.listmain').mouseover(function(){
| |
- | $('.listmain').not('.curlink').css("color","#dddddd");
| |
- | $(this).css("color","#bbffff");
| |
- | });
| |
- |
| |
- | $('#headover').mouseleave(function(){
| |
- | $('.listmain').not('.curlink').css("color","#dddddd");
| |
- | });
| |
- |
| |
- | });
| |
- | </script>
| |
- | <style type="text/css">
| |
- |
| |
- | a:link {color:#20548f;}
| |
- | a:visited {color:#20548f;}
| |
- | a:hover {color:#20548f;}
| |
- | a:active {color:#20548f;}
| |
- |
| |
- | p {
| |
- | padding:4px;}
| |
- |
| |
- | #top-section {
| |
- | background-color: #606060;
| |
- | border: none;
| |
- | width:910px;
| |
- | height:20px;}
| |
- |
| |
- | #p-logo {
| |
- | position: absolute;
| |
- | display: none;}
| |
- |
| |
- | #search-controls {
| |
- | display: none;}
| |
- |
| |
- | #menubar.left-menu {
| |
- | position: absolute;
| |
- | top:0px;
| |
- | left:0px;}
| |
- |
| |
- | #menubar.right-menu {
| |
- | position: absolute;
| |
- | top:0px;
| |
- | right:0px;}
| |
- |
| |
- |
| |
- | #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
| |
- | color: #ffffff;}
| |
- |
| |
- | #footer-box {
| |
- | width:890px;}
| |
- |
| |
- | body {
| |
- | background-color: #606060}
| |
- |
| |
- | .firstHeading {
| |
- | display: none;}
| |
- |
| |
- | #content {
| |
- | width: 890px;
| |
- | border: none;
| |
- | font-family: calibri, arial, sans-serif;
| |
- | font-size: 1.1em;
| |
- | color: #000000;
| |
- | background-color:#ffffff;
| |
- | text-align:justify;}
| |
- |
| |
- |
| |
- | #header {
| |
- | width:900px;
| |
- | height:50px;
| |
- | position: relative;
| |
- | top: -35px;
| |
- | left: -5px;}
| |
- |
| |
- |
| |
- | #menu {
| |
- | width:900px;
| |
- | height:65px;
| |
- | position: relative;
| |
- | top: -10px;
| |
- | left: -5px;}
| |
- |
| |
- | #menuback {
| |
- | width:900px;
| |
- | height:50px;
| |
- | position: absolute;
| |
- | top: 0px;
| |
- | left: 0px;
| |
- | overflow-y:hidden;
| |
- | z-index:1;}
| |
- |
| |
- | #headpic {
| |
- | position: absolute;
| |
- | left: 0px;
| |
- | top: 50px;}
| |
- |
| |
- | #headover {
| |
- | width: 900px;
| |
- | height:0px;
| |
- | position: absolute;
| |
- | top: 0px;
| |
- | left: 0px;
| |
- | z-index:1;
| |
- | background: url('http://farm7.static.flickr.com/6140/5951356051_3d182c46e0_b.jpg') 0px 0px;
| |
- | background-repeat:repeat-y; }
| |
- |
| |
- | a{
| |
- | outline:none;}
| |
- |
| |
- | #menulist{
| |
- | position: absolute;
| |
- | top: 16px;
| |
- | left: 55px;
| |
- | list-style: none;}
| |
- |
| |
- | #menulist li{
| |
- | height:30px;
| |
- | width:136px;
| |
- | float:left;
| |
- | display:block;
| |
- | }
| |
- |
| |
- | #menulist li a{
| |
- | font-size: 1.2em;
| |
- | text-decoration: none;
| |
- | font-family: calibri, arial, sans-serif;
| |
- | color: #ffffff;}
| |
- |
| |
- | #headover ul{
| |
- | list-style: none;
| |
- | display: none;
| |
- | position: absolute;
| |
- | top: 1.2em;
| |
- | left:55px;
| |
- | }
| |
- |
| |
- | #headover ul ul{
| |
- | position: absolute;
| |
- | width:120px;
| |
- | top:-0.2em;
| |
- | left:115px;
| |
- | list-style:none;}
| |
- |
| |
- | #headover ul li{
| |
- | height: 2.4em;
| |
- | }
| |
- |
| |
- | #headover ul li a{
| |
- | font-weight: 100;
| |
- | font-size: 1.2em;
| |
- | text-decoration: none;
| |
- | font-family: calibri, arial, sans-serif;
| |
- | color: #dddddd;}
| |
- |
| |
- | </style>
| |
- | </head>
| |
- | <body>
| |
- |
| |
- | <div id='header'>
| |
- | <img src="http://farm7.static.flickr.com/6122/5958857609_b9df31d718_b.jpg" usemap="#headermap" />
| |
- | <map name="headermap">
| |
- | <area shape="rect" coords="15,0,385,70" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
| |
- | <area shape="rect" coords="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/" target="_blank"/>
| |
- | <area shape="rect" coords="755,0,855,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/>
| |
- | </map>
| |
- | </div>
| |
- |
| |
- | <div id='menu'>
| |
- | <div id='menuback'>
| |
- | <img src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/316217_10150398754624673_649494672_9924355_901873686_n.jpg" usemap="#homemap" />
| |
- | <map name="homemap">
| |
- | <area shape="rect" coords="0,0,60,50" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
| |
- | </map>
| |
- | <ul id='menulist'>
| |
- | <li><a href='#' class='listhead' id='project'>Project</a></li>
| |
- | <li><a href='#' class='listhead' id='team'>Team</a></li>
| |
- | <li><a href='#' class='listhead' id='modelling'>Modelling</a></li>
| |
- | <li><a href='#' class='listhead' id='hp'>Human Practices</a></li>
| |
- | <li><a href='#' class='listhead' id='safety'>Project Safety</a></li>
| |
- | <li><a href='#' class='listhead' id='ref'>Acknowledgements</a></li>
| |
- |
| |
- |
| |
- | </div>
| |
- | <div id='headpic'>
| |
- | <div id='headover'>
| |
- |
| |
- | <ul class='project'>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Project' class='listmain'>Project Summary</a></li>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Lab_Book' class='listmain'>Lab Books</a></li>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Results' class='listmain'>Results</a></li>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Parts' class='listmain'>Parts</a></li>
| |
- | </ul>
| |
- |
| |
- | <ul class='team'><ul class='team'>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Team' class='listmain'>Meet the Team</a></li>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Team Vlog</a></li>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li>
| |
- | </ul></ul>
| |
- |
| |
- | <ul class='modelling'><ul class='modelling'><ul class='modelling'>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Modeling' class='listmain'>Modelling</a></li>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/ModelingTutorial' class='listmain'>Tutorial</a></li>
| |
- | </ul></ul></ul>
| |
- |
| |
- | <ul class='hp'><ul class='hp'><ul class='hp'><ul class='hp'>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Communicating_Science' class='listmain'>Human Practices</a></li>
| |
- | </ul></ul></ul></ul>
| |
- |
| |
- | <ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety Overview</a></li>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Safetybiobricks' class='listmain'>Biobricks</a></li>
| |
- | </ul></ul></ul></ul></ul>
| |
- |
| |
- | <ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Acknowledgements' class='listmain'>Acknowledgements</a></li>
| |
- | <li><a href='https://2011.igem.org/Team:Glasgow/Attributions' class='listmain'>Attributions</a></li>
| |
- |
| |
- | </ul></ul></ul></ul></ul></ul>
| |
- |
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </body>
| |
- |
| |
- |
| |
- | <div id="search-controls" class="noprint">
| |
- | <form action="/Special:Search" id="searchform">
| |
- | <input id="searchInput" name="search" type="text" title="Search 2013.igem.org [f]" accesskey="f" value="" />
| |
- | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />
| |
- | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
| |
- | </form>
| |
- | </div> <!-- close search controls -->
| |
- | </div> <!-- close top-section-->
| |
- | <div id="content">
| |
- | <a name="top" id="top"></a>
| |
- | <h1 class="firstHeading">Team:Paris Bettencourt</h1>
| |
- | <div id="bodyContent">
| |
- | <h3 id="siteSub" class='noprint'>From 2013.igem.org</h3>
| |
- | <div id="contentSub"></div>
| |
- | <!--
| |
- | <div id="jump-to-nav">Jump to: <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
| |
- | <!-- start content -->
| |
- | <p>
| |
- | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
| |
- | <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
| |
- | <link href='http://fonts.googleapis.com/css?family=Arimo:400,400italic' rel='stylesheet' type='text/css'>
| |
- | <style type="text/css">
| |
- | /* Wiki styles */
| |
- | div.thumb div a img {
| |
- | background-color:white;
| |
- | padding:6px 0px;
| |
- | }
| |
- | #globalWrapper {/* the wiki */
| |
- | background-color: rgb(255, 255, 255);
| |
- | width:1100px;
| |
- | height:auto;
| |
- | margin:0 auto;
| |
- | padding:0;
| |
- | }
| |
- | #top-section{/* the igem flag + top menu)*/
| |
- | position:fixed;
| |
- | margin:0;
| |
- | padding:0;
| |
- | top:0;
| |
- | height:auto;
| |
- | width:1100px;
| |
- | border:none;
| |
- | z-index:3;
| |
- | }
| |
- | #p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
| |
- | display:none;
| |
- | }
| |
- | #menubar {/* la barre de menu du haut */
| |
- | display:none;
| |
- | margin:0;
| |
- | width:550px;
| |
- | height:20px;
| |
- | color:white;
| |
- | background-color:rgb(46,43,52);
| |
- | text-decoration:none;
| |
- | font-size:12px;
| |
- | z-index:0;
| |
- | }
| |
- | #menubar ul {
| |
- | line-height:20px;
| |
- | }
| |
- | #menubar a{/*les lien de la barre de menu du haut */
| |
- | color:white;
| |
- | text-decoration:none;
| |
- | background:transparent;
| |
- | z-index:3;
| |
- | }
| |
- | .left-menu{/* le menu de haut gauche */
| |
- | float:left;
| |
- | z-index:3;
| |
- | }
| |
- | .right-menu{/* le menu de login haut droite*/
| |
- | float:right;
| |
- | z-index:3;
| |
- | }
| |
- | .right-menu a{/* les lien du login */
| |
- | }
| |
- | #search-controls{/* la barre de recherche*/
| |
- | display:none;
| |
- | }
| |
- | #content{/* le body de la page*/
| |
- | border:none;
| |
- | padding:0;
| |
- | margin:0;
| |
- | z-index:1;
| |
- | width:100%;
| |
- | height:auto;
| |
- | background:#ffffff;
| |
- | }
| |
- | .firstHeading { /*titre de page */
| |
- | display:none;
| |
- | border:none;
| |
- | }
| |
- | #bodyContent{/* contenu de page*/
| |
- | background-color:white;
| |
- | border:none;
| |
- | border-color:none;
| |
- | padding:0;
| |
- | height:auto;
| |
- | width:1100px;
| |
- | margin:0 auto;
| |
- | }
| |
- | #footer-box{/* la boite en bas de page*/
| |
- | width:1090px;
| |
- | border:none;
| |
- | margin-top:5px;
| |
- | margin-bottom:50px;
| |
- | color:white;
| |
- | background:rgb(30,39,43);
| |
- | }
| |
- |
| |
- | #catlinks{/* le cadre sous le body useless */
| |
- | display:none;
| |
- | }
| |
- |
| |
| | | |
| </html> | | </html> |