Template:Team:HokkaidoU Japan/header

From 2012.igem.org

<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>

       <img src="./hokkaidou-header-logo.png" alt="hokkaidou logo" />

       <form action="/Special:Search" id="searchform">
         <input id="searchInput" name="search" type="text" title="Search 2012.igem.org [f]" accesskey="f" value="" />
       </form>

       <a href="https://2012.igem.org/Main_Page" target="_blank">
         <img src="./hokkaidou-igem-official-logo.png" alt="link to 2012.igem.org" />
       </a>