aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Layer.reel/css
diff options
context:
space:
mode:
authorJon Reid2012-03-01 12:01:44 -0800
committerJon Reid2012-03-01 12:01:44 -0800
commit4a4b4e69ce101b22a85d16ece2dd8034c242654c (patch)
treedb17d8f1c629753a23ab9e9d45a16ccd48896363 /js/panels/Timeline/Layer.reel/css
parenta725643eba157b3c37d9acd13c6fdd48379bb0df (diff)
downloadninja-4a4b4e69ce101b22a85d16ece2dd8034c242654c.tar.gz
Timeline: efficiency improvements to collapser. Document switching.
Diffstat (limited to 'js/panels/Timeline/Layer.reel/css')
-rw-r--r--js/panels/Timeline/Layer.reel/css/Layer.css73
1 files changed, 36 insertions, 37 deletions
diff --git a/js/panels/Timeline/Layer.reel/css/Layer.css b/js/panels/Timeline/Layer.reel/css/Layer.css
index 18d0a5e3..8e36c2db 100644
--- a/js/panels/Timeline/Layer.reel/css/Layer.css
+++ b/js/panels/Timeline/Layer.reel/css/Layer.css
@@ -4,11 +4,10 @@
4 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/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. 5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> */ 6 </copyright> */
7
8/* Layer.scss 7/* Layer.scss
9 * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css. 8 * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css.
10 */ 9 */
11/* line 16, ../scss/Layer.scss */ 10/* line 22, ../scss/Layer.scss */
12.layerLabel { 11.layerLabel {
13 width: 100%; 12 width: 100%;
14 color: white; 13 color: white;
@@ -20,13 +19,13 @@
20 -webkit-box-orient: horizontal; 19 -webkit-box-orient: horizontal;
21} 20}
22 21
23/* line 26, ../scss/Layer.scss */ 22/* line 32, ../scss/Layer.scss */
24.layerLabel.layerSelected { 23.layerLabel.layerSelected {
25 background-color: #b2b2b2; 24 background-color: #b2b2b2;
26 color: #242424; 25 color: #242424;
27} 26}
28 27
29/* line 30, ../scss/Layer.scss */ 28/* line 36, ../scss/Layer.scss */
30.layerLabel { 29.layerLabel {
31 width: 100%; 30 width: 100%;
32 height: 18px; 31 height: 18px;
@@ -35,7 +34,7 @@
35 -webkit-box-flex: 1; 34 -webkit-box-flex: 1;
36} 35}
37 36
38/* line 37, ../scss/Layer.scss */ 37/* line 43, ../scss/Layer.scss */
39.layerDisclosure { 38.layerDisclosure {
40 background-image: url("../images/panelDisclosureIcon.png"); 39 background-image: url("../images/panelDisclosureIcon.png");
41 background-repeat: no-repeat; 40 background-repeat: no-repeat;
@@ -49,7 +48,7 @@
49 -webkit-box-flex: 0; 48 -webkit-box-flex: 0;
50} 49}
51 50
52/* line 50, ../scss/Layer.scss */ 51/* line 56, ../scss/Layer.scss */
53.layerHide { 52.layerHide {
54 background-image: url("../images/eye.png"); 53 background-image: url("../images/eye.png");
55 background-repeat: no-repeat; 54 background-repeat: no-repeat;
@@ -60,7 +59,7 @@
60 -webkit-box-flex: 0; 59 -webkit-box-flex: 0;
61} 60}
62 61
63/* line 59, ../scss/Layer.scss */ 62/* line 65, ../scss/Layer.scss */
64.layerLock { 63.layerLock {
65 background-image: url("../images/lock_open.png"); 64 background-image: url("../images/lock_open.png");
66 background-repeat: no-repeat; 65 background-repeat: no-repeat;
@@ -72,7 +71,7 @@
72} 71}
73 72
74/******************************************/ 73/******************************************/
75/* line 71, ../scss/Layer.scss */ 74/* line 77, ../scss/Layer.scss */
76.container-layer { 75.container-layer {
77 background-color: #474747; 76 background-color: #474747;
78 color: white; 77 color: white;
@@ -80,18 +79,18 @@
80 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); 79 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
81} 80}
82 81
83/* line 77, ../scss/Layer.scss */ 82/* line 83, ../scss/Layer.scss */
84.selected .container-layer { 83.selected .container-layer {
85 background-color: #474747; 84 background-color: #474747;
86} 85}
87 86
88/* line 80, ../scss/Layer.scss */ 87/* line 86, ../scss/Layer.scss */
89.selected .container-layer .label-layer { 88.selected .container-layer .label-layer {
90 background-color: #b2b2b2; 89 background-color: #b2b2b2;
91 color: #242424; 90 color: #242424;
92} 91}
93 92
94/* line 85, ../scss/Layer.scss */ 93/* line 91, ../scss/Layer.scss */
95.userlayers .collapsible-label { 94.userlayers .collapsible-label {
96 display: block; 95 display: block;
97 width: 100px; 96 width: 100px;
@@ -105,25 +104,25 @@
105 text-overflow: ellipsis; 104 text-overflow: ellipsis;
106} 105}
107 106
108/* line 97, ../scss/Layer.scss */ 107/* line 103, ../scss/Layer.scss */
109.layerSelected .label-layer { 108.layerSelected .label-layer {
110 background-color: #b2b2b2; 109 background-color: #b2b2b2;
111 color: #242424; 110 color: #242424;
112} 111}
113 112
114/* line 101, ../scss/Layer.scss */ 113/* line 107, ../scss/Layer.scss */
115.content-layer { 114.content-layer {
116 background-color: #474747; 115 background-color: #474747;
117 color: white; 116 color: white;
118} 117}
119 118
120/* line 105, ../scss/Layer.scss */ 119/* line 111, ../scss/Layer.scss */
121.content-layer .collapsible-label { 120.content-layer .collapsible-label {
122 background-position: 14px 5px; 121 background-position: 14px 5px;
123 border-width: 0px; 122 border-width: 0px;
124} 123}
125 124
126/* line 113, ../scss/Layer.scss */ 125/* line 119, ../scss/Layer.scss */
127.label-layer, 126.label-layer,
128.label-position, 127.label-position,
129.label-transform, 128.label-transform,
@@ -134,13 +133,13 @@
134 cursor: pointer; 133 cursor: pointer;
135} 134}
136 135
137/* line 120, ../scss/Layer.scss */ 136/* line 126, ../scss/Layer.scss */
138.content-layer .collapsible-label, 137.content-layer .collapsible-label,
139.content-layer .collapsible-content { 138.content-layer .collapsible-content {
140 font-size: 11px; 139 font-size: 11px;
141} 140}
142 141
143/* line 124, ../scss/Layer.scss */ 142/* line 130, ../scss/Layer.scss */
144.collapsible-clicker { 143.collapsible-clicker {
145 position: absolute; 144 position: absolute;
146 width: 10px; 145 width: 10px;
@@ -153,23 +152,23 @@
153 background-repeat: no-repeat; 152 background-repeat: no-repeat;
154} 153}
155 154
156/* line 135, ../scss/Layer.scss */ 155/* line 141, ../scss/Layer.scss */
157.collapsible-clicker.collapsible-collapsed { 156.collapsible-clicker.collapsible-collapsed {
158 background-image: url(../images/icon-collapsed.png); 157 background-image: url(../images/icon-collapsed.png);
159} 158}
160 159
161/* line 138, ../scss/Layer.scss */ 160/* line 144, ../scss/Layer.scss */
162.collapsible-content .collapsible-clicker { 161.collapsible-content .collapsible-clicker {
163 left: 12px; 162 left: 12px;
164} 163}
165 164
166/* line 141, ../scss/Layer.scss */ 165/* line 147, ../scss/Layer.scss */
167.content-layer.collapsible-collapsed { 166.container-layer .collapsible-content.collapsible-collapsed {
168 height: 0px; 167 height: 0px;
169 overflow: hidden; 168 overflow: hidden;
170} 169}
171 170
172/* line 147, ../scss/Layer.scss */ 171/* line 153, ../scss/Layer.scss */
173.label-layer .cssbutton, 172.label-layer .cssbutton,
174.label-style .cssbutton { 173.label-style .cssbutton {
175 width: 14px; 174 width: 14px;
@@ -179,21 +178,21 @@
179 background-repeat: no-repeat; 178 background-repeat: no-repeat;
180} 179}
181 180
182/* line 154, ../scss/Layer.scss */ 181/* line 160, ../scss/Layer.scss */
183.label-layer .button-lock { 182.label-layer .button-lock {
184 background-image: url(../images/icon-lock.png); 183 background-image: url(../images/icon-lock.png);
185 top: 3px; 184 top: 3px;
186 right: 27px; 185 right: 27px;
187} 186}
188 187
189/* line 159, ../scss/Layer.scss */ 188/* line 165, ../scss/Layer.scss */
190.label-layer .button-visible { 189.label-layer .button-visible {
191 background-image: url(../images/icon-eye.png); 190 background-image: url(../images/icon-eye.png);
192 top: 3px; 191 top: 3px;