LCARStrek/navigator/navigator.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Mozilla Public License Version
   5  * 1.1 (the "License"); you may not use this file except in compliance with
   6  * the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/MPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is "Classic" theme of mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * the Mozilla Organization.
  18  * Portions created by the Initial Developer are Copyright (C) 1998-2001
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Robert Kaiser <KaiRo@KaiRo.at>
  23  *
  24  * Alternatively, the contents of this file may be used under the terms of
  25  * either the GNU General Public License Version 2 or later (the "GPL"), or
  26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27  * in which case the provisions of the GPL or the LGPL are applicable instead
  28  * of those above. If you wish to allow use of your version of this file only
  29  * under the terms of either the GPL or the LGPL, and not to allow others to
  30  * use your version of this file under the terms of the MPL, indicate your
  31  * decision by deleting the provisions above and replace them with the notice
  32  * and other provisions required by the GPL or the LGPL. If you do not delete
  33  * the provisions above, a recipient may use your version of this file under
  34  * the terms of any one of the MPL, the GPL or the LGPL.
  35  *
  36  * ***** END LICENSE BLOCK ***** */
  37
  38 /** Contains style definitions for the navigator application
  39  **/
  40
  41 @import url(chrome://navigator/content/navigator.css);
  42 @import url(chrome://communicator/skin/);
  43 @import url(chrome://navigator/skin/personalToolbar.css);
  44 @import url(chrome://communicator/skin/sidebar/sidebar.css);
  45
  46 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  47
  48 /********** resource bundle binding **********/
  49
  50 #resource_bundle_navigator
  51   {
  52     -moz-binding            : url('chrome://navigator/skin/resources.xml#resource_bundle_navigator')
  53   }
  54
  55 /*
  56 #content
  57   {
  58     border-left           : 1px solid ThreeDDarkShadow;
  59     border-top            : 1px solid ThreeDDarkShadow;
  60     border-bottom         : 1px solid ThreeDFace;
  61   }
  62
  63 #browser
  64   {
  65     border-left           : 1px solid ThreeDShadow;
  66   }
  67 */
  68
  69 #bookmarks-button
  70   {
  71     list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
  72   }
  73
  74 #bookmarks-button[open="true"]
  75   {
  76     list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
  77   }
  78
  79 /*
  80  * Images for the main buttons
  81  */
  82 #back-button
  83   {
  84     list-style-image      : url("chrome://navigator/skin/back.gif");
  85   }
  86
  87 #back-button[disabled="true"]
  88   {
  89     list-style-image      : url("chrome://navigator/skin/back-disabled.gif") !important;
  90   }
  91
  92 #back-button:hover,
  93 #back-button[buttonover="true"],
  94 #back-button[buttondown="true"],
  95 #back-button[open="true"]
  96   {
  97     list-style-image      : url("chrome://navigator/skin/back-hover.gif");
  98   }
  99 #forward-button
 100   {
 101     list-style-image      : url("chrome://navigator/skin/forward.gif");
 102   }
 103
 104 #forward-button[disabled="true"]
 105   {
 106     list-style-image      : url("chrome://navigator/skin/forward-disabled.gif") !important;
 107   }
 108
 109 #forward-button:hover,
 110 #forward-button[buttonover="true"],
 111 #forward-button[buttondown="true"],
 112 #forward-button[open="true"]
 113   {
 114     list-style-image      : url("chrome://navigator/skin/forward-hover.gif");
 115   }
 116
 117 #reload-button
 118   {
 119   list-style-image        : url("chrome://navigator/skin/reload.gif");
 120   }
 121
 122 #reload-button:hover,
 123 #reload-button:hover:active
 124   {
 125   list-style-image        : url("chrome://navigator/skin/reload-hover.gif");
 126   }
 127
 128   {
 129   list-style-image        : url("chrome://navigator/skin/reload-hover-active.gif");
 130   }
 131
 132 #reload-button[disabled="true"]
 133   {
 134           list-style-image      : url("chrome://navigator/skin/reload-disabled.gif") !important;
 135   }
 136
 137 #stop-button
 138   {
 139           list-style-image      : url("chrome://navigator/skin/stop.gif");
 140   }
 141
 142 #stop-button[disabled="true"]
 143   {
 144     list-style-image      : url("chrome://navigator/skin/stop-disabled.gif") !important;
 145   }
 146
 147 #stop-button:hover,
 148 #stop-button:hover:active
 149   {
 150     list-style-image      : url("chrome://navigator/skin/stop-hover.gif");
 151   }
 152
 153 #print-button
 154   {
 155     list-style-image      : url("chrome://global/skin/print.gif");
 156   }
 157
 158 #print-button[disabled="true"] {
 159     list-style-image      : url("chrome://global/skin/print-disabled.gif") !important;
 160   }
 161
 162 #print-button:hover,
 163 #print-button[buttonover="true"],
 164 #print-button[buttondown="true"],
 165 #print-button[open="true"]
 166   {
 167     list-style-image      : url("chrome://global/skin/print-hover.gif");
 168   }
 169
 170 /* Hides text below the above buttons */
 171 .toolbarbutton-1 > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box > .toolbarbutton-text,
 172 .toolbarbutton-1 > .toolbarbutton-box > .toolbarbutton-text {
 173   display: none;
 174 }
 175
 176 /*all the urlbar stuff*/
 177
 178 #page-proxy-deck {
 179     cursor                : grab;
 180     margin                : 1px 1px 1px 1px;
 181     width                 : 16px;
 182     height                : 16px;
 183 }
 184
 185 #page-proxy-button
 186   {
 187     list-style-image      : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
 188     padding-top           : 2px;
 189     padding-bottom        : 2px;
 190     width                 : 16px;
 191     height                : 16px;
 192   }
 193
 194 /*
 195 #page-proxy-button[pageproxystate="valid"]:hover
 196   {
 197     list-style-image      : url("chrome://communicator/skin/bookmarks/location-hover.gif");
 198   }
 199
 200 #page-proxy-button[pageproxystate="valid"]:hover:active
 201   {
 202     list-style-image      : url("chrome://communicator/skin/bookmarks/location-clicked.gif");
 203   }
 204
 205 #page-proxy-button[pageproxystate="invalid"]
 206   {
 207     cursor                  : default;
 208     list-style-image        : url("chrome://communicator/skin/bookmarks/location-disabled.gif");
 209   }
 210 */
 211
 212 #page-proxy-favicon
 213 {
 214     list-style-image      : none;
 215     padding               : 0px;
 216     width                 : 16px;
 217     height                : 16px;
 218 }
 219
 220 #content-frame
 221   {
 222     min-width             : 0px;
 223     min-height            : 0px;
 224   }
 225
 226 #nav-bar-inner {
 227   padding-left            : 0px;
 228   min-width               : 0px;
 229   margin                  : 9px 4px;
 230 }
 231
 232 /*
 233 #urlbar  .autocomplete-icon-box {
 234   border                  : 1px inset #CCD0DD;
 235   border-right            : none;
 236 }
 237
 238 #urlbar .autocomplete-textbox-container {
 239   border                  : 1px inset #CCD0DD;
 240   border-left             : none;
 241 }
 242 */
 243
 244 #urlbar-group {
 245   border                  : none;
 246   margin                  : 0px 5px 0px 0px;
 247 }
 248
 249 #urlbar-container {
 250   -moz-border-radius      : 5px;
 251   border                  : 1px solid #9C9CFF;
 252   background-color        : #000000;
 253   padding                 : 0px;
 254 }
 255
 256 #search-button,
 257 #go-button {
 258   font-weight             : bold;
 259   margin                  : 0px 3px 0px 0px;
 260   background-color        : #000000;
 261 }
 262
 263 #search-button:hover,
 264 #go-button:hover {
 265   font-weight             : bold;
 266   margin                  : 0px 3px 0px 0px;
 267   background-color        : #FFCF00;
 268 }
 269
 270 #search-button
 271   {
 272 /*    list-style-image      : url("chrome://communicator/skin/search.gif"); */
 273   }
 274
 275 /*
 276 #search-button:hover
 277   {
 278     list-style-image      : url("chrome://communicator/skin/search-hover.gif");
 279   }
 280
 281 #search-button:hover:active
 282   {
 283     list-style-image      : url("chrome://communicator/skin/search-active.gif");
 284   }
 285 */
 286
 287 .menuitem-iconic
 288   {
 289     padding               : 1px;
 290   }
 291
 292 /* ::::: urlbar autocomplete widget ::::: */
 293
 294 .autocomplete-outlinerbody:-moz-outliner-cell-text(value)
 295   {
 296     padding-left        : 13px;
 297   }
 298
 299 .autocomplete-outlinerbody:-moz-outliner-cell-text(comment)
 300   {
 301 /*    font-style          : italic; */
 302   }
 303
 304 .autocomplete-history-button:hover
 305   {
 306       background-color    : #FFCF00;
 307   }
 308
 309 .autocomplete-history-button-internal-box:hover
 310   {
 311       background-color    : #FFCF00;
 312   }
 313
 314 /*
 315 .autocomplete-history-button
 316   {
 317     border              : 1px outset -moz-Dialog;
 318   }
 319
 320 .autocomplete-history-button[open="true"]
 321   {
 322     border              : 1px solid ThreeDShadow;
 323   }
 324
 325 .autocomplete-history-button-internal-box,
 326 .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box
 327   {
 328     border              : none;
 329   }
 330 */
 331
 332 .autocomplete-search-box
 333   {
 334     border-top            : 1px solid #FF9F00;
 335     background-color      : #9C9CFF;
 336     color                 : #000000;
 337   }
 338
 339 .autocomplete-result-popup[nomatch="true"] > .autocomplete-search-box
 340   {
 341     border-top            : 1px solid #9C9CFF;
 342   }
 343
 344 .autocomplete-search-engine
 345   {
 346     padding               : 2px;
 347   }
 348
 349 .autocomplete-search-engine[menuactive="true"]
 350   {
 351     background-color      : #008484;
 352     color                 : #FFCF00;
 353   }
 354
 355 .autocomplete-search-engine-img
 356   {
 357     margin-right          : 4px;
 358   }
 359
 360