EarlyBlue/global/skin/global.css

   1 /** this should only contain XUL dialog and document window widget defaults. Defaults for widgets of
   2     a particular application should be in that application's style sheet.
   3         For example style definitions for navigator can be found in navigator.css
   4
   5    THIS FILE IS LOCKED DOWN.  YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR
   6    CHANGES REVIEWED BY hyatt@netscape.com.
   7 **/
   8
   9 /* import the widget style sheets */
  10
  11 /* all localizable skin settings shall live here */
  12 @import url(chrome://global/locale/intl.css);
  13
  14 @import url(chrome://global/skin/box.css);
  15 @import url(chrome://global/skin/button.css);
  16 @import url(chrome://global/skin/checkbox.css);
  17 @import url(chrome://global/skin/radio.css);
  18 @import url(chrome://global/skin/tree.css);
  19 @import url(chrome://global/skin/splitter.css);
  20 @import url(chrome://global/skin/radio.css);
  21 @import url(chrome://global/skin/menubutton.css);
  22 @import url(chrome://global/skin/menulist.css);
  23 @import url(chrome://global/skin/menu.css);
  24 @import url(chrome://global/skin/formatting.css);
  25 @import url(chrome://global/skin/textfield.css);
  26 @import url(chrome://global/skin/tabcontrol.css);
  27
  28 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29 @namespace html url("http://www.w3.org/1999/xhtml");
  30
  31 /**
  32  * XXX-DEBUG: HTML namespace/titledbutton striping.
  33  **/
  34   html|*
  35     {
  36       border              : 1px solid green !important;
  37     }
  38
  39   html|form
  40     {
  41       border              : none !important;
  42     }
  43
  44   titledbutton
  45     {
  46       border              : 1px solid purple !important;
  47     }
  48
  49 /**
  50  * XUL <window> element
  51  **/
  52   window
  53     {
  54       background-color    : #CCD0DD;
  55       font                : 3mm tahoma,arial,helvetica,sans-serif;
  56       padding             : 0px;
  57     }
  58
  59   window[wait-cursor]
  60     {
  61       cursor              : wait !important;
  62     }
  63
  64   window.dialog
  65     {
  66       background-color    : #CCD0DD;
  67       padding             : 7px 5px 5px 5px;
  68     }
  69
  70 /**
  71  * XUL <box> debugging
  72  **/
  73   :-moz-horizontal-box-debug
  74     {
  75       border              : 2px solid blue;
  76       border-top-width    : 10px;
  77       padding             : 2px;
  78       margin              : 2px;
  79       color               : white;
  80     }
  81
  82   :-moz-vertical-box-debug
  83     {
  84       border              : 2px solid red;
  85       border-left-width   : 10px;
  86       padding             : 2px;
  87       margin              : 2px;
  88       color               : white;
  89     }
  90
  91 /**
  92  * Utility icons (used for alert dialogs, etc)
  93  **/
  94   .message-icon
  95     {
  96       list-style-image    : url("chrome://global/skin/message-icon.gif");
  97     }
  98
  99   .alert-icon
 100     {
 101       list-style-image    : url("chrome://global/skin/alert-icon.gif");
 102     }
 103
 104   .error-icon
 105     {
 106       list-style-image    : url("chrome://global/skin/error-icon.gif");
 107     }
 108
 109   .question-icon
 110     {
 111       list-style-image    : url("chrome://global/skin/question-icon.gif");
 112     }
 113
 114   statusbarpanel
 115     {
 116       padding             : 0px 1px 0px 1px;
 117       vertical-align      : middle;
 118     }
 119
 120   .statusbar-panel-icon
 121     {
 122       margin              : 0px 2px 0px 0px;
 123     }
 124
 125 /**
 126  * status-bar
 127  */
 128   #status-bar
 129     {
 130       border-top          : 1px solid #9999CC;
 131       background-color    : #CCD0DD;
 132       user-focus          : ignore;
 133       overflow            : hidden
 134     }
 135
 136   .statusbar-left
 137     {
 138       width               : 8px;
 139       list-style-image    : url("chrome://global/skin/gray-bottomleft.gif");
 140       background-position : bottom left;
 141     }
 142
 143   .statusbar-right
 144     {
 145       width               : 8px;
 146       list-style-image    : url("chrome://global/skin/gray-bottomright.gif");
 147       background-position : bottom right;
 148     }
 149
 150 /**
 151  * html|iframe default sizing
 152  **/
 153   html|iframe
 154     {
 155       min-width           : 10px;
 156       min-height          : 10px;
 157       width               : 100px;
 158       height              : 100px;
 159       border              : none;
 160     }
 161
 162 /**
 163  * XUL <progressmeter>
 164  **/
 165   progressmeter[mode="undetermined"] > .progressmeter-internal-box
 166     {
 167       background-image    : url(chrome://global/skin/progressmeter-busy.gif);
 168     }
 169
 170   progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar {
 171       visibility: collapse;
 172   }
 173
 174   .progress-text
 175     {
 176       font-weight         : normal !important;
 177     }
 178
 179   progressmeter
 180     {
 181       min-width           : 100px;
 182       margin              : 0px 4px 0px 4px;
 183       border              : 1px inset #CCD0DD;
 184     }
 185
 186   progressmeter > .progressmeter-internal-box
 187     {
 188       border              : 1px solid #000000;
 189     }
 190
 191 /* progress indicators */
 192   .progress-bar
 193     {
 194             background-color    : #6699cc;
 195       border-right        : 1px outset #6699cc;
 196     }
 197
 198   .progress-remainder
 199     {
 200             background-color    : #999999;
 201     }
 202
 203   .progressmeter-statusbar
 204     {
 205       border              : 1px solid #9999CC;
 206       margin              : 1px 4px 1px 4px;
 207     }
 208
 209   .progressmeter-statusbar > .progressmeter-internal-box
 210     {
 211       border              : none;
 212       padding             : 1px;
 213     }
 214
 215   .progressmeter-progressbar[statusbar="true"] > .progress-bar
 216     {
 217       background-color    : #9999CC;
 218       border-right        : none;
 219     }
 220
 221   .progressmeter-progressbar[statusbar="true"] > .progress-remainder
 222     {
 223       background-color    : #CCD0DD;
 224     }
 225
 226 /** XUL <scrollbar> element **/
 227   scrollbar
 228     {
 229       user-focus          : ignore;
 230     }
 231
 232
 233 /* XUL <colorpicker> pieces */
 234 .colorpickertile
 235   {
 236     width                 : 20px;
 237     height                : 20px;
 238     margin                : 1px;
 239     border                : 1px inset #CCD0DD;
 240   }
 241
 242 .colorpickertile:hover
 243   {
 244     border                : 1px solid #FFFFFF;
 245   }
 246
 247 .colorpickertile[selected="true"]
 248   {
 249     border                : 1px solid #000000;
 250   }
 251