Difference between revisions of "Template:Paris Bettencourt"

(Prototype team template page)
 
Line 514: Line 514:
  
  
 +
<style>
 +
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;
 +
}
 +
</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 &#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">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 &#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>
  
  

Revision as of 21:47, 1 October 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