Template:Team:HokkaidoU Japan/header

From 2012.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:HokkaidoU_Japan/stylesheets}}
 +
{{Team:HokkaidoU_Japan/javascripts}}
<html>
<html>
-
<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>
 
-
 
-
 
-
 
   <div id="hokkaidou-header-wrapper">
   <div id="hokkaidou-header-wrapper">
     <div id="hokkaidou-header">
     <div id="hokkaidou-header">
       <div id="hokkaidou-header-logo">
       <div id="hokkaidou-header-logo">
-
         <img src="./hokkaidou-header-logo.png" alt="hokkaidou logo" />
+
         <a href="/Team:HokkaidoU_Japan"><img src="/wiki/images/a/aa/HokkaidoU2012_Header_Logo.png" alt="hokkaidou logo" /></a>
       </div>
       </div>
       <div id="hokkaidou-header-nav">
       <div id="hokkaidou-header-nav">
         <ul>
         <ul>
-
           <li class="hokkaidou-header-nav-alone">Home</li>
+
           <li class="hokkaidou-header-nav-alone"><a href="/Team:HokkaidoU_Japan">Home</a></li>
           <li class="hokkaidou-header-nav-parent">
           <li class="hokkaidou-header-nav-parent">
-
             <span class="hokkaidou-header-nav-parent-name">Project</span>
+
             <a href="/Team:HokkaidoU_Japan/Project">Project</a>
-
             <ul>
+
             <div>
-
               <li>About</li>
+
               <ul class="hokkaidou-header-nav-sub" style="width: 132px;">
-
              <li>PHB synthesis</li>
+
                <li><a href="/Team:HokkaidoU_Japan/Project/Aggregation">Aggregation module</a></li>
-
              <li>Biocaplule</li>
+
                <li><a href="/Team:HokkaidoU_Japan/Project/PHB_Synthesis">PHB synthesis</a></li>
-
              <li>Submitted parts</li>
+
                <li><a href="/Team:HokkaidoU_Japan/Project/Biocapsule">Biocapsule</a></li>
-
            </ul>
+
              </ul>
 +
            </div>
           </li>
           </li>
-
           <li class="hokkaidou-header-nav-alone">Human Practice</li>
+
           <li class="hokkaidou-header-nav-alone"><a href="/Team:HokkaidoU_Japan/Parts">Parts</a></li>
 +
          <li class="hokkaidou-header-nav-alone"><a href="/Team:HokkaidoU_Japan/Human_Practice">Human Practice</a></li>
           <li class="hokkaidou-header-nav-parent">
           <li class="hokkaidou-header-nav-parent">
-
             <span class="hokkaidou-header-nav-parent-name">Notebook</span>
+
             <a href="/Team:HokkaidoU_Japan/Notebook">Notebook</a>
-
             <ul>
+
             <div>
-
               <li>BootCamp</li>
+
               <ul class="hokkaidou-header-nav-sub" style="width: 84px">
-
              <li>Lab Diary</li>
+
                <li><a href="/Team:HokkaidoU_Japan/Notebook/Spring_Boot_Camp">Boot Camp</a></li>
-
              <li>Protocols</li>
+
                <li><a href="/Team:HokkaidoU_Japan/Notebook/Lab_Diary">Lab Diary</a></li>
-
            </ul>
+
                <li><a href="/Team:HokkaidoU_Japan/Notebook/overall_protocols">Protocols</a></li>
 +
              </ul>
 +
            </div>
           </li>
           </li>
-
           <li class="hokkaidou-header-nav-alone">Achievements</li>
+
           <li class="hokkaidou-header-nav-alone"><a href="/Team:HokkaidoU_Japan/Achievements">Achievements</a></li>
-
           <li class="hokkaidou-header-nav-alone">Safety</li>
+
           <li class="hokkaidou-header-nav-alone"><a href="/Team:HokkaidoU_Japan/Safety">Safety</a></li>
-
           <li class="hokkaidou-header-nav-alone">Team</li>
+
           <li class="hokkaidou-header-nav-alone"><a href="/Team:HokkaidoU_Japan/Team">Team</a></li>
         </ul>
         </ul>
       </div>
       </div>
Line 190: Line 43:
       </div>
       </div>
       <div id="hokkaidou-header-igem-official-link">
       <div id="hokkaidou-header-igem-official-link">
-
         <a href="https://2012.igem.org/Main_Page" target="_blank">
+
         <a href="https://2012.igem.org/Main_Page" target="_blank"><img src="/wiki/images/6/66/HokkaidoU2012_Header_IGEM_Official_Logo.png" alt="link to 2012.igem.org" /></a>
-
          <img src="./hokkaidou-igem-official-logo.png" alt="link to 2012.igem.org" />
+
-
        </a>
+
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>
 +
</html>
</html>
 +
 +
<div id="hokkaidou-wrapper-bg">
   <div id="hokkaidou-wrapper">
   <div id="hokkaidou-wrapper">
     <div id="hokkaidou-contents">
     <div id="hokkaidou-contents">

Latest revision as of 18:44, 26 September 2012