Team:Hong Kong HKU/templates/header2

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> a.white:link {color:#FFF;} - unvisited link: a.white:visited {color:#FFF;} /* visited link ...")
Line 1: Line 1:
<html>
<html>
-
  <head>
+
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
      <meta name="title" content="iGEM 2013: Imperial College" />
 +
      <meta name="keywords" content="iGEM, Imperial College, Synthetic Biology, Plastic recycling, Plastic synthesis" />
 +
      <meta name="description" content="Imperial College's 2013 iGEM team. Reviving waste plastics using engineered bacteria to enable more sustainable living."/>
-
      <style type="text/css">
+
    <style type="text/css">
 +
    /* Compulsory IDs ***********************************************************/
 +
      #catlinks {
 +
      border:none;
 +
      background: #ffffff;
 +
      }
 +
      #footer-box{
 +
      border:none;
 +
      }
 +
      #top-section {
 +
      background-color: #ffffff;
 +
      border: none;
 +
      height:20px;
 +
      }
 +
      #p-logo {
 +
      display: none;
 +
      }
 +
      #search-controls {
 +
      display: none;
 +
      }
 +
      .firstHeading {
 +
        display: none;
 +
      }
 +
     
 +
      #content {
 +
      position: relative;
 +
      width: 975px;
 +
      margin: 0 auto;
 +
      padding:0;
 +
      background: #ffffff;
 +
      color: black;
 +
      border: 1px solid #d9d9d9;
 +
      line-height: 1.5em;
 +
      z-index: 2;
 +
      }
 +
      body {
 +
      background-color:#ccffff;
 +
      }
 +
      .right-menu li a, .right-menu li a:hover {  /*reserved*/
 +
      color: #3c6b27;
 +
      background-color: #ffffff;
 +
      }
 +
      /*#menucontainer {
 +
      overflow:visible;
 +
      position:relative;
 +
      z-index:3;
 +
      }*/
 +
      #contentSub {
 +
      margin: 0 0 0 0;
 +
      } 
