summaryrefslogtreecommitdiffstats
path: root/comm/suite/themes/classic/mac/communicator/helpviewer/help.css
blob: 1b0947d4886f5fdfcac49baa1258d1f516de667c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@import url("chrome://communicator/skin/");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#HelpToolbar {
  padding-inline-start: 5px;
}

#HelpToolbar toolbarbutton {
  min-width: 0px;
  list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
  -moz-box-orient: horizontal !important;
}

#HelpToolbar toolbarbutton[type="menu-button"] {
  margin: 0 2px 0 2px;
  padding: 3px 1px 3px 1px;

}

/* this element contains the icon and the label */
#HelpToolbar .toolbarbutton-menubutton-button {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
}

/* Hide labels for the toolbar because we really don't need them what with the
   tooltips */
#HelpToolbar .toolbarbutton-text {
  display: none;
}

/* Set the minimum sidebar width so the help contents aren't squeezed together.*/
#help-sidebar { min-width: 30px; width: 20em; max-width: 25em; }

#help-back-button toolbarbutton,
#help-forward-button toolbarbutton {
  list-style-image: inherit;
  -moz-image-region: inherit;
}

#help-back-button,
#help-back-button:not([disabled="true"]):hover {
  -moz-image-region: rect(60px 29px 89px 0);
}

#help-back-button:not([disabled="true"]):hover:active,
#help-back-button[open]:not([disabled="true"]) {
  -moz-image-region: rect(60px 59px 89px 30px);
}

#help-back-button[disabled="true"] {
  -moz-image-region: rect(60px 89px 89px 60px);
}

#help-forward-button,
#help-forward-button:not([disabled="true"]):hover {
  -moz-image-region: rect(90px 29px 119px 0);
}

#help-forward-button:not([disabled="true"]):hover:active,
#help-forward-button[open]:not([disabled="true"]) {
  -moz-image-region: rect(90px 59px 119px 30px);
}

#help-forward-button[disabled="true"] {
  -moz-image-region: rect(90px 89px 119px 60px);
}

#help-home-button,
#help-home-button:not([disabled="true"]):hover {
  -moz-image-region: rect(120px 29px 149px 0);
}

#help-home-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(120px 59px 149px 30px);
}

#help-home-button[disabled="true"] {
  -moz-image-region: rect(120px 89px 149px 60px);
}

#help-print-button,
#help-print-button:not([disabled="true"]):hover {
  -moz-image-region: rect(0 29px 29px 0);
}

#help-print-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(0 59px 29px 30px);
}

#help-print-button[disabled="true"] {
  -moz-image-region: rect(0 89px 29px 60px);
}

/* Style the back/forward dropmarks to connect them to the buttons */

#help-back-button > .toolbarbutton-menubutton-dropmarker,
#help-forward-button > .toolbarbutton-menubutton-dropmarker {
  margin-top: 3px;
}

#help-back-button > .toolbarbutton-menubutton-dropmarker,
#help-back-button:hover > .toolbarbutton-menubutton-dropmarker,
#help-back-button:hover:active > .toolbarbutton-menubutton-dropmarker,
#help-forward-button > .toolbarbutton-menubutton-dropmarker,
#help-forward-button:hover > .toolbarbutton-menubutton-dropmarker,
#help-forward-button:hover:active > .toolbarbutton-menubutton-dropmarker {
  list-style-image: url("chrome://global/skin/arrow/arrow-dn.png");
  -moz-image-region: auto;
}

#help-back-button[disabled="true"] > .toolbarbutton-menubutton-dropmarker,
#help-forward-button[disabled="true"] > .toolbarbutton-menubutton-dropmarker {
  list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.png") !important;
  -moz-image-region: auto !important;
}

#help-sidebar-splitter {
  border-inline-end: 1px solid #BEBEBE;
}

/* make findbar appear above content */
#appcontent {
  -moz-box-direction: reverse;
}

/* style findbar for being on top */
#FindToolbar {
  border-top: none;
  border-bottom: 1px solid #888888;
}