Template:Team:HokkaidoU Japan/header

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:HokkaidoU_Japan/stylesheets}}
+
<style type="text/css">
-
<html>
+
  /* wiki reset */
-
  <script type="text/javascript">
+
  #top-section {
-
     var _gaq = _gaq || [];
+
     position: relative;
-
     _gaq.push(['_setAccount', 'UA-33361926-1']);
+
     width: 100%;
-
     _gaq.push(['_trackPageview']);
+
     height: 0;
-
     (function() {
+
     border: none;
-
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
    color: transparent;
-
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
     background-color: transparent;
-
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
   }
-
     })();
+
-
   </script>
+
-
</html>
+
-
<div id="hokkaidou-wrapper">
+
  #top-section a:hover {
-
  <div class="navbar navbar-inverse navbar-fixed-top">
+
    color: #333333;
-
    <div class="navbar-inner">
+
  }
-
       <div class="container">
+
 
-
         <div>
+
  #top-section .left-menu {
-
           <ul class="nav"><html>
+
    position: absolute;
-
            <li><a href="https://2012.igem.org/Team:HokkaidoU_Japan">Home</a></li>
+
    top: 0; left: 0;
-
            <li><a href="https://2012.igem.org/Team:HokkaidoU_Japan/Team">Team</a></li>
+
    margin: 0;
-
             <li><a href="https://2012.igem.org/Team:HokkaidoU_Japan/Project">Project</a></li>
+
    padding: 0;
-
             <li><a href="https://2012.igem.org/Team:HokkaidoU_Japan/Achievements">Achievements</a></li>
+
    color: transparent;
-
            <li><a href="https://2012.igem.org/Team:HokkaidoU_Japan/Parts">Parts</a></li>
+
    background-color: transparent;
-
             <li><a href="https://2012.igem.org/Team:HokkaidoU_Japan/Modeling">Modeling</a></li>
+
  }
-
            <li><a href="https://2012.igem.org/Team:HokkaidoU_Japan/Notebook">Notebook</a></li>
+
 
-
            <li><a href="https://2012.igem.org/Team:HokkaidoU_Japan/Human_Practice">Human Practice</a></li>
+
  #top-section .left-menu li:hover { text-decoration: none; }
-
            <li><a href="https://2012.igem.org/Team:HokkaidoU_Japan/Safety">Safety</a></li>
+
 
-
           </html></ul>
+
  #top-section .right-menu {
-
         </div>
+
    position: absolute;
 +
    top: 0; right: 0;
 +
    margin: 0;
 +
    padding: 0;
 +
    color: transparent;
 +
    background-color: transparent;
 +
  }
 +
 
 +
  #top-section .right-menu #pt-login a { background-color: transparent; }
 +
 
 +
  #content {
 +
    background-color: transparent;
 +
    border: none;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    color: #333333 !important;
 +
  }
 +
 
 +
  #footer-box {
 +
    background-color: transparent;
 +
    border: none;
 +
  }
 +
 
 +
  #top-section #p-logo,
 +
  #top-section .left-menu li:last-child,
 +
  #top-section #search-controls,
 +
  #content h1.firstHeading,
 +
  #content #bodyContent #contentSub,
 +
  #catlinks { display: none; }
 +
 
 +
 
 +
  /* global */
 +
  html {
 +
    overflow-y: scroll;
 +
  }
 +
 
 +
  body {
 +
    background: #058da1;
 +
    background: linear-gradient(top, #058da1, #ffffff);
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#058da1), to(#ffffff));
 +
    background: -moz-linear-gradient(top, #058da1, #ffffff);
 +
    background-repeat: no-repeat;
 +
    background-position: 0 55px;
 +
  }
 +
 
 +
  #hokkaidou-header-wrapper {
 +
    width: 100%;
 +
    height: 55px;
 +
    background-color: #ffffff;
 +
  }
 +
 
 +
  #hokkaidou-header {
 +
    position: relative;
 +
    width: 965px;
 +
    height: 55px;
 +
    margin: 0 auto;
 +
  }
 +
 
 +
  #hokkaidou-header div {
 +
    float: left;
 +
  }
 +
 
 +
  #hokkaidou-header-logo {
 +
    position: absolute;
 +
    top: 0; left: 10px;
 +
  }
 +
 
 +
  #hokkaidou-header-nav {
 +
    position: absolute;
 +
    top: 19px; left: 200px;
 +
    font-family: 'Arial';
 +
    font-size: 12px;
 +
  }
 +
 
 +
  #hokkaidou-header-nav ul {
 +
    list-style: none;
 +
    margin: 0;
 +
  }
 +
 
 +
  #hokkaidou-header-nav > ul > li {
 +
    position: relative;
 +
    display: block;
 +
    float: left;
 +
    margin-right: 20px;
 +
  }
 +
 
 +
  #hokkaidou-header-nav li ul {display: none;}
 +
  #hokkaidou-header-nav li:hover ul {
 +
    display: block;
 +
    position: absolute;
 +
    top: 20px; left: 0;
 +
    margin-left: -10px;
 +
    min-width: 80px;
 +
    padding: 0 10px 10px 10px;
 +
    background-color: #ffffff;
 +
  }
 +
 
 +
  #hokkaidou-header-search {
 +
    position: absolute;
 +
    top: 19px; left: 740px;
 +
    width: 161px;
 +
  }
 +
 
 +
  #hokkaidou-header-search input {
 +
    width: 161px;
 +
    height: 21px;
 +
    background-image: url("./hokkaidou-search.png");
 +
    background-repeat: no-repeat;
 +
    border: none;
 +
  }
 +
 
 +
  #hokkaidou-header-search input:focus {
 +
    background-position: 0 -22px;
 +
  }
 +
 
 +
  #hokkaidou-header-igem-official-link {
 +
    position: absolute;
 +
    top: 14px; right: 10px;
 +
  }
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
  <div id="hokkaidou-header-wrapper">
 +
    <div id="hokkaidou-header">
 +
      <div id="hokkaidou-header-logo">
 +
        <img src="./hokkaidou-header-logo.png" alt="hokkaidou logo" />
 +
       </div>
 +
      <div id="hokkaidou-header-nav">
 +
         <ul>
 +
           <li class="hokkaidou-header-nav-alone">Home</li>
 +
          <li class="hokkaidou-header-nav-parent">
 +
            <span class="hokkaidou-header-nav-parent-name">Project</span>
 +
            <ul>
 +
              <li>About</li>
 +
              <li>PHB synthesis</li>
 +
              <li>Biocaplule</li>
 +
              <li>Submitted parts</li>
 +
             </ul>
 +
          </li>
 +
          <li class="hokkaidou-header-nav-alone">Human Practice</li>
 +
          <li class="hokkaidou-header-nav-parent">
 +
             <span class="hokkaidou-header-nav-parent-name">Notebook</span>
 +
            <ul>
 +
              <li>BootCamp</li>
 +
              <li>Lab Diary</li>
 +
              <li>Protocols</li>
 +
             </ul>
 +
          </li>
 +
          <li class="hokkaidou-header-nav-alone">Achievements</li>
 +
          <li class="hokkaidou-header-nav-alone">Safety</li>
 +
          <li class="hokkaidou-header-nav-alone">Team</li>
 +
        </ul>
 +
      </div>
 +
      <div id="hokkaidou-header-search">
 +
        <form action="/Special:Search" id="searchform">
 +
          <input id="searchInput" name="search" type="text" title="Search 2012.igem.org [f]" accesskey="f" value="" />
 +
        </form>
 +
      </div>
 +
      <div id="hokkaidou-header-igem-official-link">
 +
        <a href="https://2012.igem.org/Main_Page" target="_blank">
 +
           <img src="./hokkaidou-igem-official-logo.png" alt="link to 2012.igem.org" />
 +
         </a>
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>
-
   <!-- Begin of main contents -->
