EarlyBlue/skin/EarlyBlue/global/formatting.css

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