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

Line 33: Line 33:
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </div>
 
             </div>
 +
            <!--end bar-->
 +
<div style="
 +
padding: 20px;
 +
height: 100%;
 +
background-color: #353535;" id="menu2" class="visible-xs 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="col-md-12" style="
+
 
 +
 
 +
                                        <div class="dropdown__container" style="left: 75px;">
 +
                              <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: -75px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>
 +
                        <a href="https://2018.igem.org/Team:Valencia_UPV/Team" style="
 +
color: white;">Team</a>
 +
                        </li>
 +
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Attributions" style="
 +
color: white;">Attributions </a></li>
 +
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Collaborations" style="
 +
color: white;">Collaborations</a></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: 75px;">
 +
                              <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: -75px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>
 +
  <a href="https://2018.igem.org/Team:Valencia_UPV/Description" style="
 +
color: white;">Description</a>
 +
</li>
 +
<li>
 +
  <a href="https://2018.igem.org/Team:Valencia_UPV/Design" style="
 +
color: white;">Design</a>
 +
</li><li>
 +
  <a href="https://2018.igem.org/Team:Valencia_UPV/Experiments" style="
 +
color: white;">Experiments</a>
 +
</li>
 +
 
 +
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Applied_Design" style="
 +
color: white;">Applied Design</a></li>
 +
 
 +
<li><a href="https://2018.igem.org/Team:Valencia_UPV/InterLab" style="
 +
color: white;">Inter Lab</a></li><li><a href="https://2018.igem.org/Team:Valencia_UPV/Safety" style="
 +
color: white;">Safety</a></li><li><a href="https://2018.igem.org/Team:Valencia_UPV/Improve" style="
 +
color: white;">Improve</a></li><li><a href="https://2018.igem.org/Team:Valencia_UPV/Demonstrate" style="
 +
color: white;">Demonstrate</a></li>
 +
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Goals" style="
 +
color: white;">Goals</a></li>
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div><!--end dropdown container-->
 +
                                    </li>
 +
 
 +
<li style="
 +
cursor: pointer;font-family: 'Lato' !important;;">
 +
<a style="
 +
opacity: 1;
 +
color: white;font-size: 1em;
 +
line-height: 2.166666666666667em;  font-weight: 500 !important;tant;mportant;
 +
letter-spacing: .5px;;" href="https://2018.igem.org/Team:Valencia_UPV/Medals">Parts</a>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li><li style="
 +
cursor: pointer;font-family: 'Lato' !important;;">
 +
<a style="
 +
opacity: 1;
 +
color: white;font-size: 1em;
 +
line-height: 2.166666666666667em;  font-weight: 500 !important;tant;mportant;
 +
letter-spacing: .5px;;" href="https://2018.igem.org/Team:Valencia_UPV/Medals">Results</a>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                   
 +
 
 +
 
 +
 
 +
                                    <li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Human</span>
 +
<div class="dropdown__container" style="left: 75px;">
 +
                              <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: -75px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li><a href="https://2018.igem.org/Team:Valencia_UPV/Human_Practices" style="
 +
color: white;">Human Practices</a></li>
 +
 
 +
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Public_Engagement" style="
 +
color: white;">Public Engagement</a></li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
 
 +
<li style="
 +
cursor: pointer;font-family: 'Lato' !important;;">
 +
<a style="
 +
opacity: 1;
 +
color: white;font-size: 1em;
 +
line-height: 2.166666666666667em;  font-weight: 500 !important;tant;mportant;
 +
letter-spacing: .5px;;" href="https://2018.igem.org/Team:Valencia_UPV/Medals">Medals</a>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
 
 +
 
 +
 
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                   
 +
 
 +
                                   
 +
                                </ul>
 +
 
 +
</div><div class="col-md-12" style="
 
padding: 0px;
 
padding: 0px;
 
     margin: 0 auto;">
 
     margin: 0 auto;">
Line 56: Line 225:
 
height: 64px;">
 
height: 64px;">
 
<img class="dropdown__trigger navLinks" src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
 
<img class="dropdown__trigger navLinks" src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
height: 64px; width: 224px; margin-top: 0; !important "><div class="dropdown__container" style="
+
height: 64px; width: 224px; margin-top: 0; !important "><div class="dropdown__container" style="top: 45px; left: 75px;">
top: 45px;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="
+
                           <div class="col-md-3 col-lg-3 dropdown__content" style="box-shadow: none; cursor: pointer; background-color: transparent; padding: 0px; left: -75px;">
box-shadow: none;
+
cursor: pointer; background-color: transparent; padding: 0px; left: 15px;">
+
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
padding-right: 45px;
 
padding-right: 45px;
Line 98: Line 264:
  
  
                                         <div class="dropdown__container" style="left: -597.265625px;">
+
                                         <div class="dropdown__container" style="left: 75px;">
 
                               <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: 597.265625px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: -75px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 129: Line 295:
  
 
                                          
 
                                          
                                         <div class="dropdown__container" style="left: -677.859375px;">
+
                                         <div class="dropdown__container" style="left: 75px;">
 
                               <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: 677.859375px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: -75px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 188: Line 354:
 
                                          
 
                                          
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
                                     </li><li style="
+
                                     <li style="
 
cursor: pointer;font-family: 'Lato' !important;;">
 
cursor: pointer;font-family: 'Lato' !important;;">
 
<a style="
 
<a style="
Line 212: Line 378:
 
                                     <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: -941.984375px;">
+
<div class="dropdown__container" style="left: 75px;">
 
                               <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: 941.984375px;">
+
                           <div class="col-md-3 col-lg-3 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: -75px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 277: Line 443:
 
               <div class="header" style="top: 8px; position: relative;">
 
               <div class="header" style="top: 8px; position: relative;">
 
               <div class="progress-container" style=" height: 8px;">
 
               <div class="progress-container" style=" height: 8px;">
                   <div style="height: 8px;" class="progress-bar" id="myBar"></div>
+
                   <div style="height: 8px; width: 76.49006622516556%;" class="progress-bar" id="myBar"></div>
 
               </div>  
 
               </div>  
 
             </div>
 
             </div>

Revision as of 08:41, 9 October 2018