Difference between revisions of "Template:Pasteur Paris/Menu"

Line 1: Line 1:
 
{{Pasteur_Paris/Fonts}}
 
{{Pasteur_Paris/Fonts}}
 +
  
 
<!--doctype html-->
 
<!--doctype html-->
 
<html>
 
<html>
 +
 
     <head>
 
     <head>
 
         <title>""</title>
 
         <title>""</title>
−
         <meta charset="utf-8">
+
         <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
−
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
    </head>
−
        <style>
+
  
−
    #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;}
+
     <style>
  
−
/* ============ DEBUT : Réglages de la barre de menu ============ */
+
        /* BEGIN : Default Wiki Settings */
  
−
/* ==== DEBUT : Réglages généraux ==== */
+
            #home_logo, #sideMenu { display:none; }
−
*{
+
            #sideMenu, #top_title, .patrollink  {display:none;}
−
margin: 0;
+
            #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
padding: 0;
+
            body {background-color:white; }
−
}
+
            #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
body {
+
            .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;};
−
padding-top: 30px;
+
−
font-family: 'Raleway', Arial Black, sans-serif;
+
−
}
+
  
−
#MenuIgem {
+
        /* END : Default Wiki Settings */
−
height: 18px;
+
−
background-color: black;
+
−
position: fixed;
+
−
top: 0%;
+
−
left: 0%;
+
−
width: 100%;
+
−
z-index: 2;
+
−
}
+
  
−
#Menu {
 
−
height: 70px;
 
  
−
position: fixed;
 
−
top: 18px;
 
−
left: 0%;
 
−
width: 100%;
 
−
z-index: 2;
 
−
border-bottom-left-radius: 15px;
 
−
border-bottom-right-radius: 15px;
 
−
}
 
  
−
#Menu img {
+
        /* BEGIN : Menu Bar Settings */
−
float: left;
+
−
height: 100%;
+
−
width: auto;
+
−
}
+
  
−
#Menu-mobile-bar {
+
            /* BEGIN : General Settings of Menu Bar */
−
display: none;
+
            *{
−
height: 50px;
+
            margin: 0;
−
background-color: pink;
+
            padding: 0;
−
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 {
+
            body {
−
float: left;
+
            padding-top: 30px;
−
height: 100%;
+
            }
−
width: auto;
+
−
}
+
  
−
/* ==== FIN: Réglages généraux ==== */
+
            #MenuIgem {
 +
            height: 18px;
 +
            background-color: black;
 +
            position: fixed;
 +
            top: 0%;
 +
            left: 0%;
 +
            width: 100%;
 +
            z-index: 2;
 +
            }
  
 +
            #Menu {
 +
            height: 70px;
 +
            position: fixed;
 +
            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;
 +
            }
  
−
@media screen and (min-width: 911px){
+
            /* END : General Settings of Menu Bar */
  
−
#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 {
+
            /* BEGIN media query large screen */
−
margin: 0px;
+
            @media screen and (min-width: 951px){
−
height: 100%;
+
−
    width: 100%;
+
−
    position: relative;  /*makes chip go directly behind home from left corner*/
+
  
−
}
+
                #naviconwrapper {
 +
                    height: 100%;
 +
                    margin: 0px ;    /*auto centers wrapper*/
 +
                    min-width: 900px;
 +
                    z-index: -100;
 +
                }
  
−
#navicons ul li {
+
                #naviconbar {
−
    list-style: none;
+
                height: 100%;
−
    /*display: block;*/
+
                    min-width: 900px;
−
    float: left;
+
                    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));
−
    position: relative;
+
                    z-index: -60;
−
    font-family: 'Raleway', sans-serif;
+
                    text-align: center;
−
    font-size: 12px;
+
                }
−
    background-color: rgba(161, 47, 92, 0.0);
+
                   
−
    /*border: 1px solid #5781BD;*/
+
−
    z-index: 100;
+
−
    height: 90%;
+
−
}
+
  
−
#navicons ul li a {
+
                /* BEGIN: Settings Main Menu Icons */
  
−
    width: 120px;
+
                    #navicons {
−
    display: block;
+
                        width: 960px;
