Commit | Line | Data |
---|---|---|
351107c9 | 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 | ||
3d6dd546 | 38 | /** Contains style definitions for the navigator application |
351107c9 | 39 | **/ |
40 | ||
b1eaa419 | 41 | @import url("chrome://navigator/content/navigator.css"); |
42 | @import url("chrome://communicator/skin/"); | |
b1eaa419 | 43 | @import url("chrome://communicator/skin/bookmarks/bookmarksToolbar.css"); |
351107c9 | 44 | |
45 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
46 | ||
47 | /********** resource bundle binding **********/ | |
48 | ||
b1eaa419 | 49 | /* ::::: primary toolbar buttons ::::: */ |
351107c9 | 50 | |
b1eaa419 | 51 | #back-button { |
e10e7add RK |
52 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); |
53 | -moz-image-region: rect(42px 25px 63px 0px); | |
b1eaa419 | 54 | } |
351107c9 | 55 | |
c710949d RK |
56 | #back-button[disabled="true"] { |
57 | -moz-image-region: rect(42px 50px 63px 25px); | |
b1eaa419 | 58 | } |
59 | ||
c710949d RK |
60 | #back-button:not([disabled="true"]):hover, |
61 | #back-button:not([disabled="true"]):hover:active, | |
62 | #back-button[open="true"] { | |
63 | -moz-image-region: rect(42px 75px 63px 50px); | |
b1eaa419 | 64 | } |
65 | ||
66 | #forward-button { | |
e10e7add RK |
67 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); |
68 | -moz-image-region: rect(63px 25px 84px 0px); | |
b1eaa419 | 69 | } |
351107c9 | 70 | |
c710949d RK |
71 | #forward-button[disabled="true"] { |
72 | -moz-image-region: rect(63px 50px 84px 25px); | |
b1eaa419 | 73 | } |
351107c9 | 74 | |
c710949d RK |
75 | #forward-button:not([disabled="true"]):hover, |
76 | #forward-button:not([disabled="true"]):hover:active, | |
77 | #forward-button[open="true"] { | |
78 | -moz-image-region: rect(63px 75px 84px 50px); | |
b1eaa419 | 79 | } |
80 | ||
81 | #reload-button { | |
c710949d RK |
82 | list-style-image: url("chrome://navigator/skin/icons/navigatoricons.png"); |
83 | -moz-image-region: rect(0px 25px 21px 0px); | |
b1eaa419 | 84 | } |
351107c9 | 85 | |
c710949d RK |
86 | #reload-button[disabled="true"] { |
87 | -moz-image-region: rect(0px 50px 21px 25px); | |
b1eaa419 | 88 | } |
89 | ||
c710949d RK |
90 | #reload-button:not([disabled="true"]):hover, |
91 | #reload-button:not([disabled="true"]):hover:active { | |
92 | -moz-image-region: rect(0px 75px 21px 50px); | |
b1eaa419 | 93 | } |
94 | ||
95 | #stop-button { | |
e10e7add RK |
96 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); |
97 | -moz-image-region: rect(21px 25px 42px 0px); | |
b1eaa419 | 98 | } |
351107c9 | 99 | |
c710949d RK |
100 | #stop-button[disabled="true"] { |
101 | -moz-image-region: rect(21px 50px 42px 25px); | |
3d6dd546 | 102 | } |
351107c9 | 103 | |
c710949d RK |
104 | #stop-button:not([disabled="true"]):hover, |
105 | #stop-button:not([disabled="true"]):hover:active { | |
106 | -moz-image-region: rect(21px 75px 42px 50px); | |
3d6dd546 | 107 | } |
b1eaa419 | 108 | |
109 | #print-button { | |
e10e7add RK |
110 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); |
111 | -moz-image-region: rect(0px 25px 21px 0px); | |
b1eaa419 | 112 | } |
351107c9 | 113 | |
c710949d RK |
114 | #print-button[disabled="true"] { |
115 | -moz-image-region: rect(0px 50px 21px 25px); | |
b1eaa419 | 116 | } |
117 | ||
c710949d RK |
118 | #print-button:not([disabled="true"]):hover, |
119 | #print-button:not([disabled="true"]):hover:active, | |
120 | #print-button[open="true"] { | |
121 | -moz-image-region: rect(0px 75px 21px 50px); | |
b1eaa419 | 122 | } |
351107c9 | 123 | |
b1e5c9b1 | 124 | #clear-button { |
125 | list-style-image: url("chrome://global/skin/icons/close-button.gif"); | |
126 | } | |
127 | ||
61290d60 | 128 | #clear-button:hover { |
129 | list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); | |
130 | } | |
131 | ||
80916bc4 | 132 | /* ::::: small primary toolbar buttons ::::: */ |
133 | ||
7a7b11b3 RK |
134 | #nav-bar[inFullscreen="true"] .toolbar-grippy { |
135 | /* display: none; */ | |
80916bc4 | 136 | } |
137 | ||
138 | /* ::::: fullscreen window controls ::::: */ | |
139 | ||
140 | #window-controls { | |
141 | -moz-box-align: center; | |
e20d243c | 142 | padding: 0 3px 0 1px; |
143 | border-left: 3px solid #000000; | |
144 | } | |
145 | ||
146 | #window-controls > toolbarbutton { | |
147 | padding: 2px 0px 2px 2px; | |
80916bc4 | 148 | } |
149 | ||
7a7b11b3 RK |
150 | toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { |
151 | display: -moz-box; | |
152 | } | |
153 | ||
80916bc4 | 154 | #minimize-button { |
155 | list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif"); | |
156 | } | |
157 | ||
e20d243c | 158 | #minimize-button:hover { |
159 | list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif"); | |
160 | } | |
161 | ||
80916bc4 | 162 | #restore-button { |
163 | list-style-image: url("chrome://navigator/skin/icons/win-restore.gif"); | |
164 | } | |
165 | ||
e20d243c | 166 | #restore-button:hover { |
167 | list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif"); | |
168 | } | |
169 | ||
80916bc4 | 170 | #close-button { |
171 | list-style-image: url("chrome://navigator/skin/icons/win-close.gif"); | |
172 | } | |
173 | ||
e20d243c | 174 | #close-button:hover { |
175 | list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif"); | |
176 | } | |
177 | ||
b1eaa419 | 178 | /* ::::: nav-bar-inner ::::: */ |
179 | ||
180 | #nav-bar-inner { | |
c710949d RK |
181 | -moz-padding-start: 1px; |
182 | -moz-padding-end: 1px; | |
b1eaa419 | 183 | min-width: 0px; |
c710949d RK |
184 | /*margin: 0px 4px; */ |
185 | -moz-box-align: center; | |
b1eaa419 | 186 | } |
187 | ||
188 | #urlbar { | |
7c6f4fb9 | 189 | -moz-border-radius: 5px; |
c710949d | 190 | /*outline: none; |
e10e7add | 191 | border: 1px solid #9C9CFF; |
c710949d RK |
192 | background-color: #000000; */ |
193 | margin: 0; | |
194 | -moz-margin-start: 3px; | |
195 | padding: 1px 0; | |
b1eaa419 | 196 | } |
197 | ||
d84b9613 | 198 | #urlbar[level="high"] > .autocomplete-textbox-container, |
199 | #urlbar[level="low"] > .autocomplete-textbox-container { | |
200 | background-color: #FFCF00; | |
201 | color: #000000; | |
202 | } | |
203 | ||
b1eaa419 | 204 | /* ::::: page proxy icon ::::: */ |
3d6dd546 | 205 | |
b1eaa419 | 206 | #page-proxy-deck, |
207 | #page-proxy-favicon, | |
208 | #page-proxy-button { | |
209 | width: 16px; | |
210 | height: 16px; | |
211 | } | |
351107c9 | 212 | |
213 | #page-proxy-deck { | |
d2f0d128 | 214 | cursor: -moz-grab; |
b1eaa419 | 215 | margin: 1px 1px 1px 2px; |
3d6dd546 | 216 | } |
351107c9 | 217 | |
b1eaa419 | 218 | #page-proxy-button { |
3d6dd546 | 219 | list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); |
b1eaa419 | 220 | padding-top: 2px; |
221 | padding-bottom: 2px; | |
3d6dd546 | 222 | } |
223 | ||
b1eaa419 | 224 | #page-proxy-favicon { |
225 | list-style-image: none; | |
3d6dd546 | 226 | } |
351107c9 | 227 | |
b1eaa419 | 228 | /* ::::: autocomplete ::::: */ |
229 | ||
01fc5c11 | 230 | .autocomplete-treebody::-moz-tree-cell-text(value) { |
b1eaa419 | 231 | padding-left: 13px; |
232 | } | |
233 | ||
01fc5c11 | 234 | .autocomplete-treebody::-moz-tree-cell-text(comment) { |
b1eaa419 | 235 | color: #E7ADE7; |
236 | /* font-style: italic; */ | |
351107c9 | 237 | } |
238 | ||
b1eaa419 | 239 | .autocomplete-search-box { |
240 | border-top: 1px solid #FF9F00; | |
241 | background-color: #9C9CFF; | |
242 | color: #000000; | |
3d6dd546 | 243 | } |
351107c9 | 244 | |
b1eaa419 | 245 | .autocomplete-result-popup[nomatch] > .autocomplete-search-box { |
246 | border-top: 1px solid #9C9CFF; | |
351107c9 | 247 | } |
351107c9 | 248 | |
b1eaa419 | 249 | .autocomplete-search-engine { |
250 | padding: 2px; | |
3d6dd546 | 251 | } |
351107c9 | 252 | |
b1eaa419 | 253 | .autocomplete-search-engine[menuactive="true"] { |
254 | background-color: #008484; | |
255 | color: #FFCF00; | |
3d6dd546 | 256 | } |
351107c9 | 257 | |
b1eaa419 | 258 | .autocomplete-search-engine-img { |
259 | margin-right: 4px; | |
260 | } | |
261 | ||
f8bb6584 RK |
262 | .autocomplete-history-dropmarker:hover { |
263 | background-color: #FFCF00; | |
264 | } | |
265 | ||
266 | .autocomplete-history-dropmarker:hover:active, | |
267 | .autocomplete-history-dropmarker[open="true"] { | |
268 | background-color: #FF9F00; | |
269 | } | |
270 | ||
b1eaa419 | 271 | /* ::::: go and searchbuttons ::::: */ |
272 | ||
3d6dd546 | 273 | #search-button, |
351107c9 | 274 | #go-button { |
c710949d RK |
275 | margin: 0; |
276 | padding: 2px 0; | |
277 | -moz-margin-start: 2px; | |
b1eaa419 | 278 | font-weight: bold; |
279 | background-color: #000000; | |
351107c9 | 280 | } |
281 | ||
3d6dd546 | 282 | #search-button:hover, |
351107c9 | 283 | #go-button:hover { |
b1eaa419 | 284 | background-color: #FFCF00; |
351107c9 | 285 | } |
286 | ||
b1eaa419 | 287 | #search-button { |
288 | /* list-style-image: url("chrome://communicator/skin/icons/search.gif"); */ | |
289 | font-weight: bold; | |
290 | } | |
351107c9 | 291 | |
7a7b11b3 RK |
292 | /* |
293 | toolbar[mode="text"] #search-button > .button-box > .button-icon, | |
294 | toolbar[mode="icons"] #search-button > .button-box > .button-text { | |
295 | display: none; | |
296 | } | |
297 | */ | |
298 | ||
31e46317 RK |
299 | /* ::::: throbber ::::: */ |
300 | ||
301 | #throbber-box { | |
302 | -moz-margin-start: 2px; | |
303 | } | |
304 | ||
dc8e1207 | 305 | /* ::::: security button ::::: */ |
351107c9 | 306 | |
dc8e1207 | 307 | #security-button { |
308 | list-style-image:url("chrome://communicator/skin/icons/lock-insecure.gif"); | |
31e46317 | 309 | -moz-margin-start: 2px; |
b1eaa419 | 310 | } |
351107c9 | 311 | |
57d23eae | 312 | /* |high| and |low| styles could be different, to better reflect the secure level... */ |
313 | #security-button[level="high"], | |
dc8e1207 | 314 | #security-button[level="low"] { |
315 | list-style-image:url("chrome://communicator/skin/icons/lock-secure.gif"); | |
316 | } | |
317 | ||
318 | #security-button[level="broken"] { | |
319 | list-style-image:url("chrome://communicator/skin/icons/lock-broken.gif"); | |
b1eaa419 | 320 | } |
351107c9 | 321 | |
a3b3d4d6 | 322 | #popupIcon { |
323 | list-style-image:url("chrome://navigator/skin/icons/popup-blocked.gif"); | |
324 | } | |
325 | ||
dc8e1207 | 326 | /* ::::: personal toolbar ::::: */ |
351107c9 | 327 | |
dc8e1207 | 328 | #bookmarks-button { |
329 | list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif"); | |
b1eaa419 | 330 | } |
351107c9 | 331 | |
dc8e1207 | 332 | #bookmarks-button[open="true"] { |
333 | list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); | |
b1eaa419 | 334 | } |
351107c9 | 335 | |
dc8e1207 | 336 | #home-button { |
c710949d RK |
337 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); |
338 | -moz-image-region: rect(84px 25px 105px 0px); | |
339 | } | |
340 | ||
341 | #home-button[disabled="true"] { | |
342 | -moz-image-region: rect(84px 50px 105px 25px); | |
b1eaa419 | 343 | } |
ac1cdf20 | 344 | |
c710949d RK |
345 | #home-button:not([disabled="true"]):hover, |
346 | #home-button:not([disabled="true"]):hover:active { | |
347 | -moz-image-region: rect(84px 75px 105px 50px); | |
348 | } | |
349 | ||
350 | toolbarbutton.chevron { | |
e10e7add | 351 | list-style-image: url("chrome://navigator/skin/icons/chevron.gif") !important; |
ac1cdf20 | 352 | margin-right: 2px; |
353 | } | |
354 | ||
c710949d RK |
355 | toolbarbutton.chevron:hover, |
356 | toolbarbutton.chevron[open="true"] { | |
e10e7add | 357 | list-style-image: url("chrome://navigator/skin/icons/chevron-hover.gif") !important; |
ac1cdf20 | 358 | } |
359 | ||
7a7b11b3 | 360 | toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { |
ac1cdf20 | 361 | display: none; |
362 | } | |
e10e7add | 363 | |
7a7b11b3 RK |
364 | toolbarbutton.chevron > .toolbarbutton-text { |
365 | display: none; /* hide chevron label which has a width even if blank */ | |
366 | } | |
367 | ||
368 | toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { | |
369 | display: -moz-box; /* display chevron icon in text mode */ | |
370 | } | |
371 | ||
372 | /* Prevent [mode="icons"|"text"] from hiding the label and icon */ | |
373 | #bookmarks-ptf .bookmark-item > .toolbarbutton-text, | |
374 | #bookmarks-ptf .bookmark-item > .toolbarbutton-icon { | |
375 | display: -moz-box !important; | |
376 | } | |
377 | ||
e10e7add RK |
378 | /* ::::: feeds ::::: */ |
379 | ||
380 | #feedsMenu { | |
381 | list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png") !important; | |
382 | -moz-image-region: rect(0px 16px 16px 0px); | |
383 | } | |
384 | ||
385 | #feedsMenu[disabled="true"] { | |
386 | -moz-image-region: rect(32px 16px 48px 0px); | |
387 | } | |
388 | ||
389 | #feedsButton { | |
390 | list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png"); | |
391 | -moz-image-region: rect(0px 32px 16px 16px); | |
392 | } | |
393 | ||
394 | #feedsButton:hover { | |
395 | -moz-image-region: rect(16px 32px 32px 16px); | |
396 | } | |
397 | ||
398 | #feedsButton:hover:active { | |
399 | -moz-image-region: rect(48px 32px 64px 16px); | |
400 | } | |
7a7b11b3 | 401 | |
c710949d RK |
402 | toolbar[iconsize="small"] > #back-button { |
403 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); | |
404 | -moz-image-region: rect(32px 16px 48px 0); | |
405 | } | |
406 | ||
407 | toolbar[iconsize="small"] > #back-button[disabled="true"] { | |
408 | -moz-image-region: rect(32px 32px 48px 16px) !important; | |
409 | } | |
410 | ||
411 | toolbar[iconsize="small"] > #back-button:not([disabled="true"]):hover, | |
412 | toolbar[iconsize="small"] > #back-button:not([disabled="true"]):hover:active { | |
413 | -moz-image-region: rect(32px 48px 48px 32px); | |
414 | } | |
415 | ||
416 | toolbar[iconsize="small"] > #forward-button { | |
417 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); | |
418 | -moz-image-region: rect(48px 16px 64px 0); | |
419 | } | |
420 | ||
421 | toolbar[iconsize="small"] > #forward-button[disabled="true"] { | |
422 | -moz-image-region: rect(48px 32px 64px 16px) !important; | |
423 | } | |
424 | ||
425 | toolbar[iconsize="small"] > #forward-button:not([disabled="true"]):hover, | |
426 | toolbar[iconsize="small"] > #forward-button:not([disabled="true"]):hover:active { | |
427 | -moz-image-region: rect(48px 48px 64px 32px); | |
428 | } | |
429 | ||
430 | toolbar[iconsize="small"] > #reload-button { | |
431 | list-style-image: url("chrome://navigator/skin/icons/navigatoricons-small.png"); | |
432 | -moz-image-region: rect(0 16px 16px 0); | |
433 | } | |
434 | ||
435 | toolbar[iconsize="small"] > #reload-button[disabled="true"] { | |
436 | -moz-image-region: rect(0 32px 16px 16px) !important; | |
437 | } | |
438 | ||
439 | toolbar[iconsize="small"] > #reload-button:not([disabled="true"]):hover, | |
440 | toolbar[iconsize="small"] > #reload-button:not([disabled="true"]):hover:active { | |
441 | -moz-image-region: rect(0 48px 16px 32px); | |
442 | } | |
443 | ||
444 | toolbar[iconsize="small"] > #stop-button { | |
445 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); | |
446 | -moz-image-region: rect(16px 16px 32px 0); | |
447 | } | |
448 | ||
449 | toolbar[iconsize="small"] > #stop-button[disabled="true"] { | |
450 | -moz-image-region: rect(16px 32px 32px 16px) !important; | |
451 | } | |
452 | ||
453 | toolbar[iconsize="small"] > #stop-button:not([disabled="true"]):hover, | |
454 | toolbar[iconsize="small"] > #stop-button:not([disabled="true"]):hover:active { | |
455 | -moz-image-region: rect(16px 48px 32px 32px); | |
456 | } | |
457 | ||
458 | toolbar[iconsize="small"] > #print-button { | |
459 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); | |
460 | -moz-image-region: rect(0 16px 16px 0); | |
461 | } | |
462 | ||
463 | toolbar[iconsize="small"] > #print-button[disabled="true"] { | |
464 | -moz-image-region: rect(0 32px 16px 16px) !important; | |
465 | } | |
466 | ||
467 | toolbar[iconsize="small"] > #print-button:not([disabled="true"]):hover, | |
468 | toolbar[iconsize="small"] > #print-button:not([disabled="true"]):hover:active { | |
469 | -moz-image-region: rect(0 48px 16px 32px); | |
470 | } | |
471 | ||
472 | toolbar[iconsize="small"] > #home-button { | |
473 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); | |
474 | -moz-image-region: rect(64px 16px 80px 0); | |
475 | } | |
476 | ||
477 | toolbar[iconsize="small"] > #home-button[disabled="true"] { | |
478 | -moz-image-region: rect(64px 32px 80px 16px) !important; | |
479 | } | |
480 | ||
481 | toolbar[iconsize="small"] > #home-button:not([disabled="true"]):hover, | |
482 | toolbar[iconsize="small"] > #home-button:not([disabled="true"]):hover:active { | |
483 | -moz-image-region: rect(64px 48px 80px 32px); | |
484 | } | |
485 | ||
7a7b11b3 RK |
486 | /* ::::: home button on the personal toolbar ::::: */ |
487 | ||
488 | #PersonalToolbar[iconsize="small"] > #home-button > .toolbarbutton-icon { | |
489 | /* width: 16px; | |
490 | height: 16px; */ | |
491 | } | |
492 | ||
493 | #PersonalToolbar > #home-button { | |
494 | cursor: pointer; | |
495 | } | |
496 | ||
497 | #PersonalToolbar > #home-button[disabled="true"] { | |
498 | cursor: default !important; | |
499 | } |