Team:Oxford/templates/header

From 2014.igem.org

(Difference between revisions)
 
(122 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<script>
 +
$(document).ready(function() {
 +
$('.hasdropdown').hover(function() {
 +
$(this).find('.dropdown').stop(true,true).slideToggle(200);
 +
})
-
<head>
+
})
-
<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
+
-
<!--[if IE 7]>    <html lang="en" class="no-js ie7"> <![endif]-->
+
-
<!--[if IE 8]>    <html lang="en" class="no-js ie8"> <![endif]-->
+
-
<!--[if gt IE 8]><!-->
+
-
  <style type="text/css">
+
-
  * {
+
</script>
-
    padding: 0px;
+
<style>
-
    margin: 0px
+
-
  }
+
-
  body {
+
@import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
-
  }
+
-
  #content {
+
body {
-
  border:none;
+
}
-
  width:100%;
+
-
  margin:0;
+
-
  padding:0;
+
-
  background:none;
+
-
  overflow:hidden;
+
-
  }
+
-
  #catlinks {
+
#content {
-
  display:none;
+
border:none;
-
  }
+
width:100%;
 +
margin:0;
 +
padding:0;
 +
background:none;
 +
}
-
  #contentSub {
+
#catlinks {
-
  display:none;
+
display:none;
-
  }
+
}
-
  #menubar {
+
#contentSub {
-
  position: absolute;
+
display:none;
-
  white-space: nowrap;
+
}
-
  top: 0px;
+
-
  width: 450px;
+
-
  z-index: 5;
+
-
  font-family: sans-serif;
+
-
  font-size: 95%;
+
-
  line-height: 1em;
+
-
  }
+
-
  #menubar ul {
+
#menubar {
-
  padding:0px;
+
position: absolute;
-
  }
+
white-space: nowrap;
 +
top: 0px;
 +
width: 400px;
 +
z-index: 5;
 +
font-family: sans-serif;
 +
font-size: 95%;
 +
line-height: 1em;
 +
}
-
  #menubar ul li:last-child {
+
#menubar ul {
-
  display:none;
+
padding:10px;
-
  }
+
}
-
  #search-controls {
+
#menubar ul li:last-child {
-
  display:none;
+
display:none;
-
  }
+
}
-
  #top-section {
+
#search-controls {
-
  height:0px;
+
display:none;
-
  width:100%;
+
}
-
  border:none;
+
-
  }
+
-
  #footer-box {
+
#top-section {
-
  border:none;
+
height:0px;
-
  display:none;
+
width:100%;
-
  width:100%;
+
border:none;
-
  }
+
}
 +
 
 +
#footer-box {
 +
border:none;
 +
display:none;
 +
width:100%;
 +
}
-
  #p-logo {
+
#p-logo {
-
  display:none;
+
display:none;
-
  }
+
}
-
  .firstHeading {
+
.firstHeading {
-
  display:none;
+
display:none;
-
  }
+
}
-
  #bodyContent p{
+
#bodyContent p{
-
  display:none;
+
display:none;
-
  overflow:hidden;
+
}
-
  }
+
-
  .right-menu li a {
+
.right-menu li a {
-
  background:none;
+
background:none;
-
  padding:10px;
+
padding:10px;
-
  }
+
}
-
  .right-menu li a:hover {
+
.right-menu li a:hover {
-
  color:#fff;
+
color:#fff;
-
  }
+
}
-
  a.new:visited, #p-personal a.new:visited {
+
a.new:visited, #p-personal a.new:visited {
-
  color:#fff;
+
color:#fff;
-
  }
+
}
-
  /* http://meyerweb.com/eric/tools/css/reset/  
+
/* http://meyerweb.com/eric/tools/css/reset/  
   v2.0 | 20110126
   v2.0 | 20110126
   License: none (public domain)
   License: none (public domain)
-
  */
+
*/
-
  html, body, div, span, applet, object, iframe,
+
html, body, div, span, applet, object, iframe,
-
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-
  a, abbr, acronym, address, big, cite, code,
+
a, abbr, acronym, address, big, cite, code,
-
  del, dfn, em, img, ins, kbd, q, s, samp,
+
del, dfn, em, img, ins, kbd, q, s, samp,
-
  small, strike, strong, sub, sup, tt, var,