-
              a.white:link {color:#FFF;}      /* unvisited link */
+
    /*- Footer ***************************************************************/
-
              a.white:visited {color:#FFF;}  /* visited link */
+
      #sponsor-logo{
-
              a.white:hover {color:#FFF;}  /* mouse over link */
+
      display: block;
-
              a.white:active {color:#FFF;} /* selected link */
+
      background-color: #ffffff;
 +
      margin-left:auto;
 +
      margin-right:auto;
 +
      width:20%;
 +
      margin: 15px;
 +
      text-align:center
 +
      }   
 +
      #ourfooter{
 +
      position:relative;
 +
      display:block;
 +
      background-color:#fff;
 +
      width: 975px;
 +
      float:right;
 +
      border-top: 1px dotted #d9d9d9;
 +
      border-bottom: 1px dotted #d9d9d9;
 +
      }
-
              .floatbox
+
    /*- Text  ***************************************************************/
-
              {
+
      #bodyContent{height: auto;}
-
                    width:707px;
+
      #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { /*reserved*/
-
                    float:left;
+
      margin-bottom: 5px;
-
                    background-color: rgba(0,0,0,.65);
+
      }
-
                    margin-top: 5px;
+
      a {color:#93B825;}
-
                    border-radius: 4px;
+
      a:link {color:#93B825;}
-
                    padding: 15px 15px 15px 15px;
+
      a:visited {color:#728F1D;}
-
                    font: sans-serif;
+
      a:hover {color:#93B825;}
-
                    font-size: 13px;
+
      a:active {color:#93B825;}
-
                    color: rgba(225,225,225,.9);
+
      a[name]:hover {text-decoration:none;}  
-
              }
+
-
.floatprotocol
+
-
              {
+
-
                    width:710px;
+
-
                    float:left;
+
-
                    background-color: rgba(0,0,0,.65);
+
-
                    margin-top: 5px;
+
-
                    border-radius: 4px;
+
-
                    padding: 15px 15px 15px 15px;
+
-
                    font: sans-serif;
+
-
                    font-size: 13px;
+
-
                    color: rgba(225,225,225,.9);
+
-
              }
+
-
.floatbox1
+
      a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;}
-
{
+
      a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;}
-
width:677px;
+
-
float:left;
+
-
background-color: rgba(0,0,0,.4);
+
-
margin-top: 0px;
+
-
border-radius: 4px;
+
-
padding: 15px 15px 15px 15px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: rgba(225,225,225,1);
+
-
}
+
-
              /* Some stylesheet reset */
+
      h1 {
-
              .nav, .nav ul {
+
      font-family: tahoma,sans-serif;
-
              margin: 0;
+
      font-variant:small-caps;
-
              padding: 0;
+
      color: #000000;
-
              list-style: none;
+
      background: #ffffff;
-
              line-height: 1;
+
      font-size: 2.2em;
-
              z-index: 9999999;
+
      margin: 0 0 0 0;
-
              }
+
      padding: 20px 20px 12px 20px;
 +
      border-bottom: none;
 +
      }
-
              /* The top navigation menu */
+
      h2 {
-
              .nav {
+
      font-family: tahoma,sans-serif;
-
              /* Layout & positioning */
+
      color: #000000;
-
              display: block;
+
      background: #ffffff;
-
              position: relative;
+
      font-size: 1.7em;
-
              width: 967px; /*1000px*/
+
      margin: 0 0 0 0;
-
              height: 43px;
+
      padding: 18px 20px 7px 20px;
 +
      border-bottom: none;
 +
      }
-
              /* Background & effects */
+
      h3 {
-
              background: #232323; /* Background for Internet Explorer 9 and older browsers */
+
      font-family: tahoma,sans-serif;
 +
      font-variant:small-caps
 +
      color: #000000;
 +
      background: #ffffff;
 +
      font-weight: bold;
 +
      font-size: 1.4em;
 +
      margin: 0 0 0 0;
 +
      padding: 16px 20px 2px 20px;
 +
      border-bottom: none;
 +
      }
-
              }
+
      h4 {
 +
      font-family: tahoma,sans-serif;
 +
      color: #000000;
 +
      background: #ffffff;
 +
      font-weight: bold;
 +
      font-size: 1.1em;
 +
      margin: 0 0 0 0;
 +
      padding: 13.5px 20px 1px 20px;
 +
      border-bottom: none;
 +
      }
-
              /* The link containers */
+
      p {
-
              .nav>li {
+
      font-family: tahoma,sans-serif;
-
              display: block;
+
      color: #000000;
-
              float:left;
+
      background: #ffffff;
-
              position: relative;
+
      font-weight: normal;
-
              margin: 0;
+
      font-size: 1em;
-
              padding: 0;
+
      line-height: 1.7em;
-
+
      text-align: justify;
-
              }
+
      margin: 0 0 0 0;
 +
      padding: 5px 20px 0px 20px;
 +
      }
-
              /* The main navigation links */
+
      .border {
-
              .nav>li>a {
+
      border:1px solid #B2B2B2;
-
              /* Layout & positioning */
+
      z-index:101;
-
              display: block;
+
      }
-
              width: 159.1px; /* 198 */
+
-
                      padding: 15px 0px;
+
-
              border-right: 1px dotted #393939;
+
-
              border-left: 1px dotted #595959;
+
-
              /* Typography */
+
      .borderMagnify {
-
              font-family: Arial, san-serif;
+
      border:1px solid #B2B2B2;
-
              font-size: 20px;
+
      z-index:101;
-
                    font-weight: normal;
+
      margin-left:-9px;
-
              text-decoration: none;
+
      margin-right:9px;
-
              color: rgba(255, 255, 255, .9);
+
      }
-
              text-shadow: 0 1px 0 #2a2a2a;
+
-
              text-align: center;
+
-
              /* Chaning the background on hover with a smooth transition */
+
      .imgbox {
-
              -webkit-transition: background .35s linear;
+
      margin:20px;
-
              -moz-transition: background .35s linear;
+
      padding:10px;
-
              -ms-transition: background .35s linear;
+
      border:1px solid black;
-
              -o-transition: background .35s linear;
+
      text-align:center;
-
              transition: background .35s linear;
+
      }
-
              }
+
-
              /* Chaning the background on hover */
+
      .vidbox {
-
              .nav>li>a:hover, .nav>li:hover>a {
+
      margin:20px;
-
              background: rgba(255, 255, 255, .9);
+
      padding:10px;
-
              color: #000;
+
      border:1px solid black;
-
              }
+
      text-align:center;
 +
      }
-
              .nav>li:first-child a {
+
      .newouterbox {
-
              border-top-left-radius: 3px;
+
      background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
-
              }
+
      }
 +
      .newinnerbox {
 +
      border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
 +
      }
 +
      .newtext {
 +
      text-align:center;background-color:#FF944D;color:#000000;
 +
      }
-
              .arrow:hover {
+
      ul.a {
-
                  -moz-transition-duration: 3000s;
+
      margin: 0 0 0 40px;
-
                  -ms-transition-duration: 3000s;
+
      list-style-image: none;
-
                  -o-transition-duration: 3000s;
+
      list-style-type:disc;
-
                  -webkit-transition-duration: 3000s;
+
      font-family: arial,sans-serif;
-
                  transition-duration: 3000s;
+
      color: #000000;
-
              }
+
      background: #ffffff;
-
 
+
       font-weight: normal;
-
 
+
      font-size: 1em;
-
              /* General styling for the submenus */
+
      line-height: 1.7em;
-
              .nav ul {
+
      text-align: justify;
-
              display: block;
+
      padding: 5px 20px 0px 20px;
-
              position: absolute;
+
      }
-
              left: -9999px;
+
-
              text-align: center;
+
-
              box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
+
-
+
-
              }
+
-
 
+
-
              /* Level 1 submenus */
+
-
              .nav>li>ul {
+
-
              cursor: pointer;
+
-
              padding-top: 0px;
+
-
              z-index: 200;
+
-
              top: 43px;
+
-
              }
+
-
 
+
-
              /* Making the level 1 submenu to appear on hover */
+
-
              .nav>li:hover>ul {
+
-
              left: 1px;
+
-
              }
+
-
 
+
-
 
+
-
              /* The submenu link containers */
+
-
              .nav ul li {
+
-
              position: relative;
+
-
              display: block;
+
-
+
-
              /* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
+
-
              height: 0px;
+
-
              -webkit-transition: height .2s;
+
-
              -moz-transition: height .2s;
+
-
              -o-transition: height .2s;
+
-
              -ms-transition: height .2s;
+
-
              }
+
-
 
+
-
              /* Expanding the list elements which contain the links */
+
-
              .nav li:hover>ul>li {
+
-
              height: 24px;
+
-
              }
+
-
 
+
-
              .nav>li:hover>ul>li:first-child {
+
-
              height: 27px;
+
-
              }
+
-
 
+
-
              .nav>li>ul>li:first-child>a {
+
-
              border-top: 3px solid #fff;
+
-
              }
+
-
 
+
-
              .nav>li>ul>li.dropdown:first-child>ul {
+
-
                    top: 3px;
+
-
              }
+
-
 
+
-
              /* The links of the submenus */
+
-
              .nav ul li a {
+
-
              /* Layout */
+
-
              display: block;
+
-
              width: 127px; /* 169 */
+
-
              padding: 6px 12px 6px 20px;
+
-
 
+
-
              /* Typography */
+
-
              font-size: 13px;
+
-
              color: #01406e;
+
-
              font-family: Arial, san-serif;
+
-
              text-decoration: none;
+
-
              background: #f0f0f0;
+
-
 
+
-
              /* Every change to the links (background, color etc) will be made with a smooth transition */
+
-
              -webkit-transition: all .2s;
+
-
              -moz-transition: all .2s;
+
-
              -ms-transition: all .2s;
+
-
              -o-transition: all .2s;
+
-
              transition: all .2s;
+
-
              }
+
-
 
+
-
              .nav>li>ul>li:first-child>a::before {
+
-
              content: "";
+
-
              display: block;
+
-
              position: absolute;
+
-
              text-align: center;
+
-
              width: 100%;
+
-
              height: 12px;
+
-
              background: transparent;
+
-
              top: -8px;
+
-
              left: 0;
+
-
              z-index: 9999;
+
-
              }
+
-
 
+
-
              /* The hover state of the links */
+
-
              .nav ul li:hover>a, .nav ul li>a:hover {
+
-
              background: #c8c8c8; /*e7e7e7 */
+
-
              color: #000000;
+
-
              }
+
-
 
+
-
              /* Changing the color of the arrow on hover */
+
-
              .nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
+
-
              border-left-color: #fff;
+
-
              }
+
-
 
+
-
              .nav>li>ul>li
+
-
              {
+
-
                      margin-bottom: 0
+
-
              }
+
-
 
+
-
 
+
-
              .nav>li:first-child:hover>ul
+
-
              {
+
-
                      left:0px;
+
-
              }
+
-
 
+
-
              .nav>li:last-child:hover>ul
+
-
              {
+
-
                    left: 1px;
+
-
              }
+
-
 
+
-
              .tableCSS
+
-
              {
+
-
                    background-color:#ffffff;
+
-
                    width:1000px;
+
-
              }
+
-
       </style>
+
-
      <style type="text/css">
+
-
 
+
-
              /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */
+
-
              #globalWrapper {
+
-
                    background-color: rgba(255,255,255,1);
+
-
                    background-image: url('http://biobm.com/images/DNA-background.jpg');
+
-
                    background-size: 100%;
+
-
                    background-repeat: no-repeat;
+
-
                    background-attachment:fixed;
+
-
                    font-family: arial, times;
+
-
              }
+
-
 
+
-
              #content {
+
-
                    position: relative;
+
-
                    width: 965px;
+
-
                    padding: 0px 0px 0px 0px;
+
-
                    background: white;
+
-
                    border: none;
+
-
                    color: black;
+
-
                    line-height: 1.5em;
+
-
                    z-index: 2;
+
-
              }
+
-
 
+
-
              #catlinks {
+
-
                    visibility:hidden;
+
-
              }
+
-
 
+
-
              #bodyContent {
+
-
                    background-image: url('http://biobm.com/images/DNA-background.jpg');
+
-
                    background-size: 100%;
+
-
                    background-repeat: no-repeat;
+
-
                    background-attachment:fixed;
+
-
                    font-family: arial, times;
+
-
              }
