Template:Team:Oxford/templates/header

From 2014.igem.org

(Difference between revisions)
 
(55 intermediate revisions not shown)
Line 9: Line 9:
     overflow-x: hidden;
     overflow-x: hidden;
   }
   }
-
 
   body {
   body {
     background-color: #EBEBEB;  
     background-color: #EBEBEB;  
Line 20: Line 19:
     font-weight: 300;
     font-weight: 300;
   }
   }
-
 
   #content {
   #content {
     border:none;
     border:none;
Line 28: Line 26:
     background:none;
     background:none;
   }
   }
-
 
   #catlinks {
   #catlinks {
     display:none;
     display:none;
   }
   }
-
 
   #contentSub {
   #contentSub {
     display:none;
     display:none;
   }
   }
-
 
   #menubar {
   #menubar {
     width: auto;
     width: auto;
     margin-top:0.5%;
     margin-top:0.5%;
}
}
-
 
   .left-menu:hover {
   .left-menu:hover {
     background-color: transparent;
     background-color: transparent;
Line 57: Line 51:
     color: gray;
     color: gray;
   }
   }
-
 
   #menubar.left-menu.noprint ul li:last-child {
   #menubar.left-menu.noprint ul li:last-child {
   display:none;
   display:none;
   }
   }
-
 
   #search-controls {
   #search-controls {
     display:none;
     display:none;
   }
   }
-
 
   #top-section {
   #top-section {
     height:0px;
     height:0px;
Line 71: Line 62:
     border:none;
     border:none;
   }
   }
-
 
   #footer-box {
   #footer-box {
     border:none;
     border:none;
Line 77: Line 67:
     width:100%;
     width:100%;
   }
   }
-
 
   #p-logo {
   #p-logo {
     display:none
     display:none
   }
   }
-
 
   .firstHeading {
   .firstHeading {
   display:none;
   display:none;
   }
   }
-
 
   #bodyContent p{
   #bodyContent p{
     display:none;
     display:none;
   }
   }
-
 
   html, div, span, applet, object, iframe,
   html, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
Line 110: Line 96:
     vertical-align: baseline;
     vertical-align: baseline;
   }
   }
-
 
   #top-section {
   #top-section {
     width: 965px;
     width: 965px;
Line 117: Line 102:
     padding: 0;
     padding: 0;
     border: none;}
     border: none;}
-
 
   .left-menu:hover {
   .left-menu:hover {
     background-color: transparent;}
     background-color: transparent;}
-
 
   #menubar li a {
   #menubar li a {
     background-color: transparent;}
     background-color: transparent;}
-
 
   .outer {   
   .outer {   
     position:fixed;
     position:fixed;
Line 129: Line 111:
     height:100%;
     height:100%;
   }
   }
-
 
   img.supercoil {
   img.supercoil {
     width:65%;
     width:65%;
     display: block;
     display: block;
     margin-left: auto;
     margin-left: auto;
-
     margin-right: auto }
+
     margin-right: auto  
-
 
+
  }
   .Heading {
   .Heading {
     position:absolute;
     position:absolute;
     display: block;
     display: block;
   }
   }
-
 
.heading {
.heading {
     -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s;  
     -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s;  
     transition: margin-left 0.3s;
     transition: margin-left 0.3s;
}
}
-
 
.heading:hover {
.heading:hover {
     margin-left:30px;
     margin-left:30px;
Line 154: Line 133:
list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); }
list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); }
}
}
-
 
-
 
-
 
.row { vertical-align: top; height:auto !important; }
.row { vertical-align: top; height:auto !important; }
-
 
+
.row { vertical-align: top; height:auto !important; }
-
 
+
.list {display:none; }
-
 
+
.hide {display: none; }
-
 
+
.show:target + .hide {display: inline; }
-
 
+
.show:target {display: none; }
-
.white_news_block {
+
.show:target ~ .list {display:inline; }
-
     
+
@media print { .show, .hide { display: none; }
 +
}
 +
.white_news_block { 
         background: #fff;
         background: #fff;
-
         border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
+
         border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;width:96%;
-
width:96%;
+
}
 +
.white_news_block2 {
 +
        background: #fff;
 +
        border-radius:15px; margin-top:2%; margin-left:8%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:80%;
}
}
-
 
.blue_news_block {
.blue_news_block {
-
     
 
         background: #ADD8E6;
         background: #ADD8E6;
-
         border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
+
         border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%;
-
width:96%;
+
}
}
-
 
+
.orange_news_block {  
-
.orange_news_block1 {
+
-
     
+
         background: #F9A7B0;
         background: #F9A7B0;
-
         border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
+
         border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%;
-
width:96%;
+
}
}
-
 
