Difference between revisions of "Template:Valencia UPV/navBar"

Line 20: Line 20:
 
                         <div class="col-2 col-md-2 text-right" style="
 
                         <div class="col-2 col-md-2 text-right" style="
 
padding-top: 7px;">
 
padding-top: 7px;">
−
                             <a href="#" class="hamburger-toggle" data-toggle-class="#menu2;hidden-xs">
+
                             <a href="#" class="hamburger-toggle toggled-class" data-toggle-class="#menu2;hidden-xs">
 
                                 <i class="icon icon--sm stack-interface stack-menu" style="
 
                                 <i class="icon icon--sm stack-interface stack-menu" style="
 
font-size: 52px;;
 
font-size: 52px;;
Line 34: Line 34:
 
             </div>
 
             </div>
 
             <!--end bar-->
 
             <!--end bar-->
−
<div class="col-md-12" style="
+
<div style="
 +
padding: 20px;
 +
height: 100%;
 +
background-color: #353535;" id="menu2" class="hidden-sm&nbsp;hidden-md hidden-lg hidden-xs">
 +
<ul class="menu-horizontal text-right" style="
 +
list-style-type: none;">
 +
                                    <li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Team</span>
 +
 
 +
 
 +
 
 +
 
 +
                                        <div class="dropdown__container" style="left: 0px;">
 +
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 37.875px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>
 +
                        Team
 +
                        </li>
 +
<li>Attributions</li>
 +
<li>Collaborations</li>
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
 
 +
 
 +
 
 +
                                    </li>
 +
                                    <li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Project</span>
 +
 
 +
 
 +
 
 +
                                       
 +
                                        <div class="dropdown__container" style="left: 0px;">
 +
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 37.875px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>
 +
  Description
 +
</li>
 +
<li>
 +
  Design
 +
</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<li>Applied Design</li>
 +
<li>Safety</li>
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div><!--end dropdown container-->
 +
                                    </li><li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Wet Lab</span>
 +
 
 +
 
 +
 
 +
                                       
 +
                                        <div class="dropdown__container" style="left: 0px;">
 +
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 37.875px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                       
 +
 
 +
<li>
 +
  Experiments
 +
</li>
 +
<li>
 +
  Notebook
 +
</li>
 +
<li>
 +
  Interlab
 +
</li>
 +
<li>
 +
  Results
 +
</li>
 +
<li>
 +
  Demonstrate
 +
</li>
 +
<li>
 +
  Improve
 +
</li>
 +
<li>
 +
  Measurement
 +
</li>
 +
<li>
 +
  Protocols
 +
</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div><!--end dropdown container-->
 +
                                    </li>
 +
                                   
 +
 
 +
<li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Drylab</span>
 +
<div class="dropdown__container" style="left: 0px;">
 +
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 37.875px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>Hardware</li>
 +
<li>Software</li><li>Graphic Design</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li><li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Modelling</span>
 +
<div class="dropdown__container" style="left: 0px;">
 +
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-2 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 37.875px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>Modelling</li>
 +
<li>Model A</li>
 +
<li>Model B</li>
 +
 
 +
<li>Lo que creas necesario &lt;3</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
 
 +
                                    <li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Human</span>
 +
<div class="dropdown__container" style="left: 0px;">
 +
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-3 col-lg-3 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 37.875px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>Human Practices</li>
 +
<li>Education</li>
 +
<li>Entrepreneurship</li><li>Public Engagement</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                   
 +
                                </ul>
 +
 
 +
</div><div class="col-md-12" style="
 
padding: 0px;
 
padding: 0px;
 
     margin: 0 auto;">
 
     margin: 0 auto;">
−
<nav id="menu1" class="bar bar--sm bar-1 bg--light hidden-xs" style="
+
<nav id="menu1" class="bar bar--sm bar-1 bg--light hidden-xs" style="height: 100%; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
−
height: 100%; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
+
 
                 <div class="container" style="
 
                 <div class="container" style="
 
padding-bottom: 29px;
 
padding-bottom: 29px;
Line 65: Line 293:
  
  
−
                                         <div class="dropdown__container" style="left: -555.78125px;">
+
                                         <div class="dropdown__container" style="left: 0px;">
 
                               <div class="container">
 
                               <div class="container">
 
                             <div class="row">
 
                             <div class="row">
−
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 555.78125px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 0px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 96: Line 324:
  
 
                                          
 
                                          
−
                                         <div class="dropdown__container" style="left: -634.015625px;">
+
                                         <div class="dropdown__container" style="left: 0px;">
 
                               <div class="container">
 
                               <div class="container">
 
                             <div class="row">
 
                             <div class="row">
−
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 634.015625px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 0px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 134: Line 362:
  
 
                                          
 
                                          
−
                                         <div class="dropdown__container" style="left: -731.140625px;">
+
                                         <div class="dropdown__container" style="left: 0px;">
 
                               <div class="container">
 
                               <div class="container">
 
                             <div class="row">
 
                             <div class="row">
−
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 731.140625px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 0px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 185: Line 413:
 
<li class="dropdown dropdown--hover">
 
<li class="dropdown dropdown--hover">
 
                                         <span class="dropdown__trigger navLinks">Drylab</span>
 
                                         <span class="dropdown__trigger navLinks">Drylab</span>
−
<div class="dropdown__container" style="left: -833.15625px;">
+
<div class="dropdown__container" style="left: 0px;">
 
                               <div class="container">
 
                               <div class="container">
 
                             <div class="row">
 
                             <div class="row">
−
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 833.15625px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 0px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 216: Line 444:
 
                                     </li><li class="dropdown dropdown--hover">
 
                                     </li><li class="dropdown dropdown--hover">
 
                                         <span class="dropdown__trigger navLinks">Modelling</span>
 
                                         <span class="dropdown__trigger navLinks">Modelling</span>
−
<div class="dropdown__container" style="left: -925.71875px;">
+
<div class="dropdown__container" style="left: 0px;">
 
                               <div class="container">
 
                               <div class="container">
 
                             <div class="row">
 
                             <div class="row">
−
                           <div class="col-md-2 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 925.71875px;">
+
                           <div class="col-md-2 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 0px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 248: Line 476:
 
                                     <li class="dropdown dropdown--hover">
 
                                     <li class="dropdown dropdown--hover">
 
                                         <span class="dropdown__trigger navLinks">Human</span>
 
                                         <span class="dropdown__trigger navLinks">Human</span>
−
<div class="dropdown__container" style="left: -1054.359375px;">
+
<div class="dropdown__container" style="left: 0px;">
 
                               <div class="container">
 
                               <div class="container">
 
                             <div class="row">
 
                             <div class="row">
−
                           <div class="col-md-3 col-lg-3 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 855px;">
+
                           <div class="col-md-3 col-lg-3 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 0px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;

Revision as of 11:20, 31 August 2018