Difference between revisions of "Template:ITB Indonesia"

Line 99: Line 99:
 
#topMenu, #top_title, .patrollink  {display:none;}
 
#topMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
−
body {background-color:white;}
+
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
Line 122: Line 122:
 
.container {
 
.container {
 
     overflow: hidden;
 
     overflow: hidden;
−
     background-color: #333;
+
     background-color: #131514;
 
     font-family: verdana;
 
     font-family: verdana;
 
width:100%;
 
width:100%;
Line 152: Line 152:
 
     border: none;
 
     border: none;
 
     outline: none;
 
     outline: none;
−
     color: white;
+
     color: #e8e6d1;
 
     background-color: inherit;
 
     background-color: inherit;
 
     width: 100%;
 
     width: 100%;
Line 207: Line 207:
 
     text-align: center;
 
     text-align: center;
 
     border-style: hidden;
 
     border-style: hidden;
 +
    color: #e8e6d1;
 
      
 
      
 
}
 
}
Line 281: Line 282:
 
</style>
 
</style>
 
<body>
 
<body>
−
<div class="navbar">
 
−
  <div class="container">
 
  
−
<a class="not-dropdown" href="https://2017.igem.org/Team:ITB_Indonesia" ><img class="img img-responsive" height="50px" src="https://static.igem.org/mediawiki/2017/2/26/Logo_igem_itb.png" /></a>
+
<style>
 +
.tooltip {
 +
    position: relative;
 +
    display: inline-block;
 +
}
  
−
<div class="dropdown">
+
.tooltip .tooltiptext {
−
     <button class="dropbtn">Team</button>
+
     visibility: hidden;
−
     <div class="dropdown-content">
+
     width: 120px;
−
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Team">Team</a>
+
    top: -5px;
−
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Collaborations">
+
    left: 105%; 
−
  Collaborations</a>
+
    margin-left: -60px;
−
    </div>
+
    background-color: black;
−
  </div>  
+
    color: #fff;
 +
    text-align: center;
 +
    border-radius: 6px;
 +
    padding: 5px 0;
 +
 
 +
    /* Position the tooltip */
 +
    position: absolute;
 +
    z-index: 1;
 +
}
 +
 
 +
.tooltip:hover .tooltiptext {
 +
    visibility: visible;
 +
}
 +
</style>
 +
 
 +
<!-- VERINDISCHEN -->
 +
<style>
  
−
<div class="dropdown">
 
−
    <button class="dropbtn">Project</button>
 
−
    <div class="dropdown-content">
 
−
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Description">Description</a>
 
−
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Design">
 
−
  Design</a>
 
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Experiments">Experiments</a>
 
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Notebook">Notebook</a>
 
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/InterLab">InterLab</a>
 
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Contribution">Contribution</a>
 
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Model">Model</a>
 
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Results">Results</a>
 
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Demonstrate">Demonstrate</a>
 
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Improve">Improve</a>
 
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Attributions">Attributions</a>
 
−
    </div>
 
−
  </div>
 
 
    
 
    
 +
/* Banner */
 +
 +
  #banner {
 +
    background-attachment: fixed;
 +
    background-color: #1c2922;
 +
    /*background-image: url("images/home.jpg");*/
 +
    background-position: center center;
 +
    background-size: cover;
 +
    box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
 +
    min-height: 100vh;
 +
    position: relative;
 +
    text-align: center;
 +
    z-index: 21;
 +
  }
 +
 +
    #banner:before {
 +
      content: '';
 +
      display: inline-block;
 +
      height: 100vh;
 +
      vertical-align: middle;
 +
      width: 1%;
 +
    }
 +
 +
    #banner:after {/*
 +
      background-image: -moz-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
 +
      background-image: -webkit-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
 +
      background-image: -ms-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
 +
      background-image: linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;*/
 +
      content: '';
 +
      display: block;
 +
      height: 100%;
 +
      left: 0;
 +
      position: absolute;
 +
      top: 0;
 +
      width: 100%;
 +
    }
 +
 +
    #banner .content {
 +
      display: inline-block;
 +
      margin-right: 1%;
 +
      max-width: 95%;
 +
      padding: 6em;
 +
      position: relative;
 +
      text-align: right;
 +
      vertical-align: middle;
 +
      z-index: 1;
 +
    }
 +
 +
      #banner .content header {
 +
        display: inline-block;
 +
        vertical-align: middle;
 +
      }
 +
 +
        #banner .content header h2 {
 +
          font-size: 2.5em;
 +
          margin: 0;
 +
        }
 +
 +
        #banner .content header p {
 +
          margin: 0.5em 0 0 0;
 +
          top: 0;
 +
        }
 +
     
 +
    #banner .content .intro-text .intro-lead-in{
 +
      text-align: center;
 +
      color: #FFF;
 +
      font-family:himalaya;
 +
      font-size: 13pt;
 +
      margin-bottom:25px
 +
    }
 +
      #banner .content .image {
 +
        border-radius: 100%;
 +
        display: inline-block;
 +
        height: 18em;
 +
        margin-left: 3em;
 +
        vertical-align: middle;
 +
        width: 18em;
 +
      }
 +
 +
        #banner .content .image img {
 +
          border-radius: 100%;
 +
          display: block;
 +
          width: 100%;
 +
        }
 +
 +
    body.is-touch #banner {
 +
      background-attachment: scroll;
 +
    }
 +
 +
