EarlyBlue/global/skin/global.css

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