Template:Team:York UK/MainHeader

From 2013.igem.org

(Difference between revisions)
 
(387 intermediate revisions not shown)
Line 5: Line 5:
     <meta charset="utf-8">
     <meta charset="utf-8">
      
      
-
      
+
     <link rel="shortcut icon" type="image/gif" href="https://static.igem.org/mediawiki/2013/2/21/York-Favicon.gif"> 
     <link href='http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
-
     <link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:YORK_UK/static/global.css?action=raw&ctype=text/css"/>
+
     <!--<link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:YORK_UK/static/global.css?action=raw&ctype=text/css"/>-->
-
     <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
+
     <style>/* MINIMAL HEADER */
-
     <script src="https://2013.igem.org/Team:YORK_UK/static/script.js?action=raw&ctype=text/jscript"></script>
+
/***
-
    <script src="https://2013.igem.org/Team:YORK_UK/static/jquery.mousewheel.js?action=raw&ctype=text/jscript"></script>
+
Minimal header: removes the search bar and header image and readjusts font colours in the menus.
 +
 
 +
Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code!
 +
Check out their wikis at:
 +
https://2011.igem.org/Team:Brown-Stanford
 +
https://2012.igem.org/Team:Lethbridge
 +
***/
 +
 
 +
#content h1.firstHeading {
 +
visibility:hidden;
 +
}
 +
 
 +
#content{
 +
border-left: 0px solid rgb(68, 68, 68);
 +
border-right: 0px solid rgb(68, 68, 68);
 +
        width: 1277px;
 +
}
 +
 
 +
#bodyContent{
 +
        margin: 0 auto;
 +
margin-top: 0px;
 +
        width: 1277px;
 +
        font-size: 14px;
 +
        -webkit-font-smoothing: antialiased !important;
 +
}
 +
 
 +
#p-logo {
 +
display: none;
 +
}
 +
#searchform {
 +
    display: none;
 +
}
 +
 
 +
.left-menu {
 +
background-color: #555;
 +
 +
}
 +
.left-menu a {
 +
    color: #000;
 +
}
 +
 
 +
#top-section{ /*the div containing the entire top bar*/
 +
height: 20px;
 +
margin-bottom: 0px !important;
 +
border: none;
 +
        width: 1277px;
 +
}
 +
 
 +
 
 +
#container{
 +
margin-top: 0px;
 +
}
 +
 
 +
#search-controls {
 +
overflow:hidden;
 +
display:none;
 +
background: none;
 +
position: absolute;
 +
top: 170px;
 +
right: 40px;
 +
}
 +
 
 +
 
 +
#header {
 +
width: 1277px;
 +
text-align: left;
 +
margin-left: auto;
 +
margin-right: auto;
 +
     margin-top: -45px;
 +
margin-bottom: 0px !important;
 +
}
 +
 
 +
#global-banner {
 +
margin-bottom: 1px;
 +
}
 +
 
 +
#menubar {
 +
position: absolute;
 +
background: none;
 +
color: black;
 +
}
 +
 
 +
.left-menu, .right-menu{
 +
position: absolute;
 +
background: none;
 +
color: black;
 +
}
 +
 
 +
.left-menu li a, .right-menu li a {
 +
color: #000 !important;
 +
}
 +
 
 +
 
 +
.left-menu ul li, .right-menu ul li a{
 +
background: none;
 +
color: #000 !important;
 +
}
 +
 
 +
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
 +
    color: #000 !important;
 +
}
 +
 
 +
#catlinks{
 +
display:none;
 +
}
 +
 
 +
/*important for background colours*/
 +
.mediawiki{
 +
background: #ffffff;
 +
}
 +
 
 +
#footer-box {
 +
        width: 1277px;
 +
        margin-top: 20px;
 +
        border-color: lightgrey;
 +
}
 +
     
 +
#footer-box a {
 +
        color: lightgrey;
 +
      }
 +
     
 +
#footer-box img {
 +
        opacity: 0.6;
 +
      }
 +
/* END MINIMAL HEADER */
 +
 
 +
 
 +
body {
 +
/*width: 1080px;
 +
margin: 0 auto;*/
 +
font-family: 'Lato', sans-serif; /*geriau skaitosi */
 +
/*font-family: helvetica_neue; */
 +
}
 +
 
 +
