From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from mail-wm0-f51.google.com (mail-wm0-f51.google.com [74.125.82.51]) by dpdk.org (Postfix) with ESMTP id 1E356C584 for ; Fri, 19 Feb 2016 18:02:22 +0100 (CET) Received: by mail-wm0-f51.google.com with SMTP id a4so79676291wme.1 for ; Fri, 19 Feb 2016 09:02:22 -0800 (PST) DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=6wind-com.20150623.gappssmtp.com; s=20150623; h=from:to:cc:subject:date:message-id:in-reply-to:references; bh=JtcqP6kx/ZQPgUsoVQepKLTfF7tE9E44oWJv/Gfisu0=; b=PQih2Sjir0jAyDzY0MbYpTwsD1VDRn7OFq8h4IxM8siAknKYgA5i5aIQR27C5dkKXU gmeAZQI3DCJuOa11vxJICwN0Q34SuGsgA9fY+Qong68W3p84efdsSUzUl1TgynuTleJx YZKurJzLB2YW1ilCJgtxOio76MFGUEXAtWnGtxfFu2N4Ea+/hLhjC9wFvcpufyZZdXPV pmVOKei4wtJZ9hJbG4S8b9m2kTPV+j4FxAwTf/IBle6DOPa9j/z+/IepBZn0MX5QWAaj hUBLmnYnaw0LQnclEnLyTYkJUjxQg0Lr/M49fjxFlrZvEH4ztlxuOBQLrDMZ/Y9Mkdgi vneQ== X-Google-DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=1e100.net; s=20130820; h=x-gm-message-state:from:to:cc:subject:date:message-id:in-reply-to :references; bh=JtcqP6kx/ZQPgUsoVQepKLTfF7tE9E44oWJv/Gfisu0=; b=kHoSkYFaZTbDR/lCHPdgXQBx8c496yXPWA8f2DFa6rSP9mwQQqxrZo4s02oEdOhEGX G5Lwvmt3DCWs8jMgxNhnsYVPnbIRIhmP2NRDprM17DApAf+OMVN9rbswMC1CJ8JkrDY+ 0Rmvpf20Y0VFXFFqtcDtwyS+QmW4EcqLbBVm9xy7Tfz/jC0IYJ79vuXVQj4c9Cn9AGQU 9tHRQnbYf9lK5W+7CbdS12O4Guki/QKkwsrsXPAzwdheWno/CI7ae/Z0psmlWTT508Zi 4lfKySUOmXqYgISuwA+D+a1WEjL+LyBEWQ9sbmNzYEQP9mQA6yVBKYNgyk5IpOGM4nP7 uehA== X-Gm-Message-State: AG10YOS+C1b7m5q7E5dih4e2RCdo1bYHGchiKV7uV+MxzMwlEI8dF+9VJcfaSpptiHcYkeMs X-Received: by 10.28.54.22 with SMTP id d22mr9826167wma.72.1455901341982; Fri, 19 Feb 2016 09:02:21 -0800 (PST) Received: from XPS13.localdomain (111.204.154.77.rev.sfr.net. [77.154.204.111]) by smtp.gmail.com with ESMTPSA id ko2sm12025465wjc.9.2016.02.19.09.02.20 (version=TLSv1/SSLv3 cipher=OTHER); Fri, 19 Feb 2016 09:02:21 -0800 (PST) From: Thomas Monjalon To: harry.van.haaren@intel.com Date: Fri, 19 Feb 2016 18:00:42 +0100 Message-Id: <1455901242-19555-1-git-send-email-thomas.monjalon@6wind.com> X-Mailer: git-send-email 2.7.0 In-Reply-To: <1455897427-27229-1-git-send-email-harry.van.haaren@intel.com> References: <1455897427-27229-1-git-send-email-harry.van.haaren@intel.com> Cc: web@dpdk.org Subject: [dpdk-web] [PATCH v3] add icons in download page 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: Fri, 19 Feb 2016 17:02:22 -0000 From: Harry van Haaren This patch integrates icons from the Google material icon set for the download, quick-start, and cgit links. The links are layed out using panes horizontally, and re-ordered: Download | Quick Start | Older Versions Defines a new .button CSS attribute for panes behind icons. Signed-off-by: Harry van Haaren Signed-off-by: Thomas Monjalon --- content.css | 20 ++++++++++++++++++++ download.html | 19 ++++++++++++++++--- 2 files changed, 36 insertions(+), 3 deletions(-) v2: -Renamed well to button -Updated "Other Version & Git" name -Added Orange hover effect -Added margin below buttons v3: - Moved button style from layout.css to content.css - Used inline-block instead of nested float divs - Removed margins before the first and after the last button diff --git a/content.css b/content.css index 103fbf4..8cfcbeb 100644 --- a/content.css +++ b/content.css @@ -63,3 +63,23 @@ section#ml td { section#ml th { text-align: right; } + +section .button { + display: inline-block; + background-color: rgba(0, 35, 60, 0.07); + text-align: center; + padding-top: 1em; + padding-bottom: 1em; + box-shadow: inset 2px 2px 2px rgba(0,0,0,0.3); + border-radius: 0.7em 0.7em 0.7em 0.7em; + color : #00233b; +} + +section .button:hover { + color: #fff; + background-color: #ef4e22; + -webkit-transition: background-color .08s linear; + -moz-transition: background-color .08s linear; + -o-transition: background-color .08s linear; + transition: background-color .08s linear; +} diff --git a/download.html b/download.html index 2a1dedf..0c79b1c 100644 --- a/download.html +++ b/download.html @@ -7,6 +7,7 @@ +