diff options
author | Eric Guzman | 2012-02-13 15:48:37 -0800 |
---|---|---|
committer | Eric Guzman | 2012-02-13 15:48:37 -0800 |
commit | b2672478decd3ee3bfacf86b525551c997f9604d (patch) | |
tree | 79a88684406d3adf00350246a4da884b97fb0eac /js/panels/Timeline/Layer.reel/css | |
parent | a738121a921e4c721b280434952b415b9ab3b1a8 (diff) | |
parent | 0620e2f788861e824d6e49fa319da4d20b18a556 (diff) | |
download | ninja-b2672478decd3ee3bfacf86b525551c997f9604d.tar.gz |
Merge branch 'refs/heads/master' into StylesControllerUpdates
Conflicts:
js/controllers/styles-controller.js
Diffstat (limited to 'js/panels/Timeline/Layer.reel/css')
-rw-r--r-- | js/panels/Timeline/Layer.reel/css/Layer.css | 322 |
1 files changed, 322 insertions, 0 deletions
diff --git a/js/panels/Timeline/Layer.reel/css/Layer.css b/js/panels/Timeline/Layer.reel/css/Layer.css new file mode 100644 index 00000000..39869c92 --- /dev/null +++ b/js/panels/Timeline/Layer.reel/css/Layer.css | |||
@@ -0,0 +1,322 @@ | |||
1 | @charset "UTF-8"; | ||
2 | /* Layer.scss | ||
3 | * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css. | ||
4 | */ | ||
5 | /* <copyright> | ||
6 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
7 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
8 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
9 | </copyright> */ | ||
10 | /* | ||
11 | * _colors.scss | ||
12 | * Defines the colors for the UI of the application. | ||
13 | * To create a new theme, copy this file and change the values as desired. | ||
14 | * Note: Some colors are defined as both rgb and rgba; some of the rgba versions have multiple a values. | ||
15 | */ | ||
16 | /* Colors for radio buttons and other form elements */ | ||
17 | /* Base colors for dividers | ||
18 | * | ||
19 | * Dividers consist of a div with a background color and either | ||
20 | * a top & bottom border (in the case of horizontal dividers) | ||
21 | * or a left & right border (in the case of vertical dividers), | ||
22 | * for a total of three different colors. | ||
23 | * | ||
24 | */ | ||
25 | /* top and left */ | ||
26 | /* Middle */ | ||
27 | /* Bottom and right */ | ||
28 | /* Main background color of entire app */ | ||
29 | /* Main app background color. */ | ||
30 | /* rgba version */ | ||
31 | /* Main app border color */ | ||
32 | /* color of drop shadows */ | ||
33 | /* Stage color */ | ||
34 | /* body border color */ | ||
35 | /* Body background color */ | ||
36 | /* Colors for main dropdown menus: background & text for both regular and highlighted states, dividers */ | ||
37 | /* Colors for tools: background, text, how they interact with the UI */ | ||
38 | /* Colors for panels: background & text, both regular and highlighted states, dividers, borders, shadows, etc. */ | ||
39 | /* used for editable items in their non-edit state, etc. */ | ||
40 | /* Border for panel and for block elements */ | ||
41 | /* Shadow for text and block elements */ | ||
42 | /* Colors for scroll bars */ | ||
43 | /* <copyright> | ||
44 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
45 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
46 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
47 | </copyright> */ | ||
48 | /* | ||
49 | * themes/themename/mixins.scss | ||
50 | * Mixins that are theme-dependent (e.g. sprite mixins, etc) | ||
51 | */ | ||
52 | /* <copyright> | ||
53 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
54 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
55 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
56 | </copyright> */ | ||
57 | /* | ||
58 | * mixins.scss | ||
59 | * Generic mixins. Theme-specific mixins (e.g. for sprites) | ||
60 | * should go in the theme/themename/mixins.scss file. | ||
61 | */ | ||
62 | /* line 16, ../scss/Layer.scss */ | ||
63 | .layerLabel { | ||
64 | width: 100%; | ||
65 | color: white; | ||
66 | height: 21px; | ||
67 | font-family: 'Droid Sans'; | ||
68 | font-size: 12px; | ||
69 | text-shadow: 1px 1px 1px #3a3a3a; | ||
70 | display: -webkit-box; | ||
71 | -webkit-box-orient: horizontal; | ||
72 | } | ||
73 | |||
74 | /* line 26, ../scss/Layer.scss */ | ||
75 | .layerLabel.layerSelected { | ||
76 | background-color: #b2b2b2; | ||
77 | color: #242424; | ||
78 | } | ||
79 | |||
80 | /* line 30, ../scss/Layer.scss */ | ||
81 | .layerLabel { | ||
82 | width: 100%; | ||
83 | height: 18px; | ||
84 | padding-left: 25px; | ||
85 | padding-top: 2px; | ||
86 | -webkit-box-flex: 1; | ||
87 | } | ||
88 | |||
89 | /* line 37, ../scss/Layer.scss */ | ||
90 | .layerDisclosure { | ||
91 | background-image: url("../images/panelDisclosureIcon.png"); | ||
92 | background-repeat: no-repeat; | ||
93 | width: 16px; | ||
94 | height: 16px; | ||
95 | /*float: left;*/ | ||
96 | -webkit-transition-property: rotate; | ||
97 | -webkit-transition-duration: 0.2s; | ||
98 | -webkit-transition-timing-function: linear; | ||
99 | padding-right: 2px; | ||
100 | -webkit-box-flex: 0; | ||
101 | } | ||
102 | |||
103 | /* line 50, ../scss/Layer.scss */ | ||
104 | .layerHide { | ||
105 | background-image: url("../images/eye.png"); | ||
106 | background-repeat: no-repeat; | ||
107 | /*float: right;*/ | ||
108 | width: 16px; | ||
109 | height: 16px; | ||
110 | padding-right: 4px; | ||
111 | -webkit-box-flex: 0; | ||
112 | } | ||
113 | |||
114 | /* line 59, ../scss/Layer.scss */ | ||
115 | .layerLock { | ||
116 | background-image: url("../images/lock_open.png"); | ||
117 | background-repeat: no-repeat; | ||
118 | /*float: right;*/ | ||
119 | width: 16px; | ||
120 | height: 16px; | ||
121 | padding-right: 4px; | ||
122 | -webkit-box-flex: 0; | ||
123 | } | ||
124 | |||
125 | /******************************************/ | ||
126 | /* line 71, ../scss/Layer.scss */ | ||
127 | .container-layer { | ||
128 | background-color: #474747; | ||
129 | color: white; | ||
130 | font-size: 12px; | ||
131 | text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); | ||
132 | } | ||
133 | |||
134 | /* line 77, ../scss/Layer.scss */ | ||
135 | .selected .container-layer { | ||
136 | background-color: #474747; | ||
137 | } | ||
138 | |||
139 | /* line 80, ../scss/Layer.scss */ | ||
140 | .selected .container-layer .label-layer { | ||
141 | background-color: #b2b2b2; | ||
142 | color: #242424; | ||
143 | } | ||
144 | |||
145 | /* line 85, ../scss/Layer.scss */ | ||
146 | .userlayers .collapsible-label { | ||
147 | display: block; | ||
148 | width: 100px; | ||
149 | height: 21px; | ||
150 | line-height: 20px; | ||
151 | color: white; | ||
152 | margin-left: 30px; | ||
153 | margin-right: 20px; | ||
154 | white-space: nowrap; | ||
155 | overflow: hidden; | ||
156 | text-overflow: ellipsis; | ||
157 | } | ||
158 | |||
159 | /* line 97, ../scss/Layer.scss */ | ||
160 | .layerSelected .label-layer { | ||
161 | background-color: #b2b2b2; | ||
162 | color: #242424; | ||
163 | } | ||
164 | |||
165 | /* line 101, ../scss/Layer.scss */ | ||
166 | .content-layer { | ||
167 | background-color: #474747; | ||
168 | color: white; | ||
169 | } | ||
170 | |||
171 | /* line 105, ../scss/Layer.scss */ | ||
172 | .content-layer .collapsible-label { | ||
173 | background-position: 14px 5px; | ||
174 | border-width: 0px; | ||
175 | } | ||
176 | |||
177 | /* line 112, ../scss/Layer.scss */ | ||
178 | .label-layer, | ||
179 | .label-position, | ||
180 | .label-transform, | ||
181 | .label-style { | ||
182 | position: relative; | ||
183 | border-bottom: 1px solid #505050; | ||
184 | cursor: pointer; | ||
185 | } | ||
186 | |||
187 | /* line 119, ../scss/Layer.scss */ | ||
188 | .content-layer .collapsible-label, | ||
189 | .content-layer .collapsible-content { | ||
190 | font-size: 11px; | ||
191 | } | ||
192 | |||
193 | /* line 123, ../scss/Layer.scss */ | ||
194 | .collapsible-clicker { | ||
195 | position: absolute; | ||
196 | width: 10px; | ||
197 | height: 10px; | ||
198 | top: 5px; | ||
199 | left: 5px; | ||
200 | margin: 0px; | ||
201 | padding: 0px; | ||
202 | background-image: url(../images/icon-open.png); | ||
203 | background-repeat: no-repeat; | ||
204 | } | ||
205 | |||
206 | /* line 134, ../scss/Layer.scss */ | ||
207 | .collapsible-clicker.collapsible-collapsed { | ||
208 | background-image: url(../images/icon-collapsed.png); | ||
209 | } | ||
210 | |||
211 | /* line 137, ../scss/Layer.scss */ | ||
212 | .collapsible-content .collapsible-clicker { | ||
213 | left: 12px; | ||
214 | } | ||
215 | |||
216 | /* line 140, ../scss/Layer.scss */ | ||
217 | .content-layer.collapsible-collapsed { | ||
218 | height: 0px; | ||
219 | overflow: hidden; | ||
220 | } | ||
221 | |||
222 | /* line 146, ../scss/Layer.scss */ | ||
223 | .label-layer .cssbutton, | ||
224 | .label-style .cssbutton { | ||
225 | width: 14px; | ||
226 | height: 14px; | ||
227 | overflow: hidden; | ||
< |