Difference between revisions of "Template:Queens Canada/Navbar"

m (Attempting circular QGEM logo on the navbar again pt.2)
 
(47 intermediate revisions by 3 users not shown)
Line 63: Line 63:
 
}
 
}
 
#circle {
 
#circle {
    background-image: url("https://static.igem.org/mediawiki/2018/3/39/T--Queens_Canada--favicondos2018.jpg");
 
 
     background-color: #cccccc;
 
     background-color: #cccccc;
 +
}
 +
 +
ul > li:last-child ul{
 +
    right: 4px;
 +
    left: auto;
 
}
 
}
 
</style>
 
</style>
  
 
<!-- Top menu -->
 
<!-- Top menu -->
<nav style="z-index: 10001;" class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation">
+
<nav style="z-index: 10001;background:#0485BF" class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation">
 
<div class="containerMenu">
 
<div class="containerMenu">
 
<div class="navbar-header">
 
<div class="navbar-header">
Line 75: Line 79:
 
                     <div class="navbar-brand">
 
                     <div class="navbar-brand">
 
                     <div id="circle">
 
                     <div id="circle">
                        <a id="homelink" href="https://2018.igem.org/Team:Queens_Canada" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 9999;"></a>
+
                      <a id="homelink" href="https://2018.igem.org/Team:Queens_Canada" style="position: absolute; left: 27.4px; width: 80%; top:30px; height: 80%; border-radius: 50%; z-index: 9999;"><img src="https://static.igem.org/mediawiki/2018/3/39/T--Queens_Canada--favicondos2018.jpg"></a>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 84: Line 88:
 
<!-- Collect the nav links, forms, and other content for toggling -->
 
<!-- Collect the nav links, forms, and other content for toggling -->
 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav pull-right">
+
<ul class="nav navbar-nav pull-right" style="margin-right:50px">
                         <li class="dropdown"><a href="https://2018.igem.org/Team:Queens_Canada/Team">People <span class="caret"></span></a>
+
                         <li class="dropdown" style="color:#f9f9f9"><a href="https://2018.igem.org/Team:Queens_Canada/Description"style="color:#f9f9f9">Project<span class="caret"></span></a>
                         <ul class="dropdown-menu">
+
                         <ul class="dropdown-menu"style="background-color:#0485BF">
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Team">Team</a></li>
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Description"style="color:#f9f9f9">Overview</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Attributions">Attributions</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Background"style="color:#f9f9f9">Background</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Sponsoring">Sponsoring</a></li>
+
 
                         </ul>
 
                         </ul>
 
                         </li>
 
                         </li>
<li class="dropdown"><a href="https://2018.igem.org/Team:Queens_Canada/Description">Project <span class="caret"></span></a>
+
<li class="dropdown"style="color:#f9f9f9"><a href="https://2018.igem.org/Team:Queens_Canada/Lab"style="color:#f9f9f9">Laboratory<span class="caret"></span></a>
                         <ul class="dropdown-menu">
+
                         <ul class="dropdown-menu"style="background-color:#0485BF">
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Description">Overview</a></li>  
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Lab"style="color:#f9f9f9">Overview</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Design">Background &amp; Design </a></li>  
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Design"style="color:#f9f9f9">Design</a></li>
                        <li class="divider"></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Experiments"style="color:#f9f9f9">Experiments</a></li>  
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Results">Results Summary</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Demonstrate"style="color:#f9f9f9">Results</a></li>
                        <li class="divider"></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Improve"style="color:#f9f9f9">Improve</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/InterLab">InterLab Study</a></li>  
+
<li class="divider"></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Achievements">Achievements</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Parts"style="color:#f9f9f9">Parts</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Safety"style="color:#f9f9f9">Safety</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook"style="color:#f9f9f9">Notebook</a></li>
 
                         </ul>
 
                         </ul>
 
                         </li>
 
                         </li>
                         <li class="dropdown"><a href="https://2018.igem.org/Team:Queens_Canada/Parts">Parts <span class="caret"></span></a>
+
                         <li class="dropdown"style="color:#f9f9f9"><a href="https://2018.igem.org/Team:Queens_Canada/Model"style="color:#f9f9f9">Modelling<span class="caret"></span></a>
                         <ul class="dropdown-menu">
