Difference between revisions of "Template:HZAU-China"

 
(27 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
<head>
 
<head>
−
  <meta charset="UTF-8">
+
    <meta charset="UTF-8">
−
  <style type="text/css">
+
    <style type="text/css">
−
    #sideMenu,
+
        #sideMenu,
−
    #top_title,
+
        #top_title,
−
    #team_submenu {
+
        #team_submenu {
−
      display: none;
+
            display: none;
−
    }
+
        }
  
−
    #content {
+
        #content {
−
      padding: 0px;
+
            padding: 0px;
−
      width: 100%;
+
            width: 100%;
−
      margin-top: 0px;
+
            margin-top: 0px;
−
      margin-left: 0px;
+
            margin-left: 0px;
−
    }
+
        }
  
−
    #bodyContent h1,
+
        #bodyContent h1,
−
    #bodyContent h2,
+
        #bodyContent h2,
−
    #bodyContent h3,
+
        #bodyContent h3,
−
    #bodyContent h4,
+
        #bodyContent h4,
−
    #bodyContent h5 {
+
        #bodyContent h5 {
−
      margin-bottom: 0px;
+
            margin-bottom: 0px;
−
    }
+
        }
  
−
    #team_name {
+
        #team_name {
−
      display: none
+
            display: none
−
    }
+
        }
  
−
    .global_wrapper {
+
        .global_wrapper {
−
      padding: 0px 0px 0px 0px;
+
            padding: 0px 0px 0px 0px;
−
    }
+
        }
  
−
    #top_menu_14 {
+
        #top_menu_14 {
−
      height: 16px;
+
            height: 16px;
−
    }
+
        }
  
  
  
−
    div.nav_body {
+
        div.nav_body {
−
      position: fixed;
+
            position: fixed;
−
      padding: 7px 0 7px 0;
+
            padding: 7px 0 7px 0;
−
      left: 0px;
+
            left: 0px;
−
      top: 16px;
+
            top: 16px;
−
      width: 100%;
+
            width: 100%;
−
      min-width: 980px;
+
            height: auto;
−
      height: 36px;
+
            box-shadow: 0px 1px 3px #aaaaaa;
−
      box-shadow: 0px 1px 3px #aaaaaa;
+
            z-index: 1;
−
      z-index: 1;
+
            color: rgb(249, 228, 137);
−
      color: rgb(249, 228, 137);
+
            text-decoration-line: none;
−
      text-decoration-line: none;
+
            font-family: "Arial", Helvetica, sans-serif;
−
      font-family: "Arial", Helvetica, sans-serif;
+
            background-color: #000;
−
      background-color: #000;
+
            z-index: 99;
−
      z-index: 99;
+
        }
−
    }
+
  
−
    ul#nav_organ {
+
        ul#nav_organ {
−
      float: left;
+
            float: right;
−
      list-style: none;
+
            list-style: none;
−
      margin: 6px auto;
+
            margin: 6px 0 6px 0;
−
      text-decoration-line: none;
+
            text-decoration-line: none;
−
      font-family: "Arial", Helvetica, sans-serif;
+
            font-family: "Arial", Helvetica, sans-serif;
−
      color: rgb(249, 228, 137);
+
            color: rgb(249, 228, 137);
−
      background-color: #000;
+
            background-color: #000;
−
    }
+
        }
  
−
    ul#nav_organ li {
+
        ul#nav_organ li {
−
      display: block;
+
            display: block;
−
      float: left;
+
            float: left;
−
    }
+
        }
  
−
    a.nav_tissue {
+
        a.nav_tissue {
−
      padding: 8px 15px 8px 15px;
+
            padding: 8px 15px 8px 15px;
−
      line-height: 23px;
+
            line-height: 23px;
−
      text-decoration-line: none;
+
            text-decoration-line: none;
−
      font-family: "Arial", Helvetica, sans-serif;
+
            font-family: "Arial", Helvetica, sans-serif;
−
      color: rgb(249, 228, 137);
+
            color: rgb(249, 228, 137);
−
      font-size: 17px;
+
            font-size: 17px;
−
    }
+
        }
  
−
    span.caret {
+
        span.caret {
−
      display: inline-block;
+
            display: inline-block;
−
      margin-left: 2px;
+
            margin-left: 2px;
−
      vertical-align: middle;
+
            vertical-align: middle;
−
      width: 0;
+
            width: 0;
−
      height: 0;
+
            height: 0;
−
      border-left: 4px solid transparent;
+
            border-left: 4px solid transparent;
−
      border-right: 4px solid transparent;
+
            border-right: 4px solid transparent;
−
      border-top: 4px solid rgb(249, 228, 137);
+
            border-top: 4px solid rgb(249, 228, 137);
−
    }
+
        }
  
