diff options
Diffstat (limited to 'node_modules/montage/ui/loading-panel.reel/loading-panel.css')
-rwxr-xr-x | node_modules/montage/ui/loading-panel.reel/loading-panel.css | 38 |
1 files changed, 23 insertions, 15 deletions
diff --git a/node_modules/montage/ui/loading-panel.reel/loading-panel.css b/node_modules/montage/ui/loading-panel.reel/loading-panel.css index 9a82a320..39f0db06 100755 --- a/node_modules/montage/ui/loading-panel.reel/loading-panel.css +++ b/node_modules/montage/ui/loading-panel.reel/loading-panel.css | |||
@@ -4,32 +4,40 @@ | |||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
5 | </copyright> */ | 5 | </copyright> */ |
6 | 6 | ||
7 | /* disabled for now */ | ||
8 | .montage-loading-panel > .loadingIndicator { | ||
9 | display: none; | ||
10 | } | ||
11 | |||
12 | .montage-loading-panel { | 7 | .montage-loading-panel { |
13 | position: absolute; | 8 | position: absolute; |
9 | z-index: 999; | ||
14 | top: 0; | 10 | top: 0; |
15 | right: 0; | 11 | right: 0; |
16 | bottom: 0; | 12 | bottom: 0; |
17 | left: 0; | 13 | left: 0; |
18 | background-color: hsl(0,0%,0%); | ||
19 | display: -webkit-box; | ||
20 | -webkit-box-pack: center; | ||
21 | -webkit-box-align: center; | ||
22 | } | 14 | } |
23 | 15 | ||
24 | .montage-loading-panel > .loadingCount { | 16 | .montage-loading-panel > .loadingIndicator { |
25 | width: 200px; | 17 | width: 200px; |
26 | height: 200px; | 18 | margin: 20px; |
19 | display: none; /* disabled for now, because the loading doesn't really look continuos enough. */ | ||
20 | } | ||
21 | |||
22 | |||
23 | .montage-loading-panel > .loadingCount { | ||
24 | position: absolute; | ||
25 | width: 160px; | ||
26 | height: 160px; | ||
27 | top: 50%; | ||
28 | left: 50%; | ||
29 | margin: -90px; | ||
30 | padding: 10px; | ||
27 | border-radius: 50%; | 31 | border-radius: 50%; |
28 | text-align: center; | ||
29 | color: #fff; | 32 | color: #fff; |
30 | font: 40px/200px "Lucida Grande", Lucida, Verdana, sans-serif; | 33 | font: 30px/160px "Helvetica Neue", Helvetica, Geneva, sans-serif; |
31 | text-shadow: 0 0px 6px hsla(200,100%,50%,.6); | 34 | text-align: center; |
32 | -webkit-box-shadow: inset 0px 0px 0 5px hsl(200,0%,10%); | 35 | background: hsla(0,0%,0%,.6); |
36 | background: -webkit-radial-gradient( center 33% , hsla(0,0%,0%,.6) 10%, hsla(0,0%,0%,.8) ); | ||
37 | background: -moz-radial-gradient( center 33% , hsla(0,0%,0%,.65) 10%, hsla(0,0%,0%,.8) ); | ||
38 | -webkit-box-shadow: inset 0 0 0 3px hsla(0,0%,0%,.3), 0 0 0 3px hsla(0,0%,100%,.3); | ||
39 | box-shadow: inset 0 0 0 3px hsla(0,0%,0%,.3), 0 0 0 3px hsla(0,0%,100%,.3); | ||
40 | overflow: hidden; | ||
33 | } | 41 | } |
34 | 42 | ||
35 | .montage-loading-panel > .loadingCount > .divider { | 43 | .montage-loading-panel > .loadingCount > .divider { |