From 67991cb2121deea3dd795b8c09332d24621028f6 Mon Sep 17 00:00:00 2001 From: Ajay Kannan Date: Fri, 21 Aug 2015 09:09:22 -0700 Subject: [PATCH 1/2] adding duke to the landing page --- src/site/resources/css/site.css | 30 ++++++++++++++++++++++++++++++ src/site/resources/index.html | 6 ++++-- 2 files changed, 34 insertions(+), 2 deletions(-) diff --git a/src/site/resources/css/site.css b/src/site/resources/css/site.css index 2a3c49ac5b12..b1fed62bc505 100644 --- a/src/site/resources/css/site.css +++ b/src/site/resources/css/site.css @@ -386,6 +386,36 @@ h1, h2, h3, h4, h5, h6 { margin-right: 0.5em; } +.btn-docs img { + background-color: #fff; + border: 1px solid transparent; + -webkit-border-radius: 80px; + -moz-border-radius: 80px; + border-radius: 80px; + padding: 4px; + width: 40px; + /* Transitions */ + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -ms-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} + +.btn-docs:hover img { + border: 1px solid #ccc; + transform: rotate(135deg); + -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .3); + -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, .3); + box-shadow: 4px 4px 4px rgba(0, 0, 0, .3); +} + +.btn-docs:active img { + -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .5); + -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, .5); + box-shadow: 4px 4px 4px rgba(0, 0, 0, .5); +} + .featuring-links .btn { margin-bottom: 1em; padding: 1.5em; diff --git a/src/site/resources/index.html b/src/site/resources/index.html index a7d7d9b9b0a8..fc638aed3ce6 100644 --- a/src/site/resources/index.html +++ b/src/site/resources/index.html @@ -20,9 +20,10 @@

Google Cloud Platform