EarlyBlue/messenger/skin/addressbook/addressbook.css

   1 /*
   2 The contents of this file are subject to the Netscape Public
   3 License Version 1.1 (the "License"); you may not use this file
   4 except in compliance with the License. You may obtain a copy of
   5 the License at http://www.mozilla.org/NPL/
   6
   7 Software distributed under the License is distributed on an "AS
   8 IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
   9 implied. See the License for the specific language governing
  10 rights and limitations under the License.
  11
  12 The Original Code is Mozilla Communicator client code, released
  13 March 31, 1998.
  14
  15 The Initial Developer of the Original Code is Netscape
  16 Communications Corporation. Portions created by Netscape are
  17  Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18 Rights Reserved.
  19 */
  20
  21 @import url(chrome://communicator/skin/);
  22
  23 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
  24 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */
  25
  26 /* CardView styles - used in the Card View Pane*/
  27
  28 #CardViewBox {
  29 /*      overflow: auto;*/
  30         background-color: #CCD0DD;
  31         min-width: 150px;
  32         user-focus: ignore;
  33 }
  34
  35 #CardViewInnerBox {
  36         margin-top: 2px;
  37         margin-bottom: 2px;
  38         padding-left: 8px;
  39         padding-right: 8px;
  40 }
  41
  42 #CardTitle {
  43         font-size: 150%;
  44         font-weight: bold;
  45         border-bottom: 2px solid black;
  46         min-width: 120px;
  47         margin: 0px;
  48 }
  49
  50 .cardViewGroup {
  51         margin-top: 8px;
  52         padding-bottom: 5px;
  53         min-width: 50px;
  54 }
  55
  56 [class="CardViewHeading"] {
  57         padding: 1px;
  58         padding-left: 5px;
  59         margin: 0px 0px 1px 0px;
  60         background-color: #9999CC;
  61         color: white;
  62         font-weight: bold;
  63         min-width: 30px;
  64 }
  65
  66 [class="CardViewText"] {
  67         padding-left: 20px;
  68         padding-right: 2px;
  69         min-width: 30px;
  70         margin: 0px;
  71 }
  72
  73 html|a[class="CardViewText"] {
  74         padding-left: 20px;
  75         padding-right: 2px;
  76         min-width: 30px;
  77 }
  78
  79 html|p {
  80     border: none !important;
  81 }
  82
  83 [hide] {
  84   visibility: collapse;
  85 }
  86
  87 /* CardEdit styles - used in the Card Edit Dialog */
  88
  89 [class="CardEditWidth"] {
  90         width: 25em;
  91 }
  92
  93 [class="CardEditLabel"] {
  94         padding: 0px;
  95         margin-top: 3px;
  96 }
  97
  98 [class="alignBoxWithFieldset"] {
  99         margin-left: 6px;
 100         margin-right: 5px;
 101 }
 102
 103 .stateZipSpacer { width: 3em; }
 104
 105
 106 /* Custom Trees */
 107
 108 tree {
 109         border-left: 1px solid transparent;
 110 }
 111
 112 #headRow > treecell {
 113         background-color: #CCD0DD;
 114         border: 1px outset #CCD0DD;
 115 }
 116
 117 treeitem[selected="true"] > treerow {
 118 /*      color: black;
 119         background-color: #CCD0DD; */
 120 }
 121
 122 tree[class="abDirectory"] treeitem > treerow > treecell > .tree-cell-primary-icon {
 123         list-style-image: url("chrome://messenger/skin/addressbook/myaddrbk.gif");
 124 }
 125
 126 tree[class="abResults"] treeitem > treerow > treecell.cardicon {
 127         list-style-image: url("chrome://messenger/skin/addressbook/person.gif");
 128         height: 14px;
 129         min-height: 14px;
 130 }
 131
 132 treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty {
 133   list-style-image: none !important;
 134   padding-left: 12px;
 135 }
 136
 137 /* Address Book specific style */
 138
 139 #results_box {
 140         border-left: 8px solid #CCD0DD;
 141 }
 142
 143 /* Toolbar buttons */
 144
 145 #button-newcard {
 146         list-style-image:url("chrome://messenger/skin/addressbook/newcard.gif");
 147 }
 148
 149 #button-newcard[disabled="true"] {
 150         list-style-image:url("chrome://messenger/skin/addressbook/newcard_dis.gif");
 151 }
 152
 153 #button-newlist {
 154         list-style-image:url("chrome://messenger/skin/addressbook/newlist.gif");
 155 }
 156
 157 #button-newlist[disabled="true"] {
 158         list-style-image:url("chrome://messenger/skin/addressbook/newlist_dis.gif");
 159 }
 160
 161 #button-editcard {
 162         list-style-image:url("chrome://messenger/skin/addressbook/edit.gif");
 163 }
 164
 165 #button-editcard[disabled="true"] {
 166         list-style-image:url("chrome://messenger/skin/addressbook/edit_dis.gif");
 167 }
 168
 169 #button-newmessage {
 170         list-style-image:url("chrome://messenger/skin/addressbook/newmsgab.gif");
 171 }
 172
 173 #button-newmessage[disabled="true"] {
 174         list-style-image:url("chrome://messenger/skin/addressbook/newmsgab_dis.gif");
 175 }
 176
 177 #button-delete {
 178         list-style-image:url("chrome://messenger/skin/addressbook/trash.gif") !important;
 179 }
 180
 181 #button-delete[disabled="true"] {
 182         list-style-image:url("chrome://messenger/skin/addressbook/trash_dis.gif") !important;
 183 }
 184
 185 #searchlabel {
 186         padding: 0px;
 187         padding-left: 5px;
 188         padding-bottom:2px;
 189         white-space: nowrap;
 190         font-size: smaller;
 191         min-width: 20px;
 192 }
 193
 194 #searchtext {
 195         min-width: 20px;
 196         padding: 0px;
 197 }
 198
 199 /* ==FOR abSelectAddressesDialog.xul =======*/
 200
 201 #3PaneBox {
 202 }
 203
 204 #dirTreeBox {
 205         width                               : 180px;
 206         height                            : 100%;
 207 /*      background-color      : window; */
 208   border           : none;
 209 }
 210
 211 /* -note- #dirTree#resultsTree is shared with addressbook.xul */
 212
 213 #sidebar-box {
 214   border: none;
 215 }
 216
 217 tree > treehead > treerow {
 218   border: none;
 219 }
 220
 221 #dirTree { // Tree that lists different Address Books
 222   min-width                : 10px;
 223   border     : none;
 224 }
 225
 226 #dirTreeBox {
 227   border     : none;
 228 }
 229
 230 #dirTree[type="dialog"] {
 231 }
 232
 233 #resultsTree {
 234   border-top        : none;
 235   border-bottom     : none;
 236 }
 237
 238 #results-bucket-tree-box {
 239 }
 240
 241 #resultsTreeBox {
 242         background-color: window;
 243 }
 244
 245 #vertical-splitter {
 246   min-width     : 4px;
 247 }
 248
 249 #addToBucketButtonBox { // Row of "To" "CC" and "Bcc" buttons
 250         padding                 : 0.3em;
 251         min-width               : 10px;
 252   border-top: 1px solid ThreeDHighlight;
 253 }
 254
 255 #bucketBox {
 256         height                  : 170px;
 257 }
 258
 259 #addressBucket {
 260         height                  : 100px;
 261         min-width               : 10px;
 262 }
 263
 264 #rightColumnButtonBox { // Column with "New", "Edit" and "Remove" buttons
 265         padding                 : .5em;
 266         padding-right   : 0px;
 267 }
 268
 269 .3rd-column-spring {  // Vertical Springs between 3rd column buttons
 270         height                  : 10px;
 271 }
 272
 273 .middle-button-spring { // Springs between To, CC, and BCC buttons
 274         width                   : 10px;
 275 }
 276
 277 #bucket-splitter {
 278   border: none;
 279   min-height: 4px;
 280 }
 281
 282 #sidebar-panels-splitter {
 283     border-top            : none;
 284 }
 285
 286
 287
 288