tweaks for making devtools look nicer
[themes.git] / LCARStrek / help / help.css
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 @import url("chrome://communicator/skin/");
7 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
8
9 #HelpToolbar > toolbarbutton {
10   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
11 }
12
13 /* Hide labels for the toolbar because we really don't need them what with the
14    tooltips */
15 #HelpToolbar .toolbarbutton-text {
16   display: none;
17 }
18
19 /* With no labels, we don't need the margin on the icon that separates it
20    from the label */
21 #HelpToolbar .toolbarbutton-icon {
22   -moz-margin-end: 0;
23 }
24
25 #help-back-button > toolbarbutton,
26 #help-forward-button > toolbarbutton {
27   list-style-image: inherit;
28   -moz-image-region: inherit;
29 }
30
31 /* Set the minimum sidebar width so the help contents aren't squeezed together.*/
32 #help-sidebar {
33   min-width: 30px;
34   width: 20em;
35   max-width: 25em;
36 }
37
38 /* ----- BACK BUTTON ----- */
39
40 #help-back-button {
41   -moz-image-region: rect(42px 25px 63px 0px);
42 }
43
44 #help-back-button[disabled="true"] {
45   -moz-image-region: rect(42px 50px 63px 25px);
46 }
47
48 #help-back-button:not([disabled="true"]):hover,
49 #help-back-button:not([disabled="true"]):hover:active {
50   -moz-image-region: rect(42px 75px 63px 50px);
51 }
52
53 #help-back-button .toolbarbutton-menubutton-button {
54   -moz-box-align: end !important;
55 }
56
57 /* ----- FORWARD BUTTON ----- */
58
59 #help-forward-button {
60   -moz-image-region: rect(63px 25px 84px 0px);
61 }
62
63 #help-forward-button[disabled="true"] {
64   -moz-image-region: rect(63px 50px 84px 25px);
65 }
66
67 #help-forward-button:not([disabled="true"]):hover,
68 #help-forward-button:not([disabled="true"]):hover:active {
69   -moz-image-region: rect(63px 75px 84px 50px);
70 }
71
72 /* ----- HOME BUTTON ----- */
73
74 #help-home-button {
75   -moz-image-region: rect(84px 25px 105px 0px);
76 }
77
78 #help-home-button[disabled="true"] {
79   -moz-image-region: rect(84px 50px 105px 25px);
80 }
81
82 #help-home-button:not([disabled="true"]):hover,
83 #help-home-button:not([disabled="true"]):hover:active {
84   -moz-image-region: rect(84px 75px 105px 50px);
85 }
86
87 /* ----- PRINT BUTTON ----- */
88
89 #help-print-button {
90   -moz-image-region: rect(0px 25px 21px 0px);
91 }
92
93 #help-print-button[disabled="true"] {
94   -moz-image-region: rect(0px 50px 21px 25px);
95 }
96
97 #help-print-button:not([disabled="true"]):hover,
98 #help-print-button:not([disabled="true"]):hover:active {
99   -moz-image-region: rect(0px 75px 21px 50px);
100 }
101
102 /* ----- OTHER ----- */
103
104 #context-copy[disabled="true"] {
105   display: none;
106 }
107
108 /* make findbar appear above content */
109 #appcontent {
110   -moz-box-direction: reverse;
111 }
112
113 /* style findbar for being on top */
114 #FindToolbar {
115   border-bottom: 1px solid #666699;
116   border-top: 1px solid transparent;
117 }