EarlyBlue/communicator/skin/sidebar/sidebar.css

   1 /* \r
   2  * The contents of this file are subject to the Mozilla 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/MPL/\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.\r
  13  * \r
  14  * The Initial Developer of the Original Code is Netscape\r
  15  * Communications Corp. Portions created by Netscape Communications\r
  16  * Corp. are Copyright (C) 1999 Netscape Communications Corp. All\r
  17  * Rights Reserved.\r
  18  * \r
  19  * Contributor(s): Stephen Lamm <slamm@netscape.com>\r
  20  */\r
  21  \r
  22 /*\r
  23 #sidebar-splitter {\r
  24     margin-right: 0px;\r
  25     margin-top: 0px;\r
  26     padding: 0px;\r
  27     border: none;\r
  28     min-width: 10px;\r
  29     border-left: 1px solid #9999CC;\r
  30     border-right: 1px solid #9999CC;\r
  31     background-color: #CCD0DD;\r
  32     -moz-binding: url("chrome://communicator/skin/sidebar/sidebarSplitterBindings.xml#sidebar-splitter");\r
  33 }\r
  34 */\r
  35 \r
  36 /*\r
  37 #sidebar-status-grippy {\r
  38     padding: 2px 2px 2px 0px;\r
  39     background-color: #CCD0DD;\r
  40     background-image:\r
  41        url("chrome://communicator/skin/sidebar/sidebar-open.gif"); \r
  42 }\r
  43 #sidebar-status-grippy:hover {\r
  44     background-image:\r
  45        url("chrome://communicator/skin/sidebar/sidebar-open-hover.gif"); \r
  46 }\r
  47 #sidebar-status-grippy[open="true"] {\r
  48     background-image:\r
  49        url("chrome://communicator/skin/sidebar/sidebar-close.gif"); \r
  50 }\r
  51 #sidebar-status-grippy[open="true"]:hover {\r
  52     background-image:\r
  53        url("chrome://communicator/skin/sidebar/sidebar-close-hover.gif"); \r
  54 }\r
  55 */\r
  56 \r
  57 /**/\r
  58 \r
  59 #sidebar-box {\r
  60     margin-top: 0px;\r
  61     border: none;\r
  62     border-bottom: 0px solid #CCD0DD;\r
  63 }\r
  64 \r
  65 .text-panel-loading {\r
  66     margin: 5px 0px;\r
  67 }\r
  68 .image-panel-loading {\r
  69     margin: 5px;\r
  70     list-style-image: url("chrome://global/skin/loading.gif"); \r
  71 }\r
  72 \r
  73 /*\r
  74  *    Sidebar and Panel title buttons\r
  75  */\r
  76 .sidebarheader-main {\r
  77     color: #CCD0DD;\r
  78     background-color: #666699;\r
  79     border: 0px !important;\r
  80     padding-left: 4px;\r
  81 }\r
  82 .sidebarheader-main > .sidebar-header-text {\r
  83     font-weight: bold;\r
  84     margin: 2px;\r
  85 }\r
  86 \r
  87 #sidebar-panel-picker > .menubutton-internal-box > .menubutton-single-icon\r
  88   {\r
  89       list-style-image    : url(chrome://global/skin/mb-single-arrow-right.gif);\r
  90   }\r
  91 \r
  92 /**\r
  93  * texttab folder lookalike e.g. for sidebar panel headers\r
  94  */\r
  95   .box-texttab\r
  96     {\r
  97       -moz-binding        : url("chrome://communicator/content/sidebar/sidebarBindings.xml#texttab");\r
  98       background-color    : #CCD0DD;\r
  99       padding-top         : 2px;\r
 100     }\r
 101 \r
 102   .box-texttab[selected="true"] \r
 103     {\r
 104       border-bottom       : 1px solid #FFFFFF;\r
 105     }    \r
 106     \r
 107   .box-texttab[top-panel="true"]\r
 108     {\r
 109       background-color    : #666699;\r
 110     }\r
 111   \r
 112   .box-texttab[first-panel-after-selected="true"] \r
 113     {\r
 114       background-color    : #FFFFFF;\r
 115     }\r
 116 \r
 117   .box-texttab-right-space \r
 118     {\r
 119       width               : 30px;\r
 120       border-bottom       : 1px solid #000000;\r
 121     }\r
 122 \r
 123   .box-texttab[last-panel="true"] > .box-texttab-right-space \r
 124     {\r
 125       border-bottom       : none;\r
 126     }\r
 127 \r
 128   .box-texttab[last-panel="true"][selected="true"] > .box-texttab-right-space \r
 129     {\r
 130       border-bottom       : 1px solid #000000;\r
 131     } \r
 132 \r
 133   .box-texttab-left\r
 134     {\r
 135       list-style-image    : url("chrome://global/skin/tab-leftedge.gif");\r
 136     }\r
 137 \r
 138   .box-texttab-right\r
 139     {\r
 140       list-style-image    : url("chrome://global/skin/tab-rightedge.gif");\r
 141     }\r
 142 \r
 143   .box-texttab[selected="true"] > .box-texttab-left\r
 144     {\r
 145       list-style-image    : url("chrome://global/skin/seltab-leftedge.gif");\r
 146     }\r
 147 \r
 148   .box-texttab[selected="true"] > .box-texttab-right\r
 149     {\r
 150       list-style-image    : url("chrome://global/skin/seltab-rightedge.gif");\r
 151     }\r
 152 \r
 153   .box-texttab-text-container\r
 154     {\r
 155       border-top          : 1px solid #000000;\r
 156       background-color    : #CCD0DD;\r
 157     }\r
 158 \r
 159   .box-texttab[selected="true"] > .box-texttab-text-container\r
 160     {\r
 161       background-color    : #FFFFFF;\r
 162       font-weight         : bold;\r
 163     }\r
 164