+
small, strike, strong, sub, sup, tt, var,
-
  b, u, i, center,
+
b, u, i, center,
-
  dl, dt, dd, ol, ul, li,
+
dl, dt, dd, ol, ul, li,
-
  fieldset, form, label, legend,
+
fieldset, form, label, legend,
-
  table, caption, tbody, tfoot, thead, tr, th, td,
+
table, caption, tbody, tfoot, thead, tr, th, td,
-
  article, aside, canvas, details, embed,  
+
article, aside, canvas, details, embed,  
-
  figure, figcaption, footer, header, hgroup,  
+
figure, figcaption, footer, header, hgroup,  
-
  menu, nav, output, ruby, section, summary,
+
menu, nav, output, ruby, section, summary,
-
  time, mark, audio, video {
+
time, mark, audio, video {
-
        margin: 0;
+
margin: 0;
-
        padding: 0;
+
padding: 0;
-
        border: 0;
+
border: 0;
-
        font-size: 100%;
+
font-size: 100%;
-
        font: inherit;
+
font: inherit;
-
        vertical-align: baseline;
+
vertical-align: baseline;
-
  }
+
}
-
  /* HTML5 display-role reset for older browsers */
+
/* HTML5 display-role reset for older browsers */
-
  article, aside, details, figcaption, figure,  
+
article, aside, details, figcaption, figure,  
-
  footer, header, hgroup, menu, nav, section {
+
footer, header, hgroup, menu, nav, section {
-
        display: block;
+
display: block;
-
  }
+
}
-
  body {
+
body {
-
        line-height: 1;
+
line-height: 1;
-
  }
+
}
-
  ol, ul {
+
ol, ul {
-
        list-style: none;
+
list-style: none;
-
  }
+
}
-
  blockquote, q {
+
blockquote, q {
-
        quotes: none;
+
quotes: none;
-
  }
+
}
-
  blockquote:before, blockquote:after,
+
blockquote:before, blockquote:after,
-
  q:before, q:after {
+
q:before, q:after {
-
        content: '';
+
content: '';
-
        content: none;
+
content: none;
-
  }
+
}
-
  table {
+
table {
-
        border-collapse: collapse;
+
border-collapse: collapse;
-
        border-spacing: 0;
+
border-spacing: 0;
-
  }
+
}
-
  /**
+
/**
-
  * For modern browsers
+
* For modern browsers
-
  * 1. The space content is one way to avoid an Opera bug when the
+
* 1. The space content is one way to avoid an Opera bug when the
-
  *    contenteditable attribute is included anywhere else in the document.
+
*    contenteditable attribute is included anywhere else in the document.
-
  *    Otherwise it causes space to appear at the top and bottom of elements
+
*    Otherwise it causes space to appear at the top and bottom of elements
-
  *    that are clearfixed.
+
*    that are clearfixed.
-
  * 2. The use of `table` rather than `block` is only necessary if using
+
* 2. The use of `table` rather than `block` is only necessary if using
-
  *    `:before` to contain the top-margins of child elements.
+
*    `:before` to contain the top-margins of child elements.
-
  */
+
*/
-
  .cf:before,
+
.cf:before,
-
  .cf:after {
+
.cf:after {
     content: " "; /* 1 */
     content: " "; /* 1 */
     display: table; /* 2 */
     display: table; /* 2 */
-
  }
+
}
-
  .cf:after {
+
.cf:after {
     clear: both;
     clear: both;
-
  }
+
}
-
  /**
+
/**
-
  * For IE 6/7 only
+
* For IE 6/7 only
-
  * Include this rule to trigger hasLayout and contain floats.
+
* Include this rule to trigger hasLayout and contain floats.
-
  */
+
*/
-
  .cf {
+
.cf {
     *zoom: 1;
     *zoom: 1;
-
  }
+
}
-
  .container p {
+
.container p {
-
  display:block !important;
+
display:block !important;
-
  }
+
}
-
  body {
 
-
        font-family: 'Open Sans', 'helvetica', sans-serif;
 
-
        font-size: 10px;
 
-
        font-weight: 300;
 
-
        background: #f5f5f5;
 
-
  }
 