.orange_news_block2 {
.orange_news_block2 {
-
     
 
         background: #F9A7B0;
         background: #F9A7B0;
-
         border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
+
         border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%;
-
width:44%;
+
}
}
-
 
.yellow_news_block {
.yellow_news_block {
-
     
 
         background: #FFFF06;
         background: #FFFF06;
-
         border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
+
         border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:27%;
-
width:27%;
+
}
 +
.grey_news_block {
 +
        background: #ECECEC;
 +
        border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%;
 +
}
 +
.lgrey_news_block {
 +
        background: #F6F6F6;
 +
        border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%;
}
}
-
 
-
 
h1 {
h1 {
font-size: 120%;
font-size: 120%;
Line 204: Line 179:
font-family:Helvetica;
font-family:Helvetica;
margin-bottom: 2%;
margin-bottom: 2%;
-
     
+
        line-height:150%;
}
}
h1white {
h1white {
font-size: 230%;
font-size: 230%;
font-weight: 400;
font-weight: 400;
-
font-family:Helvetica;
+
font-family:Helvetica;  
         color:#000000;
         color:#000000;
}
}
-
 
+
h1blue {
 +
font-size: 180%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#4747E5;
 +
        line-height:150%;
 +
        font-style: italic;
 +
}
 +
h1blue2 {
 +
font-size: 130%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#4747E5;
 +
        line-height:150%;
 +
}
 +
h1blue3 {
 +
font-size: 140%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#4747E5;
 +
        line-height:150%;
 +
}
 +
h2blue3 {
 +
font-size: 120%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#4747E5;
 +
        line-height:150%;
 +
}
h1black {
h1black {
font-size: 230%;
font-size: 230%;
font-weight: 400;
font-weight: 400;
font-family:Helvetica;
font-family:Helvetica;
 +
        line-height:150%;
 +
}
 +
h1grey {
 +
font-size: 280%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#615555;
 +
        line-height:150%;
 +
}
 +
h1purple {
 +
font-size: 140%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#CE68D5;
 +
        line-height:150%;
 +
}
 +
h2purple {
 +
font-size: 120%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#CE68D5;
 +
        line-height:150%;
 +
}
 +
h1red {
 +
font-size: 140%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#B31127;
 +
        line-height:150%;
 +
}
 +
h2red {
 +
font-size: 120%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#B31127;
 +
        line-height:150%;
 +
}
 +
h1orange {
 +
font-size: 140%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#F98500;
 +
        line-height:150%;
 +
}
 +
h2orange {
 +
font-size: 120%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#F98500;
 +
        line-height:150%;
 +
}
 +
h1green {
 +
font-size: 140%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#0F9101;
 +
        line-height:150%;
 +
}
 +
h2green {
 +
font-size: 120%;
 +
font-weight: 400;
 +
font-family:Helvetica;
 +
        color:#0F9101;
 +
        line-height:150%;
}
}
 +
#showmodelling:target  .modelling-row + .hide {display: inline; }
 +
#showmodelling:target  .modelling-row {display: none; }
 +
#showmodelling:target .modelling-row ~ .list {display:inline; }
 +
#showwetlab:target  .wetlab-row + .hide {display: inline; }
 +
#showwetlab:target  .wetlab-row {display: none; }
 +
#showwetlab:target .wetlab-row ~ .list {display:inline; }
 +
.modelling {
 +
      background: #F9A7B0;
 +
        border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
 +
width:96%;
 +
}
 +
.wetlab {
 +
     
 +
        background: #ADD8E6;
 +
        border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
 +
width:96%;
 +
}
 +
 +
.white_news_block1 {
 +
     
 +
        background: #fff;
 +
        border-radius:15px; margin-top:2%; margin-left: 13%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
 +
width:70%;
 +
}
 +
.white_news_block2 {
 +
     
 +
        background: #fff;
 +
        border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
 +
width:96%;margin-left:0%;
 +
}
   </style>
   </style>
-
  <script type="text/javascript">
 
 +
  <script type="text/javascript">
 +
function DCMation() {
 +
    document.getElementById('DCMationwrap').style.display = "block";
 +
  }
 +
  function DCMationHide(x) {
 +
    document.getElementById('DCMationwrap').style.display = "none";
 +
  }
 +
