Difference between revisions of "Template:Paris Bettencourt"

Line 317: Line 317:
  
 
/*Nav bar CSS*/
 
/*Nav bar CSS*/
−
 
+
/*
 
#menu {
 
#menu {
 
position : fixed;
 
position : fixed;
Line 492: Line 492:
 
#twitapp{
 
#twitapp{
 
}
 
}
 +
*/
 +
.image-span{
 +
    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;
 +
}
 +
  
 
</style>
 
</style>

Revision as of 23:05, 1 November 2017