-
  p {
+
body {
-
        font-size: 14px;
+
font-family: 'Open Sans', 'helvetica', sans-serif;
-
        margin-bottom: 10px;
+
font-size: 10px;
-
        line-height: 1.5;
+
font-weight: 300;
-
  }
+
background: #f5f5f5;
 +
}
-
  p:last-child {
+
p {
-
        margin-bottom: 0;
+
font-size: 14px;
-
  }
+
margin-bottom: 10px;
 +
line-height: 1.5;
 +
}
-
  .01 .02{
+
p:last-child {
-
  max-width: 920px;
+
margin-bottom: 0;
-
  margin: 0 auto;
+
}
-
  display: block !important;
+
-
  -webkit-backface-visibility: hidden;
+
-
        position: relative;
+
-
  }
+
-
 
+
-
  .02{
+
-
  max-width: 920px;
+
-
  position: relative;
+
-
  display: block !important;
+
-
  -webkit-backface-visibility: hidden;
+
-
        position: relative;
+
-
  }
+
-
  .container{
+
.container{
   max-width: 920px;
   max-width: 920px;
 +
min-width:600px;
   margin: 0 auto;
   margin: 0 auto;
   display: block !important;
   display: block !important;
   -webkit-backface-visibility: hidden;  
   -webkit-backface-visibility: hidden;  
-
        position: relative;
+
position: relative;
-
  }
+
}
-
  .header .containertwo{
+
.row {
-
  max-width: 920px;
+
margin-top:1em;
-
  min-width:600px;
+
margin-bottom: 2.5em;
-
  margin: 0 auto;
+
}
-
  overflow:hidden;
+
-
  }
+
-
 
+
-
  .row {
+
-
        margin-top:1em;
+
-
        margin-bottom: 2.5em;
+
-
  }
+
-
  @media all and (max-width: 1000px) {
+
@media all and (max-width: 1000px) {
   .container, #footer-box {
   .container, #footer-box {
     margin-left: 4%;
     margin-left: 4%;
Line 235: Line 212:
     position: relative;  
     position: relative;  
   }  
   }  
-
  }
+
}
-
  .column {
+
.column {
   float: left;
   float: left;
   max-width: none;
   max-width: none;
   display: block; }
   display: block; }
-
  .full {
+
.full {
   width: 100%; }
   width: 100%; }
-
  .half {
+
.half {
   width: 50%; }
   width: 50%; }
-
  .quarter {
+
.quarter {
   width: 25%; }
   width: 25%; }
-
  .thirtyfive {
+
.fourty {
-
  width: 38.5%; }
+
-
 
+
-
  .fourty {
+
   width: 40%; }
   width: 40%; }
-
  .sixty {
+
.sixty {
   width: 60%; }
   width: 60%; }
-
  .third {
+
.third {
   width: 33.333333%; }
   width: 33.333333%; }
-
  .two-third {
+
.two-third {
   width: 66.666666%; }
   width: 66.666666%; }
-
  .sixth {
+
.sixth {
   width: 16.6666666%; }
   width: 16.6666666%; }
-
  .two-ninth {
+
.two-ninth {
   width: 22.2222222%; }
   width: 22.2222222%; }
-
  h1 {
+
h1 {
-
        font-size: 20px;
+
font-size: 20px;
-
        font-weight: 400;
+
font-weight: 400;
-
        font-family: 'PT Serif', serif;
+
font-family: 'PT Serif', serif;
-
        margin-bottom: .5em;
+
margin-bottom: .5em;
-
  }
+
}
-
  h2 {
+
h2 {
-
        font-size: 14px;
+
font-size: 14px;
-
        font-weight: 400;
+
font-weight: 400;
-
        font-family: 'PT Serif', serif;
+
font-family: 'PT Serif', serif;
-
        margin-bottom: 5px;
+
margin-bottom: 5px;
-
  }
+
}
-
  nav li {
+
nav li {
-
        font-size: 14px;
+
font-size: 14px;
-
        cursor:pointer;
+
cursor:pointer;
-
  }
+
}
-
  header {
+
header {
-
        background-size: cover;
+
background: url('https://static.igem.org/mediawiki/2014/e/eb/Oxfordigem_radcam.jpg');
-
        background-position: center center;
+
background-size: cover;
-
        height: 200px;
+
background-position: 10% 16%;
-
min-width:600px;
+
height: 300px;
-
  }
+
min-width:600px;
 +
}
-
  #logo {