−
    text-decoration: none;
+
                        background-color: linear-gradient(to right, rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126));
−
    /*color: #FFF;*/
+
                        z-index: -20;   /*defines color behind icons */  
−
    text-align: center;
+
                        display: inline-block;
−
    text-transform: uppercase;
+
                    vertical-align: middle;
−
    z-index: 50;
+
                    height: 100%;
−
    padding-top: 45%;
+
                    }
  
−
}
+
                    #navicons ul {
 +
                        padding: 0px;
 +
                    margin: 0px;
 +
                    height: 100%;
 +
                        width: 100%;
 +
                        position: relative;  /*makes chip go directly behind home from left corner*/
  
−
#navicons ul a:hover {
+
                    }
−
}    
+
−
/* ==== END: Settings Main Menu Icons ==== */
+
−
 
+
  
−
/* ==== classes for icons ==== */
+
                    #navicons ul li {
−
#home {
+
                        list-style: none;
−
    background: url(https://static.igem.org/mediawiki/2018/3/39/T--Pasteur_Paris--teamlogoigemwhite_99x60.png) no-repeat;  
+
                        /*display: block;*/
−
    height: 60px;
+
                        float: left;
−
    background-position: center;
+
                        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%;
 +
                    }
  
−
#home a {
+
                    #navicons ul li a {
−
    color: #ffffff;
+
−
}
+
  
−
#project {
+
                        width: 120px;
−
    background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
+
                        display: block;
−
    height: 60px;
+
                        text-decoration: none;
−
    background-position: center;
+
                        /*color: #FFF;*/
−
}
+
                        text-align: center;
 +
                        text-transform: uppercase;
 +
                        z-index: 50;
 +
                        padding-top: 45%;
  
−
#project a {
+
                    }
−
    color: #ffffff;
+
−
}
+
  
−
#labwork {
+
                    #navicons ul a:hover {  
−
    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 {
+
                /* END: Settings Main Menu Icons */
−
    color: #ffffff;
+
                 
−
}
+
  
−
#parts {
+
                /* Begin classes for icons */
−
    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 {
+
                    #home {
−
    color: #ffffff;
+
                        background: url(https://static.igem.org/mediawiki/2018/3/39/T--Pasteur_Paris--teamlogoigemwhite_99x60.png) no-repeat;
−
}
+
                        height: 60px;
 +
                        background-position: center;
 +
                    }
  
−
#modeling {
+
                    #home a {
−
    background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
+
                        color: #ffffff;
−
    height: 60px;
+
                    }
−
    background-position: center;
+
−
}
+
  
−
#modeling a {
+
                    #project {
−
    color: #ffffff;
+
                        background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
−
}
+
                        height: 60px;
 +
                        background-position: center;
 +
                    }
  
−
#achievements {
+
                    #project a {
−
    background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png)no-repeat;
+
                        color: #ffffff;
−
    height: 60px;
+
                    }
−
    background-position: center;
+
−
}
+
  
−
#achievements a {
+
                    #labwork {
−
    color: #ffffff;
+
                        background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
−
}
+
                        height: 60px;
 +
                        background-position: center;
 +
                    }
  
−
#hp {
+
                    #labwork a {
−
    background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
+
                        color: #ffffff;
−
    height: 60px;
+
                    }
−
    background-position: center;
+
−
}
+
  
−
#hp a {
+
                    #parts {
−
    color: #ffffff;
+
                        background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
−
}
+
                        height: 60px;
 +
                        background-position: center;
 +
                    }
  
−
#aboutus {
+
                    #parts a {
−
    background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
+
                        color: #ffffff;
−
    height: 60px;
+
                    }
−
    background-position: center;
+
−
}
+
  
−
#aboutus a {
+
                    #modeling {
−
    color: #ffffff;
+
                        background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
−
}
+
                        height: 60px;
−
/* ==== End classes for icons ==== */
+
                        background-position: center;
 +
                    }
  
−
/* ==== Begin running chip ==== */
+
                    #modeling a {
−
/* == Begin Chip Design == */
+
                        color: #ffffff;
−
#runningchip {
+
                    }
−
    position: absolute;
+
−
    width: 90px;
