aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Layer.reel/css
diff options
context:
space:
mode:
authorJon Reid2012-04-10 14:49:20 -0700
committerJon Reid2012-04-10 14:49:20 -0700
commit4c492e2f9d01a699aba8ccdd1a2b04238749ea3c (patch)
tree070749003be8889daca52350e2b64625a2757d1d /js/panels/Timeline/Layer.reel/css
parentd343c7b3f482c17176cca3ddb6e7f8753169ad48 (diff)
downloadninja-4c492e2f9d01a699aba8ccdd1a2b04238749ea3c.tar.gz
Timeline: New Features: Tag name now present in each layer. Configuration
dropdown in Master Layer; Show Only Animated Layers toggle.
Diffstat (limited to 'js/panels/Timeline/Layer.reel/css')
-rw-r--r--js/panels/Timeline/Layer.reel/css/Layer.css73
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 {