Difference between revisions of "Template:GO Paris-Saclay/navbarcss"

Line 130: Line 130:
 
************************************************************************/
 
************************************************************************/
  
 +
nav{
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  z-index: 2;
 +
  background: #fff;
 +
  box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
 +
  border: 1px solid rgba(0,0,0,.1);
 +
}
  
 +
nav ul
 +
{
 +
    list-style: none;
 +
    position: relative;
 +
    float: right;
 +
    margin-right: 100px;
 +
    display: inline-table;
 +
}
 +
 +
nav ul li
 +
{
 +
  float: left;
 +
  -webkit-transition: all .2s ease-in-out;
 +
  -moz-transition: all .2s ease-in-out;
 +
  transition: all .2s ease-in-out;
 +
}
 +
 +
nav ul li:hover{background: rgba(0,0,0,.15);}
 +
nav ul li:hover > ul{display: block;}
 +
nav ul li
 +
{
 +
  float: left;
 +
  -webkit-transition: all .2s ease-in-out;
 +
  -moz-transition: all .2s ease-in-out;
 +
  transition: all .2s ease-in-out;
 +
}
 +
 +
nav ul li a
 +
{
 +
display: block;
 +
padding: 30px 20px;
 +
color: #222;
 +
font-size: .9em;
 +
letter-spacing: 1px;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
}
 +
 +
nav ul ul
 +
{
 +
display: none;
 +
background: #fff;
 +
position: absolute;
 +
top: 100%;
 +
box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
 +
border: 1px solid rgba(0,0,0,.1);
 +
}
 +
 +
nav ul ul li{float: none; position: relative;}
 +
 +
nav ul ul li a
 +
{
 +
  padding: 15px 30px;
 +
  border-bottom: 1px solid rgba(0,0,0,.05);
 +
}
 +
 +
nav ul ul ul
 +
{
 +
  position: absolute;
 +
  left: 100%;
 +
  top:0;
 +
}
 +
 +
.logo_img
 +
{
 +
  height: 120px;
 +
  width:auto;
 +
  z-index: 3;
 +
  position: absolute;
 +
  margin-left: 40px;
 +
  margin-top: 15px;
 +
}
  
 
/************************************************************************
 
/************************************************************************

Revision as of 15:12, 20 September 2018