diff options
Diffstat (limited to 'js/panels/Timeline/Span.reel/css')
-rw-r--r-- | js/panels/Timeline/Span.reel/css/Span.css | 90 |
1 files changed, 81 insertions, 9 deletions
diff --git a/js/panels/Timeline/Span.reel/css/Span.css b/js/panels/Timeline/Span.reel/css/Span.css index 198d71f3..16f931b2 100644 --- a/js/panels/Timeline/Span.reel/css/Span.css +++ b/js/panels/Timeline/Span.reel/css/Span.css | |||
@@ -1,17 +1,89 @@ | |||
1 | @charset "UTF-8"; | ||
1 | /* <copyright> | 2 | /* <copyright> |
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | 3 | 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 | 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 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
5 | </copyright> */ | 6 | </copyright> */ |
7 | /* Span.scss | ||
8 | * Main SCSS file for Span component, compiled by SASS into the file css/Span.css. | ||
9 | */ | ||
10 | /* line 22, ../scss/Span.scss */ | ||
11 | .tween_span { | ||
12 | position: absolute; | ||
13 | height: 16px; | ||
14 | } | ||
15 | |||
16 | /* line 26, ../scss/Span.scss */ | ||
17 | .tween_span .tween_span_bar { | ||
18 | width: 100%; | ||
19 | height: 100%; | ||
20 | background-color: #fff; | ||
21 | opacity: 0.15; | ||
22 | } | ||
23 | |||
24 | /* line 33, ../scss/Span.scss */ | ||
25 | .tween_span.spanHighlight .tween_span_bar { | ||
26 | background-color: #a0c8ff; | ||
27 | opacity: 0.4; | ||
28 | } | ||
29 | |||
30 | /* | ||
31 | * Easing picker | ||
32 | */ | ||
33 | /* line 42, ../scss/Span.scss */ | ||
34 | .container-easing { | ||
35 | position: absolute; | ||
36 | top: 2px; | ||
37 | right: 6px; | ||
38 | font-size: 10px; | ||
39 | line-height: 8px; | ||
40 | border: 1px solid black; | ||
41 | color: white; | ||
42 | background-color: #474747; | ||
43 | } | ||
6 | 44 | ||
7 | .tween_span{ | 45 | /* line 54, ../scss/Span.scss */ |
8 | position: absolute; | 46 | .container-easing, |
9 | height: 16px; | 47 | .container-easing .easing-choice, |
10 | opacity: 0.15; | 48 | .container-easing .easing-choices { |
11 | background-color: white; | 49 | width: 70px; |
12 | } | 50 | } |
13 | 51 | ||
14 | .tween_span.spanHighlight{ | 52 | /* line 58, ../scss/Span.scss */ |
15 | background-color: #a0c8ff; | 53 | .container-easing, |
16 | opacity: 0.4; | 54 | .container-easing .easing-choice { |
17 | } \ No newline at end of file | 55 | height: 10px; |
56 | } | ||
57 | |||
58 | /* line 61, ../scss/Span.scss */ | ||
59 | .container-easing .easing-choice { | ||
60 | position: absolute; | ||
61 | top: 0px; | ||
62 | left: 3px; | ||
63 | width: 67px; | ||
64 | cursor: pointer; | ||
65 | } | ||
66 | |||
67 | /* line 68, ../scss/Span.scss */ | ||
68 | .container-easing .easing-choices { | ||
69 | position: absolute; | ||
70 | display: none; | ||
71 | bottom: -1px; | ||
72 | left: -1px; | ||
73 | z-index: 100; | ||
74 | height: auto; | ||
75 | border: 1px solid black; | ||
76 | color: white; | ||
77 | background-color: #474747; | ||
78 | overflow: hidden; | ||
79 | list-style-type: none; | ||
80 | margin: 0px; | ||
81 | padding: 0px; | ||
82 | } | ||
83 | |||
84 | /* line 83, ../scss/Span.scss */ | ||
85 | .container-easing .easing-choices li { | ||
86 | list-style-type: none; | ||
87 | margin: 0px; | ||
88 | padding: 0px; | ||
89 | } | ||