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