#content li{
 +
margin-bottom: 0;
 +
}
 +
 
 +
@font-face {
 +
font-family: helvetica_neue;
 +
src: url('fonts/ufonts.com_helvetica_neue_ultralight.ttf');
 +
}
 +
 
 +
#navigation {
 +
    width: 1277px;
 +
    height: 64px;
 +
font-weight: 600;
 +
}
 +
 
 +
 
 +
#navigation ul{
 +
    list-style-type:none;
 +
    list-style-image: none;
 +
    margin: 0 0 0 0;
 +
}
 +
 
 +
#navigation li {
 +
float: left;
 +
font-size: 16px;
 +
        border-right: solid 1px white;
 +
        width: 189px;
 +
/* For IE 7 */
 +
 
 +
  /* zoom: 1;
 +
*display: inline;*/
 +
}
 +
 
 +
#navigation li #popdown {
 +
position: absolute;
 +
width: 147px;
 +
left: -10000px;
 +
margin: 0;
 +
}
 +
 
 +
#navigation li:hover #popdown {
 +
left: auto;
 +
float: left;
 +
}
 +
 
 +
#navigation li:hover ul li{
 +
padding: 0;
 +
}
 +
 
 +
#navigation a {
 +
display: block;
 +
text-decoration: none;
 +
color: rgb(255, 255, 255);
 +
padding-right: 0;
 +
/*width: 205.5px;*/
 +
height: 40px;
 +
padding: 17px 0px 7px 10px;
 +
background: rgb(115,194,7)
 +
}
 +
 
 +
#navigation a:hover {
 +
background: #46e12c;
 +
}
 +
 
 +
#navigation .selected{
 +
background: rgb(241,180,14);
 +
}
 +
 
 +
#navigation #igem-logo {
 +
width: 136px;
 +
border-right: none;
 +
}
 +
 
 +
#navigation #igem-logo a {
 +
padding: 0;
 +
background: none;
 +
}
 +
 
 +
#navigation #acknowledgements {
 +
width: 190px;
 +
}
 +
 
 +
#nav2 {
 +
clear: both;
 +
margin-right: 60px;
 +
overflow: hidden;
 +
width: 1277px;
 +
height: 39px;
 +
border-width: 1px 0px 1px 0px;
 +
border-color: #ffffff;
 +
border-style: solid;
 +
        background-color: rgb(241,180,14);
 +
}
 +
 
 +
#nav2 a{
 +
float: right;
 +
text-decoration: none;
 +
        padding: 12px 20px 8px 20px;
 +
width: auto;
 +
font-size: 14px;
 +
color: #ffffff;
 +
font-weight: 700;
 +
}
 +
 
 +
#nav2 a:hover{
 +
  background-color: white; 
 +
        color: rgb(241,180,14);
 +
}
 +
 
 +
 
 +
 
 +
#nav2 .selected{
 +
background-color: #ffffff;
 +
color: rgb(241,180,14);
 +
}
 +
 
 +
#nav2 #team{
 +
display: none;
 +
width: 710px;
 +
position: relative;
 +
left: -900px;
 +
}
 +
 
 +
#nav2 #project{
 +
display: none;
 +
position: relative;
 +
width: 1136px;
 +
left: -1250px;
 +
 
 +
}
 +
 
 +
#nav2 #notebook{
 +
display: none;
 +
position: relative;
 +
width: 800px;
 +
left: -500px;
 +
}
 +
 
 +
#nav2 #outreach{
 +
display: none;
 +
position: relative;
 +
width: 700px;
 +
left: -290px;
 +
}
 +
 
 +
#nav2 #acknowledgments{
 +
display: none;
 +
position: relative;
 +
width: 426px;
 +
left: 420px;
 +
}
 +
 
 +
#team > a:nth-child(5){
 +
border-width: 1px 1px 1px 1px;
 +
}
 +
 
 +
#project > a:nth-child(9){
 +
border-width: 1px 1px 1px 1px;
 +
}
 +
 
 +
#notebook > a:nth-child(4){
 +
border-width: 1px 1px 1px 1px;
 +
}
 +
 
 +
