Difference between revisions of "Template:UANL/navbar"

Line 67: Line 67:
  
 
<style>
 
<style>
−
.mw-body {
+
body {
−
   width: 100% !important;
+
   font-family: Arial, Helvetica, sans-serif;
−
  padding: 0 !important;
+
   margin: 0;
−
   margin: 0 !important;
+
 
}
 
}
−
#top_title {
+
 
−
   display: none;
+
.navbar {
 +
   overflow: hidden;
 +
  background-color: #333;  
 
}
 
}
  
−
    a {
+
.navbar a {
−
      text-decoration: none !important;
+
  float: left;
−
      -webkit-tap-highlight-color: transparent;
+
  font-size: 16px;
−
      p {
+
  color: white;
−
        text-decoration: none !important;
+
  text-align: center;
−
      }
+
  padding: 14px 16px;
−
    }
+
  text-decoration: none;
−
:focus {
+
  width: 10%;
−
    outline: none !important;
+
 
}
 
}
  
−
p, ol>li, .container>div>ul>li {
+
.subnav {
−
   font-size: 1rem;
+
   float: left;
 +
  overflow: hidden;
 
}
 
}
  
−
a:visited, a:hover, a:active, a:link {
+
.subnav .subnavbtn {
−
   color: inherit;
+
  font-size: 16px; 
 +
  border: none;
 +
  outline: none;
 +
  color: white;
 +
   padding: 14px 16px;
 +
  background-color: inherit;
 +
  font-family: inherit;
 +
  margin: 0;
 
}
 
}
  
−
@media screen and (min-width: 400px) {
+
.navbar a:hover, .subnav:hover .subnavbtn {
 +
  background-color: red;
 +
}
  
−
  .container,
+
.subnav-content {
−
   .container-centered,
+
   display: none;
−
   main {
+
   position: absolute;
−
    padding: 0;
+
  left: 0;
−
   }
+
   background-color: red;
 +
  width: 100%;
 +
  z-index: 1;
 
}
 
}
  
 +
.subnav-content a {
 +
  float: left;
 +
  color: white;
 +
  text-decoration: none;
 +
}
 +
 +
.subnav-content a:hover {
 +
  background-color: #eee;
 +
  color: black;
 +
}
 +
 +
.subnav:hover .subnav-content {
 +
  display: block;
 +
}
 
</style>
 
</style>
 +
<body>
  
 +
<div class="navbar">
 +
  <a href="https://2019.igem.org/Team:UANL">E.Compa</a>
 +
  <div class="subnav">
 +
    <button class="subnavbtn">Project</button>
 +
    <div class="subnav-content">
 +
      <a href="https://2019.igem.org/Team:UANL/Description">Description</a>
 +
    </div>
 +
  </div>
 +
  <div class="subnav">
 +
    <button class="subnavbtn">Team</button>
 +
    <div class="subnav-content">
 +
      <a href="https://2019.igem.org/Team:UANL/Team">Members</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Attributions">Attribution</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Collaborations">Collab</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Contact" target="_blank">Contact°</a>
 +
    </div>
 +
  </div>
 +
  <div class="subnav">
 +
    <button class="subnavbtn">Dry Lab</button>
 +
    <div class="subnav-content">
 +
      <a href="https://2019.igem.org/Team:UANL/Design">Design</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Simulations">Simulations°</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Model">Math model</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Circuit">Circuit°</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Improve">Improve</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Parts">Parts Overview</a>
 +
  <a href="https://2019.igem.org/Team:UANL/Basic_Part">Basic Parts</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Composite_Part">Composite Part</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Part_Collection">Part Collection</a>
 +
    </div>
 +
  </div>
 +
  <div class="subnav">
 +
    <button class="subnavbtn">Wet Lab</button>
 +
    <div class="subnav-content">
 +
      <a href="https://2019.igem.org/Team:UANL/Experiments">Experiments</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Results">Results</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Demonstrate">Demostrate</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Contribution">Contribution</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Notebook">Notebook</a>
 +
    </div>
 +
  </div>
 +
  <div class="subnav">
 +
    <button class="subnavbtn">Safety</button>
 +
    <div class="subnav-content">
 +
      <a href="https://2019.igem.org/Team:UANL/Safety">Safety</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Safety">Save Switch</a>
 +
    </div>
 +
  </div>
 +
  <div class="subnav">
 +
    <button class="subnavbtn">Human Practices</button>
 +
    <div class="subnav-content">
 +
      <a href="https://2019.igem.org/Team:UANL/Human_Practices">Human Practices</a>
 +
      <a href="https://2019.igem.org/Team:UANL/Public_Engagement">Education</a>
 +
    </div>
 +
  </div>
 +
  <div class="subnav">
 +
    <button class="subnavbtn">Entrepreneur</button>
 +
    <div class="subnav-content">
 +
      <a href="https://2019.igem.org/Team:UANL/Entrepreneurship">Entrepreneur</a>
 +
    </div>
 +
  </div>
 +
  <div class="subnav">
 +
    <button class="subnavbtn">Awards</button>
 +
    <div class="subnav-content">
 +
      <a href="https://igem.org/2019_Judging_Form?team=UANL">Judgy Form</a>
 +
    </div>
 +
  </div>
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2019/3/3c/Igem_mobile_menu_logo.svg">
 +
</body>
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--- Content of the page  --->
 
<!--- Content of the page  --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

Revision as of 17:50, 13 October 2019

Wiki

E.Compa
Description
Members Attribution Collab Contact°
Design Simulations° Math model Circuit° Improve Parts Overview Basic Parts Composite Part Part Collection
Experiments Results Demostrate Contribution Notebook
Safety Save Switch
Human Practices Education
Entrepreneur
Judgy Form