From: Harry van Haaren <harry.van.haaren@intel.com>
To: thomas.monjalon@6wind.com
Cc: web@dpdk.org
Subject: [dpdk-web] [PATCH v2] update css colours and shadows
Date: Mon, 15 Feb 2016 14:00:18 +0000 [thread overview]
Message-ID: <1455544818-16664-1-git-send-email-harry.van.haaren@intel.com> (raw)
In-Reply-To: <1453987488-22546-1-git-send-email-harry.van.haaren@intel.com>
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
next prev parent reply other threads:[~2016-02-15 14:00 UTC|newest]
Thread overview: 7+ messages / expand[flat|nested] mbox.gz Atom feed top
2016-01-28 13:24 [dpdk-web] [PATCH] " Harry van Haaren
2016-02-12 15:46 ` Thomas Monjalon
2016-02-15 14:00 ` Van Haaren, Harry
2016-02-15 14:00 ` Harry van Haaren [this message]
2016-02-18 18:05 ` [dpdk-web] [PATCH v2] " Thomas Monjalon
2016-02-19 8:55 ` Van Haaren, Harry
2016-02-19 11:26 ` Thomas Monjalon
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=1455544818-16664-1-git-send-email-harry.van.haaren@intel.com \
--to=harry.van.haaren@intel.com \
--cc=thomas.monjalon@6wind.com \
--cc=web@dpdk.org \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for NNTP newsgroup(s).