make add icon work
[themes.git] / EarlyBlue / communicator / button.css
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 @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,
14 .toolbarbutton-1 > .toolbarbutton-menubutton-button {
15   min-width: 36px;
16   -moz-box-orient: vertical;
17 }
18
19 .toolbarbutton-1[type="menu-button"] {
20   -moz-box-orient: horizontal;
21 }
22
23 .toolbarbutton-1,
24 .toolbarbutton-1 > .toolbarbutton-menubutton-button,
25 .toolbarbutton-1[disabled="true"]:hover:active,
26 .toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
27   padding: 1px;
28 }
29
30 .toolbarbutton-1:hover:active,
31 .toolbarbutton-1[open="true"],
32 .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
33   padding-top: 2px;
34   padding-bottom: 0px;
35   -moz-padding-start: 2px;
36   -moz-padding-end: 0px;
37 }
38
39 .toolbarbutton-1[type="menu"] {
40   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-vertical");
41 }
42
43 /* ::::: small primary toolbar buttons ::::: */
44
45 toolbar[mode="text"] .toolbarbutton-1,
46 toolbar[mode="icons"] .toolbarbutton-1,
47 toolbar[iconsize="small"] .toolbarbutton-1,
48 toolbar[mode="text"] .toolbarbutton-menubutton-button,
49 toolbar[mode="icons"] .toolbarbutton-menubutton-button,
50 toolbar[iconsize="small"] .toolbarbutton-menubutton-button {
51   min-width: 0px;
52   min-height: 0px;
53 }
54
55 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
56   padding: 4px 1px 8px;
57 }
58
59 toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
60 toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker {
61   padding: 0px 1px 13px;
62 }
63
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 {
66   padding-top: 5px;
67   padding-bottom: 7px;
68   -moz-padding-start: 2px;
69   -moz-padding-end: 0px;
70 }
71
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,
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 {
76   padding-top: 1px;
77   padding-bottom: 12px;
78   -moz-padding-start: 2px;
79   -moz-padding-end: 0px;
80 }
81
82 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
83   padding: 4px 1px 8px !important;
84 }
85
86 toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
87 toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
88   padding: 0px 1px 13px !important;
89 }
90
91 toolbar[mode="icons"] .toolbarbutton-text,
92 toolbar[mode="text"] .toolbarbutton-icon {
93   display: none;
94 }
95
96 toolbar[mode="text"] .toolbarbutton-text {
97   padding: 4px 0;
98 }
99
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
111 /* ::::: standard toolbar buttons ::::: */
112
113 .button-toolbar {
114   -moz-user-focus: ignore;
115   min-width: 0px;
116   max-width: 10em;
117   background-color: transparent;
118 }
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
137 /* override windows */
138
139 .toolbarbutton-icon[label]:not([label=""]),
140 .toolbarbutton-icon[type="menu"] {
141   -moz-margin-end: 2px;
142 }