#outreach > a:nth-child(3){
 +
        border-width: 1px 1px 1px 1px;
 +
}
 +
 
 +
#acknowledgments > a:nth-child(3){
 +
border-width: 1px 1px 1px 1px;
 +
}
 +
 
 +
#navlocal{
 +
float: left;
 +
padding: 0;
 +
        color: rgb(0, 0, 0);
 +
}
 +
 
 +
#navlocal ul{
 +
padding: 0;
 +
margin: 0;
 +
list-style-type:none;
 +
list-style-image: none;
 +
width: 220px;
 +
}
 +
 
 +
#navlocal li{
 +
display: block;
 +
border-style: solid;
 +
border-color: #c1bfc0;
 +
border-width: 0px 0px 1px 0px;
 +
/* border-left-width: 0px;
 +
border-right-width: 0px;*/
 +
 
 +
}
 +
 
 +
#navlocal div{
 +
}
 +
 
 +
#navlocal .selected a{
 +
 
 +
 
 +
background-image: linear-gradient(bottom, #E0E0E0 19%, #D6D6D6 66%);
 +
background-image: -o-linear-gradient(bottom, #E0E0E0 19%, #D6D6D6 66%);
 +
background-image: -moz-linear-gradient(bottom, #E0E0E0 19%, #D6D6D6 66%);
 +
background-image: -webkit-linear-gradient(bottom, #E0E0E0 19%, #D6D6D6 66%);
 +
background-image: -ms-linear-gradient(bottom, #E0E0E0 19%, #D6D6D6 66%);
 +
 
 +
background-image: -webkit-gradient(
 +
linear,
 +
left bottom,
 +
left top,
 +
color-stop(0.19, #E0E0E0),
 +
color-stop(0.66, #D6D6D6)
 +
);
 +
 
 +
 
 +
}
 +
 
 +
#navlocal a{
 +
color: rgb(0, 0, 0);
 +
text-decoration: none;
 +
        font-size: 14px;
 +
        display: block;
 +
padding: 10px 0px 12px 55px;
 +
background-image: linear-gradient(bottom, #FFFFFF 19%, #F5F5F5 66%);
 +
background-image: -o-linear-gradient(bottom, #FFFFFF 19%, #F5F5F5 66%);
 +
background-image: -moz-linear-gradient(bottom, #FFFFFF 19%, #F5F5F5 66%);
 +
background-image: -webkit-linear-gradient(bottom, #FFFFFF 19%, #F5F5F5 66%);
 +
background-image: -ms-linear-gradient(bottom, #FFFFFF 19%, #F5F5F5 66%);
 +
 
 +
background-image: -webkit-gradient(
 +
linear,
 +
left bottom,
 +
left top,
 +
color-stop(0.19, #FFFFFF),
 +
color-stop(0.66, #F5F5F5)
 +
);
 +
}
 +
 
 +
#navlocal li:first-child{
 +
padding: 10px 0px 12px 47px;
 +
border-width: 1px 0px 1px 0px;
 +
border-style: solid;
 +
border-color: #c1bfc0;
 +
background-color: rgb(115,194,7);
 +
}
 +
 
 +
 
 +
/*#navlocal #overview{
 +
border-top-width: 1px;
 +
}*/
 +
#tertiary{
 +
}
 +
 
 +
#tertiary li:first-child{
 +
/*padding: 3px 0px 3px 47px;*/
 +
border-width: 1px 0px 1px 0px;
 +
border-style: solid;
 +
border-color: #c1bfc0;
 +
        background-color: #ffffff;
 +
        padding: 0 0 0 0;     
 +
}
 +
 
 +
#tertiary li:last-child{
 +
border-bottom: 0px;   
 +
}
 +
 
 +
#tertiary a{
 +
padding: 10px 0px 12px 63px;
 +
text-decoration: none;
 +
color: rgb(0, 0, 0);
 +
        display: block;
 +
}
 +
 
 +
#conlocal{
 +
border-width: 1px 1px 1px 1px;
 +
border-style: solid;
 +
border-color: #c1bfc0;
 +
margin-left: 220px;
 +
}
 +
 
 +
#conlocal img{
 +
padding: 0;
 +
margin: 0;
 +
}
 +
 
 +
#conlocal div{
 +
display: block;
 +
/*display: none;*/
 +
}
 +
#conlocal .hiddenContent{
 +
display: none;
 +
}
 +
#conlocal h2{
 +
margin-left: 20px;
 +
color: #656364;
 +
}
 +
 
 +
#conlocal h3{
 +
margin-left: 20px;
 +
color: #656364;
 +
}
 +
 
 +
#conlocal p{
 +
margin-top: 0;
 +
margin-left: 20px;
 +
color: #656364;
 +
}
 +
 
 +
