EarlyBlue/skin/EarlyBlue/communicator/sidebar/sidebar.css

   1 /*
   2 #sidebar-splitter
   3   {
   4     border-top            : 1px solid ThreeDHighlight;
   5     border-bottom         : 1px solid ThreeDShadow;
   6   }
   7 */
   8
   9 #sidebar-box
  10   {
  11     margin-top            : 0px;
  12     border                : none;
  13     background-color      : #CCD0DD;
  14   }
  15
  16 .text-panel-loading
  17   {
  18     margin                : 5px 0px;
  19   }
  20
  21 .image-panel-loading
  22   {
  23     margin                : 5px;
  24     list-style-image      : url("chrome://global/skin/loading.gif");
  25   }
  26
  27 .sidebarheader-main
  28   {
  29     border                : none;
  30     color                 : #CCD0DD;
  31     background-color      : #666699;
  32     padding-left          : 4px;
  33   }
  34
  35 #sidebar-panel-picker {
  36   -moz-box-direction: reverse;
  37   color: inherit;
  38 }
  39
  40 #sidebar-panel-picker > .toolbarbutton-box > .toolbarbutton-dropmarker
  41   {
  42     padding-left            : 4px;
  43     list-style-image        : url("chrome://global/skin/menu-arrow-hover.gif");
  44   }
  45
  46 .sidebar-header-text
  47   {
  48     font-weight           : bold;
  49   }
  50
  51 /*
  52 .sidebar-header-grippy
  53   {
  54     list-style-image        : url("chrome://global/skin/grippy-short-vert-after.gif");
  55         background-color            : -moz-Dialog;
  56         max-width                               : 32px;
  57         height                                  : 4px;
  58   }
  59
  60 #sidebar-title-box[state="collapsed"] > .sidebar-header-grippy
  61   {
  62     list-style-image        : url("chrome://global/skin/grippy-short-vert-before.gif");
  63   }
  64 */
  65
  66 /**
  67  * texttab folder lookalike e.g. for sidebar panel headers
  68  */
  69   .box-texttab
  70     {
  71       -moz-binding        : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#panelheader");
  72       padding             : 2px 0px 2px 0px;
  73       background-color    : #CCD0DD;
  74       color               : #000000;
  75       cursor              : pointer;
  76       border-top          : 1px outset #CCD0DD;
  77       border-bottom       : 1px outset #CCD0DD;
  78     }
  79
  80   .box-texttab[selected="true"],
  81   .box-texttab[selected="true"]:hover,
  82   .box-texttab[selected="true"]:hover:active
  83     {
  84       background-color    : #336699;
  85       border-top          : 1px solid #336699;
  86     }
  87
  88   .panelheader-box-1,
  89   .box-texttab[selected="true"]:hover > .panelheader-box-1
  90     {
  91       padding             : 1px 1px 1px 0px;
  92     }
  93
  94   .box-texttab[last-panel="true"],
  95   .box-texttab[last-panel="true"]:hover,
  96   .box-texttab[last-panel="true"]:hover:active,
  97   .box-texttab[last-panel="true"][selected="true"],
  98   .box-texttab[last-panel="true"][selected="true"]:hover,
  99   .box-texttab[last-panel="true"][selected="true"]:hover:active
 100     {
 101       border-bottom       : none;
 102     }
 103
 104   .panelheader-grippy-icon
 105     {
 106       margin              : 2px 3px 0px 3px;
 107       list-style-image    : url("chrome://global/skin/twisty-closed.gif");
 108     }
 109
 110 /*
 111   .panelheader-texture
 112     {
 113       margin              : 1px 0px 1px 0px;
 114       background-image    : url("chrome://global/skin/toolbargrippy-texture.gif");
 115       background-position : 50% 0%;
 116       background-repeat   : repeat-y;
 117       width               : 12px;
 118     }
 119 */
 120
 121   .box-texttab:hover
 122     {
 123       background-color      : #DDDDDD;
 124     }
 125
 126   .box-texttab:hover > .panelheader-box-1
 127     {
 128     }
 129
 130   .box-texttab:hover:active
 131     {
 132       background-color      : #6699FF;
 133     }
 134
 135   .box-texttab:hover:active > .panelheader-box-1
 136     {
 137     }
 138
 139   .box-texttab[selected="true"],
 140   .box-texttab[selected="true"]:hover
 141     {
 142       font-weight           : bold;
 143       cursor                : default;
 144     }
 145
 146   .box-texttab[last-panel="true"],
 147   .box-texttab[selected="true"]
 148     {
 149       margin-bottom       : 0px;
 150     }
 151
 152   .panelheader-grippy-icon[selected="true"]
 153     {
 154       margin              : 2px 3px 0px 3px;
 155       list-style-image    : url("chrome://global/skin/twisty-open.gif");
 156     }
 157
 158   .sidebar-iframe-no-panels, .loadarea
 159     {
 160       background-color      : #FFFFFF;
 161     }
 162
 163   .iframe-panel
 164     {
 165     }
 166