home *** CD-ROM | disk | FTP | other *** search
/ OS/2 Shareware BBS: 35 Internet / 35-Internet.zip / mozil06.zip / bin / chrome / modern.jar / skin / modern / messenger / messenger.css < prev    next >
Cascading Style Sheet File  |  2001-02-14  |  16KB  |  681 lines
  1. /* -*- Mode: C++; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
  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. @import url(chrome://communicator/skin/sidebar/sidebar.css);
  23.  
  24. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
  25. @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */
  26.  
  27. [hide] {
  28. ádisplay: none;
  29. } 
  30.  
  31. .sidebarheader-main 
  32. {
  33.   border-bottom: 1px solid #000000;
  34. }
  35.  
  36. dummy.usesMailWidgets {
  37.  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#dummy);
  38. }
  39.  
  40. spring.spacer {
  41.     width: 5px;
  42.     height: 5px;
  43. }
  44.  
  45. box.cleanborder {
  46.     margin: 10px;
  47.     padding: 10px;
  48.     border: 2px groove white;
  49.     width: 100%;
  50. }
  51.  
  52. box.padded {
  53.     margin: 10px;
  54.     width: 100%;
  55. }
  56.  
  57. iframe {
  58.  min-width: 10px;
  59.  min-height: 10px;
  60.  width: 100px;
  61.  height: 100px;
  62. }
  63.  
  64. /**
  65.  * boxes
  66.  */
  67. #results_box {
  68.     border-left: 8px solid #CCCCCC;
  69.     min-width: 10px;
  70. }
  71.  
  72.  
  73.  
  74. /**
  75.  * toolbar button images
  76.  */
  77.  
  78. #button-getmsg, #button-newmsg, #button-reply, #button-replyall, #button-forward, #button-file, #button-next, 
  79. #button-delete, #button-print, #button-stop  {
  80.     min-width            : 52px;
  81. }
  82.  
  83. #button-getmsg {
  84.     margin-left            : 0px;
  85.     list-style-image    : url("chrome://messenger/skin/getmsg.gif");
  86. }
  87.  
  88. #button-getmsg[disabled="true"],
  89. #button-getmsg[disabled="true"]:hover,
  90. #button-getmsg[disabled="true"]:hover:active
  91.   {
  92.     list-style-image      : url("chrome://messenger/skin/getmsg-disabled.gif");
  93.   } 
  94.  
  95. #button-getmsg:hover
  96.   {
  97.     list-style-image      : url("chrome://messenger/skin/getmsg-hover.gif");
  98.   } 
  99.  
  100. #button-getmsg:hover:active
  101.   {
  102.     list-style-image      : url("chrome://messenger/skin/getmsg-clicked.gif");
  103.   } 
  104.  
  105. #button-newmsg {
  106.     list-style-image:url("chrome://messenger/skin/newmsg.gif");
  107. }
  108.  
  109. #button-newmsg[disabled="true"],
  110. #button-newmsg[disabled="true"]:hover,
  111. #button-newmsg[disabled="true"]:hover:active
  112.   {
  113.     list-style-image      : url("chrome://messenger/skin/newmsg-disabled.gif");
  114.   } 
  115.  
  116. #button-newmsg:hover
  117.   {
  118.     list-style-image      : url("chrome://messenger/skin/newmsg-hover.gif");
  119.   } 
  120.  
  121. #button-newmsg:hover:active
  122.   {
  123.     list-style-image      : url("chrome://messenger/skin/newmsg-clicked.gif");
  124.   } 
  125.  
  126. #button-reply {
  127.     list-style-image:url("chrome://messenger/skin/reply.gif");
  128. }
  129.  
  130. #button-reply[disabled="true"],
  131. #button-reply[disabled="true"]:hover,
  132. #button-reply[disabled="true"]:hover:active
  133.   {
  134.     list-style-image      : url("chrome://messenger/skin/reply-disabled.gif");
  135.   } 
  136.  
  137. #button-reply:hover
  138.   {
  139.     list-style-image      : url("chrome://messenger/skin/reply-hover.gif");
  140.   } 
  141.  
  142. #button-reply:hover:active
  143.   {
  144.     list-style-image      : url("chrome://messenger/skin/reply-clicked.gif");
  145.   } 
  146.  
  147. #button-replyall {
  148.     list-style-image:url("chrome://messenger/skin/replyall.gif");
  149. }
  150.  
  151. #button-replyall[disabled="true"],
  152. #button-replyall[disabled="true"]:hover,
  153. #button-replyall[disabled="true"]:hover:active
  154.   {
  155.     list-style-image      : url("chrome://messenger/skin/replyall-disabled.gif");
  156.   } 
  157.  
  158. #button-replyall:hover
  159.   {
  160.     list-style-image      : url("chrome://messenger/skin/replyall-hover.gif");
  161.   } 
  162.  
  163. #button-replyall:hover:active
  164.   {
  165.     list-style-image      : url("chrome://messenger/skin/replyall-clicked.gif");
  166.   } 
  167.  
  168. #button-forward {
  169.     list-style-image:url("chrome://messenger/skin/forward.gif");
  170. }
  171.  
  172. #button-forward[disabled="true"],
  173. #button-forward[disabled="true"]:hover,
  174. #button-forward[disabled="true"]:hover:active
  175.   {
  176.     list-style-image      : url("chrome://messenger/skin/forward-disabled.gif");
  177.   } 
  178.  
  179. #button-forward:hover
  180.   {
  181.     list-style-image      : url("chrome://messenger/skin/forward-hover.gif");
  182.   } 
  183.  
  184. #button-forward:hover:active
  185.   {
  186.     list-style-image      : url("chrome://messenger/skin/forward-clicked.gif");
  187.   } 
  188.  
  189. #button-file {
  190.     list-style-image:url("chrome://messenger/skin/file.gif");
  191. }
  192.  
  193. #button-file[disabled="true"],
  194. menu:hover > #button-file[disabled="true"],
  195. menu:hover:active > #button-file[disabled="true"]
  196.   {
  197.     list-style-image      : url("chrome://messenger/skin/file-disabled.gif");
  198.   } 
  199.  
  200. menu:hover > #button-file
  201.   {
  202.     list-style-image      : url("chrome://messenger/skin/file-hover.gif");
  203.   } 
  204.  
  205. menu:hover:active > #button-file,
  206. menu[open="true"] > #button-file
  207.   {
  208.     list-style-image      : url("chrome://messenger/skin/file-clicked.gif");
  209.   } 
  210.  
  211. #button-next {
  212.     list-style-image:url("chrome://messenger/skin/next.gif");
  213. }
  214.  
  215. #button-next[disabled="true"],
  216. #button-next[disabled="true"]:hover,
  217. #button-next[disabled="true"]:hover:active
  218.   {
  219.     list-style-image      : url("chrome://messenger/skin/next-disabled.gif");
  220.   } 
  221.  
  222. #button-next:hover
  223.   {
  224.     list-style-image      : url("chrome://messenger/skin/next-hover.gif");
  225.   } 
  226.  
  227. #button-next:hover:active
  228.   {
  229.     list-style-image      : url("chrome://messenger/skin/next-clicked.gif");
  230.   } 
  231.  
  232. #button-delete {
  233.     list-style-image:url("chrome://messenger/skin/trash.gif");
  234. }
  235.  
  236. #button-delete[disabled="true"],
  237. #button-delete[disabled="true"]:hover,
  238. #button-delete[disabled="true"]:hover:active
  239.   {
  240.     list-style-image      : url("chrome://messenger/skin/trash-disabled.gif");
  241.   } 
  242.  
  243. #button-delete:hover
  244.   {
  245.     list-style-image      : url("chrome://messenger/skin/trash-hover.gif");
  246.   } 
  247.  
  248. #button-delete:hover:active
  249.   {
  250.     list-style-image      : url("chrome://messenger/skin/trash-clicked.gif");
  251.   }
  252.  
  253. #button-print 
  254.   {
  255.     -moz-binding          : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-dual-standard");
  256.     list-style-image      : url("chrome://global/skin/print.gif");
  257.     margin                : 3px 3px 1px 3px;
  258.     text-align              : center;
  259.   }
  260.  
  261. #button-print > .menubutton-dual-stack > .menubutton-dual-button
  262.   {
  263.       margin                  : 0px;
  264.       padding                  : 0px;
  265.   }
  266.  
  267. #button-print[disabled="true"],
  268. #button-print[disabled="true"]:hover,
  269. #button-print[disabled="true"]:hover:active,
  270. #button-print[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button,
  271. #button-print[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover,
  272. #button-print[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover:active
  273.   {
  274.     list-style-image      : url("chrome://global/skin/print-disabled.gif");
  275.   }
  276.  
  277. #button-print > .menubutton-dual-stack > .menubutton-dual-button:hover
  278.   {
  279.     list-style-image      : url("chrome://global/skin/print-hover.gif");
  280.   }
  281.  
  282. #button-print > .menubutton-dual-stack > .menubutton-dual-button:hover:active
  283.   {
  284.     list-style-image      : url("chrome://global/skin/print-clicked.gif");
  285.   }
  286.  
  287. #button-print > .menubutton-dual-stack > .menubutton-dual-dropmarker-box
  288.   {
  289.     margin-left             : 19px;
  290.     margin-top                : 21px;
  291.   }
  292.  
  293. #button-stop {
  294.     list-style-image:url("chrome://global/skin/stop.gif");
  295. }
  296.  
  297. #button-stop[disabled="true"],
  298. #button-stop[disabled="true"]:hover,
  299. #button-stop[disabled="true"]:hover:active
  300.   {
  301.     list-style-image      : url("chrome://global/skin/stop-disabled.gif");
  302.   } 
  303.  
  304. #button-stop:hover
  305.   {
  306.     list-style-image      : url("chrome://global/skin/stop-hover.gif");
  307.   } 
  308.  
  309. #button-stop:hover:active
  310.   {
  311.     list-style-image      : url("chrome://global/skin/stop-clicked.gif");
  312.   }
  313.  
  314. /* .......... folderPane icons ..................... */
  315.  
  316. .folderMenuItem > .menu-iconic-left {
  317.  list-style-image: url("chrome://messenger/skin/folder-closed.gif");
  318. }
  319.  
  320. .folderMenuItem[open="true"] > .menu-iconic-left {
  321.  list-style-image: url("chrome://messenger/skin/folder-open.gif");
  322. }
  323.  
  324. /* special folders */
  325.  
  326. .folderMenuItem[SpecialFolder="Inbox"] > .menu-iconic-left {
  327.  list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
  328. }
  329.  
  330. .folderMenuItem[SpecialFolder="Inbox"][open="true"] > .menu-iconic-left {
  331.  list-style-image: url("chrome://messenger/skin/folder-inbox-open.gif");
  332. }
  333.  
  334. .folderMenuItem[SpecialFolder="Sent"] > .menu-iconic-left {
  335.  list-style-image: url("chrome://messenger/skin/folder-sent.gif");
  336. }
  337.  
  338. .folderMenuItem[SpecialFolder="Sent"][open="true"] > .menu-iconic-left {
  339.  list-style-image: url("chrome://messenger/skin/folder-sent-open.gif");
  340. }
  341.  
  342. .folderMenuItem[SpecialFolder="Drafts"] > .menu-iconic-left {
  343.  list-style-image: url("chrome://messenger/skin/folder-draft.gif");
  344. }
  345.  
  346. .folderMenuItem[SpecialFolder="Drafts"][open="true"] > .menu-iconic-left {
  347.  list-style-image: url("chrome://messenger/skin/folder-draft-open.gif");
  348. }
  349.  
  350. .folderMenuItem[SpecialFolder="Templates"] > .menu-iconic-left {
  351.  list-style-image: url("chrome://messenger/skin/folder-template.gif");
  352. }
  353.  
  354. .folderMenuItem[SpecialFolder="Templates"][open="true"] > .menu-iconic-left {
  355.  list-style-image: url("chrome://messenger/skin/folder-template-open.gif");
  356. }
  357.  
  358. .folderMenuItem[SpecialFolder="Trash"] > .menu-iconic-left {
  359.  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
  360. }
  361.  
  362. .folderMenuItem[SpecialFolder="Trash"][open="true"] > .menu-iconic-left {
  363.  list-style-image: url("chrome://messenger/skin/folder-trash-open.gif");
  364. }
  365.  
  366. .folderMenuItem[IsServer="true"] > .menu-iconic-left {
  367.  list-style-image: url("chrome://messenger/skin/server-mail.gif");
  368. }
  369.  
  370. /* IMAP folders */
  371.  
  372. .folderMenuItem[IsServer="true"][ServerType="imap"][IsSecure="true"] > .menu-left {
  373.     list-style-image: url("chrome://messenger/skin/server-remote-lock.gif");
  374. }
  375.  
  376. /* Local Servers */
  377. .folderMenuItem[IsServer="true"][ServerType="none"] > .menu-iconic-left
  378. {
  379.  list-style-image: url("chrome://messenger/skin/server-local.gif");
  380. }
  381.  
  382. /* News folders */
  383. .folderMenuItem[ServerType="nntp"] > .menu-iconic-left {
  384.     list-style-image: url("chrome://messenger/skin/folder-newsgroup.gif");
  385. }
  386.  
  387. .folderMenuItem[IsServer="true"][ServerType="nntp"][IsSecure="true"] > .menu-iconic-left {
  388.     list-style-image: url("chrome://messenger/skin/server-news-lock.gif");
  389. }
  390.  
  391. .folderMenuItem[IsServer="true"][ServerType="nntp"] > .menu-iconic-left {
  392.     list-style-image: url("chrome://messenger/skin/server-news.gif");
  393. }
  394.  
  395.  
  396. menu.push {
  397.   border: 1px outset white;
  398.   padding: 2px;
  399.   margin: 2px;
  400.   text-align: center;
  401.   background-color:inherit;
  402.   background-image: inherit;
  403. }
  404.  
  405. menu.push:hover {
  406.         border: 1px outset white;
  407.         color:#003366;
  408.         text-decoration:underline;
  409.         padding: 2px;
  410. }
  411.  
  412. menu.push:hover:-moz-outline {
  413.    border : 1px solid black;
  414.    color:#003366;
  415.    padding: 2px;
  416. }
  417.  
  418. menu.push:active {
  419.   text-decoration:none;
  420.   border: 1px inset;
  421.   padding-left: 3px;
  422.   padding-right: 1px;
  423.   padding-top: 3px;
  424.   padding-bottom: 1px;
  425. }
  426.  
  427. menu.push[toggled="1"] {
  428.   border: 1px white inset;
  429.   padding-left: 3px;
  430.   padding-right: 1px;
  431.   padding-top: 3px;
  432.   padding-bottom: 1px;
  433. }
  434.  
  435. menu.push[toggled="2"] {
  436.    background-color: lightgray;
  437.    border: 1px solid gray;
  438. }
  439.  
  440. menu.push:active:-moz-outline {
  441.    border : 1px solid black;
  442. }
  443.  
  444. menu.push[disabled="true"] {
  445.         background-color:inherit;
  446.         background-image: inherit;
  447.         border : 1px solid #999999;
  448.         color: #999999;
  449.         text-decoration: none;
  450. }
  451.  
  452. menu.push[disabled="true"]:hover {
  453.         background-color:inherit;
  454.         background-image: inherit;
  455.         border : 1px solid #999999;
  456.         color: #999999;
  457.         text-decoration: none;
  458. }
  459.  
  460. menu.push[disabled="true"]:active {
  461.         background-color:inherit;
  462.         background-image: inherit;
  463.         border : 1px solid #999999;
  464.         color: #999999;
  465.         text-decoration: none;
  466. }
  467.  
  468. /**
  469.  * Make sure the min height is small so we can 
  470.  * resize the pane vertically -EDV
  471.  */
  472. box#messagepanebox
  473. {
  474.    min-height: 10px;
  475.    height: 0px;
  476. }
  477.  
  478.  
  479. /**
  480.  * this belongs in the mail filter window
  481.  */
  482.  
  483. .enabledcol {
  484.   list-style-image: url("chrome://messenger/skin/readmail.gif");
  485. }
  486.  
  487. .enabledcol[value="true"] {
  488.   list-style-image: url("chrome://messenger/skin/unreadmail.gif");
  489. }
  490.  
  491. searchattribute {
  492.   -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchattribute);
  493. }
  494.  
  495. searchoperator {
  496.   -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchoperator);
  497. }
  498.  
  499. searchvalue {
  500.  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchvalue);
  501. }
  502.  
  503. searchterm {
  504.  
  505.  behavior: url(chrome://messenger/content/mailWidgets.xml#searchterm);
  506. }
  507.  
  508. #status-bar
  509. {
  510.   border-left: 1px solid #63717B;
  511.   border-top: none;
  512. }
  513.  
  514. #status-bar > :first-child
  515. {
  516.   border-left         : 1px solid #000000;
  517. }
  518.  
  519. /******
  520.  * Adjusting the borders on splitters so they seem to join where vertical meets horizontal
  521.  ******/
  522.  
  523. #sidebar-splitter {
  524.   border: none;
  525. }
  526.  
  527. #sidebar-splitter > .splitter-internal-box {
  528.   border-right: none;
  529. }
  530.  
  531. #threadpane-splitter,
  532. #threadpane-splitter > box
  533. {
  534.   border-top: none;
  535.   border-left: none;
  536.   border-right: none;
  537.   border-bottom: none;
  538. }
  539.  
  540. #threadpane-splitter[state="collapsed"]
  541. {
  542.   border-bottom: 1px solid #000000;
  543. }
  544.  
  545. #threadpane-splitter[state="collapsed"] > box
  546. {
  547.   border-bottom: 1px solid #63717B;
  548. }
  549.  
  550. .gray-vertical-splitter,
  551. .gray-vertical-splitter > box
  552. {
  553.   border-right: none;
  554. }
  555.  
  556. .gray-vertical-splitter > box
  557. {
  558.   border-bottom: none;
  559. }
  560.  
  561. #sidebar-panels-splitter,
  562. #sidebar-panels-splitter > box
  563. {
  564.   border-top: none;
  565. }
  566.  
  567. /** 
  568.  * Focus rings on 3 pane view
  569.  **/
  570.  
  571. #folderTree
  572. {
  573.   border-left: 1px solid #63717B;
  574.   border-bottom: 1px solid #C6D3D6;
  575. }
  576.  
  577. #folderTree > .tree-container-treerows
  578. {
  579.   border-left: 1px solid #000000;
  580.   border-bottom: 1px solid #7B969C;
  581. }
  582.  
  583. #threadTree
  584. {
  585.   border-left: 1px solid #63717B;
  586.   border-right: none;
  587.   border-bottom: 1px solid #C6D3D6;
  588. }
  589.  
  590. #threadTree > .tree-container-treerows
  591. {
  592.   border-left: 1px solid #000000;
  593.   border-bottom: 1px solid #7B969C;
  594. }
  595.  
  596. #folderTree > treehead,
  597. #threadTree[focusring="false"] > treehead
  598. {
  599.   border-left: 1px solid #EFEFEF;
  600.   border-top: 1px solid transparent;
  601. }
  602.  
  603. #folderTree > treehead
  604. {
  605.   border-right: 1px solid transparent;
  606. }
  607.  
  608. #threadTree[focusring="false"] > treehead
  609. {
  610.   border-top: 1px solid #63717B;
  611. }
  612.  
  613. #folderTree > treechildren,
  614. #threadTree[focusring="false"] > treechildren
  615. {
  616.   border-left: 1px solid transparent;
  617.   border-bottom: 1px solid transparent;
  618. }
  619.  
  620. #folderTree > treechildren
  621. {
  622.   border-right: 1px solid transparent;
  623. }
  624.  
  625. #folderTree:focus > treehead,
  626. #threadTree[focusring="true"]  > treehead
  627. {
  628.   border-left: 1px solid black;
  629.   border-top: 1px solid black;
  630. }
  631.  
  632. #folderTree:focus > treehead
  633. {
  634.   border-right: 1px solid black;
  635. }
  636.  
  637. #folderTree:focus > treechildren,
  638. #threadTree[focusring="true"]  > treechildren
  639. {
  640.   border-left: 1px solid black;
  641.   border-bottom: 1px solid black;
  642. }
  643.  
  644. #folderTree:focus > treechildren
  645. {
  646.   border-right: 1px solid black;
  647. }
  648.  
  649. #threadTree > treehead > treerow > .treecell-header:first-child
  650. {
  651.   border-left: none;
  652. }
  653.  
  654. #messagepanebox
  655. {
  656.   border-left: 1px solid #63717B;
  657.   border-top: 1px solid #63717B;
  658.   border-bottom: 1px solid #000000;
  659. }
  660.  
  661. #msgHeaderView {
  662.   border-left: 1px solid #000000;
  663.   border-top: 1px solid #000000;
  664.   border-right: 1px solid #7B969C;
  665. }
  666.  
  667. #messagepane
  668. {
  669.   border-left: 1px solid #000000;
  670.   border-top: 1px solid #000000;
  671.   border-bottom: none;
  672. }
  673.  
  674. #messagepanebox[focusring="true"]
  675. {
  676.   border-left: 1px solid #000000;
  677.   border-top: 1px solid #000000;
  678.   border-bottom: 1px solid #000000;
  679. }
  680.  
  681.