|
|
(57 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> |
− | /* MENU STYLE */ | + | <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> |
− | #sideFiller img {
| + | <li><a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver/Beekeepers">BeeKeepers</a></li> |
− | width:95%;
| + | <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> |
− | .hideMenu a { | + | </li> |
− | color: white;
| + | |
− | text-decoration:none;
| + | <li class="white"> <a href="https://2016.igem.org/Team:UPMC-Paris/Collaborations"><strong>Collaborations </strong></a> |
− | 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;
| + | |
− | }
| + | |
− | }
| + | |
| | | |
| + | <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> |
| </nav> | | </nav> |
| </div> | | </div> |
− | | + | </br> |
| </html> | | </html> |