diff options
Diffstat (limited to 'js/panels/Timeline/Layer.reel/scss/Layer.scss')
-rw-r--r-- | js/panels/Timeline/Layer.reel/scss/Layer.scss | 194 |
1 files changed, 97 insertions, 97 deletions
diff --git a/js/panels/Timeline/Layer.reel/scss/Layer.scss b/js/panels/Timeline/Layer.reel/scss/Layer.scss index cf8def42..186232a2 100644 --- a/js/panels/Timeline/Layer.reel/scss/Layer.scss +++ b/js/panels/Timeline/Layer.reel/scss/Layer.scss | |||
@@ -33,7 +33,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
33 | /* Layer.scss | 33 | /* Layer.scss |
34 | * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css. | 34 | * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css. |
35 | */ | 35 | */ |
36 | 36 | ||
37 | // Import theme settings | 37 | // Import theme settings |
38 | @import "../../../../../scss/imports/themes/default/colors"; | 38 | @import "../../../../../scss/imports/themes/default/colors"; |
39 | // @import "../../../../../scss/imports/themes/default/fonts"; | 39 | // @import "../../../../../scss/imports/themes/default/fonts"; |
@@ -54,8 +54,8 @@ POSSIBILITY OF SUCH DAMAGE. | |||
54 | -webkit-box-orient: horizontal; | 54 | -webkit-box-orient: horizontal; |
55 | } | 55 | } |
56 | .layerLabel.layerSelected { | 56 | .layerLabel.layerSelected { |
57 | background-color: $color-panel-hilite-bg; | 57 | background-color: $color-panel-hilite-bg; |
58 | color: $color-panel-hilite-text; | 58 | color: $color-panel-hilite-text; |
59 | } | 59 | } |
60 | .layerLabel{ | 60 | .layerLabel{ |
61 | width:100%; | 61 | width:100%; |
@@ -100,208 +100,208 @@ POSSIBILITY OF SUCH DAMAGE. | |||
100 | 100 | ||
101 | .container-layer, | 101 | .container-layer, |
102 | .container-layer.selected { | 102 | .container-layer.selected { |
103 | background-color: $color-panel-bg; | 103 | background-color: $color-panel-bg; |
104 | color: $color-panel-text; | 104 | color: $color-panel-text; |
105 | font-size: 12px; | 105 | font-size: 12px; |
106 | text-shadow: 1px 1px 1px $color-app-shadow; | 106 | text-shadow: 1px 1px 1px $color-app-shadow; |
107 | } | 107 | } |
108 | .selected .container-layer { | 108 | .selected .container-layer { |
109 | background-color: $color-panel-bg; | 109 | background-color: $color-panel-bg; |
110 | } | 110 | } |
111 | .selected .container-layer .label-layer { | 111 | .selected .container-layer .label-layer { |
112 | background-color: $color-panel-hilite-bg; | 112 | background-color: $color-panel-hilite-bg; |
113 | color: $color-panel-hilite-text; | 113 | color: $color-panel-hilite-text; |
114 | } | 114 | } |
115 | 115 | ||
116 | .userlayers .collapsible-label { | 116 | .userlayers .collapsible-label { |
117 | display: block; | 117 | display: block; |
118 | height: 21px; | 118 | height: 21px; |
119 | line-height: 20px; | 119 | line-height: 20px; |
120 | color: $color-panel-text; | 120 | color: $color-panel-text; |
121 | margin-left: 80px; | 121 | margin-left: 80px; |
122 | margin-right: 40px; | 122 | margin-right: 40px; |
123 | white-space: nowrap; | 123 | white-space: nowrap; |
124 | overflow: hidden; | 124 | overflow: hidden; |
125 | text-overflow: ellipsis; | 125 | text-overflow: ellipsis; |
126 | } | 126 | } |
127 | 127 | ||
128 | .userlayers .layer-tag { | 128 | .userlayers .layer-tag { |
129 | position: absolute; | 129 | position: absolute; |
130 | top: 3px; | 130 | top: 3px; |
131 | left: 20px; | 131 | left: 20px; |
132 | } | 132 | } |
133 | 133 | ||
134 | 134 | ||
135 | .layerSelected .label-layer { | 135 | .layerSelected .label-layer { |
136 | background-color: $color-menu-hilite-bg; | 136 | background-color: $color-menu-hilite-bg; |
137 | color: $color-panel-hilite-text; | 137 | color: $color-panel-hilite-text; |
138 | } | 138 | } |
139 | .content-layer { | 139 | .content-layer { |
140 | background-color: $color-panel-bg; | 140 | background-color: $color-panel-bg; |
141 | color: $color-panel-text; | 141 | color: $color-panel-text; |
142 | } | 142 | } |
143 | .content-layer .collapsible-label { | 143 | .content-layer .collapsible-label { |
144 | background-position: 14px 5px; | 144 | background-position: 14px 5px; |
145 | border-width: 0px; | 145 | border-width: 0px; |
146 | } | 146 | } |
147 | .label-layer, | 147 | .label-layer, |
148 | .label-position, | 148 | .label-position, |
149 | .label-transform, | 149 | .label-transform, |
150 | .label-style, | 150 | .label-style, |
151 | .label-styles { | 151 | .label-styles { |
152 | position: relative; | 152 | position: relative; |
153 | border-bottom: 1px solid #505050; | 153 | border-bottom: 1px solid #505050; |
154 | cursor: pointer; | 154 | cursor: pointer; |
155 | } | 155 | } |
156 | 156 | ||
157 | .content-layer .collapsible-label, | 157 | .content-layer .collapsible-label, |
158 | .content-layer .collapsible-content, | 158 | .content-layer .collapsible-content, |
159 | .content-layer .layer-tag { | 159 | .content-layer .layer-tag { |
160 | font-size: 11px; | 160 | font-size: 11px; |
161 | } | 161 | } |
162 | 162 | ||
163 | 163 | ||
164 | 164 | ||
165 | .label-layer .collapsible-label br, | 165 | .label-layer .collapsible-label br, |
166 | .content-style .editable br { | 166 | .content-style .editable br { |
167 | display: none; | 167 | display: none; |
168 | } | 168 | } |
169 | 169 | ||
170 | .collapsible-clicker { | 170 | .collapsible-clicker { |
171 | position: absolute; | 171 | position: absolute; |
172 | width: 10px; | 172 | width: 10px; |
173 | height: 10px; | 173 | height: 10px; |
174 | top: 5px; | 174 | top: 5px; |
175 | left: 5px; | 175 | left: 5px; |
176 | margin: 0px; | 176 | margin: 0px; |
177 | padding: 0px; | 177 | padding: 0px; |
178 | background-image: url(../images/icon-open.png); | 178 | background-image: url(../images/icon-open.png); |
179 | background-repeat: no-repeat; | 179 | background-repeat: no-repeat; |
180 | } | 180 | } |
181 | .collapsible-clicker.collapsible-collapsed { | 181 | .collapsible-clicker.collapsible-collapsed { |
182 | background-image: url(../images/icon-collapsed.png); | 182 | background-image: url(../images/icon-collapsed.png); |
183 | } | 183 | } |
184 | .collapsible-content .collapsible-clicker { | 184 | .collapsible-content .collapsible-clicker { |
185 | left: 12px; | 185 | left: 12px; |
186 | } | 186 | } |
187 | .container-layer .collapsible-content.collapsible-collapsed { | 187 | .container-layer .collapsible-content.collapsible-collapsed { |
188 | height: 0px; | 188 | height: 0px; |
189 | overflow: hidden; | 189 | overflow: hidden; |
190 | } | 190 | } |
191 | 191 | ||
192 | .label-layer .cssbutton, | 192 | .label-layer .cssbutton, |
193 | .label-style .cssbutton { | 193 | .label-style .cssbutton { |
194 | width: 14px; | 194 | width: 14px; |
195 | height: 14px; | 195 | height: 14px; |
196 | overflow: hidden; | 196 | overflow: hidden; |
197 | position: absolute; | 197 | position: absolute; |
198 | background-repeat: no-repeat; | 198 | background-repeat: no-repeat; |
199 | } | 199 | } |
200 | .label-layer .button-lock { | 200 | .label-layer .button-lock { |
201 | background-image: url(../images/icon-lock.png); | 201 | background-image: url(../images/icon-lock.png); |
202 | top: 3px; | 202 | top: 3px; |
203 | right: 27px; | 203 | right: 27px; |
204 | } | 204 | } |
205 | .label-layer .button-visible { | 205 | .label-layer .button-visible { |
206 | background-image: url(../images/icon-eye.png); | 206 | background-image: url(../images/icon-eye.png); |
207 | top: 3px; | 207 | top: 3px; |
208 | right: 7px; | 208 | right: 7px; |
209 | } | 209 | } |
210 | .label-style .button-add { | 210 | .label-style .button-add { |
211 | background-image: url(../images/icon-plus.png); | 211 | background-image: url(../images/icon-plus.png); |
212 | width: 15px; | 212 | width: 15px; |
213 | height: 15px; | 213 | height: 15px; |
214 | top: 3px; | 214 | top: 3px; |
215 | right: 11px; | 215 | right: 11px; |
216 | } | 216 | } |
217 | .label-style .button-delete { | 217 | .label-style .button-delete { |
218 | background-image: url(../images/icon-minus.png); | 218 | background-image: url(../images/icon-minus.png); |
219 | width: 15px; | 219 | width: 15px; |
220 | height: 15px; | 220 | height: 15px; |
221 | top: 3px; | 221 | top: 3px; |
222 | right: 31px; | 222 | right: 31px; |
223 | } | 223 | } |
224 | .timeline-track .collapsible-content { | 224 | .timeline-track .collapsible-content { |
225 | position: relative; | 225 | position: relative; |
226 | } | 226 | } |
227 | .collapsible-content .layout-table { | 227 | .collapsible-content .layout-table { |
228 | width: 99.9%; | 228 | width: 99.9%; |
229 | } | 229 | <