#conlocal li{
 +
margin-top: 0;
 +
margin-left: 20px;
 +
color: #656364;
 +
}
 +
 
 +
#conlocal .bolded{
 +
        font-weight: 600;
 +
}
 +
 
 +
#conlocal #charts img{
 +
        padding: 0 0 20px 20px;
 +
}
 +
 
 +
#conlocal table{
 +
        margin: 0 0 20px 20px;
 +
}
 +
 
 +
#teamoverview{
 +
        height: 2150px;
 +
}
 +
 
 +
#overviewcontent img{
 +
        margin-bottom:60px;
 +
}
 +
 
 +
#overviewcontent li{
 +
        width: 300px;
 +
}
 +
 
 +
#biographycontent img{
 +
padding-right: 5px;
 +
}
 +
 
 +
#biographycontent div{
 +
display: block;
 +
}
 +
     
 +
#biographycontent .supervisor {
 +
        width: 527px;
 +
        height: 400px; 
 +
        float: left;
 +
}
 +
 
 +
#biographycontent .supervisor img{
 +
        margin-left: 20px;
 +
        float: left;
 +
        /*height: 270px;
 +
        width: 221px;*/
 +
}
 +
 
 +
#biographycontent #main-supervisor{
 +
        width: 1000px;
 +
        height: 400px; 
 +
        float: left;
 +
}
 +
 
 +
#biographycontent #main-supervisor img{
 +
        margin-left: 20px;
 +
        margin-right: 10px;
 +
        height: 350px;
 +
        width: 286px;
 +
        float: left;
 +
}
 +
     
 +
#biographycontent .student {
 +
        width: 527px;
 +
        height: 540px;
 +
        float: left;
 +
}
 +
     
 +
#biographycontent .single-biography img {
 +
        padding-left: 20px;
 +
        padding-right: 13px;
 +
        height: 270px;
 +
        width: 221px;
 +
}
 +
     
 +
#biographycontent .single-biography .bio-text {
 +
      padding-right: 30px;
 +
}
 +
 
 +
#microbialcontent{
 +
      height: 910px;
 +
}
 +
 
 +
#sponsorscontent .single-sponsor{
 +
      width: 1000px;
 +
      margin: 40px 0 40px 20px;     
 +
}
 +
 
 +
#conlocal #contacts{
 +
      font-size: 18px;
 +
      font-weight: 600;
 +
}
 +
 
 +
#conlocal .fb-like-box{
 +
      padding-left: 20px;
 +
}
 +
 
 +
#sponsorscontent .single-sponsor img{
 +
      float: left;
 +
      margin: 0 10px 0 0; 
 +
      width: 250px;   
 +
}
 +
 
 +
#achievementscontent ul{
 +
      list-style-image: url('https://static.igem.org/mediawiki/2013/8/8f/York-Check.GIF');
 +
}
 +
 
 +
.gallery-section { padding: 10px 20px; }
 +
 
 +
.gallery-section a { margin: 10px; }
 +
 
 +
