aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/bluemoon/progress.reel/progress.css
diff options
context:
space:
mode:
authorValerio Virgillito2012-02-02 00:11:51 -0800
committerValerio Virgillito2012-02-02 15:33:42 -0800
commita3024011a91d3941f81481dd4d600e9684eb0fd4 (patch)
tree084b4856910f1db53973dd11617f7ffa03a6dd46 /node_modules/montage/ui/bluemoon/progress.reel/progress.css
parent97255032921178bdfbc25512ddf3e0867e353f7a (diff)
downloadninja-a3024011a91d3941f81481dd4d600e9684eb0fd4.tar.gz
upgrading to Montage v0.6
Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'node_modules/montage/ui/bluemoon/progress.reel/progress.css')
-rw-r--r--node_modules/montage/ui/bluemoon/progress.reel/progress.css51
1 files changed, 51 insertions, 0 deletions
diff --git a/node_modules/montage/ui/bluemoon/progress.reel/progress.css b/node_modules/montage/ui/bluemoon/progress.reel/progress.css
new file mode 100644
index 00000000..cf9e6543
--- /dev/null
+++ b/node_modules/montage/ui/bluemoon/progress.reel/progress.css
@@ -0,0 +1,51 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6.montage-progress {
7 height: 7px;
8 padding: 1px;
9 border-radius: 5px / 4px;
10 overflow: hidden;
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;
13}
14
15.montage-progress .bar {
16 height: 7px;
17 border-radius: inherit;
18
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
24 -webkit-transition: width .3s cubic-bezier(0.25, 0.1, 0.3, 0.9);
25}
26
27.montage-progress.dark {
28 background: url(rule.png), -webkit-gradient(linear, 0% 0%, 0% 100%,
29 color-stop(0%, #303030), color-stop(100%, #3f3f3f) );
30
31 -webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0, rgba(0,0,0,.1) 0 -1px 0px;
32}
33
34@-webkit-keyframes montage-progress-scroll {
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}