+
   <div id="hokkaidou-wrapper">
-
  <div id="hokkaidou-content">
+
 
-
    __TOC__
+
    <div id="hokkaidou-contents">

Revision as of 07:40, 25 September 2012

<style type="text/css">

 /* wiki reset */
 #top-section {
   position: relative;
   width: 100%;
   height: 0;
   border: none;
   color: transparent;
   background-color: transparent;
 }
 #top-section a:hover {
   color: #333333;
 }
 #top-section .left-menu {
   position: absolute;
   top: 0; left: 0;
   margin: 0;
   padding: 0;
   color: transparent;
   background-color: transparent;
 }
 #top-section .left-menu li:hover { text-decoration: none; }
 #top-section .right-menu {
   position: absolute;
   top: 0; right: 0;
   margin: 0;
   padding: 0;
   color: transparent;
   background-color: transparent;
 }
 #top-section .right-menu #pt-login a { background-color: transparent; }
 #content {
   background-color: transparent;
   border: none;
   width: 100%;
   margin: 0;
   padding: 0;
   color: #333333 !important;
 }
 #footer-box {
   background-color: transparent;
   border: none;
 }
 #top-section #p-logo,
 #top-section .left-menu li:last-child,
 #top-section #search-controls,
 #content h1.firstHeading,
 #content #bodyContent #contentSub,
 #catlinks { display: none; }


 /* global */
 html {
   overflow-y: scroll;
 }
 body {
   background: #058da1;
   background: linear-gradient(top, #058da1, #ffffff);
   background: -webkit-gradient(linear, left top, left bottom, from(#058da1), to(#ffffff));
   background: -moz-linear-gradient(top, #058da1, #ffffff);
   background-repeat: no-repeat;
   background-position: 0 55px;
 }
 #hokkaidou-header-wrapper {
   width: 100%;
   height: 55px;
   background-color: #ffffff;
 }
 #hokkaidou-header {
   position: relative;
   width: 965px;
   height: 55px;
   margin: 0 auto;
 }
 #hokkaidou-header div {
   float: left;
 }
 #hokkaidou-header-logo {
   position: absolute;
   top: 0; left: 10px;
 }
 #hokkaidou-header-nav {
   position: absolute;
   top: 19px; left: 200px;
   font-family: 'Arial';
   font-size: 12px;
 }
 #hokkaidou-header-nav ul {
   list-style: none;
   margin: 0;
 }
 #hokkaidou-header-nav > ul > li {
   position: relative;
   display: block;
   float: left;
   margin-right: 20px;
 }
 #hokkaidou-header-nav li ul {display: none;}
 #hokkaidou-header-nav li:hover ul {
   display: block;
   position: absolute;
   top: 20px; left: 0;
   margin-left: -10px;
   min-width: 80px;
   padding: 0 10px 10px 10px;
   background-color: #ffffff;
 }
 #hokkaidou-header-search {
   position: absolute;
   top: 19px; left: 740px;
   width: 161px;
 }
 #hokkaidou-header-search input {
   width: 161px;
   height: 21px;
   background-image: url("./hokkaidou-search.png");
   background-repeat: no-repeat;
   border: none;
 }
 #hokkaidou-header-search input:focus {
   background-position: 0 -22px;
 }
 #hokkaidou-header-igem-official-link {
   position: absolute;
   top: 14px; right: 10px;
 }


</style>


  • Home
  • Project
    • About
    • PHB synthesis
    • Biocaplule
    • Submitted parts
  • Human Practice
  • Notebook
    • BootCamp
    • Lab Diary
    • Protocols
  • Achievements
  • Safety
  • Team