Difference between revisions of "Team:Bulgaria"

Line 101: Line 101:
  
 
.navigation {
 
.navigation {
−
  position:fixed;
+
position:fixed;
−
  top:15px;
+
top:15px;
−
  width: 100%;
+
width: 100%;
−
  left:0px;
+
left:0px;
−
  overflow: hidden;
+
    #overflow: hidden;
−
  background-color: #62071B;
+
    background-color: #62071B;
 +
    font-family: 'Raleway', sans-serif;
 
}
 
}
  
 
.navigation a {
 
.navigation a {
−
  font-family: 'Raleway', sans-serif;
+
    float: left;
−
  float: left;
+
    font-size: 16px;
−
  display: block;
+
    color: white;
−
  color: White;
+
    text-align: center;
−
  text-align: center;
+
    padding: 14px 16px;
−
  padding: 14px 16px;
+
    text-decoration: none;
−
  text-decoration: none;
+
−
  font-size: 17px;
+
 
}
 
}
  
−
.navigation a:hover {
+
.dropdown {
−
  background-color: #380615;
+
    float: left;
−
  color: White;
+
    overflow: hidden;
 +
}
 +
 
 +
.dropdown .dropNAVbtn {
 +
    font-size: 16px;   
 +
    color: white;
 +
    padding: 14px 16px;
 +
    background-color: #62071B;
 +
    font-family: 'Raleway', sans-serif;
 +
}
 +
 
 +
.navigation a:hover, .dropdown:hover .dropNAVbtn {
 +
    background-color: #9F182F;
 +
color: white;
 +
}
 +
 
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 100000 !important;
 +
}
 +
 
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 
}
 
}
  
Line 141: Line 179:
 
@media screen and (max-width: 1000px) {
 
@media screen and (max-width: 1000px) {
 
   .navigation a:not(:first-child) {display: none;}
 
   .navigation a:not(:first-child) {display: none;}
 +
  .navigation .dropdown:not(:first-child) {display: none;}
 
   .navigation a.icon {
 
   .navigation a.icon {
 
     float: right;
 
     float: right;
 
     display: block;
 
     display: block;
 
   }
 
   }
 +
 
 
}
 
}
  
Line 158: Line 198:
 
   }
 
   }
 
   .navigation.responsive a {
 
   .navigation.responsive a {
 +
    float: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
 +
  .navigation.responsive .dropdown {
 
     float: none;
 
     float: none;
 
     display: block;
 
     display: block;
Line 163: Line 208:
 
   }
 
   }
 
}
 
}
 +
  
  
Line 568: Line 614:
 
<!-- CUSTOM MENU -->
 
<!-- CUSTOM MENU -->
 
<div class="navigation" id="nav">
 
<div class="navigation" id="nav">
−
   <a href="https://2018.igem.org/Team:Bulgaria" id="activeMenu">HOME</a>
+
   <a href="https://2018.igem.org/Team:Bulgaria">HOME</a>
−
   <a href="https://2018.igem.org/Team:Bulgaria/theteam" >TEAM</a>
+
   <div class="dropdown">
−
   <a href="https://2018.igem.org/Team:Bulgaria/theproject">PROJECT</a>
+
    <button class="dropNAVbtn">TEAM
−
   <a href="https://2018.igem.org/Team:Bulgaria/humanPractices" >HUMAN PRACTICES</a>
+
      <i class="fa fa-caret-down"></i>
−
  <a href="https://2018.igem.org/Team:Bulgaria/collabs" >COLLABORATIONS</a>
+
    </button>
−
   <a href="https://2018.igem.org/Team:Bulgaria/parts" >PARTS</a>
+
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/theteam">MEMBERS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/attrib">ATTRIBUTIONS</a>
 +
</div>
 +
   </div>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">PROJECT
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/theproject">DESCRIPTION</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/DESIGN">DESIGN</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/EXPERIMENTS">EXPERIMENTS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/PROTOCOLS">PROTOCOLS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/LABBOOK">LAB BOOK</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/RESULTS">RESULTS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/CONTRIBUTION">CONTRIBUTION</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/IMPROVE">IMPROVE</a>
 +
</div>
 +
   </div>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">HUMAN PRACTICES
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/publicEng">PUBLIC ENGAGEMENTS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/IntHP">INTEGRATED HUMAN PRACTICES</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/survey">SURVEY</a>
 +
</div>
 +
  </div>
 +
 
 +
    <div class="dropdown">
 +
    <button class="dropNAVbtn">COLLABORATIONS
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/COLLABMEETINGS">MEETINGS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/COLLABSURVEYS">SURVEYS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/COLLABOTHERS">OTHERS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/COLLABfollow">#FollowMeToiGEM</a>
 +
</div>
 +
  </div>  
 +
   <a href="https://2018.igem.org/Team:Bulgaria/parts" id="activeMenu">PARTS</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria/safety">SAFETY</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria/safety">SAFETY</a>
 +
 
 +
    <div class="dropdown">
 +
    <button class="dropNAVbtn">MEDAL CRITERIA
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/MEDALBRONZE">BRONZE</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/MEDALSILVER">SILVER</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/MEDALGOLD">GOLD</a>
 +
</div>
 +
  </div>
 
   <a href="https://2018.igem.org/Team:Bulgaria/jForm" id="specialMenu">JUDGING FORM</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria/jForm" id="specialMenu">JUDGING FORM</a>
 
   <a href="javascript:void(0);" class="icon" onclick="burgermenu()">
 
   <a href="javascript:void(0);" class="icon" onclick="burgermenu()">

Revision as of 06:53, 17 October 2018

PROJECT USE IS IT SAFE USED ORGANISM STRAINS POTENTIAL RISKS WASTE TREATMENT EMERGENCY REACTIONS PROTECTIVE EQUIPMENT OTHER RULES

THE WELCOME MESSAGE

Uff... it's coming soon


like... tomorrow ^ _ ^