null+****@clear*****
null+****@clear*****
2012年 6月 28日 (木) 16:50:25 JST
SHIMODA Hiroshi 2012-06-28 16:50:25 +0900 (Thu, 28 Jun 2012) New Revision: 93b5d21391725ddbb95d648b2b4f24706549717b https://github.com/groonga/gcs.groonga.org/commit/93b5d21391725ddbb95d648b2b4f24706549717b Log: Add "Tutorial" button Modified files: index.md stylesheets/screen/home.css Modified: index.md (+4 -1) =================================================================== --- index.md 2012-06-28 16:12:29 +0900 (10f8fc0) +++ index.md 2012-06-28 16:50:25 +0900 (fc319a2) @@ -10,7 +10,10 @@ style: screen/home.css <p id="description">Groonga CloudSearch is an Amazon CloudSearch compatible open source full text search service.</p> - <p id="install"><a href="install/">Install</a></p> + <div id="featured"> + <p id="install"><a href="install/">Install</a></p> + <p id="tutorial"><a href="tutorial/">Tutorial</a></p> + </div> </section> Modified: stylesheets/screen/home.css (+38 -24) =================================================================== --- stylesheets/screen/home.css 2012-06-28 16:12:29 +0900 (9a3941f) +++ stylesheets/screen/home.css 2012-06-28 16:50:25 +0900 (4f6f81a) @@ -51,31 +51,17 @@ h1#global-heading { font-size: 110%; } -#description { - width: 50%; -} - -#install { - position: absolute; - bottom: 40px; +#featured { line-height: 1; - margin: 0; - padding: 0 0 1em; - right: 12.5%; - width: 20%; + text-align: right; } -#install a { - /* generated by http://www.colorzilla.com/gradient-editor/ */ - background: #00786f; /* Old browsers */ - background: -moz-linear-gradient(top, #00786f 0%, #005a53 7%, #003f3a 50%, #00786f 52%, #005f58 91%, #003f3a 100%); /* Firefox3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00786f), color-stop(7%,#005a53), color-stop(50%,#003f3a), color-stop(52%,#00786f), color-stop(91%,#005f58), color-stop(100%,#003f3a)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #00786f 0%,#005a53 7%,#003f3a 50%,#00786f 52%,#005f58 91%,#003f3a 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #00786f 0%,#005a53 7%,#003f3a 50%,#00786f 52%,#005f58 91%,#003f3a 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #00786f 0%,#005a53 7%,#003f3a 50%,#00786f 52%,#005f58 91%,#003f3a 100%); /* IE10+ */ - background: linear-gradient(top, #00786f 0%,#005a53 7%,#003f3a 50%,#00786f 52%,#005f58 91%,#003f3a 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00786f', endColorstr='#003f3a',GradientType=0 ); /* IE6-9 */ +#featured p { + display: inline-table; + margin-left: 1em; +} +#featured a { border: 2px solid #74B3CF; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; @@ -96,15 +82,43 @@ h1#global-heading { transition: all 0.5s ease; } -#install a:active, -#install a:focus, -#install a:hover { +#featured a:active, +#featured a:focus, +#featured a:hover { border-color: #AAD5E8; -moz-box-shadow: #D9F3FF 0 0 0.8em; -webkit-box-shadow: #D9F3FF 0 0 0.8em; box-shadow: #D9F3FF 0 0 0.8em; } +#featured #install a { + /* generated by http://www.colorzilla.com/gradient-editor/ */ + background: #00786f; /* Old browsers */ + background: -moz-linear-gradient(top, #00786f 0%, #005a53 7%, #003f3a 50%, #00786f 52%, #005f58 91%, #003f3a 100%); /* Firefox3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00786f), color-stop(7%,#005a53), color-stop(50%,#003f3a), color-stop(52%,#00786f), color-stop(91%,#005f58), color-stop(100%,#003f3a)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #00786f 0%,#005a53 7%,#003f3a 50%,#00786f 52%,#005f58 91%,#003f3a 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #00786f 0%,#005a53 7%,#003f3a 50%,#00786f 52%,#005f58 91%,#003f3a 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #00786f 0%,#005a53 7%,#003f3a 50%,#00786f 52%,#005f58 91%,#003f3a 100%); /* IE10+ */ + background: linear-gradient(top, #00786f 0%,#005a53 7%,#003f3a 50%,#00786f 52%,#005f58 91%,#003f3a 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00786f', endColorstr='#003f3a',GradientType=0 ); /* IE6-9 */ + + text-shadow: #002210 0 0 0.5em; +} + +#featured #tutorial a { + /* generated by http://www.colorzilla.com/gradient-editor/ */ + background: rgb(209,67,39); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(209,67,39,1) 0%, rgba(244,160,75,1) 50%, rgba(237,95,18,1) 51%, rgba(249,159,79,1) 100%); /* Firefox3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,67,39,1)), color-stop(50%,rgba(244,160,75,1)), color-stop(51%,rgba(237,95,18,1)), color-stop(100%,rgba(249,159,79,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(209,67,39,1) 0%,rgba(244,160,75,1) 50%,rgba(237,95,18,1) 51%,rgba(249,159,79,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(209,67,39,1) 0%,rgba(244,160,75,1) 50%,rgba(237,95,18,1) 51%,rgba(249,159,79,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(209,67,39,1) 0%,rgba(244,160,75,1) 50%,rgba(237,95,18,1) 51%,rgba(249,159,79,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(209,67,39,1) 0%,rgba(244,160,75,1) 50%,rgba(237,95,18,1) 51%,rgba(249,159,79,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d14327', endColorstr='#f99f4f',GradientType=0 ); /* IE6-9 */ + + text-shadow: #810e02 0 0 0.5em; +} + nav { display: none; } -------------- next part -------------- HTML$B$NE:IU%U%!%$%k$rJ]4I$7$^$7$?(B...Download