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 }