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, 40 insertions, 33 deletions
diff --git a/js/panels/Timeline/Layer.reel/css/Layer.css b/js/panels/Timeline/Layer.reel/css/Layer.css index 50e664c4..179571af 100644 --- a/js/panels/Timeline/Layer.reel/css/Layer.css +++ b/js/panels/Timeline/Layer.reel/css/Layer.css | |||
@@ -93,36 +93,42 @@ | |||
93 | /* line 91, ../scss/Layer.scss */ | 93 | /* line 91, ../scss/Layer.scss */ |
94 | .userlayers .collapsible-label { | 94 | .userlayers .collapsible-label { |
95 | display: block; | 95 | display: block; |
96 | width: 100px; | ||
97 | height: 21px; | 96 | height: 21px; |
98 | line-height: 20px; | 97 | line-height: 20px; |
99 | color: white; | 98 | color: white; |
100 | margin-left: 30px; | 99 | margin-left: 80px; |
101 | margin-right: 20px; | 100 | margin-right: 40px; |
102 | white-space: nowrap; | 101 | white-space: nowrap; |
103 | overflow: hidden; | 102 | overflow: hidden; |
104 | text-overflow: ellipsis; | 103 | text-overflow: ellipsis; |
105 | } | 104 | } |
106 | 105 | ||
107 | /* line 103, ../scss/Layer.scss */ | 106 | /* line 103, ../scss/Layer.scss */ |
107 | .userlayers .layer-tag { | ||
108 | position: absolute; | ||
109 | top: 3px; | ||
110 | left: 20px; | ||
111 | } | ||
112 | |||
113 | /* line 110, ../scss/Layer.scss */ | ||
108 | .layerSelected .label-layer { | 114 | .layerSelected .label-layer { |
109 | background-color: #b2b2b2; | 115 | background-color: #b2b2b2; |
110 | color: #242424; | 116 | color: #242424; |
111 | } | 117 | } |
112 | 118 | ||
113 | /* line 107, ../scss/Layer.scss */ | 119 | /* line 114, ../scss/Layer.scss */ |
114 | .content-layer { | 120 | .content-layer { |
115 | background-color: #474747; | 121 | background-color: #474747; |
116 | color: white; | 122 | color: white; |
117 | } | 123 | } |
118 | 124 | ||
119 | /* line 111, ../scss/Layer.scss */ | 125 | /* line 118, ../scss/Layer.scss */ |
120 | .content-layer .collapsible-label { | 126 | .content-layer .collapsible-label { |
121 | background-position: 14px 5px; | 127 | background-position: 14px 5px; |
122 | border-width: 0px; | 128 | border-width: 0px; |
123 | } | 129 | } |
124 | 130 | ||
125 | /* line 119, ../scss/Layer.scss */ | 131 | /* line 126, ../scss/Layer.scss */ |
126 | .label-layer, | 132 | .label-layer, |
127 | .label-position, | 133 | .label-position, |
128 | .label-transform, | 134 | .label-transform, |
@@ -133,19 +139,20 @@ | |||
133 | cursor: pointer; | 139 | cursor: pointer; |
134 | } | 140 | } |
135 | 141 | ||
136 | /* line 126, ../scss/Layer.scss */ | 142 | /* line 134, ../scss/Layer.scss */ |
137 | .content-layer .collapsible-label, | 143 | .content-layer .collapsible-label, |
138 | .content-layer .collapsible-content { | 144 | .content-layer .collapsible-content, |
145 | .content-layer .layer-tag { | ||
139 | font-size: 11px; | 146 | font-size: 11px; |
140 | } | 147 | } |
141 | 148 | ||
142 | /* line 133, ../scss/Layer.scss */ | 149 | /* line 141, ../scss/Layer.scss */ |
143 | .label-layer .collapsible-label br, | 150 | .label-layer .collapsible-label br, |
144 | .content-style .editable br { | 151 | .content-style .editable br { |
145 | display: none; | 152 | display: none; |
146 | } | 153 | } |
147 | 154 | ||
148 | /* line 137, ../scss/Layer.scss */ | 155 | /* line 145, ../scss/Layer.scss */ |
149 | .collapsible-clicker { | 156 | .collapsible-clicker { |
150 | position: absolute; | 157 | position: absolute; |
151 | width: 10px; | 158 | width: 10px; |
@@ -158,23 +165,23 @@ | |||
158 | background-repeat: no-repeat; | 165 | background-repeat: no-repeat; |
159 | } | 166 | } |
160 | 167 | ||
161 | /* line 148, ../scss/Layer.scss */ | 168 | /* line 156, ../scss/Layer.scss */ |
162 | .collapsible-clicker.collapsible-collapsed { | 169 | .collapsible-clicker.collapsible-collapsed { |
163 | background-image: url(../images/icon-collapsed.png); | 170 | background-image: url(../images/icon-collapsed.png); |
164 | } | 171 | } |
165 | 172 | ||
166 | /* line 151, ../scss/Layer.scss */ | 173 | /* line 159, ../scss/Layer.scss */ |
167 | .collapsible-content .collapsible-clicker { | 174 | .collapsible-content .collapsible-clicker { |
168 | left: 12px; | 175 | left: 12px; |
169 | } | 176 | } |
170 | 177 | ||
171 | /* line 154, ../scss/Layer.scss */ | 178 | /* line 162, ../scss/Layer.scss */ |
172 | .container-layer .collapsible-content.collapsible-collapsed { | 179 | .container-layer .collapsible-content.collapsible-collapsed { |
173 | height: 0px; | 180 | height: 0px; |
174 | overflow: hidden; | 181 | overflow: hidden; |
175 | } | 182 | } |
176 | 183 | ||
177 | /* line 160, ../scss/Layer.scss */ | 184 | /* line 168, ../scss/Layer.scss */ |
178 | .label-layer .cssbutton, | 185 | .label-layer .cssbutton, |
179 | .label-style .cssbutton { | 186 | .label-style .cssbutton { |
180 | width: 14px; | 187 | width: 14px; |
@@ -184,21 +191,21 @@ | |||
184 | background-repeat: no-repeat; | 191 | background-repeat: no-repeat; |
185 | } | 192 | } |
186 | 193 | ||
187 | /* line 167, ../scss/Layer.scss */ | 194 | /* line 175, ../scss/Layer.scss */ |
188 | .label-layer .button-lock { | 195 | .label-layer .button-lock { |
189 | background-image: url(../images/icon-lock.png); | 196 | background-image: url(../images/icon-lock.png); |
190 | top: 3px; | 197 | top: 3px; |
191 | right: 27px; | 198 | right: 27px; |
192 | } | 199 | } |
193 | 200 | ||
194 | /* line 172, ../scss/Layer.scss */ | 201 | /* line 180, ../scss/Layer.scss */ |
195 | .label-layer .button-visible { | 202 | .label-layer .button-visible { |
196 | background-image: url(../images/icon-eye.png); | 203 | background-image: url(../images/icon-eye.png); |
197 | top: 3px; | 204 | top: 3px; |
198 | right: 7px; | 205 | right: 7px; |
199 | } | 206 | } |
200 | 207 | ||
201 | /* line 177, ../scss/Layer.scss */ | 208 | /* line 185, ../scss/Layer.scss */ |
202 | .label-style .button-add { | 209 | .label-style .button-add { |
203 | background-image: url(../images/icon-plus.png); | 210 | background-image: url(../images/icon-plus.png); |
204 | width: 15px; | 211 | width: 15px; |
@@ -207,7 +214,7 @@ | |||
207 | right: 11px; | 214 | right: 11px; |
208 | } | 215 | } |
209 | 216 | ||
210 | /* line 184, ../scss/Layer.scss */ | 217 | /* line 192, ../scss/Layer.scss */ |
211 | .label-style .button-delete { | 218 | .label-style .button-delete { |
212 | background-image: url(../images/icon-minus.png); | 219 | background-image: url(../images/icon-minus.png); |
213 | width: 15px; | 220 | width: 15px; |
@@ -216,23 +223,23 @@ | |||
216 | right: 31px; | 223 | right: 31px; |
217 | } | 224 | } |
218 | 225 | ||
219 | /* line 191, ../scss/Layer.scss */ | 226 | /* line 199, ../scss/Layer.scss */ |
220 | .collapsible-content .layout-table { | 227 | .collapsible-content .layout-table { |
221 | width: 99.9%; | 228 | width: 99.9%; |
222 | } | 229 | } |
223 | 230 | ||
224 | /* line 194, ../scss/Layer.scss */ | 231 | /* line 202, ../scss/Layer.scss */ |
225 | .content-layer .collapsible-content { | 232 | .content-layer .collapsible-content { |
226 | padding-left: 30px; | 233 | padding-left: 30px; |
227 | } | 234 | } |
228 | 235 | ||
229 | /* line 197, ../scss/Layer.scss */ | 236 | /* line 205, ../scss/Layer.scss */ |
230 | .collapsible-content .collapsible-content .layout-table .layout-row { | 237 | .collapsible-content .collapsible-content .layout-table .layout-row { |
231 | height: 20px; | 238 | height: 20px; |
232 | overflow: hidden; | 239 | overflow: hidden; |
233 | } | 240 | } |
234 | 241 | ||
235 | /* line 201, ../scss/Layer.scss */ | 242 | /* line 209, ../scss/Layer.scss */ |
236 | .collapsible-content .collapsible-content .layout-table .layout-row .layout-cell { | 243 | .collapsible-content .collapsible-content .layout-table .layout-row .layout-cell { |
237 | width: 40%; | 244 | width: 40%; |
238 | height: 20px; | 245 | height: 20px; |
@@ -242,13 +249,13 @@ | |||
242 | overflow: hidden; | 249 | overflow: hidden; |
243 | } | 250 | } |
244 | 251 | ||
245 | /* line 210, ../scss/Layer.scss */ | 252 | /* line 218, ../scss/Layer.scss */ |
246 | .collapsible-content .collapsible-content .container-row { | 253 | .collapsible-content .collapsible-content .container-row { |
247 | border-bottom: 1px solid #505050; | 254 | border-bottom: 1px solid #505050; |
248 | height: 20px; | 255 | height: 20px; |
249 | } | 256 | } |
250 | 257 | ||
251 | /* line 216, ../scss/Layer.scss */ | 258 | /* line 224, ../scss/Layer.scss */ |
252 | .collapsible-content .collapsible-content .cell-property, | 259 | .collapsible-content .collapsible-content .cell-property, |
253 | .collapsible-content .collapsible-content .cell-value { | 260 | .collapsible-content .collapsible-content .cell-value { |
254 | width: 45%; | 261 | width: 45%; |
@@ -260,24 +267,24 @@ | |||
260 | line-height: 18px; | 267 | line-height: 18px; |