EarlyBlue/communicator/sidebar/sidebar.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   6
   7 /* ::::: sidebar container ::::: */
   8
   9 #sidebar-box {
  10   margin-top: 0px;
  11   border: none;
  12   background-color: #CCD0DD;
  13 }
  14
  15 /* ::::: sidebar header ::::: */
  16
  17 .sidebarheader-main {
  18   border: none;
  19   color: #CCD0DD;
  20   background-color: #666699;
  21   -moz-padding-start: 4px;
  22 }
  23
  24 #sidebar-panel-picker {
  25   color: inherit;
  26 }
  27
  28 .sidebar-header-text {
  29   font-weight: bold;
  30 }
  31
  32 /* ..... close button ..... */
  33
  34 #sidebar-close-button {
  35   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
  36   padding: 1px 3px;
  37   -moz-padding-start: 4px;
  38   list-style-image: url("chrome://global/skin/icons/close-button.gif");
  39 }
  40
  41 /* ::::: sidebar panel ::::: */
  42
  43 .sidebar-iframe-no-panels,
  44 .loadarea {
  45   background-color: #FFFFFF;
  46   color: #666699;
  47 }
  48
  49 .iframe-panel, .browser-sidebar {
  50 }
  51
  52 /* ::::: loading info ::::: */
  53
  54 .text-panel-loading {
  55   margin: 5px 0px;
  56 }
  57
  58 .text-panel-loading[loading="false"] {
  59   -moz-margin-start: 11px;
  60 }
  61
  62 .image-panel-loading {
  63   margin: 5px;
  64   list-style-image: url("chrome://global/skin/icons/loading.gif");
  65 }
  66
  67 /* ::::: sidebar tabs ::::: */
  68
  69 .box-texttab {
  70   -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab");
  71   padding: 2px 0px;
  72   background-color: #CCD0DD;
  73   color: #000000;
  74   cursor: pointer;
  75   border-top: 1px outset #CCD0DD;
  76   border-bottom: 1px outset #CCD0DD;
  77 }
  78
  79 .box-texttab[selected="true"],
  80 .box-texttab[selected="true"]:hover,
  81 .box-texttab[selected="true"]:hover:active {
  82   background-color: #336699;
  83   border-top: 1px solid #336699;
  84   padding: 1px;
  85   -moz-padding-start: 0px;
  86 }
  87
  88 .box-texttab[last-panel="true"],
  89 .box-texttab[last-panel="true"]:hover,
  90 .box-texttab[last-panel="true"]:hover:active,
  91 .box-texttab[last-panel="true"][selected="true"],
  92 .box-texttab[last-panel="true"][selected="true"]:hover,
  93 .box-texttab[last-panel="true"][selected="true"]:hover:active {
  94   border-bottom: none;
  95 }
  96
  97 .sbtab-label {
  98   margin: 0px !important;
  99 }
 100
 101 .sbtab-twisty {
 102   margin: 2px 3px 0px;
 103   list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
 104 }
 105
 106 /*
 107 .sbtab-texture {
 108   margin: 2px 0px;
 109   background: url("chrome://global/skin/toolbar/tbgrip-texture.gif") repeat-y;
 110   width: 12px;
 111   height: 12px;
 112 }
 113 */
 114
 115 .box-texttab:hover {
 116   background-color: #DDDDDD;
 117 }
 118
 119 .box-texttab:hover:active {
 120   background-color: #6699FF;
 121 }
 122
 123 .box-texttab[selected="true"],
 124 .box-texttab[selected="true"]:hover {
 125   font-weight: bold;
 126   cursor: default;
 127 }
 128
 129 .box-texttab[last-panel="true"],
 130 .box-texttab[selected="true"] {
 131   margin-bottom: 0px;
 132 }
 133
 134 .sbtab-twisty[selected="true"] {
 135   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
 136 }
 137
 138 /* ::::: sidebar navigation buttons ::::: */
 139
 140 .sidebar-nav-button {
 141   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
 142   padding: 5px 0px;
 143 }
 144
 145 .tab-fwd {
 146   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
 147 }
 148
 149 .tab-back {
 150   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
 151 }