.gallery-section img { margin: 10px !important; }
 +
     
 +
      #world-bg {
 +
        background: url('https://static.igem.org/mediawiki/2013/a/a5/World_background.jpg');
 +
        width: 1277px;
 +
        height: 500px;
 +
        position: relative;
 +
      }
 +
     
 +
      .bubble {
 +
        position: absolute;
 +
        width: 155px;
 +
        max-width: 300px;
 +
        min-height: 75px;
 +
        padding: 0px;
 +
        background: #FFFFFF;
 +
        -webkit-border-radius: 10px;
 +
        -moz-border-radius: 10px;
 +
        border-radius: 10px;
 +
        color: white;
 +
        font-weight: bold;
 +
        font-size: 16px;
 +
        text-align: center;
 +
        z-index: 900;
 +
        margin-right: 10px;
 +
 
 +
-webkit-animation:float-a 1.5s ease-in-out infinite;
 +
-moz-animation:float-a 1.5s ease-in-out infinite;
 +
-o-animation:float-a 1.5s ease-in-out infinite;
 +
animation:float-a 1.5s ease-in-out infinite;
 +
 
 +
 
 +
@-moz-keyframes float-a{50%{-moz-transform:translate(0, 5px);transform:translate(0, 5px)}};
 +
@-webkit-keyframes float-a{50%{-webkit-transform:translate(0, 5px);transform:translate(0, 5px)}};
 +
@-o-keyframes float-a{50%{-o-transform:translate(0, 5px);transform:translate(0, 5px)}};
 +
@keyframes float-a{50%{transform:translate(0, 5px)}};
 +
 
 +
}
 +
     
 +
      .bubble:hover {
 +
            width: auto;
 +
      }
 +
 
 +
      .bubble:hover p {
 +
            padding-bottom: 28px;
 +
      }
 +
         
 +
      .bubble:hover .hide {
 +
                height: auto;
 +
                display: inline;
 +
                animation-name: appear;
 +
                animation-duration: 0.4s;
 +
                animation-delay:0.2s;
 +
                animation-fill-mode: forwards;
 +
                -webkit-animation-name: appear;
 +
                -webkit-animation-duration: 0.4s;
 +
                -webkit-animation-delay:0.2s;
 +
                -webkit-animation-fill-mode: forwards;
 +
                /*opacity: 1;*/  
 +
      }
 +
 
 +
@keyframes appear
 +
{
 +
from {opacity:0;}
 +
to {opacity:1;}
 +
}
 +
@-webkit-keyframes appear
 +
{
 +
from {opacity:0;}
 +
to {opacity:1;}
 +
}
 +
         
 +
      .bubble .hide {
 +
      display: none;
 +
                opacity: 0;
 +
      }
 +
     
 +
      .bubble:after {
 +
        content: '';
 +
        position: absolute;
 +
        border-style: solid;
 +
        border-width: 15px 15px 0;
 +
        border-color: #FFFFFF transparent;
 +
        display: block;
 +
        width: 0;
 +
        z-index: 1;
 +
        bottom: -15px;
 +
        left: 28px;
 +
      }
 +
     
 +
      .bubble p {
 +
          padding: 28px 10px 10px 10px;
 +
          margin: 0;
 +
      }
 +
     
 +
      .bubble#recycle-bubble {
 +
        top: 140px;
 +
        left: 1100px;
 +
        background: rgb(57, 171, 154);
 +
      }
 +
     
 +
      .bubble#recycle-bubble:after {
 +
            left: 22px;
 +
            border-color: rgb(57, 171, 154) transparent;
 +
      }
 +
       
 +
      .bubble#battery-bubble {
 +
        top: 300px;
 +
        left: 997px;
 +
        background: rgb(39, 145, 158);
 +
      }
 +
     
 +
      .bubble#battery-bubble:after { left: 85px; border-color: rgb(39, 145, 158) transparent; }
 +
         
 +
      .bubble#energy-bubble {
 +
        top: 268px;
 +
        left: 70px;
 +
        background: rgb(28, 171, 207);
 +
      }
 +
     
 +
      .bubble#energy-bubble:after { left: 105px; border-color: rgb(28, 171, 207) transparent; }
 +
           
 +
      .bubble#fuel-bubble {
 +
 
 +
        top: 100px;
 +
        left: 150px;
 +
 
 +
        background: rgb(229, 38, 110);
 +
      }
 +
     
 +
      .bubble#gold-bubble:hover {left:775px}
 +
 
 +
      .bubble#fuel-bubble:after { left: 89px; border-color: rgb(229, 38, 110) transparent; }
 +
             
 +
      .bubble#gold-bubble {
 +
        top: 60px;
 +
        left: 840px;
 +
        background: rgb(241, 180, 14);
 +
      }
 +
 
 +
      .bubble#gold-bubble:after { border-color: rgb(241, 180, 14) transparent; }
 +
 
 +
      .bubble#recycle-bubble:hover {
 +
        left: 1017px;
 +
      }
 +
     
 +
      #world-wrapper {
 +
        width: 1280px;
 +
        height: 500px;
 +
        overflow: hidden;
 +
        position: relative;
 +
      }
 +
     
 +
      #world {
 +
        background: url('https://static.igem.org/mediawiki/2013/2/2b/Wiki_animation_earth.png') no-repeat;
 +
        width: 770px;
 +
        height: 760px;
 +
        margin: 0 auto;
 +
        position: relative;
 +
        top: 200px;
 +
        -webkit-animation:spin 19s linear infinite;
 +
        -moz-animation:spin 19s linear infinite;
 +
        animation:spin 19s linear infinite;
 +
      }
 +
     
 +
    @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 +
    @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
 +
    @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
 +