+
−
    height: 120%;
+
−
    left: 15px;
+
−
    -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 == */
+
                    #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;
 +
                    }
  
−
/* == Begin Chip Movement == */
+
                    #hp {
−
#home:hover ~ #runningchip {
+
                        background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
−
    left: 15px;
+
                        height: 60px;
−
}
+
                        background-position: center;
 +
                    }
  
−
#project:hover ~ #runningchip {
+
                    #hp a {
−
    left: 135px;
+
                        color: #ffffff;
−
}
+
                    }
  
−
#labwork:hover ~ #runningchip {
+
                    #aboutus {
−
    left: 255px;
+
                        background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
−
}
+
                        height: 60px;
 +
                        background-position: center;
 +
                    }
  
−
#parts:hover ~ #runningchip {
+
                    #aboutus a {
−
    left: 375px;
+
                        color: #ffffff;
−
}
+
                    }
  
−
#modeling:hover ~ #runningchip {
+
                /* End classes for icons */
−
    left: 495px;
+
−
}
+
  
−
#achievements:hover ~ #runningchip {
 
−
    left: 615px;
 
−
}
 
  
−
#hp:hover ~ #runningchip {
+
                /* Begin running chip */
−
    left: 735px;
+
−
}
+
  
−
#aboutus:hover ~ #runningchip {
 
−
    left: 855px;
 
−
}
 
−
/* == End Chip Movment == */
 
−
/* ==== End running chip ==== */
 
  
 +
                    /* Begin Chip Design */
  
−
/* ==== Begin Settings Submenu Level 1 ==== */
+
                        #runningchip {
−
#navtextwrapper {               /*define background box*/
+
                            position: absolute;
−
    margin: 0 auto;
+
                            width: 110px;
−
    padding: 0px;
+
                            height: 120%;
−
    top: -2px;
+
                            left: 5px;
−
    height: 24px;
+
                            -webkit-transition: all 300ms ease-out;
−
    width: 840px;
+
                            -moz-transition: all 300ms ease-out;
−
    position: relative;
+
                            transition: all 300ms ease-out;
−
    /*border: 2px solid #000;*/
+
                            z-index: 0;
−
}
+
                          border-bottom-left-radius: 5px;
 +
                          border-bottom-right-radius: 5px;
 +
                          background: #000000;
 +
                        }
  
−
#navtext {
+
                    /* End Chip Design */
−
    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 {
+
                    /* Begin Chip Movement */
−
    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 {
+
                        #home:hover ~ #runningchip {
−
    margin-top: 2px;
+
                            left: 5px;
−
    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 {
+
                        #project:hover ~ #runningchip {
−
  /* background-color: #6696c7;  /*makes a link stay in a certain color when hovering over it and then looking throught its subitems */
+
                            left: 125px;
−
    color: #345292; /* couleur du sous titre quand tu passes dessus*/
+
                        }
−
}
+
  
−
#project-sub {
+
                        #labwork:hover ~ #runningchip {
−
    display: none;
+
                            left: 245px;
−
    left: 67px;
+
                        }
−
}
+
  
−
#labwork-sub {
+
                        #parts:hover ~ #runningchip {
−
    display: none;
+
                            left: 365px;
−
    left: 183px;
+
                        }
−
}
+
  
−
#parts-sub {
+
                        #modeling:hover ~ #runningchip {
−
    /*background-color: #ac34fe;*/
+
                            left: 485px;
−
    display: none;
+
                        }
−
    left: 292.5px;
+
−
}
+
  
−
#modeling-sub{
+
                        #achievements:hover ~ #runningchip {
−
    display: none;
+
                            left: 605px;
−
    left: 445.5px;
+
                        }
−
}
+
  
−
#achievements-sub{
+
                        #hp:hover ~ #runningchip {
−
    display: none;
+
                            left: 725px;
−
    left: 532.5px;
+
                        }
−
}
+
  
−
#hp-sub{
+
                        #aboutus:hover ~ #runningchip {
−
    display: none;
+
                            left: 845px;
−
    left: 618.5px;
+
                        }
−
}
+
−
#aboutus-sub{
+
−
    display: none;
