]>
Commit | Line | Data |
---|---|---|
1cd17194 AD |
1 | body { |
2 | background : white; | |
3 | color : black; | |
4 | margin : 0px; | |
5 | padding : 0px; | |
71500c40 | 6 | font-family : sans-serif; |
1cd17194 AD |
7 | } |
8 | ||
e828e31e | 9 | /* common styles */ |
1cd17194 | 10 | |
b3a9dadd | 11 | table.main td.headerBox { |
e828e31e AD |
12 | background-image : url("images/vgrad_light_rev2.png"); |
13 | background-position : top left; | |
14 | background-repeat : repeat-x; | |
2c1dd701 AD |
15 | } |
16 | ||
b3a9dadd AD |
17 | table.main td.header { |
18 | padding : 10px 10px 10px 30px; | |
19 | height : 80px; | |
20 | font-size : 24pt; | |
21 | font-weight : bold; | |
22 | } | |
23 | ||
e828e31e AD |
24 | table.main td.mainToolbar { |
25 | border-width : 0px 0px 0px 0px; | |
26 | border-style : solid; | |
27 | border-color : #c0c0c0; | |
13f832b3 | 28 | padding : 3px 25px 3px 10px; |
e5d45654 AD |
29 | } |
30 | ||
0eef53fe AD |
31 | table.main td.prefsToolbar { |
32 | border-width : 0px 0px 0px 0px; | |
33 | border-style : solid; | |
34 | border-color : #c0c0c0; | |
a14f82f2 | 35 | padding : 0px 10px 10px 5px; |
0eef53fe AD |
36 | } |
37 | ||
e828e31e AD |
38 | table.main td.feeds { |
39 | width : 300px; | |
40 | height : 100%; | |
41 | border-width : 1px 0px 0px 0px; | |
42 | border-style : solid; | |
43 | border-color : #c0c0c0; | |
d5224f0d | 44 | padding : 0px; |
e5d45654 AD |
45 | } |
46 | ||
e828e31e | 47 | table.main td.headlinesToolbarBox { |
f0601b87 | 48 | padding : 10px; |
e828e31e | 49 | border-width : 0px 0px 1px 1px; |
d76a3b03 | 50 | border-style : solid; |
e828e31e AD |
51 | border-color : #c0c0c0; |
52 | background-image : url("images/vgrad_light.png"); | |
53 | background-position : bottom left; | |
54 | background-repeat : repeat-x; | |
d76a3b03 AD |
55 | } |
56 | ||
e828e31e AD |
57 | table.main td.footer { |
58 | border-width : 1px 0px 0px 0px; | |
a2015351 | 59 | border-style : solid; |
e828e31e AD |
60 | border-color : #c0c0c0; |
61 | padding : 10px; | |
62 | text-align : center; | |
63 | font-size : x-small; | |
64 | background-image : url("images/vgrad_light_rev2.png"); | |
65 | background-position : top left; | |
66 | background-repeat : repeat-x; | |
67 | color : gray; | |
a2015351 AD |
68 | } |
69 | ||
e828e31e AD |
70 | table.main td.footer a { |
71 | color : gray; | |
d76a3b03 AD |
72 | } |
73 | ||
e828e31e AD |
74 | table.main td.footer a:hover { |
75 | color : #5050aa; | |
ac53063a AD |
76 | } |
77 | ||
e828e31e AD |
78 | table.main td.headlines { |
79 | height : 25%; | |
80 | border-width : 0px 0px 1px 1px; | |
81 | border-style : solid; | |
82 | border-color : #c0c0c0; | |
71ad3959 AD |
83 | } |
84 | ||
e828e31e AD |
85 | table.main td.content { |
86 | height : 100%; | |
87 | background-image : url("images/vgrad_light_rev.png"); | |
88 | background-position : top left; | |
89 | background-repeat : repeat-x; | |
90 | border-width : 0px 0px 0px 1px; | |
91 | border-style : solid; | |
92 | border-color : #c0c0c0; | |
1cd17194 AD |
93 | } |
94 | ||
e828e31e AD |
95 | table.main td.prefContent { |
96 | height : 100%; | |
97 | background-image : url("images/vgrad_light_rev.png"); | |
98 | background-position : top left; | |
99 | background-repeat : repeat-x; | |
100 | border-width : 1px 0px 0px 0px; | |
101 | border-style : solid; | |
102 | border-color : #c0c0c0; | |
103 | padding : 20px; | |
1a66d16e AD |
104 | } |
105 | ||
e828e31e AD |
106 | div.postReply { |
107 | background-image : url("images/vgrad_light_rev.png"); | |
a1a8a2be AD |
108 | background-position : top left; |
109 | background-repeat : repeat-x; | |
e828e31e AD |
110 | height : 100%; |
111 | padding : 10px; | |
1cd17194 AD |
112 | } |
113 | ||
f7181e9b AD |
114 | div.postReply a { |
115 | color : #5050aa; | |
116 | } | |
117 | ||
118 | div.postReply a:hover { | |
119 | color : black; | |
120 | } | |
121 | ||
e828e31e AD |
122 | div.postReply div.postHeader { |
123 | background : white; | |
124 | border : 1px solid #c0c0c0; | |
1a66d16e | 125 | padding : 5px; |
1cd17194 AD |
126 | } |
127 | ||
e828e31e | 128 | div.postReply div.postContent { |
1cd17194 | 129 | padding : 10px; |
f0601b87 AD |
130 | } |
131 | ||
e828e31e AD |
132 | div.postReply div.postIcon { |
133 | float : right; | |
134 | border : 0px; | |
e9e4c6e2 | 135 | margin : 10px 0px 10px 10px; |
5f89f780 | 136 | } |
e828e31e AD |
137 | |
138 | ul.feedList { | |
139 | list-style-type : none; | |
140 | margin : 0px; | |
141 | padding : 10px; | |
1cd17194 AD |
142 | } |
143 | ||
e828e31e AD |
144 | ul.feedList li { |
145 | margin : 2px; | |
146 | } | |
147 | ||
148 | ul.feedList li.oddSelected, ul.feedList li.evenSelected, | |
0c674406 AD |
149 | li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread, |
150 | li.oddSelectedUnread { | |
e828e31e AD |
151 | background-color : white; |
152 | } | |
153 | ||
154 | li.oddSelected a, li.evenSelected a, | |
155 | li.oddUnreadSelected a, li.evenUnreadSelected a { | |
156 | color : #5050aa; | |
157 | } | |
508a81e1 | 158 | |
e828e31e AD |
159 | ul.feedList img { |
160 | margin : 0px 3px 0px 0px; | |
161 | width : 16px; | |
162 | height : 16px; | |
331900c6 AD |
163 | } |
164 | ||
e828e31e AD |
165 | h1 { |
166 | font-size : 16pt; | |
f0601b87 AD |
167 | } |
168 | ||
e828e31e AD |
169 | h2 { |
170 | font-size : 14pt; | |
96369d8e | 171 | font-weight : bold; |
e828e31e | 172 | border-width : 0px 0px 1px 0px; |
1cd17194 | 173 | border-style : solid; |
e828e31e | 174 | border-color : #e0e0e0; |
1cd17194 AD |
175 | } |
176 | ||
e828e31e AD |
177 | hr { |
178 | border-width : 0px 0px 1px 0px; | |
179 | border-style : dashed; | |
180 | border-color : #e0e0e0; | |
181 | } | |
67824557 | 182 | |
e828e31e AD |
183 | a { |
184 | color : black; | |
185 | text-decoration : none; | |
1cd17194 AD |
186 | } |
187 | ||
e828e31e AD |
188 | a:hover { |
189 | color : #5050aa; | |
9b307248 AD |
190 | } |
191 | ||
e828e31e AD |
192 | #piggie { |
193 | width : 400; | |
194 | height : 400; | |
195 | left : 50; | |
196 | background-color : white; | |
197 | display : none; | |
198 | z-index : 3; | |
199 | background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png"); | |
200 | background-position : center center; | |
201 | background-repeat : no-repeat; | |
202 | position : absolute; | |
203 | border : 1px solid pink; | |
204 | margin-left : auto; | |
205 | margin-right : auto; | |
206 | -moz-border-radius : 10px; | |
207 | opacity : 0.8; | |
9b307248 AD |
208 | } |
209 | ||
d148926e | 210 | #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl { |
e828e31e AD |
211 | width : 100%; |
212 | padding-left : 2px; | |
1cd17194 AD |
213 | } |
214 | ||
e828e31e | 215 | #notify { |
d5224f0d | 216 | font-size : 10pt; |
828a8ecc | 217 | text-align : right; |
e828e31e | 218 | color : gray; |
828a8ecc AD |
219 | border-style : solid; |
220 | border-width : 0px 0px 1px 1px; | |
a516aa6d | 221 | border-color : #e0e0e0; |
828a8ecc AD |
222 | background-color : white; |
223 | padding : 3px; | |
224 | width : 350px; | |
1cd17194 AD |
225 | } |
226 | ||
8143ae1f AD |
227 | #dispSwitch { |
228 | text-align : right; | |
229 | padding : 5px 5px 5px 0px; | |
230 | font-size : x-small; | |
231 | } | |
232 | ||
233 | #dispSwitch a { | |
234 | color : gray; | |
235 | } | |
236 | ||
237 | #dispSwitch a:hover { | |
238 | color : #5050aa; | |
239 | } | |
240 | ||
e828e31e AD |
241 | div.expPane { |
242 | margin : 15px; | |
d76a3b03 | 243 | } |
1cd17194 | 244 | |
5bfef089 AD |
245 | iframe { |
246 | border : 0px solid white; | |
247 | } | |
248 | ||
e828e31e AD |
249 | iframe.feedsFrame { |
250 | width : 100%; | |
251 | height : 90%; | |
e828e31e AD |
252 | margin : 0px; |
253 | padding : 0px; | |
a1a8a2be | 254 | } |
007bda35 | 255 | |
e828e31e AD |
256 | iframe.contentFrame, iframe.headlinesFrame { |
257 | width : 100%; | |
e828e31e AD |
258 | padding : 0px; |
259 | margin : 0px; | |
260 | height : 100%; | |
007bda35 AD |
261 | } |
262 | ||
e828e31e AD |
263 | .button { |
264 | border : 1px solid #d0d0d0; | |
265 | background-image : url("images/button.png"); | |
266 | background-position : top; | |
267 | background-repeat : repeat-x; | |
268 | background-color : white; | |
269 | color : black; | |
007bda35 AD |
270 | } |
271 | ||
e828e31e AD |
272 | .button:hover { |
273 | background : white; | |
274 | text-decoration : none; | |
275 | color : black; | |
276 | } | |
277 | ||
278 | a.button { | |
279 | padding : 2px 5px 2px 5px; | |
280 | font-size : small; | |
007bda35 AD |
281 | } |
282 | ||
a3ee2a38 AD |
283 | .evenUnreadSelected, .evenSelectedUnread { |
284 | background-color : #e0e0ff; | |
285 | font-weight : bold; | |
286 | } | |
287 | ||
288 | .oddUnreadSelected, .oddSelectedUnread { | |
289 | background-color : #e0e0ff; | |
290 | font-weight : bold; | |
291 | } | |
292 | ||
007bda35 | 293 | .evenSelected { |
7e00c981 | 294 | background-color : #e0e0ff; |
007bda35 AD |
295 | } |
296 | ||
297 | .oddSelected { | |
7e00c981 | 298 | background-color : #e0e0ff; |
007bda35 AD |
299 | } |
300 | ||
ac43eba1 | 301 | .disabledButton { |
d5224f0d AD |
302 | border : 1px solid #c0c0c0; |
303 | background-color : white; | |
304 | color : gray; | |
e6d1c0a0 AD |
305 | } |
306 | ||
e828e31e AD |
307 | .evenGrayed { |
308 | background-color : #f0f0f0; | |
309 | color : #909090; | |
b7f4bda2 AD |
310 | } |
311 | ||
e828e31e AD |
312 | .oddGrayed { |
313 | color : #909090; | |
f07c0eb4 AD |
314 | } |
315 | ||
e828e31e AD |
316 | .even { |
317 | background-color : #f0f0f0; | |
ac43eba1 | 318 | } |
a2015351 | 319 | |
e828e31e AD |
320 | .evenUnread { |
321 | background-color : #f0f0f0; | |
322 | font-weight : bold; | |
f07c0eb4 AD |
323 | } |
324 | ||
e828e31e AD |
325 | .oddUnread { |
326 | font-weight : bold; | |
f07c0eb4 | 327 | } |
508a81e1 | 328 | |
e828e31e | 329 | .invisible { |
508a81e1 | 330 | display : none; |
508a81e1 | 331 | } |
b7f4bda2 | 332 | |
e828e31e AD |
333 | input { |
334 | border : 1px solid #a0a0a0; | |
b7f4bda2 | 335 | } |
603c27f8 | 336 | |
e828e31e | 337 | /* preferences */ |
603c27f8 | 338 | |
e828e31e AD |
339 | table.prefAddFeed td { |
340 | padding : 2px; | |
a0d53889 AD |
341 | } |
342 | ||
e828e31e AD |
343 | table.prefAddFeed input { |
344 | width : 250px; | |
1a66d16e AD |
345 | } |
346 | ||
e828e31e | 347 | table.prefFeedList tr.title td, table.prefFilterList tr.title td, |
90cd2ea5 | 348 | table.headlinesList tr.title td, table.prefLabelList tr.title td { |
e828e31e AD |
349 | font-weight : bold; |
350 | border-width : 0px 0px 1px 0px; | |
351 | border-color : #f0f0f0; | |
352 | border-style : solid; | |
70830c87 | 353 | } |
f0601b87 | 354 | |
7dc66a61 AD |
355 | a.helpLink { |
356 | color : #808080; | |
357 | } | |
358 | ||
359 | a.helpLink:hover { | |
360 | color : #5050aa; | |
361 | } | |
362 | ||
363 | div.helpResponse { | |
364 | margin : 10px; | |
365 | background-image : url("images/vgrad_light_rev2.png"); | |
366 | background-position : top left; | |
367 | background-repeat : repeat-x; | |
368 | padding : 10px 20px 10px 20px; | |
369 | border : 1px solid #f0f0f0; | |
370 | } | |
371 | ||
372 | div.helpResponse h1 { | |
373 | border-width : 0px 0px 1px 0px; | |
374 | border-style : solid; | |
375 | border-color : #c0c0c0; | |
376 | font-size : 16pt; | |
377 | } | |
378 | ||
379 | div.helpResponse h2 { | |
380 | border-width : 0px 0px 0px 0px; | |
381 | font-size : 12pt; | |
382 | ||
383 | } | |
384 | ||
385 | pre { | |
386 | border : 1px solid #c0c0c0; | |
387 | padding : 5px; | |
388 | background : #f0f0f0; | |
389 | } | |
e2f8f7b4 AD |
390 | |
391 | #qafDialog { | |
392 | left : 400px; | |
393 | top : 18px; | |
394 | background : #fffff0; | |
395 | z-index : 3; | |
396 | position : absolute; | |
397 | border : 1px solid #c0c0c0; | |
398 | padding : 10px; | |
399 | display : none; | |
400 | } | |
401 | ||
402 | #qafInput { | |
403 | width : 300px; | |
404 | } |