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

 
(12 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>  
 
<html>  
<div class="nav-container" style="
+
<div class="nav-container" style="margin-bottom: 1.85714em; border-bottom-width: 0px;">
margin-bottom: 1.85714286em; border-bottom: 0px;">
+
 
             <div class="bar bar--sm visible-xs" style="
 
             <div class="bar bar--sm visible-xs" style="
 
height: 108px;
 
height: 108px;
Line 45: Line 44:
  
  
                                         <div class="dropdown__container" style="left: 142.5px;">
+
                                         <div class="dropdown__container" style="left: 150px;">
 
                               <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: -142.5px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: -150px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 63: Line 62:
 
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Collaborations" style="
 
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Collaborations" style="
 
color: white;">Collaborations</a></li>
 
color: white;">Collaborations</a></li>
 +
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Gallery" style="
 +
color: white;">Gallery</a></li>
 
                         </ul>
 
                         </ul>
 
                           </div>
 
                           </div>
Line 79: Line 80:
  
 
                                          
 
                                          
                                         <div class="dropdown__container" style="left: 142.5px;">
+
                                         <div class="dropdown__container" style="left: 150px;">
 
                               <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: -142.5px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: -150px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 116: Line 117:
 
color: white;">Software</a></li>
 
color: white;">Software</a></li>
 
<li><a href="https://2018.igem.org/Team:Valencia_UPV/GraphicDesign" style="
 
<li><a href="https://2018.igem.org/Team:Valencia_UPV/GraphicDesign" style="
color: white;">Graphic design</a></li>
+
color: white;">Graphic Design</a></li>
  
  
Line 129: Line 130:
 
<li class="dropdown dropdown--hover">
 
<li class="dropdown dropdown--hover">
 
                                         <span class="dropdown__trigger navLinks">Parts</span>
 
                                         <span class="dropdown__trigger navLinks">Parts</span>
<div class=" dropdown__container" style="left: 142.5px;">
+
<div class=" dropdown__container" style="left: 150px;">
 
                               <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: -142.5px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: -150px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 161: Line 162:
 
                                          
 
                                          
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
                                     </li><li style="
+
 
cursor: pointer;font-family: 'Lato' !important;;">
+
 
<a style="
+
 
opacity: 1;
+
                                     </li><li class="dropdown dropdown--hover">
color: white;font-size: 1em;
+
                                        <span class="dropdown__trigger navLinks">Results</span>
line-height: 2.166666666666667em; font-weight: 500 !important;tant;mportant;
+
<div class="dropdown__container" style="left: 150px;">
letter-spacing: .5px;;" href="https://2018.igem.org/Team:Valencia_UPV/Medals">Results</a>
+
                              <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: -150px;">
 +
                        <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/Results" style="
 +
color: white;">Results</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/Improve" style="
 +
color: white;">Improve</a></li>
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
  
 
                                          
 
                                          
Line 178: Line 201:
 
                                     <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: 142.5px;">
+
<div class="dropdown__container" style="left: 150px;">
 
                               <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: -142.5px;">
+
                           <div class="col-md-3 col-lg-3 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: -150px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 190: Line 213:
 
                         <li><a href="https://2018.igem.org/Team:Valencia_UPV/Human_Practices" style="
 
                         <li><a href="https://2018.igem.org/Team:Valencia_UPV/Human_Practices" style="
 
color: white;">Human Practices</a></li>
 
color: white;">Human Practices</a></li>
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Integrated_Human" style="
+
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Human_Practices#Integrated" style="
 
color: white;">Integrated Human</a></li>
 
color: white;">Integrated Human</a></li>
  
Line 249: Line 272:
 
                          
 
                          
 
                         <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
 
                         <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
                             <div class="col-lg-3 col-md-3 hidden-xs" style="
+
                             <div class="col-lg-4 col-md-4 hidden-xs" style="
 
padding-top: 0.2em;
 
padding-top: 0.2em;
 
padding-right: 4px;
 
padding-right: 4px;
Line 263: Line 286:
 
                               <div class="container">
 
                               <div class="container">
 
                             <div class="row">
 
                             <div class="row">
                           <div class="col-md-4 col-lg-4 dropdown__content" style="box-shadow: none; cursor: pointer; background-color: transparent; padding: 0px; left: 15px;">
+
                           <div class="col-md-7 col-lg-7 dropdown__content" style="box-shadow: none; cursor: pointer; background-color: transparent; padding: 0px; left: 15px;">
 
<!--MENU HARDWARE - SOFTWARE - MODELING --->
 
<!--MENU HARDWARE - SOFTWARE - MODELING --->
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
Line 273: Line 296:
 
padding-top: 26px;;
 
padding-top: 26px;;
 
list-style-type: none;">
 
list-style-type: none;">
                         <a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><img src="https://static.igem.org/mediawiki/2018/b/b9/T--Valencia_UPV--iconHardwareUPV2018.png" class="col-md-4" style="
+
                         <a href="https://2018.igem.org/Team:Valencia_UPV/Hardware" style="
right: -1px;
+
width: 3em !important;
 +
;"><img src="https://static.igem.org/mediawiki/2018/b/b9/T--Valencia_UPV--iconHardwareUPV2018.png" class="col-md-4" style="
 +
width: 7em;
 +
right: -3px;
 
height: 100%;
 
height: 100%;
 
border-radius: 0px !important;
 
border-radius: 0px !important;
Line 280: Line 306:
 
padding-right: 0px !important;
 
padding-right: 0px !important;
 
margin-top: 0px;
 
margin-top: 0px;
padding-left: 0px;" href="https://2018.igem.org/Team:Valencia_UPV/Team"></a><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><img src="https://static.igem.org/mediawiki/2018/d/d1/T--Valencia_UPV--iconSoftwareUPV2018.png" class="col-md-4" style="
+
padding-left: 0px;" href="https://2018.igem.org/Team:Valencia_UPV/Team"></a>
width: 100%;
+
<a href="https://2018.igem.org/Team:Valencia_UPV/Software"><img src="https://static.igem.org/mediawiki/2018/d/d1/T--Valencia_UPV--iconSoftwareUPV2018.png" class="col-md-4" style="
 +
left: -1px;;
 +
width: 7em;
 +
/* width: 100%; */
 +
border-radius: 0px !important;
 +
 
 +
padding-right: 0px !important;
 +
margin-top: 0px;; padding-left: 0px;"></a><a href="https://2018.igem.org/Team:Valencia_UPV/Design"><img src="https://static.igem.org/mediawiki/2018/f/f6/T--Valencia_UPV--iconDesignUPV2018.png" class="col-md-4" style="
 +
margin-left: -2px;
 +
width: 7em;
 
border-radius: 0px !important;
 
border-radius: 0px !important;
  
Line 288: Line 323:
 
width: 100%;"><img src="https://static.igem.org/mediawiki/2018/0/0e/T--Valencia_UPV--iconModellingUPV2018.png" class="col-md-4" style="
 
width: 100%;"><img src="https://static.igem.org/mediawiki/2018/0/0e/T--Valencia_UPV--iconModellingUPV2018.png" class="col-md-4" style="
 
right: 2px;
 
right: 2px;
width: 100%;
+
width: 7em;
 
border-radius: 0px !important;
 
border-radius: 0px !important;
 
padding-right: 0px !important;
 
padding-right: 0px !important;
Line 315: Line 350:
  
  
                                         <div class="dropdown__container" style="left: -607.90625px;">
+
                                         <div class="dropdown__container" style="left: -431px;">
 
                               <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: 607.90625px;">
+
                           <div class="col-md-2 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 431px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 333: Line 368:
 
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Collaborations" style="
 
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Collaborations" style="
 
color: white;">Collaborations</a></li>
 
color: white;">Collaborations</a></li>
 +
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Gallery" style="
 +
color: white;">Gallery</a></li>
 
                         </ul>
 
                         </ul>
 
                           </div>
 
                           </div>
Line 350: Line 387:
  
 
                                          
 
                                          
                                         <div class="dropdown__container" style="left: -688.5px;">
+
                                         <div class="dropdown__container" style="left: -508.844px;">
 
                               <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: 688.5px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 508.844px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 384: Line 421:
 
color: white;">Safety</a></li>
 
color: white;">Safety</a></li>
 
<li><a href="https://2018.igem.org/Team:Valencia_UPV/GraphicDesign" style="
 
<li><a href="https://2018.igem.org/Team:Valencia_UPV/GraphicDesign" style="
color: white;">Graphic design</a></li>
+
color: white;">Graphic Design</a></li>
  
  
Line 399: Line 436:
  
 
                                          
 
                                          
                                         <div class="dropdown__container" style="left: -688.5px;">
+
                                         <div class="dropdown__container" style="left: -605.953px;">
 
                               <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: 688.5px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 605.953px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 439: Line 476:
 
                                     <li class="dropdown dropdown--hover">
 
                                     <li class="dropdown dropdown--hover">
 
                                         <span class="dropdown__trigger navLinks">Parts</span>
 
                                         <span class="dropdown__trigger navLinks">Parts</span>
<div class=" dropdown__container" style="left: -881.234375px;">
+
<div class=" dropdown__container" style="left: -707.219px;">
 
                               <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: 881.234375px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 707.219px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 480: Line 517:
 
                                     <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: -967.171875px;">
+
<div class=" dropdown__container" style="left: -790.484px;">
 
                               <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: 967.171875px;">
+
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 790.484px;">
 
                         <ul class="menu-vertical" style="
 
                         <ul class="menu-vertical" style="
 
color: white;
 
color: white;
Line 493: Line 530:
 
color: white;">Human Practices</a></li>
 
color: white;">Human Practices</a></li>
  
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Integrated_Human" style="
+
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Human_Practices#Integrated" style="
 
color: white;">Integrated Human</a></li>
 
color: white;">Integrated Human</a></li>
  
Line 515: Line 552:
 
                                          
 
                                          
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
                                     </li><li style="
+
                                     </li><li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Awards</span>
 +
<div class=" dropdown__container" style="left: -882.969px;">
 +
                              <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: 882.969px;">
 +
                        <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/Medals" style="
 +
color: white;">Medals</a></li>
 +
 
 +
<li><a href="https://2018.igem.org/Team:Valencia_UPV/Awards" style="
 +
color: white;">Awards</a></li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
 
 +
<li style="
 
cursor: pointer;font-family: 'Lato' !important;;">
 
cursor: pointer;font-family: 'Lato' !important;;">
 
<a style="
 
<a style="
Line 523: Line 598:
 
text-transform: uppercase;
 
text-transform: uppercase;
 
font-weight: 600 !important;tant;mportant;
 
font-weight: 600 !important;tant;mportant;
letter-spacing: .5px;;" href="https://2018.igem.org/Team:Valencia_UPV/Medals">
+
letter-spacing: .5px;;" href="https://2018.igem.org/Team:Valencia_UPV/PressAndContact">PRESS &amp; CONTACT
                                       
+
MEDALS
+
 
</a>
 
</a>
  
Line 550: Line 623:
 
               <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; width: 0%;" class="progress-bar" id="myBar"></div>
+
                   <div style="height: 8px; width: 0px;" class="progress-bar" id="myBar"></div>
 
               </div>  
 
               </div>  
 
             </div>
 
             </div>
Line 556: Line 629:
 
</div>
 
</div>
 
                     </div>
 
                     </div>
 
 
</html>
 
</html>

Latest revision as of 00:52, 8 December 2018