−
    .nav_cell {
+
        .nav_cell {
−
      visibility: hidden;
+
            display: none;
−
      opacity: 0;
+
            box-sizing: border-box;
−
      display: block;
+
            left: auto;
−
      box-sizing: border-box;
+
            position: absolute;
−
      left: auto;
+
            top: 42px;
−
      position: absolute;
+
            z-index: 1000;
−
      top: 45px;
+
            float: left;
−
      z-index: 1000;
+
            min-width: 160px;
−
      float: left;
+
            margin: 0 0 0 -4px;
−
      min-width: 160px;
+
            font-size: 14px;
−
      margin: 0 0 0 -4px;
+
            text-align: left;
−
      font-size: 14px;
+
            list-style: none;
−
      text-align: left;
+
            color: rgb(249, 228, 137);
−
      list-style: none;
+
            background-color: #000;
−
      color: rgb(249, 228, 137);
+
            background-clip: padding-box;
−
      background-color: #000;
+
            border: 1px solid rgba(0, 0, 0, .15);
−
      background-clip: padding-box;
+
            border-radius: 4px;
−
      border: 1px solid rgba(0, 0, 0, .15);
+
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
−
      border-radius: 4px;
+
        }
−
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+
−
      -webkit-transition: opacity 0.4s linear;
+
−
      -moz-transition: opacity 0.4s linear;
+
−
      -ms-transition: opacity 0.4s linear;
+
−
      -o-transition: opacity 0.4s linear;
+
−
      transition: opacity 0.4s linear;
+
−
    }
+
  
−
    .mw-content-ltr ul,
+
        .mw-content-ltr ul,
−
    .mw-content-rtl .mw-content-ltr ul {
+
        .mw-content-rtl .mw-content-ltr ul {
−
      margin: 0 0 0 -4px;
+
            margin: 0 0 0 -4px;
−
    }
+
        }
  
−
    .shadow {
+
        .shadow {
−
      box-shadow: 0px 1px 3px rgb(249, 228, 137);
+
            box-shadow: 0px 1px 3px rgb(249, 228, 137);
−
    }
+
        }
  
−
    .nav_cell>li {
+
        .nav_cell>li {
−
      display: block;
+
            display: block;
−
      float: left;
+
            float: left;
−
      clear: both;
+
            clear: both;
−
      height: 30px;
+
            height: 30px;
−
    }
+
        }
  
−
    .nav_cell>li>a {
+
        .nav_cell>li>a {
−
      padding-top: 3px;
+
            padding-top: 3px;
−
      padding-bottom: 3px;
+
            padding-bottom: 3px;
−
      padding-left: 20px;
+
            padding-left: 20px;
−
      padding-right: 20px;
+
            padding-right: 20px;
−
      text-decoration-line: none;
+
            text-decoration-line: none;
−
      color: rgb(249, 228, 137);
+
            color: rgb(249, 228, 137);
−
    }
+
        }
  
−
    .menu_item:hover .nav_cell {
+
        .menu_item:hover .nav_cell {
−
      visibility: visible;
+
            display:block;
−
      opacity: 1;
+
        }
−
    }
+
  
−
    .HZAU_logo {
+
        .nav_tissue:hover {
−
      height: 36px;
+
            cursor: pointer;
−
      float: right;
+
            color: rgb(249, 228, 137);
−
position: relative;
+
            text-decoration: none;
−
right: 30px;
+
        }
−
    }
+
 
−
  </style>
+
        .HZAU_logo {
 +
            height: 36px;
 +
            float: left;
 +
            margin: 0 0 0 7px;
 +
            position: relative;
 +
        }
 +
    </style>
 
</head>
 
</head>
  
 
<body>
 
<body>
−
  <div class="nav_body">
+
    <div class="nav_body">
−
    <a href="https://2017.igem.org/Team:HZAU-China" class="HZAU_logo" title="logo">
+
        <a href="https://2017.igem.org/Team:HZAU-China" class="HZAU_logo" title="logo">
−
      <img src="https://static.igem.org/mediawiki/2017/b/bf/T--HZAU-China--logo.png" height="100%">
+
            <img src="https://static.igem.org/mediawiki/2017/b/bf/T--HZAU-China--logo.png" height="100%">
−
    </a>
+
        </a>
−
    <ul id="nav_organ">
+
        <ul id="nav_organ">
−
      <li class="Home">
+
            <li class="menu_item">
−
        <a class="nav_tissue" href="https://2017.igem.org/Team:HZAU-China">Home</a>
+
                <a class="nav_tissue" href="https://2017.igem.org/Team:HZAU-China">Home</a>
−
      </li>
+
            </li>
−
      <li class="Project menu_item">
+
            <li class="menu_item">
−
        <a class="nav_tissue" href="">Project<span class="caret"></span></a>
+
                <a class="nav_tissue">Project<span class="caret"></span></a>
−
        <ul class="nav_cell shadow">
+
                <ul class="nav_cell shadow">
−
          <li>
+
                    <li>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Description">Description</a>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Description">Description</a>
−
          </li>
+
                    </li>
−
          <li>
+
                    <li>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Design">Design</a>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Design">Design</a>
−
          </li>
+
                    </li>
−
          <li>
+
                    <li>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Experiments">Experiments</a>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Results">Results</a>
−
          </li>
+
                    </li>
−
          <li>
+
                    <li>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Notebook">Notebook</a>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
−
          </li>
+
                    </li>
−
          <li>
+
                </ul>
