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/. */
5 /* ===== addressbook.css ================================================
6 == Styles for the main Address Book window.
7 ======================================================================= */
9 @import url("chrome://messenger/skin/");
11 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
12 @namespace html url("http://www.w3.org/1999/xhtml");
14 /* ::::: primary toolbar buttons ::::: */
17 list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
18 -moz-image-region: rect(42px 25px 63px 0px);
21 #button-newcard[disabled="true"] {
22 -moz-image-region: rect(42px 50px 63px 25px);
25 #button-newcard:not([disabled="true"]):hover,
26 #button-newcard:not([disabled="true"]):hover:active {
27 -moz-image-region: rect(42px 75px 63px 50px);
31 list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
32 -moz-image-region: rect(63px 25px 84px 0px);
35 #button-newlist[disabled="true"] {
36 -moz-image-region: rect(63px 50px 84px 25px);
39 #button-newlist:not([disabled="true"]):hover,
40 #button-newlist:not([disabled="true"]):hover:active {
41 -moz-image-region: rect(63px 75px 84px 50px);
45 list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
46 -moz-image-region: rect(21px 25px 42px 0px);
49 #button-editcard[disabled="true"] {
50 -moz-image-region: rect(21px 50px 42px 25px);
53 #button-editcard:not([disabled="true"]):hover,
54 #button-editcard:not([disabled="true"]):hover:active {
55 -moz-image-region: rect(21px 75px 42px 50px);
59 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
60 -moz-image-region: rect(105px 25px 126px 0px);
63 #button-newmessage[disabled="true"] {
64 -moz-image-region: rect(105px 50px 126px 25px);
67 #button-newmessage:not([disabled="true"]):hover,
68 #button-newmessage:not([disabled="true"]):hover:active {
69 -moz-image-region: rect(105px 75px 126px 50px);
73 list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
74 -moz-image-region: rect(84px 25px 105px 0px);
77 #button-newim[disabled="true"] {
78 -moz-image-region: rect(84px 25px 105px 0px);
81 #button-newim:not([disabled="true"]):hover,
82 #button-newim:not([disabled="true"]):hover:active {
83 -moz-image-region: rect(84px 25px 105px 0px);
87 list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
88 -moz-image-region: rect(0px 25px 21px 0px);
91 #button-abdelete[disabled="true"] {
92 -moz-image-region: rect(0px 50px 21px 25px);
95 #button-abdelete:not([disabled="true"]):hover,
96 #button-abdelete:not([disabled="true"]):hover:active {
97 -moz-image-region: rect(0px 75px 21px 50px);
100 /* ::::: small primary toolbar buttons ::::: */
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);
108 toolbar[iconsize="small"] > #button-newcard[disabled] {
109 -moz-image-region: rect(32px 32px 48px 16px);
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);
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);
123 toolbar[iconsize="small"] > #button-newlist[disabled] {
124 -moz-image-region: rect(48px 32px 64px 16px);
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);
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);
138 toolbar[iconsize="small"] > #button-editcard[disabled] {
139 -moz-image-region: rect(16px 32px 32px 16px);
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);
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);
153 toolbar[iconsize="small"] > #button-newmessage[disabled="true"] {
154 -moz-image-region: rect(80px 32px 96px 16px);
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);
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);
168 toolbar[iconsize="small"] > #button-newim[disabled] {
169 -moz-image-region: rect(64px 32px 80px 16px);
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);
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);
183 toolbar[iconsize="small"] > #button-abdelete[disabled] {
184 -moz-image-region: rect(0 32px 16px 16px);
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);
192 /* CardView styles - used in the Card View Pane */
195 /* border-left: 1px solid ThreeDShadow;
196 border-top: 1px solid ThreeDShadow;
197 border-right: 1px solid ThreeDHighlight; */
201 -moz-user-focus: ignore;
204 background-color: #000000;
215 border-bottom: 2px solid #6000CF;
228 -moz-padding-start: 5px;
230 background-color: #008484;
237 -moz-padding-start: 20px;
243 -moz-padding-start: 20px;
244 -moz-padding-end: 2px;
251 text-decoration: underline;
255 #cvHomeMapIt, #cvWorkMapIt {
260 -moz-padding-start: 0px;
261 -moz-padding-end: 2px;
262 border: none !important;
266 border: none !important;
269 /* ::::: border adjustments ::::: */
272 /* border-left: 1px solid ThreeDShadow; */
275 /* ::::: lightweight themes ::::: */
277 #CardViewOuterBox:-moz-lwtheme,
278 treecols:-moz-lwtheme {
280 /* color: -moz-dialogtext;
281 background-color: -moz-dialog; */