+
-
 
+
-
              .partsreglink:link {
+
-
                    color:#33ee33;
+
-
              }
+
-
              .partsreglink:visited {
+
-
                    color:#33ee33;
+
-
              }
+
-
 
+
-
              #top-section {
+
-
                    height: 20px;
+
-
                    background-color: rgba(255,255,255,0);
+
-
                    margin-left: auto;
+
-
                    width: 99%;
+
-
                    margin-right: auto;
+
-
                    margin-bottom: 10px;
+
-
                    margin-top: 3px;
+
-
                    border-bottom: 20px;
+
-
              }
+
-
 
+
-
              #p-logo {
+
-
                    height:0px;
+
-
                    overflow:hidden;
+
-
                    display:none;
+
-
              }
+
-
              .firstHeading {
+
-
                    display: none;
+
-
              }
+
-
              #footer-box {
+
-
                    background-color: transparent;
+
-
                    border: none;
+
-
                    width: 1000px;
+
-
                    margin: 0 auto;
+
-
                    padding: 0;
+
-
              }
+
-
              #search-controls {
+
-
                    display: none;
+
-
              }
+
-
              .left-menu {
+
-
                    width: 400px;
+
-
                    display:block;
+
-
                    float:left;
+
-
                    border: none;
+
-
              }
