Difference between revisions of "Template:NTHU Taiwan/TopBar"

(Blanked the page)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
    <meta charset="utf-8" />
 +
    <!-- <link rel="stylesheet" href="../src/css/index.css" /> -->
 +
    <!-- <script async src="../src/js/index.js"></script> -->
 +
    <style>
 +
      body{
 +
          margin: 0px;
 +
      }
 +
      .menu{
 +
        display: flex;
 +
        align-items: center;
 +
        height: fit-content;
 +
      }
  
 +
      .menuItem {
 +
        padding-right: 50px;
 +
        white-space: nowrap;
 +
        cursor: pointer;
 +
        user-select: none;
 +
      }
 +
 +
      .icon{
 +
        height: 120px;
 +
        padding-top: 15px;
 +
        cursor: pointer;
 +
        user-select: none;
 +
      }
 +
 +
      .toggle{
 +
        display: none;
 +
        position: absolute;
 +
      }
 +
      .menuItem:hover .toggle{
 +
        display: block;
 +
      }
 +
 +
      .item{
 +
        padding-top: 5px;
 +
      }
 +
 +
    </style>
 +
<head>
 +
<body>
 +
    <div class="menu">
 +
        <div>
 +
          <img class='icon' src="../src/images/team-icon.png"/>
 +
        </div>
 +
 +
       
 +
        <div class="menuItem">
 +
          <div>Team</div>
 +
        </div>
 +
           
 +
        <div class="menuItem">
 +
          <div>DryLab</div>
 +
          <div class="toggle">
 +
            <div class="item">BioReactor</div>
 +
            <div class="item">MV Kit</div>
 +
          </div>
 +
        </div>
 +
 +
        <div class="menuItem">
 +
          <div>WetLab</div>
 +
          <div class="toggle">
 +
            <div class="item">Experiment</div>
 +
            <div class="item">Parts</div>
 +
            <div class="item">InterLab</div>
 +
            <div class="item">Protocal</div>
 +
            <div class="item">Notebook</div>
 +
          </div>
 +
        </div>
 +
 +
        <div class="menuItem">Humam Practices</div>
 +
        <div class="menuItem">Awards</div>
 +
    </div>
 +
</body>
 +
</html>

Revision as of 08:21, 19 August 2018

Team
DryLab
BioReactor
MV Kit
WetLab
Experiment
Parts
InterLab
Protocal
Notebook
Humam Practices
Awards