home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / CMCD0404.ISO / Software / Complet / thunderbird / chrome / qute.jar / skin / classic / messenger / addressbook / addressbook.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-12-14  |  10.5 KB  |  389 lines
  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-2001 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Joe Hewitt (hewitt@netscape.com)
  22.  */
  23.  
  24. /* ===== addressbook.css ================================================
  25.   == Styles for the main Address Book window.
  26.   ======================================================================= */
  27.  
  28. @import url("chrome://messenger/skin/");
  29.  
  30. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  31. @namespace html url("http://www.w3.org/1999/xhtml");
  32.  
  33. /* ::::: tools menu icon ::::: */
  34.  
  35. .icon-mail16 {
  36.   list-style-image: url("chrome://messenger/skin/icons/message-mail.png");
  37. }
  38.  
  39. /* ::::: primary toolbar buttons ::::: */
  40.  
  41. .toolbarbutton-1 {
  42.   -moz-box-orient: vertical;
  43.   min-width: 0px;
  44.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar.png");
  45. }
  46.  
  47. .toolbarbutton-1[type="menu-button"]
  48. {
  49.   min-width: 57px;
  50. }
  51.  
  52. toolbar[mode="icons"] .toolbarbutton-text {
  53.   display: none;
  54. }
  55.  
  56. toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
  57. toolbar[mode="text"] .toolbarbutton-icon {
  58.   display: none;
  59. }
  60.  
  61. toolbar[mode="text"] .toolbarbutton-text {
  62.   padding: 0 !important;
  63.   margin: 3px 5px !important;
  64. }
  65.  
  66. #button-newcard {
  67.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar.png");
  68.   -moz-image-region: rect(0px 30px 30px 0px);
  69. }
  70.  
  71. #button-newcard:hover {
  72.   -moz-image-region: rect(30px 30px 60px 0px);
  73. } 
  74.  
  75. #button-newcard:hover:active {
  76.   -moz-image-region: rect(30px 30px 60px 0px);
  77. }
  78.  
  79. #button-newcard[disabled="true"] {
  80.   -moz-image-region: rect(60px 30px 90px 0px) !important;
  81. } 
  82.  
  83. #button-newlist {
  84.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar.png");
  85.   -moz-image-region: rect(0px 60px 30px 30px);
  86. }
  87.  
  88. #button-newlist:hover {
  89.   -moz-image-region: rect(30px 60px 60px 30px);
  90. } 
  91.  
  92. #button-newlist[disabled="true"] {
  93.   -moz-image-region: rect(60px 60px 90px 30px) !important;
  94. } 
  95.  
  96. #button-editcard {
  97.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar.png");
  98.   -moz-image-region: rect(0px 90px 30px 60px);
  99. }
  100.  
  101. #button-editcard:hover {
  102.   -moz-image-region: rect(30px 90px 60px 60px);
  103. }
  104.  
  105. #button-editcard[disabled="true"] {
  106.   -moz-image-region: rect(60px 90px 90px 60px) !important;
  107. }
  108.  
  109. #button-newmessage {
  110.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar.png");
  111.   -moz-image-region: rect(0px 120px 30px 90px);
  112. }
  113.  
  114. #button-newmessage:hover {
  115.    -moz-image-region: rect(30px 120px 60px 90px);
  116. } 
  117.  
  118. #button-newmessage[disabled] {
  119.   -moz-image-region: rect(60px 120px 90px 90px) !important;
  120. }
  121.  
  122. #button-newim {
  123.  list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar.png");
  124.  -moz-image-region: rect(0px 150px 30px 120px);
  125. }
  126.  
  127. #button-newim:hover {
  128.  -moz-image-region: rect(30px 150px 60px 120px);
  129. } 
  130.  
  131. #button-newim[disabled] {
  132.  -moz-image-region: rect(60px 150px 90px 120px) !important;
  133. } 
  134.  
  135. #button-abdelete {
  136.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar.png");
  137.   -moz-image-region: rect(0px 180px 30px 150px);
  138. }
  139.  
  140. #button-abdelete:hover {
  141.   -moz-image-region: rect(30px 180px 60px 150px);
  142. } 
  143.  
  144. #button-abdelete[disabled] {
  145.   -moz-image-region: rect(60px 180px 90px 150px) !important;
  146. }
  147.  
  148. /* ::::: small primary toolbar buttons ::::: */
  149.  
  150. toolbar[iconsize="small"] .toolbarbutton-1 {
  151.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar-small.png");
  152. }
  153.  
  154. toolbar[iconsize="small"] #button-newcard {
  155.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar-small.png");
  156.   -moz-image-region: rect(0px 20px 20px 0px);
  157. }
  158.  
  159. toolbar[iconsize="small"] #button-newcard:hover {
  160.   -moz-image-region: rect(20px 20px 40px 0px);
  161. } 
  162.  
  163. toolbar[iconsize="small"] #button-newcard[disabled] {
  164.   -moz-image-region: rect(40px 20px 60px 0px) !important;
  165. } 
  166.  
  167. toolbar[iconsize="small"] #button-newlist {
  168.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar-small.png");
  169.   -moz-image-region: rect(0px 40px 20px 20px);
  170. }
  171.  
  172. toolbar[iconsize="small"] #button-newlist:hover {
  173.   -moz-image-region: rect(20px 40px 40px 20px);
  174. } 
  175.  
  176. toolbar[iconsize="small"] #button-newlist[disabled] {
  177.    -moz-image-region: rect(40px 40px 60px 20px) !important;
  178. } 
  179.  
  180. toolbar[iconsize="small"] #button-editcard {
  181.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar-small.png");
  182.   -moz-image-region: rect(0px 60px 20px 40px);
  183. }
  184.  
  185. toolbar[iconsize="small"] #button-editcard:hover {
  186.   -moz-image-region: rect(20px 60px 40px 40px);
  187. } 
  188.  
  189. toolbar[iconsize="small"] #button-editcard[disabled="true"] {
  190.   -moz-image-region: rect(40px 60px 60px 40px) !important;
  191. } 
  192.  
  193. toolbar[iconsize="small"] #button-newmessage {
  194.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar-small.png");
  195.   -moz-image-region: rect(0px 80px 20px 60px);
  196. }
  197.  
  198. toolbar[iconsize="small"] #button-newmessage:hover {
  199.   -moz-image-region: rect(20px 80px 40px 60px);
  200. } 
  201.  
  202. toolbar[iconsize="small"] #button-newmessage[disabled] {
  203.   -moz-image-region: rect(40px 80px 60px 60px) !important;
  204. } 
  205.  
  206. toolbar[iconsize="small"] #button-newim {
  207.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar-small.png");
  208.   -moz-image-region: rect(0px 100px 20px 80px);
  209. }
  210.  
  211. toolbar[iconsize="small"] #button-newim:hover {
  212.   -moz-image-region: rect(20px 100px 40px 80px);
  213. } 
  214.  
  215. toolbar[iconsize="small"] #button-newim[disabled] {
  216.   -moz-image-region: rect(40px 100px 60px 80px) !important;
  217. } 
  218.  
  219. toolbar[iconsize="small"] #button-abdelete {
  220.    list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar-small.png");
  221.   -moz-image-region: rect(0px 120px 20px 100px);
  222. }
  223.  
  224. toolbar[iconsize="small"] #button-abdelete:hover {
  225.   -moz-image-region: rect(20px 120px 40px 100px);
  226. } 
  227.  
  228. toolbar[iconsize="small"] #button-abdelete[disabled] {
  229.   -moz-image-region: rect(40px 120px 60px 100px) !important;
  230. } 
  231.  
  232. toolbar[iconsize="small"] .toolbarbutton-1 {
  233.   padding: 2px;
  234. }
  235.  
  236. toolbar[iconsize="small"] .toolbarbutton-1:hover:active,
  237. toolbar[iconsize="small"] .toolbarbutton-1[open="true"] {
  238.   padding: 3px 1px 1px 3px;
  239. }
  240.  
  241. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"],
  242. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover,
  243. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover:active,
  244. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"][open="true"] {
  245.   padding: 2px;
  246. }
  247.  
  248. toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
  249.   padding: 3px 1px 1px 3px !important;
  250. }
  251.  
  252. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"],
  253. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover,
  254. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active,
  255. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"],
  256. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"],
  257. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover,
  258. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover:active {
  259.   padding: 0;
  260. }
  261.  
  262. /* ::::: directory pane icons ::::: */
  263.  
  264. treechildren::-moz-tree-image(DirCol) {
  265.   margin-right: 2px;
  266.   list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.png");
  267. }
  268.  
  269. treechildren::-moz-tree-image(DirCol, IsMailList-true) {
  270.   list-style-image: url("chrome://messenger/skin/addressbook/icons/ablist.png");
  271. }
  272.  
  273. treechildren::-moz-tree-image(DirCol, IsRemote-true) {
  274.   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.gif");
  275. }
  276.  
  277. treechildren::-moz-tree-image(DirCol, IsRemote-true, IsSecure-true) {
  278.   list-style-image: url("chrome://messenger/skin/addressbook/icons/secure-remote-addrbook.gif");
  279. }
  280.  
  281. #dirTree [sortDirection="ascending"],
  282. #dirTree [sortDirection="descending"] {
  283.   list-style-image: none;
  284. }
  285.  
  286. /* ::::: splitters ::::: */
  287.  
  288. #dirTree-splitter,
  289. #results-splitter {
  290.   border: none;
  291.   min-height: 5px;
  292. }
  293.  
  294. /* ::::: results pane ::::: */
  295.  
  296. treechildren::-moz-tree-image(GeneratedName) {
  297.   margin-right: 2px;
  298.   list-style-image: url("chrome://messenger/skin/addressbook/icons/abcard.png");
  299. }
  300.  
  301. treechildren::-moz-tree-image(GeneratedName, MailList) {
  302.   margin-right: 2px;
  303.   list-style-image: url("chrome://messenger/skin/addressbook/icons/ablist.png");
  304. }
  305.  
  306. /* ::::: card view pane ::::: */
  307.  
  308. #CardViewOuterBox {
  309.   border: 1px solid ThreeDShadow;
  310. }
  311.  
  312. #CardViewBox {
  313.   -moz-user-focus: ignore;
  314.   overflow: auto;
  315.   min-width: 150px;
  316.   background-color: #FFFFFF;
  317. }
  318.  
  319. #CardViewInnerBox {
  320.   margin-top: 2px;
  321.   margin-bottom: 2px;
  322.   padding-left: 8px;
  323.   padding-right: 8px;
  324. }
  325.  
  326. #CardTitle {
  327.   font-size: 150%;
  328.   font-weight: bold;
  329.   border-bottom: 2px solid black;
  330.   min-width: 120px;
  331.   margin: 0px;
  332. }
  333.  
  334. .cardViewGroup {
  335.   margin-top: 8px;
  336.   padding-bottom: 5px;
  337.   min-width: 50px;
  338. }
  339.  
  340. .CardViewHeading {
  341.   padding: 1px;
  342.   padding-left: 5px;
  343.   background-color: Highlight;
  344.   color: HighlightText;
  345.   font-weight: bold;
  346.   min-width: 30px;
  347. }
  348.  
  349. #cvBuddyIcon {
  350.   padding-left: 20px;
  351.   padding-top: 2px;
  352. }
  353.  
  354. .CardViewText,
  355. .CardViewLink {
  356.   padding-left: 20px;
  357.   padding-right: 2px;
  358.   min-width: 30px;
  359.   margin: 0px;
  360. }
  361.  
  362. .CardViewLink {
  363.   color: blue;
  364.   text-decoration: underline;
  365.   cursor: pointer;
  366. }
  367.  
  368. #cvHomeMapIt, #cvWorkMapIt {
  369.   margin-bottom: 0px;
  370. }
  371.  
  372. html|a {
  373.   padding-left: 0px;
  374.   padding-right: 2px;
  375.   border: none !important;
  376. }
  377.  
  378. html|p {
  379.   border: none !important;
  380. }
  381.  
  382. /* ::::: Search Bar  ::::: */
  383.  
  384. #searchBox {
  385.   border-top: 1px solid transparent;
  386.   border-right: 1px solid ThreeDShadow;
  387.   border-bottom: 1px solid transparent;
  388. }
  389.