The Tor Browser / file comparison
comparison: toolkit/themes/osx/help/help.css
toolkit/themes/osx/help/help.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:527899d0cad4 |
|---|---|
| 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 @import url("chrome://global/skin/"); | |
| 6 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 7 | |
| 8 #HelpToolbar { | |
| 9 -moz-padding-start: 5px; | |
| 10 } | |
| 11 | |
| 12 #HelpToolbar toolbarbutton { | |
| 13 min-width: 0px; | |
| 14 list-style-image: url("chrome://help/skin/Toolbar.png"); | |
| 15 -moz-box-orient: horizontal !important; | |
| 16 } | |
| 17 | |
| 18 #HelpToolbar toolbarbutton[type="menu-button"] { | |
| 19 margin: 0px; | |
| 20 padding: 0px; | |
| 21 } | |
| 22 | |
| 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 } | |
| 29 | |
| 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 } | |
| 35 | |
| 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; } | |
| 38 | |
| 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); } | |
| 43 | |
| 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); } | |
| 48 | |
| 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); } | |
| 53 | |
| 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); } | |
| 58 | |
| 59 /* Style the back/forward dropmarks to connect them to the buttons */ | |
| 60 | |
| 61 /* Style the back dropmark */ | |
| 62 | |
| 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 } | |
| 68 | |
| 69 #help-back-button:hover > .toolbarbutton-menubutton-dropmarker { | |
| 70 -moz-image-region: rect(24px, 14px, 48px, 0px); | |
| 71 } | |
| 72 | |
| 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 } | |
| 77 | |
| 78 #help-back-button:hover:active > .toolbarbutton-menubutton-dropmarker { | |
| 79 -moz-image-region: rect(72px, 14px, 96px, 0px); | |
| 80 } | |
| 81 | |
| 82 /* Style the forward dropmark */ | |
| 83 | |
| 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 } | |
| 99 | |
| 100 #helpsidebar-splitter { | |
| 101 border-right: 1px solid #bebebe; | |
| 102 } |