+
-
              #menubar.right-menu {
+
-
                    width:300px;
+
-
                    display:block;
+
-
                    float:left;
+
-
                    margin-top:-80px;
+
-
                    border: none;
+
-
                    color: #000
+
-
              }
+
-
 
+
-
 
+
-
              hr{
+
-
                    margin:50px 0;
+
-
                    color:#eee;
+
-
              }
+
-
 
+
-
              ul li.active{ /*IE6 hack- hide effect from that browser*/
+
-
                    _visibility: hidden; /*IE6 rule*/
+
-
              }
+
-
 
+
-
              p {border:none;}
+
-
              h1 {border-color:white; color:white}
+
-
              .banner {border-radius:4px}
+
-
 
+
-
      </style>
+
-
</head>
+
-
<body>
+
-
 
+
-
      <img src="https://static.igem.org/mediawiki/2013/d/d4/UC_Davis_2013ConstBanner.jpg" class="banner" width=967px height=226/>
+
-
 
+
-
      <ul class="nav">
+
-
              <li class="dropdown">
+
-
                    <a href="/Team:UC_Davis" style="font-size:13px;">Home</a>
+
-
      </li>
+
-
      <li class="dropdown">
+
-
                    <a href="/Team:UC_Davis/Team" style="font-size:13px;">Team</a>
