From fe180cfdd1c5ce264ee3ade8db4ac374ac902323 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= Date: Fri, 29 May 2015 21:32:31 +0200 Subject: [PATCH] fontenay-sous-bois: change styling of navigation bar elements --- static/custom-fontenay-sous-bois/style.css | 27 ++++++++++++++++++---- 1 file changed, 22 insertions(+), 5 deletions(-) diff --git a/static/custom-fontenay-sous-bois/style.css b/static/custom-fontenay-sous-bois/style.css index d691f7b..a19829b 100644 --- a/static/custom-fontenay-sous-bois/style.css +++ b/static/custom-fontenay-sous-bois/style.css @@ -23,34 +23,51 @@ div#header h1#logo { div#nav { background: white; border-radius: 10px; - padding: 7px 0px; + padding: 0; margin: 10px 4px; box-shadow: 0 0 3px #444; + height: 3em; } div#nav ul { border: none; + padding: 0; } div#nav a { color: #E27828; border-right: 1px solid #E27828; font-weight: bold; - padding: 10px 20px 10px 0; + padding: 0px 20px; + display: inline-block; + line-height: 3em; + transition: background 0.5s, color 0.5s; } +div#nav li { + float: left; + display: inline-block; + margin: 0; + padding: 0; +} + +div#nav li:first-child a:hover, div#nav li:hover a, div#nav li.selected a { - color: #FF6E00; + background-color: #FF6E00; + color: white; } + div#nav li:after { content: none; } div#nav li:first-child a { - background: url(image/logo_accueil.png) no-repeat center left; - padding-left: 50px; + background: transparent url(image/logo_accueil.png) no-repeat 10px 50%; + padding-left: 60px; + border-radius: 10px 0 0 10px; + color: #E27828; } div#main-content {