]>
Commit | Line | Data |
---|---|---|
800a71e0 AD |
1 | body { |
2 | background : #f6f6f6; | |
3 | } | |
4 | ||
5 | a:hover { | |
6 | color : gray; | |
7 | } | |
8 | ||
f407c086 AD |
9 | .notify { |
10 | border-color : #999; | |
11 | background-color : #f9f9f9; | |
12 | color : black; | |
13 | -moz-border-radius : 0px; | |
14 | } | |
15 | ||
800a71e0 AD |
16 | div.notice { |
17 | background : #f9f9f9; | |
18 | border : 1px solid #999999; | |
19 | } | |
20 | ||
c4cbe62c AD |
21 | ul.userFeedList, ul.browseFeedList { |
22 | border : 1px solid #999999; | |
23 | } | |
800a71e0 AD |
24 | |
25 | table.headlinesSubToolbar td { | |
26 | font-size : x-small; | |
27 | color : gray; | |
28 | padding : 5px 0px 5px 5px; | |
29 | background-image : url("images/grad_1.png"); | |
30 | background-repeat : repeat-x; | |
31 | background-position : bottom left; | |
32 | background-color : #f3f3f2; | |
33 | } | |
34 | ||
35 | div.postReply { | |
36 | padding : 0px; | |
37 | margin : 0px; | |
38 | font-size : medium; | |
39 | } | |
40 | ||
41 | div.postReply a { | |
42 | color : black; | |
43 | } | |
44 | ||
45 | div.postReply a:hover { | |
46 | color : gray; | |
47 | } | |
48 | ||
49 | div.postReply div.postHeader { | |
50 | background : #f9f9f9; | |
51 | border-style : solid; | |
52 | border-color : #999999; | |
53 | border-width : 0px 0px 1px 0px; | |
54 | } | |
55 | ||
56 | div.postReply > div.postHeader { | |
57 | padding : 5px; | |
58 | } | |
59 | ||
60 | .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td, | |
61 | .evenSelectedUnread td { | |
f407c086 | 62 | background-color : #ffcccc; |
800a71e0 AD |
63 | font-weight : bold; |
64 | border-width : 1px 0px 1px 0px; | |
65 | border-style : solid; | |
66 | border-color : #ebebeb; | |
67 | } | |
68 | ||
69 | .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td, | |
70 | .oddSelectedUnread td { | |
f407c086 | 71 | background-color : #ffcccc; |
800a71e0 AD |
72 | font-weight : bold; |
73 | } | |
74 | ||
75 | .evenSelected, .evenSelected td { | |
f407c086 | 76 | background-color : #ffcccc; |
800a71e0 AD |
77 | border-width : 1px 0px 1px 0px; |
78 | border-style : solid; | |
79 | border-color : #ebebeb; | |
80 | } | |
81 | ||
82 | .oddSelected, .evenSelected td { | |
f407c086 | 83 | background-color : #ffcccc; |
800a71e0 AD |
84 | } |
85 | ||
86 | .evenGrayed, .evenGrayed td { | |
87 | background-color : white; | |
88 | color : #909090; | |
89 | border-width : 1px 0px 1px 0px; | |
90 | border-style : solid; | |
91 | border-color : #ebebeb; | |
92 | } | |
93 | ||
94 | .oddGrayed { | |
95 | color : #909090; | |
96 | } | |
97 | ||
98 | .even, .even td { | |
99 | border-width : 1px 0px 1px 0px; | |
100 | border-style : solid; | |
101 | border-color : #ebebeb; | |
102 | background-color : #f9f9f9; | |
103 | } | |
104 | ||
105 | .odd, .odd td { | |
106 | background-color : #f9f9f9; | |
107 | } | |
108 | ||
109 | .evenUnread, .evenUnread td { | |
110 | background-color : white; | |
111 | font-weight : bold; | |
112 | border-width : 1px 0px 1px 0px; | |
113 | border-style : solid; | |
114 | border-color : #ebebeb; | |
115 | } | |
116 | ||
117 | .oddUnread, .oddUnread td { | |
118 | font-weight : bold; | |
119 | } | |
120 | ||
6a4413b4 AD |
121 | ul.feedList { |
122 | list-style-type : none; | |
123 | margin : 5px; | |
124 | padding : 0px 0px 0px 5px; | |
125 | font-size : small; | |
126 | white-space : nowrap; | |
127 | } | |
128 | ||
129 | ul.feedList hr { | |
130 | border-width : 0px; | |
131 | } | |
132 | ||
133 | ul.feedList li.feedCat { | |
134 | margin : 0px; | |
135 | padding : 1px 0px 1px 0px; | |
136 | color : #707070; | |
137 | font-size : small; | |
138 | } | |
139 | ||
140 | ul.feedList li.feedCat a:hover { | |
141 | color : black; | |
142 | } | |
143 | ||
144 | ul.feedCatList { | |
145 | list-style-type : none; | |
146 | margin : 0px 0px 0px 10px; | |
147 | padding : 0px; | |
148 | } | |
149 | ||
150 | ul.feedCatList li { | |
151 | margin : 0px; | |
152 | padding : 1px 0px 1px 0px; | |
153 | color : black; | |
154 | } | |
155 | ||
156 | ul.feedList img { | |
157 | vertical-align : bottom; | |
158 | } | |
159 | ||
160 | ul.feedList li { | |
161 | margin : 0px; | |
162 | padding : 2px 0px 2px 0px; | |
163 | } | |
164 | ||
165 | ||
800a71e0 AD |
166 | li.feedSelected a, |
167 | li.labelSelected a, | |
168 | li.virtSelected a, | |
169 | li.tagSelected a { | |
170 | color : gray; | |
171 | } | |
172 | ||
173 | li.feedUnreadSelected a, | |
174 | li.labelUnreadSelected a, | |
175 | li.virtUnreadSelected a, | |
176 | li.tagUnreadSelected a { | |
177 | color : gray; | |
178 | } | |
179 | ||
180 | table.prefFeedList td.feedEditCat { | |
181 | font-weight : bold; | |
182 | border-width : 0px 0px 1px 0px; | |
183 | border-style : solid; | |
184 | border-color : #999999; | |
185 | padding-top : 0.5em; | |
186 | } | |
187 | ||
188 | tr.title td { | |
189 | color : gray; | |
190 | font-weight : bold; | |
191 | } | |
192 | ||
193 | tr.title td a { | |
194 | color : gray; | |
195 | } | |
196 | ||
197 | tr.title td a:hover { | |
198 | color : black; | |
199 | } | |
200 | ||
201 | span.contentPreview:hover { | |
f407c086 | 202 | color : gray; |
800a71e0 AD |
203 | } |
204 | ||
205 | #dispSwitch a:hover { | |
206 | color : black; | |
207 | } | |
208 | ||
209 | #infoBoxTitle { | |
210 | border-width : 0px 0px 1px 0px; | |
211 | border-style : solid; | |
212 | border-color : #999999; | |
213 | background : #f9f9f9; | |
214 | padding : 2px; | |
215 | color : black; | |
216 | } | |
217 | ||
218 | ||
219 | #infoBox { | |
220 | border-width : 1px 1px 1px 1px; | |
221 | border-style : solid; | |
222 | border-color : #999999; | |
223 | font-size : small; | |
224 | position : relative; | |
225 | bottom : 2px; | |
226 | right : 2px; | |
227 | padding-bottom : 5px; | |
228 | background : white; | |
229 | } | |
230 | ||
231 | #header { | |
232 | position : absolute; | |
233 | white-space: nowrap; | |
234 | top : 10px; | |
6a4413b4 | 235 | left : 25px; |
800a71e0 AD |
236 | right : 20px; |
237 | height : 40px; | |
238 | color : gray; | |
239 | font-size : small; | |
240 | } | |
241 | ||
242 | #feeds-holder { | |
243 | border-width : 1px 1px 1px 1px; | |
244 | border-style : solid; | |
245 | border-color : #c0c0c0; | |
246 | top : 50px; | |
247 | left : 20px; | |
248 | position : absolute; | |
249 | width : 240px; | |
250 | overflow : auto; | |
251 | bottom : 30px; | |
252 | border-collapse : collapse; | |
253 | background : #f9f9f9; | |
254 | } | |
255 | ||
256 | #toolbar { | |
257 | position : absolute; | |
258 | left : 280px; | |
140eda6c | 259 | padding : 0px 20px 10px 0px; |
800a71e0 AD |
260 | top : 50px; |
261 | right : 0px; | |
262 | white-space: nowrap; | |
263 | height : 30px; | |
264 | background-image : url("images/toolbar.png"); | |
265 | background-position : bottom left; | |
266 | background-repeat : repeat-x; | |
267 | } | |
268 | ||
269 | div.headlines_normal { | |
270 | position : absolute; | |
271 | border-width : 1px 1px 1px 1px; | |
272 | border-style : solid; | |
273 | border-color : #999999; | |
274 | left : 280px; | |
275 | height : 305px; | |
276 | top : 85px; | |
277 | right : 20px; | |
278 | overflow : hidden; | |
279 | background : white; | |
280 | font-size : small; | |
281 | border-collapse : collapse; | |
282 | } | |
283 | ||
284 | div.headlines_cdm { | |
285 | position : absolute; | |
286 | border-width : 1px 1px 1px 0px; | |
287 | border-style : solid; | |
288 | border-color : #999; | |
289 | left : 280px; | |
290 | bottom : 30px; | |
291 | top : 85px; | |
292 | right : 20px; | |
293 | overflow : auto; | |
294 | font-size : small; | |
295 | background : white; | |
296 | border-collapse : collapse; | |
297 | } | |
298 | ||
299 | #content-frame { | |
300 | position : absolute; | |
301 | border-width : 1px 1px 1px 1px; | |
302 | border-style : solid; | |
303 | border-color : #999999; | |
304 | background : white; | |
305 | overflow : auto; | |
306 | top : 410px; | |
307 | left : 280px; | |
308 | bottom : 30px; | |
309 | right : 20px; | |
310 | border-collapse : collapse; | |
311 | } | |
312 | ||
23c2a4e7 AD |
313 | #footer, #prefFooter { |
314 | vertical-align : middle; | |
315 | display : block; | |
800a71e0 | 316 | position : absolute; |
23c2a4e7 | 317 | bottom : 5px; |
800a71e0 AD |
318 | text-align : center; |
319 | color : gray; | |
320 | font-size : x-small; | |
321 | right : 0px; | |
322 | left : 0px; | |
323 | padding : 0px; | |
324 | border-width : 0px; | |
325 | background : #f6f6f6; | |
326 | } | |
327 | ||
328 | #footer a { | |
329 | color : gray; | |
330 | } | |
331 | ||
332 | #headlinesContainer { | |
f407c086 | 333 | margin-left : 0px; |
800a71e0 AD |
334 | background-color : white; |
335 | } | |
336 | ||
337 | #headlineActionsTop { | |
338 | /* border-width : 0px 0px 1px 0px; | |
339 | border-style : solid; | |
340 | border-color : #c0c0c0; | |
341 | background-color : #fafafa; */ | |
342 | font-size : x-small; | |
343 | } | |
344 | ||
345 | #headlinesInnerContainer { | |
346 | height : 280px; | |
347 | overflow : auto; | |
348 | } | |
349 | ||
350 | div.firstTab { | |
351 | width : 20px; | |
6a244e6e | 352 | float : left; |
800a71e0 AD |
353 | } |
354 | ||
355 | div.prefsTab { | |
356 | border-color : #999999; | |
357 | } | |
358 | ||
359 | div.prefsTabSelected { | |
360 | border-color : #999999; | |
361 | background : white; | |
362 | } | |
363 | ||
364 | /* preferences layout */ | |
365 | ||
366 | #prefHeader { | |
23c2a4e7 | 367 | margin : 10px 10px 10px 25px; |
800a71e0 AD |
368 | color : gray; |
369 | font-size : small; | |
370 | } | |
371 | ||
372 | div.return { | |
373 | float : right; | |
374 | font-size : small; | |
375 | margin-right : 10px; | |
376 | } | |
377 | ||
378 | div.return a { | |
379 | color : black; | |
380 | } | |
381 | ||
382 | div.return a:hover { | |
383 | color : gray; | |
384 | } | |
385 | ||
386 | #prefContent { | |
387 | clear : left; | |
23c2a4e7 AD |
388 | position : absolute; |
389 | bottom : 30px; | |
390 | top : 75px; | |
391 | overflow : auto; | |
392 | left : 10px; | |
393 | right : 10px; | |
800a71e0 | 394 | padding : 1em; |
23c2a4e7 | 395 | margin : 0px; |
800a71e0 AD |
396 | background : white; |
397 | font-size : small; | |
398 | border-width : 1px 1px 1px 1px; | |
399 | border-color : #999999; | |
400 | border-style : solid; | |
401 | ||
402 | } | |
f407c086 | 403 |