Commit | Line | Data |
---|---|---|
9099c61d RK |
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/. */ | |
128000f4 | 4 | |
5 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
f6e0a33f | 6 | |
7 | /* ==== button.css ========================================================== | |
8 | == Styles for special buttons in the Communicator suite. | |
9 | ========================================================================== */ | |
10 | ||
f6e0a33f | 11 | /* ::::: large toolbar buttons ::::: */ |
12 | ||
13 | .toolbarbutton-1, | |
c9b2b3ef | 14 | .toolbarbutton-1 > .toolbarbutton-menubutton-button { |
15 | min-width: 36px; | |
c9b2b3ef | 16 | -moz-box-orient: vertical; |
f6e0a33f | 17 | } |
18 | ||
19 | .toolbarbutton-1[type="menu-button"] { | |
c9b2b3ef | 20 | -moz-box-orient: horizontal; |
f6e0a33f | 21 | } |
22 | ||
74d14f90 | 23 | .toolbarbutton-1, |
24 | .toolbarbutton-1 > .toolbarbutton-menubutton-button, | |
b70a3a73 | 25 | .toolbarbutton-1[disabled="true"]:hover:active, |
26 | .toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button { | |
c9b2b3ef | 27 | padding: 1px; |
f6e0a33f | 28 | } |
29 | ||
74d14f90 | 30 | .toolbarbutton-1:hover:active, |
31 | .toolbarbutton-1[open="true"], | |
61af9d1c | 32 | .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button { |
02920d2b RK |
33 | padding-top: 2px; |
34 | padding-bottom: 0px; | |
35 | -moz-padding-start: 2px; | |
36 | -moz-padding-end: 0px; | |
f6e0a33f | 37 | } |
38 | ||
d84b9613 | 39 | .toolbarbutton-1[type="menu"] { |
40 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-vertical"); | |
f6e0a33f | 41 | } |
42 | ||
459f2165 | 43 | /* ::::: small primary toolbar buttons ::::: */ |
44 | ||
6c5a63bb RK |
45 | toolbar[mode="text"] .toolbarbutton-1, |
46 | toolbar[mode="icons"] .toolbarbutton-1, | |
7862e6ee | 47 | toolbar[iconsize="small"] .toolbarbutton-1, |
6c5a63bb RK |
48 | toolbar[mode="text"] .toolbarbutton-menubutton-button, |
49 | toolbar[mode="icons"] .toolbarbutton-menubutton-button, | |
7862e6ee | 50 | toolbar[iconsize="small"] .toolbarbutton-menubutton-button { |
459f2165 | 51 | min-width: 0px; |
52 | min-height: 0px; | |
53 | } | |
54 | ||
6c5a63bb | 55 | toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker { |
02920d2b | 56 | padding: 4px 1px 8px; |
459f2165 | 57 | } |
58 | ||
6c5a63bb | 59 | toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker, |
7862e6ee | 60 | toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker { |
02920d2b | 61 | padding: 0px 1px 13px; |
459f2165 | 62 | } |
63 | ||
6c5a63bb RK |
64 | toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
65 | toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { | |
02920d2b RK |
66 | padding-top: 5px; |
67 | padding-bottom: 7px; | |
68 | -moz-padding-start: 2px; | |
69 | -moz-padding-end: 0px; | |
459f2165 | 70 | } |
71 | ||
6c5a63bb RK |
72 | toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
73 | toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker, | |
7862e6ee RK |
74 | toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
75 | toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { | |
02920d2b RK |
76 | padding-top: 1px; |
77 | padding-bottom: 12px; | |
78 | -moz-padding-start: 2px; | |
79 | -moz-padding-end: 0px; | |
459f2165 | 80 | } |
81 | ||
6c5a63bb | 82 | toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] { |
02920d2b | 83 | padding: 4px 1px 8px !important; |
459f2165 | 84 | } |
85 | ||
6c5a63bb | 86 | toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"], |
7862e6ee | 87 | toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker[disabled="true"] { |
02920d2b | 88 | padding: 0px 1px 13px !important; |
459f2165 | 89 | } |
90 | ||
6c5a63bb RK |
91 | toolbar[mode="icons"] .toolbarbutton-text, |
92 | toolbar[mode="text"] .toolbarbutton-icon { | |
459f2165 | 93 | display: none; |
61af9d1c | 94 | } |
95 | ||
6c5a63bb | 96 | toolbar[mode="text"] .toolbarbutton-text { |
459f2165 | 97 | padding: 4px 0; |
98 | } | |
99 | ||
7862e6ee RK |
100 | toolbar[mode="text"] .toolbarbutton-1, |
101 | toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { | |
102 | -moz-box-orient: horizontal; | |
103 | } | |
104 | ||
105 | toolbar[labelalign="end"] .toolbarbutton-1, | |
106 | toolbar[labelalign="end"] .toolbarbutton-1 > .toolbarbutton-menubutton-button, | |
107 | toolbar[labelalign="end"] .toolbarbutton-1 > hbox > vbox { | |
108 | -moz-box-orient: horizontal; | |
109 | } | |
110 | ||
74d14f90 | 111 | /* ::::: standard toolbar buttons ::::: */ |
f6e0a33f | 112 | |
113 | .button-toolbar { | |
c9b2b3ef | 114 | -moz-user-focus: ignore; |
115 | min-width: 0px; | |
116 | max-width: 10em; | |
117 | background-color: transparent; | |
f6e0a33f | 118 | } |
6c5a63bb RK |
119 | |
120 | /* ::::: taskbuttons ::::: */ | |
121 | ||
122 | .taskbutton, | |
123 | .taskbutton:hover, | |
124 | .taskbutton:hover:active { | |
125 | padding: 1px 3px; | |
126 | border: none; | |
127 | } | |
128 | ||
129 | .taskbutton:hover { | |
130 | background-color: #9999CC; | |
131 | } | |
132 | ||
133 | .taskbutton:hover:active { | |
134 | background-color: #CCCCFF; | |
135 | } | |
136 | ||
9b1c3cf9 | 137 | /* override windows */ |
6c5a63bb | 138 | |
150efe45 RK |
139 | .toolbarbutton-icon[label]:not([label=""]), |
140 | .toolbarbutton-icon[type="menu"] { | |
6c5a63bb RK |
141 | -moz-margin-end: 2px; |
142 | } |