null+****@clear*****
null+****@clear*****
2012年 6月 22日 (金) 07:39:20 JST
SHIMODA Hiroshi 2012-06-22 07:39:20 +0900 (Fri, 22 Jun 2012) New Revision: ad4af3090338a6c7a2d329f8a6ccab7dee03c117 https://github.com/groonga/gcs.groonga.org/commit/ad4af3090338a6c7a2d329f8a6ccab7dee03c117 Log: More stylize the download button Modified files: stylesheets/screen/home.css Modified: stylesheets/screen/home.css (+31 -5) =================================================================== --- stylesheets/screen/home.css 2012-06-21 19:21:56 +0900 (a663135) +++ stylesheets/screen/home.css 2012-06-22 07:39:20 +0900 (afa625d) @@ -57,18 +57,44 @@ h1#global-heading { } #download a { - background: green; - border: 2px solid #AAD5E8; + /* 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 */ + + border: 2px solid #74B3CF; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; - -moz-box-shadow: #D9F3FF 0 0 0.5em; - -webkit-box-shadow: #D9F3FF 0 0 0.5em; - box-shadow: #D9F3FF 0 0 0.5em; + -moz-box-shadow: #74B3CF 0 0 0.3em; + -webkit-box-shadow: #74B3CF 0 0 0.3em; + box-shadow: #74B3CF 0 0 0.3em; clear: none; color: white; font-size: 120%; padding: 0.6em 1.2em; text-decoration: none; text-transform: uppercase; + -moz-transition: border-color 0.5s ease, + -moz-box-shadow 0.5s ease, + box-shadow 0.5s ease; + -webkit-transition: border-color 0.5s ease, + -webkit-box-shadow 0.5s ease, + box-shadow 0.5s ease; + transition: border-color 0.5s ease, + box-shadow 0.5s ease; +} + +#download a:active, +#download a:focus, +#download 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; } -------------- next part -------------- HTML$B$NE:IU%U%!%$%k$rJ]4I$7$^$7$?(B...Download