skin/navigator.css

   1 /** Contains style definitions for the navigator application
   2  **/
   3
   4 @import url(chrome://communicator/skin/);
   5 @import url(chrome://navigator/skin/personalToolbar.css);
   6 @import url(chrome://communicator/skin/sidebar/sidebar.css);
   7
   8 #sidebar-parent
   9   {
  10           margin-right          : 2px;
  11   }
  12
  13 /*
  14  * Rules for 'hiding' portions of the chrome for special
  15  * kinds of browser windows.
  16  */
  17 window[chromehidden~="menubar"] .chromeclass-menubar {
  18         display: none;
  19 }
  20
  21 window[chromehidden~="toolbar"] .chromeclass-toolbar {
  22         display: none;
  23 }
  24
  25 window[chromehidden~="location"] .chromeclass-location {
  26         display: none;
  27 }
  28
  29 window[chromehidden~="directories"] .chromeclass-directories {
  30         display: none;
  31 }
  32
  33 window[chromehidden~="status"] .chromeclass-status {
  34         display: none;
  35 }
  36
  37 window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
  38         display: none;
  39 }
  40
  41 /*
  42  * Images for the main buttons
  43  */
  44 .menubutton-dual-button > .button-internal-box > .button-text-container,
  45 .menubutton-dual-ex-button > .button-internal-box > .button-text-container
  46   {
  47     display             : none;
  48   }
  49
  50 .menubutton-dual-button,
  51 .menubutton-dual-ex-button
  52   {
  53     min-width           : 32px;
  54     min-height          : 32px;
  55   }
  56
  57 #back-button
  58   {
  59           list-style-image      : url("chrome://navigator/skin/back.gif");
  60   }
  61
  62 #back-button:hover,
  63 #back-button:hover:active,
  64 #back-button[buttonover="true"],
  65 #back-button[open="true"]
  66   {
  67           list-style-image      : url("chrome://navigator/skin/back-hover.gif");
  68   }
  69
  70 #back-button[disabled="true"],
  71 #back-button[disabled="true"]:hover,
  72 #back-button[disabled="true"]:hover:active,
  73 #back-button[disabled="true"][buttonover="true"]
  74   {
  75           list-style-image      : url("chrome://navigator/skin/back_dis.gif");
  76   }
  77
  78 #forward-button
  79   {
  80           list-style-image      : url("chrome://navigator/skin/forward.gif");
  81   }
  82
  83 #forward-button:hover,
  84 #forward-button:hover:active,
  85 #forward-button[buttonover="true"],
  86 #forward-button[open="true"]
  87   {
  88           list-style-image      : url("chrome://navigator/skin/forward-hover.gif");
  89   }
  90
  91 #forward-button[disabled="true"],
  92 #forward-button[disabled="true"]:hover,
  93 #forward-button[disabled="true"]:hover:active,
  94 #forward-button[disabled="true"][buttonover="true"]
  95   {
  96           list-style-image      : url("chrome://navigator/skin/forward_dis.gif");
  97   }
  98
  99 #stop-button
 100   {
 101           list-style-image      : url("chrome://navigator/skin/stop.gif");
 102   }
 103
 104
 105 #stop-button:hover
 106   {
 107           list-style-image      : url("chrome://navigator/skin/stop-hover.gif");
 108   }
 109
 110 #stop-button[disabled="true"]
 111   {
 112           list-style-image      : url("chrome://navigator/skin/stop_dis.gif");
 113   }
 114
 115 #reload-button
 116   {
 117           list-style-image      : url("chrome://navigator/skin/reload.gif");
 118   }
 119
 120 #reload-button:hover
 121   {
 122           list-style-image      : url("chrome://navigator/skin/reload-hover.gif");
 123   }
 124
 125 /*all the urlbar stuff*/
 126 #page-proxy-button
 127   {
 128           list-style-image      : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
 129           cursor                : grab;
 130           margin-right          : 3px;
 131           margin-left           : 2px;
 132   }
 133
 134 #ubhist-keyword-popup
 135   {
 136           width                 : 10px;
 137           list-style-image      : url("chrome://global/skin/scroll-down.gif");
 138   }
 139
 140 #ubhist
 141   {
 142     -moz-border-radius    : 0px 5px 5px 0px;
 143     list-style-image      : url("chrome://global/skin/scroll-down.gif");
 144     padding               : 0px 0px 0px 0px;
 145     margin                : 0px 3px 0px 0px;
 146   }
 147
 148 #ubhist > .menubutton-icon-internal-box
 149   {
 150     -moz-border-radius    : 0px 5px 5px 0px;
 151     border                : 1px solid #9C9CFF;
 152   }
 153
 154 #ubhist:hover > .menubutton-icon-internal-box
 155   {
 156     list-style-image      : url("chrome://global/skin/scroll-down-hover.gif");
 157   }
 158
 159 #ubhist:hover:active > .menubutton-icon-internal-box,
 160 #ubhist[open="true"] > .menubutton-icon-internal-box
 161   {
 162     list-style-image      : url("chrome://global/skin/scroll-down-hover.gif");
 163     border                : 1px solid #FFCF00;
 164   }
 165
 166 #action-popup
 167   {
 168     list-style-image      : url("chrome://global/skin/scroll-down.gif");
 169           margin                : 0px;
 170           -moz-border-radius    : 4px;
 171   }
 172
 173 #content-frame
 174   {
 175     min-width             : 0px;
 176     min-height            : 0px;
 177   }
 178
 179 #statusbar-icon
 180   {
 181     width                 : 100px;
 182   }
 183
 184 #statusbar-display
 185   {
 186     list-style-image      : url("chrome://communicator/skin/document.gif"):
 187   }
 188
 189 #statusbar-display[error="true"]
 190   {
 191     list-style-image      : url("chrome://communicator/skin/document-error.gif");
 192   }
 193
 194 #nav-bar-inner
 195   {
 196     padding-left          : 0px;
 197     padding-top           : 10px;
 198     padding-bottom        : 10px;
 199   }
 200
 201 #search-button
 202   {
 203     margin                : 0px 3px 0px 0px;
 204   }
 205
 206 #go-button
 207   {
 208     margin                : 0px 3px 0px 0px;
 209   }
 210
 211 #homebutton
 212   {
 213     list-style-image      : url("chrome://communicator/skin/bookmarks/home.gif");
 214   }
 215
 216 .menuitem-iconic
 217   {
 218     padding               : 2px;
 219   }
 220
 221 #print-button
 222   {
 223     list-style-image      : url("chrome://global/skin/print.gif");
 224     margin                : 0px 3px 0px 3px;
 225   }
 226
 227 #print-button:hover,
 228 #print-button:hover:active,
 229 #print-button > .menubutton-internal-box > .menubutton-dual-button:hover,
 230 #print-button > .menubutton-internal-box > .menubutton-dual-button:hover:active,
 231 #print-button[open="true"] > .menubutton-internal-box > .menubutton-dual-button
 232   {
 233     list-style-image      : url("chrome://global/skin/print-hover.gif");
 234   }
 235
 236 #print-button[disabled="true"],
 237 #print-button[disabled="true"]:hover,
 238 #print-button[disabled="true"]:hover:active,
 239 #print-button[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover,
 240 #print-button[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active
 241   {
 242     list-style-image      : url("chrome://global/skin/print_dis.gif");
 243   }
 244
 245 #print-button > .menubutton-dual-button
 246   {
 247     padding               : 0px;
 248   }
 249