|
|
| Line 514: |
Line 514: |
| | | | |
| | | | |
| − | <style>
| |
| − | nav
| |
| − | {
| |
| − | width: 100%;
| |
| − | background: #66b24c;
| |
| − | }
| |
| − | ul
| |
| − | {
| |
| − | width: 80%;
| |
| − | margin: 0 auto;
| |
| − | padding: 0;
| |
| − | }
| |
| − | ul li
| |
| − | {
| |
| − | list-style: none;
| |
| − | display: inline-block;
| |
| − | padding: 20px;
| |
| − | }
| |
| − | ul li:hover
| |
| − | {
| |
| − | background: #339933;
| |
| − | }
| |
| − | ul li a
| |
| − | {
| |
| − | color: #fff;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | ul.wtf-menu{
| |
| − | height:65px;
| |
| − | padding-bottom: 0;
| |
| − | margin-bottom: 0;
| |
| − | margin-top: 0;
| |
| − |
| |
| − | margin-right: 30px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | ul.wtf-menu li{
| |
| − | list-style: none;
| |
| − | float: left;
| |
| − | padding: 0px 0px;
| |
| − | margin: 0px 0px;
| |
| − | line-height: 65px;
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | ul.wtf-menu li a{
| |
| − | color: #66b24c;;
| |
| − | text-decoration: none;
| |
| − | display:block;
| |
| − |
| |
| − |
| |
| − | padding: 0px 15px;
| |
| − | margin: 0px 0px;
| |
| − | display: block;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | ul.wtf-menu li:hover, ul.wtf-menu li:hover >a{
| |
| − | background-color /*:#66b24c*/:rgb(51, 153, 51);
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | ul.wtf-menu li.parent:hover:after {
| |
| − | color:white;
| |
| − | }
| |
| − |
| |
| − | .wtf-menu ul.submenu{
| |
| − |
| |
| − | width: 200px;
| |
| − | padding: 0px 0px;
| |
| − | margin: 0px;
| |
| − | background: #fff;
| |
| − | position: absolute;
| |
| − | top:65px;
| |
| − | left:0px;
| |
| − | display:none;
| |
| − |
| |
| − | /* Dropdown shadow */
| |
| − | -webkit-box-shadow: 0 2px 2px 0 rgb(217, 255, 179);
| |
| − | box-shadow: 0 2px 2px 0 rgb(217, 255, 179);
| |
| − | }
| |
| − |
| |
| − | .wtf-menu li.main-item >a{
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | .wtf-menu ul.submenu ul{
| |
| − | left: 200px;
| |
| − | top:0px;
| |
| − | }
| |
| − |
| |
| − | .wtf-menu ul.submenu li{
| |
| − | padding: 0px;
| |
| − | margin: 0px;
| |
| − | display: block;
| |
| − | float: none;
| |
| − | border-bottom: 1px solid #eee;
| |
| − | line-height: 40px;
| |
| − | text-transform: none;
| |
| − | }
| |
| − |
| |
| − | .wtf-menu ul.submenu li:last-child{
| |
| − | border: none;
| |
| − | }
| |
| − |
| |
| − | ul.wtf-menu ul li.parent:after {
| |
| − | font-family: 'Fontawesome';
| |
| − | content: "\f0da";
| |
| − | color: #bdf5bd;
| |
| − | position: absolute;
| |
| − | right: 10px;
| |
| − | top: 0px;
| |
| − | margin-left: 5px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .wtf-menu li:hover > ul{
| |
| − | display: block;
| |
| − | -moz-animation: zoomIn .3s ease-in;
| |
| − | -webkit-animation: zoomIn .3s ease-in ;
| |
| − | animation: zoomIn .3s ease-in;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .wtf-menu ul li:hover > ul{
| |
| − | display:block;
| |
| − | -moz-animation: zoomIn .3s ease-in ;
| |
| − | -webkit-animation: zoomIn .3s ease-in ;
| |
| − | animation: zoomIn .3s ease-in;
| |
| − | }
| |
| − |
| |
| − | .top-menu{
| |
| − | background-color: rgb(94,94,94); color:white;
| |
| − |
| |
| − | z-index: 2000;
| |
| − | position: fixed;
| |
| − | width: 100%;
| |
| − | padding-right: 30px;
| |
| − | }
| |
| − |
| |
| − |
| |
| | | | |
| − |
| |
| − | .top5{
| |
| − | margin-top: 5px;
| |
| − | }
| |
| − | #logoigem img{
| |
| − | width:38px;
| |
| − | height:38px;
| |
| − | }
| |
| − | .menulist .list .dropdownlist {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | text-align : left;
| |
| − | margin-top : 0px;
| |
| − | padding-left : 5px;
| |
| − | padding-right : 5px;
| |
| − | background : rgb(94,94,94);
| |
| − | list-style-position : inside;
| |
| − | margin-left : 0px;
| |
| − | z-index : 99;
| |
| − | }
| |
| − |
| |
| − | .dropdownlist li .droprightlist {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | background : rgb(94,94,94);
| |
| − | padding-left : 5px;
| |
| − | padding-right : 5px;
| |
| − | margin-top : 0px;
| |
| − | text-align : left;
| |
| − | z-index : 100;
| |
| − | margin-left : 0px;
| |
| − | }
| |
| − |
| |
| − | .menulist .list:hover .dropdownlist {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .menulist .list .dropdownlist li {
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | text-align : center;
| |
| − | background : rgb(94,94,94);
| |
| − | z-index: 90;
| |
| − | padding : auto;
| |
| − | }
| |
| − | .menulist .list .dropdownlist li a:hover {
| |
| − | background-color: rgb(124, 124, 124); /*And here also*/
| |
| − | }
| |
| − | .dropdownlist li .droprightlist li a {
| |
| − | color: white;
| |
| − | }
| |
| − | #menu u.dropdownlist li .droprightlist li {
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | text-align : center;
| |
| − | background : rgb(94,94,94);
| |
| − | padding : auto;
| |
| − | }
| |
| − |
| |
| − | .menulist .list .dropdownlist li a {
| |
| − | display: table-cell;
| |
| − | text-align: left;
| |
| − | text-align : center;
| |
| − | color: white;
| |
| − | text-decoration : none;
| |
| − | z-index : 99;
| |
| − | vertical-align : middle;
| |
| − | }
| |
| − | .dropdownlist li .droprightlist li a {
| |
| − | display: table-cell;
| |
| − | text-align: left;
| |
| − | text-align : center;
| |
| − | text-decoration : none;
| |
| − | color: white;
| |
| − |
| |
| − | }
| |
| − | .list ul li {
| |
| − | display : table-cell;
| |
| − |
| |
| − | }
| |
| − | .dropdownlist li .droprightlist {
| |
| − | top: 0;
| |
| − | left: 100%;
| |
| − | z-index: -1;
| |
| − | }
| |
| − | .dropdownlist li:hover .droprightlist {
| |
| − | display: block;
| |
| − | }
| |
| − | #exception {
| |
| − | line-height : normal;
| |
| − |
| |
| − | }
| |
| − | #fbnoticon{
| |
| − | margin-left : 90px;
| |
| − | }
| |
| − | #instanoticon {
| |
| − | margin-left : 135px;
| |
| − | margin-top : -19px;
| |
| − | }
| |
| − | #twnoticon{
| |
| − | margin-left : 45px;
| |
| − | }
| |
| − | #igemlogo{
| |
| − | }
| |
| − | .sidelogos {
| |
| − | }
| |
| − | #logolist {
| |
| − | float : right;
| |
| − | display : inline-block;
| |
| − | height : 60px;
| |
| − | width : 175px;
| |
| − | margin-top : -50px;
| |
| − | margin-right : 50px;
| |
| − | }
| |
| − | #twnoticon img, #fbnoticon img, #igemlogo img, #instanoticon img{
| |
| − | width : 40px;
| |
| − | position : absolute;
| |
| − | display : inline-block;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #twitapp, #fbapp {
| |
| − | display:none;
| |
| − | width:250px;
| |
| − | height:auto;
| |
| − | background: white;
| |
| − | }
| |
| − | #fbapp{
| |
| − | }
| |
| − | #twitapp{
| |
| − | }
| |
| − | */
| |
| − | .image-span{
| |
| − | display:block;
| |
| − | }
| |
| − |
| |
| − | .top50 {
| |
| − | margin-top: 50px;
| |
| − | }
| |
| − | body
| |
| − | {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | font-family: sans-serif;
| |
| − |
| |
| − |
| |
| − | }
| |
| − | </style>
| |
| | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> |
| | <!--- Menu ---> | | <!--- Menu ---> |
| | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> |
| − | <nav class="row top-menu">
| + | |
| − | <!--div class="col-md-4 home-link"><a href="index.html"><i class="fa fa-home fa-3" aria-hidden="true"></i></a></div-->
| + | |
| − | <div class="col-md-8">
| + | |
| − | <a href="https://2018.igem.org/Team:Paris_Bettencourt" id="mainpage"><img id="home" src="https://static.igem.org/mediawiki/2018/a/a8/Logo_medusablancPB.png" class=" b-error"></a>
| + | |
| − | <ul class=" text-left wtf-menu ">
| + | |
| − | <li class="parent main-item"><a href="#">Project  <i class="fa fa-caret-down" aria-hidden="true"></i></a>
| + | |
| − | <ul class="submenu">
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Overview">Overview</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Transmembrane_Proteins">Killing assay</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Proteins_Caging">Cell-free</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Logic_Circuit">TWIST library</a></li>
| + | |
| − | <li class="parent"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Biomaterials">Modeling</a>
| + | |
| − | <ul class="submenu">
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Biomaterials#header2">One</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Biomaterials#header3">Two</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Biomaterials#header4">Three</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/RNA">Cell-free expression</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Hardware_setup">AMPS</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model">Modeling  <i class="fa fa-caret-down" aria-hidden="true"></i></a>
| + | |
| − | <ul class="submenu">
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model#firstmodel">AMPs</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model#secondmodel">TWIST library</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model#thirdmodel">Star-shaped AMPs</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="parent main-item"><a href="#">Achievements  <i class="fa fa-caret-down" aria-hidden="true"></i></a>
| + | |
| − | <ul class="submenu">
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Medal_Criteria">Medal Criteria</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Results">Results</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Contribution">Contributions</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="parent main-item"><a href="#">Human Practices  <i class="fa fa-caret-down" aria-hidden="true"></i></a>
| + | |
| − | <ul class="submenu">
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/HP/Silver">Silver HP</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/HP/Gold_Integrated">Gold</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/HP/Integrated HP">Integrated HP</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Engagement">Public Engagement</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Safety">Safety</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="parent main-item">
| + | |
| − | <a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook">Lab Book</a>
| + | |
| − | </li>
| + | |
| − | <li class="parent main-item"><a href="#">Parts  <i class="fa fa-caret-down" aria-hidden="true"></i></a>
| + | |
| − | <ul class="submenu">
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Improve">Improved Part</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Basic_Part">Basics Parts</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Composite_Part">Composite Parts</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Part_Collection">Part Collection</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Parts">Parts</a></li>
| + | |
| − |
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="parent main-item"><a href="#">Team  <i class="fa fa-caret-down" aria-hidden="true"></i></a>
| + | |
| − | <ul class="submenu">
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Team">Team Members</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Collaborations">Collaborations</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Attributions">Attributions</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Sponsors">Sponsors</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | <div id="logolist2">
| + | |
| − | <div id="logoigem" class="sidelogos">
| + | |
| − | <a href="https://2018.igem.org/Main_Page" title="iGEM 2018" target="_blank">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/f/fd/Logo-iGEMPB.png" class=" b-error">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="sidelogos top5">
| + | |
| − | <a href="http://twitter.com/iGEM_Paris" target="_blank">
| + | |
| − | <i class="fa fa-twitter" aria-hidden="true"></i>
| + | |
| − | </a><div id="twitapp"><a href="http://twitter.com/iGEM_Paris" target="_blank">
| + | |
| − | </a><a class="twitter-timeline" width="250" height="400" data-dnt="true" href="https://twitter.com/iGEM_Paris" data-widget-id="368144501119795201">@iGEM_Paris</a>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | <div class="sidelogos top5">
| + | |
| − | <a href="https://www.facebook.com/ParisiGEM2018/" target="_blank">
| + | |
| − | <i class="fa fa-facebook" aria-hidden="true"></i>
| + | |
| − | <div id="fbapp">
| + | |
| − | <div class="fb-like-box" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="sidelogos top5 ">
| + | |
| − | <a href="https://www.instagram.com/igem_paris_bettencourt/" target="_blank">
| + | |
| − | <i class="fa fa-instagram" aria-hidden="true"></i>
| + | |
| − | <div id="instaapp">
| + | |
| − | <div class="" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </nav>
| + | |
| | | | |
| | | | |
