Commit | Line | Data |
---|---|---|
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/. */ | |
128000f4 | 4 | |
5 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
f6e0a33f | 6 | |
7 | /* ===== messageHeader.css ============================================== | |
8 | == Styles for the header toolbars of a mail message. | |
9 | ======================================================================= */ | |
10 | ||
74d14f90 | 11 | /* ::::: msg header toolbars ::::: */ |
12 | ||
f6e0a33f | 13 | #collapsedHeaderView, |
74d14f90 | 14 | #expandedHeaderView { |
15 | min-width: 1px; | |
9545fc93 | 16 | border-bottom: 1px solid #9999CC; |
74d14f90 | 17 | } |
18 | ||
19 | /* ::::: msg header buttons ::::: */ | |
f6e0a33f | 20 | |
21 | #expandedAttachmentBox { | |
22 | width: 20em; | |
23 | height: 0px; | |
74d14f90 | 24 | list-style-image: url("chrome://messenger/skin/icons/attach.gif"); |
f6e0a33f | 25 | } |
26 | ||
74d14f90 | 27 | #attachmentText { |
28 | font-weight: bold; | |
29 | } | |
30 | ||
31 | /* ::::: msg header captions ::::: */ | |
32 | ||
9545fc93 RK |
33 | #expandedHeaders { |
34 | padding-bottom: 2px; | |
74d14f90 | 35 | } |
36 | ||
9545fc93 RK |
37 | mail-headerfield, |
38 | mail-toggle-headerfield, | |
39 | mail-emailheaderfield, | |
40 | mail-multi-emailHeaderField, | |
41 | mail-messageids-headerfield, | |
42 | mail-tagfield, | |
43 | mail-urlfield { | |
44 | padding-top: 2px; | |
74d14f90 | 45 | } |
46 | ||
47 | .headerNameBox { | |
48 | width: 7.7em; | |
49 | } | |
50 | ||
51 | .headerName { | |
02920d2b RK |
52 | margin: 0; |
53 | -moz-margin-end: .25em; | |
74d14f90 | 54 | font-weight: bold; |
55 | text-align: right; | |
56 | } | |
57 | ||
58 | .headerValue { | |
9545fc93 | 59 | margin: 0; |
74d14f90 | 60 | min-width: 50px; |
61 | white-space: normal; | |
8b2d3333 | 62 | color: inherit; |
63 | background-color: transparent; | |
74d14f90 | 64 | } |
65 | ||
d84b9613 | 66 | .headerValueBox[singleline="true"] { |
67 | overflow: hidden; | |
68 | } | |
69 | ||
70 | .headerValueBox[singleline="true"] > .headerValue { | |
71 | overflow: hidden; | |
72 | } | |
73 | ||
74d14f90 | 74 | .subjectvalue { |
75 | font-weight: bold; | |
76 | } | |
77 | ||
2bea26d6 | 78 | .tagvalue { |
79 | margin-top: 0; | |
8caa872d | 80 | -moz-margin-start: 0; |
2bea26d6 | 81 | } |
82 | ||
4d12b027 RK |
83 | /* ::::: msg header message ids ::::: */ |
84 | ||
85 | .messageIdDisplayButton { | |
86 | color: #336699; | |
87 | cursor: pointer; | |
88 | margin: 0px; | |
89 | padding: 0px 1px; | |
90 | } | |
91 | ||
92 | .messageIdDisplayButton:hover { | |
93 | color: black; | |
94 | background-color: #336699; | |
95 | } | |
96 | ||
97 | .messageIdDisplayImage { | |
8caa872d | 98 | -moz-padding-start: 2px; |
4d12b027 RK |
99 | -moz-box-pack: end; |
100 | } | |
101 | ||
74d14f90 | 102 | /* ::::: msg header email addresses ::::: */ |
103 | ||
104 | .emailDisplayButton { | |
105 | color: #336699; | |
106 | cursor: pointer; | |
107 | margin: 0px; | |
76983f4c | 108 | padding: 0px 1px; |
74d14f90 | 109 | } |
110 | ||
111 | .emailDisplayButton:hover { | |
112 | color: black; | |
113 | background-color: #336699; | |
114 | } | |
115 | ||
1232bf8e | 116 | .emailDisplayImage { |
8caa872d | 117 | -moz-padding-start: 2px; |
1232bf8e | 118 | -moz-box-pack: end; |
119 | } | |
120 | ||
74d14f90 | 121 | /* ::::: email address twisty ::::: */ |
122 | ||
123 | .addresstwisty { | |
124 | margin: 1px; | |
125 | list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); | |
126 | } | |
127 | ||
128 | .addresstwisty[open] { | |
129 | list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); | |
f6e0a33f | 130 | } |
131 | ||
74d14f90 | 132 | /* ::::: view expand and collapse twisties ::::: */ |
133 | ||
134 | .expandHeaderViewButton, | |
135 | .collapsedHeaderViewButton { | |
02920d2b | 136 | margin: 2px .5em 0; |
74d14f90 | 137 | padding: 0px; |
f6e0a33f | 138 | } |
139 | ||
74d14f90 | 140 | .expandHeaderViewButton { |
141 | list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); | |
142 | } | |
143 | ||
144 | .collapsedHeaderViewButton { | |
145 | list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); | |
146 | } | |
f6e0a33f | 147 | |
148 | /* ::::: collapsed view styles ::::: */ | |
149 | ||
9545fc93 RK |
150 | #collapsedHeaderView { |
151 | padding-top: 1px; | |
152 | } | |
153 | ||
f6e0a33f | 154 | #collapsedAttachmentBox { |
155 | -moz-box-pack: center; | |
156 | } | |
157 | ||
74d14f90 | 158 | #collapseddateValue { |
159 | margin: 0 .5em; | |
160 | text-align: right; | |
f6e0a33f | 161 | } |
162 | ||
caf7fc11 | 163 | #collapseddateValue > .textbox-input-box menupopup { |
164 | text-align: left; | |
165 | } | |
166 | ||
74d14f90 | 167 | #collapsedfromBox { |
f6e0a33f | 168 | width: 18em; |
169 | } | |
170 | ||
74d14f90 | 171 | #collapseddateBox { |
f6e0a33f | 172 | width: 12em; |
173 | } | |
174 | ||
76983f4c | 175 | .collapsedHeaderDisplayName { |
9545fc93 | 176 | padding: 0; |
02920d2b RK |
177 | -moz-margin-start: .55em; |
178 | -moz-margin-end: .5em; | |
74d14f90 | 179 | font-weight: bold; |
f6e0a33f | 180 | } |
181 | ||
9545fc93 RK |
182 | .collapsedHeaderValue, |
183 | #collapsedfromValue { | |
caf7fc11 | 184 | background: transparent; |
9545fc93 | 185 | padding: 0; |
f6e0a33f | 186 | } |
187 | ||
74d14f90 | 188 | .collapsedAttachmentButton { |
189 | list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif"); | |
9545fc93 | 190 | margin: 0; |
8caa872d | 191 | -moz-margin-end: .5em; |
f6e0a33f | 192 | } |