Difference between revisions of "Template:Paris Bettencourt"

Line 494: Line 494:
 
}
 
}
 
*/
 
*/
−
.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: 190px;
 +
                                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: 190px;
 +
                                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{
−
  ul.wtf-menu li{
+
     margin-top: 2px;
−
    list-style: none;
+
     margin-right: 10px;
−
    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{
+
#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: -50px;
 +
    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 {
+
−
    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;
+
−
}
+
  
 +
                            #logolist2  a i {
 +
                                font-size: 30px;
 +
                            }
  
 
</style>
 
</style>

Revision as of 23:14, 1 November 2017