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