|
|
| (42 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | {{Pasteur_Paris/Fonts}} | + | {{Pasteur_Paris/MenuBlock}} |
| − | <!--doctype html-->
| + | |
| | <html> | | <html> |
| − | <head> | + | <style type="text/css"> |
| − | <title>""</title>
| + | #runningchip { |
| − | <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
| + | left: 125px; |
| − | </head>
| + | |
| − | <style>
| + | |
| − | /* BEGIN : Default Wiki Settings */ | + | |
| − | #home_logo, #sideMenu { display:none; }
| + | |
| − | #sideMenu, #top_title, .patrollink {display:none;} | + | |
| − | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
| + | |
| − | body {background-color:white; }
| + | |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| + | |
| − | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;};
| + | |
| − | /* END : Default Wiki Settings */
| + | |
| − | *{
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| | } | | } |
| − | body { | + | #project_small { |
| − | padding-top: 70px; | + | background-color: #292929; |
| − | font-family: 'Raleway', Arial Black, sans-serif;
| + | |
| | } | | } |
| − | /* BEGIN : Menu Bar Settings */
| + | #bannerchanged{ |
| − | /* BEGIN : General Settings of Menu Bar */
| + | width: 100%; |
| − | #Menu {
| + | overflow: hidden; |
| − | opacity: .95;
| + | margin: 0 auto; |
| − | height: 70px;
| + | } |
| − | position: fixed;
| + | @media screen and (max-width: 760px) { |
| − | top: 18px;
| + | /*#wrapper { |
| − | left: 0%;
| + | width: 100%; |
| − | width: 100%;
| + | overflow: hidden; |
| − | z-index: 2;
| + | } |
| − | border-bottom-left-radius: 15px;
| + | #container { |
| − | border-bottom-right-radius: 15px;
| + | width: 100%; |
| − | z-index: 3000;
| + | margin: 0 auto; |
| − | }
| + | }*/ |
| − | #Menu img {
| + | .banner-img { |
| − | float: left;
| + | width: 100%; |
| − | height: 100%;
| + | } |
| − | width: auto;
| + | } |
| − | }
| + | |
| − | #Menu-mobile-bar {
| + | </style> |
| − | display: none;
| + | |
| − | height: 50px;
| + | <div id="bannerchanged"> |
| − | background-color: pink;
| + | <img class="banner-img" src="https://static.igem.org/mediawiki/2018/b/be/T--Pasteur_Paris--Banner_Overview.jpg"> |
| − | position: fixed;
| + | </div> |
| − | top: 18px;
| + | <h1></h1> |
| − | left: 0%;
| + | </div> |
| − | width: 100%;
| + | |
| − | z-index: 3000;
| + | <div id="GeneralContent"> |
| − | border-bottom-left-radius: 5px;
| + | |
| − | border-bottom-right-radius: 5px;
| + | <a href="https://2018.igem.org/Team:Pasteur_Paris/ Description"> |
| − | }
| + | <div class="block onglet"> |
| − | #Menu-mobile-bar img {
| + | <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/b/be/T--Pasteur_Paris--Banner_Overview.jpg); background-color: black; background-position-x: 50%;"> |
| − | float: left;
| + | <p style="position: absolute; color: white; font-size: 250%; top: 157px; text-align: center;"><b>OVERVIEW</b></p> |
| − | height: 100%;
| + | |
| − | width: auto;
| + | |
| − | }
| + | |
| − | /* END : General Settings of Menu Bar */
| + | |
| − | /* BEGIN media query large screen */
| + | |
| − | @media screen and (min-width: 951px){
| + | |
| − | #naviconwrapper {
| + | |
| − | height: 100%;
| + | |
| − | margin: 0px ; /*auto centers wrapper*/
| + | |
| − | min-width: 900px;
| + | |
| − | z-index: -100;
| + | |
| − | }
| + | |
| − | #naviconbar {
| + | |
| − | height: 100%;
| + | |
| − | 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));
| + | |
| − | z-index: -60;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − |
| + | |
| − | /* BEGIN: Settings Main Menu Icons */
| + | |
| − | #navicons {
| + | |
| − | width: 960px;
| + | |
| − | 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 */
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: middle;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | #navicons ul {
| + | |
| − | padding: 0px;
| + | |
| − | margin: 0px;
| + | |
| − | height: 100%;
| + | |
| − | width: 100%;
| + | |
| − | position: relative; /*makes chip go directly behind home from left corner*/
| + | |
| − | }
| + | |
| − | #navicons ul li {
| + | |
| − | list-style: none;
| + | |
| − | /*display: block;*/
| + | |
| − | float: left;
| + | |
| − | position: relative;
| + | |
| − | font-family: 'Raleway', sans-serif;
| + | |
| − | font-size: 12px;
| + | |
| − | background-color: rgba(161, 47, 92, 0.0);
| + | |
| − | /*border: 1px solid #5781BD;*/
| + | |
| − | z-index: 100;
| + | |
| − | height: 90%;
| + | |
| − | }
| + | |
| − | #navicons ul li a {
| + | |
| − | width: 120px;
| + | |
| − | display: block;
| + | |
| − | text-decoration: none;
| + | |
| − | /*color: #FFF;*/
| + | |
| − | text-align: center;
| + | |
| − | text-transform: uppercase;
| + | |
| − | z-index: 50;
| + | |
| − | padding-top: 45%;
| + | |
| − | }
| + | |
| − | #navicons ul a:hover {
| + | |
| − | }
| + | |
| − | /* END: Settings Main Menu Icons */
| + | |
| − |
| + | |
| − | /* Begin 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 {
| + | |
| − | background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
| + | |
| − | height: 60px;
| + | |
| − | background-position: center;
| + | |
| − | }
| + | |
| − | #project a {
| + | |
| − | color: #ffffff;
| + | |
| − | }
| + | |
| − | #labwork {
| + | |
| − | background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
| + | |
| − | height: 60px;
| + | |
| − | background-position: center;
| + | |
| − | }
| + | |
| − | #labwork a {
| + | |
| − | color: #ffffff;
| + | |
| − | }
| + | |
| − | #parts {
| + | |
| − | background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
| + | |
| − | height: 60px;
| + | |
| − | background-position: center;
| + | |
| − | }
| + | |
| − | #parts a {
| + | |
| − | color: #ffffff;
| + | |
| − | }
| + | |
| − | #modeling {
| + | |
| − | background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
| + | |
| − | height: 60px;
| + | |
| − | background-position: center;
| + | |
| − | }
| + | |
| − | #modeling a {
| + | |
| − | color: #ffffff;
| + | |
| − | }
| + | |
| − | #achievements {
| + | |
| − | background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png)no-repeat;
| + | |
| − | height: 60px;
| + | |
| − | background-position: center;
| + | |
| − | }
| + | |
| − | #achievements a {
| + | |
| − | color: #ffffff;
| + | |
| − | }
| + | |
| − | #hp {
| + | |
| − | background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
| + | |
| − | height: 60px;
| + | |
| − | background-position: center;
| + | |
| − | }
| + | |
| − | #hp a {
| + | |
| − | color: #ffffff;
| + | |
| − | }
| + | |
| − | #aboutus {
| + | |
| − | background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
| + | |
| − | height: 60px;
| + | |
| − | background-position: center;
| + | |
| − | }
| + | |
| − | #aboutus a {
| + | |
| − | color: #ffffff;
| + | |
| − | }
| + | |
| − | /* End classes for icons */
| + | |
| − | /* Begin running chip */
| + | |
| − | /* Begin Chip Design */
| + | |
| − | #runningchip {
| + | |
| − | position: absolute;
| + | |
| − | width: 110px;
| + | |
| − | height: 120%;
| + | |
| − | left: 125px;
| + | |
| − | -webkit-transition: all 300ms ease-out;
| + | |
| − | -moz-transition: all 300ms ease-out;
| + | |
| − | transition: all 300ms ease-out;
| + | |
| − | 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: 5px;
| + | |
| − | }
| + | |
| − | #project:hover ~ #runningchip {
| + | |
| − | left: 125px;
| + | |
| − | }
| + | |
| − | #labwork:hover ~ #runningchip {
| + | |
| − | left: 245px;
| + | |
| − | }
| + | |
| − | #parts:hover ~ #runningchip {
| + | |
| − | left: 365px;
| + | |
| − | }
| + | |
| − | #modeling:hover ~ #runningchip {
| + | |
| − | left: 485px;
| + | |
| − | }
| + | |
| − | #achievements:hover ~ #runningchip {
| + | |
| − | left: 605px;
| + | |
| − | }
| + | |
| − | #hp:hover ~ #runningchip {
| + | |
| − | left: 725px;
| + | |
| − | }
| + | |
| − | #aboutus:hover ~ #runningchip {
| + | |
| − | left: 845px;
| + | |
| − | }
| + | |
| − | /* End Chip Movment */
| + | |
| − | /* End running chip */
| + | |
| − | /* Begin Settings Submenu Level 1 */
| + | |
| − | #navtextwrapper { /*define background box*/
| + | |
| − | margin: 0 auto;
| + | |
| − | padding: 0px;
| + | |
| − | top: -2px;
| + | |
| − | height: 24px;
| + | |
| − | width: 840px;
| + | |
| − | position: relative;
| + | |
| − | /*border: 2px solid #000;*/
| + | |
| − | }
| + | |
| − | #navtext {
| + | |
| − | text-align: center;
| + | |
| − | font-family: 'Raleway',sans-serif;
| + | |
| − | font-size: 16px;
| + | |
| − | z-index: 600;
| + | |
| − | }
| + | |
| − | #navtext ul {
| + | |
| − | margin: 0px auto;
| + | |
| − | top: -8px;
| + | |
| − | padding: 0px;
| + | |
| − | position: absolute;
| + | |
| − | z-index: 600;
| + | |
| − | }
| + | |
| − | #navtext li {
| + | |
| − | margin: 0px auto; /*centers text*/
| + | |
| − | list-style: none;
| + | |
| − | display: block; /*makes items go horizontal and centers them*/
| + | |
| − | /*float: left;*/ /*makes items go horizontal*/
| + | |
| − | position: relative;
| + | |
| − | z-index: 600;
| + | |
| − | }
| + | |
| − | #navtext ul li a {
| + | |
| − | margin-top: 2px;
| + | |
| − | height: 24px;
| + | |
| − | padding-left: 10px;
| + | |
| − | padding-right: 10px;
| + | |
| − | text-decoration: none;
| + | |
| − | color: #FFF;
| + | |
| − | display: block;
| + | |
| − | text-align: center;
| + | |
| − | border-radius: 8px;
| + | |
| − | z-index: 600;
| + | |
| − | }
| + | |
| − | #navtext ul li:hover > a {
| + | |
| − | /* background-color: #6696c7; /*makes a link stay in a certain color when hovering over it and then looking throught its subitems */
| + | |
| − | color: #345292; /* couleur du sous titre quand tu passes dessus*/
| + | |
| − | }
| + | |
| − | #project-sub {
| + | |
| − | display: none;
| + | |
| − | left: 64.5px;
| + | |
| − | }
| + | |
| − | #labwork-sub {
| + | |
| − | display: none;
| + | |
| − | left: 183px;
| + | |
| − | }
| + | |
| − | #parts-sub {
| + | |
| − | /*background-color: #ac34fe;*/
| + | |
| − | display: none;
| + | |
| − | left: 292.5px;
| + | |
| − | }
| + | |
| − | #modeling-sub{
| + | |
| − | display: none;
| + | |
| − | left: 445.5px;
| + | |
| − | }
| + | |
| − | #achievements-sub{
| + | |
| − | display: none;
| + | |
| − | left: 532.5px;
| + | |
| − | }
| + | |
| − | #hp-sub{
| + | |
| − | display: none;
| + | |
| − | left: 618.5px;
| + | |
| − | }
| + | |
| − | #aboutus-sub{
| + | |
| − | display: none;
| + | |
| − | left: 788.5px;
| + | |
| − | }
| + | |
| − | .chip_gap {
| + | |
| − | content: none;
| + | |
| − | }
| + | |
| − | .navsub1 {
| + | |
| − | background-color: #000000;
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | /* End Settings Submenu Level 1 */
| + | |
| − | #smallnav{
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | }/* END media query large screen*/
| + | |
| − | /* BEGIN media query small screen */
| + | |
| − | @media screen and (max-width: 950px){
| + | |
| − | #Menu{
| + | |
| − | top: -9000px;
| + | |
| − | opacity: 0;
| + | |
| − | }
| + | |
| − | /* avoid space to content box */
| + | |
| − | .content_background_wrapper{
| + | |
| − | padding-top: 20px;
| + | |
| − | }
| + | |
| − | }/* END media query small screen*/
| + | |
| − | /* BEGIN Styles for smallnav */
| + | |
| − | /* Clearfix */
| + | |
| − | .clearfix:before,
| + | |
| − | .clearfix:after {
| + | |
| − | content: " ";
| + | |
| − | display: table;
| + | |
| − | }
| + | |
| − | .clearfix:after {
| + | |
| − | clear: both;
| + | |
| − | }
| + | |
| − | .clearfix {
| + | |
| − | *zoom: 1;
| + | |
| − | }
| + | |
| − | /* Basic Styles */
| + | |
| − | #smallnav {
| + | |
| − | height: 40px;
| + | |
| − | width: 100%;
| + | |
| − | 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));
| + | |
| − | font-size: 11pt;
| + | |
| − | font-family: 'Raleway', Arial, sans-serif;
| + | |
| − | position: fixed;
| + | |
| − | top: 18px;
| + | |
| − | left: 0%;
| + | |
| − | z-index: 3000;
| + | |
| − | opacity: 0.9;
| + | |
| − | }
| + | |
| − | #smallnav ul {
| + | |
| − | padding: 0;
| + | |
| − | margin: 0 auto;
| + | |
| − | width: 770px;
| + | |
| − | height: 40px;
| + | |
| − | }
| + | |
| − | #smallnav li {
| + | |
| − | display: inline;
| + | |
| − | float: left;
| + | |
| − | }
| + | |
| − | #smallnav a {
| + | |
| − | color: #ffffff;
| + | |
| − | display: inline-block;
| + | |
| − | width: 110px;
| + | |
| − | 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: #000000;
| + | |
| − | }
| + | |
| − | #smallnav a#pull {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | /* END Styles for smallnav*/
| + | |
| − | /*Styles for screen 760 and lower*/
| + | |
| − | @media screen and (max-width: 760px) {
| + | |
| − | #smallnav {
| + | |
| − | height: auto;
| + | |
| − | background: #ffffff;
| + | |
| − | }
| + | |
| − | #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-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));
| + | |
| − | 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;
| + | |
| − | }
| + | |
| − | /* BEGINclasses for icons */
| + | |
| − | #home_small {
| + | |
| − | background-color: #345292;
| + | |
| − | }
| + | |
| − | #home_small a {
| + | |
| − | background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
| + | |
| − | background-position: left;
| + | |
| − | background-size: auto 100%;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | padding-left: 40px;
| + | |
| − | color: #FFF;
| + | |
| − | }
| + | |
| − | #project_small {
| + | |
| − | background-color: #345292;
| + | |
| − | }
| + | |
| − | #project_small a {
| + | |
| − | background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
| + | |
| − | background-position: left;
| + | |
| − | background-size: auto 90%;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | padding-left: 40px;
| + | |
| − | color: #FFF;
| + | |
| − | }
| + | |
| − | #labwork_small {
| + | |
| − | background-color:#345292;
| + | |
| − | }
| + | |
| − | #labwork_small a {
| + | |
| − | background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
| + | |
| − | background-position: left;
| + | |
| − | background-size: auto 90%;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | padding-left: 40px;
| + | |
| − | color: #FFF;
| + | |
| − | }
| + | |
| − | #parts_small {
| + | |
| − | background-color: #345292;
| + | |
| − | }
| + | |
| − | #parts_small a {
| + | |
| − | background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
| + | |
| − | background-position: left;
| + | |
| − | background-size: auto 90%;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | padding-left: 40px;
| + | |
| − | color: #FFF;
| + | |
| − | }
| + | |
| − | #modeling_small {
| + | |
| − | background-color: #345292;
| + | |
| − | }
| + | |
| − | #modeling_small a {
| + | |
| − | color: #FFF;
| + | |
| − | padding-left: 40px;
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png);
| + | |
| − | background-position: left;
| + | |
| − | background-size: auto 90%;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | #achievements_small {
| + | |
| − | background-color: #345292;
| + | |
| − | }
| + | |
| − | #achievements_small a {
| + | |
| − | color: #FFF;
| + | |
| − | padding-left: 40px;
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png);
| + | |
| − | background-position: left;
| + | |
| − | background-size: auto 90%;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | #hp_small {
| + | |
| − | background-color: #345292;
| + | |
| − | }
| + | |
| − | #hp_small a {
| + | |
| − | color: #FFF;
| + | |
| − | padding-left: 40px;
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png);
| + | |
| − | background-position: left;
| + | |
| − | background-size: auto 90%;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | #aboutus_small {
| + | |
| − | background-color: #345292;
| + | |
| − | }
| + | |
| − | #aboutus_small a {
| + | |
| − | background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.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%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | /* END : Menu Bar Settings */
| + | |
| − | #banner {
| + | |
| − | width: 100%;
| + | |
| − | height: 70vh;
| + | |
| − | background-image: url("https://medicor.nu/wp-content/uploads/2015/11/igem3.jpg");
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-size: cover;
| + | |
| − | background-position: center;
| + | |
| − | }
| + | |
| − | #banner h1 {
| + | |
| − | text-align: center;
| + | |
| − | color: white;
| + | |
| − | padding-top: 40vh;
| + | |
| − | font-size: 15vh;
| + | |
| − | line-height: 15vh;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | <script>
| + | |
| − | // FOR SMALLNAV | + | |
| − | $(function() {
| + | |
| − | var pull = $('#pull');
| + | |
| − | menu = $('#smallnav ul');
| + | |
| − | menuHeight = menu.height();
| + | |
| − | $(pull).on('click', function(e) {
| + | |
| − | e.preventDefault();
| + | |
| − | menu.slideToggle();
| + | |
| − | });
| + | |
| − | $(window).resize(function(){
| + | |
| − | var w = $(window).width();
| + | |
| − | if(w > 320) {
| + | |
| − | if (menu.is(':hidden')) {
| + | |
| − | menu.removeAttr('style');
| + | |
| − | }
| + | |
| − | }
| + | |
| − | });
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | <script type="text/javascript"> | + | |
| − | $(document).ready(function(){
| + | |
| − | // make submenus appear //
| + | |
| − | $("#home").hover(function(){
| + | |
| − | $("#project-sub") .hide();
| + | |
| − | $("#parts-sub") .hide();
| + | |
| − | $("#labwork-sub") .hide();
| + | |
| − | $("#modeling-sub") .hide();
| + | |
| − | $("#achievements-sub") .hide();
| + | |
| − | $("#hp-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-sub") .show();
| + | |
| − | $("#project-sub") .hide();
| + | |
| − | $("#parts-sub") .hide();
| + | |
| − | $("#modeling-sub") .hide();
| + | |
| − | $("#achievements-sub") .hide();
| + | |
| − | $("#hp-sub") .hide();
| + | |
| − | $("#aboutus-sub") .hide();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#labwork-sub") .hide();
| + | |
| − | });
| + | |
| − |
| + | |
| − | $("#parts").hover(function(){
| + | |
| − | $("#parts-sub") .show();
| + | |
| − | $("#project-sub") .hide();
| + | |
| − | $("#labwork-sub") .hide();
| + | |
| − | $("#modeling-sub") .hide();
| + | |
| − | $("#achievements-sub") .hide();
| + | |
| − | $("#hp-sub") .hide();
| + | |
| − | $("#aboutus-sub") .hide();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#parts-sub") .hide();
| + | |
| − | });
| + | |
| − |
| + | |
| − | $("#modeling").hover(function(){
| + | |
| − | $("#modeling-sub") .show();
| + | |
| − | $("#project-sub") .hide();
| + | |
| − | $("#parts-sub") .hide();
| + | |
| − | $("#labwork-sub") .hide();
| + | |
| − | $("#achievements-sub") .hide();
| + | |
| − | $("#hp-sub") .hide();
| + | |
| − | $("#aboutus-sub") .hide();
| + | |
| − | });
| + | |
| − |
| + | |
| − | $("#achievements").hover(function(){
| + | |
| − | $("#achievements-sub") .show();
| + | |
| − | $("#project-sub") .hide();
| + | |
| − | $("#parts-sub") .hide();
| + | |
| − | $("#labwork-sub") .hide();
| + | |
| − | $("#modeling-sub") .hide();
| + | |
| − | $("#hp-sub") .hide();
| + | |
| − | $("#aboutus-sub") .hide();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#achievements-sub") .hide();
| + | |
| − | });
| + | |
| − |
| + | |
| − | $("#hp").hover(function(){
| + | |
| − | $("#hp-sub") .show();
| + | |
| − | $("#project-sub") .hide();
| + | |
| − | $("#parts-sub") .hide();
| + | |
| − | $("#labwork-sub") .hide();
| + | |
| − | $("#modeling-sub") .hide();
| + | |
| − | $("#achievements-sub") .hide();
| + | |
| − | $("#aboutus-sub") .hide();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#hp-sub") .hide();
| + | |
| − | });
| + | |
| − | $("#aboutus").hover(function(){
| + | |
| − | $("#aboutus-sub") .show();
| + | |
| − | $("#project-sub") .hide();
| + | |
| − | $("#parts-sub") .hide();
| + | |
| − | $("#labwork-sub") .hide();
| + | |
| − | $("#modeling-sub") .hide();
| + | |
| − | $("#achievements-sub") .hide();
| + | |
| − | $("#hp-sub") .hide();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#aboutus-sub") .hide();
| + | |
| − | });
| + | |
| − | // make chip stay over main menu point when its submenu appears and makes the submenu stay visible//
| + | |
| − | $("#project-sub") .hover(function(){
| + | |
| − | $("#runningchip") .css('left','125px');
| + | |
| − | $("#project-sub") .show();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#runningchip") .css('left','');
| + | |
| − | $("#project-sub") .hide();
| + | |
| − | });
| + | |
| − | $("#labwork-sub") .hover(function(){
| + | |
| − | $("#runningchip") .css('left','245px');
| + | |
| − | $("#labwork-sub") .show();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#runningchip") .css('left','');
| + | |
| − | $("#labwork-sub") .hide();
| + | |
| − | });
| + | |
| − | $("#parts-sub") .hover(function(){
| + | |
| − | $("#runningchip") .css('left','365px');
| + | |
| − | $("#parts-sub") .show();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#runningchip") .css('left','');
| + | |
| − | $("#parts-sub") .hide();
| + | |
| − | });
| + | |
| − | $("#modeling-sub") .hover(function(){
| + | |
| − | $("#runningchip") .css('left','485px');
| + | |
| − | $("#modeling-sub") .show();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#runningchip") .css('left','');
| + | |
| − | $("#modeling-sub") .hide();
| + | |
| − | });
| + | |
| − | $("#achievements-sub") .hover(function(){
| + | |
| − | $("#runningchip") .css('left','605px');
| + | |
| − | $("#achievements-sub") .show();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#runningchip") .css('left','');
| + | |
| − | $("#achievements-sub") .hide();
| + | |
| − | });
| + | |
| − | $("#hp-sub") .hover(function(){
| + | |
| − | $("#runningchip") .css('left','725px');
| + | |
| − | $("#hp-sub") .show();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#runningchip") .css('left','');
| + | |
| − | $("#hp-sub") .hide();
| + | |
| − | });
| + | |
| − | $("#aboutus-sub") .hover(function(){
| + | |
| − | $("#runningchip") .css('left','845px');
| + | |
| − | $("#aboutus-sub") .show();
| + | |
| − | },
| + | |
| − | function(){
| + | |
| − | $("#runningchip") .css('left','');
| + | |
| − | $("#aboutus-sub") .hide();
| + | |
| − | });
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | <script>
| + | |
| − | /*Attachable menu code*/
| + | |
| − | $( document ).ready(function() {
| + | |
| − |
| + | |
| − | $(window).scroll(function (event) {
| + | |
| − | var y = $(this).scrollTop();
| + | |
| − | if(y>60){
| + | |
| − | $("#header").css('position','fixed');
| + | |
| − | $("#header").css('width','100%');
| + | |
| − | $("#header").css('margin-top','-61px');
| + | |
| − | $("#bottom-arrow").css('display','none');
| + | |
| − | $("#runningchip-back").css('display','none');
| + | |
| − | $("#navtext").css('margin-top','-20px');
| + | |
| − | $(".chip_gap").css('height','30px');
| + | |
| − | }else{
| + | |
| − | var offsetTop = -y;
| + | |
| − | $("#header").css('margin-top',offsetTop+'px');
| + | |
| − | $("#bottom-arrow").removeAttr('style');
| + | |
| − | $("#runningchip-back").removeAttr('style');
| + | |
| − | $("#navtext").removeAttr('style');
| + | |
| − | $(".chip_gap").css('height','23px');
| + | |
| − | }
| + | |
| − | });
| + | |
| − | /*Fix for when a link targets an id -> check the position on pageload*/
| + | |
| − | $(window).scroll();
| + | |
| − | });
| + | |
| − | </script> | + | |
| − | <body>
| + | |
| − | <!-- BEGIN normal Menubar-->
| + | |
| − | | + | |
| − | <div id=" naviconwrapper"> | + | |
| − | <!-- BEGIN icons -->
| + | |
| − | <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>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − | <!-- END icons -->
| |
| | </div> | | </div> |
| − | <!-- Begin navigation submenu -->
| + | </a> |
| − | <div id="navtextwrapper"> <!-- only names of elements -->
| + | <a href="https://2018.igem.org/Team:Pasteur_Paris/ Growing_Back_Nerves"> |
| − | <div id="navtext">
| + | <div class="block onglet"> |
| − | <ul id="project-sub">
| + | <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/1/1f/T--Pasteur_Paris--Banner_GrowingBackNerves.jpg); background-color: black; background-size: 450%;"> |
| − | <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Description"></a></li>
| + | <p style="position: absolute; color: white; font-size: 250%; top: 80px; text-align: center;"><b>RECONNECT NERVES</b></p> |
| − | <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> |
| − | </div> | + | </div> |
| − | <!-- End of navigation submenu -->
| + | </a> |
| − | </div> | + | <a href="https://2018.igem.org/Team:Pasteur_Paris/Fighting"> |
| − | <!-- END: normal Menubar -->
| + | <div class="block onglet"> |
| − | <!-- BEGIN: Mobile Navigation Menu -->
| + | <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/5/5b/T--Pasteur_Paris--Banner_FightInfections.jpg); background-color: black; background-position-x: 20%;"> |
| − | <div class="clearfix" id="smallnav"> | + | <p style="position: absolute; color: white; font-size: 250%; top: 115px; text-align: left; text-indent: 0; left: 32px;"><b>FIGHT INFECTIONS</b></p> |
| − | <ul class="clearfix"> | + | </div> |
| − | < li id="home_small"><a href="https://2018.igem.org/Team:Pasteur_Paris"> Home< /a></li> | + | </div> |
| − | <li id="project_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Project" style="background-color: #292929;">Project</a></li> | + | </a> |
| − | < li id="parts_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/ Parts"> Parts< /a></li> | + | <a href="https://2018.igem.org/Team:Pasteur_Paris /Model"> |
| − | <li id="modeling_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Modeling">Modeling</a></li> | + | <div class="block onglet"> |
| − | < li id="achievements_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/"> Achievements< /a></li> | + | <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/6/62/T--Pasteur_Paris--Banner_Model.jpg); background-color: black; background-position-x: 40%"> |
| − | <li id="hp_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">HP</a></li> | + | </div> |
| − | < li id="aboutus_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/ Team" >About us</a></li> | + | </div> |
| − | </ul> | + | </a> |
| − | <a href="#" id="pull">Menu</a>
| + | <a href="https://2018.igem.org/Team:Pasteur_Paris/ Membrane"> |
| − | </div>
| + | <div class="block onglet"> |
| − | <!-- END: Mobile Navigation Menu -->
| + | <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/1/18/T--Pasteur_Paris--Banner_Membrane2.jpg); background-color: black; background-position-x: 21%"> |
| − | <!-- BEGIN : Content -->
| + | </div> |
| − | | + | </div> |
| − | <h1>PROJECT</h1> | + | </a> |
| − | </div>
| + | <a href="https://2018.igem.org/Team:Pasteur_Paris/ Kill"> |
| − | </body> | + | <div class="block onglet"> |
| | + | <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/a/ad/T--Pasteur_Paris--Banner_KillSwitch.jpg); background-color: black; background-position-x: 25%; background-position-y: 75%; background-size: 350%;"> |
| | + | <p style="position: absolute; color: white; font-size: 250%; top: 112px;"><b>KILL SWITCH</b></p> |
| | + | </div> |
| | + | </div> |
| | + | </a> |
| | + | <a href="https://2018.igem.org/Team:Pasteur_Paris/ Entrepreneurship"> |
| | + | <div class="block onglet"> |
| | + | <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/4/48/T--Pasteur_Paris--Banner_Entrepreneurship.jpg); background-color: black; background-position-x: 68%;"> |
| | + | </div> |
| | + | </div> |
| | + | </a> |
| | + | </div> |
| | + | </div> |
| | </html> | | </html> |
| − | <!-- Bar code inspired from Freiburg 2015 : https://2015.igem.org/Team:Freiburg -->
| |