.clearfix:after {
 +
content: ".";
 +
display: block;
 +
clear: both;
 +
visibility: hidden;
 +
line-height: 0;
 +
height: 0;
 +
}
 +
 +
.clearfix {
 +
display: inline-block;
 +
}
 +
</style>
 +
<script>function selection(){
 +
// Checks whether a specific link or just a section link selected
 +
var queries = {};
 +
queryString = document.location.search;
 +
if(queryString == ""){
 +
// queryString = $("#navlocal > ul:nth-child(1) > li:nth-child(2) > div").text().toLowerCase();
 +
queryString = $("#navlocal > ul:nth-child(1) > li:nth-child(2) > div").attr('id');
 +
} else{
 +
$.each(document.location.search.substr(1).split('&'),function(c,q){
 +
var i = q.split('=');
 +
queries[i[0].toString()] = i[1].toString();
 +
});
 +
queryString = queries['page'];
 +
}
 +
 +
currentLocation = window.location.origin +  window.location.pathname;
 +
currentContent = $("#" + queryString);
 +
currentContent.addClass("selected");
 +
$("[href='"+currentLocation +"?page="+queryString+"']").toggleClass("selected");
 +
currentContent = $("#" + (currentContent.attr('id')+"content"));
 +
currentContent.show({duration: "slow", queue: false});
 +
 +
 +
$("#navlocal div").click(function(event){
 +
newContent = $("#"+$(this).attr('id')+"content");
 +
event.preventDefault();
 +
if((newContent.attr("id")) != currentContent.attr('id')){
 +
currentContent.slideUp({duration: "slow", queue: false});
 +
currentContentId = currentContent.attr('id').substring(0, currentContent.attr('id').length - 7);
 +
$("#"+currentContentId).removeClass("selected");
 +
$("[href='"+currentLocation +"?page="+currentContentId+"']").toggleClass("selected");
 +
currentContent = newContent;
 +
currentContent.delay(300).show({duration: "slow", queue: false});
 +
$(this).addClass("selected");
 +
$("[href='"+currentLocation +"?page="+$(this).attr('id')+"']").toggleClass("selected");
 +
}
 +
})
 +
};
 +
 +
 +
 +
function navigation(currentMenu){
 +
currentMenu = currentMenu || "";
 +
if(currentMenu != ""){
 +
               
 +
currentMenu = $("#"+currentMenu);
 +
currentMenu.show();
 +
moveDistance = parseInt(currentMenu.css('width'), 10);
 +
//moveDistance += parseInt((1280 - moveDistance)/2);
 +
                //moveDistance += -parseInt(currentMenu.css("left"), 10);
 +
currentMenu.animate(
 +
    {
 +
left: "+="+parseInt(moveDistance),
 +
}, {duration: 400, queue: true});
 +
                console.log("pradzioje islenda" + moveDistance);
 +
}
 +
 +
 +
        moveDistance = 0;
 +
 +
$("#navigation a").mouseover(function(){
 +
                if($(this).text().toLowerCase() == "home")
 +
                    return false;
 +
newMenu = $("#"+$(this).text().toLowerCase());
 +
if(currentMenu != ""){
 +
 +
if(currentMenu.attr('id') == newMenu.attr('id')){
 +
return false;
 +
} else {
 +
//fromLeft = parseInt(currentMenu.css("left"), 10);
 +
toReturn = parseInt(currentMenu.css("width"), 10);
 +
currentMenu.animate({
 +
left: "-="+(/*fromLeft + */toReturn),
 +
}, {duration: 400, queue: true});
 +
                                console.log("sulenda" + toReturn);
 +
currentMenu.hide();
 +
}
 +
 +
newMenu.show();
 +
moveDistance = parseInt(newMenu.css('width'), 10);
 +
/*moveDistance += parseInt((1280 - moveDistance)/2);*/
 +
                        //moveDistance += parseInt(currentMenu.css("left"), 10);
 +
newMenu.animate({
 +
left: "+="+moveDistance,
 +
}, {duration: 400, queue: true});
 +
                        console.log("kitas islenda" + moveDistance);
 +
currentMenu = newMenu;
 +
 +
} else {
 +
 +
newMenu.show();
 +
moveDistance = parseInt(newMenu.css('width'), 10);
 +
//moveDistance += parseInt((1280 - moveDistance)/2);
 +
                        //moveDistance += parseInt(currentMenu.css("left"), 10);
 +
newMenu.delay(400).animate({
 +
left: "+="+(moveDistance),
 +
}, {duration: 400, queue: true});
 +
                        console.log("kitas islenda" + moveDistance);
 +
currentMenu = newMenu;
 +
}
 +
    });
 +
};
 +
 +
