From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <harry.van.haaren@intel.com>
Received: from mga02.intel.com (mga02.intel.com [134.134.136.20])
 by dpdk.org (Postfix) with ESMTP id CAFBD5677
 for <web@dpdk.org>; Mon, 15 Feb 2016 15:00:23 +0100 (CET)
Received: from fmsmga003.fm.intel.com ([10.253.24.29])
 by orsmga101.jf.intel.com with ESMTP; 15 Feb 2016 06:00:22 -0800
X-ExtLoop1: 1
X-IronPort-AV: E=Sophos;i="5.22,450,1449561600"; d="scan'208";a="652410564"
Received: from sie-lab-212-120.ir.intel.com (HELO
 silpixa00394367.ir.intel.com) ([10.237.212.120])
 by FMSMGA003.fm.intel.com with ESMTP; 15 Feb 2016 06:00:20 -0800
From: Harry van Haaren <harry.van.haaren@intel.com>
To: thomas.monjalon@6wind.com
Date: Mon, 15 Feb 2016 14:00:18 +0000
Message-Id: <1455544818-16664-1-git-send-email-harry.van.haaren@intel.com>
X-Mailer: git-send-email 2.5.0
In-Reply-To: <1453987488-22546-1-git-send-email-harry.van.haaren@intel.com>
References: <1453987488-22546-1-git-send-email-harry.van.haaren@intel.com>
Cc: web@dpdk.org
Subject: [dpdk-web] [PATCH v2] update css colours and shadows
X-BeenThere: web@dpdk.org
X-Mailman-Version: 2.1.15
Precedence: list
List-Id: website maintenance <web.dpdk.org>
List-Unsubscribe: <http://dpdk.org/ml/options/web>,
 <mailto:web-request@dpdk.org?subject=unsubscribe>
List-Archive: <http://dpdk.org/ml/archives/web/>
List-Post: <mailto:web@dpdk.org>
List-Help: <mailto:web-request@dpdk.org?subject=help>
List-Subscribe: <http://dpdk.org/ml/listinfo/web>,
 <mailto:web-request@dpdk.org?subject=subscribe>
X-List-Received-Date: Mon, 15 Feb 2016 14:00:24 -0000

Change colours and shadows to align with DPDK logo,
rounded corners reduced, fade times shortend,
changed colour beside code snippet and event.

Signed-off-by: Harry van Haaren <harry.van.haaren@intel.com>
---

v2:
-Addressed suggestions from ML, shadows, colours of the main menu,
 lighting effects and border radius.

-Fixed <pre> and "<h2><em>" to suit colour scheme (see Event page)

 content.css |  6 +++---
 layout.css  | 41 +++++++++++++++++++++--------------------
 2 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/content.css b/content.css
index a7614af..5d2fe64 100644
--- a/content.css
+++ b/content.css
@@ -10,7 +10,7 @@ section h2:first-child {
 	margin-top: 0;
 }
 section h2 em {
-	color: #942;
+	color: #782A90;
 	font-weight: inherit;
 	font-style: inherit;
 }
@@ -42,14 +42,14 @@ section#news li em:first-child {
 
 section pre {
 	padding-left: 1em;
-	border-left: solid 0.3em #942;
+	border-left: solid 0.3em #782A90;
 }
 section span.pre {
 	font: 1.2em monospace;
 }
 
 section a {
-	color: #942;
+	color: #EF4E22;
 	font-weight: 600;
 }
 section a:hover {
diff --git a/layout.css b/layout.css
index 5a537c7..c99b914 100644
--- a/layout.css
+++ b/layout.css
@@ -11,8 +11,9 @@ body {
 }
 
 header h1 {
-	margin: 0 auto 0.5em;
-	padding: 0;
+	margin: 0 auto 0.75em;
+	padding: -0.5em;
+	padding-top: 0.25em;
 	text-align: center;
 	font: italic bold 2em 'exo2',sans-serif;
 }
@@ -24,10 +25,10 @@ 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;
+	box-shadow: 0.2em 0.2em 0.7em black;
 }
 header nav ul {
 	list-style: none;
@@ -40,35 +41,35 @@ 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;
+	box-shadow: inset 0 -1em 1em #580a70;
 }
 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: #EF4E22;
+	box-shadow: inset 0 -1em 1em #CF2E02;
+	-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.2em 0.2em 0.7em black;
 }
 
 section,
-- 
2.5.0