Difference between revisions of "Template:UANL/navbar"

(Undo revision 250902 by Danyiel98 (talk))
 
Line 67: Line 67:
  
 
<style>
 
<style>
body {
+
.mw-body {
   font-family: Arial, Helvetica, sans-serif;
+
   width: 100% !important;
   margin: 0;
+
  padding: 0 !important;
 +
   margin: 0 !important;
 
}
 
}
 
+
#top_title {
.navbar {
+
   display: none;
   overflow: hidden;
+
  background-color: #333;  
+
 
}
 
}
  
.navbar a {
+
    a {
  float: left;
+
      text-decoration: none !important;
  font-size: 16px;
+
      -webkit-tap-highlight-color: transparent;
  color: white;
+
      p {
  text-align: center;
+
        text-decoration: none !important;
  padding: 14px 16px;
+
      }
  text-decoration: none;
+
    }
  width: 10%;
+
:focus {
 +
    outline: none !important;
 
}
 
}
  
.subnav {
+
p, ol>li, .container>div>ul>li {
   float: left;
+
   font-size: 1rem;
  overflow: hidden;
+
 
}
 
}
  
.subnav .subnavbtn {
+
a:visited, a:hover, a:active, a:link {
  font-size: 16px; 
+
   color: inherit;
  border: none;
+
  outline: none;
+
  color: white;
+
   padding: 14px 16px;
+
  background-color: inherit;
+
  font-family: inherit;
+
  margin: 0;
+
 
}
 
}
  
.navbar a:hover, .subnav:hover .subnavbtn {
+
@media screen and (min-width: 400px) {
  background-color: red;
+
}
+
  
.subnav-content {
+
  .container,
   display: none;
+
   .container-centered,
   position: absolute;
+
   main {
  left: 0;
+
    padding: 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  --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

Latest revision as of 17:53, 13 October 2019

Wiki