projects / themes.git / blame_incremental
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (non-incremental) | history | HEAD
first part of syncing LCARStrek with Firefox 33 windows theme changes
[themes.git] / LCARStrek / navigator / navigator.css
... / ...
CommitLineData
1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5/** Contains style definitions for the navigator application
6 **/
7
8@import url("chrome://navigator/content/navigator.css");
9@import url("chrome://communicator/skin/");
10@import url("chrome://communicator/skin/bookmarks/bookmarksToolbar.css");
11
12@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
13
14/* ::::: primary toolbar buttons ::::: */
15
16#back-button {
17 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
18 -moz-image-region: rect(42px 25px 63px 0px);
19}
20
21#back-button[disabled="true"] {
22 -moz-image-region: rect(42px 50px 63px 25px);
23}
24
25#back-button:not([disabled="true"]):hover,
26#back-button:not([disabled="true"]):hover:active,
27#back-button[open="true"] {
28 -moz-image-region: rect(42px 75px 63px 50px);
29}
30
31#forward-button {
32 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
33 -moz-image-region: rect(63px 25px 84px 0px);
34}
35
36#forward-button[disabled="true"] {
37 -moz-image-region: rect(63px 50px 84px 25px);
38}
39
40#forward-button:not([disabled="true"]):hover,
41#forward-button:not([disabled="true"]):hover:active,
42#forward-button[open="true"] {
43 -moz-image-region: rect(63px 75px 84px 50px);
44}
45
46#reload-button {
47 list-style-image: url("chrome://navigator/skin/icons/navigatoricons.png");
48 -moz-image-region: rect(0px 25px 21px 0px);
49}
50
51#reload-button[disabled="true"] {
52 -moz-image-region: rect(0px 50px 21px 25px);
53}
54
55#reload-button:not([disabled="true"]):hover,
56#reload-button:not([disabled="true"]):hover:active {
57 -moz-image-region: rect(0px 75px 21px 50px);
58}
59
60#stop-button {
61 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
62 -moz-image-region: rect(21px 25px 42px 0px);
63}
64
65#stop-button[disabled="true"] {
66 -moz-image-region: rect(21px 50px 42px 25px);
67}
68
69#stop-button:not([disabled="true"]):hover,
70#stop-button:not([disabled="true"]):hover:active {
71 -moz-image-region: rect(21px 75px 42px 50px);
72}
73
74#home-button {
75 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
76 -moz-image-region: rect(84px 25px 105px 0px);
77}
78
79#home-button[disabled="true"] {
80 -moz-image-region: rect(84px 50px 105px 25px);
81}
82
83#home-button:not([disabled="true"]):hover,
84#home-button:not([disabled="true"]):hover:active {
85 -moz-image-region: rect(84px 75px 105px 50px);
86}
87
88#sync-button {
89 list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
90}
91
92#sync-button[status=active] {
93 list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png");
94}
95
96#clear-button {
97 list-style-image: url("chrome://global/skin/icons/close-button.gif");
98}
99
100#clear-button:hover {
101 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
102}
103
104/* ::::: small primary toolbar buttons ::::: */
105
106toolbar[iconsize="small"] > #back-button {
107 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
108 -moz-image-region: rect(32px 16px 48px 0);
109}
110
111toolbar[iconsize="small"] > #back-button[disabled="true"] {
112 -moz-image-region: rect(32px 32px 48px 16px) !important;
113}
114
115toolbar[iconsize="small"] > #back-button:not([disabled="true"]):hover,
116toolbar[iconsize="small"] > #back-button:not([disabled="true"]):hover:active {
117 -moz-image-region: rect(32px 48px 48px 32px);
118}
119
120toolbar[iconsize="small"] > #forward-button {
121 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
122 -moz-image-region: rect(48px 16px 64px 0);
123}
124
125toolbar[iconsize="small"] > #forward-button[disabled="true"] {
126 -moz-image-region: rect(48px 32px 64px 16px) !important;
127}
128
129toolbar[iconsize="small"] > #forward-button:not([disabled="true"]):hover,
130toolbar[iconsize="small"] > #forward-button:not([disabled="true"]):hover:active {
131 -moz-image-region: rect(48px 48px 64px 32px);
132}
133
134toolbar[iconsize="small"] > #reload-button {
135 list-style-image: url("chrome://navigator/skin/icons/navigatoricons-small.png");
136 -moz-image-region: rect(0 16px 16px 0);
137}
138
139toolbar[iconsize="small"] > #reload-button[disabled="true"] {
140 -moz-image-region: rect(0 32px 16px 16px) !important;
141}
142
143toolbar[iconsize="small"] > #reload-button:not([disabled="true"]):hover,
144toolbar[iconsize="small"] > #reload-button:not([disabled="true"]):hover:active {
145 -moz-image-region: rect(0 48px 16px 32px);
146}
147
148toolbar[iconsize="small"] > #stop-button {
149 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
150 -moz-image-region: rect(16px 16px 32px 0);
151}
152
153toolbar[iconsize="small"] > #stop-button[disabled="true"] {
154 -moz-image-region: rect(16px 32px 32px 16px) !important;
155}
156
157toolbar[iconsize="small"] > #stop-button:not([disabled="true"]):hover,
158toolbar[iconsize="small"] > #stop-button:not([disabled="true"]):hover:active {
159 -moz-image-region: rect(16px 48px 32px 32px);
160}
161
162toolbar[iconsize="small"] > #home-button {
163 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
164 -moz-image-region: rect(64px 16px 80px 0);
165}
166
167toolbar[iconsize="small"] > #home-button[disabled="true"] {
168 -moz-image-region: rect(64px 32px 80px 16px) !important;
169}
170
171toolbar[iconsize="small"] > #home-button:not([disabled="true"]):hover,
172toolbar[iconsize="small"] > #home-button:not([disabled="true"]):hover:active {
173 -moz-image-region: rect(64px 48px 80px 32px);
174}
175
176toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button,
177toolbar[iconsize="small"] > #sync-button {
178 list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
179}
180
181toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
182toolbar[iconsize="small"] > #sync-button[status=active] {
183 list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
184}
185
186#FindToolbar:-moz-lwtheme {
187/* -moz-border-top-colors: transparent;
188 -moz-border-bottom-colors: transparent; */
189}
190
191/* ::::: fullscreen window controls ::::: */
192
193#window-controls {
194 -moz-box-align: center;
195 padding: 0 1px;
196 border-left: 3px solid #000000;
197 -moz-margin-start: 2px;
198}
199
200#window-controls > toolbarbutton {
201 padding: 3px;
202 -moz-padding-start: 2px;
203 -moz-padding-end: 1px;
204}
205
206toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
207 display: -moz-box;
208}
209
210#minimize-button {
211 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
212}
213
214#minimize-button:hover {
215 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
216}
217
218#restore-button {
219 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
220}
221
222#restore-button:hover {
223 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
224}
225
226#close-button {
227 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
228}
229
230#close-button:hover {
231 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
232}
233
234/* ::::: nav-bar-inner ::::: */
235
236.nav-bar-class {
237 -moz-padding-start: 1px;
238 -moz-padding-end: 1px;
239 min-width: 0px;
240 -moz-box-align: center;
241}
242
243#urlbar {
244 border-radius: 5px;
245 margin: 0;
246 -moz-margin-start: 3px;
247 /* make color as light as possible to deal with dark non-domain parts */
248 color: #FFBFFF;
249}
250
251.urlbar-security-level {
252 border-radius: 3px 0 0 3px;
253 padding: 2px;
254}
255
256.urlbar-security-level[level="high"] {
257 background-color: #FFCF00;
258 color: #000000;
259}
260
261#wrapper-nav-bar-inner[place="palette"] > #nav-bar-inner > .button-toolbar,
262#wrapper-nav-bar-inner[place="palette"] > #nav-bar-inner > #urlbar > .urlbar-icons {
263 display: none;
264}
265
266/* ::::: notification popups ::::: */
267
268.popup-notification-icon {
269 width: 64px;
270 height: 64px;
271 -moz-margin-end: 10px;
272}
273
274.popup-notification-icon[popupid="geolocation"] {
275 list-style-image: url("chrome://communicator/skin/icons/geolocation-64.png");
276}
277
278.popup-notification-icon[popupid="web-notifications"] {
279 list-style-image: url("chrome://communicator/skin/icons/notification-64.png");
280}
281
282.popup-notification-icon[popupid="addon-install-disabled"],
283.popup-notification-icon[popupid="addon-install-blocked"],
284.popup-notification-icon[popupid="addon-install-started"],
285.popup-notification-icon[popupid="addon-install-cancelled"],
286.popup-notification-icon[popupid="addon-install-failed"],
287.popup-notification-icon[popupid="addon-install-complete"],
288.popup-notification-icon[popupid="lwtheme-install-request"],
289.popup-notification-icon[popupid="lwtheme-install-notification"] {
290 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
291 width: 32px;
292 height: 32px;
293}
294
295.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
296.popup-notification-icon[popupid="indexedDB-quota-prompt"] {
297 list-style-image: url("chrome://global/skin/icons/question-64.png");
298}
299
300.popup-notification-icon[popupid="password-change"],
301.popup-notification-icon[popupid="password-save"] {
302 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
303}
304
305.popup-notification-icon[popupid="click-to-play-plugins"] {
306 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
307 margin: 0px;
308 width: 32px;
309 height: 32px;
310}
311
312.addon-progress-description {
313 width: 350px;
314 max-width: 350px;
315}
316
317/* Notification icon box */
318#notification-popup-box {
319 -moz-margin-end: 3px;
320}
321
322.notification-anchor-icon:-moz-focusring {
323 outline: 1px dotted;
324}
325
326#default-notification-icon {
327 list-style-image: url("chrome://global/skin/icons/information-16.png");
328 width: 16px;
329 height: 16px;
330}
331
332#geo-notification-icon {
333 list-style-image: url("chrome://communicator/skin/icons/geolocation-16.png");
334 width: 16px;
335 height: 16px;
336}
337
338#web-notifications-notification-icon {
339 list-style-image: url("chrome://communicator/skin/icons/notification-16.png");
340 width: 16px;
341 height: 16px;
342}
343
344#addons-notification-icon {
345 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
346 width: 16px;
347 height: 16px;
348}
349
350#indexedDB-notification-icon {
351 list-style-image: url("chrome://global/skin/icons/question-16.png");
352 width: 16px;
353 height: 16px;
354}
355
356#password-notification-icon {
357 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
358 width: 16px;
359 height: 16px;
360}
361
362#plugins-notification-icon {
363 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
364 width: 16px;
365 height: 16px;
366}
367
368.click-to-play-plugins-notification-content {
369 margin: -10px;
370 border-radius: 4px;
371}
372
373.click-to-play-plugins-notification-icon-box {
374 background-color: #000000;
375 -moz-border-end: 1px solid #FF9F00;
376 padding-top: 16px;
377 -moz-padding-end: 16px;
378 -moz-padding-start: 24px;
379 -moz-margin-start: 4px;
380 margin-top: 4px;
381 margin-bottom: 4px;
382}
383
384.click-to-play-plugins-notification-icon-box:-moz-locale-dir(ltr) {
385 border-bottom-left-radius: 4px;
386 border-top-left-radius: 4px;
387}
388
389.click-to-play-plugins-notification-icon-box:-moz-locale-dir(rtl) {
390 border-bottom-right-radius: 4px;
391 border-top-right-radius: 4px;
392}
393
394.click-to-play-plugins-notification-separator {
395}
396
397.click-to-play-plugins-notification-description-box {
398 padding-top: 12px;
399 -moz-padding-end: 11px;
400 padding-bottom: 9px;
401 -moz-padding-start: 10px;
402}
403
404.click-to-play-plugins-notification-center-box {
405 border-top: 1px solid #FF9F00;
406 border-bottom: 1px solid #FF9F00;
407 background-color: #000000;
408 -moz-margin-end: 4px;
409}
410
411.click-to-play-plugins-notification-button-container {
412 margin: 0px;
413 padding: 16px;
414}
415
416.center-item-box {
417 padding: 12px 16px 0px 16px;
418}
419
420.center-item-box[padbottom="true"] {
421 padding-bottom: 12px;
422}
423
424.center-item-icon {
425 background-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
426 background-repeat: no-repeat;
427 height: 16px;
428 width: 16px;
429 margin-bottom: 4px;
430}
431
432.center-item-box[warn="true"] {
433 background-image: url("chrome://navigator/skin/click-to-play-warning-stripes.png");
434 background-repeat: repeat-x;
435 padding: 8px 16px 6px 16px;
436}
437
438.center-item-box[padbottom="true"][warn="true"] {
439 padding-bottom: 4px;
440}
441
442.center-item-box[showseparator="true"] {
443 border-top: 1px solid #9C9CFF;
444}
445
446.center-item-box[warn="false"] > .center-item-warning {
447 display: none;
448}
449
450.center-item-warning > .text-link[href=""] {
451 display: none;
452}
453
454.center-item-warning-icon {
455 background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
456 background-repeat: no-repeat;
457 width: 16px;
458 height: 15px;
459 margin-bottom: 4px;
460}
461
462.center-item-warning-description {
463 color: #828282;
464}
465
466.center-item-button {
467 min-width: 0px;
468}
469
470/* ::::: page proxy icon ::::: */
471
472#page-proxy-deck,
473#page-proxy-favicon,
474#page-proxy-button {
475 width: 16px;
476 height: 16px;
477}
478
479#page-proxy-deck {
480 cursor: grab;
481 margin: 0;
482}
483
484#page-proxy-button {
485 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
486}
487
488#page-proxy-favicon {
489 list-style-image: none;
490}
491
492/* ::::: autocomplete ::::: */
493
494.autocomplete-treebody::-moz-tree-cell-text(value) {
495 -moz-padding-start: 13px;
496}
497
498.autocomplete-treebody::-moz-tree-cell-text(comment) {
499 color: #E7ADE7;
500/* font-style: italic; */
501}
502
503.autocomplete-search-box {
504 border-top: 1px solid #FF9F00;
505 background-color: #9C9CFF;
506 color: #000000;
507}
508
509.autocomplete-result-popup[nomatch] > .autocomplete-search-box {
510 border-top: 1px solid #9C9CFF;
511}
512
513.autocomplete-search-engine {
514 padding: 2px;
515}
516
517.autocomplete-search-engine[menuactive="true"] {
518 background-color: #008484;
519 color: #FFCF00;
520}
521
522.autocomplete-search-engine-img {
523 -moz-margin-end: 4px;
524}
525
526.autocomplete-history-dropmarker:hover {
527 background-color: #FFCF00;
528}
529
530.autocomplete-history-dropmarker:hover:active,
531.autocomplete-history-dropmarker[open="true"] {
532 background-color: #FF9F00;
533}
534
535.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
536 color: #E7ADE7;
537}
538
539/* ::::: go and searchbuttons ::::: */
540
541#search-button,
542#go-button {
543 margin: 0;
544 padding: 2px 0;
545 -moz-margin-start: 2px;
546 background-color: #000000;
547}
548
549#search-button:hover,
550#go-button:hover {
551 background-color: #FFCF00;
552}
553
554/* care that those buttons base on the same min height of 16px that the urlbar
555 autocomplete box gets through site icon and urlbar icons at the right */
556#search-button > .button-box,
557#go-button > .button-box {
558 min-height: 16px;
559}
560
561#search-button {
562/* list-style-image: url("chrome://communicator/skin/icons/search.gif"); */
563}
564
565#search-button > .button-box > .button-icon {
566 display: -moz-box;
567}
568
569/*
570toolbar[mode="text"] #search-button > .button-box > .button-icon,
571toolbar[mode="icons"] #search-button > .button-box > .button-text {
572 display: none;
573}
574*/
575
576/* ::::: search bar ::::: */
577
578.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
579.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) {
580 color: #E7ADE7;
581 font-size: smaller;
582}
583
584.autocomplete-treebody::-moz-tree-cell(suggesthint) {
585 border-top: 1px solid #E7ADE7;
586}
587
588/* ::::: throbber ::::: */
589
590#throbber-box {
591 -moz-margin-start: 2px;
592}
593
594/* ::::: security button ::::: */
595
596#security-button {
597 list-style-image: url("chrome://communicator/skin/icons/lock-insecure.gif");
598}
599
600#security-button > .statusbarpanel-contentbox > .statusbarpanel-text {
601 margin: 0px;
602}
603
604/* |high| and |low| styles could be different, to better reflect the secure level... */
605#security-button[level="high"] > .statusbarpanel-contentbox {
606 list-style-image: url("chrome://communicator/skin/icons/lock-secure-hover.png");
607 background-color: #FFCF00;
608}
609
610#security-button[level="broken"] > .statusbarpanel-contentbox {
611 list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif");
612 background-color: #FF0000;
613}
614
615#security-button[label][level="high"] > .statusbarpanel-contentbox {
616 list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif");
617 background-color: #008484;
618 color: #FFCF00;
619}
620
621#ev-button {
622 list-style-image: url("chrome://communicator/skin/icons/identity.png");
623}
624
625#popupIcon {
626 list-style-image:url("chrome://navigator/skin/icons/popup-blocked.gif");
627}
628
629#invalid-form-popup {
630 border: 1px solid #FFCF00;
631 border : 1px outset #FFFFCC;
632 padding: 2px 3px 0px 3px;
633 max-width: 40em;
634 background-color: #9C9CFF;
635 color: #000000;
636 font-weight: bold;
637}
638
639/* ::::: personal toolbar ::::: */
640
641#bookmarks-button {
642 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
643}
644
645#bookmarks-button[open="true"] {
646 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
647}
648
649toolbarbutton.chevron {
650 list-style-image: url("chrome://navigator/skin/icons/chevron.gif") !important;
651}
652
653toolbarbutton.chevron:hover,
654toolbarbutton.chevron[open="true"] {
655 list-style-image: url("chrome://navigator/skin/icons/chevron-hover.gif") !important;
656}
657
658toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
659 display: none;
660}
661
662toolbarbutton.chevron > .toolbarbutton-text {
663 display: none; /* hide chevron label which has a width even if blank */
664}
665
666toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
667 display: -moz-box; /* display chevron icon in text mode */
668}
669
670/* Prevent [mode="icons"|"text"] from hiding the label and icon */
671#bookmarks-ptf .bookmark-item > .toolbarbutton-text,
672#bookmarks-ptf .bookmark-item > .toolbarbutton-icon {
673 display: -moz-box !important;
674}
675
676#PersonalToolbar[iconsize="small"] > toolbarpaletteitem > #home-button > .toolbarbutton-icon,
677#PersonalToolbar[iconsize="small"] > #home-button > .toolbarbutton-icon {
678 /* width: 16px;
679 height: 16px; */
680}
681
682#PersonalToolbar > #home-button {
683 cursor: pointer;
684}
685
686#PersonalToolbar > #home-button[disabled="true"] {
687 cursor: default !important;
688}
689
690/*
691 In customize mode we hide the normal bookmark items and show a placeholder
692 for the drag/drop UI.
693*/
694.bookmarks-toolbar-customize {
695 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
696 display: none;
697 max-width: 15em !important;
698}
699
700#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
701 width: 16px;
702 height: 16px;
703 background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat;
704}
705
706/* ::::: star button ::::: */
707
708#star-button {
709 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
710 -moz-image-region: rect(16px 16px 32px 0px);
711}
712
713#star-button:hover {
714 -moz-image-region: rect(16px 32px 32px 16px);
715}
716
717#star-button:hover:active {
718 -moz-image-region: rect(16px 48px 32px 32px);
719}
720
721#star-button[starred="true"] {
722 -moz-image-region: rect(0px 16px 16px 0px);
723}
724
725#star-button[starred="true"]:hover {
726 -moz-image-region: rect(0px 32px 16px 16px);
727}
728
729#star-button[starred="true"]:hover:active {
730 -moz-image-region: rect(0px 48px 16px 32px);
731}
732
733#editBookmarkPanelStarIcon {
734 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
735 -moz-image-region: rect(0px 16px 16px 0px);
736}
737
738/* ::::: feeds ::::: */
739
740.feedsMenu {
741 list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png");
742 -moz-image-region: rect(0px 16px 16px 0px);
743}
744
745.feedsMenu[disabled="true"] {
746 -moz-image-region: rect(32px 16px 48px 0px);
747}
748
749.feedsButton {
750 list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png");
751 -moz-image-region: rect(0px 32px 16px 16px);
752}
753
754.feedsButton:hover {
755 -moz-image-region: rect(16px 32px 32px 16px);
756}
757
758.feedsButton:hover:active {
759 -moz-image-region: rect(48px 32px 64px 16px);
760}
KaiRo's SeaMonkey themes