diff options
author | Jose Antonio Marquez | 2012-06-20 16:48:34 -0700 |
---|---|---|
committer | Jose Antonio Marquez | 2012-06-20 16:48:34 -0700 |
commit | 4eff115126ab946c5852d787fd596e07b156c9a5 (patch) | |
tree | f7d45b260f2fb5ba5dc4d1879076ca032d5ae2e6 /node_modules/montage/ui/bluemoon/progress.reel/progress.css | |
parent | 7615da5c6ba54bd082eac4b8a6d9196084e5c590 (diff) | |
parent | 392a559e90357d48c910a07617261483b2b45476 (diff) | |
download | ninja-4eff115126ab946c5852d787fd596e07b156c9a5.tar.gz |
Merge branch 'refs/heads/Ninja-Internal' into Color
Diffstat (limited to 'node_modules/montage/ui/bluemoon/progress.reel/progress.css')
-rw-r--r-- | node_modules/montage/ui/bluemoon/progress.reel/progress.css | 33 |
1 files changed, 8 insertions, 25 deletions
diff --git a/node_modules/montage/ui/bluemoon/progress.reel/progress.css b/node_modules/montage/ui/bluemoon/progress.reel/progress.css index cf9e6543..3887fab3 100644 --- a/node_modules/montage/ui/bluemoon/progress.reel/progress.css +++ b/node_modules/montage/ui/bluemoon/progress.reel/progress.css | |||
@@ -10,18 +10,18 @@ | |||
10 | overflow: hidden; | 10 | overflow: hidden; |
11 | background: #ccc url(rule.png); | 11 | background: #ccc url(rule.png); |
12 | -webkit-box-shadow: inset rgba(0,0,0,.2) 0 0 0 1px, rgba(255,255,255,.5) 0 1px 1px, rgba(0,0,0,.1) 0 -1px 0px; | 12 | -webkit-box-shadow: inset rgba(0,0,0,.2) 0 0 0 1px, rgba(255,255,255,.5) 0 1px 1px, rgba(0,0,0,.1) 0 -1px 0px; |
13 | -moz-box-shadow: inset rgba(0,0,0,.2) 0 0 0 1px, rgba(255,255,255,.5) 0 1px 1px, rgba(0,0,0,.1) 0 -1px 0px; | ||
14 | box-shadow: inset rgba(0,0,0,.2) 0 0 0 1px, rgba(255,255,255,.5) 0 1px 1px, rgba(0,0,0,.1) 0 -1px 0px; | ||
13 | } | 15 | } |
14 | 16 | ||
15 | .montage-progress .bar { | 17 | .montage-progress .bar { |
16 | height: 7px; | 18 | height: 7px; |
17 | border-radius: inherit; | 19 | border-radius: inherit; |
18 | 20 | background: #0cbeff; | |
19 | background-repeat: no-repeat; | ||
20 | background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, | ||
21 | color-stop(12%, #35c9ff), color-stop(12%, #0cbeff), | ||
22 | color-stop(85%, #0aa5dd), color-stop(85%, #0996c9) ); | ||
23 | 21 | ||
24 | -webkit-transition: width .3s cubic-bezier(0.25, 0.1, 0.3, 0.9); | 22 | -webkit-transition: width .3s cubic-bezier(0.25, 0.1, 0.3, 0.9); |
23 | -moz-transition: width .3s cubic-bezier(0.25, 0.1, 0.3, 0.9); | ||
24 | transition: width .3s cubic-bezier(0.25, 0.1, 0.3, 0.9); | ||
25 | } | 25 | } |
26 | 26 | ||
27 | .montage-progress.dark { | 27 | .montage-progress.dark { |
@@ -29,23 +29,6 @@ | |||
29 | color-stop(0%, #303030), color-stop(100%, #3f3f3f) ); | 29 | color-stop(0%, #303030), color-stop(100%, #3f3f3f) ); |
30 | 30 | ||
31 | -webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0, rgba(0,0,0,.1) 0 -1px 0px; | 31 | -webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0, rgba(0,0,0,.1) 0 -1px 0px; |
32 | } | 32 | -moz-box-shadow: rgba(255,255,255,.1) 0 1px 0, rgba(0,0,0,.1) 0 -1px 0px; |
33 | 33 | box-shadow: rgba(255,255,255,.1) 0 1px 0, rgba(0,0,0,.1) 0 -1px 0px; | |
34 | @-webkit-keyframes montage-progress-scroll { | 34 | } \ No newline at end of file |
35 | from { | ||
36 | background-position: 0px top; | ||
37 | } | ||
38 | to { | ||
39 | background-position: -8px top; | ||
40 | } | ||
41 | } | ||
42 | |||
43 | .montage-progress .bar.scrolling { | ||
44 | background-image: url("scroll.png"); | ||
45 | background-repeat: repeat-x; | ||
46 | background-position: 10px top; | ||
47 | -webkit-animation-name: montage-progress-scroll; | ||
48 | -webkit-animation-duration: 1s; | ||
49 | -webkit-animation-timing-function: linear; | ||
50 | -webkit-animation-iteration-count: infinite; | ||
51 | } | ||