+
#logo {
-
        background: url('https://static.igem.org/mediawiki/2014/thumb/5/5a/Oxfordlogo.png/800px-Oxfordlogo.png');
+
background: url('https://static.igem.org/mediawiki/2014/8/8a/Lgoo.png');
-
        background-size: cover;
+
background-size: cover;
-
        width: 260px;
+
width: 260px;
-
        height: 80px;
+
height: 80px;
-
        position: absolute;
+
position: absolute;
-
        top:55px;
+
top:35px;
-
  }
+
}
-
  #biochemdept {
 
-
        width: 50px;
 
-
        height: 50px;
 
-
        position: absolute;
 
-
        top:140px;
 
-
        left:5px;
 
-
  }
 
-
  #biochemdept a img {
+
#igem_logo {
-
    width: 260px;
+
background: url('https://static.igem.org/mediawiki/2014/6/6d/OxiGEMiGEM.png');
-
    height: 73px;
+
background-size: cover;
-
  }
+
width: 9em;
 +
height: 7em;
 +
position: absolute;
 +
right: 0;
 +
top:2.5em;
 +
}
-
 
+
#logo span, #igem_logo span {
-
  #igem_logo {
+
position:absolute;  
-
        width: 10em;
+
-
        height: 8em;
+
-
        position: absolute;
+
-
        right:10px;
+
-
        top:45px;
+
-
  }
+
-
 
+
-
  #igem_logo a img {
+
-
        width: 10em;
+
-
        height: 8em;
+
-
       
+
-
  }
+
-
 
+
-
 
+
-
  #facebook {
+
-
        background: url('https://static.igem.org/mediawiki/2014/3/3d/F.png');
+
-
        background-size: cover;
+
-
        width:35px;
+
-
        height:35px;
+
-
        position: absolute;
+
-
        left:265px;
+
-
        top:60px;
+
-
  }
+
-
 
+
-
  #twitter {
+
-
        background: url('https://static.igem.org/mediawiki/2014/0/02/T.png');
+
-
        background-size: cover;
+
-
        width:35px;
+
-
        height:35px;
+
-
        position: absolute;
+
-
        left:265px;
+
-
        top:100px;
+
-
  }
+
-
 
+
-
 
+
-
  #logo span, #igem_logo span {
+
-
        position:absolute;  
+
   width:100%;
   width:100%;
   height:100%;
   height:100%;
Line 368: Line 304:
   /* edit: added z-index */
   /* edit: added z-index */
   z-index: 1;
   z-index: 1;
-
  }
 
-
   #main_navigation {
+
   /* edit: fixes overlap error in IE7/8,
-
        width: 100%;
+
    make sure you have an empty gif */
-
        background: #012148;
+
-
        margin-bottom: 0px;
+
-
  min-width:600px;
+
-
  }
+
-
   #main_navigation ul {
+
   background-image: url('empty.gif');
-
  }
+
}
 +
#main_navigation {
 +
width: 100%;
 +
background: #012148;
 +
margin-bottom: 30px;
 +
min-width:600px;
 +
}
-
  #main_navigation > div > ul > li {
+
#main_navigation ul {
-
        display: inline-block;
+
}
-
        margin: 0;
+
-
  margin-left:30px;
+
-
        padding: 0;
 
-
  }
 
-
  #main_navigation > div > ul > li > a {
+
#main_navigation > div > ul > li {
-
        display: block;
+
display: inline-block;
-
        width: 100%;
+
margin: 0 20px 0 0 ;
-
        height: 30px;;
+
padding: 0;
-
        margin-top: 10px;
+
}
-
        color: #fff;
+
-
        text-decoration: none;
+
-
        text-transform: uppercase;
+
-
  }
+
-
  #main_navigation a {
+
#main_navigation > div > ul > li > a {
-
        display: block;
+
display: block;
-
        color: #fff;
+
width: 100%;
-
        text-decoration: none;
+
height: 30px;;
-
        text-transform: uppercase;
+
margin-top: 10px;
-
  }
+
color: #fff;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
}
 +
#main_navigation  a {
 +