+
                         <ul class="dropdown-menu"style="background-color:#0485BF">
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Parts">Do</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Model"style="color:#f9f9f9">Overview</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Parts/Basic_Part">We</a></li>  
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Molecular_Dynamic_Simulations"style="color:#f9f9f9">Molecular Dynamic Simulations</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Parts/Composite_Part">Need</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Linker_Development"style="color:#f9f9f9">Linker Development</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Parts/Improved_Part">This?</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Michaelis-Menten_Kinetics"style="color:#f9f9f9">Michaelis-Menten Kinetics</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Fluid_Dynamics"style="color:#f9f9f9">Fluid Dynamics</a></li>
 
                         </ul>
 
                         </ul>
 
                         </li>
 
                         </li>
<li class="dropdown"><a href="https://2018.igem.org/Team:Queens_Canada/Model">Modeling <span class="caret"></span></a>
+
<li class="dropdown"style="color:#f9f9f9"><a href="https://2018.igem.org/Team:Queens_Canada/Hardware"style="color:#f9f9f9">Hardware<span class="caret"></span></a>
                         <ul class="dropdown-menu">
+
                         <ul class="dropdown-menu"style="background-color:#0485BF">
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Model">Overview</a></li>  
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Hardware"style="color:#f9f9f9">Overview</a></li>  
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Model/Phage_Titer">To add...</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Pacifier"style="color:#f9f9f9">Pacifier</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Luminometer"style="color:#f9f9f9">Luminometer</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Thermistor"style="color:#f9f9f9">Thermistor</a></li>
 +
 
 +
 
 
                         </ul>
 
                         </ul>
 
                         </li>
 
                         </li>
<li class="dropdown"><a href="https://2018.igem.org/Team:Queens_Canada/Software">Software <span class="caret"></span></a>
+
<li class="dropdown"><a href="https://2018.igem.org/Team:Queens_Canada/Software"style="color:#f9f9f9">Software <span class="caret"></span></a>
                         <ul class="dropdown-menu">
+
                         <ul class="dropdown-menu"style="background-color:#0485BF">
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Software">Something</a></li>  
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Software"style="color:#f9f9f9">Overview</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Software/DeeProtein">Will</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Luminometer_Software"style="color:#f9f9f9">Luminometer</a></li>  
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Software/GAIA">Go</a></li>  
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Linker_Software"style="color:#f9f9f9">Linker Software</a></li>  
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Software/SafetyNet">Here</a></li>  
+
 
                         </ul>
 
                         </ul>
 
                         </li>
 
                         </li>
<li class="dropdown"><a href="https://2018.igem.org/Team:Queens_Canada/Human_Practices">Human Practices <span class="caret"></span></a>
+
<li class="dropdown"style="color:#f9f9f9"><a href="https://2018.igem.org/Team:Queens_Canada/Human_Practices"style="color:#f9f9f9">Human Practices <span class="caret"></span></a>
                         <ul class="dropdown-menu">
+
                         <ul class="dropdown-menu"style="background-color:#0485BF">
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Human_Practices">Overview</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Human_Practices"style="color:#f9f9f9">Overview</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/HP/Gold_Integrated">Integrated Human Practices</a></li>
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Interviews"style="color:#f9f9f9">Expert Interviews</a></li>
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Interviews">Expert Interviews</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Market"style="color:#f9f9f9">Market Analysis</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Safety">Safety &amp; Security</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Public_Engagement"style="color:#f9f9f9">Education &amp; Engagement</a></li>
                            <li class="divider"></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Collaborations"style="color:#f9f9f9">Collaborations</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Engagement">Public Engagement</a></li>
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/InterLab"style="color:#f9f9f9">InterLab</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Education">Education</a></li>
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Collaborations">Collaborations</a></li>
+
 
                              
 
                              
 
                         </ul>
 
                         </ul>
 
                         </li>
 
                         </li>
                        <li class="dropdown"><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">Notebook <span class="caret"></span></a>
