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