+
-
                    <ul>
+
-
                            <li><a href='/Team:UC_Davis/Team#Team'>Team Members</a></li>
+
-
                    <li><a href='/Team:UC_Davis/Advisors'>Advisors</a></li>
+
-
    <li><a href='/Team:UC_Davis/Contact'>Contact</a></li>
+
-
                    </ul>
+
-
        </li>
+
-
<li class="dropdown">
+
-
<a href="/Team:UC_Davis/Project" style="font-size:13px;">Project</a>
+
-
<ul>
+
-
<li><a href='/Team:UC_Davis/Project'>Overview</a></li>
+
-
<li><a href='/Team:UC_Davis/Assembly'>Assembly</a></li>
+
-
<li><a href='/Team:UC_Davis/KO3D'>KO3D </a></li>
+
-
<li><a href='/Team:UC_Davis/Parts'>Parts</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="dropdown">
+
-
<a href="/Team:UC_Davis/Notebook" style="font-size:13px;">Notebook</a>
+
-
<ul>
+
-
                                <li><a href='/Team:UC_Davis/Notebook'>Notebook</a></li>
+
-
<li><a href='/Team:UC_Davis/Safety'>Safety</a></li>
+
-
<li><a href='/Team:UC_Davis/Protocols'>Protocols</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="dropdown">
+
-
<a href="#" style="font-size:13px;">Modeling</a>
+
-
<ul>
+
-
                                <li><a href='/Team:UC_Davis/Stochastic'>Stochastic</a></li>
+
-
<li><a href='/Team:UC_Davis/Deterministic'>Deterministic</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="dropdown">
+
-
<a href="/Team:UC_Davis/HumanPracticesOverview" style="font-size:13px;">Human Practices</a>
+
-
<ul>
+
-
<li><a href='/Team:UC_Davis/HumanPracticesOverview'>Overview</a></li>
+
-
<li><a href='/Team:UC_Davis/Outreach'>Outreach</a></li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
 +
      ol.a {
 +
      margin: 0 0 0 30px;
 +
      list-style-position:inside;
 +
      font-family: arial,sans-serif;
 +
      color: #000000;
 +
      background: #ffffff;
 +
      font-weight: normal;
 +
      font-size: 1em;
 +
      line-height: 1.7em;
 +
      text-align: justify;
 +
      padding: 5px 20px 0px 20px;
 +
      }
 +
    </style>
</html>
</html>

Revision as of 06:38, 20 August 2013