LCARStrek/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   border: none;
  11 }
  12
  13 /* ::::: sidebar splitter ::::: */
  14
  15 #sidebar-panels-splitter[state="collapsed"] {
  16   margin-bottom: 0px;
  17   border-left: none;
  18   border-right: none;
  19 }
  20
  21 #sidebar-splitter {
  22   border-top: none;
  23   border-bottom: none;
  24 }
  25
  26 #sidebar-splitter[state="collapsed"] {
  27   -moz-margin-start: 0px;
  28 }
  29
  30 /* ::::: sidebar header ::::: */
  31
  32 .sidebarheader-main {
  33   border: none;
  34   color: #FF9F00;
  35   background-color: #6000CF;
  36   padding: 0px 2px;
  37   -moz-padding-start: 4px;
  38 }
  39
  40 .sidebar-header-text {
  41   font-weight: bold;
  42 }
  43
  44 /* ..... close button ..... */
  45
  46 #sidebar-close-button {
  47   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
  48   padding: 3px;
  49   list-style-image: url("chrome://global/skin/icons/close-button.gif");
  50 }
  51
  52 #sidebar-close-button:hover,
  53 #sidebar-close-button:hover:active {
  54   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
  55 }
  56
  57 /* ..... panel picker button ..... */
  58
  59 #sidebar-panel-picker {
  60   padding: 3px 1px;
  61 }
  62
  63 /* ::::: sidebar panel ::::: */
  64
  65 .sidebar-iframe-no-panels,
  66 .loadarea {
  67   background-color: #000000;
  68   color: #FF9F00;
  69 }
  70
  71 .iframe-panel, .browser-sidebar {
  72 }
  73
  74 /* ::::: loading info ::::: */
  75
  76 .text-panel-loading {
  77   margin: 5px 0px;
  78 }
  79
  80 .text-panel-loading[loading="false"] {
  81   -moz-margin-start: 11px;
  82 }
  83
  84 .image-panel-loading {
  85   margin: 5px;
  86   list-style-image: url("chrome://global/skin/icons/loading.gif");
  87 }
  88
  89 /* ::::: sidebar tabs ::::: */
  90
  91 .box-texttab {
  92   -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab");
  93   cursor: pointer;
  94   border-top: 3px solid black;
  95 }
  96
  97 .box-texttab > hbox {
  98   border-radius: 5px;
  99   -moz-box-align: stretch;
 100   padding: 2px 0px;
 101   background-color: #FF9F00;
 102   color: #000000;
 103 }
 104
 105 .box-texttab[selected="true"] > hbox,
 106 .box-texttab[selected="true"]:hover > hbox,
 107 .box-texttab[selected="true"]:hover:active > hbox {
 108   background-color: #008484;
 109   color: #FFCF00;
 110   font-weight: bold;
 111 }
 112
 113 .box-texttab[selected="true"],
 114 .box-texttab[selected="true"]:hover,
 115 .box-texttab[selected="true"]:hover:active {
 116   border-bottom: 3px solid black;
 117 }
 118
 119 .box-texttab[last-panel="true"],
 120 .box-texttab[last-panel="true"]:hover,
 121 .box-texttab[last-panel="true"]:hover:active,
 122 .box-texttab[last-panel="true"][selected="true"],
 123 .box-texttab[last-panel="true"][selected="true"]:hover,
 124 .box-texttab[last-panel="true"][selected="true"]:hover:active {
 125   border-bottom: none;
 126 }
 127
 128 .sbtab-label {
 129   margin: 0px !important;
 130 }
 131
 132 .sbtab-twisty {
 133   margin: 2px 3px 0px;
 134   list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
 135 }
 136
 137 .box-texttab:hover > hbox,
 138 .box-texttab:hover:active > hbox {
 139   background-color: #FFCF00;
 140 }
 141
 142 .box-texttab[last-panel="true"],
 143 .box-texttab[selected="true"] {
 144   margin-bottom: 0px;
 145 }
 146
 147 .sbtab-twisty[selected="true"] {
 148   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
 149 }
 150
 151 /* ::::: sidebar navigation buttons ::::: */
 152
 153 .sidebar-nav-button {
 154   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
 155   padding: 5px 0px;
 156 }
 157
 158 .tab-fwd {
 159   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
 160 }
 161
 162 .tab-back {
 163   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
 164 }