EarlyBlue/skin/EarlyBlue/navigator/navigator.css

   1 /** Contains style definitions for the navigator application
   2  **/
   3
   4 @import url(chrome://navigator/content/navigator.css);
   5 @import url(chrome://communicator/skin/);
   6 @import url(chrome://navigator/skin/personalToolbar.css);
   7 @import url(chrome://communicator/skin/sidebar/sidebar.css);
   8
   9 /********** resource bundle binding **********/
  10
  11 #resource_bundle_navigator
  12   {
  13     -moz-binding            : url('chrome://navigator/skin/resources.xml#resource_bundle_navigator')
  14   }
  15
  16 /*
  17 #content
  18   {
  19     border-left           : 1px solid ThreeDDarkShadow;
  20     border-top            : 1px solid ThreeDDarkShadow;
  21     border-right          : 1px solid ThreeDFace;
  22     border-bottom         : 1px solid ThreeDFace;
  23   }
  24
  25 #browser
  26   {
  27     border-left           : 1px solid ThreeDShadow;
  28     border-right          : 1px solid ThreeDHighlight;
  29   }
  30 */
  31
  32 #bookmarks-button
  33   {
  34     list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
  35   }
  36
  37 #bookmarks-button[open="true"]
  38   {
  39     list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
  40   }
  41
  42 /*
  43  * Images for the main buttons
  44  */
  45 #back-button
  46   {
  47     list-style-image      : url("chrome://navigator/skin/back.gif");
  48   }
  49
  50 #back-button[disabled="true"]
  51   {
  52     list-style-image      : url("chrome://navigator/skin/back-disabled.gif") !important;
  53   }
  54
  55 /*
  56 #back-button:hover,
  57 #back-button[buttonover="true"],
  58 #back-button[open="true"]
  59   {
  60     list-style-image      : url("chrome://navigator/skin/back-hover.gif");
  61   }
  62
  63 #back-button[buttondown="true"]
  64   {
  65     list-style-image      : url("chrome://navigator/skin/back-hover-active.gif");
  66   }
  67 */
  68
  69 #forward-button
  70   {
  71     list-style-image      : url("chrome://navigator/skin/forward.gif");
  72   }
  73
  74 #forward-button[disabled="true"]
  75   {
  76     list-style-image      : url("chrome://navigator/skin/forward-disabled.gif") !important;
  77   }
  78
  79 /*
  80 #forward-button:hover,
  81 #forward-button[buttonover="true"],
  82 #forward-button[open="true"]
  83   {
  84     list-style-image      : url("chrome://navigator/skin/forward-hover.gif");
  85   }
  86
  87 #forward-button[buttondown="true"]
  88   {
  89     list-style-image      : url("chrome://navigator/skin/forward-hover-active.gif");
  90   }
  91 */
  92
  93 #reload-button
  94   {
  95   list-style-image        : url("chrome://navigator/skin/reload.gif");
  96   }
  97
  98 /*
  99 #reload-button:hover
 100   {
 101   list-style-image        : url("chrome://navigator/skin/reload-hover.gif");
 102   }
 103
 104 #reload-button:hover:active
 105   {
 106   list-style-image        : url("chrome://navigator/skin/reload-hover-active.gif");
 107   }
 108 */
 109
 110 #reload-button[disabled="true"]
 111   {
 112           list-style-image      : url("chrome://navigator/skin/reload-disabled.gif") !important;
 113   }
 114
 115 #stop-button
 116   {
 117           list-style-image      : url("chrome://navigator/skin/stop.gif");
 118   }
 119
 120 #stop-button[disabled="true"]
 121   {
 122     list-style-image      : url("chrome://navigator/skin/stop-disabled.gif") !important;
 123   }
 124
 125 /*
 126 #stop-button:hover
 127   {
 128     list-style-image      : url("chrome://navigator/skin/stop-hover.gif");
 129   }
 130
 131 #stop-button:hover:active
 132   {
 133     list-style-image      : url("chrome://navigator/skin/stop-hover-active.gif");
 134   }
 135 */
 136
 137 #print-button
 138   {
 139     list-style-image      : url("chrome://global/skin/print.gif");
 140   }
 141
 142 #print-button[disabled="true"] {
 143     list-style-image      : url("chrome://global/skin/print-disabled.gif") !important;
 144   }
 145
 146 /*
 147 #print-button:hover,
 148 #print-button[buttonover="true"],
 149 #print-button[open="true"]
 150   {
 151     list-style-image      : url("chrome://global/skin/print-hover.gif");
 152   }
 153
 154 #print-button[buttondown="true"]
 155   {
 156     list-style-image      : url("chrome://global/skin/print-hover-active.gif");
 157   }
 158 */
 159
 160 /* Hides text below the above buttons */
 161 .toolbarbutton-1 > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box > .toolbarbutton-text,
 162 .toolbarbutton-1 > .toolbarbutton-box > .toolbarbutton-text {
 163   display: none;
 164 }
 165
 166
 167 /*all the urlbar stuff*/
 168 #page-proxy-button
 169   {
 170     list-style-image      : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
 171     cursor                : grab;
 172     margin                : 1px 1px 1px 2px;
 173   }
 174
 175 /*
 176 #page-proxy-button[pageproxystate="valid"]:hover
 177   {
 178     list-style-image      : url("chrome://communicator/skin/bookmarks/location-hover.gif");
 179   }
 180
 181 #page-proxy-button[pageproxystate="valid"]:hover:active
 182   {
 183     list-style-image      : url("chrome://communicator/skin/bookmarks/location-clicked.gif");
 184   }
 185
 186 #page-proxy-button[pageproxystate="invalid"]
 187   {
 188     cursor                  : default;
 189     list-style-image        : url("chrome://communicator/skin/bookmarks/location-disabled.gif");
 190   }
 191 */
 192
 193 #content-frame
 194   {
 195     min-width             : 0px;
 196     min-height            : 0px;
 197   }
 198
 199 #nav-bar-inner {
 200   padding-left            : 0px;
 201   min-width               : 0px;
 202   margin                  : 9px 4px;
 203 }
 204
 205 #urlbar  .autocomplete-icon-box {
 206   border                  : 1px inset #CCD0DD;
 207   border-right            : none;
 208 }
 209
 210 #urlbar .autocomplete-textbox-container {
 211   border                  : 1px inset #CCD0DD;
 212   border-left             : none;
 213 }
 214
 215 #urlbar-group {
 216   border                  : none;
 217   margin                  : 0px 5px 0px 0px;
 218 }
 219
 220 #urlbar-container {
 221   border                  : none;
 222 }
 223
 224 #search-button,
 225 #go-button {
 226 /*  font                    : message-box; */
 227   font-weight             : bold;
 228   margin                  : 0px 3px 0px 0px;
 229   background-color        : #9999CC;
 230 }
 231
 232 #search-button > .button-box,
 233 #go-button > .button-box {
 234   border                  : 1px outset #9999CC;
 235 }
 236
 237 #search-button:hover:active > .button-box,
 238 #go-button:hover:active > .button-box {
 239   border                  : 1px inset #9999CC;
 240 }
 241
 242 #search-button
 243   {
 244 /*    list-style-image      : url("chrome://communicator/skin/search.gif"); */
 245     font-weight           : bold;
 246   }
 247
 248 /*
 249 #search-button:hover
 250   {
 251     list-style-image      : url("chrome://communicator/skin/search-hover.gif");
 252   }
 253
 254 #search-button:hover:active
 255   {
 256     list-style-image      : url("chrome://communicator/skin/search-active.gif");
 257   }
 258 */
 259
 260 .menuitem-iconic
 261   {
 262     padding               : 1px;
 263   }
 264
 265 /* ::::: urlbar autocomplete widget ::::: */
 266
 267 .autocomplete-outlinerbody:-moz-outliner-cell-text(value)
 268   {
 269     padding-left        : 13px;
 270   }
 271
 272 .autocomplete-outlinerbody:-moz-outliner-cell-text(comment)
 273   {
 274     font-style          : italic;
 275   }
 276
 277 /*
 278 .autocomplete-history-button
 279   {
 280     border              : 1px outset -moz-Dialog;
 281   }
 282
 283 .autocomplete-history-button[open="true"]
 284   {
 285     border              : 1px solid ThreeDShadow;
 286   }
 287
 288 .autocomplete-history-button-internal-box,
 289 .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box
 290   {
 291     border              : none;
 292   }
 293 */
 294
 295 .autocomplete-search-box
 296   {
 297     border-top            : 1px solid #9999CC;
 298     background-color      : #666699;
 299     color                 : #000000;
 300   }
 301
 302 .autocomplete-result-popup[nomatch="true"] > .autocomplete-search-box
 303   {
 304     border-top            : 1px solid #666699;
 305   }
 306
 307 .autocomplete-search-engine
 308   {
 309     padding               : 2px;
 310   }
 311
 312 .autocomplete-search-engine[menuactive="true"]
 313   {
 314     background-color      : #9999CC;
 315     color                 : #000000;
 316   }
 317
 318 .autocomplete-search-engine-img
 319   {
 320     margin-right          : 4px;
 321   }
 322