From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from mga11.intel.com (mga11.intel.com [192.55.52.93]) by dpdk.org (Postfix) with ESMTP id D6128C46A for ; Thu, 28 Jan 2016 14:25:01 +0100 (CET) Received: from orsmga003.jf.intel.com ([10.7.209.27]) by fmsmga102.fm.intel.com with ESMTP; 28 Jan 2016 05:25:01 -0800 X-ExtLoop1: 1 X-IronPort-AV: E=Sophos;i="5.22,358,1449561600"; d="scan'208";a="735845845" Received: from sie-lab-212-120.ir.intel.com (HELO silpixa00394367.ir.intel.com) ([10.237.212.120]) by orsmga003.jf.intel.com with ESMTP; 28 Jan 2016 05:25:00 -0800 From: Harry van Haaren To: web@dpdk.org Date: Thu, 28 Jan 2016 13:24:48 +0000 Message-Id: <1453987488-22546-1-git-send-email-harry.van.haaren@intel.com> X-Mailer: git-send-email 2.5.0 Subject: [dpdk-web] [PATCH] update css colours and shadows X-BeenThere: web@dpdk.org X-Mailman-Version: 2.1.15 Precedence: list List-Id: website maintenance List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , X-List-Received-Date: Thu, 28 Jan 2016 13:25:02 -0000 Change colours and shadows to align with DPDK logo, rounded corners reduced, fade times shortend. Signed-off-by: Harry van Haaren --- content.css | 2 +- layout.css | 37 +++++++++++++++++-------------------- 2 files changed, 18 insertions(+), 21 deletions(-) diff --git a/content.css b/content.css index a7614af..5cf1ee4 100644 --- a/content.css +++ b/content.css @@ -49,7 +49,7 @@ section span.pre { } section a { - color: #942; + color: #2980b9; font-weight: 600; } section a:hover { diff --git a/layout.css b/layout.css index 5a537c7..6a7f8b6 100644 --- a/layout.css +++ b/layout.css @@ -11,8 +11,9 @@ body { } header h1 { - margin: 0 auto 0.5em; + margin: 0 auto 1em; padding: 0; + padding-top: 0.5em; text-align: center; font: italic bold 2em 'exo2',sans-serif; } @@ -24,9 +25,8 @@ header h1 a:hover { } header nav { - box-shadow: 0 0 0.7em black; - border-radius: 0.5em 0.5em 0 0; - background-color: #333; + border-radius: 0.4em 0.4em 0 0; + background-color: #00233b; height: 2.6em; } header nav ul { @@ -40,35 +40,32 @@ header nav li a { padding: 0.8em 1.5em; font: normal 1em/1 'exo2',sans-serif; color: #ccc; - -webkit-transition: background-color .3s linear; - -moz-transition: background-color .3s linear; - -o-transition: background-color .3s linear; - transition: background-color .3s linear; + -webkit-transition: background-color .1s linear; + -moz-transition: background-color .1s linear; + -o-transition: background-color .1s linear; + transition: background-color .1s linear; } header nav li:first-child a { - border-radius: 0.5em 0 0 0; + border-radius: 0.4em 0 0 0; } header nav li a#current { - color: #eee; - background-color: #544; - box-shadow: inset 0 -1em 1em #333; + color: #fff; + background-color: #782a90; } header nav li a#current:hover, header nav li a:hover { color: #fff; - background-color: #844; - box-shadow: inset 0 -1em 2em #533; - -webkit-transition: background-color .2s linear; - -moz-transition: background-color .2s linear; - -o-transition: background-color .2s linear; - transition: background-color .2s linear; + background-color: #9b2490; + -webkit-transition: background-color .08s linear; + -moz-transition: background-color .08s linear; + -o-transition: background-color .08s linear; + transition: background-color .08s linear; } section { clear: both; background-color: #fff; - border-radius: 0 0 0.5em 0.5em; - box-shadow: 0 0 0.7em black; + box-shadow: 0 0 1em black; } section, -- 2.5.0