LCARStrek/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 \r
  24 #sidebar-panels-splitter[state="collapsed"] {\r
  25     margin-bottom: 0px;\r
  26 }\r
  27 \r
  28 #sidebar-splitter {\r
  29     -moz-border-radius: 0px 5px 5px 0px;\r
  30     margin: 0px 3px 3px 0px;\r
  31 }\r
  32 \r
  33 #sidebar-box {\r
  34     margin: 0px 3px 3px 0px;\r
  35     border: none;\r
  36 }\r
  37 \r
  38 .text-panel-loading {\r
  39     margin: 5px 0px;\r
  40 }\r
  41 \r
  42 .image-panel-loading {\r
  43     margin: 5px;\r
  44     list-style-image: url("chrome://global/skin/loading.gif"); \r
  45 }\r
  46 \r
  47 /*\r
  48  *    Sidebar and Panel title buttons\r
  49  */\r
  50 \r
  51 .sidebarheader-main {\r
  52     color: #FF9F00;\r
  53     background-color: #6000CF;\r
  54     border: none;\r
  55     padding-left: 4px;\r
  56     vertical-align: middle;\r
  57 }\r
  58 \r
  59 .sidebar-header-text {\r
  60     font-weight: bold;\r
  61     margin: 3px;\r
  62 }\r
  63 \r
  64 #sidebar-panel-picker\r
  65   {\r
  66     margin-right: 5px;\r
  67   }\r
  68 \r
  69 #sidebar-panel-picker > .menubutton-internal-box\r
  70   {\r
  71     padding-top: 5px;\r
  72     padding-bottom: 3px;\r
  73   }\r
  74 \r
  75 #sidebar-panel-picker > .menubutton-internal-box > .menubutton-single-icon\r
  76   {\r
  77       list-style-image    : url(chrome://global/skin/mb-single-arrow-right.gif);\r
  78   }\r
  79 \r
  80 #sidebar-panel-picker:hover > .menubutton-internal-box > .menubutton-single-icon,\r
  81 #sidebar-panel-picker[open="true"] > .menubutton-internal-box > .menubutton-single-icon\r
  82   {\r
  83       list-style-image    : url(chrome://global/skin/mb-single-arrow-right-hover.gif);\r
  84   }\r
  85 \r
  86 /**\r
  87  * texttab folder lookalike e.g. for sidebar panel headers\r
  88  */\r
  89   .box-texttab\r
  90     {\r
  91       -moz-binding        : url("chrome://communicator/content/sidebar/sidebarBindings.xml#texttab");\r
  92       -moz-border-radius  : 5px;\r
  93       border-top          : 3px solid black;\r
  94     }\r
  95 \r
  96   .box-texttab[selected="true"]\r
  97     {\r
  98       border-bottom       : 3px solid black;\r
  99     }\r
 100 \r
 101 /*\r
 102   .box-texttab[top-panel="true"]\r
 103     {\r
 104       background-color    : #FF9F00;\r
 105     }\r
 106   \r
 107   .box-texttab[first-panel-after-selected="true"] \r
 108     {\r
 109       background-color    : #FF9F00;\r
 110     }\r
 111 */\r
 112 \r
 113   .box-texttab-right-space \r
 114     {\r
 115       -moz-border-radius  : 5px;\r
 116 /*      width               : 30px;\r
 117       border-bottom       : 1px solid #000000; */\r
 118     }\r
 119 \r
 120 /*\r
 121   .box-texttab[last-panel="true"] > .box-texttab-right-space \r
 122     {\r
 123       border-bottom       : none;\r
 124     }\r
 125 \r
 126   .box-texttab[last-panel="true"][selected="true"] > .box-texttab-right-space \r
 127     {\r
 128       border-bottom       : 1px solid #000000;\r
 129     } \r
 130 */\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 \r
 154   .box-texttab-text-container > .box-texttab-text\r
 155     {\r
 156       -moz-border-radius  : 5px;\r
 157       background-color    : #FF9F00;\r
 158       padding             : 5px 3px 3px 3px;\r
 159       color               : #000000;\r
 160     }\r
 161 \r
 162   .box-texttab:hover > .box-texttab-text-container > .box-texttab-text,\r
 163   .box-texttab > .box-texttab-text-container:hover > .box-texttab-text,\r
 164   .box-texttab > .box-texttab-text-container > .box-texttab-text:hover\r
 165     {\r
 166       background-color    : #FFCF00;\r
 167       color               : #000000;\r
 168     }\r
 169 \r
 170   .box-texttab[selected="true"] > .box-texttab-text-container > .box-texttab-text\r
 171     {\r
 172       background-color    : #008484;\r
 173       color               : #FFCF00;\r
 174       font-weight         : bold;\r
 175     }\r
 176