aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/bluemoon/progress.reel
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/ui/bluemoon/progress.reel')
-rw-r--r--node_modules/montage/ui/bluemoon/progress.reel/progress.css33
-rw-r--r--node_modules/montage/ui/bluemoon/progress.reel/progress.html9
2 files changed, 11 insertions, 31 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}
diff --git a/node_modules/montage/ui/bluemoon/progress.reel/progress.html b/node_modules/montage/ui/bluemoon/progress.reel/progress.html
index a3835fe6..81e82b1a 100644
--- a/node_modules/montage/ui/bluemoon/progress.reel/progress.html
+++ b/node_modules/montage/ui/bluemoon/progress.reel/progress.html
@@ -6,8 +6,8 @@
6 </copyright> --> 6 </copyright> -->
7<html> 7<html>
8<head> 8<head>
9 <title></title> 9 <meta charset="utf-8">
10 <link rel="stylesheet" type="text/css" href="progress.css"> 10 <link rel="stylesheet" href="progress.css">
11 <script type="text/montage-serialization"> 11 <script type="text/montage-serialization">
12{ 12{
13 "owner": { 13 "owner": {
@@ -18,13 +18,10 @@
18 } 18 }
19} 19}
20 </script> 20 </script>
21
22</head> 21</head>
23<body> 22<body>
24
25 <div data-montage-id="progress" class="montage-progress"> 23 <div data-montage-id="progress" class="montage-progress">
26 <div data-montage-id="bar" class="bar"></div> 24 <div data-montage-id="bar" class="bar"></div>
27 </div> 25 </div>
28
29</body> 26</body>
30</html> 27</html> \ No newline at end of file