diff options
Diffstat (limited to 'js/panels/Timeline/Layer.reel/css')
-rw-r--r-- | js/panels/Timeline/Layer.reel/css/Layer.css | 73 |
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; |
193 | right: 7px; | 192 | right: 7px; |
194 | } | 193 | } |
195 |