aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Span.reel/css
diff options
context:
space:
mode:
authorJon Reid2012-05-22 18:23:36 -0700
committerJon Reid2012-05-22 18:23:36 -0700
commitd3f67c2e306cb1888099f4decba00a9d8727cc43 (patch)
tree262e17bf9150fe84675897b2ea9ee8eb68602859 /js/panels/Timeline/Span.reel/css
parentd43a3179171a9f82c7a17425ec69ff0a4d571f10 (diff)
downloadninja-d3f67c2e306cb1888099f4decba00a9d8727cc43.tar.gz
Timeline: New easing selector in spans.
Diffstat (limited to 'js/panels/Timeline/Span.reel/css')
-rw-r--r--js/panels/Timeline/Span.reel/css/Span.css90
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}