Difference between revisions of "Template:UPMC-Paris/Header"

 
(56 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{UPMC-Paris/CSS}}
 
{{UPMC-Paris/CSS}}
 
<html>
 
<html>
−
<div id="header" >
+
<div id="header":before >
 
<nav id="colorNav">
 
<nav id="colorNav">
 +
<ul>
 +
 +
<li class="white">
 +
<a href="https://2016.igem.org/wiki/index.php?title=Team:UPMC-Paris"> <strong> Project </strong> </a>
 
<ul>
 
<ul>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Project/overview">Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Design">Design</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Experiments">Experiments</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Application">Application</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Proof">Proof</a></li>
 +
 +
</ul>
 +
</li>
  
−
<li class="white">
+
<li class="white">
−
<a href="https://2016.igem.org/Team:UPMC-Paris"> HOME </a>
+
<a href="#"> <strong> LAB life </strong> </a>
−
</li>
+
<ul>
−
<li class="white">
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/La_Paillasse">La Paillasse</a></li>
−
<a href="#"> TEAM </a>
+
−
<ul>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Safety">Safety</a></li>
−
<li><a href=" https://2016.igem.org/Team:UPMC-Paris/Team">Team</a></li>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Notebook">Notebook</a></li>
−
<li><a href="#">Collaborations</a></li>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Material">Material</a></li>
−
<!-- More dropdown options -->
+
</ul>
−
</ul>
+
</li>
−
</li>
+
−
<li class="white">
+
−
<a href="#"> PROJECT </a>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Description">Description</a></li>
+
−
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Design">Design</a></li>
+
−
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Experiments">Experiments</a></li>
+
−
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Proof">Proof of Concept</a></li>
+
−
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Demonstrate">Demonstrate</a></li>
+
−
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Results">Results</a></li>
+
−
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Notebook">Notebook</a></li>
+
−
<!-- More dropdown options -->
+
−
</ul>
+
−
</li>
+
−
<li class="white">
+
−
<a href="#"> PARTS </a>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Parts">Parts</a></li>
+
−
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Basic_Part">Basic Parts</a></li>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Composite_Part">Composite Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Part_Collection">Part Collection </a></li>
+
−
<!-- More dropdown options -->
+
−
</ul>
+
−
</li>
+
−
<li class="white">
+
−
<a href="https://2016.igem.org/Team:UPMC-Paris/Safety"> SAFETY </a>
+
−
</li>
+
−
                <li class="white">
+
−
<a href="https://2016.igem.org/Team:UPMC-Paris/Attributions"> ATTRIBUTIONS </a>
+
−
</li>
+
−
<li class="white"> <a href="#">HUMAN PRACTICES </a>
+
−
<ul>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Human_Practices"> Human Practices </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver">Silver </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/HP/Gold">Gold </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Integrated_Practices">Integrated Practices </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Engagement">Engagement </a></li>
+
−
                    </ul>
+
−
                </li>
+
−
                <li class="white">
+
−
<a href="#"> AWARDS </a>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Entrepreneurship">Entrepreneurship </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Hardware">Hardware </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Software">Software </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Measurement"> Measurement </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Model">Model </a></li>
+
  
−
<!-- More dropdown options -->
+
<li class="white">
−
</ul>
+
<a href="#"> <strong> Parts </strong> </a>
−
</li>
+
<ul>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Description">Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Basic_Part">Basic</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Composite_Part">Composite</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Part_Collection">Collection</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Part_Characterization">Characterization</a></li>
 +
</ul>
 +
</li>
  
−
<!-- More menu items -->
+
<li class="white"> <a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver"> <strong> Human Practice </strong> </a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/HP/Overview">Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver/Awareness">Awareness</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver/Beekeepers">BeeKeepers</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver/Searchers">Researchers</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/HP/Gold">The Interview</a></li>
 +
    </ul>
 +
</li>
 +
 +
<li class="white"> <a href="https://2016.igem.org/Team:UPMC-Paris/Collaborations"><strong>Collaborations </strong></a>
 +
  
 +
<li class="white"><a href="#"> <strong> About us </strong> </a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Team">Team</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Attributions">Attributions</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Team_Roster">Team Roster</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Achievement">Achievement</a></li>
 +
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Reference">Reference</a></li>
 +
</ul>
 
</ul>
 
</ul>
−
 
−
.hideMenu a {
 
−
    color: white;
 
−
    text-decoration:none;
 
−
    display:block;
 
−
    cursor: pointer;
 
−
    cursor: hand;
 
−
    outline : none;
 
−
}
 
−
 
−
 
