1 /** Contains style definitions for the navigator application
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);
9 /********** resource bundle binding **********/
11 #resource_bundle_navigator
13 -moz-binding : url('chrome://navigator/skin/resources.xml#resource_bundle_navigator')
19 border-left : 1px solid ThreeDDarkShadow;
20 border-top : 1px solid ThreeDDarkShadow;
21 border-right : 1px solid ThreeDFace;
22 border-bottom : 1px solid ThreeDFace;
27 border-left : 1px solid ThreeDShadow;
28 border-right : 1px solid ThreeDHighlight;
34 list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
37 #bookmarks-button[open="true"]
39 list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
43 * Images for the main buttons
47 list-style-image : url("chrome://navigator/skin/back.gif");
50 #back-button[disabled="true"]
52 list-style-image : url("chrome://navigator/skin/back-disabled.gif") !important;
57 #back-button[buttonover="true"],
58 #back-button[open="true"]
60 list-style-image : url("chrome://navigator/skin/back-hover.gif");
63 #back-button[buttondown="true"]
65 list-style-image : url("chrome://navigator/skin/back-hover-active.gif");
71 list-style-image : url("chrome://navigator/skin/forward.gif");
74 #forward-button[disabled="true"]
76 list-style-image : url("chrome://navigator/skin/forward-disabled.gif") !important;
80 #forward-button:hover,
81 #forward-button[buttonover="true"],
82 #forward-button[open="true"]
84 list-style-image : url("chrome://navigator/skin/forward-hover.gif");
87 #forward-button[buttondown="true"]
89 list-style-image : url("chrome://navigator/skin/forward-hover-active.gif");
95 list-style-image : url("chrome://navigator/skin/reload.gif");
101 list-style-image : url("chrome://navigator/skin/reload-hover.gif");
104 #reload-button:hover:active
106 list-style-image : url("chrome://navigator/skin/reload-hover-active.gif");
110 #reload-button[disabled="true"]
112 list-style-image : url("chrome://navigator/skin/reload-disabled.gif") !important;
117 list-style-image : url("chrome://navigator/skin/stop.gif");
120 #stop-button[disabled="true"]
122 list-style-image : url("chrome://navigator/skin/stop-disabled.gif") !important;
128 list-style-image : url("chrome://navigator/skin/stop-hover.gif");
131 #stop-button:hover:active
133 list-style-image : url("chrome://navigator/skin/stop-hover-active.gif");
139 list-style-image : url("chrome://global/skin/print.gif");
142 #print-button[disabled="true"] {
143 list-style-image : url("chrome://global/skin/print-disabled.gif") !important;
148 #print-button[buttonover="true"],
149 #print-button[open="true"]
151 list-style-image : url("chrome://global/skin/print-hover.gif");
154 #print-button[buttondown="true"]
156 list-style-image : url("chrome://global/skin/print-hover-active.gif");
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 {
167 /*all the urlbar stuff*/
170 list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
172 margin : 1px 1px 1px 2px;
176 #page-proxy-button[pageproxystate="valid"]:hover
178 list-style-image : url("chrome://communicator/skin/bookmarks/location-hover.gif");
181 #page-proxy-button[pageproxystate="valid"]:hover:active
183 list-style-image : url("chrome://communicator/skin/bookmarks/location-clicked.gif");
186 #page-proxy-button[pageproxystate="invalid"]
189 list-style-image : url("chrome://communicator/skin/bookmarks/location-disabled.gif");
205 #urlbar .autocomplete-icon-box {
206 border : 1px inset #CCD0DD;
210 #urlbar .autocomplete-textbox-container {
211 border : 1px inset #CCD0DD;
217 margin : 0px 5px 0px 0px;
226 /* font : message-box; */
228 margin : 0px 3px 0px 0px;
229 background-color : #9999CC;
232 #search-button > .button-box,
233 #go-button > .button-box {
234 border : 1px outset #9999CC;
237 #search-button:hover:active > .button-box,
238 #go-button:hover:active > .button-box {
239 border : 1px inset #9999CC;
244 /* list-style-image : url("chrome://communicator/skin/search.gif"); */
251 list-style-image : url("chrome://communicator/skin/search-hover.gif");
254 #search-button:hover:active
256 list-style-image : url("chrome://communicator/skin/search-active.gif");
265 /* ::::: urlbar autocomplete widget ::::: */
267 .autocomplete-outlinerbody:-moz-outliner-cell-text(value)
272 .autocomplete-outlinerbody:-moz-outliner-cell-text(comment)
278 .autocomplete-history-button
280 border : 1px outset -moz-Dialog;
283 .autocomplete-history-button[open="true"]
285 border : 1px solid ThreeDShadow;
288 .autocomplete-history-button-internal-box,
289 .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box
295 .autocomplete-search-box
297 border-top : 1px solid #9999CC;
298 background-color : #666699;
302 .autocomplete-result-popup[nomatch="true"] > .autocomplete-search-box
304 border-top : 1px solid #666699;
307 .autocomplete-search-engine
312 .autocomplete-search-engine[menuactive="true"]
314 background-color : #9999CC;
318 .autocomplete-search-engine-img