tweaks for making devtools look nicer
[themes.git] / LCARStrek / help / help.css
CommitLineData
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/. */
c79d2bbe
RK
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.*/
466aa5b2
RK
32#help-sidebar {
33 min-width: 30px;
34 width: 20em;
35 max-width: 25em;
36}
c79d2bbe 37
c79d2bbe
RK
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}
fb2b5761
RK
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}