Commit | Line | Data |
---|---|---|
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/. */ | |
128000f4 | 4 | |
74d14f90 | 5 | /* ===== toolbar.css ==================================================== |
6 | == Styles used by XUL toolbar-related elements. | |
7 | ======================================================================= */ | |
f6e0a33f | 8 | |
e181d49e RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | ||
74d14f90 | 11 | /* ::::: toolbox ::::: */ |
f6e0a33f | 12 | |
74d14f90 | 13 | toolbox { |
14 | background-color: #CCD0DD; | |
15 | } | |
f6e0a33f | 16 | |
74d14f90 | 17 | /* ::::: toolbar & menubar ::::: */ |
f6e0a33f | 18 | |
74d14f90 | 19 | toolbar, |
20 | menubar { | |
21 | border-bottom: 1px solid #9999CC; | |
22 | background-color: #CCD0DD; | |
e181d49e | 23 | min-width: 1px; |
74d14f90 | 24 | } |
f6e0a33f | 25 | |
e181d49e RK |
26 | /* in browser.xul, the menubar is inside a toolbar... */ |
27 | toolbaritem > menubar { | |
28 | border-bottom-style: none; | |
29 | background-color: transparent; | |
30 | } | |
31 | ||
3b1530c2 RK |
32 | /* ::::: lightweight theme ::::: */ |
33 | ||
8a933f1e | 34 | menubar:-moz-lwtheme, |
3b1530c2 RK |
35 | toolbox:-moz-lwtheme, |
36 | toolbar:-moz-lwtheme { | |
3b1530c2 | 37 | background: none; |
441d0294 | 38 | border-color: transparent; |
3b1530c2 RK |
39 | } |
40 | ||
e181d49e | 41 | /* ::::: toolbar decorations ::::: */ |
f6e0a33f | 42 | |
e181d49e RK |
43 | toolbarseparator { |
44 | margin : 2px 0.2em; | |
45 | border-right: 1px solid #666699; | |
46 | width : 1px; | |
47 | } | |
4c66fa00 | 48 | |
e181d49e RK |
49 | toolbarspacer { |
50 | width: 10px; | |
4c66fa00 | 51 | } |
52 | ||
e181d49e RK |
53 | toolbar[mode="icons"] .toolbarbutton-text { |
54 | display: none; | |
4c66fa00 | 55 | } |
56 | ||
e181d49e RK |
57 | toolbar[mode="text"] .toolbarbutton-icon { |
58 | display: none; | |
59 | } | |
4c66fa00 | 60 | |
e181d49e RK |
61 | toolbar[mode="text"] .toolbarbutton-text { |
62 | padding: 0 !important; | |
63 | margin: 1px 3px !important; | |
4c66fa00 | 64 | } |
65 | ||
e181d49e RK |
66 | /* ::::: toolbarpaletteitem ::::: */ |
67 | ||
68 | toolbarpaletteitem { | |
2c225fcb | 69 | cursor: grab; |
4c66fa00 | 70 | } |
71 | ||
e181d49e RK |
72 | .toolbarpaletteitem-box[type="spacer"], |
73 | .toolbarpaletteitem-box[type="spring"] { | |
74 | border: 1px solid #666699; | |
75 | background-color: #FFFFFF !important; | |
76 | } | |
128000f4 | 77 | |
e181d49e RK |
78 | toolbarpaletteitem[place="toolbar"] > toolbarspacer { |
79 | width: 11px; | |
80 | } | |
81 | ||
82 | .toolbarpaletteitem-box[type="spacer"][place="toolbar"], | |
83 | .toolbarpaletteitem-box[type="spring"][place="toolbar"] { | |
84 | margin-top: 2px; | |
85 | margin-bottom: 2px; | |
dae45075 RK |
86 | margin-inline-start: 0px; |
87 | margin-inline-end: 2px; | |
e181d49e RK |
88 | } |
89 | ||
90 | .toolbarpaletteitem-box[type="separator"][place="palette"] { | |
91 | width: 2px; | |
92 | height: 50px; | |
93 | } | |
94 | ||
95 | .toolbarpaletteitem-box[type="spacer"][place="palette"], | |
96 | .toolbarpaletteitem-box[type="spring"][place="palette"] { | |
97 | margin-bottom: 2px; | |
98 | width: 50px; | |
99 | height: 50px; | |
100 | } | |
101 | ||
102 | .toolbarpaletteitem-box[type="spring"][place="palette"] { | |
103 | background: url("chrome://global/skin/toolbar/spring.gif") no-repeat center; | |
104 | } | |
105 | ||
106 | /* ..... drag and drop feedback ..... */ | |
107 | ||
25fe5264 | 108 | toolbarpaletteitem[place="toolbar"] { |
dae45075 RK |
109 | margin-inline-start: -2px; |
110 | margin-inline-end: -2px; | |
25fe5264 RK |
111 | border-left: 2px solid transparent; |
112 | border-right: 2px solid transparent; | |
113 | } | |
114 | ||
e181d49e RK |
115 | toolbarpaletteitem[dragover="left"] { |
116 | border-left-color: #000000; | |
117 | } | |
118 | ||
119 | toolbarpaletteitem[dragover="right"] { | |
120 | border-right-color: #000000; | |
74d14f90 | 121 | } |