function selectedMenu(){
 +
baseAdress = "https://2013.igem.org/Team:York_UK";
 +
currentLocation = window.location.pathname.substr(window.location.pathname.lastIndexOf('/') + 1);
 +
if(currentLocation.indexOf(".html") == -1){
 +
$("[href='"+ baseAdress +"']").addClass("selected");
 +
}
 +
else{
 +
$("[href='"+ baseAdress +"/"+ currentLocation + "']").addClass("selected");
 +
}
 +
};
 +
</script>
 +
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 +
    <!--<script src="https://2013.igem.org/Team:YORK_UK/static/script.js?action=raw"></script>-->
 +
    <script src="https://2013.igem.org/Team:YORK_UK/static/jquery.mousewheel.js?action=raw"></script>
 +
    <script>$(document).ready(function(){selectedMenu()});</script>
   
   
</head>
</head>
<body>
<body>
 +
<div id="header">
<div id="header">
     <div id="navigation">
     <div id="navigation">
         <ul>
         <ul>
-
             <li><a class="selected" href="https://2013.igem.org/home.html">Home</a></li>
+
             <li><a href="https://2013.igem.org/Team:York_UK">Home</a></li>
-
             <li><a href="https://2013.igem.org/team.html">Team</a></li>
+
             <li><a href="https://2013.igem.org/Team:York_UK/Team.html">Team</a></li>
-
             <li><a href="https://2013.igem.org/project.html">Project</a></li>
+
             <li><a href="https://2013.igem.org/Team:York_UK/Project.html">Project</a></li>
-
             <li><a href="https://2013.igem.org/notebook.html">Notebook</a></li>
+
             <li><a href="https://2013.igem.org/Team:York_UK/Notebook.html">Notebook</a></li>
-
             <li><a href="https://2013.igem.org/outreach.html">Outreach</a></li>
+
             <li><a href="https://2013.igem.org/Team:York_UK/Outreach.html">Outreach</a></li>
-
             <li><a href="https://2013.igem.org/acknowledgments.html">Acknowledgments</a></li>
+
             <li id="acknowledgements"><a href="https://2013.igem.org/Team:York_UK/Acknowledgments.html">Acknowledgments</a></li>
 +
            <li id="igem-logo"><a href="https://2013.igem.org/" target="_blank"><img src="https://static.igem.org/mediawiki/2013/3/3d/York_igem_logo.png" /></a></li>
         </ul>
         </ul>
     </div>
     </div>
     <div id="nav2">
     <div id="nav2">
         <div id="team">
         <div id="team">
-
                 <a href="https://2013.igem.org/team.html?page=contacts">Contacts</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Team.html?page=contacts">Contacts</a>
-
                 <a href="https://2013.igem.org/team.html?page=university">The University</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Team.html?page=university">The University</a>
-
                 <a href="https://2013.igem.org/team.html?page=biography">Biography</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Team.html?page=biography">Biography</a>
-
                 <a href="https://2013.igem.org/team.html?page=profile">Profile</a>
