Difference between revisions of "Template:Grenoble-Alpes/menu"
NoreenLouis (Talk | contribs) |
|||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | + | <style> | |
| − | <style> | + | header { |
| − | header { | + | |
| − | + | ||
| − | + | ||
font-family: 'Molengo', Georgia, Times, serif; | font-family: 'Molengo', Georgia, Times, serif; | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
z-index: 100; /*pour que le menu soit toujours au dessus*/ | z-index: 100; /*pour que le menu soit toujours au dessus*/ | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | ||
| − | + | nav { /*pour cibler le style des listes du menu navigateur et pas des liens en général*/ | |
| − | + | width:80%; /*pour agrandir le menu*/ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | width: | + | |
/*background-color:#424558;*/ | /*background-color:#424558;*/ | ||
margin:auto; | margin:auto; | ||
| Line 89: | Line 16: | ||
} | } | ||
| − | + | nav > ul { | |
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
| − | + | nav > ul::after { | |
content: ""; | content: ""; | ||
display:block; | display:block; | ||
| Line 101: | Line 28: | ||
} | } | ||
| − | + | nav > ul > li { | |
float:left; /*Bien positionner le menu*/ | float:left; /*Bien positionner le menu*/ | ||
position: relative; | position: relative; | ||
} | } | ||
| − | + | nav > ul > li > a | |
{ | { | ||
padding: 20px 30px; | padding: 20px 30px; | ||
color:#18457D; | color:#18457D; | ||
} | } | ||
| − | + | nav > ul > li:hover a{ /*pour pallier au problème de la bordure qui descend quand on passe la souris*/ | |
padding: 15px 30px 20px 30px; | padding: 15px 30px 20px 30px; | ||
} | } | ||
| − | + | nav li { | |
list-style-type:none; | list-style-type:none; | ||
} | } | ||
| Line 123: | Line 50: | ||
} | } | ||
| − | + | nav a { | |
display: inline-block; | display: inline-block; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| − | + | nav li:hover .submenu{ | |
/*change le style du submenu quand on passe la souris sur un élément li*/ | /*change le style du submenu quand on passe la souris sur un élément li*/ | ||
display: inline-block; | display: inline-block; | ||
| Line 170: | Line 97: | ||
background-color: #1F97C6; | background-color: #1F97C6; | ||
} | } | ||
| − | + | ||
| − | + | </style> | |
| − | + | ||
| − | + | ||
| − | + | <head> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | </style> | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | <head> | + | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link href='http://fonts.googleapis.com/css?family=Ubuntu:bold' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Ubuntu:bold' rel='stylesheet' type='text/css'> | ||
| Line 218: | Line 110: | ||
<header> | <header> | ||
| − | + | <nav> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | <nav | + | |
<ul> | <ul> | ||
<li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes"> Home </a></li> | <li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes"> Home </a></li> | ||
| Line 280: | Line 168: | ||
</header> | </header> | ||
| − | + | ||
| − | + | ||
| + | |||
</html> | </html> | ||
Revision as of 13:35, 27 June 2017
