EarlyBlue/skin/EarlyBlue/global/formatting.css

   1 /* colors */
   2
   3 .color-dialog
   4   {
   5     background-color      : #CCD0DD;
   6     color                 : #000000;
   7   }
   8
   9 .color-window
  10   {
  11     background-color      : #FFFFFF;
  12     color                 : #000000;
  13   }
  14
  15 /* inset areas */
  16 .inset
  17   {
  18     border                : 1px inset #CCD0DD;
  19     margin                : 0px 5px 5px 5px;
  20   }
  21
  22 /* formatting */
  23 .groove-top
  24   {
  25     border-top            : 2px groove #CCD0DD;
  26   }
  27
  28 .groove-right
  29   {
  30     border-right          : 2px groove #CCD0DD;
  31   }
  32
  33 .groove-left
  34   {
  35     border-left           : 2px groove #CCD0DD;
  36   }
  37
  38 .groove-bottom
  39   {
  40     border-bottom         : 2px groove #CCD0DD;
  41   }
  42
  43 .outset
  44   {
  45     border                : 1px outset #CCD0DD;
  46   }
  47
  48 /*
  49 .outset-top-bottom
  50   {
  51     border-top            : 1px solid ThreeDHighlight;
  52     border-bottom         : 1px solid ThreeDShadow;
  53   }
  54 */
  55
  56 /** separator rules **/
  57 /* standard separators */
  58   separator, separator[orient="horizontal"]
  59     {
  60       height: 1.5em;
  61     }
  62
  63   separator[orient="vertical"]
  64     {
  65       width: 1.5em;
  66     }
  67
  68 /* thinner separators (50% size) */
  69   separator.thin, separator.thin[orient="horizontal"]
  70     {
  71       height: 0.5em;
  72     }
  73
  74   separator.thin[orient="vertical"]
  75     {
  76       width: 0.5em;
  77     }
  78
  79 /* groove separators (50% size) */
  80   separator.groove,
  81   separator.groove[orient="horizontal"]
  82     {
  83       border-top: 2px groove #CCD0DD;
  84       height: 0px;
  85       margin-top: 0.4em;
  86       margin-bottom: 0.4em;
  87     }
  88
  89   separator.groove[orient="vertical"]
  90     {
  91       border-left: 2px groove #CCD0DD;
  92       margin-left: 0.4em;
  93       margin-right: 0.4em;
  94     }
  95
  96 /* groove separators (0 padding, for dividing effects) */
  97   separator.groove-thin
  98     {
  99       border-top: 2px groove #CCD0DD;
 100       height: 0px;
 101     }
 102
 103   separator[orient="vertical"].groove-thin
 104     {
 105       border-left: 2px groove #CCCCCC;
 106     }
 107
 108 /** text formatting rules **/
 109 /* label (with margins) */
 110   text.label
 111     {
 112       margin              : 1px 5px 2px 6px;
 113     }
 114
 115 /** Reduced Margin for some UI **/
 116   .small-margin
 117     {
 118       margin              : 1px 2px 1px 2px;
 119     }
 120
 121   text[disabled="true"]
 122     {
 123       color                 : #9999CC;
 124     }
 125
 126   html, description
 127     {
 128       margin              : 1px 5px 4px 5px;
 129       cursor              : default;
 130     }
 131
 132   label
 133     {
 134       margin              : 1px 5px 2px 6px;
 135       cursor              : default;
 136     }
 137
 138   .header
 139     {
 140       font-weight         : bold;
 141     }
 142
 143   .larger-text
 144     {
 145       font-size           : larger;
 146     }
 147
 148   .smaller-text
 149     {
 150       font-size           : smaller;
 151     }
 152
 153   .monospace
 154     {
 155       font-family         : monospace;
 156     }
 157
 158   .indent
 159     {
 160       margin-left         : 23px;
 161     }
 162
 163   .icon-dropmarker
 164     {
 165       list-style-image    : url("chrome://global/skin/dropmarker-down-on.gif");
 166     }
 167
 168   .box-padded
 169     {
 170       padding             : 5px;
 171     }
 172
 173   .spaced
 174     {
 175       margin              : 3px 5px 4px 5px;
 176     }
 177
 178   .wizard-box
 179     {
 180       padding             : 20px 44px 10px 44px;
 181     }
 182
 183 /* Double Border Boxes */
 184
 185   /* top only */
 186 /*
 187   .double-box-top
 188     {
 189       -moz-binding        : url("chrome://global/skin/classicBindings.xml#double-box");
 190       border-top          : 1px solid ThreeDShadow;
 191       background-color    : #FFFFFF;
 192       margin              : 0px;
 193     }
 194
 195   .double-box-top > .db-internal-box
 196     {
 197       border-top          : 1px solid ThreeDDarkShadow;
 198     }
 199 */
 200   /* all round */
 201 /*
 202   .double-box
 203     {
 204       -moz-binding          : url("chrome://global/skin/classicBindings.xml#double-box");
 205       border-left           : 1px solid ThreeDShadow;
 206       border-top            : 1px solid ThreeDShadow;
 207       border-bottom         : 1px solid ThreeDHighlight;
 208       border-right          : 1px solid ThreeDHighlight;
 209       background-color      : #FFFFFF;
 210       margin                : 0px;
 211     }
 212
 213   .double-box > .db-internal-box
 214     {
 215       border                : 1px solid ThreeDDarkShadow;
 216     }
 217 */