+
<li class="dropdown"style="color:#f9f9f9"><a href="https://2018.igem.org/Team:Queens_Canada/Team"style="color:#f9f9f9">QGEM<span class="caret"></span></a>
                         <ul class="dropdown-menu">
+
                         <ul class="dropdown-menu"style="background-color:#0485BF">
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">Overview</a></li>  
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Team"style="color:#f9f9f9">Team</a></li>
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Experiments">Methods</a></li>  
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Attributions"style="color:#f9f9f9">Attributions</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Materials">Materials</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Sponsors"style="color:#f9f9f9">Sponsors</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Database">Notebook Database</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Entrepreneurship"style="color:#f9f9f9">Entrepreneurship</a></li>
 
                              
 
                              
 
                         </ul>
 
                         </ul>
 
                         </li>
 
                         </li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Database">Something Else?</a></li>
 
 
        </ul>
 
        </ul>
 
</div>
 
</div>
Line 165: Line 171:
  
 
         <ul class="nav navmenu-nav" id="sidenav">
 
         <ul class="nav navmenu-nav" id="sidenav">
             <li><a data-toggle="collapse" data-target="#People_side">People <i class="fa fa-fw fa-caret-down"></i></a>
+
             <li><a data-toggle="collapse" data-target="#People_side">Project<i class="fa fa-fw fa-caret-down"></i></a>
 
                         <ul id="People_side" class="collapse side">
 
                         <ul id="People_side" class="collapse side">
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Team">Team</a></li>
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Description">Overview</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Attributions">Attributions</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Background">Background</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Sponsoring">Sponsoring</a></li>
+
 
                         </ul>
 
                         </ul>
 
                          
 
                          
 
                         </li>
 
                         </li>
 
            
 
            
<li><a data-toggle="collapse" data-target="#Project_side">Project <i class="fa fa-fw fa-caret-down"></i></a>
+
<li><a data-toggle="collapse" data-target="#Project_side">Laboratory<i class="fa fa-fw fa-caret-down"></i></a>
 
                         <ul id="Project_side" class="collapse side">
 
                         <ul id="Project_side" class="collapse side">
                         <li><a href="https://2018.igem.org/Team:Queens_Canada/Description">Overview</a></li>  
+
                         <li><a href="https://2018.igem.org/Team:Queens_Canada/Lab">Overview</a></li>  
                         <li><a href="https://2018.igem.org/Team:Queens_Canada/Design">Background &amp; Design </a></li>  
+
                         <li><a href="https://2018.igem.org/Team:Queens_Canada/Design">Design</a></li>
                         <li><a href="https://2018.igem.org/Team:Queens_Canada/Results">Results Summary</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Experiments">Experiments</a></li>  
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/InterLab">InterLab Study</a></li>  
+
                         <li><a href="https://2018.igem.org/Team:Queens_Canada/Demonstrate">Results</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Achievements">Achievements</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Improve">Improve</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Parts">Parts</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Safety">Safety</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">Notebook</a></li>
 
                         </ul>
 
                         </ul>
 
                         </li>
 
                         </li>
 
              
 
              
 
              
 
              
             <li><a data-toggle="collapse" data-target="#Parts_side">Parts <i class="fa fa-fw fa-caret-down"></i></a>
+
             <li><a data-toggle="collapse" data-target="#Parts_side">Modelling<i class="fa fa-fw fa-caret-down"></i></a>
 
             <ul id="Parts_side" class="collapse side">
 
             <ul id="Parts_side" class="collapse side">
             <li><a href="https://2018.igem.org/Team:Queens_Canada/Parts">Do</a></li>
+
             <li><a href="https://2018.igem.org/Team:Queens_Canada/Model">Overview</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Parts#Basic_Part">We</a></li>  
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Molecular_Dynamic_Simulations">Molecular Dynamic Simulations</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Parts#Composite_Part">Need</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Linker_Development">Linker Development</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Parts#Improved_Part">This?</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Michaelis-Menten_Kinetics">Michaelis-Menten Kinetics</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Fluid_Dynamics">Fluid Dynamics</a></li>
 
             </ul>
 
             </ul>
 
             </li>
 
             </li>
           
+
                         <li><a data-toggle="collapse" data-target="#Model_side">Hardware<i class="fa fa-fw fa-caret-down"></i></a>
           
