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