keep up eith Classic
[themes.git] / EarlyBlue / browser / browser.css
CommitLineData
d684a373 1/* ***** BEGIN LICENSE BLOCK *****
2 * Version: NPL 1.1/GPL 2.0/LGPL 2.1
3 *
4 * The contents of this file are subject to the Netscape Public License
5 * Version 1.1 (the "License"); you may not use this file except in
6 * compliance with the License. You may obtain a copy of the License at
7 * http://www.mozilla.org/NPL/
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 mozilla.org code.
15 *
16 * The Initial Developer of the Original Code is
17 * Netscape Communications Corporation.
18 * Portions created by the Initial Developer are Copyright (C) 1998-1999
19 * the Initial Developer. All Rights Reserved.
20 *
21 * Contributor(s):
22 * Joe Hewitt (hewitt@netscape.com)
23 * Jason Kersey (kerz@netscape.com)
24 * Pierre Chanial (chanial@noos.fr)
25 *
26 * Alternatively, the contents of this file may be used under the terms of
27 * either the GNU General Public License Version 2 or later (the "GPL"), or
28 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
29 * in which case the provisions of the GPL or the LGPL are applicable instead
30 * of those above. If you wish to allow use of your version of this file only
31 * under the terms of either the GPL or the LGPL, and not to allow others to
32 * use your version of this file under the terms of the NPL, indicate your
33 * decision by deleting the provisions above and replace them with the notice
34 * and other provisions required by the GPL or the LGPL. If you do not delete
35 * the provisions above, a recipient may use your version of this file under
36 * the terms of any one of the NPL, the GPL or the LGPL.
37 *
38 * ***** END LICENSE BLOCK ***** */
39
40@import url("chrome://global/skin/");
41
42@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
43
44#PersonalToolbar {
45 min-height: 20px;
46}
47
48/* ::::: bookmark buttons ::::: */
49
50toolbarbutton.bookmark-item {
51 margin: 0;
52 min-width: 0;
53 max-width: 13em;
54 min-height: 20px;
55cca60c 55 padding: 1px;
56}
57
58toolbarbutton.bookmark-item:hover:active,
59toolbarbutton.bookmark-item[open="true"] {
60 padding: 2px 0px 0px 2px;
d684a373 61}
62
63.bookmark-item > .toolbarbutton-icon {
64 width: 16px;
55cca60c 65 height: 16px;
d684a373 66}
67
68/* Prevent [mode="icons"] from hiding the label */
69.bookmark-item > .toolbarbutton-text {
70 display: -moz-box !important;
71}
72
73.bookmark-item > .toolbarbutton-menu-dropmarker {
74 display: none;
75}
76
77.toolbarpaletteitem-box[type="bookmarks-toolbar"][place="palette"] {
78 width: 32px;
79 height: 32px;
21384789 80 background: url("chrome://browser/skin/icons/bookmarks-folder.gif") no-repeat;
d684a373 81}
82
83.bookmarks-toolbar-customize {
84 display: none;
85 max-width: 15em !important;
86}
87
88toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
89 display: -moz-box;
90}
91
92toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
93 visibility: hidden;
94}
95
96toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
97 visibility: hidden;
98}
99
100/* ::::: bookmark menus ::::: */
101
102menu.bookmark-item,
103menuitem.bookmark-item {
104 min-width: 0;
105 max-width: 26em;
106 border-top: 1px solid transparent !important;
107 border-bottom: 1px solid transparent !important;
108 padding: 1px 3px 1px 2px;
109 margin-top: -1px;
110}
111
112.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
113 width: 16px;
114 height: 16px;
115}
116
117/* ..... drag and drop styles ..... */
118
119.bookmark-item[dragover-left="true"] {
120 -moz-border-left-colors: #000000;
121}
122.bookmark-item[dragover-right="true"] {
123 -moz-border-right-colors: #000000;
124}
125.bookmark-item[dragover-top="true"] {
126 -moz-border-top-colors: #000000;
127}
128.bookmark-item[dragover-bottom="true"] {
129 -moz-border-bottom-colors: #000000;
130}
131
132/* ::::: bookmark items ::::: */
133
134.bookmark-item {
bac19d09 135 list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif");
d684a373 136}
137
138.bookmark-item[container="true"] {
bac19d09 139 list-style-image: url("chrome://browser/skin/icons/bookmark-folder-closed.gif");
d684a373 140}
141.bookmark-item[open="true"],
142.bookmark-item[container="true"][open="true"] {
bac19d09 143 list-style-image: url("chrome://browser/skin/icons/bookmark-folder-open.gif");
d684a373 144}
145
d684a373 146/* ::::: primary toolbar buttons ::::: */
147
55cca60c 148.toolbarbutton-1,
149.toolbarbutton-1 > .toolbarbutton-menubutton-button {
d684a373 150 -moz-box-orient: vertical;
151 min-width: 0px;
d684a373 152}
153
154toolbarbutton:not([disabled="true"]):hover,
155menubutton:not([disabled="true"]):hover,
156toolbarbutton:not([disabled="true"]):hover:active,
157menubutton:not([disabled="true"]):hover:active {
55cca60c 158 color: #000000 !important;
d684a373 159}
160
161/*
162.toolbarbutton-menubutton-stack,
163.toolbarbutton-menubutton-button,
164.toolbarbutton-menubutton-stack:hover,
165.toolbarbutton-menubutton-button:hover,
166.toolbarbutton-menubutton-stack:hover:active,
167.toolbarbutton-menubutton-button:hover:active {
168 margin: 0 !important;
169 display: -moz-box;
170}
171*/
172
173toolbarbutton[type="menu-button"] {
174 -moz-box-orient: horizontal;
175}
176
177toolbar[mode="icons"] .toolbarbutton-text {
178 display: none;
179}
180
181toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
182toolbar[mode="text"] .toolbarbutton-icon {
183 display: none;
184}
185
186toolbar[mode="text"] .toolbarbutton-text {
187 padding: 0 !important;
188 margin: 3px 5px !important;
189}
190
191#back-button {
192/* -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */
e1cbd476 193 list-style-image: url("chrome://browser/skin/icons/back.gif");
d684a373 194}
195#back-button[disabled="true"] {
e1cbd476 196 list-style-image: url("chrome://browser/skin/icons/back-disabled.gif");
d684a373 197}
198
199#forward-button {
200/* -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */
e1cbd476 201 list-style-image: url("chrome://browser/skin/icons/forward.gif");
d684a373 202}
203#forward-button[disabled="true"] {
e1cbd476 204 list-style-image: url("chrome://browser/skin/icons/forward-disabled.gif");
d684a373 205}
206
207#reload-button {
e1cbd476 208 list-style-image: url("chrome://browser/skin/icons/reload.gif");
d684a373 209}
210#reload-button[disabled="true"] {
e1cbd476 211 list-style-image: url("chrome://browser/skin/icons/reload-disabled.gif");
d684a373 212}
213
214#stop-button {
e1cbd476 215 list-style-image: url("chrome://browser/skin/icons/stop.gif");
d684a373 216}
217#stop-button[disabled="true"] {
e1cbd476 218 list-style-image: url("chrome://browser/skin/icons/stop-disabled.gif");
d684a373 219}
220
221#home-button {
bac19d09 222 list-style-image: url("chrome://browser/skin/icons/home.gif");
d684a373 223}
224#home-button[disabled="true"] {
bac19d09 225 list-style-image: url("chrome://browser/skin/icons/home-disabled.gif");
d684a373 226}
227
228#print-button {
e1cbd476 229 list-style-image: url("chrome://browser/skin/icons/print.gif");
d684a373 230}
231#print-button[disabled="true"] {
e1cbd476 232 list-style-image: url("chrome://browser/skin/icons/print-disabled.gif");
d684a373 233}
234
235#new-tab-button {
21384789 236 list-style-image: url("chrome://browser/skin/icons/new-tab.gif");
d684a373 237}
238#new-tab-button[disabled="true"] {
21384789 239 list-style-image: url("chrome://browser/skin/icons/new-tab-disabled.gif");
d684a373 240}
241
242#new-window-button {
21384789 243 list-style-image: url("chrome://browser/skin/icons/new-window.gif");
d684a373 244}
245#new-window-button[disabled="true"] {
21384789 246 list-style-image: url("chrome://browser/skin/icons/new-window-disabled.gif");
d684a373 247}
248
249#downloads-button {
e1cbd476 250 list-style-image: url("chrome://browser/skin/icons/downloads.gif");
d684a373 251}
252#downloads-button[disabled="true"] {
e1cbd476 253 list-style-image: url("chrome://browser/skin/icons/downloads-disabled.gif");
d684a373 254}
255
256#bookmarks-button {
bac19d09 257 list-style-image: url("chrome://browser/skin/icons/bookmarks.gif");
d684a373 258}
259#bookmarks-button[disabled="true"] {
bac19d09 260 list-style-image: url("chrome://browser/skin/icons/bookmarks-disabled.gif");
d684a373 261}
262
263#history-button {
e1cbd476 264 list-style-image: url("chrome://browser/skin/icons/history.gif");
d684a373 265}
266#history-button[disabled="true"] {
e1cbd476 267 list-style-image: url("chrome://browser/skin/icons/history-disabled.gif");
d684a373 268}
269
270
271/* ::::: small primary toolbar buttons ::::: */
272
d684a373 273toolbar[iconsize="small"] #back-button {
e1cbd476 274 list-style-image: url("chrome://browser/skin/icons/back-small.gif");
d684a373 275}
276toolbar[iconsize="small"] #back-button[disabled="true"] {
e1cbd476 277 list-style-image: url("chrome://browser/skin/icons/back-small-disabled.gif");
d684a373 278}
279
280toolbar[iconsize="small"] #forward-button {
e1cbd476 281 list-style-image: url("chrome://browser/skin/icons/forward-small.gif");
d684a373 282}
283toolbar[iconsize="small"] #forward-button[disabled="true"] {
e1cbd476 284 list-style-image: url("chrome://browser/skin/icons/forward-small-disabled.gif");
d684a373 285}
286
287toolbar[iconsize="small"] #reload-button {
e1cbd476 288 list-style-image: url("chrome://browser/skin/icons/reload-small.gif");
d684a373 289}
290toolbar[iconsize="small"] #reload-button[disabled="true"] {
e1cbd476 291 list-style-image: url("chrome://browser/skin/icons/reload-small-disabled.gif");
d684a373 292}
293
294toolbar[iconsize="small"] #stop-button {
e1cbd476 295 list-style-image: url("chrome://browser/skin/icons/stop-small.gif");
d684a373 296}
297toolbar[iconsize="small"] #stop-button[disabled="true"] {
e1cbd476 298 list-style-image: url("chrome://browser/skin/icons/stop-small-disabled.gif");
d684a373 299}
300
301toolbar[iconsize="small"] #home-button {
bac19d09 302 list-style-image: url("chrome://browser/skin/icons/home-small.gif");
d684a373 303}
304toolbar[iconsize="small"] #home-button[disabled="true"] {
bac19d09 305 list-style-image: url("chrome://browser/skin/icons/home-small-disabled.gif");
d684a373 306}
307
308toolbar[iconsize="small"] #print-button {
e1cbd476 309 list-style-image: url("chrome://browser/skin/icons/print-small.gif");
d684a373 310}
311toolbar[iconsize="small"] #print-button[disabled="true"] {
e1cbd476 312 list-style-image: url("chrome://browser/skin/icons/print-small-disabled.gif");
d684a373 313}
314
315toolbar[iconsize="small"] #downloads-button {
e1cbd476 316 list-style-image: url("chrome://browser/skin/icons/downloads-small.gif");
d684a373 317}
318toolbar[iconsize="small"] #downloads-button[disabled="true"] {
e1cbd476 319 list-style-image: url("chrome://browser/skin/icons/downloads-small-disabled.gif");
d684a373 320}
321
322toolbar[iconsize="small"] #new-tab-button {
21384789 323 list-style-image: url("chrome://browser/skin/icons/new-tab-small.gif");
d684a373 324}
325toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
21384789 326 list-style-image: url("chrome://browser/skin/icons/new-tab-small-disabled.gif");
d684a373 327}
328
329toolbar[iconsize="small"] #new-window-button {
21384789 330 list-style-image: url("chrome://browser/skin/icons/new-window-small.gif");
d684a373 331}
332toolbar[iconsize="small"] #new-window-button[disabled="true"] {
21384789 333 list-style-image: url("chrome://browser/skin/icons/new-window-small-disabled.gif");
d684a373 334}
335
336toolbar[iconsize="small"] #bookmarks-button {
bac19d09 337 list-style-image: url("chrome://browser/skin/icons/bookmarks-small.gif");
d684a373 338}
339toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
bac19d09 340 list-style-image: url("chrome://browser/skin/icons/bookmarks-small-disabled.gif");
d684a373 341}
342
343toolbar[iconsize="small"] #history-button {
e1cbd476 344 list-style-image: url("chrome://browser/skin/icons/history-small.gif");
d684a373 345}
346toolbar[iconsize="small"] #history-button[disabled="true"] {
e1cbd476 347 list-style-image: url("chrome://browser/skin/icons/history-small-disabled.gif");
d684a373 348}
349
350
351/* ::::: fullscreen window controls ::::: */
352
353#window-controls {
354 -moz-box-align: center;
355 padding: 0 2px 0 4px;
55cca60c 356 border-left: 2px groove #CCD0DD;
d684a373 357}
358
359#minimize-button {
55cca60c 360 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
d684a373 361}
362#restore-button {
55cca60c 363 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
d684a373 364}
365#close-button {
55cca60c 366 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
d684a373 367}
368
369/* ::::: nav-bar-inner ::::: */
370
371#urlbar {
372 margin: 2px 3px;
373}
374
375#search-bar {
376 width: 12em;
377}
378
379/* ::::: page proxy icon ::::: */
380
381#page-proxy-deck,
382#page-proxy-favicon,
383#page-proxy-button {
384 width: 16px;
385 height: 16px;
386}
387
388#page-proxy-deck {
389 cursor: -moz-grab;
390 margin: 2px 3px;
391}
392
393#page-proxy-favicon {
394 list-style-image: none;
395}
396
397#page-proxy-button {
55cca60c 398 list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif") !important;
399}
d684a373 400
401#page-proxy-button[pageproxystate="invalid"] {
402 cursor: default;
55cca60c 403 list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif") !important;
d684a373 404}
405
406
407statusbarpanel#statusbar-display {
408 padding-left: 0;
409}
410
411/* ::::: search-bar ::::: */
412
413#search-proxy-button {
414 margin: 2px;
21384789 415 list-style-image: url("chrome://browser/skin/icons/search-bar.gif");
d684a373 416}
417
418/* ::::: autocomplete ::::: */
419
a1f525f0 420.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
55cca60c 421 color: #336699;
d684a373 422}
423
424/* ::::: go button ::::: */
425
426#go-button,
427#go-container {
d684a373 428 background-color: transparent;
55cca60c 429 border: none;
d684a373 430 margin: 0;
431 padding: 0;
432 min-width: 0;
21384789 433 list-style-image: url("chrome://browser/skin/icons/go.gif");
d684a373 434}
435
436#go-button {
55cca60c 437 border: 1px solid transparent;
d684a373 438}
439
440#go-button:hover {
55cca60c 441 border: 1px outset #CCD0DD;
d684a373 442}
443
444#go-button:hover:active {
55cca60c 445 border: 1px inset #CCD0DD;
d684a373 446}
447
448#go-button[disabled="true"] {
21384789 449 list-style-image: url("chrome://browser/skin/icons/go-disabled.gif");
55cca60c 450 border: 1px solid transparent;
d684a373 451}
452
453#go-button > .button-box > .button-text {
454 margin-left: 5px !important;
455}
456
457#go-button > .button-box {
458 border: none;
459}
460
461#sidebar {
55cca60c 462 background-color: #CCD0DD;
d684a373 463}
464
465/* ::::: content area ::::: */
466
467#status-bar {
468 border-top: none;
469}
470
471#security-button {
472 display: none;
473}
474
475#security-button[level="high"] {
21384789 476 list-style-image: url("chrome://browser/skin/icons/secure.gif");
d684a373 477 display: -moz-box;
478}
479
480#security-button[level="low"] {
21384789 481 list-style-image: url("chrome://browser/skin/icons/secure.gif");
d684a373 482 display: -moz-box;
483}
484
485#security-button[level="broken"] {
21384789 486 list-style-image: url("chrome://browser/skin/icons/security-broken.gif");
55cca60c 487 display: -moz-box;
d684a373 488}
489
490#page-report-button {
491 display: none;
492}
493
494#page-report-button[blocked] {
495 display: -moz-box;
21384789 496 list-style-image: url("chrome://browser/skin/icons/info.gif");
d684a373 497 padding: 0px 3px 0px 3px;
498}
499
500/* ::::: throbber ::::: */
501
502#navigator-throbber {
d684a373 503 -moz-user-focus: ignore;
504 margin: 0 !important;
505 border: none !important;
506 padding: 0px !important;
507 min-width: 0;
508 background-color: transparent;
bac19d09 509 list-style-image: url("chrome://browser/skin/icons/throbber-stopped.gif");
d684a373 510}
511#navigator-throbber[busy="true"] {
bac19d09 512 list-style-image: url("chrome://browser/skin/icons/throbber.gif");
d684a373 513}
514
515toolbar[iconsize="small"] #navigator-throbber,
516toolbar[mode="text"] #navigator-throbber {
bac19d09 517 list-style-image: url("chrome://browser/skin/icons/throbber-small-stopped.gif");
d684a373 518}
519toolbar[iconsize="small"] #navigator-throbber[busy="true"],
520toolbar[mode="text"] #navigator-throbber[busy="true"] {
bac19d09 521 list-style-image: url("chrome://browser/skin/icons/throbber-small.gif");
d684a373 522}
523
524.tabs-closebutton {
525 list-style-image: url("chrome://global/skin/icons/close-button.gif");
526}
527/*
528#content .tabs-closebutton {
529 list-style-image: url("chrome://browser/skin/Close-tab.png");
55cca60c 530 -moz-image-region: rect(0px, 18px, 14px, 0px);
d684a373 531}
532
533#content .tabs-closebutton:hover {
55cca60c 534 -moz-image-region: rect(0px, 36px, 14px, 18px);
535}
536*/
d684a373 537toolbarbutton.chevron {
538 list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
539}
540
541
542toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
543 display: none;
544}