Template:Team:Oxford/templates/header

From 2014.igem.org

(Difference between revisions)
 
(23 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; }
  .row { vertical-align: top; height:auto !important; }
Line 164: Line 140:
  .show:target {display: none; }
  .show:target {display: none; }
  .show:target ~ .list {display:inline; }
  .show:target ~ .list {display:inline; }
-
  @media print { .show, .hide { display: none; } }
+
  @media print { .show, .hide { display: none; }  
-
 
+
}
-
 
+
.white_news_block {
-
 
+
-
 
+
-
.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_block {
+
-
     
+
         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 {
 +
        background: #F9A7B0;
 +
        border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;width:96%;
}
}
-
 
.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 203: 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() {
  function DCMation() {
     document.getElementById('DCMationwrap').style.display = "block";
     document.getElementById('DCMationwrap').style.display = "block";
Line 321: Line 419:
     x.style.width="43%";
     x.style.width="43%";
   }
   }
-
 
   function iconleft(x) {
   function iconleft(x) {
     x.style.left="6%";
     x.style.left="6%";
Line 400: Line 497:
   });
   });
});
});
-
 
-
 
jQuery(document).ready(function(){
jQuery(document).ready(function(){
     jQuery('#tb1').live('click', function(event) {         
     jQuery('#tb1').live('click', function(event) {         
Line 451: Line 546:
   });  
   });  
   $("#Achievementswrap").click(function(){
   $("#Achievementswrap").click(function(){
-
     $("#Achievementspopup").animate({width:'0%', left:'5%', top:'37%'}, "fast");
+
     $("#Achievementspopup").animate({width:'0%', left:'8%', top:'73%'}, "fast");
   });  
   });  
   $("#igemcomm").click(function(){
   $("#igemcomm").click(function(){
Line 458: Line 553:
   });  
   });  
   $("#iGEMcommwrap").click(function(){
   $("#iGEMcommwrap").click(function(){
-
     $("#iGEMcommpopup").animate({width:'0%', left:'5%', top:'37%'}, "fast");
+
     $("#iGEMcommpopup").animate({width:'0%', left:'9%', top:'84%'}, "fast");
   });  
   });  
   $("#interlab").click(function(){
   $("#interlab").click(function(){
-
     $("#Interlabpopup").animate({width:'27%', left:'15%', top:'25%'}, "fast");
+
     $("#Interlabpopup").animate({width:'27%', left:'15%'}, "fast");
     $("#Interlabwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'});
     $("#Interlabwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'});
   });  
   });  
   $("#Interlabwrap").click(function(){
   $("#Interlabwrap").click(function(){
-
     $("#Interlabpopup").animate({width:'0%', left:'5%', top:'37%'}, "fast");
+
     $("#Interlabpopup").animate({width:'0%', left:'5%'}, "fast");
   });  
   });  
});
});
-
 
-
 
function startup(){
function startup(){
   $("#sidebarblue").animate({marginLeft:'+=250px'}, 1000);
   $("#sidebarblue").animate({marginLeft:'+=250px'}, 1000);
Line 486: Line 579:
   $(".4").animate({marginLeft:'+=250px'}, 1000);
   $(".4").animate({marginLeft:'+=250px'}, 1000);
}
}
-
 
-
 
-
 
$(document).ready(function(){
$(document).ready(function(){
   setTimeout(function() {
   setTimeout(function() {
Line 506: 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"