+
−
    left: 790.5px;
+
−
}
+
  
−
.chip_gap {
+
                    /* End Chip Movment */
−
    content: none;
+
−
}
+
  
−
.navsub1 {
+
                /* End running chip */
−
    background-color: #000000;
+
−
opacity: 1;
+
−
} 
+
  
  
−
/* ==== End Settings Submenu Level 1 ==== */
+
                /* 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;
 +
                    }
  
−
#smallnav{
+
                    #navtext ul {
−
    display: none;
+
                        margin: 0px auto;
−
}
+
                        top: -8px;
 +
                        padding: 0px;
 +
                        position: absolute;
 +
                        z-index: 600;
 +
                    }
  
−
/* end media query*/
+
                    #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;
 +
                    }
  
−
@media screen and (max-width: 910px){
+
                    #navtext ul li:hover > a {
−
    #header{
+
                      /* background-color: #6696c7; /*makes a link stay in a certain color when hovering over it and then looking throught its subitems */
−
        top: -9000px;
+
                        color: #345292; /* couleur du sous titre quand tu passes dessus*/
−
        opacity: 0;
+
                    }
−
    }
+
  
−
/* avoid space to content box */
+
                    #project-sub {
−
    .content_background_wrapper{
+
                        display: none;
−
        padding-top: 20px;
+
                        left: 67px;
−
    }
+
                    }
  
−
}
+
                    #labwork-sub {
 +
                        display: none;
 +
                        left: 183px;
 +
                    }
  
−
/* Styles for smallnav */
+
                    #parts-sub {
 +
                        /*background-color: #ac34fe;*/
 +
                        display: none;
 +
                        left: 292.5px;
 +
                    }
  
−
/* Clearfix */
+
                    #modeling-sub{
−
.clearfix:before,
+
                        display: none;
−
.clearfix:after {
+
                        left: 445.5px;
−
    content: " ";
+
                    }
−
    display: table;
+
−
}
+
−
.clearfix:after {
+
−
    clear: both;
+
−
}
+
−
.clearfix {
+
−
    *zoom: 1;
+
−
}
+
  
 +
                    #achievements-sub{
 +
                        display: none;
 +
                        left: 532.5px;
 +
                    }
  
−
/* Basic Styles */
+
                    #hp-sub{
 +
                        display: none;
 +
                        left: 618.5px;
 +
                    }
 +
                    #aboutus-sub{
 +
                        display: none;
 +
                        left: 790.5px;
 +
                    }
  
−
#smallnav {
+
                    .chip_gap {
−
    height: 40px;
+
                        content: none;
−
    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;
+
−
    border-bottom: 2px solid #000000;
+
−
    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: #ffffff;
+
−
    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: #000000;
+
−
}
+
−
#smallnav a#pull {
+
−
    display: none;
+
−
}
+
  
−
/*Styles for screen 600px and lower*/
+
                    .navsub1 {
−
@media screen and (max-width: 720px) {
+
                        background-color: #000000;
−
    #smallnav {
+
                    opacity: 1;
−
        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 {
+
                /* End Settings Submenu Level 1 */
−
        text-align: left;
+
−
        width: 100%;
+
−
        text-indent: 25px;
+
−
    }
+
  
−
    #smallnav {
+
                #smallnav{
−
        border-bottom: 0;
+
                    display: none;
−
    }
+
                }
−
    #smallnav ul {
+
            }/* END media query large screen*/
−
        display: none;
+
−
        height: auto;
+
−
    }
+
−
    #smallnav a#pull {
+
−
        display: block;
+
−
        background-color: #000000;
+
−
        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;
+
−
    }
+
  
 +
            /* BEGIN media query small screen */
 +
            @media screen and (max-width: 950px){
 +
                #Menu{
 +
                    top: -9000px;
 +
                    opacity: 0;
 +
                }
  
−
/* ==== classes for icons ==== */
+
                /* avoid space to content box */
−
#home_small {
+
                .content_background_wrapper{
−
    background-color: #a8305b;
+
                    padding-top: 20px;
 +
                }
 +
            }/* END media query small screen*/
  
−
}
+
            /* BEGIN Styles for smallnav */
  
