LCARStrek/messenger/addressbook/addressbook.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Netscape Public License
   5  * Version 1.1 (the "License"); you may not use this file except in
   6  * compliance with the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/NPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * Netscape Communications Corporation.
  18  * Portions created by the Initial Developer are Copyright (C) 1998
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Joe Hewitt (hewitt@netscape.com)
  23  *   Robert Kaiser <KaiRo@KaiRo.at>
  24  *
  25  * Alternatively, the contents of this file may be used under the terms of
  26  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28  * in which case the provisions of the GPL or the LGPL are applicable instead
  29  * of those above. If you wish to allow use of your version of this file only
  30  * under the terms of either the GPL or the LGPL, and not to allow others to
  31  * use your version of this file under the terms of the NPL, indicate your
  32  * decision by deleting the provisions above and replace them with the notice
  33  * and other provisions required by the GPL or the LGPL. If you do not delete
  34  * the provisions above, a recipient may use your version of this file under
  35  * the terms of any one of the NPL, the GPL or the LGPL.
  36  *
  37  * ***** END LICENSE BLOCK ***** */
  38
  39 /* ===== addressbook.css ================================================
  40   == Styles for the main Address Book window.
  41   ======================================================================= */
  42
  43 @import url("chrome://messenger/skin/");
  44
  45 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  46 @namespace html url("http://www.w3.org/1999/xhtml");
  47
  48 /* ::::: primary toolbar buttons ::::: */
  49
  50 #button-newcard {
  51   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
  52   -moz-image-region: rect(42px 25px 63px 0px);
  53 }
  54
  55 #button-newcard[disabled="true"] {
  56   -moz-image-region: rect(42px 50px 63px 25px);
  57 }
  58
  59 #button-newcard:not([disabled="true"]):hover,
  60 #button-newcard:not([disabled="true"]):hover:active {
  61   -moz-image-region: rect(42px 75px 63px 50px);
  62 }
  63
  64 #button-newlist {
  65   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
  66   -moz-image-region: rect(63px 25px 84px 0px);
  67 }
  68
  69 #button-newlist[disabled="true"] {
  70   -moz-image-region: rect(63px 50px 84px 25px);
  71 }
  72
  73 #button-newlist:not([disabled="true"]):hover,
  74 #button-newlist:not([disabled="true"]):hover:active {
  75   -moz-image-region: rect(63px 75px 84px 50px);
  76 }
  77
  78 #button-editcard {
  79   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
  80   -moz-image-region: rect(21px 25px 42px 0px);
  81 }
  82
  83 #button-editcard[disabled="true"] {
  84   -moz-image-region: rect(21px 50px 42px 25px);
  85 }
  86
  87 #button-editcard:not([disabled="true"]):hover,
  88 #button-editcard:not([disabled="true"]):hover:active {
  89   -moz-image-region: rect(21px 75px 42px 50px);
  90 }
  91
  92 #button-newmessage {
  93   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  94   -moz-image-region: rect(105px 25px 126px 0px);
  95 }
  96
  97 #button-newmessage[disabled="true"] {
  98   -moz-image-region: rect(105px 50px 126px 25px);
  99 }
 100
 101 #button-newmessage:not([disabled="true"]):hover,
 102 #button-newmessage:not([disabled="true"]):hover:active {
 103   -moz-image-region: rect(105px 75px 126px 50px);
 104 }
 105
 106 #button-newim {
 107   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
 108   -moz-image-region: rect(84px 25px 105px 0px);
 109 }
 110
 111 #button-newim[disabled="true"] {
 112   -moz-image-region: rect(84px 25px 105px 0px);
 113 }
 114
 115 #button-newim:not([disabled="true"]):hover,
 116 #button-newim:not([disabled="true"]):hover:active {
 117   -moz-image-region: rect(84px 25px 105px 0px);
 118 }
 119
 120 #button-abdelete {
 121   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png");
 122   -moz-image-region: rect(0px 25px 21px 0px);
 123 }
 124
 125 #button-abdelete[disabled="true"] {
 126   -moz-image-region: rect(0px 50px 21px 25px);
 127 }
 128
 129 #button-abdelete:not([disabled="true"]):hover,
 130 #button-abdelete:not([disabled="true"]):hover:active {
 131   -moz-image-region: rect(0px 75px 21px 50px);
 132 }
 133
 134 /* ::::: small primary toolbar buttons ::::: */
 135
 136 toolbar[iconsize="small"] > #button-newcard,
 137 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newcard {
 138   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png");
 139   -moz-image-region: rect(32px 16px 48px 0);
 140 }
 141
 142 toolbar[iconsize="small"] > #button-newcard[disabled] {
 143   -moz-image-region: rect(32px 32px 48px 16px);
 144 }
 145
 146 toolbar[iconsize="small"] > #button-newcard:not([disabled="true"]):hover,
 147 toolbar[iconsize="small"] > #button-newcard:not([disabled="true"]):hover:active {
 148   -moz-image-region: rect(32px 48px 48px 32px);
 149 }
 150
 151 toolbar[iconsize="small"] > #button-newlist,
 152 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newlist {
 153   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png");
 154   -moz-image-region: rect(48px 16px 64px 0);
 155 }
 156
 157 toolbar[iconsize="small"] > #button-newlist[disabled] {
 158   -moz-image-region: rect(48px 32px 64px 16px);
 159 }
 160
 161 toolbar[iconsize="small"] > #button-newlist:not([disabled="true"]):hover,
 162 toolbar[iconsize="small"] > #button-newlist:not([disabled="true"]):hover:active {
 163   -moz-image-region: rect(48px 48px 64px 32px);
 164 }
 165
 166 toolbar[iconsize="small"] > #button-editcard,
 167 toolbar[iconsize="small"] > toolbarpaletteitem > #button-editcard {
 168   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png");
 169   -moz-image-region: rect(16px 16px 32px 0);
 170 }
 171
 172 toolbar[iconsize="small"] > #button-editcard[disabled] {
 173   -moz-image-region: rect(16px 32px 32px 16px);
 174 }
 175
 176 toolbar[iconsize="small"] > #button-editcard:not([disabled="true"]):hover,
 177 toolbar[iconsize="small"] > #button-editcard:not([disabled="true"]):hover:active {
 178   -moz-image-region: rect(16px 48px 32px 32px);
 179 }
 180
 181 toolbar[iconsize="small"] > #button-newmessage,
 182 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmessage {
 183   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 184   -moz-image-region: rect(80px 16px 96px 0);
 185 }
 186
 187 toolbar[iconsize="small"] > #button-newmessage[disabled="true"] {
 188   -moz-image-region: rect(80px 32px 96px 16px);
 189 }
 190
 191 toolbar[iconsize="small"] > #button-newmessage:not([disabled="true"]):hover,
 192 toolbar[iconsize="small"] > #button-newmessage:not([disabled="true"]):hover:active {
 193   -moz-image-region: rect(80px 48px 96px 32px);
 194 }
 195
 196 toolbar[iconsize="small"] > #button-newim,
 197 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newim {
 198   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png");
 199   -moz-image-region: rect(64px 16px 80px 0);
 200 }
 201
 202 toolbar[iconsize="small"] > #button-newim[disabled] {
 203   -moz-image-region: rect(64px 32px 80px 16px);
 204 }
 205
 206 toolbar[iconsize="small"] > #button-newim:not([disabled="true"]):hover,
 207 toolbar[iconsize="small"] > #button-newim:not([disabled="true"]):hover:active {
 208   -moz-image-region: rect(64px 48px 80px 32px);
 209 }
 210
 211 toolbar[iconsize="small"] > #button-abdelete,
 212 toolbar[iconsize="small"] > toolbarpaletteitem > #button-abdelete {
 213   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png");
 214   -moz-image-region: rect(0 16px 16px 0);
 215 }
 216
 217 toolbar[iconsize="small"] > #button-abdelete[disabled] {
 218   -moz-image-region: rect(0 32px 16px 16px);
 219 }
 220
 221 toolbar[iconsize="small"] > #button-abdelete:not([disabled="true"]):hover,
 222 toolbar[iconsize="small"] > #button-abdelete:not([disabled="true"]):hover:active {
 223   -moz-image-region: rect(0 48px 16px 32px);
 224 }
 225
 226 /* CardView styles - used in the Card View Pane */
 227
 228 #CardViewOuterBox {
 229 /*  border-left: 1px solid ThreeDShadow;
 230   border-top: 1px solid ThreeDShadow;
 231   border-right: 1px solid ThreeDHighlight; */
 232 }
 233
 234 #CardViewBox {
 235   -moz-user-focus: ignore;
 236   overflow: auto;
 237   min-width: 150px;
 238   background-color: #000000;
 239 }
 240
 241 #CardViewInnerBox {
 242   margin: 2px 0px;
 243   padding: 0px 8px;
 244 }
 245
 246 #CardTitle {
 247   font-size: 150%;
 248   font-weight: bold;
 249   border-bottom: 2px solid #6000CF;
 250   min-width: 120px;
 251   margin: 0px;
 252 }
 253
 254 .cardViewGroup {
 255   margin-top: 8px;
 256   padding-bottom: 5px;
 257   min-width: 50px;
 258 }
 259
 260 .CardViewHeading {
 261   padding: 1px;
 262   -moz-padding-start: 5px;
 263   margin: 0 0 1px;
 264   background-color: #008484;
 265   color: #000000;
 266   font-weight: bold;
 267   min-width: 30px;
 268 }
 269
 270 #cvBuddyIcon {
 271   -moz-padding-start: 20px;
 272   padding-top: 2px;
 273 }
 274
 275 .CardViewText,
 276 .CardViewLink {
 277   -moz-padding-start: 20px;
 278   -moz-padding-end: 2px;
 279   min-width: 30px;
 280   margin: 0px;
 281 }
 282
 283 .CardViewLink {
 284   color: blue;
 285   text-decoration: underline;
 286   cursor: pointer;
 287 }
 288
 289 #cvHomeMapIt, #cvWorkMapIt {
 290   margin-bottom: 0px;
 291 }
 292
 293 html|a {
 294   -moz-padding-start: 0px;
 295   -moz-padding-end: 2px;
 296   border: none !important;
 297 }
 298
 299 html|p {
 300   border: none !important;
 301 }
 302
 303 /* ::::: border adjustments ::::: */
 304
 305 #results-splitter {
 306   border: none;
 307 }
 308
 309 #abResultsTree {
 310 /*  border-left: 1px solid ThreeDShadow; */
 311 }
 312
 313 /* ::::: lightweight themes ::::: */
 314
 315 #CardViewOuterBox:-moz-lwtheme,
 316 treecols:-moz-lwtheme {
 317   text-shadow: none;
 318   /* color: -moz-dialogtext;
 319   background-color: -moz-dialog; */
 320 }