+
                         <li><a data-toggle="collapse" data-target="#Model_side">Modeling <i class="fa fa-fw fa-caret-down"></i></a>
+
 
                         <ul id="Model_side" class="collapse side">
 
                         <ul id="Model_side" class="collapse side">
                         <li><a href="https://2018.igem.org/Team:Queens_Canada/Model">Overview</a></li>  
+
                         <li><a href="https://2018.igem.org/Team:Queens_Canada/Hardware">Overview</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Model/Phage_Titer">To add...</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Pacifier">Pacifier</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Luminometer">Luminometer</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/Thermistor">Thermistor</a></li>  
 +
 
 
                         </ul>
 
                         </ul>
 
                         </li>
 
                         </li>
  
                         <li><a data-toggle="collapse" data-target="#AI_side">Software <i class="fa fa-fw fa-caret-down"></i></a>
+
                         <li><a data-toggle="collapse" data-target="#AI_side">Software<i class="fa fa-fw fa-caret-down"></i></a>
 
                         <ul id="AI_side" class="collapse side">
 
                         <ul id="AI_side" class="collapse side">
                         <li><a href="https://2018.igem.org/Team:Queens_Canada/Software">Something</a></li>  
+
                         <li><a href="https://2018.igem.org/Team:Queens_Canada/Software">Overview</a></li>
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Software/DeeProtein">Will</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Luminometer_Software">Luminometer</a></li>  
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Software/GAIA">Go</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Linker_Software">Linker Software</a></li>  
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Software/SafetyNet">Here</a></li>  
+
 
                         </ul>
 
                         </ul>
 
                         </li>
 
                         </li>
 
              
 
              
                         <li><a data-toggle="collapse" data-target="#HP_side">Human Practices <i class="fa fa-fw fa-caret-down"></i></a>
+
                         <li><a data-toggle="collapse" data-target="#HP_side">Human Practices<i class="fa fa-fw fa-caret-down"></i></a>
 
                         <ul id="HP_side" class="collapse side">
 
                         <ul id="HP_side" class="collapse side">
 
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Human_Practices">Overview</a></li>
 
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Human_Practices">Overview</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/HP/Gold_Integrated">Integrated Human Practices</a></li>
 
 
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Interviews">Expert Interviews</a></li>
 
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Interviews">Expert Interviews</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Safety">Safety &amp; Security</a></li>
+
<li><a href="https://2018.igem.org/Team:Queens_Canada/Market">Market Analysis</a></li>
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Engagement">Public Engagement</a></li>
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Public_Engagement">Education &amp; Engagement</a></li>
                            <li><a href="https://2018.igem.org/Team:Queens_Canada/Education">Education</a></li>
+
 
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Collaborations">Collaborations</a></li>
 
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2018.igem.org/Team:Queens_Canada/InterLab">InterLab</a></li>
 
                         </ul>
 
                         </ul>
                       
 
 
                         </li>
 
                         </li>
           
+
                       
+
<li><a data-toggle="collapse" data-target="#Team_side">QGEM<i class="fa fa-fw fa-caret-down"></i></a>
                        <li><a data-toggle="collapse" data-target="#Notebook_side">Notebook <i class="fa fa-fw fa-caret-down"></i></a>
+
                        <ul id="Team_side" class="collapse side">
                        <ul id="Notebook_side" class="collapse side">
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Team">Team</a></li>
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">Overview</a></li>  
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Attributions">Attributions</a></li>
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Experiments">Methods</a></li>  
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Sponsors">Sponsors</a></li>
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Materials">Materials</a></li>
+
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Entrepreneurship">Entrepreneurship</a></li>
                             <li><a href="https://2018.igem.org/Team:Queens_Canada/Database">Notebook Database</a></li>
+
 
                         </ul>
 
                         </ul>
                       
 
 
                         </li>
 
                         </li>
           
+
        </ul>
                     
+
                        <li><a href="https://2018.igem.org/Team:Queens_Canada/Toolbox">Something else?</a></li>
+
        </ul>
+
 
     </nav>
 
     </nav>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:05, 16 October 2018