−
#home_small a {
+
                /* Clearfix */
−
    background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
+
                .clearfix:before,
−
    background-position: left;
+
                .clearfix:after {
−
    background-size: auto 100%;
+
                    content: " ";
−
    background-repeat: no-repeat;
+
                    display: table;
−
    padding-left: 40px;
+
                }
−
    color: #FFF;
+
                .clearfix:after {
−
}
+
                    clear: both;
 +
                }
 +
                .clearfix {
 +
                    *zoom: 1;
 +
                }
  
−
#project_small {
 
−
    background-color: #a8305b;
 
  
−
}
+
                /* Basic Styles */
  
−
#project_small a {
+
                #smallnav {
−
    background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;  
+
                    height: 40px;
−
    background-position: left;
+
                    width: 100%;
−
    background-size: auto 90%;
+
                    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-repeat: no-repeat;
+
                    font-size: 11pt;
−
    padding-left: 40px;
+
                    font-family: 'Raleway', Arial, sans-serif;
−
    color: #FFF;
+
                    position: fixed;
−
}
+
                    top: 18px;
 +
                    left: 0%;
 +
                    border-bottom: 2px solid #000000;
 +
                    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*/
  
−
#labwork_small {
+
            /*Styles for screen 600px and lower*/
−
    background-color:#a8305b;
+
            @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;
 +
                }
  
−
#labwork_small a {
+
                #smallnav {
−
    background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;  
+
                    border-bottom: 0;
−
    background-position: left;
+
                }
−
    background-size: auto 90%;
+
                #smallnav ul {
−
    background-repeat: no-repeat;
+
                    display: none;
−
    padding-left: 40px;
+
                    height: auto;
−
    color: #FFF;
+
                }
−
}
+
                #smallnav a#pull {
 +
                    display: block;
 +
                    background-color: #000000;
 +
                    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;
 +
                }
  
−
#parts_small {
 
−
    background-color: #a8305b;
 
  
−
}
+
                /* BEGINclasses for icons */
 +
                    #home_small {
 +
                        background-color: #a8305b;
  
−
#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 {
+
                    #home_small a {
−
    background-color: #a12f5c;
+
                        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;
 +
                    }
  
−
#modeling_small a {
+
                    #project_small {
−
    color: #FFF;
+
                        background-color: #a8305b;
−
    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: #80346e;
+
−
}
+
  
−
#achievements_small a {
+
                    #project_small a {
−
    color: #FFF;
+
                        background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;  
−
    padding-left: 40px;
+
                        background-position: left;
−
    background-image: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png);
+
                        background-size: auto 90%;
−
    background-position: left;
+
                        background-repeat: no-repeat;
−
    background-size: auto 90%;
+
                        padding-left: 40px;
−
    background-repeat: no-repeat;
+
                        color: #FFF;
−
}
+
                    }
  
−
#hp_small {
+
                    #labwork_small {
−
    background-color: #543b7e;
+
                        background-color:#a8305b;
−
}
+
  
−
#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 {
+
                    #labwork_small a {
−
    background-color: #345292;
+
                        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;
 +
                    }
  
−
#aboutus_small a {
+
                    #parts_small {
−
    background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
+
                        background-color: #a8305b;
−
    background-position: left;
+
−
    background-size: auto 90%;
+
−
    background-repeat: no-repeat;
+
−
    padding-left: 40px;
+
−
    color: #FFF;
+
−
}
+
−
/* ==== End classes for icons ==== */
+
  
 +
                    }
  
−
}/* end media query
+
                    #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;
 +
                    }
  
−
/*Smartphone*/
+
                    #modeling_small {
−
@media only screen and (max-width : 320px) {
+
                        background-color: #a12f5c;
−
    #smallnav li {
+
                    }
−
        display: block;
+
−
        float: none;
+
−
        width: 100%;
+
−
    }
+
−
}
+
  
−
</style>
+
                    #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: #80346e;
 +
                    }
  
−
<body>
+
                    #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;
 +
                    }
  
−
<head>
+
                    #hp_small {
−
<meta charset="UTF-8" name="Training" content="width=device-width">
+
                        background-color: #543b7e;
