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

Line 14: Line 14:
 
font-family: 'metropolisregular'
 
font-family: 'metropolisregular'
 
}
 
}
−
/* Removes "teams" from the menubar */
+
body
−
#menubar > ul > li:last-child {
+
{
−
    display: none;}
+
  background-color: rgb(32,56,100);
−
/* Resizes the menubar to fik the links (default is 400px) */
+
  font-family: 'metropolisregular'
−
#menubar {
+
}
−
    width: auto;}
+
  
 +
*, *:before, *:after{
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
 +
/*| Navigation |*/
 +
 +
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;
 +
}
  
 
     </style>
 
     </style>
 
   </head>
 
   </head>
 
</html>
 
</html>

Revision as of 09:37, 20 September 2018