diff options
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 | } | ||