From: Mark Otto Date: Tue, 14 Aug 2012 22:12:22 +0000 (-0700) Subject: add animation to docs download btn for firefox X-Git-Tag: v2.1.0~2^2~54 X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=b14d946afbe1844ef026a120ee82bf1f2c3ef348;p=thirdparty%2Fbootstrap.git add animation to docs download btn for firefox --- diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 684e9529ba..e58093e1a8 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -133,9 +133,14 @@ hr.soften { /* Download button */ @-webkit-keyframes downloadButton { - from { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } - 50% { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 25px rgba(0,68,204,.9); } - to { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } + from { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } + 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 25px rgba(0,68,204,.9); } + to { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } +} +@-moz-keyframes downloadButton { + from { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } + 50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 25px rgba(0,68,204,.9); } + to { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); } } .masthead .btn { padding: 14px 24px; @@ -150,8 +155,11 @@ hr.soften { -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01); -webkit-animation-name: downloadButton; + -moz-animation-name: downloadButton; -webkit-animation-duration: 1.5s; + -moz-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; + -moz-animation-iteration-count: infinite; -webkit-transition: none; -moz-transition: none; transition: none;