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   height: auto;
  23 }
  24
  25 #sidebar-panel-picker {
  26   color: inherit;
  27 }
  28
  29 .sidebar-header-text {
  30   font-weight: bold;
  31 }
  32
  33 /* ..... close button ..... */
  34
  35 #sidebar-close-button {
  36   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
  37   padding: 1px 3px;
  38   -moz-padding-start: 4px;
  39   list-style-image: url("chrome://global/skin/icons/close-button.gif");
  40 }
  41
  42 /* ::::: sidebar panel ::::: */
  43
  44 .sidebar-iframe-no-panels,
  45 .loadarea {
  46   background-color: #FFFFFF;
  47   color: #666699;
  48 }
  49
  50 .iframe-panel, .browser-sidebar {
  51 }
  52
  53 /* ::::: loading info ::::: */
  54
  55 .text-panel-loading {
  56   margin: 5px 0px;
  57 }
  58
  59 .text-panel-loading[loading="false"] {
  60   -moz-margin-start: 11px;
  61 }
  62
  63 .image-panel-loading {
  64   margin: 5px;
  65   list-style-image: url("chrome://global/skin/icons/loading.gif");
  66 }
  67
  68 /* ::::: sidebar tabs ::::: */
  69
  70 .box-texttab {
  71   -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab");
  72   padding: 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   background-color: #336699;
  84   border-top: 1px solid #336699;
  85   padding: 1px;
  86   -moz-padding-start: 0px;
  87 }
  88
  89 .box-texttab[last-panel="true"],
  90 .box-texttab[last-panel="true"]:hover,
  91 .box-texttab[last-panel="true"]:hover:active,
  92 .box-texttab[last-panel="true"][selected="true"],
  93 .box-texttab[last-panel="true"][selected="true"]:hover,
  94 .box-texttab[last-panel="true"][selected="true"]:hover:active {
  95   border-bottom: none;
  96 }
  97
  98 .sbtab-label {
  99   margin: 0px !important;
 100 }
 101
 102 .sbtab-twisty {
 103   margin: 2px 3px 0px;
 104   list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
 105 }
 106
 107 /*
 108 .sbtab-texture {
 109   margin: 2px 0px;
 110   background: url("chrome://global/skin/toolbar/tbgrip-texture.gif") repeat-y;
 111   width: 12px;
 112   height: 12px;
 113 }
 114 */
 115
 116 .box-texttab:hover {
 117   background-color: #DDDDDD;
 118 }
 119
 120 .box-texttab:hover:active {
 121   background-color: #6699FF;
 122 }
 123
 124 .box-texttab[selected="true"],
 125 .box-texttab[selected="true"]:hover {
 126   font-weight: bold;
 127   cursor: default;
 128 }
 129
 130 .box-texttab[last-panel="true"],
 131 .box-texttab[selected="true"] {
 132   margin-bottom: 0px;
 133 }
 134
 135 .sbtab-twisty[selected="true"] {
 136   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
 137 }
 138
 139 /* ::::: sidebar navigation buttons ::::: */
 140
 141 .sidebar-nav-button {
 142   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
 143   padding: 5px 0px;
 144 }
 145
 146 .tab-fwd {
 147   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
 148 }
 149
 150 .tab-back {
 151   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
 152 }