LCARStrek/global/toolbar.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 /* ===== toolbar.css ====================================================
   6   == Styles used by XUL toolbar-related elements.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10
  11 /* ::::: toolbox ::::: */
  12
  13 toolbox {
  14   background-color: #000000;
  15   color: #FF9F00;
  16 }
  17
  18 /* ::::: toolbar & menubar ::::: */
  19
  20 toolbar,
  21 menubar {
  22   border-bottom: 3px solid #000000;
  23   background-color: #000000;
  24   color: #FF9F00;
  25   min-width: 1px;
  26 }
  27
  28 /* toolbar-holder is the body of the main part of a toolbar */
  29 .toolbar-holder {
  30   background-color: #9C9CFF;
  31   color: #000000;
  32   -moz-padding-end: 2px;
  33 }
  34
  35 menubar > .toolbar-box > .toolbar-holder,
  36 toolbar[type="menubar"] > .toolbar-box > .toolbar-holder {
  37   background-color: #6000CF;
  38   color: #FF9F00;
  39 }
  40
  41 /* ::::: toolbargrippy, startcap (LCARStrek specific) ::::: */
  42
  43 toolbargrippy,
  44 .toolbar-startcap,
  45 .menubar-startcap {
  46   border-radius: 8px 0px 0px 8px;
  47   -moz-box-orient: vertical;
  48   -moz-box-align: center;
  49   background-color: #FF9F00;
  50   border: none;
  51   border-right: 3px solid black;
  52   width: 15px;
  53   min-height: 16px;
  54 }
  55
  56 toolbargrippy:hover {
  57   background-color: #FFCF00;
  58 }
  59
  60 /* ::::: endcap (LCARStrek specific) ::::: */
  61
  62 .toolbar-endcap,
  63 .menubar-endcap {
  64   border-radius: 0px 8px 8px 0px;
  65   background-color: #FF9F00;
  66   border: none;
  67   border-left: 3px solid black;
  68   width: 15px;
  69   min-height: 16px;
  70 }
  71
  72 /* ::::: collapsed tray and grippies ::::: */
  73
  74 toolbargrippy[tbgrippy-collapsed="true"] {
  75   -moz-box-orient: horizontal;
  76   border-radius: 4px 0px 0px 4px;
  77   margin-bottom: 3px;
  78   width: 30px;
  79   /* height gets set to the width of the uncollapsed grippy by default
  80      so use !important to force all to the same smaller height */
  81   height: 10px !important;
  82   min-height: 10px;
  83 }
  84
  85 .collapsed-tray-spacer {
  86   border-bottom: none;
  87 }
  88
  89 /* in some cases, the menubar is inside a toolbar... */
  90 toolbaritem > menubar,
  91 toolbar > menubar {
  92   border-bottom-style: none;
  93   background-color: transparent;
  94 }
  95
  96 /* ::::: lightweight theme ::::: */
  97
  98 menubar:-moz-lwtheme,
  99 toolbox:-moz-lwtheme,
 100 toolbar:-moz-lwtheme {
 101   -moz-appearance: none;
 102   background: none;
 103   border-color: transparent;
 104 }
 105
 106 /* ::::: toolbar decorations ::::: */
 107
 108 toolbarseparator {
 109   margin: 2px;
 110   -moz-margin-end: 0;
 111   border-right: 1px solid #000000;
 112   width: 1px;
 113 }
 114
 115 toolbarspacer {
 116   width: 10px;
 117 }
 118
 119 toolbar[mode="icons"] .toolbarbutton-text {
 120   display: none;
 121 }
 122
 123 toolbar[mode="text"] .toolbarbutton-icon {
 124   display: none;
 125 }
 126
 127 toolbar[mode="text"] .toolbarbutton-text {
 128   padding: 0 !important;
 129   margin: 1px 3px !important;
 130 }
 131
 132 /* ::::: toolbarpaletteitem ::::: */
 133
 134 toolbarpaletteitem {
 135   cursor: -moz-grab;
 136 }
 137
 138 .toolbarpaletteitem-box[type="spacer"],
 139 .toolbarpaletteitem-box[type="spring"] {
 140   border-radius: 5px;
 141   border: 1px solid #9C9CFF;
 142   background-color: #000000 !important;
 143 }
 144
 145 toolbarpaletteitem[place="toolbar"] {
 146   -moz-margin-start: -2px;
 147   -moz-margin-end: -2px;
 148   border-left: 2px solid transparent;
 149   border-right: 2px solid transparent;
 150 }
 151
 152 toolbarpaletteitem[place="toolbar"] > toolbarspacer {
 153   width: 11px;
 154 }
 155
 156 .toolbarpaletteitem-box[type="spacer"][place="toolbar"],
 157 .toolbarpaletteitem-box[type="spring"][place="toolbar"] {
 158   margin-top: 2px;
 159   margin-bottom: 2px;
 160   -moz-margin-start: 0px;
 161   -moz-margin-end: 2px;
 162 }
 163
 164 .toolbarpaletteitem-box[type="separator"][place="palette"] {
 165   width: 2px;
 166   height: 50px;
 167 }
 168
 169 .toolbarpaletteitem-box[type="spacer"][place="palette"],
 170 .toolbarpaletteitem-box[type="spring"][place="palette"] {
 171   margin-bottom: 2px;
 172   width: 50px;
 173   height: 50px;
 174 }
 175
 176 .toolbarpaletteitem-box[type="spring"][place="palette"] {
 177   background: url("chrome://global/skin/toolbar/spring.gif") no-repeat center;
 178 }
 179
 180 /* ..... drag and drop feedback ..... */
 181
 182 toolbarpaletteitem[dragover="left"] {
 183   border-left-color: #008484;
 184 }
 185
 186 toolbarpaletteitem[dragover="right"] {
 187   border-right-color: #008484;
 188 }