|
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 -moz-appearance: toolbox; |
|
15 background-color: -moz-Dialog; |
|
16 border-top: 2px solid; |
|
17 -moz-border-top-colors: ThreeDShadow ThreeDHighlight; |
|
18 } |
|
19 |
|
20 /* ::::: toolbar & menubar ::::: */ |
|
21 |
|
22 toolbar, menubar { |
|
23 -moz-appearance: toolbar; |
|
24 } |
|
25 |
|
26 toolbar { |
|
27 min-width: 1px; |
|
28 min-height: 19px; |
|
29 border-top: 1px solid ThreeDHighlight; |
|
30 border-bottom: 1px solid ThreeDShadow; |
|
31 } |
|
32 |
|
33 toolbar:first-child, menubar { |
|
34 min-width: 1px; |
|
35 border-bottom: 1px solid ThreeDShadow; |
|
36 border-top: 0px !important; |
|
37 } |
|
38 |
|
39 /* ::::: lightweight theme ::::: */ |
|
40 |
|
41 menubar:-moz-lwtheme, |
|
42 toolbox:-moz-lwtheme, |
|
43 toolbar:-moz-lwtheme { |
|
44 -moz-appearance: none; |
|
45 background: none; |
|
46 border-style: none; |
|
47 } |
|
48 |
|
49 /* ::::: toolbar decorations ::::: */ |
|
50 |
|
51 toolbarseparator { |
|
52 -moz-appearance: separator; |
|
53 border-top: 2px solid transparent; |
|
54 border-bottom: 2px solid transparent; |
|
55 border-left: 3px solid transparent; |
|
56 border-right: 3px solid transparent; |
|
57 -moz-border-left-colors : transparent transparent ThreeDShadow; |
|
58 -moz-border-right-colors : transparent transparent ThreeDHighlight; |
|
59 } |
|
60 |
|
61 toolbarspacer { |
|
62 width: 15px; |
|
63 } |
|
64 |
|
65 /* ::::: toolbarpaletteitem ::::: */ |
|
66 |
|
67 toolbarpaletteitem { |
|
68 cursor: grab; |
|
69 } |
|
70 |
|
71 .toolbarpaletteitem-box[type="spacer"], |
|
72 .toolbarpaletteitem-box[type="spring"] { |
|
73 border: 1px solid #808080; |
|
74 background-color: #FFF !important; |
|
75 } |
|
76 |
|
77 toolbarpaletteitem[place="toolbar"] > toolbarspacer { |
|
78 width: 11px; |
|
79 } |
|
80 |
|
81 .toolbarpaletteitem-box[type="spacer"][place="toolbar"], |
|
82 .toolbarpaletteitem-box[type="spring"][place="toolbar"] { |
|
83 margin-top: 2px; |
|
84 margin-bottom: 2px; |
|
85 -moz-margin-start: 0px; |
|
86 -moz-margin-end: 2px; |
|
87 } |
|
88 |
|
89 .toolbarpaletteitem-box[type="separator"][place="palette"] { |
|
90 width: 2px; |
|
91 height: 50px; |
|
92 } |
|
93 |
|
94 .toolbarpaletteitem-box[type="spacer"][place="palette"], |
|
95 .toolbarpaletteitem-box[type="spring"][place="palette"] { |
|
96 margin-bottom: 2px; |
|
97 width: 50px; |
|
98 height: 50px; |
|
99 } |
|
100 |
|
101 .toolbarpaletteitem-box[type="spring"][place="palette"] { |
|
102 background: url("chrome://global/skin/toolbar/spring.png") no-repeat center; |
|
103 } |
|
104 |
|
105 /* ..... drag and drop feedback ..... */ |
|
106 |
|
107 toolbarpaletteitem[place="toolbar"] { |
|
108 margin-left: -2px; |
|
109 margin-right: -2px; |
|
110 border-left: 2px solid transparent; |
|
111 border-right: 2px solid transparent; |
|
112 } |
|
113 |
|
114 toolbarpaletteitem[dragover="left"] { |
|
115 border-left-color: #000000; |
|
116 } |
|
117 |
|
118 toolbarpaletteitem[dragover="right"] { |
|
119 border-right-color: #000000; |
|
120 } |