messenger/skin/addressbook/addressbook.css

   1 /*\r
   2 The contents of this file are subject to the Netscape Public\r
   3 License Version 1.1 (the "License"); you may not use this file\r
   4 except in compliance with the License. You may obtain a copy of\r
   5 the License at http://www.mozilla.org/NPL/\r
   6 \r
   7 Software distributed under the License is distributed on an "AS\r
   8 IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or\r
   9 implied. See the License for the specific language governing\r
  10 rights and limitations under the License.\r
  11 \r
  12 The Original Code is Mozilla Communicator client code, released\r
  13 March 31, 1998.\r
  14 \r
  15 The Initial Developer of the Original Code is Netscape\r
  16 Communications Corporation. Portions created by Netscape are\r
  17  Copyright (C) 1998-1999 Netscape Communications Corporation. All\r
  18 Rights Reserved.\r
  19 */\r
  20  \r
  21 @import url(chrome://communicator/skin/);\r
  22 \r
  23 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */\r
  24 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */\r
  25  \r
  26 /* CardView styles - used in the Card View Pane*/\r
  27 \r
  28 #CardViewBox {\r
  29 /*      overflow: auto;*/\r
  30         background-color: #CCD0DD;\r
  31         min-width: 150px;\r
  32         user-focus: ignore;\r
  33 }\r
  34 \r
  35 #CardViewInnerBox {\r
  36         margin-top: 2px;\r
  37         margin-bottom: 2px;\r
  38         padding-left: 8px;\r
  39         padding-right: 8px;\r
  40 }\r
  41 \r
  42 #CardTitle {\r
  43         font-size: 150%;\r
  44         font-weight: bold;\r
  45         border-bottom: 2px solid black;\r
  46         min-width: 120px;\r
  47         margin: 0px;\r
  48 }\r
  49  \r
  50 .cardViewGroup {\r
  51         margin-top: 8px;\r
  52         padding-bottom: 5px;\r
  53         min-width: 50px;\r
  54 }\r
  55 \r
  56 [class="CardViewHeading"] {\r
  57         padding: 1px;\r
  58         padding-left: 5px;\r
  59         margin: 0px 0px 1px 0px;\r
  60         background-color: #9999CC;\r
  61         color: white;\r
  62         font-weight: bold;\r
  63         min-width: 30px;\r
  64 }\r
  65 \r
  66 [class="CardViewText"] {\r
  67         padding-left: 20px;\r
  68         padding-right: 2px;\r
  69         min-width: 30px;\r
  70         margin: 0px;\r
  71 }\r
  72 \r
  73 html|a[class="CardViewText"] {\r
  74         padding-left: 20px;\r
  75         padding-right: 2px;\r
  76         min-width: 30px;\r
  77 }\r
  78 \r
  79 \r
  80 /* CardEdit styles - used in the Card Edit Dialog */\r
  81 \r
  82 [class="CardEditWidth"] {\r
  83         width: 25em;\r
  84 }\r
  85 \r
  86 [class="CardEditLabel"] {\r
  87         padding: 0px;\r
  88         margin-top: 3px;\r
  89 }\r
  90 \r
  91 [class="alignBoxWithFieldset"] {\r
  92         margin-left: 6px;\r
  93         margin-right: 5px;\r
  94 }\r
  95 \r
  96 .stateZipSpacer { width: 3em; }\r
  97 \r
  98 \r
  99 /* Custom Trees */\r
 100 \r
 101 tree { \r
 102         border-left: 1px solid transparent;\r
 103 }\r
 104 \r
 105 #headRow > treecell {\r
 106         background-color: #CCD0DD;\r
 107         border: 1px outset #CCD0DD;\r
 108 }\r
 109 \r
 110 treeitem[selected="true"] > treerow { \r
 111 /*      color: black;\r
 112         background-color: #CCD0DD; */\r
 113 }\r
 114 \r
 115 tree[class="abDirectory"] treeitem > treerow > treecell > .tree-icon {\r
 116         list-style-image: url("chrome://messenger/skin/addressbook/myaddrbk.gif");\r
 117 }\r
 118 \r
 119 tree[class="abResults"] treeitem > treerow > treecell.cardicon {\r
 120         list-style-image: url("chrome://messenger/skin/addressbook/person.gif");\r
 121         height: 14px;\r
 122         min-height: 14px;\r
 123 }\r
 124 \r
 125 \r
 126 /* Address Book specific style */\r
 127 \r
 128 #results_box {\r
 129         border-left: 8px solid #CCD0DD;\r
 130 }\r
 131  \r
 132 [hide] {\r
 133   visibility: collapse;\r
 134 }\r
 135 \r
 136 #button-newcard {\r
 137         list-style-image:url("chrome://messenger/skin/addressbook/newcard.gif");\r
 138 }\r
 139 \r
 140 #button-newcard[disabled="true"] {\r
 141         list-style-image:url("chrome://messenger/skin/addressbook/newcard_dis.gif");\r
 142 }\r
 143 \r
 144 #button-newlist {\r
 145         list-style-image:url("chrome://messenger/skin/addressbook/newlist.gif");\r
 146 }\r
 147 \r
 148 #button-newlist[disabled="true"] {\r
 149         list-style-image:url("chrome://messenger/skin/addressbook/newlist_dis.gif");\r
 150 }\r
 151 \r
 152 #button-editcard {\r
 153         list-style-image:url("chrome://messenger/skin/addressbook/edit.gif");\r
 154 }\r
 155 \r
 156 #button-editcard[disabled="true"] {\r
 157         list-style-image:url("chrome://messenger/skin/addressbook/edit_dis.gif");\r
 158 }\r
 159 \r
 160 #button-newmessage {\r
 161         list-style-image:url("chrome://messenger/skin/addressbook/newmsgab.gif");\r
 162 }\r
 163 \r
 164 #button-newmessage[disabled="true"] {\r
 165         list-style-image:url("chrome://messenger/skin/addressbook/newmsgab_dis.gif");\r
 166 }\r
 167 \r
 168 #button-delete {\r
 169         list-style-image:url("chrome://messenger/skin/addressbook/trash.gif") !important;\r
 170 }\r
 171 \r
 172 #button-delete[disabled="true"] {\r
 173         list-style-image:url("chrome://messenger/skin/addressbook/trash_dis.gif") !important;\r
 174 }\r
 175 \r
 176 #button-stop {\r
 177         list-style-image:url("chrome://global/skin/stop.gif");\r
 178 }\r
 179 \r
 180 #button-stop[disabled="true"] {\r
 181         list-style-image:url("chrome://global/skin/stop_dis.gif");\r
 182 }\r
 183 \r
 184 #button-search {\r
 185         list-style-image:url("chrome://global/skin/search.gif");\r
 186 }\r
 187 \r
 188 #button-search[disabled="true"] {\r
 189         list-style-image:url("chrome://global/skin/search_dis.gif");\r
 190 }\r
 191 \r
 192 #searchlabel {\r
 193         padding: 0px;\r
 194         padding-left: 5px;\r
 195         padding-bottom:2px;\r
 196         white-space: nowrap;\r
 197         font-size: smaller;\r
 198         min-width: 20px;\r
 199 }\r
 200 \r
 201 #searchtext {\r
 202         min-width: 20px;\r
 203         padding: 0px;\r
 204 }\r
 205 \r
 206 treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty {               \r
 207                                                                                                                                                \r
 208   list-style-image: none !important;                                             \r
 209                                                                                                                                                \r
 210 }    \r