From: Harry van Haaren <harry.van.haaren@intel.com>
To: web@dpdk.org
Subject: [dpdk-web] [PATCH] update css colours and shadows
Date: Thu, 28 Jan 2016 13:24:48 +0000 [thread overview]
Message-ID: <1453987488-22546-1-git-send-email-harry.van.haaren@intel.com> (raw)
Change colours and shadows to align with DPDK logo,
rounded corners reduced, fade times shortend.
Signed-off-by: Harry van Haaren <harry.van.haaren@intel.com>
---
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
next reply other threads:[~2016-01-28 13:25 UTC|newest]
Thread overview: 7+ messages / expand[flat|nested] mbox.gz Atom feed top
2016-01-28 13:24 Harry van Haaren [this message]
2016-02-12 15:46 ` Thomas Monjalon
2016-02-15 14:00 ` Van Haaren, Harry
2016-02-15 14:00 ` [dpdk-web] [PATCH v2] " Harry van Haaren
2016-02-18 18:05 ` 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=1453987488-22546-1-git-send-email-harry.van.haaren@intel.com \
--to=harry.van.haaren@intel.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).