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