EarlyBlue/skin/EarlyBlue/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 #forward-button
  93   {
  94     list-style-image      : url("chrome://navigator/skin/forward.gif");
  95   }
  96
  97 #forward-button[disabled="true"]
  98   {
  99     list-style-image      : url("chrome://navigator/skin/forward-disabled.gif") !important;
 100   }
 101
 102 #reload-button
 103   {
 104   list-style-image        : url("chrome://navigator/skin/reload.gif");
 105   }
 106
 107 #reload-button[disabled="true"]
 108   {
 109           list-style-image      : url("chrome://navigator/skin/reload-disabled.gif") !important;
 110   }
 111
 112 #stop-button
 113   {
 114           list-style-image      : url("chrome://navigator/skin/stop.gif");
 115   }
 116
 117 #stop-button[disabled="true"]
 118   {
 119     list-style-image      : url("chrome://navigator/skin/stop-disabled.gif") !important;
 120   }
 121
 122 #print-button
 123   {
 124     list-style-image      : url("chrome://global/skin/print.gif");
 125   }
 126
 127 #print-button[disabled="true"] {
 128     list-style-image      : url("chrome://global/skin/print-disabled.gif") !important;
 129   }
 130
 131 /* Hides text below the above buttons */
 132 .toolbarbutton-1 > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box > .toolbarbutton-text,
 133 .toolbarbutton-1 > .toolbarbutton-box > .toolbarbutton-text {
 134   display: none;
 135 }
 136
 137
 138 /*all the urlbar stuff*/
 139 #page-proxy-button
 140   {
 141     list-style-image      : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
 142     cursor                : grab;
 143     margin                : 1px 1px 1px 2px;
 144   }
 145
 146 /*
 147 #page-proxy-button[pageproxystate="valid"]:hover
 148   {
 149     list-style-image      : url("chrome://communicator/skin/bookmarks/location-hover.gif");
 150   }
 151
 152 #page-proxy-button[pageproxystate="valid"]:hover:active
 153   {
 154     list-style-image      : url("chrome://communicator/skin/bookmarks/location-clicked.gif");
 155   }
 156
 157 #page-proxy-button[pageproxystate="invalid"]
 158   {
 159     cursor                  : default;
 160     list-style-image        : url("chrome://communicator/skin/bookmarks/location-disabled.gif");
 161   }
 162 */
 163
 164 #content-frame
 165   {
 166     min-width             : 0px;
 167     min-height            : 0px;
 168   }
 169
 170 #nav-bar-inner {
 171   padding-left            : 0px;
 172   min-width               : 0px;
 173   margin                  : 9px 4px;
 174 }
 175
 176 #urlbar  .autocomplete-icon-box {
 177   border                  : 1px inset #CCD0DD;
 178   border-right            : none;
 179 }
 180
 181 #urlbar .autocomplete-textbox-container {
 182   border                  : 1px inset #CCD0DD;
 183   border-left             : none;
 184 }
 185
 186 #urlbar-group {
 187   border                  : none;
 188   margin                  : 0px 5px 0px 0px;
 189 }
 190
 191 #urlbar-container {
 192   border                  : none;
 193 }
 194
 195 #search-button,
 196 #go-button {
 197 /*  font                    : message-box; */
 198   font-weight             : bold;
 199   margin                  : 0px 3px 0px 0px;
 200   background-color        : #9999CC;
 201 }
 202
 203 #search-button > .button-box,
 204 #go-button > .button-box {
 205   border                  : 1px outset #9999CC;
 206 }
 207
 208 #search-button:hover:active > .button-box,
 209 #go-button:hover:active > .button-box {
 210   border                  : 1px inset #9999CC;
 211 }
 212
 213 #search-button
 214   {
 215 /*    list-style-image      : url("chrome://communicator/skin/search.gif"); */
 216     font-weight           : bold;
 217   }
 218
 219 .menuitem-iconic
 220   {
 221     padding               : 1px;
 222   }
 223
 224 /* ::::: urlbar autocomplete widget ::::: */
 225
 226 .autocomplete-outlinerbody:-moz-outliner-cell-text(value)
 227   {
 228     padding-left        : 13px;
 229   }
 230
 231 .autocomplete-outlinerbody:-moz-outliner-cell-text(comment)
 232   {
 233 /*    font-style          : italic; */
 234   }
 235
 236 /*
 237 .autocomplete-history-button
 238   {
 239     border              : 1px outset -moz-Dialog;
 240   }
 241
 242 .autocomplete-history-button[open="true"]
 243   {
 244     border              : 1px solid ThreeDShadow;
 245   }
 246
 247 .autocomplete-history-button-internal-box,
 248 .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box
 249   {
 250     border              : none;
 251   }
 252 */
 253
 254 .autocomplete-search-box
 255   {
 256     border-top            : 1px solid #9999CC;
 257     background-color      : #666699;
 258     color                 : #000000;
 259   }
 260
 261 .autocomplete-result-popup[nomatch="true"] > .autocomplete-search-box
 262   {
 263     border-top            : 1px solid #666699;
 264   }
 265
 266 .autocomplete-search-engine
 267   {
 268     padding               : 2px;
 269   }
 270
 271 .autocomplete-search-engine[menuactive="true"]
 272   {
 273     background-color      : #9999CC;
 274     color                 : #000000;
 275   }
 276
 277 .autocomplete-search-engine-img
 278   {
 279     margin-right          : 4px;
 280   }
 281