Thu, 22 Jan 2015 13:21:57 +0100
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
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/. */
5 @import url("chrome://global/skin/");
6 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
8 #HelpToolbar {
9 -moz-padding-start: 5px;
10 }
12 #HelpToolbar toolbarbutton {
13 min-width: 0px;
14 list-style-image: url("chrome://help/skin/Toolbar.png");
15 -moz-box-orient: horizontal !important;
16 }
18 #HelpToolbar toolbarbutton[type="menu-button"] {
19 margin: 0px;
20 padding: 0px;
21 }
23 /* this element contains the icon and the label */
24 #HelpToolbar .toolbarbutton-menubutton-button {
25 margin: 0px !important;
26 padding: 0px !important;
27 border: 0px !important;
28 }
30 /* Hide labels for the toolbar because we really don't need them what with the
31 tooltips */
32 #HelpToolbar .toolbarbutton-text {
33 display: none;
34 }
36 /* Set the minimum sidebar width so the help contents aren't squeezed together.*/
37 #help-sidebar { min-width: 15em; width: 20em; max-width: 25em; }
39 #help-back-button { -moz-image-region: rect(0px 24px 24px 0px); }
40 #help-back-button:not([disabled="true"]):hover { -moz-image-region: rect(24px 24px 48px 0px); }
41 #help-back-button[disabled="true"] { -moz-image-region: rect(48px 24px 72px 0px); }
42 #help-back-button:not([disabled="true"]):hover:active { -moz-image-region: rect(72px 24px 96px 0px); }
44 #help-forward-button { -moz-image-region: rect(0px 48px 24px 24px); }
45 #help-forward-button:not([disabled="true"]):hover { -moz-image-region: rect(24px 48px 48px 24px); }
46 #help-forward-button[disabled="true"] { -moz-image-region: rect(48px 48px 72px 24px); }
47 #help-forward-button:not([disabled="true"]):hover:active { -moz-image-region: rect(72px 48px 96px 24px); }
49 #help-home-button { -moz-image-region: rect(0px 72px 24px 48px); }
50 #help-home-button:not([disabled="true"]):hover { -moz-image-region: rect(24px 72px 48px 48px); }
51 #help-home-button[disabled="true"] { -moz-image-region: rect(48px 72px 72px 48px); }
52 #help-home-button:not([disabled="true"]):hover:active { -moz-image-region: rect(72px 72px 96px 48px); }
54 #help-print-button { -moz-image-region: rect(0px 96px 24px 72px); }
55 #help-print-button:not([disabled="true"]):hover { -moz-image-region: rect(24px 96px 48px 72px); }
56 #help-print-button[disabled="true"] { -moz-image-region: rect(48px 96px 72px 72px); }
57 #help-print-button:not([disabled="true"]):hover:active { -moz-image-region: rect(72px 96px 96px 72px); }
59 /* Style the back/forward dropmarks to connect them to the buttons */
61 /* Style the back dropmark */
63 #help-back-button > .toolbarbutton-menubutton-dropmarker {
64 margin-top: 3px;
65 list-style-image: url("chrome://help/skin/dropmark-nav.png");
66 -moz-image-region: rect(0px, 14px, 24px, 0px);
67 }
69 #help-back-button:hover > .toolbarbutton-menubutton-dropmarker {
70 -moz-image-region: rect(24px, 14px, 48px, 0px);
71 }
73 #help-back-button[disabled="true"] > .toolbarbutton-menubutton-dropmarker {
74 list-style-image: url("chrome://help/skin/dropmark-nav.png") !important;
75 -moz-image-region: rect(48px, 14px, 72px, 0px) !important;
76 }
78 #help-back-button:hover:active > .toolbarbutton-menubutton-dropmarker {
79 -moz-image-region: rect(72px, 14px, 96px, 0px);
80 }
82 /* Style the forward dropmark */
84 #help-forward-button > .toolbarbutton-menubutton-dropmarker {
85 margin-top: 3px;
86 list-style-image: url("chrome://help/skin/dropmark-nav.png");
87 -moz-image-region: rect(0px, 14px, 24px, 0px);
88 }
89 #help-forward-button:hover > .toolbarbutton-menubutton-dropmarker {
90 -moz-image-region: rect(24px, 14px, 48px, 0px);
91 }
92 #help-forward-button[disabled="true"] > .toolbarbutton-menubutton-dropmarker {
93 list-style-image: url("chrome://help/skin/dropmark-nav.png") !important;
94 -moz-image-region: rect(48px, 14px, 72px, 0px) !important;
95 }
96 #help-forward-button:hover:active > .toolbarbutton-menubutton-dropmarker {
97 -moz-image-region: rect(72px, 14px, 96px, 0px);
98 }
100 #helpsidebar-splitter {
101 border-right: 1px solid #bebebe;
102 }