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"> <nav class="row">
<ul> <ul class="row">
<li>Un élément du menu</li> <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> </ul>
</nav> </nav>
...@@ -32,8 +32,9 @@ nav ...@@ -32,8 +32,9 @@ nav
{ {
padding:5px; padding:5px;
background:#26346D; background:#26346D;
height: 40px; min-height: 40px;
z-index:100; z-index:100;
margin:0;
} }
footer{ footer{
...@@ -95,6 +96,7 @@ header a:hover, footer a:hover{ ...@@ -95,6 +96,7 @@ header a:hover, footer a:hover{
position: static; position: static;
} }
.connexion .connexion
{ {
text-align: center; text-align: center;
...@@ -142,6 +144,37 @@ header a:hover, footer a:hover{ ...@@ -142,6 +144,37 @@ header a:hover, footer a:hover{
background: blue linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0)); 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{ ...@@ -421,7 +454,7 @@ article h2{
header{ header{
height: 40px; min-height: 40px;
} }
.main{ .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