display: block;
 +
color: #fff;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
}
-
  #main_content {
+
#main_content {
-
        padding: 30px 0 30px 0;
+
padding: 30px 0 30px 0;
-
  }
+
}
-
  .hasdropdown {
+
.hasdropdown {
-
        position: relative;
+
position: relative;
-
  }
+
}
-
  .dropdown {
+
.dropdown {
-
        position: absolute;
+
position: absolute;
-
        display: none;
+
display: none;
-
        background: #012148;
+
background: #012148;
-
        color: #fff;
+
color: #fff;
-
        width: 200px;
+
width: 200px;
-
        left: -10px;
+
left: -10px;
-
        color: #fff;
+
color: #fff;
-
        text-decoration: none;
+
text-decoration: none;
-
        text-transform: uppercase;
+
text-transform: uppercase;
-
        z-index: 10;
+
z-index: 10;
-
  font-size:12px;
+
font-size:12px;
-
  }
+
}
-
  .dropdown li {
+
.dropdown li {
-
  padding:10px;
+
padding:10px;
-
  }
+
}
-
  .dropdown li:hover {
+
.dropdown li:hover {
-
  background:#001d3f;
+
background:#001d3f;
-
  }
+
}
-
  .dropdown li:last-child {
+
.dropdown li:last-child {
-
        margin-bottom: 0;
+
margin-bottom: 0;
-
  }
+
}
-
  footer {
+
footer {
-
        margin-top: 20px;
+
margin-top: 20px;
-
        padding: 30px 0 30px 0;
+
padding: 30px 0 30px 0;
-
        border-top:1px solid #e5e5e5;
+
border-top:1px solid #e5e5e5;
-
  min-width:600px;
+
min-width:600px;
-
  }
+
}
-
  #sponsors {
+
#sponsors {
-
        width: 50%;
+
width: 50%;
-
        float: left;
+
float: left;
-
        text-align: center;
+
text-align: center;
-
  }
+
}
-
  #sponsors img {
+
#sponsors img {
-
        width: 90px;
+
width: 90px;
-
  }
+
}
-
  #sponsors ul li, #footer_links ul li {
+
#sponsors ul li, #footer_links ul li {
-
        display: inline-block;
+
display: inline-block;
-
        margin: 10px;
+
margin: 10px;
-
  }
+
}
-
  #footer_links {
+
#footer_links {
-
        width: 50%;
+
width: 50%;
-
        float: left;
+
float: left;
-
        text-align: center;
+
text-align: center;
-
  }
+
}
-
  /* homepage */
+
/* homepage */
-
  #team_picture img{
+
#team_picture img{
-
        display: block;
+
display: block;
-
        width: 85%;
+
width: 85%;
-
        margin: 0 auto;
+
margin: 0 auto;
-
  }
+
}
-
  .news_block {
+
.news_block {
-
        margin-bottom: 1em;
+
margin-bottom: 1em;
-
        background: #fff;
+
background: #fff;
-
        padding: 1em;
+
padding: 1em;
-
  }
+
width:90%;
 +
}
-
  .abcdefg {
 
-
        margin-bottom: 1em;
 
-
        background: #f5f5f5;
 
-
        padding: 1em;
 
-
        bottom:0px;
 
-
     
 
-
  }
 
-
  IMG.DCMationgif{
 
-
    position: relative;
 
-
    left: -50%;
 
-
  }
 
-
  .inner {
+
.grow {
 +
    border-radius: 10px;
     display: inline-block;
     display: inline-block;
 +
    overflow: hidden;
 +
    height: 20px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
     position: relative;
     position: relative;
-
     right: -50%;
+
     transition:height 0.5s;
-
  }
+
    -webkit-transition:height 0.5s;
 +
}
-
  /*]]>*/
+
.grow:hover {
-
  </style>
+
    overflow: hidden;
 +
    height: 100px;
 +
}
-
</head>
 
