Difference between revisions of "Template:Pasteur Paris/Menu"
| Line 20: | Line 20: | ||
/* ==== DEBUT : Réglages généraux ==== */ | /* ==== DEBUT : Réglages généraux ==== */ | ||
| − | + | #MenuIgem { | |
| − | + | height: 18px; | |
| − | } | + | background-color: black; |
| + | position: fixed; | ||
| + | top: 0%; | ||
| + | left: 0%; | ||
| + | width: 100%; | ||
| + | z-index: 2; | ||
| + | } | ||
| − | # | + | #Menu { |
| − | position: fixed; | + | height: 70px; |
| − | width: 100%; | + | |
| − | + | position: fixed; | |
| − | z-index: | + | top: 18px; |
| − | } | + | left: 0%; |
| + | width: 100%; | ||
| + | z-index: 2; | ||
| + | border-bottom-left-radius: 15px; | ||
| + | border-bottom-right-radius: 15px; | ||
| + | } | ||
| + | |||
| + | #Menu img { | ||
| + | float: left; | ||
| + | height: 100%; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | #Menu-mobile-bar { | ||
| + | display: none; | ||
| + | height: 50px; | ||
| + | background-color: pink; | ||
| + | position: fixed; | ||
| + | top: 18px; | ||
| + | left: 0%; | ||
| + | width: 100%; | ||
| + | z-index: 2; | ||
| + | border-bottom-left-radius: 5px; | ||
| + | border-bottom-right-radius: 5px; | ||
| + | } | ||
| + | |||
| + | #Menu-mobile-bar img { | ||
| + | float: left; | ||
| + | height: 100%; | ||
| + | width: auto; | ||
| + | } | ||
/* ==== FIN: Réglages généraux ==== */ | /* ==== FIN: Réglages généraux ==== */ | ||
| + | |||
| + | <style> | ||
| + | |||
| + | |||
| + | |||
@media screen and (min-width: 911px){ | @media screen and (min-width: 911px){ | ||
#naviconwrapper { | #naviconwrapper { | ||
| + | height: 100%; | ||
margin: 0px ; /*auto centers wrapper*/ | margin: 0px ; /*auto centers wrapper*/ | ||
| − | |||
| − | |||
min-width: 900px; | min-width: 900px; | ||
| − | |||
z-index: -100; | z-index: -100; | ||
} | } | ||
#naviconbar { | #naviconbar { | ||
| − | + | height: 100%; | |
| − | + | ||
| − | + | ||
min-width: 900px; | min-width: 900px; | ||
background-image: linear-gradient(to right, rgb(168, 48, 91), rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126),rgb(52, 82, 146)); | background-image: linear-gradient(to right, rgb(168, 48, 91), rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126),rgb(52, 82, 146)); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
z-index: -60; | z-index: -60; | ||
| + | text-align: center; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
/* ==== BEGIN: Settings Main Menu Icons ==== */ | /* ==== BEGIN: Settings Main Menu Icons ==== */ | ||
#navicons { | #navicons { | ||
| − | + | width: 960px; | |
| − | + | ||
| − | width: | + | |
| − | + | ||
background-color: linear-gradient(to right, rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126)); | background-color: linear-gradient(to right, rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126)); | ||
z-index: -20; /*defines color behind icons */ | z-index: -20; /*defines color behind icons */ | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | height: 100%; | ||
} | } | ||
#navicons ul { | #navicons ul { | ||
| − | + | margin: 0px; | |
| − | + | height: 100%; | |
| − | width: | + | width: 100%; |
| − | position: relative; /*makes chip go directly behind | + | position: relative; /*makes chip go directly behind home from left corner*/ |
} | } | ||
#navicons ul li { | #navicons ul li { | ||
| − | |||
| − | |||
list-style: none; | list-style: none; | ||
/*display: block;*/ | /*display: block;*/ | ||
float: left; | float: left; | ||
position: relative; | position: relative; | ||
| − | + | font-family: 'Raleway', sans-serif; | |
| − | font-family: Raleway, sans-serif; | + | |
font-size: 12px; | font-size: 12px; | ||
background-color: rgba(161, 47, 92, 0.0); | background-color: rgba(161, 47, 92, 0.0); | ||
/*border: 1px solid #5781BD;*/ | /*border: 1px solid #5781BD;*/ | ||
z-index: 100; | z-index: 100; | ||
| + | height: 90%; | ||
} | } | ||
#navicons ul li a { | #navicons ul li a { | ||
| − | + | ||
width: 120px; | width: 120px; | ||
display: block; | display: block; | ||
| Line 107: | Line 132: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
z-index: 50; | z-index: 50; | ||
| + | padding-top: 45%; | ||
} | } | ||
#navicons ul a:hover { | #navicons ul a:hover { | ||
| − | } | + | } |
/* ==== END: Settings Main Menu Icons ==== */ | /* ==== END: Settings Main Menu Icons ==== */ | ||
/* ==== classes for icons ==== */ | /* ==== classes for icons ==== */ | ||
| + | #home { | ||
| + | background: url(https://static.igem.org/mediawiki/2018/3/39/T--Pasteur_Paris--teamlogoigemwhite_99x60.png) no-repeat; | ||
| + | height: 60px; | ||
| + | background-position: center; | ||
| + | } | ||
| + | |||
| + | #home a { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | |||
#project { | #project { | ||
background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat; | background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat; | ||
| Line 146: | Line 182: | ||
} | } | ||
| − | # | + | #modeling { |
background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat; | background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat; | ||
height: 60px; | height: 60px; | ||
| Line 152: | Line 188: | ||
} | } | ||
| − | # | + | #modeling a { |
color: #ffffff; | color: #ffffff; | ||
} | } | ||
| Line 192: | Line 228: | ||
position: absolute; | position: absolute; | ||
width: 90px; | width: 90px; | ||
| − | height: | + | height: 120%; |
| − | + | left: 15px; | |
| − | + | ||
-webkit-transition: all 300ms ease-out; | -webkit-transition: all 300ms ease-out; | ||
-moz-transition: all 300ms ease-out; | -moz-transition: all 300ms ease-out; | ||
transition: all 300ms ease-out; | transition: all 300ms ease-out; | ||
z-index: 0; | z-index: 0; | ||
| + | border-bottom-left-radius: 5px; | ||
| + | border-bottom-right-radius: 5px; | ||
| + | background: #000000; | ||
} | } | ||
| − | + | /* == End Chip Design == */ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | # | + | /* == Begin Chip Movement == */ |
| − | + | #home:hover ~ #runningchip { | |
| − | + | left: 15px; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
#project:hover ~ #runningchip { | #project:hover ~ #runningchip { | ||
| − | left: | + | left: 135px; |
} | } | ||
#labwork:hover ~ #runningchip { | #labwork:hover ~ #runningchip { | ||
| − | left: | + | left: 255px; |
} | } | ||
#parts:hover ~ #runningchip { | #parts:hover ~ #runningchip { | ||
| − | left: | + | left: 375px; |
} | } | ||
| − | # | + | #modeling:hover ~ #runningchip { |
| − | left: | + | left: 495px; |
} | } | ||
#achievements:hover ~ #runningchip { | #achievements:hover ~ #runningchip { | ||
| − | left: | + | left: 615px; |
} | } | ||
#hp:hover ~ #runningchip { | #hp:hover ~ #runningchip { | ||
| − | left: | + | left: 735px; |
} | } | ||
#aboutus:hover ~ #runningchip { | #aboutus:hover ~ #runningchip { | ||
| − | left: | + | left: 855px; |
} | } | ||
/* == End Chip Movment == */ | /* == End Chip Movment == */ | ||
| Line 291: | Line 284: | ||
top: -2px; | top: -2px; | ||
height: 24px; | height: 24px; | ||
| − | width: | + | width: 840px; |
position: relative; | position: relative; | ||
/*border: 2px solid #000;*/ | /*border: 2px solid #000;*/ | ||
| Line 298: | Line 291: | ||
#navtext { | #navtext { | ||
text-align: center; | text-align: center; | ||
| − | font-family: Raleway, sans-serif; | + | font-family: 'Raleway',sans-serif; |
font-size: 16px; | font-size: 16px; | ||
z-index: 600; | z-index: 600; | ||
| Line 340: | Line 333: | ||
#project-sub { | #project-sub { | ||
display: none; | display: none; | ||
| − | + | left: 67px; | |
} | } | ||
#labwork-sub { | #labwork-sub { | ||
display: none; | display: none; | ||
| − | left: | + | left: 183px; |
} | } | ||
| Line 351: | Line 344: | ||
/*background-color: #ac34fe;*/ | /*background-color: #ac34fe;*/ | ||
display: none; | display: none; | ||
| − | left: | + | left: 292.5px; |
} | } | ||
| − | # | + | #modeling-sub{ |
display: none; | display: none; | ||
| − | left: | + | left: 445.5px; |
} | } | ||
#achievements-sub{ | #achievements-sub{ | ||
display: none; | display: none; | ||
| − | left: | + | left: 532.5px; |
} | } | ||
#hp-sub{ | #hp-sub{ | ||
display: none; | display: none; | ||
| − | left: | + | left: 618.5px; |
} | } | ||
#aboutus-sub{ | #aboutus-sub{ | ||
display: none; | display: none; | ||
| − | left: | + | left: 790.5px; |
| − | + | ||
} | } | ||
| Line 384: | Line 376: | ||
/* ==== End Settings Submenu Level 1 ==== */ | /* ==== End Settings Submenu Level 1 ==== */ | ||
| + | #smallnav{ | ||
| + | display: none; | ||
| + | } | ||
| + | } /* end media query*/ | ||
@media screen and (max-width: 910px){ | @media screen and (max-width: 910px){ | ||
| Line 396: | Line 392: | ||
padding-top: 20px; | padding-top: 20px; | ||
} | } | ||
| − | |||
} | } | ||
| Line 414: | Line 409: | ||
*zoom: 1; | *zoom: 1; | ||
} | } | ||
| + | |||
| + | |||
| + | /* Basic Styles */ | ||
| + | |||
| + | #smallnav { | ||
| + | height: 40px; | ||
| + | width: 100%; | ||
| + | background: #0051A2; | ||
| + | font-size: 11pt; | ||
| + | font-family: 'Raleway', Arial, sans-serif; | ||
| + | font-weight: bold; | ||
| + | position: fixed; | ||
| + | border-bottom: 2px solid #CFCFCF; | ||
| + | z-index: 3000; | ||
| + | opacity: 0.9; | ||
| + | } | ||
| + | #smallnav ul { | ||
| + | padding: 0; | ||
| + | margin: 0 auto; | ||
| + | width: 720px; | ||
| + | height: 40px; | ||
| + | } | ||
| + | #smallnav li { | ||
| + | display: inline; | ||
| + | float: left; | ||
| + | } | ||
| + | #smallnav a { | ||
| + | color: #fff; | ||
| + | display: inline-block; | ||
| + | width: 120px; | ||
| + | text-align: center; | ||
| + | text-decoration: none; | ||
| + | line-height: 40px; | ||
| + | } | ||
| + | #smallnav li a { | ||
| + | box-sizing:border-box; | ||
| + | -moz-box-sizing:border-box; | ||
| + | -webkit-box-sizing:border-box; | ||
| + | } | ||
| + | #smallnav li:last-child a { | ||
| + | border-right: 0; | ||
| + | } | ||
| + | #smallnav a:hover, #smallnav a:active { | ||
| + | background-color: #1D629F; | ||
| + | } | ||
| + | #smallnav a#pull { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | /*Styles for screen 600px and lower*/ | ||
| + | @media screen and (max-width: 720px) { | ||
| + | #smallnav { | ||
| + | height: auto; | ||
| + | background: #3B7EBF; | ||
| + | } | ||
| + | #smallnav ul { | ||
| + | width: 100%; | ||
| + | display: block; | ||
| + | height: auto; | ||
| + | } | ||
| + | #smallnav li { | ||
| + | width: 50%; | ||
| + | float: left; | ||
| + | position: relative; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | |||
| + | #smallnav a { | ||
| + | text-align: left; | ||
| + | width: 100%; | ||
| + | text-indent: 25px; | ||
| + | } | ||
| + | |||
| + | #smallnav { | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | #smallnav ul { | ||
| + | display: none; | ||
| + | height: auto; | ||
| + | } | ||
| + | #smallnav a#pull { | ||
| + | display: block; | ||
| + | background-color: #0051A2; | ||
| + | width: 100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | #smallnav a#pull:after { | ||
| + | content:""; | ||
| + | background: url('') no-repeat; | ||
| + | background-size: auto 90%; | ||
| + | width: 30px; | ||
| + | height: 30px; | ||
| + | display: inline-block; | ||
| + | position: absolute; | ||
| + | right: 15px; | ||
| + | top: 5px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ==== classes for icons ==== */ | ||
| + | #home_small { | ||
| + | background-color: #3673AF; | ||
| + | |||
| + | } | ||
| + | |||
| + | #home_small a { | ||
| + | background: url(https://static.igem.org/mediawiki/2015/1/15/Freiburg_icon_home_white_03.png) no-repeat; | ||
| + | background-position: left; | ||
| + | background-size: auto 100%; | ||
| + | background-repeat: no-repeat; | ||
| + | padding-left: 40px; | ||
| + | color: #FFF; | ||
| + | } | ||
| + | |||
| + | #project_small { | ||
| + | background-color: #3673AF; | ||
| + | |||
| + | } | ||
| + | |||
| + | #project_small a { | ||
| + | background: url(https://static.igem.org/mediawiki/2015/7/76/Freiburg_icon_project_white_03.png) no-repeat; | ||
| + | background-position: left; | ||
| + | background-size: auto 90%; | ||
| + | background-repeat: no-repeat; | ||
| + | padding-left: 40px; | ||
| + | color: #FFF; | ||
| + | } | ||
| + | |||
| + | #team_small { | ||
| + | background-color: #3673AF; | ||
| + | |||
| + | } | ||
| + | |||
| + | #team_small a { | ||
| + | background: url(https://static.igem.org/mediawiki/2015/4/42/Freiburg_icon_team_white_03.png) no-repeat; | ||
| + | background-position: left; | ||
| + | background-size: auto 90%; | ||
| + | background-repeat: no-repeat; | ||
| + | padding-left: 40px; | ||
| + | color: #FFF; | ||
| + | } | ||
| + | |||
| + | #results_small { | ||
| + | background-color: #3673AF; | ||
| + | |||
| + | } | ||
| + | |||
| + | #results_small a { | ||
| + | background: url(https://static.igem.org/mediawiki/2015/1/1e/Freiburg_icon_results_white_03.png) no-repeat; | ||
| + | background-position: left; | ||
| + | background-size: auto 90%; | ||
| + | background-repeat: no-repeat; | ||
| + | padding-left: 40px; | ||
| + | color: #FFF; | ||
| + | } | ||
| + | |||
| + | #policy_small { | ||
| + | background-color: #3673AF; | ||
| + | } | ||
| + | |||
| + | #policy_small a { | ||
| + | color: #FFF; | ||
| + | padding-left: 40px; | ||
| + | background-image: url(https://static.igem.org/mediawiki/2015/f/f9/Freiburg_icon_policy_white_03.png); | ||
| + | background-position: left; | ||
| + | background-size: auto 90%; | ||
| + | background-repeat: no-repeat; | ||
| + | } | ||
| + | |||
| + | #notebook_small { | ||
| + | background-color: #3673AF; | ||
| + | } | ||
| + | |||
| + | #notebook_small a { | ||
| + | background: url(https://static.igem.org/mediawiki/2015/9/99/Freibur_icon_notebook_white_03.png) no-repeat; | ||
| + | background-position: left; | ||
| + | background-size: auto 90%; | ||
| + | background-repeat: no-repeat; | ||
| + | padding-left: 40px; | ||
| + | color: #FFF; | ||
| + | } | ||
| + | /* ==== End classes for icons ==== */ | ||
| + | |||
| + | |||
| + | }/* end media query | ||
| + | |||
| + | /*Smartphone*/ | ||
| + | @media only screen and (max-width : 320px) { | ||
| + | #smallnav li { | ||
| + | display: block; | ||
| + | float: none; | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | </style> | ||
| + | |||
| + | |||
| + | <body> | ||
| + | |||
| + | <head> | ||
| + | <meta charset="UTF-8" name="Training" content="width=device-width"> | ||
| + | <title>Training</title> | ||
| + | </head> | ||
| + | |||
| + | <header id="MenuIgem"> | ||
| + | |||
| + | </header> | ||
| + | |||
| + | <header id="Menu"> | ||
| + | <div id="naviconwrapper"> | ||
| + | <div id="naviconbar"> | ||
| + | <div id="navicons"> | ||
| + | <ul> | ||
| + | <li id="home" ><a href="https://2018.igem.org/Team:Pasteur_Paris/Home"></a> | ||
| + | </li> | ||
| + | <li id="project" ><a href="https://2018.igem.org/Team:Pasteur_Paris/Description">Project</a> | ||
| + | </li> | ||
| + | <li id="labwork"><a href="https://2018.igem.org/Team:Pasteur_Paris/Labwork">Labwork</a> | ||
| + | </li> | ||
| + | <li id="parts"><a href="https://2018.igem.org/Team:Pasteur_Paris/Parts">Parts</a> | ||
| + | </li> | ||
| + | <li id="modeling"><a href="https://2018.igem.org/Team:Pasteur_Paris/Model">Modeling</a> | ||
| + | </li> | ||
| + | <li id="achievements"><a href="https://2018.igem.org/Team:Pasteur_Paris/Achievements">Achievements</a> | ||
| + | </li> | ||
| + | <li id="hp"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">Human Practices</a> | ||
| + | </li> | ||
| + | <li id="aboutus"><a href="https://2018.igem.org/Team:Pasteur_Paris/Team">About Us</a> | ||
| + | </li> | ||
| + | <div id="runningchip"> | ||
| + | <div id="top-arrow"></div> | ||
| + | <div id="runningchip-back"></div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </ul> | ||
| + | <!-- Begin navigation submenu --> | ||
| + | <div id="navtextwrapper"> <!-- only names of elements --> | ||
| + | <div id="navtext"> | ||
| + | <ul id="project-sub"> | ||
| + | <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Description"></a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Description">Description</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Attributions">Infection</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Partners">Conductivity</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Design">Design</a></li> | ||
| + | </ul> | ||
| + | <ul id="labwork-sub"> | ||
| + | <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Labwork"></a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Experiments">Experiments</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Demonstrate">Demonstrate</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Notebook">Notebook</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/InterLab">InterLab</a></li> | ||
| + | </ul> | ||
| + | <ul id="parts-sub"> | ||
| + | <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Parts"></a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Parts">Overview</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Basic_Part">Basic Part</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Composite_Part">Composite Part</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Part_Collection">Part Collection</a></li> | ||
| + | </ul> | ||
| + | <ul id="modeling-sub"> | ||
| + | <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Model"></a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Model">Model</a></li> | ||
| + | </ul> | ||
| + | <ul id="achievements-sub"> | ||
| + | <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Achievements"></a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/MedalCriterias">Medals Criterias</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Awards">Awards</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Collaborations">Collaboration</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Improve">Improve</a></li> | ||
| + | </ul> | ||
| + | <ul id="hp-sub"> | ||
| + | <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices"></a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">Silver</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">Gold & integrated HP</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Public_Engagement">Education & Engagement</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Safety">Safety</a></li> | ||
| + | </ul> | ||
| + | <ul id="aboutus-sub"> | ||
| + | <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Team"></a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Team">Team Members</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Attributions">Attributions</a></li> | ||
| + | <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Sponsors">Sponsors</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <!-- End of navigation submenu --> | ||
| + | |||
| + | </div> | ||
| + | <!-- End navigation menu icons --> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | |||
| + | <!-- End of header --> | ||
| + | <!-- END: normal Menubar --> | ||
| + | |||
| + | |||
| + | <!-- BEGIN: Mobile Navigation --> | ||
| + | |||
| + | <div class="clearfix" id="smallnav"> | ||
| + | <ul class="clearfix"> | ||
| + | <li id="home_small"><a href="https://2018.igem.org/Team:Pasteur_Paris">Home</a></li> | ||
| + | <li id="project_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Project">Project</a></li> | ||
| + | <li id="results_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Results">Results</a></li> | ||
| + | <li id="team_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Team">Team</a></li> | ||
| + | <li id="policy_small"><a href="https://2018.igem.org/Team:Pasteur_Paris">Practice</a></li> | ||
| + | <li id="notebook_small"><a href="https://2018.igem.org/Team:Pasteur_Paris">Notebook</a></li> | ||
| + | </ul> | ||
| + | <a href="#" id="pull">Menu</a> | ||
| + | </div> | ||
| + | |||
| + | <!-- END: Mobile Navigation --> | ||
| + | </header> | ||
| + | |||
| + | <header id="Menu-mobile-bar"> | ||
| + | <a href="https://2018.igem.org/Team:Pasteur_Paris"><img src="http://a398.idata.over-blog.com/3/29/19/90/rose-bleue.gif"></a> | ||
| + | </header> | ||
| + | |||
<script> | <script> | ||
| − | // FOR SMALLNAV | + | // FOR SMALLNAV |
$(function() { | $(function() { | ||
var pull = $('#pull'); | var pull = $('#pull'); | ||
| Line 437: | Line 753: | ||
}); | }); | ||
</script> | </script> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
// make submenus appear // | // make submenus appear // | ||
| − | $("# | + | $("#home").hover(function(){ |
$("#project-sub") .hide(); | $("#project-sub") .hide(); | ||
$("#parts-sub") .hide(); | $("#parts-sub") .hide(); | ||
$("#labwork-sub") .hide(); | $("#labwork-sub") .hide(); | ||
| − | $("# | + | $("#modeling-sub") .hide(); |
$("#achievements-sub") .hide(); | $("#achievements-sub") .hide(); | ||
$("#hp-sub") .hide(); | $("#hp-sub") .hide(); | ||
$("#aboutus-sub") .hide(); | $("#aboutus-sub") .hide(); | ||
| + | }); | ||
| + | $("#project").hover(function(){ | ||
| + | $("#project-sub") .show(); | ||
| + | $("#labwork-sub") .hide(); | ||
| + | $("#parts-sub") .hide(); | ||
| + | $("#modeling-sub") .hide(); | ||
| + | $("#achievements-sub") .hide(); | ||
| + | $("#hp-sub") .hide(); | ||
| + | $("#aboutus-sub") .hide(); | ||
| + | }, | ||
| + | function(){ | ||
| + | $("#project-sub") .hide(); | ||
}); | }); | ||
$("#labwork").hover(function(){ | $("#labwork").hover(function(){ | ||
| Line 459: | Line 782: | ||
$("#project-sub") .hide(); | $("#project-sub") .hide(); | ||
$("#parts-sub") .hide(); | $("#parts-sub") .hide(); | ||
| − | $("# | + | $("#modeling-sub") .hide(); |
$("#achievements-sub") .hide(); | $("#achievements-sub") .hide(); | ||
$("#hp-sub") .hide(); | $("#hp-sub") .hide(); | ||
| Line 472: | Line 795: | ||
$("#project-sub") .hide(); | $("#project-sub") .hide(); | ||
$("#labwork-sub") .hide(); | $("#labwork-sub") .hide(); | ||
| − | $("# | + | $("#modeling-sub") .hide(); |
$("#achievements-sub") .hide(); | $("#achievements-sub") .hide(); | ||
$("#hp-sub") .hide(); | $("#hp-sub") .hide(); | ||
| Line 481: | Line 804: | ||
}); | }); | ||
| − | $("# | + | $("#modeling").hover(function(){ |
| − | $("# | + | $("#modeling-sub") .show(); |
$("#project-sub") .hide(); | $("#project-sub") .hide(); | ||
$("#parts-sub") .hide(); | $("#parts-sub") .hide(); | ||
| Line 496: | Line 819: | ||
$("#parts-sub") .hide(); | $("#parts-sub") .hide(); | ||
$("#labwork-sub") .hide(); | $("#labwork-sub") .hide(); | ||
| − | $("# | + | $("#modeling-sub") .hide(); |
$("#hp-sub") .hide(); | $("#hp-sub") .hide(); | ||
$("#aboutus-sub") .hide(); | $("#aboutus-sub") .hide(); | ||
| Line 509: | Line 832: | ||
$("#parts-sub") .hide(); | $("#parts-sub") .hide(); | ||
$("#labwork-sub") .hide(); | $("#labwork-sub") .hide(); | ||
| − | $("# | + | $("#modeling-sub") .hide(); |
$("#achievements-sub") .hide(); | $("#achievements-sub") .hide(); | ||
$("#aboutus-sub") .hide(); | $("#aboutus-sub") .hide(); | ||
| Line 522: | Line 845: | ||
$("#parts-sub") .hide(); | $("#parts-sub") .hide(); | ||
$("#labwork-sub") .hide(); | $("#labwork-sub") .hide(); | ||
| − | $("# | + | $("#modeling-sub") .hide(); |
$("#achievements-sub") .hide(); | $("#achievements-sub") .hide(); | ||
$("#hp-sub") .hide(); | $("#hp-sub") .hide(); | ||
| Line 531: | Line 854: | ||
// make chip stay over main menu point when its submenu appears and makes the submenu stay visible// | // make chip stay over main menu point when its submenu appears and makes the submenu stay visible// | ||
$("#project-sub") .hover(function(){ | $("#project-sub") .hover(function(){ | ||
| − | $("#runningchip") .css(' | + | $("#runningchip") .css('left','135px'); |
$("#project-sub") .show(); | $("#project-sub") .show(); | ||
}, | }, | ||
function(){ | function(){ | ||
| − | $("#runningchip") .css(' | + | $("#runningchip") .css('left',''); |
$("#project-sub") .hide(); | $("#project-sub") .hide(); | ||
}); | }); | ||
$("#labwork-sub") .hover(function(){ | $("#labwork-sub") .hover(function(){ | ||
| − | $("#runningchip") .css('left',' | + | $("#runningchip") .css('left','255px'); |
$("#labwork-sub") .show(); | $("#labwork-sub") .show(); | ||
}, | }, | ||
| Line 547: | Line 870: | ||
}); | }); | ||
$("#parts-sub") .hover(function(){ | $("#parts-sub") .hover(function(){ | ||
| − | $("#runningchip") .css('left',' | + | $("#runningchip") .css('left','375px'); |
$("#parts-sub") .show(); | $("#parts-sub") .show(); | ||
}, | }, | ||
| Line 554: | Line 877: | ||
$("#parts-sub") .hide(); | $("#parts-sub") .hide(); | ||
}); | }); | ||
| − | $("# | + | $("#modeling-sub") .hover(function(){ |
| − | $("#runningchip") .css('left',' | + | $("#runningchip") .css('left','495px'); |
| − | $("# | + | $("#modeling-sub") .show(); |
}, | }, | ||
function(){ | function(){ | ||
$("#runningchip") .css('left',''); | $("#runningchip") .css('left',''); | ||
| − | $("# | + | $("#modeling-sub") .hide(); |
}); | }); | ||
$("#achievements-sub") .hover(function(){ | $("#achievements-sub") .hover(function(){ | ||
| − | $("#runningchip") .css('left',' | + | $("#runningchip") .css('left','615px'); |
$("#achievements-sub") .show(); | $("#achievements-sub") .show(); | ||
}, | }, | ||
| Line 571: | Line 894: | ||
}); | }); | ||
$("#hp-sub") .hover(function(){ | $("#hp-sub") .hover(function(){ | ||
| − | $("#runningchip") .css('left',' | + | $("#runningchip") .css('left','735px'); |
$("#hp-sub") .show(); | $("#hp-sub") .show(); | ||
}, | }, | ||
| Line 580: | Line 903: | ||
$("#aboutus-sub") .hover(function(){ | $("#aboutus-sub") .hover(function(){ | ||
| − | $("#runningchip") .css('left',' | + | $("#runningchip") .css('left','855px'); |
$("#aboutus-sub") .show(); | $("#aboutus-sub") .show(); | ||
}, | }, | ||
| Line 589: | Line 912: | ||
}); | }); | ||
</script> | </script> | ||
| + | |||
| Line 594: | Line 918: | ||
<!-- END: jQuery --> | <!-- END: jQuery --> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<!-- Bar code inspired from Freiburg 2015 : https://2015.igem.org/Team:Freiburg --> | <!-- Bar code inspired from Freiburg 2015 : https://2015.igem.org/Team:Freiburg --> | ||
</html> | </html> | ||
Revision as of 19:10, 10 August 2018