−
.hideMenu {
 
−
    list-style: none;
 
−
    font-weight: bold;
 
−
    cursor: pointer;
 
−
    outline : none;
 
−
    -moz-user-select:-moz-none;
 
−
    -moz-user-select:none;
 
−
      -o-user-select:none;
 
−
  -khtml-user-select:none;
 
−
-webkit-user-select:none;
 
−
    -ms-user-select:none;
 
−
        user-select:none;
 
−
    text-align: center;
 
−
    height: 100px;
 
−
    width:80%;
 
−
    float:left;
 
−
    position:relative;
 
−
    margin: 0px;
 
−
    -webkit-transition: z-index 0s;
 
−
      -moz-transition: z-index 0s;
 
−
        -ms-transition: z-index 0s;
 
−
        -o-transition: z-index 0s;
 
−
            transition: z-index 0s;
 
−
    -webkit-transition-delay: 1s;
 
−
      -moz-transition-delay: 1s;
 
−
        -ms-transition-delay: 1s;
 
−
        -o-transition-delay: 1s;
 
−
            transition-delay: 1s;
 
−
}
 
−
 
−
#menuContainer .hideMenu {
 
−
    margin:0.3em 0 0 0;
 
−
}
 
−
 
−
.hideMenu li {
 
−
    color: #fff;
 
−
    text-transform:uppercase;
 
−
    cursor: pointer;
 
−
    margin:auto;
 
−
    outline : none;
 
−
/*    width:14.2857%;*/
 
−
    width:16.66666666%;
 
−
    float:left;
 
−
    z-index:10; 
 
−
    padding:10px 0 10px 0;
 
−
    border-radius: 20px;
 
−
    line-height:40px;
 
−
}
 
−
 
−
.hideMenu li ul {
 
−
    overflow:hidden;
 
−
    border-radius: 0px 0px 20px 20px;
 
−
    background: #00B058;
 
−
    display:none;
 
−
    position:relative;
 
−
    margin: 10px 0 0 0;
 
−
    z-index:100;
 
−
    list-style: none;
 
−
    width:100%;
 
−
}
 
−
 
−
 
−
 
−
 
−
.hideMenu li.sub {
 
−
    height:60px;
 
−
}
 
−
.hideMenu li.ignoreSwitch {
 
−
    line-height:normal;
 
−
}
 
−
.hideMenu li:hover {
 
−
    color:  #FFF;
 
−
    background-color: #00964B;
 
−
    cursor: pointer;
 
−
}
 
−
.hideMenu li.sub:hover {
 
−
    border-radius: 20px 20px 0px 0px;
 
−
    background:      -o-linear-gradient(top,#00964B,#19b768);
 
−
    background: -webkit-linear-gradient(top,#00964B,#19b768);
 
−
    background:    -moz-linear-gradient(top,#00964B,#19b768);
 
−
    background:        linear-gradient(top,#00964B,#19b768);
 
−
}
 
−
.hideMenu li:hover a{
 
−
    color:  #FFF;
 
−
}
 
−
.hideMenu li:hover ul {
 
−
    display:block;
 
−
}
 
−
/*Style the submenu buttons*/
 
−
.hideMenu li ul li {
 
−
    text-transform:capitalize;
 
−
    line-height:30px;
 
−
    border-radius: 0px;
 
−
    color: #383838;
 
−
    background-clip: border-box;
 
−
    padding:5px 0 5px 0;
 
−
    width:100%;
 
−
}
 
−
 
−
 
−
@media only screen and (max-device-width: 480px) {
 
−
.hideMenu {
 
−
    text-align: left;
 
−
    height:auto;
 
−
    float:none;
 
−
    margin: .3em 0 0 2em;
 
−
    background-color:#383838;
 
−
    position:absolute;
 
−
    width:100%;
 
−
}
 
−
#menuContainer .hideMenu {
 
−
    display:none;
 
−
}
 
−
 
−
.hideMenu li {
 
−
    font-size:70px;
 
−
    width:auto;
 
−
    line-height:120px;
 
−
    float:left;
 
−
    display:inline-block;
 
−
    clear:both;
 
−
    padding: 50px 0 50px 0;
 
−
}
 
−
.hideMenu li:hover {
 
−
    background:transparent;
 
−
}
 
−
.hideMenu li.ignoreSwitch br {
 
−
    display:none;
 
−
}
 
−
 
−
.hideMenu li.sub {
 
−
    height:auto;
 
−
    line-height:60px;
 
−
}
 
−
.hideMenu li.sub:hover {
 
−
    border-radius: 20px 20px 0px 0px;
 
−
    background: transparent;
 
−
}
 
−
.hideMenu li ul {
 
−
    margin: 0 0 0 20%;
 
−
    background:transparent;
 
−
    float:none;
 
−
    width:100%;
 
−
    display:none;
 
−
}
 
−
.hideMenu li:hover ul {
 
−
    display:none;
 
−
}
 
−
.hideMenu li ul li {
 
−
    line-height:120px;
 
−
    color: #fff;
 
−
}
 
−
.hideMenu li ul li:hover {
 
−
    line-height:120px;
 
−
    color: #fff;
 
−
    background-color: #00964B;
 
−
}
 
−
}
 
−
 
−
</ul>
 
 
</nav>
 
</nav>
 
</div>
 
</div>
−
 
+
</br>
 
</html>
 
</html>

Latest revision as of 16:04, 8 October 2016