some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / LCARStrek / messenger / addressbook / addressbook.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 /* ===== addressbook.css ================================================
6   == Styles for the main Address Book window.
7   ======================================================================= */
8
9 @import url("chrome://messenger/skin/");
10
11 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
12 @namespace html url("http://www.w3.org/1999/xhtml");
13
14 /* ::::: primary toolbar buttons ::::: */
15
16 #button-newcard {
17   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
18   -moz-image-region: rect(42px 25px 63px 0px);
19 }
20
21 #button-newcard[disabled="true"] {
22   -moz-image-region: rect(42px 50px 63px 25px);
23 }
24
25 #button-newcard:not([disabled="true"]):hover,
26 #button-newcard:not([disabled="true"]):hover:active {
27   -moz-image-region: rect(42px 75px 63px 50px);
28
29
30 #button-newlist {
31   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
32   -moz-image-region: rect(63px 25px 84px 0px);
33 }
34
35 #button-newlist[disabled="true"] {
36   -moz-image-region: rect(63px 50px 84px 25px);
37 }
38
39 #button-newlist:not([disabled="true"]):hover,
40 #button-newlist:not([disabled="true"]):hover:active {
41   -moz-image-region: rect(63px 75px 84px 50px);
42 }
43
44 #button-editcard {
45   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
46   -moz-image-region: rect(21px 25px 42px 0px);
47 }
48
49 #button-editcard[disabled="true"] {
50   -moz-image-region: rect(21px 50px 42px 25px);
51 }
52
53 #button-editcard:not([disabled="true"]):hover,
54 #button-editcard:not([disabled="true"]):hover:active {
55   -moz-image-region: rect(21px 75px 42px 50px);
56 }
57
58 #button-newmessage {
59   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
60   -moz-image-region: rect(105px 25px 126px 0px);
61 }
62
63 #button-newmessage[disabled="true"] {
64   -moz-image-region: rect(105px 50px 126px 25px);
65 }
66
67 #button-newmessage:not([disabled="true"]):hover,
68 #button-newmessage:not([disabled="true"]):hover:active {
69   -moz-image-region: rect(105px 75px 126px 50px);
70 }
71
72 #button-newim {
73   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
74   -moz-image-region: rect(84px 25px 105px 0px);
75 }
76
77 #button-newim[disabled="true"] {
78   -moz-image-region: rect(84px 25px 105px 0px);
79 }
80
81 #button-newim:not([disabled="true"]):hover,
82 #button-newim:not([disabled="true"]):hover:active {
83   -moz-image-region: rect(84px 25px 105px 0px);
84 }
85
86 #button-abdelete {
87   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
88   -moz-image-region: rect(0px 25px 21px 0px);
89 }
90
91 #button-abdelete[disabled="true"] {
92   -moz-image-region: rect(0px 50px 21px 25px);
93 }
94
95 #button-abdelete:not([disabled="true"]):hover,
96 #button-abdelete:not([disabled="true"]):hover:active {
97   -moz-image-region: rect(0px 75px 21px 50px);
98 }
99
100 /* ::::: small primary toolbar buttons ::::: */
101
102 toolbar[iconsize="small"] > #button-newcard,
103 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newcard {
104   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png");
105   -moz-image-region: rect(32px 16px 48px 0);
106 }
107
108 toolbar[iconsize="small"] > #button-newcard[disabled] {
109   -moz-image-region: rect(32px 32px 48px 16px);
110 }
111
112 toolbar[iconsize="small"] > #button-newcard:not([disabled="true"]):hover,
113 toolbar[iconsize="small"] > #button-newcard:not([disabled="true"]):hover:active {
114   -moz-image-region: rect(32px 48px 48px 32px);
115 }
116
117 toolbar[iconsize="small"] > #button-newlist,
118 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newlist {
119   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png");
120   -moz-image-region: rect(48px 16px 64px 0);
121 }
122
123 toolbar[iconsize="small"] > #button-newlist[disabled] {
124   -moz-image-region: rect(48px 32px 64px 16px);
125 }
126
127 toolbar[iconsize="small"] > #button-newlist:not([disabled="true"]):hover,
128 toolbar[iconsize="small"] > #button-newlist:not([disabled="true"]):hover:active {
129   -moz-image-region: rect(48px 48px 64px 32px);
130 }
131
132 toolbar[iconsize="small"] > #button-editcard,
133 toolbar[iconsize="small"] > toolbarpaletteitem > #button-editcard {
134   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png");
135   -moz-image-region: rect(16px 16px 32px 0);
136 }
137
138 toolbar[iconsize="small"] > #button-editcard[disabled] {
139   -moz-image-region: rect(16px 32px 32px 16px);
140 }
141
142 toolbar[iconsize="small"] > #button-editcard:not([disabled="true"]):hover,
143 toolbar[iconsize="small"] > #button-editcard:not([disabled="true"]):hover:active {
144   -moz-image-region: rect(16px 48px 32px 32px);
145 }
146
147 toolbar[iconsize="small"] > #button-newmessage,
148 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmessage {
149   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
150   -moz-image-region: rect(80px 16px 96px 0);
151 }
152
153 toolbar[iconsize="small"] > #button-newmessage[disabled="true"] {
154   -moz-image-region: rect(80px 32px 96px 16px);
155 }
156
157 toolbar[iconsize="small"] > #button-newmessage:not([disabled="true"]):hover,
158 toolbar[iconsize="small"] > #button-newmessage:not([disabled="true"]):hover:active {
159   -moz-image-region: rect(80px 48px 96px 32px);
160 }
161
162 toolbar[iconsize="small"] > #button-newim,
163 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newim {
164   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png");
165   -moz-image-region: rect(64px 16px 80px 0);
166 }
167
168 toolbar[iconsize="small"] > #button-newim[disabled] {
169   -moz-image-region: rect(64px 32px 80px 16px);
170 }
171
172 toolbar[iconsize="small"] > #button-newim:not([disabled="true"]):hover,
173 toolbar[iconsize="small"] > #button-newim:not([disabled="true"]):hover:active {
174   -moz-image-region: rect(64px 48px 80px 32px);
175 }
176
177 toolbar[iconsize="small"] > #button-abdelete,
178 toolbar[iconsize="small"] > toolbarpaletteitem > #button-abdelete {
179   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png");
180   -moz-image-region: rect(0 16px 16px 0);
181 }
182
183 toolbar[iconsize="small"] > #button-abdelete[disabled] {
184   -moz-image-region: rect(0 32px 16px 16px);
185 }
186
187 toolbar[iconsize="small"] > #button-abdelete:not([disabled="true"]):hover,
188 toolbar[iconsize="small"] > #button-abdelete:not([disabled="true"]):hover:active {
189   -moz-image-region: rect(0 48px 16px 32px);
190 }
191
192 /* CardView styles - used in the Card View Pane */
193
194 #CardViewOuterBox {
195 /*  border-left: 1px solid ThreeDShadow;
196   border-top: 1px solid ThreeDShadow;
197   border-right: 1px solid ThreeDHighlight; */
198 }
199
200 #CardViewBox {
201   -moz-user-focus: ignore;
202   overflow: auto;
203   min-width: 150px;
204   background-color: #000000;
205 }
206
207 #CardViewInnerBox {
208   margin: 2px 0px;
209   padding: 0px 8px;
210 }
211
212 #CardTitle {
213   font-size: 150%;
214   font-weight: bold;
215   border-bottom: 2px solid #6000CF;
216   min-width: 120px;
217   margin: 0px;
218 }
219
220 .cardViewGroup {
221   margin-top: 8px;
222   padding-bottom: 5px;
223   min-width: 50px;
224 }
225
226 .CardViewHeading {
227   padding: 1px;
228   padding-inline-start: 5px;
229   margin: 0 0 1px;
230   background-color: #008484;
231   color: #000000;
232   font-weight: bold;
233   min-width: 30px;
234 }
235
236 #cvBuddyIcon {
237   padding-inline-start: 20px;
238   padding-top: 2px;
239 }
240
241 .CardViewText,
242 .CardViewLink {
243   padding-inline-start: 20px;
244   padding-inline-end: 2px;
245   min-width: 30px;
246   margin: 0px;
247 }
248
249 .CardViewLink {
250   color: #3333FF;
251   text-decoration: underline;
252   cursor: pointer;
253 }
254
255 #cvHomeMapIt, #cvWorkMapIt {
256   margin-bottom: 0px;
257 }
258
259 html|a {
260   padding-inline-start: 0px;
261   padding-inline-end: 2px;
262   border: none !important;
263 }
264
265 html|p {
266   border: none !important;
267 }
268
269 /* ::::: border adjustments ::::: */
270
271 #abResultsTree {
272 /*  border-left: 1px solid ThreeDShadow; */
273 }
274
275 /* ::::: lightweight themes ::::: */
276
277 #CardViewOuterBox:-moz-lwtheme,
278 treecols:-moz-lwtheme {
279   text-shadow: none;
280   /* color: -moz-dialogtext;
281   background-color: -moz-dialog; */
282 }