70d38756f96e010ddc31a6b6e5142fa1abac3b02
[potlatch2.git] / styles / Application.css
1 @namespace mx "library://ns.adobe.com/flex/mx";
2 @namespace s "library://ns.adobe.com/flex/spark";
3 @namespace p2 "net.systemeD.potlatch2.*";
4
5
6 /* General Flex UI elements */
7
8 mx|TitleWindow {
9         borderAlpha: 1;
10         borderThicknessLeft: 5;
11         borderThicknessRight: 5;
12         cornerRadius: 0px;
13         borderColor: #6495ED;
14         titleStyleName: "titleHeader";
15 }
16
17 .titleHeader { font-size: 14; font-weight: bold; color: white; }
18
19 .titleWindowButton { 
20         fontFamily: Arial;
21         fontSize: 11;
22         fontWeight: bold;
23         cornerRadius: 12;
24         paddingLeft: 5;
25         paddingRight: 5;
26         highlightAlphas: 0, 0;
27         fillAlphas: 1,1;
28         fillColors: white, white;
29         color: black;
30         borderColor: haloBlue;
31 }
32
33 mx|Button {
34         color: black;
35         textRollOverColor: black;
36 }
37
38 mx|VScrollBar {
39         cornerRadius: 0;
40         highlightAlphas: 0, 0;
41         fillAlphas: 0, 0, 0, 0;
42         fillColors: white, white, white, white;
43         trackColors: #eeeeee, #eeeeee;
44         borderColor: #999999;
45         thumbOffset: 1;
46 }
47
48 mx|CheckBox, mx|List, p2|StyleSelector, p2|BackgroundSelector { color: black; }
49
50 mx|TabNavigator {
51         horizontalGap: 3;
52 }
53
54 mx|TextInput {
55         color: #333333;
56 }
57
58 mx|Label {
59         fontWeight: normal;
60 }
61
62 s|FormItem s|Label#labelDisplay {
63     textAlign: right;
64 }
65
66 s|FormHeading {
67         fontSize: 12;
68 }
69
70 /* Main window */
71
72 mx|Application {
73         padding-left: 4;
74         padding-right: 4;
75         padding-top: 2;
76         padding-bottom: 4;
77         backgroundColor: #6495ED;
78         themeColor: #0000ff;
79         borderStyle: none;
80         fontFamily: Arial;
81         fontLookup: device;
82 }
83
84 mx|HDividedBox {
85         dividerAlpha: 1;
86         dividerColor: #0000ff;
87         backgroundColor: #6495ED;
88         dividerAffordance: 6;
89         horizontalGap: 6;
90 /*   backgroundColor: #ffff99; */
91 }
92
93 mx|ApplicationControlBar {
94         padding-top: 2;
95         padding-bottom: 0;
96         padding-left: 4;
97         padding-right: 4;
98         highlightAlphas: 0, 0;
99         fillAlphas: 1,1;
100         fillColors: haloBlue, #6495ED;
101         /*fillColors: #ffffcc, #ffff99;*/
102         /*backgroundColor: #ffffcc;*/
103         /*dropShadowEnabled: false;*/
104         /*borderSkin: ClassReference("mx.skins.halo.ApplicationBackground");*/
105 }
106
107 .appBarButton {
108         fontFamily: Arial;
109         fontSize: 11;
110         fontWeight: bold;
111         cornerRadius: 12;
112         paddingLeft: 5;
113         paddingRight: 5;
114         highlightAlphas: 0, 0;
115         fillAlphas: 1,1;
116         fillColors: haloBlue, #6495ED;
117         color: white;
118         textRollOverColor: white;
119         disabledColor: #5555bb;
120         borderColor: haloBlue;
121 }
122
123 /* General text classes */
124
125 .failText { color: red; }
126 .warningText { color: #ff4500; }
127 .promptText { fontStyle: italic; }
128
129 .titledEditor {
130         verticalGap: 0;
131         verticalAlign: middle;
132         horizontalGap: 3;
133 }
134
135 /* Drag-and-drop panel */
136
137 .dndPanelTileList {
138         borderColor: #dddddd;
139         backgroundColor: white;
140 }
141
142 .dndEditorContainer {
143         verticalGap: 4;
144         paddingTop: 3;
145         paddingLeft: 3;
146         paddingRight: 3;
147         backgroundColor: white;
148         color: #333333;
149         fontSize: 11;
150         fontWeight: bold;
151 }
152
153 .dndPanelVbox {
154         paddingRight: 3;
155         paddingLeft: 3;
156         paddingTop: 5;
157         verticalGap: 0;
158         backgroundColor: #dddddd;
159         borderColor: #aaaaaa;
160         fontWeight: normal;
161 }
162
163 .catToggleButtonBar {
164         themeColor: #0000ff;
165         buttonStyleName: "mytoggleButtonBarButtonStyle";
166 }
167
168 .mytoggleButtonBarButtonStyle { fillColors: #dddddd, #eeeeee, #eeeeee, #eeeeee; borderColor: white; }
169
170 .catToggleTiles {
171         themeColor: #cccccc;
172 }
173
174 /* Drag-and-drop POI icons */
175
176 .helpInfo {
177         paddingLeft: 0;
178         paddingRight: 0;
179         paddingBottom: 6;
180 }
181 .dndRepeater {
182 }
183 .dndPanelCategory {
184         paddingTop: 1;
185         paddingLeft: 2;
186         paddingRight: 2;
187
188         backgroundColor: #6495ED;
189         color: white;
190 }
191 .dndPanelCategoryLabel {
192         paddingTop: 0;
193         color: white;
194         fontSize: 11;
195         fontWeight: bold;
196 }
197
198 /* Simple tag view - form */
199
200 s|Form {
201         skinClass: ClassReference("net.systemeD.potlatch2.skins.CustomFormSkin");
202 }
203 s|FormItem {
204         skinClass: ClassReference("net.systemeD.potlatch2.skins.CustomFormItemSkin");
205 }
206
207 /* Simple tag view - header */
208
209 .dndTagHeader {
210         paddingBottom: 15;
211 }
212
213 .featureSelector {
214         paddingTop: 0;
215         paddingLeft: 3;
216         paddingRight: 3;
217         paddingBottom: 7;
218 }
219
220 .dndTagPopUpMenu {
221         fillColors: white, white, white, white;
222         borderColor: #aaaaaa;
223         fontSize: 11;
224         fontWeight: bold;
225 }
226
227 .dndIconText {
228         color: black;
229         fontSize: 14;
230         fontWeight: bold;
231 }
232
233 /* Simple tag view - editor container */
234
235 .dndStackTab {
236         backgroundColor: white;
237         themeColor: #bbbbbb;
238         cornerRadius: 0;
239         color: #333333;
240         borderColor: #999999;
241         tabStyleName: "myTabs";
242         firstTabStyleName: "myTabs";
243         lastTabStyleName: "myTabs";
244         selectedTabTextStyleName: "mySelectedTabs";
245 }
246
247 .myTabs { font-size: 11; font-weight: normal; cornerRadius: 0; fillColors: white, white; borderColor: #999999; themeColor: #999999; }
248 .mySelectedTabs { fillColors: white, white; }
249
250 .dndStackAccordion {
251         themeColor: #bbbbbb;
252         cornerRadius: 0;
253         borderColor: #999999;
254         headerStyleName: "accordionHeader";
255 }
256
257 .accordionHeader { fillColors: #888888, #999999; fillAlphas: 1,1; color: white; fontWeight: bold; fontSize: 11; }
258
259 /* Simple tag view - panels for subcategories */
260
261 .subcategoryPanel {
262         borderThicknessLeft: 1;
263         borderThicknessTop: 1;
264         borderThicknessBottom: 1;
265         borderThicknessRight: 1;
266         borderColor: gray;
267         borderAlpha: 1;
268         dropShadowEnabled: false;
269
270         backgroundColor: gray;
271         backgroundAlpha: 0.2;
272
273         headerHeight: 20;
274         headerColors: #d9d9d9, #ffffff;
275
276         paddingTop: 4;
277         paddingLeft: 4;
278         paddingRight: 4;
279         paddingBottom: 4;
280         verticalGap: 4;
281
282         openIcon: Embed(source="../embedded/CollapsiblePanelAssets.swf", symbol="CollapseButtonDown");
283         closedIcon: Embed(source="../embedded/CollapsiblePanelAssets.swf", symbol="CollapseButtonOver");
284 }
285
286 /* Tag tooltips */
287
288 .errorTip {
289     borderColor: #2929CE;
290 }
291
292 /* Toolbox */
293
294 .theToolBox {
295         headerColors: haloBlue, #6495ED;
296         headerAlphas: 1,1;
297         headerHeight: 6;
298         borderThicknessRight: 0; borderThicknessLeft: 0; borderThicknessBottom: 0;
299         paddingLeft: 4; paddingTop: 4;
300 }
301
302 .mypanelTitle { textAlign: center; color: #333333; fontSize: 10; fontWeight: bold; }
303
304 /* Help */
305
306 .helpHeaderText {
307         fontWeight: bold;
308         fontSize: 12pt;
309         textAlign: right;
310 }
311
312 .helpPageHeader {
313         fontWeight: bold;
314         fontSize: 13pt;
315 }
316
317 .helpTN {
318         cornerRadius: 0px;
319         tabOffset: 10px;
320 }
321
322
323 /* Don't appear to be used */
324
325 .header {
326         fillColors: haloSilver, x222222;
327         fillAlphas: 0, 0;
328         selectedFillColors: haloBlue, black;
329         color: white;
330 }