aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/bluemoon/progress.reel/progress.css
blob: 3887fab37ebe7b559ab2bcc4ae50c1b1c72654e2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/* <copyright>
 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> */
.montage-progress {
	height: 7px;
	padding: 1px;
	border-radius: 5px / 4px;
	overflow: hidden;
	background: #ccc url(rule.png);
	-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;
	-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;
	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;
}

.montage-progress .bar {
	height: 7px;
	border-radius: inherit;
	background: #0cbeff;

	-webkit-transition: width .3s cubic-bezier(0.25, 0.1, 0.3, 0.9);
	-moz-transition: width .3s cubic-bezier(0.25, 0.1, 0.3, 0.9);
	transition: width .3s cubic-bezier(0.25, 0.1, 0.3, 0.9);
}

.montage-progress.dark {
	background:  url(rule.png), -webkit-gradient(linear, 0% 0%, 0% 100%,
						color-stop(0%, #303030), color-stop(100%, #3f3f3f) );

	-webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0, rgba(0,0,0,.1) 0 -1px 0px;
	-moz-box-shadow: rgba(255,255,255,.1) 0 1px 0, rgba(0,0,0,.1) 0 -1px 0px;
	box-shadow: rgba(255,255,255,.1) 0 1px 0, rgba(0,0,0,.1) 0 -1px 0px;
}