+
                 <a href="https://igem.org/Team.cgi?year=2013&team_name=York_UK">Profile</a>
-
                 <a href="https://2013.igem.org/team.html?page=overview">Overview</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Team.html?page=overview">Overview</a>
         </div>
         </div>
         <div id="project">
         <div id="project">
-
                 <a href="https://2013.igem.org/project.html?page=Overview">Overview</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Project.html?page=safety">Safety</a>
-
                 <a href="https://2013.igem.org/project.html?page=chassis">Chassis</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Project.html?page=gallery">Gallery</a>
-
                 <a href="https://2013.igem.org/project.html?page=parts">Parts</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Project.html?page=collaborations">Collaborations</a>
-
                 <a href="https://2013.igem.org/project.html?page=results">Results</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Project.html?page=achievements">Achievements</a>
-
                 <a href="https://2013.igem.org/project.html?page=microbial">Microbial Feul Cells</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Project.html?page=microbial">Microbial Fuel Cells</a>
-
                 <a href="https://2013.igem.org/project.html?page=achievements">Achievements</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Project.html?page=results">Results</a>
-
                 <a href="https://2013.igem.org/project.html?page=collaborations">Collaborations</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Project.html?page=parts">Parts</a>
-
                 <a href="https://2013.igem.org/project.html?page=gallery">Gallery</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Project.html?page=overview">Overview</a>
-
                <a href="https://2013.igem.org/project.html?page=safety">Safety</a>
+
         </div>
         </div>
         <div id="notebook">
         <div id="notebook">
-
                 <a href="https://2013.igem.org/notebook.html?page=wetlab">Wet Lab</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Notebook.html?page=modelling">Modelling</a>
-
                 <a href="https://2013.igem.org/notebook.html?page=drylab">Dry Lab</a>
+
                <a href="https://2013.igem.org/Team:York_UK/Notebook.html?page=protocols">Protocols</a>
-
                 <a href="https://2013.igem.org/notebook.html?page=protocols">Protocols</a>
+
                <a href="https://2013.igem.org/Team:York_UK/Notebook.html?page=labbook">Kobchai's Lab Book</a>
-
                 <a href="https://2013.igem.org/notebook.html?page=modeling">Modeling</a>
+
                <a href="https://2013.igem.org/Team:York_UK/Notebook.html?page=wetlab">Jonas' Lab Book</a>
 +
                 <a href="https://2013.igem.org/Team:York_UK/Notebook.html?page=drylab">Dry Lab</a>
 +
        </div>
 +
        <div id="outreach">
 +
                 <a href="https://2013.igem.org/Team:York_UK/Outreach.html?page=london">YSB 1.0</a>
 +
                 <a href="https://2013.igem.org/Team:York_UK/Outreach.html?page=alumni">Alumni Event</a>
 +
                <a href="https://2013.igem.org/Team:York_UK/Outreach.html?page=lawrence">St. Lawrence's School</a>
 +
                <a href="https://2013.igem.org/Team:York_UK/Outreach.html?page=helen">St. Helen's Church</a>
 +
 
 +
 
         </div>
         </div>
         <div id="acknowledgments">
         <div id="acknowledgments">
-
                 <a href="https://2013.igem.org/acknowledgments.html?page=sponsors">Sponsors</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Acknowledgments.html?page=sponsors">Sponsors</a>
-
                 <a href="https://2013.igem.org/acknowledgments.html?page=references">References</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Acknowledgments.html?page=references">References</a>
-
                 <a href="https://2013.igem.org/acknowledgments.html?page=Attributions">Attributions</a>
+
                 <a href="https://2013.igem.org/Team:York_UK/Acknowledgments.html?page=attributions">Attributions</a>
         </div>   
         </div>   
     </div>
     </div>
</div>
</div>
-
</body>
+
<img src="https://static.igem.org/mediawiki/2013/a/a9/York_banner.jpg" width="1277" height="145" alt="Future in Your Eyes, future in York UNI team" id="global-banner">
-
 
+
-
</html>
+

Latest revision as of 19:00, 16 October 2013

iGEM York

Future in Your Eyes, future in York UNI team

Retrieved from "http://2013.igem.org/Template:Team:York_UK/MainHeader"