Skip to content
Extraits de code Groupes Projets
Valider 15a04054 rédigé par vbochet's avatar vbochet
Parcourir les fichiers

Modification css pour un menu à 3 boutons. Bug en version mobile. Couleurs bof.

parent 044a2393
Aucune branche associée trouvée
Aucune étiquette associée trouvée
2 requêtes de fusion!21Merge de Dev dans Master,!9Merge de Dev_page_accueil dans Dev
<nav class="row">
<ul>
<li>Un élément du menu</li>
<ul class="row">
<div class="space col-1 col-m-1"></div>
<a href="listejeux">
<li class="col-3 col-m-3">La liste de nos jeux</li>
</a>
<a href="#">
<li class="actif col-3 col-m-3">Le classement général</li>
</a>
<a href="#">
<li class="col-3 col-m-3">Un autre élément</li>
</a>
<div class="space col-1 col-m-1"></div>
</ul>
</nav>
......@@ -32,8 +32,9 @@ nav
{
padding:5px;
background:#26346D;
height: 40px;
min-height: 40px;
z-index:100;
margin:0;
}
footer{
......@@ -95,6 +96,7 @@ header a:hover, footer a:hover{
position: static;
}
.connexion
{
text-align: center;
......@@ -142,6 +144,37 @@ header a:hover, footer a:hover{
background: blue linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
}
nav ul {
text-align:center;
margin:0;
padding:0;
}
nav ul li {
display: inline-block;
text-align: center;
margin:0 5px 2px 5px;
padding: 2px 8px 0 8px;
line-height: 28px;
height:28px;
border-radius: 2px;
color:blanchedalmond;
background: #02071E linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
-webkit-transition: background 500ms; /* Safari */
transition: background 500ms ;
}
nav ul li.actif {
color:blanchedalmond;
background: #0f0 linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
}
nav ul li:hover{
background: magenta linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
}
......@@ -421,7 +454,7 @@ article h2{
header{
height: 40px;
min-height: 40px;
}
.main{
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter