]> git.wh0rd.org - tt-rss.git/blame - tt-rss.css
display help_text in prefs editor
[tt-rss.git] / tt-rss.css
CommitLineData
1cd17194
AD
1body {
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 11table.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
17table.main td.header {
18 padding : 10px 10px 10px 30px;
19 height : 80px;
20 font-size : 24pt;
21 font-weight : bold;
22}
23
e828e31e
AD
24table.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 31table.main td.prefsToolbar {
f5a50b25 32 padding : 0px 5px 5px 0px;
0eef53fe
AD
33}
34
e828e31e
AD
35table.main td.feeds {
36 width : 300px;
37 height : 100%;
38 border-width : 1px 0px 0px 0px;
39 border-style : solid;
40 border-color : #c0c0c0;
d5224f0d 41 padding : 0px;
e5d45654
AD
42}
43
e828e31e 44table.main td.headlinesToolbarBox {
f0601b87 45 padding : 10px;
e828e31e 46 border-width : 0px 0px 1px 1px;
d76a3b03 47 border-style : solid;
e828e31e
AD
48 border-color : #c0c0c0;
49 background-image : url("images/vgrad_light.png");
50 background-position : bottom left;
51 background-repeat : repeat-x;
d76a3b03
AD
52}
53
e828e31e
AD
54table.main td.footer {
55 border-width : 1px 0px 0px 0px;
a2015351 56 border-style : solid;
e828e31e
AD
57 border-color : #c0c0c0;
58 padding : 10px;
59 text-align : center;
60 font-size : x-small;
61 background-image : url("images/vgrad_light_rev2.png");
62 background-position : top left;
63 background-repeat : repeat-x;
64 color : gray;
a2015351
AD
65}
66
e828e31e
AD
67table.main td.footer a {
68 color : gray;
d76a3b03
AD
69}
70
e828e31e
AD
71table.main td.footer a:hover {
72 color : #5050aa;
ac53063a
AD
73}
74
e828e31e
AD
75table.main td.headlines {
76 height : 25%;
77 border-width : 0px 0px 1px 1px;
78 border-style : solid;
79 border-color : #c0c0c0;
71ad3959
AD
80}
81
e828e31e
AD
82table.main td.content {
83 height : 100%;
84 background-image : url("images/vgrad_light_rev.png");
85 background-position : top left;
86 background-repeat : repeat-x;
87 border-width : 0px 0px 0px 1px;
88 border-style : solid;
89 border-color : #c0c0c0;
1cd17194
AD
90}
91
e828e31e
AD
92table.main td.prefContent {
93 height : 100%;
94 background-image : url("images/vgrad_light_rev.png");
95 background-position : top left;
96 background-repeat : repeat-x;
97 border-width : 1px 0px 0px 0px;
98 border-style : solid;
99 border-color : #c0c0c0;
100 padding : 20px;
1a66d16e
AD
101}
102
e828e31e
AD
103div.postReply {
104 background-image : url("images/vgrad_light_rev.png");
a1a8a2be
AD
105 background-position : top left;
106 background-repeat : repeat-x;
e828e31e
AD
107 height : 100%;
108 padding : 10px;
1cd17194
AD
109}
110
f7181e9b
AD
111div.postReply a {
112 color : #5050aa;
113}
114
115div.postReply a:hover {
116 color : black;
117}
118
e828e31e
AD
119div.postReply div.postHeader {
120 background : white;
121 border : 1px solid #c0c0c0;
1a66d16e 122 padding : 5px;
1cd17194
AD
123}
124
e828e31e 125div.postReply div.postContent {
1cd17194 126 padding : 10px;
f0601b87
AD
127}
128
e828e31e
AD
129div.postReply div.postIcon {
130 float : right;
131 border : 0px;
e9e4c6e2 132 margin : 10px 0px 10px 10px;
5f89f780 133}
e828e31e
AD
134
135ul.feedList {
136 list-style-type : none;
137 margin : 0px;
138 padding : 10px;
1cd17194
AD
139}
140
e828e31e
AD
141ul.feedList li {
142 margin : 2px;
143}
144
145ul.feedList li.oddSelected, ul.feedList li.evenSelected,
0c674406
AD
146 li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
147 li.oddSelectedUnread {
e828e31e
AD
148 background-color : white;
149}
150
151li.oddSelected a, li.evenSelected a,
152 li.oddUnreadSelected a, li.evenUnreadSelected a {
153 color : #5050aa;
3745788e
AD
154}
155
156ul.feedlist
157 li.virtSelected,
158 li.virtUnreadSelected,
2e346560 159 li.virtSelectedUnread,
3745788e
AD
160 li.feedSelected,
161 li.labelSelected,
162 li.feedUnreadSelected,
2e346560
AD
163 li.labelUnreadSelected,
164 li.feedSelectedUnread,
165 li.labelSelectedUnread {
3745788e
AD
166 background-color : white;
167}
168
169ul.feedlist
170 li.feedSelected a,
171 li.labelSelected a,
172 li.feedUnreadSelected a,
173 li.labelUnreadSelected a,
174 li.virtSelected a,
175 li.virtUnreadSelected a,
176 li.virtSelectedUnread a {
177 color : #5050aa;
178}
179
180ul.feedList li.feed {
181 display : block;
182}
508a81e1 183
e828e31e
AD
184ul.feedList img {
185 margin : 0px 3px 0px 0px;
186 width : 16px;
187 height : 16px;
331900c6
AD
188}
189
e828e31e
AD
190h1 {
191 font-size : 16pt;
f0601b87
AD
192}
193
e828e31e
AD
194h2 {
195 font-size : 14pt;
96369d8e 196 font-weight : bold;
e828e31e 197 border-width : 0px 0px 1px 0px;
1cd17194 198 border-style : solid;
e828e31e 199 border-color : #e0e0e0;
1cd17194
AD
200}
201
f5a50b25
AD
202h3 {
203 font-size : 12pt;
204 font-weight : bold;
205 border-width : 0px 0px 1px 0px;
206 border-style : solid;
207 border-color : #e0e0e0;
208}
209
e828e31e
AD
210hr {
211 border-width : 0px 0px 1px 0px;
212 border-style : dashed;
213 border-color : #e0e0e0;
214}
67824557 215
e828e31e
AD
216a {
217 color : black;
218 text-decoration : none;
1cd17194
AD
219}
220
e828e31e
AD
221a:hover {
222 color : #5050aa;
9b307248
AD
223}
224
e828e31e
AD
225#piggie {
226 width : 400;
227 height : 400;
228 left : 50;
229 background-color : white;
230 display : none;
231 z-index : 3;
232 background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
233 background-position : center center;
234 background-repeat : no-repeat;
235 position : absolute;
236 border : 1px solid pink;
237 margin-left : auto;
238 margin-right : auto;
239 -moz-border-radius : 10px;
240 opacity : 0.8;
9b307248
AD
241}
242
5d73494a
AD
243#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
244#iedit_purgintl {
e828e31e
AD
245 width : 100%;
246 padding-left : 2px;
1cd17194
AD
247}
248
77e96719
AD
249input.editbox {
250 width : 200px;
251 padding-left : 2px;
252}
253
e828e31e 254#notify {
d5224f0d 255 font-size : 10pt;
828a8ecc 256 text-align : right;
e828e31e 257 color : gray;
828a8ecc
AD
258 border-style : solid;
259 border-width : 0px 0px 1px 1px;
a516aa6d 260 border-color : #e0e0e0;
828a8ecc
AD
261 background-color : white;
262 padding : 3px;
263 width : 350px;
1cd17194
AD
264}
265
8143ae1f
AD
266#dispSwitch {
267 text-align : right;
268 padding : 5px 5px 5px 0px;
269 font-size : x-small;
270}
271
272#dispSwitch a {
273 color : gray;
274}
275
276#dispSwitch a:hover {
277 color : #5050aa;
278}
279
e828e31e
AD
280div.expPane {
281 margin : 15px;
d76a3b03 282}
1cd17194 283
5bfef089
AD
284iframe {
285 border : 0px solid white;
286}
287
e828e31e
AD
288iframe.feedsFrame {
289 width : 100%;
290 height : 90%;
e828e31e
AD
291 margin : 0px;
292 padding : 0px;
a1a8a2be 293}
007bda35 294
e828e31e
AD
295iframe.contentFrame, iframe.headlinesFrame {
296 width : 100%;
e828e31e
AD
297 padding : 0px;
298 margin : 0px;
299 height : 100%;
007bda35
AD
300}
301
e828e31e
AD
302.button {
303 border : 1px solid #d0d0d0;
304 background-image : url("images/button.png");
305 background-position : top;
306 background-repeat : repeat-x;
307 background-color : white;
308 color : black;
007bda35
AD
309}
310
e828e31e
AD
311.button:hover {
312 background : white;
313 text-decoration : none;
314 color : black;
315}
316
317a.button {
318 padding : 2px 5px 2px 5px;
319 font-size : small;
007bda35
AD
320}
321
3745788e 322.evenUnreadSelected, .evenSelectedUnread, {
a3ee2a38
AD
323 background-color : #e0e0ff;
324 font-weight : bold;
325}
326
3745788e 327.oddUnreadSelected, .oddSelectedUnread, .feedSelectedUnread, {
a3ee2a38
AD
328 background-color : #e0e0ff;
329 font-weight : bold;
330}
331
007bda35 332.evenSelected {
7e00c981 333 background-color : #e0e0ff;
007bda35
AD
334}
335
336.oddSelected {
7e00c981 337 background-color : #e0e0ff;
3745788e
AD
338}
339
340.feedUnreadSelected, .feedSelectedUnread,
341.virtUnreadSelected, .virtSelectedUnread,
342.labelUnreadSelected, .labelSelectedUnread {
343 background-color : #e0e0ff;
344 font-weight : bold;
345}
346
347.feedUnread, .labelUnread, .virtUnread {
348 font-weight : bold;
007bda35
AD
349}
350
ac43eba1 351.disabledButton {
d5224f0d
AD
352 border : 1px solid #c0c0c0;
353 background-color : white;
354 color : gray;
e6d1c0a0
AD
355}
356
e828e31e
AD
357.evenGrayed {
358 background-color : #f0f0f0;
359 color : #909090;
b7f4bda2
AD
360}
361
e828e31e
AD
362.oddGrayed {
363 color : #909090;
f07c0eb4
AD
364}
365
e828e31e
AD
366.even {
367 background-color : #f0f0f0;
ac43eba1 368}
a2015351 369
e828e31e
AD
370.evenUnread {
371 background-color : #f0f0f0;
372 font-weight : bold;
f07c0eb4
AD
373}
374
e828e31e
AD
375.oddUnread {
376 font-weight : bold;
f07c0eb4 377}
508a81e1 378
e828e31e 379.invisible {
508a81e1 380 display : none;
508a81e1 381}
b7f4bda2 382
e828e31e
AD
383input {
384 border : 1px solid #a0a0a0;
b7f4bda2 385}
603c27f8 386
e828e31e 387/* preferences */
603c27f8 388
e828e31e
AD
389table.prefAddFeed td {
390 padding : 2px;
a0d53889
AD
391}
392
e828e31e
AD
393table.prefAddFeed input {
394 width : 250px;
1a66d16e
AD
395}
396
e828e31e 397table.prefFeedList tr.title td, table.prefFilterList tr.title td,
77e96719
AD
398 table.headlinesList tr.title td, table.prefLabelList tr.title td,
399 table.prefPrefsList tr.title td {
e828e31e
AD
400 font-weight : bold;
401 border-width : 0px 0px 1px 0px;
402 border-color : #f0f0f0;
403 border-style : solid;
70830c87 404}
f0601b87 405
7dc66a61
AD
406a.helpLink {
407 color : #808080;
408}
409
410a.helpLink:hover {
411 color : #5050aa;
412}
413
414div.helpResponse {
415 margin : 10px;
416 background-image : url("images/vgrad_light_rev2.png");
417 background-position : top left;
418 background-repeat : repeat-x;
419 padding : 10px 20px 10px 20px;
420 border : 1px solid #f0f0f0;
421}
422
423div.helpResponse h1 {
424 border-width : 0px 0px 1px 0px;
425 border-style : solid;
426 border-color : #c0c0c0;
427 font-size : 16pt;
428}
429
430div.helpResponse h2 {
431 border-width : 0px 0px 0px 0px;
432 font-size : 12pt;
433
434}
435
436pre {
437 border : 1px solid #c0c0c0;
438 padding : 5px;
439 background : #f0f0f0;
440}
e2f8f7b4 441
f84a97a3 442#userDlg {
e2f8f7b4
AD
443 left : 400px;
444 top : 18px;
445 background : #fffff0;
446 z-index : 3;
447 position : absolute;
448 border : 1px solid #c0c0c0;
449 padding : 10px;
450 display : none;
451}
452
453#qafInput {
454 width : 300px;
455}
033e47e0
AD
456
457input.extSearch {
458 width : 200px;
459}
f5a50b25
AD
460
461table.main td.prefsTabs {
462 padding-left : 15px;
463}
464
465input.prefsTab {
466 border-width : 1px 1px 0px 1px;
467 border-color : #c0c0c0;
468 padding : 2px 7px 2px 7px;
469 margin : 0px 1px 0px 0px;
470 width : 150px;
471 background-image : url("images/vgrad_light_rev2.png");
472 background-position : top left;
473 background-repeat : repeat-x;
474}
475
476input.prefsTabSelected {
477 border-width : 1px 1px 0px 1px;
478 border-color : #c0c0c0;
479 padding : 2px 7px 2px 7px;
480 margin : 0px 1px 0px 0px;
481 width : 150px;
482 background : white;
483 font-weight : bold;
484 background-position : top left;
485 background-repeat : repeat-x;
486}
487
488
489input.prefsTab:hover {
490 background : white;
491}
ab3d0b99
AD
492
493div.warning {
494 background : #fffff0;
495 border : 1px solid #c0c0c0;
496 padding : 5px;
497 margin : 5px;
498 font-size : x-small;
499}
500
501ul.nomarks {
502 list-style-type : none;
503 margin : 0px;
504 padding : 10px;
505}
506
295f9b42
AD
507div.bigErrorMsg {
508 border : 1px solid #c0c0c0;
509 background : #fff0f0;
510 padding : 30px;
511 margin : 20px;
512}
2f587484
AD
513
514#splash {
515 z-index : 3;
516 width : 100%;
517 height : 100%;
518 position : absolute;
519 text-align : center;
520 background-image : url("images/vgrad_light_rev.png");
521 background-color : white;
522 background-position : top left;
523 background-repeat : repeat-x;
524}
525
526td.innerSplash {
527 margin : 35px;
528}
b1895692
AD
529
530div.prefHelp, td.prefHelp {
531 font-size : x-small;
532 color : gray;
533 padding : 5px;
534}
535
536