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   padding-inline-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   background: none;
 102   border-color: transparent;
 103 }
 104
 105 /* ::::: toolbar decorations ::::: */
 106
 107 toolbarseparator {
 108   margin: 2px;
 109   margin-inline-end: 0;
 110   border-right: 1px solid #000000;
 111   width: 1px;
 112 }
 113
 114 toolbarspacer {
 115   width: 10px;
 116 }
 117
 118 toolbar[mode="icons"] .toolbarbutton-text {
 119   display: none;
 120 }
 121
 122 toolbar[mode="text"] .toolbarbutton-icon {
 123   display: none;
 124 }
 125
 126 toolbar[mode="text"] .toolbarbutton-text {
 127   padding: 0 !important;
 128   margin: 1px 3px !important;
 129 }
 130
 131 /* ::::: toolbarpaletteitem ::::: */
 132
 133 toolbarpaletteitem {
 134   cursor: grab;
 135 }
 136
 137 .toolbarpaletteitem-box[type="spacer"],
 138 .toolbarpaletteitem-box[type="spring"] {
 139   border-radius: 5px;
 140   border: 1px solid #9C9CFF;
 141   background-color: #000000 !important;
 142 }
 143
 144 toolbarpaletteitem[place="toolbar"] > toolbarspacer {
 145   width: 11px;
 146 }
 147
 148 .toolbarpaletteitem-box[type="spacer"][place="toolbar"],
 149 .toolbarpaletteitem-box[type="spring"][place="toolbar"] {
 150   margin-top: 2px;
 151   margin-bottom: 2px;
 152   margin-inline-start: 0px;
 153   margin-inline-end: 2px;
 154 }
 155
 156 .toolbarpaletteitem-box[type="separator"][place="palette"] {
 157   width: 2px;
 158   height: 50px;
 159 }
 160
 161 .toolbarpaletteitem-box[type="spacer"][place="palette"],
 162 .toolbarpaletteitem-box[type="spring"][place="palette"] {
 163   margin-bottom: 2px;
 164   width: 50px;
 165   height: 50px;
 166 }
 167
 168 .toolbarpaletteitem-box[type="spring"][place="palette"] {
 169   background: url("chrome://global/skin/toolbar/spring.gif") no-repeat center;
 170 }
 171
 172 /* ..... drag and drop feedback ..... */
 173
 174 toolbarpaletteitem[place="toolbar"] {
 175   margin-inline-start: -2px;
 176   margin-inline-end: -2px;
 177   border-left: 2px solid transparent;
 178   border-right: 2px solid transparent;
 179 }
 180
 181 toolbarpaletteitem[dragover="left"] {
 182   border-left-color: #008484;
 183 }
 184
 185 toolbarpaletteitem[dragover="right"] {
 186   border-right-color: #008484;
 187 }