Difference between revisions of "Template:Paris Bettencourt/Templatestop"

(Blanked the page)
Line 1: Line 1:
  
 +
<html>
 +
 +
<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: #ffffff;
 +
}
 +
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: #000000;
 +
                                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 /*:#d9d9d9*/:rgb(217, 217, 217);
 +
                                color: black;
 +
                              }
 +
                           
 +
                              ul.wtf-menu li.parent:hover:after  {
 +
                                color: black;
 +
                            }
 +
                           
 +
                              .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(191, 191, 191);
 +
                                box-shadow: 0 2px 2px 0 rgb(191, 191, 191));
 +
                            }
 +
                           
 +
                            .wtf-menu li.main-item >a{
 +
                                color: black;
 +
                            }
 +
                           
 +
                            .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: #000000;
 +
                                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;
 +
                            }
 +
 +
</style>
 +
 +
 +
<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 &#160;<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">Construct design</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 &#160;<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 &#160;<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 &#160;<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 &#160;<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 &#160;<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>
 +
</html>

Revision as of 21:33, 3 October 2018