1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/osx/help/help.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,102 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +@import url("chrome://global/skin/");
1.9 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.10 +
1.11 +#HelpToolbar {
1.12 + -moz-padding-start: 5px;
1.13 +}
1.14 +
1.15 +#HelpToolbar toolbarbutton {
1.16 + min-width: 0px;
1.17 + list-style-image: url("chrome://help/skin/Toolbar.png");
1.18 + -moz-box-orient: horizontal !important;
1.19 +}
1.20 +
1.21 +#HelpToolbar toolbarbutton[type="menu-button"] {
1.22 + margin: 0px;
1.23 + padding: 0px;
1.24 +}
1.25 +
1.26 +/* this element contains the icon and the label */
1.27 +#HelpToolbar .toolbarbutton-menubutton-button {
1.28 + margin: 0px !important;
1.29 + padding: 0px !important;
1.30 + border: 0px !important;
1.31 +}
1.32 +
1.33 +/* Hide labels for the toolbar because we really don't need them what with the
1.34 + tooltips */
1.35 +#HelpToolbar .toolbarbutton-text {
1.36 + display: none;
1.37 +}
1.38 +
1.39 +/* Set the minimum sidebar width so the help contents aren't squeezed together.*/
1.40 +#help-sidebar { min-width: 15em; width: 20em; max-width: 25em; }
1.41 +
1.42 +#help-back-button { -moz-image-region: rect(0px 24px 24px 0px); }
1.43 +#help-back-button:not([disabled="true"]):hover { -moz-image-region: rect(24px 24px 48px 0px); }
1.44 +#help-back-button[disabled="true"] { -moz-image-region: rect(48px 24px 72px 0px); }
1.45 +#help-back-button:not([disabled="true"]):hover:active { -moz-image-region: rect(72px 24px 96px 0px); }
1.46 +
1.47 +#help-forward-button { -moz-image-region: rect(0px 48px 24px 24px); }
1.48 +#help-forward-button:not([disabled="true"]):hover { -moz-image-region: rect(24px 48px 48px 24px); }
1.49 +#help-forward-button[disabled="true"] { -moz-image-region: rect(48px 48px 72px 24px); }
1.50 +#help-forward-button:not([disabled="true"]):hover:active { -moz-image-region: rect(72px 48px 96px 24px); }
1.51 +
1.52 +#help-home-button { -moz-image-region: rect(0px 72px 24px 48px); }
1.53 +#help-home-button:not([disabled="true"]):hover { -moz-image-region: rect(24px 72px 48px 48px); }
1.54 +#help-home-button[disabled="true"] { -moz-image-region: rect(48px 72px 72px 48px); }
1.55 +#help-home-button:not([disabled="true"]):hover:active { -moz-image-region: rect(72px 72px 96px 48px); }
1.56 +
1.57 +#help-print-button { -moz-image-region: rect(0px 96px 24px 72px); }
1.58 +#help-print-button:not([disabled="true"]):hover { -moz-image-region: rect(24px 96px 48px 72px); }
1.59 +#help-print-button[disabled="true"] { -moz-image-region: rect(48px 96px 72px 72px); }
1.60 +#help-print-button:not([disabled="true"]):hover:active { -moz-image-region: rect(72px 96px 96px 72px); }
1.61 +
1.62 +/* Style the back/forward dropmarks to connect them to the buttons */
1.63 +
1.64 +/* Style the back dropmark */
1.65 +
1.66 +#help-back-button > .toolbarbutton-menubutton-dropmarker {
1.67 + margin-top: 3px;
1.68 + list-style-image: url("chrome://help/skin/dropmark-nav.png");
1.69 + -moz-image-region: rect(0px, 14px, 24px, 0px);
1.70 +}
1.71 +
1.72 +#help-back-button:hover > .toolbarbutton-menubutton-dropmarker {
1.73 + -moz-image-region: rect(24px, 14px, 48px, 0px);
1.74 +}
1.75 +
1.76 +#help-back-button[disabled="true"] > .toolbarbutton-menubutton-dropmarker {
1.77 + list-style-image: url("chrome://help/skin/dropmark-nav.png") !important;
1.78 + -moz-image-region: rect(48px, 14px, 72px, 0px) !important;
1.79 +}
1.80 +
1.81 +#help-back-button:hover:active > .toolbarbutton-menubutton-dropmarker {
1.82 + -moz-image-region: rect(72px, 14px, 96px, 0px);
1.83 +}
1.84 +
1.85 +/* Style the forward dropmark */
1.86 +
1.87 +#help-forward-button > .toolbarbutton-menubutton-dropmarker {
1.88 + margin-top: 3px;
1.89 + list-style-image: url("chrome://help/skin/dropmark-nav.png");
1.90 + -moz-image-region: rect(0px, 14px, 24px, 0px);
1.91 +}
1.92 +#help-forward-button:hover > .toolbarbutton-menubutton-dropmarker {
1.93 + -moz-image-region: rect(24px, 14px, 48px, 0px);
1.94 +}
1.95 +#help-forward-button[disabled="true"] > .toolbarbutton-menubutton-dropmarker {
1.96 + list-style-image: url("chrome://help/skin/dropmark-nav.png") !important;
1.97 + -moz-image-region: rect(48px, 14px, 72px, 0px) !important;
1.98 +}
1.99 +#help-forward-button:hover:active > .toolbarbutton-menubutton-dropmarker {
1.100 + -moz-image-region: rect(72px, 14px, 96px, 0px);
1.101 +}
1.102 +
1.103 +#helpsidebar-splitter {
1.104 + border-right: 1px solid #bebebe;
1.105 +}
