Template:Team:Paris Bettencourt/Menu
From 2014.igem.org
(Difference between revisions)
Marguerite (Talk | contribs) |
|||
(265 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,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 : 50px; | |
- | + | align : center; | |
} | } | ||
.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 { | .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; | |
} | } | ||
#onofflogo{ | #onofflogo{ | ||
- | + | width:15px; | |
- | + | position:absolute; | |
- | + | top:0; | |
- | + | margin-left:95%; | |
} | } | ||
- | + | #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{ | |
- | + | display:inline-block; | |
- | + | position:relative; | |
- | + | width : 115px; | |
+ | top : 15px; | ||
+ | font-size : 15px; | ||
+ | height : 40px; | ||
+ | float:left; | ||
+ | background : white; | ||
+ | vertical-align : middle; | ||
+ | padding : 0; | ||
+ | margin : 0; | ||
+ | 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 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:hover ul{ | |
- | + | max-height:30em; | |
} | } | ||
- | #nav | + | #nav a{ |
- | + | text-decoration:none; | |
- | + | display:block; | |
- | + | font-family:Helvetica; | |
- | + | font-weight : bold; | |
- | + | color : rgb(0,0,0); | |
- | + | vertical-align : middle; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | #nav | + | #nav ul a{ |
- | + | color : rgb(0,0,0); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | #nav li | + | #nav li:hover a { |
- | + | color : rgb(255,0,99); | |
} | } | ||
- | + | #nav li:hover ul .liste { | |
- | + | color : rgb(0,0,0); | |
- | + | ||
- | + | ||
} | } | ||
- | + | #nav li ul li .liste:hover { | |
- | + | color : rgb(255,0,99); | |
- | + | ||
- | + | ||
} | } | ||
</style> | </style> | ||
Line 216: | Line 180: | ||
<div style="clear: both;"></div> | <div style="clear: both;"></div> | ||
<div class="navmenubkg"> | <div class="navmenubkg"> | ||
- | + | <div id="navmenubox"> | |
- | + | <a href="https://2014.igem.org/Team:Paris_Bettencourt" id=mainpage><img id=home src="https://static.igem.org/mediawiki/2014/2/2d/Home2014pb.png"></a> | |
- | + | <ul id="nav"> | |
- | + | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Project">Project</a> | |
- | + | <ul> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Odor_Library">Smell</br>The Roses</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Project/TMAU">Something</br>Fishy</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Foot_Odor">Goody</br>Two Shoes</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Eliminate_Smell">Don't</br>Sweat It</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Old_People_Smell">Teen Spirit</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Art">Design Practice </a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Bioinformatics">Bioinformatics</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Achievement">Achievements</a> | |
- | + | <ul> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Results">Results</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Interlab_Study">Interlab Study</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Medal">Medal</br>Fulfilment</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Parts">Parts</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Policy">Policy </a> | |
- | + | <ul> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Safety">Safety</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Consent_Form">Consent Form</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Patenting">Patenting</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Human_Practice">Practices</a> | |
- | + | <ul> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/MOOC">MOOC</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Citizen_Science">Citizen</br>Science</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Facts_Smell">The Sense</br>of Smell</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Facts_Micriobiome">The Human</br>Micriobiome</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Minder">Minder</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Collaboration_Main">Collaborations </a> | |
- | + | <ul> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Collaboration">Collaborations </a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/The_Smell_Game">The Smell</br>Game</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter">Newsletters</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook_Main">Notebook</a> | |
- | + | <ul> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook">Daily Note</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Protocols">Protocols</a></li> | |
- | + | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Bibliograpy">Bibliography</a></li> | |
- | + | </ul> | |
- | + | </li> | |
+ | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Team_Main">Team </a> | ||
+ | <ul> | ||
+ | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Team">Our Team </a></li> | ||
+ | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Attributions">Attributions</a></li> | ||
+ | <li><a class=liste href="https://igem.org/Team.cgi?year=2014&team_name=Paris_Bettencourt">Official Team</br>Profile </a></li> | ||
+ | <li><a class=liste href="https://2014.igem.org/Team:Paris_Bettencourt/Acknowledgements">Acknowledgements</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/2014/3/3f/PB_LogoTweeter.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/ParisiGEM2013" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/4/4e/PB_LogoFacebook.gif" height="30px"/> | ||
+ | <div id="fbapp"> | ||
+ | <div class="fb-like-box" data-href="https://www.facebook.com/ParisiGEM2013" 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://2014.igem.org/Main_Page" title="iGEM 2014" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/d/d0/PB_LogoiGEM.gif" height="30px"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div id="onofflogo"> | ||
+ | <a onclick="changemenu()" title="iGEM wiki buttons"> | ||
+ | <img id="ooswitch" src="https://static.igem.org/mediawiki/2014/7/72/PB_LogoOff.gif" style="margin-top:0px;" height="15px"> | ||
+ | </a> | ||
+ | </div> | ||
</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> | ||
Latest revision as of 18:09, 17 October 2014