EarlyBlue/communicator/sidebar/sidebar.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Mozilla Public License Version
   5  * 1.1 (the "License"); you may not use this file except in compliance with
   6  * the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/MPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is "Classic" theme of mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * the Mozilla Organization.
  18  * Portions created by the Initial Developer are Copyright (C) 1998-2001
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Robert Kaiser <KaiRo@KaiRo.at>
  23  *
  24  * Alternatively, the contents of this file may be used under the terms of
  25  * either the GNU General Public License Version 2 or later (the "GPL"), or
  26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27  * in which case the provisions of the GPL or the LGPL are applicable instead
  28  * of those above. If you wish to allow use of your version of this file only
  29  * under the terms of either the GPL or the LGPL, and not to allow others to
  30  * use your version of this file under the terms of the MPL, indicate your
  31  * decision by deleting the provisions above and replace them with the notice
  32  * and other provisions required by the GPL or the LGPL. If you do not delete
  33  * the provisions above, a recipient may use your version of this file under
  34  * the terms of any one of the MPL, the GPL or the LGPL.
  35  *
  36  * ***** END LICENSE BLOCK ***** */
  37
  38 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  39
  40 /*
  41 #sidebar-splitter
  42   {
  43     border-top            : 1px solid ThreeDHighlight;
  44     border-bottom         : 1px solid ThreeDShadow;
  45   }
  46 */
  47
  48 #sidebar-box
  49   {
  50     margin-top            : 0px;
  51     border                : none;
  52     background-color      : #CCD0DD;
  53   }
  54
  55 .text-panel-loading
  56   {
  57     margin                : 5px 0px;
  58   }
  59
  60 .image-panel-loading
  61   {
  62     margin                : 5px;
  63     list-style-image      : url("chrome://global/skin/loading.gif");
  64   }
  65
  66 .sidebarheader-main
  67   {
  68     border                : none;
  69     color                 : #CCD0DD;
  70     background-color      : #666699;
  71     padding-left          : 4px;
  72   }
  73
  74 #sidebar-panel-picker {
  75   -moz-box-direction: reverse;
  76   color: inherit;
  77 }
  78
  79 #sidebar-panel-picker > .toolbarbutton-box > .toolbarbutton-dropmarker
  80   {
  81     padding-left            : 4px;
  82     list-style-image        : url("chrome://global/skin/menu-arrow-hover.gif");
  83   }
  84
  85 .sidebar-header-text
  86   {
  87     font-weight           : bold;
  88   }
  89
  90 /*
  91 .sidebar-header-grippy
  92   {
  93     list-style-image        : url("chrome://global/skin/grippy-short-vert-after.gif");
  94         background-color            : -moz-Dialog;
  95         max-width                               : 32px;
  96         height                                  : 4px;
  97   }
  98
  99 #sidebar-title-box[state="collapsed"] > .sidebar-header-grippy
 100   {
 101     list-style-image        : url("chrome://global/skin/grippy-short-vert-before.gif");
 102   }
 103 */
 104
 105 /**
 106  * texttab folder lookalike e.g. for sidebar panel headers
 107  */
 108   .box-texttab
 109     {
 110       -moz-binding        : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#panelheader");
 111       padding             : 2px 0px 2px 0px;
 112       background-color    : #CCD0DD;
 113       color               : #000000;
 114       cursor              : pointer;
 115       border-top          : 1px outset #CCD0DD;
 116       border-bottom       : 1px outset #CCD0DD;
 117     }
 118
 119   .box-texttab[selected="true"],
 120   .box-texttab[selected="true"]:hover,
 121   .box-texttab[selected="true"]:hover:active
 122     {
 123       background-color    : #336699;
 124       border-top          : 1px solid #336699;
 125     }
 126
 127   .panelheader-box-1,
 128   .box-texttab[selected="true"]:hover > .panelheader-box-1
 129     {
 130       padding             : 1px 1px 1px 0px;
 131     }
 132
 133   .box-texttab[last-panel="true"],
 134   .box-texttab[last-panel="true"]:hover,
 135   .box-texttab[last-panel="true"]:hover:active,
 136   .box-texttab[last-panel="true"][selected="true"],
 137   .box-texttab[last-panel="true"][selected="true"]:hover,
 138   .box-texttab[last-panel="true"][selected="true"]:hover:active
 139     {
 140       border-bottom       : none;
 141     }
 142
 143   .panelheader-grippy-icon
 144     {
 145       margin              : 2px 3px 0px 3px;
 146       list-style-image    : url("chrome://global/skin/twisty-closed.gif");
 147     }
 148
 149 /*
 150   .panelheader-texture
 151     {
 152       margin              : 1px 0px 1px 0px;
 153       background-image    : url("chrome://global/skin/toolbargrippy-texture.gif");
 154       background-position : 50% 0%;
 155       background-repeat   : repeat-y;
 156       width               : 12px;
 157     }
 158 */
 159
 160   .box-texttab:hover
 161     {
 162       background-color      : #DDDDDD;
 163     }
 164
 165   .box-texttab:hover > .panelheader-box-1
 166     {
 167     }
 168
 169   .box-texttab:hover:active
 170     {
 171       background-color      : #6699FF;
 172     }
 173
 174   .box-texttab:hover:active > .panelheader-box-1
 175     {
 176     }
 177
 178   .box-texttab[selected="true"],
 179   .box-texttab[selected="true"]:hover
 180     {
 181       font-weight           : bold;
 182       cursor                : default;
 183     }
 184
 185   .box-texttab[last-panel="true"],
 186   .box-texttab[selected="true"]
 187     {
 188       margin-bottom       : 0px;
 189     }
 190
 191   .panelheader-grippy-icon[selected="true"]
 192     {
 193       margin              : 2px 3px 0px 3px;
 194       list-style-image    : url("chrome://global/skin/twisty-open.gif");
 195     }
 196
 197   .sidebar-iframe-no-panels, .loadarea
 198     {
 199       background-color      : #FFFFFF;
 200     }
 201
 202   .iframe-panel
 203     {
 204     }
 205
 206   .panelheader-text
 207     {
 208       margin              : 0px;
 209     }