-
<body>
+
.growat {
-
<header>
+
    border-radius: 10px;
-
  <div class="container">
+
    display: inline-block;
-
     <div id="logo"></div>
+
     overflow: hidden;
-
     <div id="igem_logo"></div>
+
     height: 400px;
-
  </div>
+
    width: 100%;
-
</header>
+
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
<nav id="main_navigation">
+
.growat:hover {
-
  <div class="container">
+
     overflow: hidden;
-
     <ul>
+
    height: 1000px;
-
      <li><a href="https://2014.igem.org/Team:Oxford/about">About</a></li>
+
}
-
      <li class="hasdropdown">
+
.growbio {
-
        <a>DCM<font style="text-transform: lowercase;">ation</font></a>
+
    border-radius: 10px;
 +
    display: inline-block;
 +
    overflow: hidden;
 +
    height: 250px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
        <ul class="dropdown">
+
.growbio:hover {
-
          <li><a href="https://2014.igem.org/Team:Oxford/ouridea">Our idea</a></li>
+
    overflow: hidden;
 +
    height: 1000px;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/DCMationA">A) <font style=
 
-
          "text-transform: lowercase;">tolerance maximisation</font></a></li>
 
-
          <li><a href="https://2014.igem.org/Team:Oxford/DCMationB">B) <font style=
 
-
          "text-transform: lowercase;">biosensor development</font></a></li>
 
-
          <li><a href="https://2014.igem.org/Team:Oxford/DCMationC">C) <font style=
+
.growlabbookbweek1 {
-
          "text-transform: lowercase;">catalysis optimisation</font></a></li>
+
    border-radius: 10px;
 +
    display: inline-block;
 +
    overflow: hidden;
 +
    height: 100px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/DCMationD">D) <font style=
+
.growlabbookbweek1:hover {
-
          "text-transform: lowercase;">system development</font></a></li>
+
    overflow: hidden;
-
        </ul>
+
    height: 2800px;
-
      </li>
+
}
-
      <li class="hasdropdown">
 
-
        <a>Notebook</a>
 
-
        <ul class="dropdown">
+
.growlabbookbweek2 {
-
          <li><a href="https://2014.igem.org/Team:Oxford/protocols">protocols</a></li>
+
    border-radius: 10px;
 +
    display: inline-block;
 +
    overflow: hidden;
 +
    height: 150px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/notebook">lab book</a></li>
+
.growlabbookbweek2:hover {
 +
    overflow: hidden;
 +
    height: 6500px;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/parts">Parts</a></li>
+
.growlabbookbweek3 {
 +
    border-radius: 10px;
 +
    display: inline-block;
 +
    overflow: hidden;
 +
    height: 130px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/references">references</a></li>
+
.growlabbookbweek3:hover {
-
        </ul>
+
    overflow: hidden;
-
      </li>
+
    height: 2800px;
 +
}
-
      <li class="hasdropdown">
+
.growlabbookbweek4 {
-
        <a>Modelling</a>
+
    border-radius: 10px;
 +
    display: inline-block;
 +
    overflow: hidden;
 +
    height: 130px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
        <ul class="dropdown">
+
.growlabbookbweek4:hover {
-
          <li><a href="https://2014.igem.org/Team:Oxford/modellingA">A) <font style=
+
    overflow: hidden;
-
          "text-transform: lowercase;">tolerance maximisation</font></a></li>
+
    height: 8000px;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/modellingB">B) <font style=
+
.growlabbookbweek5 {
-
          "text-transform: lowercase;">Biosensor Development</font></a></li>
+
    border-radius: 10px;
 +
    display: inline-block;
 +
    overflow: hidden;
 +
    height: 120px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/modellingC">C) <font style=
+
.growlabbookbweek5:hover {
-
          "text-transform: lowercase;">catalysis optimisation</font></a></li>
+
    overflow: hidden;
 +
    height: 3000px;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/progress">progress</a></li>
 
-
        </ul>
 
-
      </li>
 
-
      <li class="hasdropdown">
+
.growlabbookcweek1 {
-
        <a>Inter-lab study</a>
+
    border-radius: 10px;
-
        <ul class="dropdown">
+
    display: inline-block;
-
          <li><a href="https://2014.igem.org/Team:Oxford/devices">devices</a></li>
+
    overflow: hidden;
 +
    height: 130px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/measurement">measurement</a></li>
+
.growlabbookcweek1:hover {
 +
    overflow: hidden;
 +
    height: 1950px;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/results">results</a></li>
+
.growlabbookcweek3 {
-
        </ul>
+
    border-radius: 10px;
-
      </li>
+
    display: inline-block;
 +
    overflow: hidden;
 +
    height: 130px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
      <li class="hasdropdown">
+
.growlabbookcweek3:hover {
-
        <a>Policy &amp; Practices</a>
+
    overflow: hidden;
 +
    height: 1950px;
 +
}
-
        <ul class="dropdown">
+
.growlabbookcweek4 {
-
          <li><a href=
+
    border-radius: 10px;
-
          "https://2014.igem.org/Team:Oxford/intellectual_property">Chlorinated Solvents
+
    display: inline-block;
-
          and the Environment</a></li>
+
    overflow: hidden;
 +
    height: 130px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/intellectual_property">Bringing
+
.growlabbookcweek4:hover {
-
          DCMation into action</a></li>
+
    overflow: hidden;
 +
    height: 1000px;
 +
}
-
          <li><a href=
+
.growlabbookcweek5 {
-
          "https://2014.igem.org/Team:Oxford/intellectual_property">Intellectual
+
    border-radius: 10px;
-
          Property</a></li>
+
    display: inline-block;
 +
    overflow: hidden;
 +
    height: 250px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/public_engagement">Public
+
.growlabbookcweek5:hover {
-
          Engagement</a></li>
+
    overflow: hidden;
-
        </ul>
+
    height: 2100px;
-
      </li>
+
}
-
      <li class="hasdropdown">
+
.growlabbookcweek6 {
-
        <a><font style="text-transform: lowercase;">i</font>GEM Community</a>
+
    border-radius: 10px;
 +
    display: inline-block;
 +
    overflow: hidden;
 +
    height: 200px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
        <ul class="dropdown">
+
.growlabbookcweek6:hover {
-
          <li><a href=
+
    overflow: hidden;
-
          "https://2014.igem.org/Team:Oxford/collaboration">Collaboration</a></li>
+
    height: 2100px;
 +
}
 +
.growGW {
 +
    border-radius: 10px;
 +
    display: inline-block;
 +
    overflow: hidden;
 +
    height: 200px;
 +
    width: 100%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/events">Events</a></li>
+
.growGW:hover {
 +
    overflow: hidden;
 +
    height: 1000px;
 +
}
-
          <li><a href="https://2014.igem.org/Team:Oxford/gallery">Gallery</a></li>
+
.grow3 {
-
 
+
    border-radius: 10px;
-
          <li><a href="https://2014.igem.org/Team:Oxford/contactus">Contact Us</a></li>
+
    display: inline-block;
-
        </ul>
+
    overflow: hidden;
-
      </li>
+
    height: 300px;
 +
    width: 50%;
 +
    margin: 0% 0px 0px 0%;
 +
    float: center;
 +
    position: relative;
 +
    transition:height 0.5s;
 +
    -webkit-transition:height 0.5s;
 +
}
-
      <li class="hasdropdown">
+
.grow3:hover {
-
        <a>Team</a>
+
    overflow: hidden;
 +
    width: 100%;
 +
}
-
        <ul class="dropdown">
 
-
          <li><a href="https://2014.igem.org/Team:Oxford/students">Students</a></li>
 
-
          <li><a href="https://2014.igem.org/Team:Oxford/supervisors">Supervisors</a></li>
 
-
          <li><a href="https://2014.igem.org/Team:Oxford/advisors">Advisors</a></li>
+
</style>
 +
<header>
 +
<div class="container">
 +
<div id="logo">
 +
<a href="http://www.ox.ac.uk"><span></span></a>
 +
</div>
 +
<div href="https://igem.org/Main_Page" id="igem_logo">
 +
<a href="https://igem.org/Main_Page"><span></span></a>
 +
</div>
 +
</div>
 +
</header>
-
          <li><a href=
 
-
          "https://2014.igem.org/Team:Oxford/attributions">Attributions</a></li>
 
-
          <li><a href="https://2014.igem.org/Team:Oxford/sponsors">Sponsors</a></li>
 
-
        </ul>
 
-
      </li>
 
-
    </ul>
 
-
  </nav>
 
-
  </div>
 
-
</body>
 
</html>
</html>
 +
{{:Team:Oxford/templates/nav}}

Latest revision as of 09:18, 9 September 2014

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