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