tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / toolbar.css
CommitLineData
9099c61d
RK
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/. */
351107c9 4
b1eaa419 5/* ===== toolbar.css ====================================================
6 == Styles used by XUL toolbar-related elements.
7 ======================================================================= */
8
f98e9249
RK
9@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
b1eaa419 11/* ::::: toolbox ::::: */
12
13toolbox {
14 background-color: #000000;
d0646e4a 15 color: #FF9F00;
b1eaa419 16}
17
18/* ::::: toolbar & menubar ::::: */
19
20toolbar,
21menubar {
22 border-bottom: 3px solid #000000;
23 background-color: #000000;
d0646e4a 24 color: #FF9F00;
f98e9249 25 min-width: 1px;
b1eaa419 26}
27
28/* toolbar-holder is the body of the main part of a toolbar */
d0646e4a 29.toolbar-holder {
b1eaa419 30 background-color: #9C9CFF;
d0646e4a 31 color: #000000;
c710949d 32 -moz-padding-end: 2px;
b1eaa419 33}
34
d0646e4a 35menubar > .toolbar-box > .toolbar-holder,
1169dad4 36toolbar[type="menubar"] > .toolbar-box > .toolbar-holder {
b1eaa419 37 background-color: #6000CF;
d0646e4a 38 color: #FF9F00;
b1eaa419 39}
40
dd676468 41/* ::::: toolbargrippy, startcap (LCARStrek specific) ::::: */
b1eaa419 42
4115f43c 43toolbargrippy,
d0646e4a
RK
44.toolbar-startcap,
45.menubar-startcap {
569543b3 46 border-radius: 8px 0px 0px 8px;
a3b3d4d6 47 -moz-box-orient: vertical;
48 -moz-box-align: center;
a5516fb7 49 background-color: #FF9F00;
b1eaa419 50 border: none;
51 border-right: 3px solid black;
b1eaa419 52 width: 15px;
37bddb2a 53 min-height: 16px;
b1eaa419 54}
55
a3b3d4d6 56toolbargrippy:hover {
57 background-color: #FFCF00;
b1eaa419 58}
59
60/* ::::: endcap (LCARStrek specific) ::::: */
61
d0646e4a
RK
62.toolbar-endcap,
63.menubar-endcap {
569543b3 64 border-radius: 0px 8px 8px 0px;
b1eaa419 65 background-color: #FF9F00;
66 border: none;
67 border-left: 3px solid black;
68 width: 15px;
69 min-height: 16px;
70}
71
a3b3d4d6 72/* ::::: collapsed tray and grippies ::::: */
73
74toolbargrippy[tbgrippy-collapsed="true"] {
75 -moz-box-orient: horizontal;
569543b3 76 border-radius: 4px 0px 0px 4px;
a3b3d4d6 77 margin-bottom: 3px;
78 width: 30px;
37bddb2a
RK
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;
798ffac1 82 min-height: 10px;
a3b3d4d6 83}
84
85.collapsed-tray-spacer {
86 border-bottom: none;
87}
88
106ae2ed
RK
89/* in some cases, the menubar is inside a toolbar... */
90toolbaritem > menubar,
91toolbar > menubar {
f98e9249
RK
92 border-bottom-style: none;
93 background-color: transparent;
94}
95
3b1530c2
RK
96/* ::::: lightweight theme ::::: */
97
8a933f1e 98menubar:-moz-lwtheme,
3b1530c2
RK
99toolbox:-moz-lwtheme,
100toolbar:-moz-lwtheme {
101 -moz-appearance: none;
102 background: none;
2f2f230e 103 border-color: transparent;
3b1530c2
RK
104}
105
f98e9249 106/* ::::: toolbar decorations ::::: */
b1eaa419 107
108toolbarseparator {
02920d2b
RK
109 margin: 2px;
110 -moz-margin-end: 0;
f98e9249 111 border-right: 1px solid #000000;
b1eaa419 112 width: 1px;
351107c9 113}
f98e9249
RK
114
115toolbarspacer {
116 width: 10px;
117}
118
119toolbar[mode="icons"] .toolbarbutton-text {
120 display: none;
121}
122
123toolbar[mode="text"] .toolbarbutton-icon {
124 display: none;
125}
126
127toolbar[mode="text"] .toolbarbutton-text {
128 padding: 0 !important;
129 margin: 1px 3px !important;
130}
131
132/* ::::: toolbarpaletteitem ::::: */
133
134toolbarpaletteitem {
135 cursor: -moz-grab;
136}
137
138.toolbarpaletteitem-box[type="spacer"],
139.toolbarpaletteitem-box[type="spring"] {
569543b3 140 border-radius: 5px;
f98e9249
RK
141 border: 1px solid #9C9CFF;
142 background-color: #000000 !important;
143}
144
145toolbarpaletteitem[place="toolbar"] {
8caa872d
RK
146 -moz-margin-start: -2px;
147 -moz-margin-end: -2px;
f98e9249
RK
148 border-left: 2px solid transparent;
149 border-right: 2px solid transparent;
150}
151
152toolbarpaletteitem[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
182toolbarpaletteitem[dragover="left"] {
183 border-left-color: #008484;
184}
185
186toolbarpaletteitem[dragover="right"] {
187 border-right-color: #008484;
188}