−
             <a href="https://2017.igem.org/Team:HZAU-China/InterLab">InterLab</a>
+
             </li>
−
          </li>
+
            <li class="menu_item">
−
          <li>
+
                <a class="nav_tissue">Wetlab<span class="caret"></span></a>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Model">Model</a>
+
                <ul class="nav_cell shadow">
−
          </li>
+
                    <li>
−
          <li>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Experiments">Experiments</a>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Results">Results</a>
+
                    </li>
−
          </li>
+
                    <li>
−
          <li>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Improve">Improve</a>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
+
                    </li>
−
          </li>
+
                    <li>
−
          <li>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/InterLab">InterLab</a>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Improve">Improve</a>
+
                    </li>
−
          </li>
+
                </ul>
−
          <li>
+
            </li>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Attributions">Attributions</a>
+
            <li class="menu_item">
−
          </li>
+
                <a class="nav_tissue">Drylab<span class="caret"></span></a>
−
        </ul>
+
                <ul class="nav_cell shadow">
−
      </li>
+
                    <li>
−
<li class="HP menu_item">
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Model">Model</a>
−
        <a class="nav_tissue" href="">Human Practices<span class="caret"></span></a>
+
                    </li>
−
        <ul class="nav_cell shadow">
+
                    <li>
−
          <li>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Software">Software</a>
−
            <a href="https://2017.igem.org/Team:HZAU-China/HP/Silver">Silver HP</a>
+
                    </li>
−
          </li>
+
                    <li>
−
          <li>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Hardware">Hardware</a>
−
            <a href="https://2017.igem.org/Team:HZAU-China/HP/Gold_Integrated">Integrated and Gold</a>
+
                    </li>
−
          </li>
+
                </ul>
−
          <li>
+
            </li>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Engagement">Public Engagement</a>
+
            <li class="menu_item">
−
          </li>
+
                <a class="nav_tissue">HP<span class="caret"></span></a>
−
        </ul>
+
                <ul class="nav_cell shadow">
−
      </li>
+
                    <li>
−
      <li class="Awards menu_item">
+
                        <a href="https://2017.igem.org/Team:HZAU-China/HP/Silver">Silver HP</a>
−
        <a class="nav_tissue" href="">Awards<span class="caret"></span></a>
+
                    </li>
−
        <ul class="nav_cell shadow">
+
                    <li>
−
          <li>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/HP/Gold_Integrated">Integrated and Gold</a>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Hardware">Hardware</a>
+
                    </li>
−
          </li>
+
                </ul>
−
        <li>
+
            </li>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Software">Software</a>
+
            <li class="menu_item">
−
          </li>
+
                <a class="nav_tissue">Team<span class="caret"></span></a>
−
       
+
                <ul class="nav_cell shadow">
−
        </ul>
+
                    <li>
−
      </li>
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Team">Members</a>
−
      <li class="Judging Form">
+
                    </li>
−
        <a class="nav_tissue" href="https://igem.org/2017_Judging_Form?id=2381">Judging Form</a>
+
                    <li>
−
      </li>     
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
−
<li class="Team">
+
                    </li>
−
        <a class="nav_tissue" href="">Team<span class="caret"></span></a>
+
                    <li>
−
        <ul class="nav_cell shadow">
+
                        <a href="https://2017.igem.org/Team:HZAU-China/Attributions">Attributions</a>
−
        <li>
+
                    </li>
−
            <a href="https://2017.igem.org/Team:HZAU-China/Team">Team</a>
+
                </ul>
−
        </li>
+
            </li>
−
        <li>
+
            <li class="menu_item">
−
            <a href="https://2017.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
+
                <a class="nav_tissue" href="https://2017.igem.org/Team:HZAU-China/Safety">Safety</a>
−
        </li>
+
            </li>
−
        </ul>
+
            <li class="menu_item">
−
      </li>    
+
                <a class="nav_tissue" href="https://2017.igem.org/Team:HZAU-China/Parts">Parts</a>
−
<li class="Safety">
+
            </li>
−
        <a class="nav_tissue" href="https://2017.igem.org/Team:HZAU-China/Safety">Safety</a>
+
              
−
      </li>
+
−
     
+
−
<li class="Parts menu_item">
+
−
        <a class="nav_tissue" href="">Parts<span class="caret"></span></a>
+
−
        <ul class="nav_cell shadow">
+
−
          <li>
+
−
            <a href="https://2017.igem.org/Team:HZAU-China/Parts">Parts</a>
+
−
          </li>
+
−
          <li>
+
−
            <a href="https://2017.igem.org/Team:HZAU-China/Basic_Part">Basic Parts</a>
+
−
          </li>
+
−
          <li>
+
−
            <a href="https://2017.igem.org/Team:HZAU-China/Composite_Part">Composite Parts</a>
+
−
          </li>
+
−
          <li>
+
−
             <a href="https://2017.igem.org/Team:HZAU-China/Part_Collection">Part Collection</a>
+
−
          </li>
+
 
         </ul>
 
         </ul>
−
      </li>
+
     </div>
−
     </ul>
+
−
  </div>
+
 
</body>
 
</body>
  

Latest revision as of 03:31, 2 November 2017