</style>
 +
<body>
 +
 +
 +
<!-- NAVBAR START -->
 +
<navbar>
 +
<div class="container">
 +
 
   <div class="dropdown">
 
   <div class="dropdown">
−
    <button class="dropbtn">Parts</button>
+
       <form action="https://2017.igem.org/Team:ITB_Indonesia">
−
    <div class="dropdown-content">
+
        <button type="submit" class="dropbtn">Home</button>
−
       <a href="https://2017.igem.org/Team:ITB_Indonesia/Parts">Parts</a>
+
      </form>
−
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Basic_Part">Basic Parts</a>
+
     </div>  
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Composite_Part">Composite Part</a>
+
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Part_Collection">Part Collection</a>
+
−
     </div>
+
−
  </div>  
+
  
 
   <div class="dropdown">
 
   <div class="dropdown">
−
    <form action="https://2017.igem.org/Team:ITB_Indonesia/Safety">
+
       <button class="dropbtn">Team</button>
−
       <button type="submit" class="dropbtn">Safety</button>
+
      <div class="dropdown-content">
−
    </form>
+
        <a href="https://2017.igem.org/Team:ITB_Indonesia/Team">Team</a>
−
  </div>
+
        <a href="https://2017.igem.org/Team:ITB_Indonesia/Collaborations">
−
 
+
      Collaborations</a>
−
  <div class="dropdown">
+
       </div>
−
    <button class="dropbtn">Human Practices</button>
+
     </div>  
−
    <div class="dropdown-content">
+
−
      <a href="https://2017.igem.org/Team:ITB_Indonesia/HP/Silver">Silver HP</a>
+
−
      <a href="https://2017.igem.org/Team:ITB_Indonesia/HP/Gold_Integrated">Integrated and Gold</a>
+
−
  <a href="https://2017.igem.org/Team:ITB_Indonesia/Engagement">Public Engagement</a>
+
−
    </div>
+
−
  </div>
+
−
 
+
−
  <div class="dropdown">
+
−
    <button class="dropbtn">Awards</button>
+
−
    <div class="dropdown-content">
+
−
    <a href="https://2017.igem.org/Team:ITB_Indonesia/Applied_Design">Applied Design</a>
+
−
       <a href="https://2017.igem.org/Team:ITB_Indonesia/Entrepreneurship">Entrepreneurship</a>
+
−
     </div>
+
−
  </div>  
+
  
 
   <div class="dropdown">
 
   <div class="dropdown">
−
     <form action="https://2017.igem.org/Team:ITB_Indonesia">
+
      <button class="dropbtn">Project</button>
−
       <button type="submit" class="dropbtn">Judging</button>
+
      <div class="dropdown-content">
−
    </form>
+
        <a href="https://2017.igem.org/Team:ITB_Indonesia/Description">Description</a>
−
  </div>  
+
        <a href="https://2017.igem.org/Team:ITB_Indonesia/Design">
 +
      Design</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Experiments">Experiments</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Notebook">Notebook</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/InterLab">InterLab</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Contribution">Contribution</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Model">Model</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Results">Results</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Demonstrate">Demonstrate</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Improve">Improve</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Attributions">Attributions</a>
 +
      </div>
 +
     </div>
 +
   
 +
    <div class="dropdown">
 +
      <button class="dropbtn">Parts</button>
 +
      <div class="dropdown-content">
 +
        <a href="https://2017.igem.org/Team:ITB_Indonesia/Parts">Parts</a>
 +
        <a href="https://2017.igem.org/Team:ITB_Indonesia/Basic_Part">Basic Parts</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Composite_Part">Composite Part</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Part_Collection">Part Collection</a>
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="dropdown">
 +
      <form action="https://2017.igem.org/Team:ITB_Indonesia/Safety">
 +
        <button type="submit" class="dropbtn">Safety</button>
 +
       </form>
 +
    </div>
 +
   
 +
    <div class="dropdown">
 +
      <button class="dropbtn">Human Practices</button>
 +
      <div class="dropdown-content">
 +
        <a href="https://2017.igem.org/Team:ITB_Indonesia/HP/Silver">Silver HP</a>
 +
        <a href="https://2017.igem.org/Team:ITB_Indonesia/HP/Gold_Integrated">Integrated and Gold</a>
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Engagement">Public Engagement</a>
 +
      </div>
 +
    </div>
 +
   
 +
    <div class="dropdown">
 +
      <button class="dropbtn">Awards</button>
 +
      <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:ITB_Indonesia/Applied_Design">Applied Design</a>
 +
        <a href="https://2017.igem.org/Team:ITB_Indonesia/Entrepreneurship">Entrepreneurship</a>
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="dropdown">
 +
      <form action="https://2017.igem.org/Team:ITB_Indonesia">
 +
        <button type="submit" class="dropbtn">Judging</button>
 +
      </form>
 +
    </div>  
  
 
</div>
 
</div>
−
</div>
+
</navbar>
 +
<!-- END NAVBAR -->

Revision as of 23:20, 21 October 2017

Team Collaborations
Description Design Experiments Notebook InterLab Contribution Model Results Demonstrate Improve Attributions
Parts Basic Parts Composite Part Part Collection
Silver HP Integrated and Gold Public Engagement
Applied Design Entrepreneurship