From 15a04054403b50e87007086e87b9d6b4485cb72d Mon Sep 17 00:00:00 2001
From: vbochet <vbochet@gmail.com>
Date: Tue, 3 May 2016 23:05:42 +0200
Subject: [PATCH] =?UTF-8?q?Modification=20css=20pour=20un=20menu=20=C3=A0?=
 =?UTF-8?q?=203=20boutons.=20Bug=20en=20version=20mobile.=20Couleurs=20bof?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/view/Includes/menu.include.html | 14 +++++++++--
 www/css/style.css                   | 37 +++++++++++++++++++++++++++--
 2 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/app/view/Includes/menu.include.html b/app/view/Includes/menu.include.html
index e322789..d8019e4 100644
--- a/app/view/Includes/menu.include.html
+++ b/app/view/Includes/menu.include.html
@@ -1,5 +1,15 @@
     <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>
diff --git a/www/css/style.css b/www/css/style.css
index 671c3fd..291123b 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -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{
-- 
GitLab