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