−
<title>Training</title>
+
                    }
−
</head>
+
  
−
<header id="MenuIgem">
+
                    #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;
 +
                    }
  
−
</header>
+
                    #aboutus_small {
 +
                        background-color: #345292;
 +
                    }
  
−
<header id="Menu">
+
                     #aboutus_small a {
−
<div id="naviconwrapper"> 
+
                         background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
−
                <div id="naviconbar">
+
                         background-position: left;
−
                <div id="navicons">
+
                        background-size: auto 90%;
−
                     <ul>
+
                        background-repeat: no-repeat;
−
                        <li id="home" ><a href="https://2018.igem.org/Team:Pasteur_Paris/Home"></a>
+
                        padding-left: 40px;
−
                         </li>
+
                        color: #FFF;
−
                        <li id="project" ><a href="https://2018.igem.org/Team:Pasteur_Paris/Description">Project</a>
+
                    }
−
                        </li>
+
                /* END classes for icons */
−
                        <li id="labwork"><a href="https://2018.igem.org/Team:Pasteur_Paris/Labwork">Labwork</a>
+
            }/* end media query
−
                        </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>
+
             /*Smartphone*/
−
<!-- End navigation menu icons -->
+
            @media only screen and (max-width : 320px) {
 +
                #smallnav li {
 +
                    display: block;
 +
                    float: none;
 +
                    width: 100%;
 +
                }
 +
            }
  
−
           
+
    </style>
−
        </div>
+
  
−
<!-- End of header -->   
 
−
<!-- END: normal Menubar -->
 
  
 +
<body>
  
−
<!-- BEGIN: Mobile Navigation -->
+
        <!-- BEGIN Simulating Upper Igem Menu-->
 +
    <header id="MenuIgem">
  
−
        <div class="clearfix" id="smallnav">
+
    </header>
−
            <ul class="clearfix">
+
        <!-- END Simulating Upper Igem Menu-->
−
                <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="parts_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Parts">Parts</a></li>
+
−
                <li id="modeling_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Modeling">Modeling</a></li>
+
−
                <li id="achievements_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/">Achievements</a></li>
+
−
                <li id="hp_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">HP</a></li> 
+
−
                <li id="aboutus_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Team">About us</a></li>
+
−
            </ul>
+
−
            <a href="#" id="pull">Menu</a>
+
−
        </div>
+
  
−
<!-- END: Mobile Navigation -->
+
        <!-- BEGIN normal Menubar-->
 +
    <header id="Menu">
 +
    <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>
 +
                    <!-- END icons -->
 +
                </div>
 +
                    <!-- 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 --> 
 +
            </header>   
 +
        <!-- END: normal Menubar -->
  
  
−
<script>
+
        <!-- BEGIN: Mobile Navigation -->