function Achievements() {
 +
    document.getElementById('Achievementswrap').style.display = "block";
 +
  }
 +
  function AchievementsHide(x) {
 +
    document.getElementById('Achievementswrap').style.display = "none";
 +
  }
 +
  function Interlab() {
 +
    document.getElementById('Interlabwrap').style.display = "block";
 +
  }
 +
  function InterlabHide(x) {
 +
    document.getElementById('Interlabwrap').style.display = "none";
 +
  }
 +
  function iGEMcomm() {
 +
    document.getElementById('iGEMcommwrap').style.display = "block";
 +
  }
 +
  function iGEMcommHide(x) {
 +
    document.getElementById('iGEMcommwrap').style.display = "none";
 +
  }
 +
  function Subheadingbig(x) {
 +
    x.style.height="40%";
 +
    x.style.width="40%";
 +
  }
 +
  function Subheadingnormal(x) {
 +
    x.style.height="38%";
 +
    x.style.width="38%";
 +
  }
 +
function Partsbig(x) {
 +
    x.style.height="41%";
 +
    x.style.width="41%";
 +
  }
 +
  function Partsnormal(x) {
 +
    x.style.height="40%";
 +
    x.style.width="40%";
 +
  }
 +
  function Resultsbig(x) {
 +
    x.style.height="27%";
 +
    x.style.width="27%";
 +
  }
 +
  function Resultsnormal(x) {
 +
    x.style.height="26%";
 +
    x.style.width="26%";
 +
  }
 +
  function Medalsbig(x) {
 +
    x.style.height="35%";
 +
    x.style.width="35%";
 +
  }
 +
  function Medalsnormal(x) {
 +
    x.style.height="33.5%";
 +
    x.style.width="33.5%";
 +
  }
 +
  function IMeasurementbig(x) {
 +
    x.style.height="22.5%";
 +
    x.style.width="22.5%";
 +
  }
 +
  function IMeasurementnormal(x) {
 +
    x.style.height="20.5%";
 +
    x.style.width="20.5%";
 +
  }
 +
  function IResultsbig(x) {
 +
    x.style.height="36%";
 +
    x.style.width="36%";
 +
  }
 +
  function IResultsnormal(x) {
 +
    x.style.height="34%";
 +
    x.style.width="34%";
 +
  }
 +
  function Eventsbig(x) {
 +
    x.style.height="31.5%";
 +
    x.style.width="31.5%";
 +
  }
 +
  function Eventsnormal(x) {
 +
    x.style.height="29.5%";
 +
    x.style.width="29.5%";
 +
  }
 +
  function iGEMEuropebig(x) {
 +
    x.style.height="19%";
 +
    x.style.width="19%";
 +
  }
 +
  function iGEMEuropenormal(x) {
 +
    x.style.height="17%";
 +
    x.style.width="17%";
 +
  }
 +
  function Collabbig(x) {
 +
    x.style.height="45%";
 +
    x.style.width="45%";
 +
  }
 +
  function Collabnormal(x) {
 +
    x.style.height="43%";
 +
    x.style.width="43%";
 +
  }
   function iconleft(x) {
   function iconleft(x) {
     x.style.left="6%";
     x.style.left="6%";
Line 244: Line 437:
   });
   });
   $("#modelling").mouseout(function(){
   $("#modelling").mouseout(function(){
-
     $("#modelling").animate({opacity:'0.65'}, "fast");
+
     $("#modelling").animate({opacity:'0.7'}, "fast");
     $("#modelling1").css({display:'none'});
     $("#modelling1").css({display:'none'});
   });
   });
Line 252: Line 445:
   });
   });
   $("#achievements").mouseout(function(){
   $("#achievements").mouseout(function(){
-
     $("#achievements").animate({opacity:'0.65'}, "fast");
+
     $("#achievements").animate({opacity:'0.7'}, "fast");
     $("#achievements1").css({display:'none'});
     $("#achievements1").css({display:'none'});
   });
   });
Line 260: Line 453:
   });
   });
   $("#igemcomm").mouseout(function(){
   $("#igemcomm").mouseout(function(){
-
     $("#igemcomm").animate({opacity:'0.65'}, "fast");
+
     $("#igemcomm").animate({opacity:'0.7'}, "fast");
     $("#igemcomm1").css({display:'none'});
     $("#igemcomm1").css({display:'none'});
   });
   });
Line 268: Line 461:
   });
   });
   $("#safety").mouseout(function(){
   $("#safety").mouseout(function(){
-
     $("#safety").animate({opacity:'0.65'}, "fast");
+
     $("#safety").animate({opacity:'0.7'}, "fast");
     $("#safety1").css({display:'none'});
     $("#safety1").css({display:'none'});
   });
   });
Line 276: Line 469:
   });
   });
   $("#team").mouseout(function(){
   $("#team").mouseout(function(){
-
     $("#team").animate({opacity:'0.65'}, "fast");
+
     $("#team").animate({opacity:'0.7'}, "fast");
     $("#team1").css({display:'none'});
     $("#team1").css({display:'none'});
   });
   });
