From 297cd575d44aa1246861f029b08cef3cafa381c7 Mon Sep 17 00:00:00 2001 From: Stephen Sawchuk Date: Tue, 9 Sep 2014 20:40:42 -0400 Subject: [PATCH] site: make the doc link more linky. --- docs/css/main.css | 84 +++++++++++++++++++++++++++++++++++++++++------ docs/home.html | 19 +++++------ 2 files changed, 83 insertions(+), 20 deletions(-) diff --git a/docs/css/main.css b/docs/css/main.css index 7ac962b46247..9383543ab69f 100755 --- a/docs/css/main.css +++ b/docs/css/main.css @@ -357,7 +357,9 @@ h2, h3 { .featuring-links { list-style: none; margin: 0; - padding: 0; + padding: 8px; + background-color: #eee; + border-radius: 5px; } .btn, @@ -402,6 +404,68 @@ h2, h3 { width: 2em; } +.docs-link { + text-align: center; + font-size: 1.4em; + font-weight: normal; + margin-bottom: 1.3em; +} + +.docs-link img { + background-color: #5d6061; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 4px; + width: 4%; + margin-top: -3px; + margin-left: 8px; + margin-right: 8px; + /* 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; +} + +.docs-link a { + color: #4285f4; + text-decoration: none; + /* Transitions */ + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.docs-link .supplementary-text { + font-size: .8em; + color: rgba(93, 96, 97, .8); +} + +.docs-link a:hover .link-text { + text-decoration: underline; +} + +.docs-link a:hover img { + background-color: #4285f4; + -webkit-border-radius: 80px; + -moz-border-radius: 80px; + border-radius: 80px; + transform: rotate(135deg); + -webkit-box-shadow: 4px 4px 4px #eee; + -moz-box-shadow: 4px 4px 4px #eee; + box-shadow: 4px 4px 4px #eee; +} + +.docs-link a:active img { + -webkit-box-shadow: 4px 4px 4px #ddd; + -moz-box-shadow: 4px 4px 4px #ddd; + box-shadow: 4px 4px 4px #ddd; +} + .ext-link { display: block; padding: 1em; @@ -880,7 +944,7 @@ h2, h3 { Modify as content requires. ========================================================================== */ -@media only screen and (min-width: 35em) { +@media only screen and (min-width: 36em) { /* Main @@ -902,10 +966,6 @@ h2, h3 { display: inline-block; } - .featuring-links li:first-child { - display: block; - } - .featuring-links .btn { display: inline-block; padding: 1em 2.4em; @@ -1139,6 +1199,14 @@ h2, h3 { padding: 1em 1.5em; } + /* + Doc Link + */ + .docs-link { + font-size: 1.7em; + margin-bottom: 1.1em; + } + /* Featuring */ @@ -1151,10 +1219,6 @@ h2, h3 { font-size: 1em; } - .featuring-links li:first-child { - display: inline-block; - } - .featuring-links .btn { margin-right: 0.5em; } diff --git a/docs/home.html b/docs/home.html index 9337f32e35c2..606006b30370 100755 --- a/docs/home.html +++ b/docs/home.html @@ -19,13 +19,12 @@

One-line npm install

+
+ + See theNode.js iconAPI Documentation + +