LCARStrek/skin/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 2px;
 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     width                 : 16px;
 189     height                : 16px;
 190   }
 191
 192 /*
 193 #page-proxy-button[pageproxystate="valid"]:hover
 194   {
 195     list-style-image      : url("chrome://communicator/skin/bookmarks/location-hover.gif");
 196   }
 197
 198 #page-proxy-button[pageproxystate="valid"]:hover:active
 199   {
 200     list-style-image      : url("chrome://communicator/skin/bookmarks/location-clicked.gif");
 201   }
 202
 203 #page-proxy-button[pageproxystate="invalid"]
 204   {
 205     cursor                  : default;
 206     list-style-image        : url("chrome://communicator/skin/bookmarks/location-disabled.gif");
 207   }
 208 */
 209
 210 #page-proxy-favicon
 211 {
 212     list-style-image      : none;
 213     width                 : 16px;
 214     height                : 16px;
 215 }
 216
 217 #content-frame
 218   {
 219     min-width             : 0px;
 220     min-height            : 0px;
 221   }
 222
 223 #nav-bar-inner {
 224   padding-left            : 0px;
 225   min-width               : 0px;
 226   margin                  : 9px 4px;
 227 }
 228
 229 /*
 230 #urlbar  .autocomplete-icon-box {
 231   border                  : 1px inset #CCD0DD;
 232   border-right            : none;
 233 }
 234
 235 #urlbar .autocomplete-textbox-container {
 236   border                  : 1px inset #CCD0DD;
 237   border-left             : none;
 238 }
 239 */
 240
 241 #urlbar-group {
 242   border                  : none;
 243   margin                  : 0px 5px 0px 0px;
 244 }
 245
 246 #urlbar-container {
 247   -moz-border-radius      : 5px;
 248   border                  : 1px solid #9C9CFF;
 249   background-color        : #000000;
 250   padding                 : 0px;
 251 }
 252
 253 #search-button,
 254 #go-button {
 255   font-weight             : bold;
 256   margin                  : 0px 3px 0px 0px;
 257   background-color        : #000000;
 258 }
 259
 260 #search-button:hover,
 261 #go-button:hover {
 262   font-weight             : bold;
 263   margin                  : 0px 3px 0px 0px;
 264   background-color        : #FFCF00;
 265 }
 266
 267 #search-button
 268   {
 269 /*    list-style-image      : url("chrome://communicator/skin/search.gif"); */
 270   }
 271
 272 /*
 273 #search-button:hover
 274   {
 275     list-style-image      : url("chrome://communicator/skin/search-hover.gif");
 276   }
 277
 278 #search-button:hover:active
 279   {
 280     list-style-image      : url("chrome://communicator/skin/search-active.gif");
 281   }
 282 */
 283
 284 .menuitem-iconic
 285   {
 286     padding               : 1px;
 287   }
 288
 289 /* ::::: urlbar autocomplete widget ::::: */
 290
 291 .autocomplete-outlinerbody:-moz-outliner-cell-text(value)
 292   {
 293     padding-left        : 13px;
 294   }
 295
 296 .autocomplete-outlinerbody:-moz-outliner-cell-text(comment)
 297   {
 298 /*    font-style          : italic; */
 299   }
 300
 301 .autocomplete-history-button:hover
 302   {
 303       background-color    : #FFCF00;
 304   }
 305
 306 .autocomplete-history-button-internal-box:hover
 307   {
 308       background-color    : #FFCF00;
 309   }
 310
 311 /*
 312 .autocomplete-history-button
 313   {
 314     border              : 1px outset -moz-Dialog;
 315   }
 316
 317 .autocomplete-history-button[open="true"]
 318   {
 319     border              : 1px solid ThreeDShadow;
 320   }
 321
 322 .autocomplete-history-button-internal-box,
 323 .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box
 324   {
 325     border              : none;
 326   }
 327 */
 328
 329 .autocomplete-search-box
 330   {
 331     border-top            : 1px solid #FF9F00;
 332     background-color      : #9C9CFF;
 333     color                 : #000000;
 334   }
 335
 336 .autocomplete-result-popup[nomatch="true"] > .autocomplete-search-box
 337   {
 338     border-top            : 1px solid #9C9CFF;
 339   }
 340
 341 .autocomplete-search-engine
 342   {
 343     padding               : 2px;
 344   }
 345
 346 .autocomplete-search-engine[menuactive="true"]
 347   {
 348     background-color      : #008484;
 349     color                 : #FFCF00;
 350   }
 351
 352 .autocomplete-search-engine-img
 353   {
 354     margin-right          : 4px;
 355   }
 356