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

 
(4 intermediate revisions by the same user not shown)
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 104: Line 110:
 
           <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Attributions">
 
           <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Attributions">
 
           Attributions
 
           Attributions
 +
          </a>
 +
          <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Sponsors">
 +
            Sponsors
 
           </a>
 
           </a>
 
         </div>
 
         </div>
Line 114: Line 123:
 
           <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/Notebook">
           Design
+
           Notebook
           </a></li>
+
           </a>
 
+
          <li><a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook">Notebook</a></li>
+
 
+
            <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">
 
           Contribution
 
           Contribution
Line 143: Line 142:
 
           Improve
 
           Improve
 
           </a>
 
           </a>
         </ul>
+
         </div>
 
       </li>
 
       </li>
  
Line 161: Line 160:
 
           <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Composite_Part">
 
           <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Composite_Part">
 
           Composite Parts
 
           Composite Parts
          </a>
 
          <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Part_Collection">
 
          Part Collection
 
 
           </a>
 
           </a>
 
         </div>
 
         </div>
Line 217: Line 213:
  
 
       <li class="nav-item narrow align-content-center" style="font-size: .7rem !important;">
 
       <li class="nav-item narrow align-content-center" style="font-size: .7rem !important;">
         <a class="nav-link noline text-center" style="line-height: 1 !important;" href="https://igem.org/2019_Judging_Form?team=Ruperto_Carola">
+
         <a class="nav-link noline text-center" href="https://igem.org/2019_Judging_Form?team=Ruperto_Carola">
 
                                       <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/0/0c/T--Ruperto_Carola--Form.png"><br>
 
                                       <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/0/0c/T--Ruperto_Carola--Form.png"><br>
 
                                       JUDGING FORM ⇗</a>
 
                                       JUDGING FORM ⇗</a>

Latest revision as of 02:25, 13 December 2019