Line 284: Line 477:
   });
   });
   $("#dcmation").mouseout(function(){
   $("#dcmation").mouseout(function(){
-
     $("#dcmation").animate({opacity:'0.65'}, "fast");
+
     $("#dcmation").animate({opacity:'0.7'}, "fast");
     $("#dcmation1").css({display:'none'});
     $("#dcmation1").css({display:'none'});
   });
   });
Line 292: Line 485:
   });
   });
   $("#interlab").mouseout(function(){
   $("#interlab").mouseout(function(){
-
     $("#interlab").animate({opacity:'0.65'}, "fast");
+
     $("#interlab").animate({opacity:'0.7'}, "fast");
     $("#interlab1").css({display:'none'});
     $("#interlab1").css({display:'none'});
   });
   });
Line 300: Line 493:
   });
   });
   $("#policy").mouseout(function(){
   $("#policy").mouseout(function(){
-
     $("#policy").animate({opacity:'0.65'}, "fast");
+
     $("#policy").animate({opacity:'0.7'}, "fast");
     $("#policy1").css({display:'none'});
     $("#policy1").css({display:'none'});
   });
   });
-
 
-
  $(".toggle1").click(function(){
 
-
    $(".section1").css({display:'inline'});
 
-
    $(".1+").css({display:'none'});
 
-
  });
 
-
  $(".toggle2").click(function(){
 
-
    $(".section2").css({display:'inline'});
 
-
    $(".2+").css({display:'none'});
 
-
  });
 
-
  $(".toggle3").click(function(){
 
-
    $(".section3").css({display:'inline'});
 
-
    $(".3+").css({display:'none'});
 
-
  });
 
-
  $(".toggle4").click(function(){
 
-
    $(".section4").css({display:'inline'});
 
-
    $(".4+").css({display:'none'});
 
-
  });
 
-
 
});
});
-
 
-
 
jQuery(document).ready(function(){
jQuery(document).ready(function(){
     jQuery('#tb1').live('click', function(event) {         
     jQuery('#tb1').live('click', function(event) {         
Line 361: Line 534:
         jQuery('#g3').toggle('show');
         jQuery('#g3').toggle('show');
     });
     });
 +
  $("#dcmation").click(function(){
 +
    $("#DCMationpopup").animate({width:'27%', left:'15%', top:'25%'}, "fast");
 +
    $("#DCMationwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'});
 +
  });
 +
  $("#DCMationwrap").click(function(){
 +
    $("#DCMationpopup").animate({width:'0%', left:'5%', top:'37%'}, "fast");
 +
  });
 +
  $("#achievements").click(function(){
 +
    $("#Achievementspopup").animate({width:'27%', left:'15%', top:'25%'}, "fast");
 +
    $("#Achievementswrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'});
 +
  });
 +
  $("#Achievementswrap").click(function(){
 +
    $("#Achievementspopup").animate({width:'0%', left:'8%', top:'73%'}, "fast");
 +
  });
 +
  $("#igemcomm").click(function(){
 +
    $("#iGEMcommpopup").animate({width:'27%', left:'15%', top:'25%'}, "fast");
 +
    $("#iGEMcommwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'});
 +
  });
 +
  $("#iGEMcommwrap").click(function(){
 +
    $("#iGEMcommpopup").animate({width:'0%', left:'9%', top:'84%'}, "fast");
 +
  });
 +
  $("#interlab").click(function(){
 +
    $("#Interlabpopup").animate({width:'27%', left:'15%'}, "fast");
 +
    $("#Interlabwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'});
 +
  });
 +
  $("#Interlabwrap").click(function(){
 +
    $("#Interlabpopup").animate({width:'0%', left:'5%'}, "fast");
 +
  });
});
});
-
 
-
 
function startup(){
function startup(){
   $("#sidebarblue").animate({marginLeft:'+=250px'}, 1000);
   $("#sidebarblue").animate({marginLeft:'+=250px'}, 1000);
Line 380: Line 579:
   $(".4").animate({marginLeft:'+=250px'}, 1000);
   $(".4").animate({marginLeft:'+=250px'}, 1000);
}
}
-
 
-
 
-
 
$(document).ready(function(){
$(document).ready(function(){
   setTimeout(function() {
   setTimeout(function() {
Line 400: Line 596:
   }, 1750);
   }, 1750);
});
});
-
 
   </script>
   </script>
  </head>
  </head>
</html>
</html>

Latest revision as of 03:24, 18 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Oxford/templates/header"