Difference between revisions of "Template:Ruperto Carola/navbar"

Line 46: Line 46:
 
}
 
}
  
−
<!-- Submenus by Surjith from codepen.io -->
+
/*
 +
*
 +
* ==========================================
 +
* CUSTOM UTIL CLASSES
 +
* ==========================================
 +
*
 +
*/
  
 
.dropdown-submenu {
 
.dropdown-submenu {
Line 52: Line 58:
 
}
 
}
  
−
.dropdown-submenu a::after {
+
.dropdown-submenu>a:after {
−
   transform: rotate(-90deg);
+
   content: "\f0da";
−
   position: absolute;
+
   float: right;
−
   right: 6px;
+
   border: none;
−
   top: .8em;
+
   font-family: 'FontAwesome';
 
}
 
}
  
−
.dropdown-submenu .dropdown-menu {
+
.dropdown-submenu>.dropdown-menu {
 
   top: 0;
 
   top: 0;
 
   left: 100%;
 
   left: 100%;
−
   margin-left: .1rem;
+
   margin-top: 0px;
−
   margin-right: .1rem;
+
   margin-left: 0px;
 
}
 
}
  
Line 114: Line 120:
 
           <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/9/9b/T--Ruperto_Carola--Project.png"><br>Project
 
           <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/9/9b/T--Ruperto_Carola--Project.png"><br>Project
 
         </a>
 
         </a>
−
         <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
           <li><a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Description">
+
           <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Description">
 
           Description
 
           Description
−
           </a></li>
+
           </a>
−
           <li><a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Design">
+
           <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Design">
 
           Design
 
           Design
−
           </a></li>
+
           </a>
  
−
           <li><a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook">Notebook</a></li>
+
           <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook">Notebook</a>
−
 
+
−
            <li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook">Notebook</a>
+
−
                        <ul class="dropdown-menu">
+
−
                            <li><a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Experiments">Experiments</a></li>
+
−
                            <li><a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Methods">Methods</a></li>
+
−
                        </ul>
+
−
            </li>
+
  
 
           <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Contribution">
 
           <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Contribution">
Line 143: Line 142:
 
           Improve
 
           Improve
 
           </a>
 
           </a>
−
         </ul>
+
         </div>
 
       </li>
 
       </li>
  

Revision as of 23:54, 21 October 2019