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