Difference between revisions of "Template:Paris Bettencourt"

 
(21 intermediate revisions by 2 users not shown)
Line 152: Line 152:
 
         text-indent : 15px;
 
         text-indent : 15px;
 
}
 
}
 +
 +
#HQ_page .textbody p {
 +
      font-family : "Avenir", Lato, sans-serif;
 +
color : rgb(64,64,64);
 +
font-size : 15px;
 +
}
 +
 
@supports (-webkit-appearance:none) {
 
@supports (-webkit-appearance:none) {
 
.textbody {
 
.textbody {
Line 171: Line 178:
 
         font-size : 30px;
 
         font-size : 30px;
 
font-variant: small-caps;
 
font-variant: small-caps;
 +
        line-height : 30px;
 +
        text-decoration : none;
  
 
}
 
}
Line 494: Line 503:
 
}
 
}
 
*/
 
*/
−
.image-span{
+
    .image-span{
−
    display:block;
+
                                display:block;
−
}
+
                            }
 +
                           
 +
                            .top50 {
 +
                            margin-top: 50px;
 +
                            }
 +
                           
 +
                           
 +
                           
 +
                                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: #7F7F7F;;
 +
                                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 /*:#E8292F*/: rgb(124,124,124);
 +
                                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 rgba(0,0,0,.3);
 +
                                box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
 +
                            }
 +
                           
 +
                            .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: #999;
 +
                                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;
 +
                            }
 +
                           
 +
                       
  
−
.top50 {
 
−
margin-top: 50px;
 
−
}
 
  
 +
                        .top5{
 +
                            margin-top: 5px;
 +
                        }
  
  
−
    ul.wtf-menu{
 
−
    height:65px;
 
−
    padding-bottom: 0;
 
−
    margin-bottom: 0;
 
−
    margin-top: 0;
 
  
−
     margin-right: 30px;
+
#logoigem img{
 +
     width:38px;
 +
    height:38px;
 
}
 
}
  
 +
#home{
 +
    margin-top: 2px;
 +
    margin-right: 10px;
  
−
  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: #7F7F7F;;
 
−
    text-decoration: none;
 
−
    display:block;
 
−
   
 
  
−
    padding: 0px 15px;
+
width : 60px;
−
    margin: 0px 0px;
+
top : 0;
−
    display: block;
+
        margin-left : 10px;
  
−
  }
 
−
   
 
−
  ul.wtf-menu li:hover, ul.wtf-menu li:hover >a{
 
−
    background-color /*:#E8292F*/: rgb(124,124,124);
 
−
    color: white;
 
−
  }
 
−
 
−
  ul.wtf-menu li.parent:hover:after  {
 
−
    color:white;
 
 
}
 
}
 +
                     
  
−
  .wtf-menu ul.submenu{
+
#logolist2 div {
−
   
+
     margin-right: 20px;
−
    width: 190px;
+
     width: 38px;
−
    padding: 0px 0px;
+
−
     margin: 0px;
+
−
    background: #fff;
+
−
    position: absolute;
+
−
    top:65px;
+
−
    left:0px;
+
−
    display:none;
+
−
+
−
    /*  Dropdown shadow */
+
−
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
+
−
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
+
 
}
 
}
  
−
.wtf-menu li.main-item >a{
+
#logolist2{
−
     color: white;
+
                            float: right;
−
}
+
     display: flex;
 +
 
 +
    width: 175px;
 +
    margin-top: -54px;
 +
    margin-right: 50px;
  
−
.wtf-menu ul.submenu ul{
+
                        }
−
    left: 190px;
+
                            #logolist2 a{
−
    top:0px;
+
                               
−
}
+
                                    color: white;
−
   
+
                                    text-decoration: none;
−
.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 {
+
                            #logolist2  a i {
−
    font-family: 'Fontawesome';
+
                                font-size: 30px;
−
    content: "\f0da";
+
                            }
−
    color: #999;
+
−
    position: absolute;
+
−
    right: 10px;
+
−
    top: 0px;
+
−
    margin-left: 5px;
+
−
}
+
  
−
 
+
#mainpage {
−
 
+
     float: left;
−
.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;
 
−
}
 
−
 
  
 
</style>
 
</style>
Line 646: Line 708:
 
                                             <ul class="submenu">
 
                                             <ul class="submenu">
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Overview">Overview</a></li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Overview">Overview</a></li>
−
                                                 <li><a id="exception" href="https://2017.igem.org/Team:Paris_Bettencourt/Transmembrane_Proteins">Transmembrane Proteins</a></li>
+
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Transmembrane_Proteins">Membrane Photoreceptor</a></li>
−
                                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Proteins_Caging">Proteins Caging</a></li>
+
                                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Proteins_Caging">Protein Caging</a></li>
 
                                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Logic_Circuit">Logic Circuit</a></li>
 
                                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Logic_Circuit">Logic Circuit</a></li>
 
                                                                 <li class="parent"><a href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials">Biomaterials</a>
 
                                                                 <li class="parent"><a href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials">Biomaterials</a>
Line 657: Line 719:
 
                                                 </li>
 
                                                 </li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/RNA">RNA</a></li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/RNA">RNA</a></li>
−
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Hardware">Hardware</a></li>
+
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Hardware_setup">Gel Optics</a></li>
−
                                                <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Measurement">Measurement</a></li>
+
 
                                             </ul>
 
                                             </ul>
 
                                         </li>
 
                                         </li>
 
                                         <li class="parent main-item"><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model">Modeling &nbsp;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
 
                                         <li class="parent main-item"><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model">Modeling &nbsp;<i class="fa fa-caret-down" aria-hidden="true"></i></a>
 
                                             <ul class="submenu">
 
                                             <ul class="submenu">
−
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model#RNA">RNA</a></li>
+
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model#firstmodel">Gel Optics</a></li>
−
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model#Proteins">Proteins</a></li>
+
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model#secondmodel">RNA</a></li>
−
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model#Promoters">Promoters</a></li>
+
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model#thirdmodel">Logic Circuit</a></li>
 
                                             </ul>
 
                                             </ul>
 
                                         </li>
 
                                         </li>
Line 678: Line 739:
 
                                             <ul class="submenu">
 
                                             <ul class="submenu">
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/HP/Silver">Silver HP</a></li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/HP/Silver">Silver HP</a></li>
−
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/HP/Gold_Integrated">Gold &amp; HP</a></li>
+
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/HP/Gold_Integrated">Gold &amp; Integrated HP</a></li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Engagement">Public Engagement</a></li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Engagement">Public Engagement</a></li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Safety">Safety</a></li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Safety">Safety</a></li>
Line 691: Line 752:
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Basic_Part">Basics Parts</a></li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Basic_Part">Basics Parts</a></li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Composite_Part">Composite Parts</a></li>
 
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Composite_Part">Composite Parts</a></li>
−
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Part_Collection">Parts Collection</a></li>
+
                                                 <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Part_Collection">Part Collection</a></li>
 +
                                                <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Parts">Parts</a></li>
 
                                  
 
                                  
 
                                             </ul>
 
                                             </ul>

Latest revision as of 18:09, 12 December 2017