Difference between revisions of "Template:Paris Bettencourt/Menu"
| Line 1: | Line 1: | ||
| − | |||
| − | |||
| − | |||
{{:Team:Paris_Bettencourt/Wiki}} | {{:Team:Paris_Bettencourt/Wiki}} | ||
| Line 8: | Line 5: | ||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'> | <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'> | ||
<style type="text/css"> | <style type="text/css"> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.navmenubkg { | .navmenubkg { | ||
| − | + | position:fixed; | |
| − | + | top:0; | |
| − | + | left:0; | |
| − | + | right:0; | |
| − | + | background:white; | |
| − | + | z-index : 100; | |
| − | + | height : 60px; | |
| − | + | align : center; | |
| + | margin-top: 16px; | ||
} | } | ||
.navmenubkg2 { | .navmenubkg2 { | ||
| − | + | position:fixed; | |
| − | + | height:50px; | |
| − | + | left:0; | |
| − | + | right:0; | |
| − | + | background:white; | |
| − | + | display : none; | |
| − | + | align : center; | |
| − | + | ||
} | } | ||
#navmenubox { | #navmenubox { | ||
| − | + | padding:0; | |
| − | + | margin-left:0; | |
| − | + | margin-right:0; | |
| − | + | width:100%; | |
| − | + | height:45px; | |
| − | + | background-color:transparent; | |
| − | + | align : center; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
.sidelogos { | .sidelogos { | ||
| − | + | float:left; | |
| − | + | display:block; | |
| − | + | margin-left:auto; | |
| − | + | height:100%; | |
| − | + | width:auto; | |
| − | + | top : 0; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | .sidelogos a { |
| − | + | display:block; | |
| − | + | top:0; | |
| − | + | bottom:0; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | #home { | |
| − | + | width : 40px; | |
| − | + | top : 0; | |
| − | + | ||
} | } | ||
| − | # | + | #mainpage { |
| − | + | float : left; | |
| − | + | margin-left : 50px; | |
| − | + | margin-top : 7px; | |
| − | + | ||
} | } | ||
#fbnoticon{ | #fbnoticon{ | ||
| − | + | width:33px; | |
} | } | ||
#twnoticon{ | #twnoticon{ | ||
| − | + | width:38px; | |
| + | margin-right:auto; | ||
} | } | ||
#igemlogo{ | #igemlogo{ | ||
| − | + | width:55px; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | #twnoticon img, #fbnoticon img, #igemlogo img, #onofflogo img{ | |
| − | + | background-color:rgb(46,43,52); | |
| − | + | margin-top:8px; | |
| − | + | margin-bottom:2px; | |
} | } | ||
| − | |||
#twnoticon:hover img { | #twnoticon:hover img { | ||
| − | + | background-color:rgb(93,215,255); | |
} | } | ||
#fbnoticon:hover img { | #fbnoticon:hover img { | ||
| − | + | background-color:rgb(62,82,158); | |
} | } | ||
#igemlogo:hover img { | #igemlogo:hover img { | ||
| − | + | background-color:rgb(0,153,102); | |
} | } | ||
#twitapp, #fbapp { | #twitapp, #fbapp { | ||
| − | + | display:none; | |
| − | + | width:250px; | |
| − | + | height:auto; | |
| − | + | background: white; | |
| − | + | ||
| − | + | ||
} | } | ||
#fbapp{ | #fbapp{ | ||
| − | + | margin-left:-149px; | |
} | } | ||
#twitapp{ | #twitapp{ | ||
| − | + | margin-left:-111px; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | #nav, #nav ul{ | |
| − | + | padding:0; | |
| − | + | margin:0; | |
| − | + | list-style:none; | |
| − | + | background : transparent | |
| − | + | float:left; | |
| − | + | text-align : center; | |
| − | + | width : 90%; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
#nav li{ | #nav li{ | ||
| − | display:inline-block; | + | display:inline-block; |
| − | position:relative; | + | position:relative; |
| − | width : | + | width : 115px; |
| − | top : 15px; | + | top : 15px; |
| − | font-size : | + | font-size : 16px; |
| − | height : 40px; | + | height : 40px; |
| − | float:left; | + | float:left; |
background : white; | background : white; | ||
vertical-align : middle; | vertical-align : middle; | ||
| Line 165: | Line 115: | ||
margin : 0; | margin : 0; | ||
background : transparent; | background : transparent; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #nav ul li{ | |
| − | + | display:inherit; | |
| − | + | width : 140px; | |
| − | + | ||
} | } | ||
| − | + | #nav li ul{ | |
| − | + | vertical-align : middle; | |
| − | + | width : 140px; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | #nav li ul li { | |
| − | + | display : inline-block | |
| + | top : 10px; | ||
| + | height : 50px; | ||
| + | vertical-align : middle; | ||
| + | padding : 0; | ||
| + | width : 140px; | ||
| + | background : white; | ||
| + | padding : 4px 0; | ||
| + | color : rgb(0,0,0); | ||
} | } | ||
| − | #nav | + | #nav ul{ |
| − | + | display : inline-block; | |
| − | + | width : 125px; | |
| − | + | max-height:0px; | |
| − | + | left: 0; | |
| − | + | right: 0; | |
| − | + | overflow:hidden; | |
| − | + | -moz-transition: .8s all .3s; | |
| − | + | -webkit-transition: .8s all .3s; | |
| − | + | transition: .8s all .3s; | |
| − | + | ||
} | } | ||
| − | #nav li ul | + | #nav li:hover ul{ |
| − | + | max-height:30em; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | #nav | + | #nav a{ |
| − | + | text-decoration:none; | |
| + | display:block; | ||
| + | font-family:Open Sans; | ||
| + | font-weight : 400; | ||
| + | color : rgb(0,0,0); | ||
| + | vertical-align : middle; | ||
} | } | ||
| − | #nav | + | #nav ul a{ |
| − | + | color : rgb(0,0,0); | |
} | } | ||
| − | + | #nav li:hover a { | |
| − | + | color: #96191a; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | #nav li:hover ul .liste { | |
| − | + | color : rgb(0,0,0); | |
| − | + | ||
| − | + | ||
} | } | ||
| − | # | + | #nav li ul li .liste:hover { |
| − | + | color: #96191a; | |
| − | + | ||
| − | + | ||
| − | # | + | |
| − | + | ||
} | } | ||
</style> | </style> | ||
| Line 255: | Line 175: | ||
<div style="clear: both;"></div> | <div style="clear: both;"></div> | ||
<div class="navmenubkg"> | <div class="navmenubkg"> | ||
| − | + | <div style="margin-left:-10px" id="navmenubox"> | |
| − | + | <a href="https://2016.igem.org/Team:Paris_Bettencourt" id=mainpage><img id=home src="https://static.igem.org/mediawiki/2016/c/c4/ParisBettencourt-logoFandS.jpg"></a> | |
| − | + | <ul id="nav"> | |
| − | + | <li><a style="margin-left:10px" href="https://2016.igem.org/Team:Paris_Bettencourt/Description">Project</a> | |
| − | + | <ul> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Description">Overview</a></li> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Assay">Assay</a></li> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Microbiology">Microbiology</a></li> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Enzyme">Enzyme</a></li> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Binding">Binding</a></li> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Indigo">Indigo</a></li> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Model">Model</a></li> | |
| − | + | ||
| − | + | </ul> | |
| − | + | </li> | |
| − | + | <li><a href="https://2016.igem.org/Team:Paris_Bettencourt/About_Perc">Practices</a> | |
| − | + | <ul> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/About_Perc">About Perc</a></li> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Integrated_Practices">Dry Cleaners</a></li> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Design">Design</a></li> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Human_Practices">Events</a></li> | |
| − | + | ||
| − | + | </ul> | |
| − | + | </li> | |
| − | + | <li><a href="https://2016.igem.org/Team:Paris_Bettencourt/Safety">Safety </a> | |
| − | <li | + | <ul> |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Safety">Lab Safety</a></li> | |
| − | + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Product_Safety" style="margin-top:-5px">Product<br>Safety</a></li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <li><a href="https://2016.igem.org/Team:Paris_Bettencourt/Achievements">Achievements</a> | |
| + | <ul> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Results">Results</a></li> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Interlab_Study">Interlab Study</a></li> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Medal_Requirements">Medal</br>Requirements</a></li> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Parts">Parts</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <li style="margin-left:10px"><a href="https://2016.igem.org/Team:Paris_Bettencourt/Notebook">Notebook</a> | ||
| + | <ul> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Notebook">Daily Note</a></li> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Notebook/Protocols">Protocols</a></li> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Notebook/Bibliography">Bibliography</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li><a href="https://2016.igem.org/Team:Paris_Bettencourt/Team">Team </a> | ||
| + | <ul> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Team">Our Team </a></li> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Attributions">Attributions</a></li> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Collaborations">Collaborations</a></li> | ||
| + | <li><a class=liste href="https://2016.igem.org/Team:Paris_Bettencourt/Sponsors">Sponsors</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | </ul> | ||
| + | <div id="twnoticon" class="sidelogos"> | ||
| + | <a href="http://twitter.com/iGEM_Paris" target="_blank"> | ||
| + | <img src="https://static.igem.org/mediawiki/2016/0/08/ParisBettencourt-tweeterLogo.gif" height="30px"/> | ||
| + | <div id="twitapp"> | ||
| + | <a class="twitter-timeline" width="250" height="400" data-dnt="true" href="https://twitter.com/iGEM_Paris" data-widget-id="368144501119795201">@iGEM_Paris</a> | ||
| + | </div> | ||
| + | </a> | ||
| + | </div> | ||
| + | <div id="fbnoticon" class="sidelogos"> | ||
| + | <a href="https://www.facebook.com/ParisiGEM2016" target="_blank"> | ||
| + | <img src="https://static.igem.org/mediawiki/2016/1/1e/ParisBettencourt-FBLogo.gif" height="30px"/> | ||
| + | <div id="fbapp"> | ||
| + | <div class="fb-like-box" data-href="https://www.facebook.com/ParisiGEM2016" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div> | ||
| + | </div> | ||
| + | </a> | ||
| + | </div> | ||
| + | <div id="igemlogo" class="sidelogos"> | ||
| + | <a href="https://2016.igem.org/Main_Page" title="iGEM 2016" target="_blank"> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/d/d0/PB_LogoiGEM.gif" height="30px"> | ||
| + | </a> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
</div> | </div> | ||
| − | + | ||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | ||
| + | <script type="text/javascript"> | ||
| + | function changemenu(){ | ||
| + | if($('.left-menu').is(":visible")) { | ||
| + | $('.left-menu').hide(); | ||
| + | $('.right-menu').hide(); | ||
| + | document.getElementById('ooswitch').style.backgroundColor = "rgb(46,43,52)"; | ||
| + | }else{ | ||
| + | $('.left-menu').show(); | ||
| + | $('.right-menu').show(); | ||
| + | document.getElementById('ooswitch').style.backgroundColor = "#96191a"; | ||
| + | } | ||
| + | } | ||
| + | </script> | ||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); | <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); | ||
Revision as of 03:17, 20 October 2016