−
// FOR SMALLNAV
+
−
    $(function() {
+
−
        var pull        = $('#pull');
+
−
            menu        = $('#smallnav ul');
+
−
            menuHeight  = menu.height();
+
  
−
        $(pull).on('click', function(e) {
+
            <div class="clearfix" id="smallnav">
−
            e.preventDefault();
+
                <ul class="clearfix">
−
            menu.slideToggle();
+
                    <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="parts_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Parts">Parts</a></li>
 +
                    <li id="modeling_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Modeling">Modeling</a></li>
 +
                    <li id="achievements_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/">Achievements</a></li>
 +
                    <li id="hp_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">HP</a></li> 
 +
                    <li id="aboutus_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Team">About us</a></li>
 +
                </ul>
 +
                <a href="#" id="pull">Menu</a>
 +
            </div>
  
−
         $(window).resize(function(){
+
         <!-- END: Mobile Navigation -->
−
            var w = $(window).width();
+
    </body>
−
            if(w > 320) {
+
 
−
                if (menu.is(':hidden')) {
+
 
−
                menu.removeAttr('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>
+
  
−
<script type="text/javascript">
+
    <script type="text/javascript">
−
        $(document).ready(function(){
+
            $(document).ready(function(){
−
// make submenus appear //
+
            // make submenus appear //
−
            $("#home").hover(function(){
+
                $("#home").hover(function(){
−
                $("#project-sub") .hide();
+
                    $("#project-sub") .hide();
−
                $("#parts-sub") .hide();
+
                    $("#parts-sub") .hide();
−
                $("#labwork-sub") .hide();
+
                    $("#labwork-sub") .hide();
−
                $("#modeling-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").hover(function(){
−
                 $("#project-sub") .show();
+
                    $("#project-sub") .show();
−
                 $("#labwork-sub") .hide();
+
                    $("#labwork-sub") .hide();
−
                 $("#parts-sub") .hide();
+
                    $("#parts-sub") .hide();
−
                $("#modeling-sub") .hide();
+
                    $("#modeling-sub") .hide();
−
                 $("#achievements-sub") .hide();
+
                    $("#achievements-sub") .hide();
−
                 $("#hp-sub") .hide();
+
                    $("#hp-sub") .hide();
−
                 $("#aboutus-sub") .hide();
+
                    $("#aboutus-sub") .hide();
−
            },
+
                 },
−
                                    function(){
+
                                        function(){
−
                 $("#project-sub") .hide();
+
                    $("#project-sub") .hide();
−
            });
+
                });
−
             $("#labwork").hover(function(){  
+
                $("#labwork").hover(function(){
−
                 $("#labwork-sub") .show();
+
                    $("#labwork-sub") .show();
−
                 $("#project-sub") .hide();
+
                    $("#project-sub") .hide();
−
                 $("#parts-sub") .hide();
+
                    $("#parts-sub") .hide();
−
                 $("#modeling-sub") .hide();
+
                    $("#modeling-sub") .hide();
−
                 $("#achievements-sub") .hide();
+
                    $("#achievements-sub") .hide();
−
                 $("#hp-sub") .hide();
+
                    $("#hp-sub") .hide();
−
                 $("#aboutus-sub") .hide();
+
                    $("#aboutus-sub") .hide();
−
            },
+
                 },
−
                                    function(){
+
                                        function(){
−
                $("#labwork-sub") .hide();
+
                    $("#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','135px');
 +
                    $("#project-sub") .show();
 +
                },
 +
                                        function(){
 +
                    $("#runningchip") .css('left','');
 +
                    $("#project-sub") .hide();
 +
                });
 +
                 $("#labwork-sub") .hover(function(){
 +
                    $("#runningchip") .css('left','255px');
 +
                    $("#labwork-sub") .show();
 +
                 },
 +
                                        function(){
 +
                    $("#runningchip") .css('left','');
 +
                    $("#labwork-sub") .hide();
 +
                });
 +
                 $("#parts-sub") .hover(function(){
 +
                    $("#runningchip") .css('left','375px');
 +
                    $("#parts-sub") .show();
 +
                },
 +
                                        function(){
 +
                    $("#runningchip") .css('left','');
 +
                    $("#parts-sub") .hide();
 +
                });
 +
                 $("#modeling-sub") .hover(function(){
 +
                    $("#runningchip") .css('left','495px');
 +
                    $("#modeling-sub") .show();
 +
                },
 +
                                        function(){
 +
                    $("#runningchip") .css('left','');
 +
                    $("#modeling-sub") .hide();
 +
                 });
 +
                $("#achievements-sub") .hover(function(){
 +
                    $("#runningchip") .css('left','615px');
 +
                    $("#achievements-sub") .show();
 +
                },
 +
                                        function(){
 +
                    $("#runningchip") .css('left','');
 +
                    $("#achievements-sub") .hide();
 +
                });
 +
                 $("#hp-sub") .hover(function(){
 +
                    $("#runningchip") .css('left','735px');
 +
                    $("#hp-sub") .show();
 +
                },
 +
                                        function(){
 +
                    $("#runningchip") .css('left','');
 +
                    $("#hp-sub") .hide();
 +
                });
 +
 
 +
                 $("#aboutus-sub") .hover(function(){
 +
                    $("#runningchip") .css('left','855px');
 +
                    $("#aboutus-sub") .show();
 +
                },
 +
                                        function(){
 +
                    $("#runningchip") .css('left','');
 +
                    $("#aboutus-sub") .hide();
 +
                });
 
             });
 
             });
 +
    </script>
 +
 +
    <script>
 +
            /*Attachable menu code*/
 +
            $( document ).ready(function() {
 
              
 
              
−
            $("#parts").hover(function(){
+
                 $(window).scroll(function (event) {
−
                 $("#parts-sub") .show();
+
                    var y = $(this).scrollTop();  
−
                $("#project-sub") .hide();
+
                    if(y>60){
−
                $("#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(){
+
                        $("#header").css('position','fixed');
−
                $("#aboutus-sub") .show();
+
                        $("#header").css('width','100%');
−
                $("#project-sub") .hide();
+
                        $("#header").css('margin-top','-61px');
−
                $("#parts-sub") .hide();
+
                        $("#bottom-arrow").css('display','none');
−
                $("#labwork-sub") .hide();
+
                        $("#runningchip-back").css('display','none');
−
                $("#modeling-sub") .hide();
+
                        $("#navtext").css('margin-top','-20px');
−
                $("#achievements-sub") .hide();
+
                        $(".chip_gap").css('height','30px');
−
                $("#hp-sub") .hide();
+
 
−
            },
+
                    }else{
−
                                    function(){
+
                        var offsetTop = -y;
−
                $("#aboutus-sub") .hide();
+
                        $("#header").css('margin-top',offsetTop+'px');
−
            });
+
                        $("#bottom-arrow").removeAttr('style');
−
// make chip stay over main menu point when its submenu appears and makes the submenu stay visible//
+
                        $("#runningchip-back").removeAttr('style');
−
            $("#project-sub") .hover(function(){
+
                        $("#navtext").removeAttr('style');
−
                $("#runningchip") .css('left','135px');
+
                        $(".chip_gap").css('height','23px');
−
                $("#project-sub") .show();
+
                    }
−
            },
+
 
−
                                    function(){
+
                 });
−
                $("#runningchip") .css('left','');
+
    /*Fix for when a link targets an id -> check the position on pageload*/
−
                $("#project-sub") .hide();
+
    $(window).scroll();
−
            });
+
−
            $("#labwork-sub") .hover(function(){
+
−
                $("#runningchip") .css('left','255px');
+
−
                $("#labwork-sub") .show();
+
−
            },
+
−
                                    function(){
+
−
                $("#runningchip") .css('left','');
+
−
                $("#labwork-sub") .hide();
+
−
            });
+
−
            $("#parts-sub") .hover(function(){
+
−
                $("#runningchip") .css('left','375px');
+
−
                $("#parts-sub") .show();
+
−
            },
+
−
                                    function(){
+
−
                $("#runningchip") .css('left','');
+
−
                $("#parts-sub") .hide();
+
−
            });
+
−
            $("#modeling-sub") .hover(function(){
+
−
                $("#runningchip") .css('left','495px');
+
−
                $("#modeling-sub") .show();
+
−
            },
+
−
                                    function(){
+
−
                $("#runningchip") .css('left','');
+
−
                $("#modeling-sub") .hide();
+
−
            });
+
−
            $("#achievements-sub") .hover(function(){
+
−
                $("#runningchip") .css('left','615px');
+
−
                $("#achievements-sub") .show();
+
−
            },
+
−
                                    function(){
+
−
                $("#runningchip") .css('left','');
+
−
                $("#achievements-sub") .hide();
+
−
            });
+
−
            $("#hp-sub") .hover(function(){
+
−
                $("#runningchip") .css('left','735px');
+
−
                $("#hp-sub") .show();
+
−
            },
+
−
                                    function(){
+
−
                 $("#runningchip") .css('left','');
+
−
                $("#hp-sub") .hide();
+
−
            });
+
  
−
            $("#aboutus-sub") .hover(function(){
 
−
                $("#runningchip") .css('left','855px');
 
−
                $("#aboutus-sub") .show();
 
−
            },
 
−
                                    function(){
 
−
                $("#runningchip") .css('left','');
 
−
                $("#aboutus-sub") .hide();
 
 
             });
 
             });
−
        });
 
−
</script>
 
−
 
  
 +
    </script>
  
  
−
<!-- 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 14:00, 15 August 2018


""