]> git.wh0rd.org - tt-rss.git/blame - tt-rss.css
update_interval < 0 disables feed updates, show only 20 subscribed feeds in user...
[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;
f46b6ad0 19 height : 70px;
b3a9dadd
AD
20}
21
e828e31e
AD
22table.main td.mainToolbar {
23 border-width : 0px 0px 0px 0px;
24 border-style : solid;
25 border-color : #c0c0c0;
13f832b3 26 padding : 3px 25px 3px 10px;
e5d45654
AD
27}
28
0eef53fe 29table.main td.prefsToolbar {
f5a50b25 30 padding : 0px 5px 5px 0px;
0eef53fe
AD
31}
32
e828e31e
AD
33table.main td.feeds {
34 width : 300px;
35 height : 100%;
36 border-width : 1px 0px 0px 0px;
37 border-style : solid;
38 border-color : #c0c0c0;
d5224f0d 39 padding : 0px;
e5d45654
AD
40}
41
e828e31e 42table.main td.headlinesToolbarBox {
f0601b87 43 padding : 10px;
e828e31e 44 border-width : 0px 0px 1px 1px;
d76a3b03 45 border-style : solid;
e828e31e
AD
46 border-color : #c0c0c0;
47 background-image : url("images/vgrad_light.png");
48 background-position : bottom left;
49 background-repeat : repeat-x;
d76a3b03
AD
50}
51
e828e31e
AD
52table.main td.footer {
53 border-width : 1px 0px 0px 0px;
a2015351 54 border-style : solid;
e828e31e
AD
55 border-color : #c0c0c0;
56 padding : 10px;
57 text-align : center;
58 font-size : x-small;
59 background-image : url("images/vgrad_light_rev2.png");
60 background-position : top left;
61 background-repeat : repeat-x;
62 color : gray;
a2015351
AD
63}
64
e828e31e
AD
65table.main td.footer a {
66 color : gray;
d76a3b03
AD
67}
68
e828e31e
AD
69table.main td.footer a:hover {
70 color : #5050aa;
ac53063a
AD
71}
72
e828e31e
AD
73table.main td.headlines {
74 height : 25%;
75 border-width : 0px 0px 1px 1px;
76 border-style : solid;
77 border-color : #c0c0c0;
71ad3959
AD
78}
79
e828e31e
AD
80table.main td.content {
81 height : 100%;
82 background-image : url("images/vgrad_light_rev.png");
83 background-position : top left;
84 background-repeat : repeat-x;
85 border-width : 0px 0px 0px 1px;
86 border-style : solid;
87 border-color : #c0c0c0;
1cd17194
AD
88}
89
e828e31e
AD
90table.main td.prefContent {
91 height : 100%;
92 background-image : url("images/vgrad_light_rev.png");
93 background-position : top left;
94 background-repeat : repeat-x;
95 border-width : 1px 0px 0px 0px;
96 border-style : solid;
97 border-color : #c0c0c0;
98 padding : 20px;
1a66d16e
AD
99}
100
e828e31e
AD
101div.postReply {
102 background-image : url("images/vgrad_light_rev.png");
a1a8a2be
AD
103 background-position : top left;
104 background-repeat : repeat-x;
e828e31e
AD
105 height : 100%;
106 padding : 10px;
1cd17194
AD
107}
108
f7181e9b
AD
109div.postReply a {
110 color : #5050aa;
111}
112
113div.postReply a:hover {
114 color : black;
115}
116
e828e31e
AD
117div.postReply div.postHeader {
118 background : white;
119 border : 1px solid #c0c0c0;
1a66d16e 120 padding : 5px;
1cd17194
AD
121}
122
e828e31e 123div.postReply div.postContent {
1cd17194 124 padding : 10px;
f0601b87
AD
125}
126
e828e31e
AD
127div.postReply div.postIcon {
128 float : right;
129 border : 0px;
e9e4c6e2 130 margin : 10px 0px 10px 10px;
5f89f780 131}
e828e31e
AD
132
133ul.feedList {
134 list-style-type : none;
91ff844a
AD
135 margin : 5px;
136 padding : 0px 0px 0px 10px;
137}
138
139ul.feedList li.feedCat {
e828e31e 140 margin : 0px;
91ff844a
AD
141 padding : 3px 0px 3px 0px;
142/* border-width : 0px 0px 1px 0px;
143 border-color : #f0f0f0;
144 border-style : solid; */
145 color : #707070;
721064e1 146 font-size : small;
91ff844a
AD
147}
148
149ul.feedCatList {
150 list-style-type : none;
151 margin : 0px;
152 padding : 0px 0px 0px 10px;
153}
154
155ul.feedCatList li {
156 margin : 0px;
157 padding : 0px 0px 0px 0px;
1cd17194
AD
158}
159
e828e31e 160ul.feedList li {
91ff844a 161 margin : 0px;
e828e31e
AD
162}
163
4f3a84f4 164/*
f0b3b4eb
AD
165li.oddSelected, li.evenSelected {
166 background-color : white;
167}
168
169li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
0c674406 170 li.oddSelectedUnread {
e828e31e 171 background-color : white;
f0b3b4eb 172 font-weight : bold;
e828e31e
AD
173}
174
175li.oddSelected a, li.evenSelected a,
176 li.oddUnreadSelected a, li.evenUnreadSelected a {
177 color : #5050aa;
3745788e
AD
178}
179
180ul.feedlist
181 li.virtSelected,
182 li.virtUnreadSelected,
2e346560 183 li.virtSelectedUnread,
3745788e
AD
184 li.feedSelected,
185 li.labelSelected,
186 li.feedUnreadSelected,
2e346560
AD
187 li.labelUnreadSelected,
188 li.feedSelectedUnread,
189 li.labelSelectedUnread {
3745788e
AD
190 background-color : white;
191}
192
193ul.feedlist
194 li.feedSelected a,
195 li.labelSelected a,
196 li.feedUnreadSelected a,
197 li.labelUnreadSelected a,
198 li.virtSelected a,
199 li.virtUnreadSelected a,
200 li.virtSelectedUnread a {
201 color : #5050aa;
4f3a84f4
AD
202} */
203
83957936
AD
204ul.feedlist li.feedUnread,
205ul.feedlist li.labelUnread,
206ul.feedlist li.virtUnread,
207ul.feedlist li.tagUnread {
208 font-weight : bold;
209}
210
211
4f3a84f4
AD
212ul.feedlist li.feedSelected a,
213ul.feedlist li.labelSelected a,
83957936
AD
214ul.feedlist li.virtSelected a,
215ul.feedlist li.tagSelected a {
4f3a84f4
AD
216 color : #5050aa;
217}
218
219ul.feedlist li.feedUnreadSelected a,
220ul.feedlist li.labelUnreadSelected a,
83957936
AD
221ul.feedlist li.virtUnreadSelected a,
222ul.feedlist li.tagUnreadSelected a {
4f3a84f4
AD
223 color : #5050aa;
224}
225
226ul.feedlist li.feedUnreadSelected ,
227ul.feedlist li.labelUnreadSelected,
83957936
AD
228ul.feedlist li.virtUnreadSelected,
229ul.feedlist li.tagUnreadSelected {
4f3a84f4 230 font-weight : bold;
3745788e
AD
231}
232
233ul.feedList li.feed {
234 display : block;
235}
508a81e1 236
6c56687e 237ul.feedList img, img.tinyFeedIcon {
e828e31e
AD
238 margin : 0px 3px 0px 0px;
239 width : 16px;
240 height : 16px;
331900c6
AD
241}
242
e828e31e
AD
243h1 {
244 font-size : 16pt;
f0601b87
AD
245}
246
e828e31e
AD
247h2 {
248 font-size : 14pt;
96369d8e 249 font-weight : bold;
e828e31e 250 border-width : 0px 0px 1px 0px;
1cd17194 251 border-style : solid;
e828e31e 252 border-color : #e0e0e0;
1cd17194
AD
253}
254
f5a50b25
AD
255h3 {
256 font-size : 12pt;
257 font-weight : bold;
258 border-width : 0px 0px 1px 0px;
259 border-style : solid;
260 border-color : #e0e0e0;
261}
262
e828e31e
AD
263hr {
264 border-width : 0px 0px 1px 0px;
265 border-style : dashed;
266 border-color : #e0e0e0;
267}
67824557 268
e828e31e
AD
269a {
270 color : black;
271 text-decoration : none;
1cd17194
AD
272}
273
e828e31e
AD
274a:hover {
275 color : #5050aa;
9b307248
AD
276}
277
e828e31e
AD
278#piggie {
279 width : 400;
280 height : 400;
281 left : 50;
282 background-color : white;
283 display : none;
284 z-index : 3;
285 background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
286 background-position : center center;
287 background-repeat : no-repeat;
288 position : absolute;
289 border : 1px solid pink;
290 margin-left : auto;
291 margin-right : auto;
292 -moz-border-radius : 10px;
293 opacity : 0.8;
9b307248
AD
294}
295
5d73494a 296#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
91ff844a
AD
297#iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
298#iedit_fcat {
e828e31e
AD
299 width : 100%;
300 padding-left : 2px;
1cd17194
AD
301}
302
77e96719
AD
303input.editbox {
304 width : 200px;
305 padding-left : 2px;
306}
307
e828e31e 308#notify {
d5224f0d 309 font-size : 10pt;
828a8ecc 310 text-align : right;
8dcfffd0
AD
311 color : black;
312 font-weight : bold;
828a8ecc
AD
313 border-style : solid;
314 border-width : 0px 0px 1px 1px;
a516aa6d 315 border-color : #e0e0e0;
828a8ecc
AD
316 background-color : white;
317 padding : 3px;
318 width : 350px;
1cd17194
AD
319}
320
8143ae1f
AD
321#dispSwitch {
322 text-align : right;
323 padding : 5px 5px 5px 0px;
324 font-size : x-small;
325}
326
327#dispSwitch a {
328 color : gray;
329}
330
331#dispSwitch a:hover {
332 color : #5050aa;
333}
334
e828e31e
AD
335div.expPane {
336 margin : 15px;
d76a3b03 337}
1cd17194 338
5bfef089
AD
339iframe {
340 border : 0px solid white;
341}
342
e828e31e
AD
343iframe.feedsFrame {
344 width : 100%;
f932bc9f 345 height : 100%;
e828e31e
AD
346 margin : 0px;
347 padding : 0px;
a1a8a2be 348}
007bda35 349
e828e31e
AD
350iframe.contentFrame, iframe.headlinesFrame {
351 width : 100%;
e828e31e
AD
352 padding : 0px;
353 margin : 0px;
354 height : 100%;
007bda35
AD
355}
356
e828e31e
AD
357.button {
358 border : 1px solid #d0d0d0;
359 background-image : url("images/button.png");
360 background-position : top;
361 background-repeat : repeat-x;
362 background-color : white;
363 color : black;
007bda35
AD
364}
365
e828e31e
AD
366.button:hover {
367 background : white;
368 text-decoration : none;
369 color : black;
370}
371
372a.button {
373 padding : 2px 5px 2px 5px;
374 font-size : small;
007bda35
AD
375}
376
4f3a84f4 377.evenUnreadSelected, .evenSelectedUnread {
a3ee2a38
AD
378 background-color : #e0e0ff;
379 font-weight : bold;
380}
381
4f3a84f4 382.oddUnreadSelected, .oddSelectedUnread {
a3ee2a38
AD
383 background-color : #e0e0ff;
384 font-weight : bold;
385}
386
7719618b 387.evenSelected, .oddSelected {
7e00c981 388 background-color : #e0e0ff;
007bda35
AD
389}
390
3745788e 391
4f3a84f4 392/*
3745788e
AD
393.feedUnreadSelected, .feedSelectedUnread,
394.virtUnreadSelected, .virtSelectedUnread,
395.labelUnreadSelected, .labelSelectedUnread {
396 background-color : #e0e0ff;
397 font-weight : bold;
4f3a84f4 398} */
3745788e 399
ac43eba1 400.disabledButton {
d5224f0d
AD
401 border : 1px solid #c0c0c0;
402 background-color : white;
403 color : gray;
e6d1c0a0
AD
404}
405
e828e31e
AD
406.evenGrayed {
407 background-color : #f0f0f0;
408 color : #909090;
b7f4bda2
AD
409}
410
e828e31e
AD
411.oddGrayed {
412 color : #909090;
f07c0eb4
AD
413}
414
e828e31e
AD
415.even {
416 background-color : #f0f0f0;
ac43eba1 417}
a2015351 418
e828e31e
AD
419.evenUnread {
420 background-color : #f0f0f0;
421 font-weight : bold;
f07c0eb4
AD
422}
423
e828e31e
AD
424.oddUnread {
425 font-weight : bold;
f07c0eb4 426}
508a81e1 427
e828e31e 428.invisible {
508a81e1 429 display : none;
508a81e1 430}
b7f4bda2 431
e828e31e
AD
432input {
433 border : 1px solid #a0a0a0;
b7f4bda2 434}
603c27f8 435
e828e31e 436/* preferences */
603c27f8 437
e828e31e 438table.prefFeedList tr.title td, table.prefFilterList tr.title td,
77e96719 439 table.headlinesList tr.title td, table.prefLabelList tr.title td,
91ff844a 440 table.prefPrefsList tr.title td,
18837e9f
AD
441 table.prefFeedCatList tr.title td,
442 table.prefUserList tr.title td {
e828e31e
AD
443 font-weight : bold;
444 border-width : 0px 0px 1px 0px;
445 border-color : #f0f0f0;
446 border-style : solid;
70830c87 447}
f0601b87 448
7dc66a61
AD
449a.helpLink {
450 color : #808080;
451}
452
453a.helpLink:hover {
454 color : #5050aa;
455}
456
1a7572cb 457div.helpResponse {
7dc66a61
AD
458 margin : 10px;
459 background-image : url("images/vgrad_light_rev2.png");
460 background-position : top left;
461 background-repeat : repeat-x;
462 padding : 10px 20px 10px 20px;
463 border : 1px solid #f0f0f0;
464}
465
76332f3c
AD
466#userDlgShadow {
467 z-index : 3;
468 position : absolute;
469 left : 30%;
470 top : 30%;
471 display : none;
472 background-image : url("images/shadow.png");
473}
474
475#userDlg {
476 background : #fffff0;
477 position : relative;
478 bottom : 2px;
479 right : 2px;
480 padding : 15px;
481 border : 1px solid #c0c0c0;
482}
483
484#qafInput {
485 width : 300px;
486}
487
488
2317ffaa
AD
489#infoBox {
490 border : 1px solid #c0c0c0;
491 padding-bottom : 10px;
492 font-size : small;
493 position : relative;
494 bottom : 2px;
495 right : 2px;
496 background-color : white;
497}
498
499#infoBoxShadow {
500 background-image : url("images/shadow.png");
501 position : absolute;
502 margin-left : 30%;
503 width : 30%;
504 z-index : 3;
505 display : none;
506}
507
c6c3a07f 508div.infoBoxContents {
1a7572cb
AD
509 background-image : url("images/vgrad_light_rev2.png");
510 background-position : top left;
511 background-repeat : repeat-x;
512 padding : 5px;
2317ffaa
AD
513 margin-bottom : 5px;
514}
515
516div.infoBoxContents td {
517 font-size : small;
1a7572cb
AD
518}
519
2317ffaa 520
c6c3a07f 521div.helpResponse h1, div.infoBoxContents h1 {
7dc66a61
AD
522 border-width : 0px 0px 1px 0px;
523 border-style : solid;
524 border-color : #c0c0c0;
525 font-size : 16pt;
526}
527
c6c3a07f 528div.helpResponse h2, div.infoBoxContents h2 {
7dc66a61
AD
529 border-width : 0px 0px 0px 0px;
530 font-size : 12pt;
7dc66a61
AD
531}
532
533pre {
534 border : 1px solid #c0c0c0;
535 padding : 5px;
536 background : #f0f0f0;
01c9c74a 537 margin : 5px 10px 5px 10px;
7dc66a61 538}
e2f8f7b4 539
033e47e0
AD
540input.extSearch {
541 width : 200px;
542}
f5a50b25
AD
543
544table.main td.prefsTabs {
545 padding-left : 15px;
546}
547
548input.prefsTab {
549 border-width : 1px 1px 0px 1px;
550 border-color : #c0c0c0;
551 padding : 2px 7px 2px 7px;
552 margin : 0px 1px 0px 0px;
553 width : 150px;
554 background-image : url("images/vgrad_light_rev2.png");
555 background-position : top left;
556 background-repeat : repeat-x;
a3ab6633 557 -moz-border-radius : 7px 7px 0px 0px;
f5a50b25
AD
558}
559
560input.prefsTabSelected {
561 border-width : 1px 1px 0px 1px;
562 border-color : #c0c0c0;
563 padding : 2px 7px 2px 7px;
564 margin : 0px 1px 0px 0px;
565 width : 150px;
566 background : white;
567 font-weight : bold;
568 background-position : top left;
569 background-repeat : repeat-x;
a3ab6633 570 -moz-border-radius : 7px 7px 0px 0px;
f5a50b25
AD
571}
572
573
574input.prefsTab:hover {
575 background : white;
576}
ab3d0b99
AD
577
578div.warning {
579 background : #fffff0;
580 border : 1px solid #c0c0c0;
581 padding : 5px;
e6cb77a0
AD
582 margin : 5px;
583 font-size : x-small;
584}
585
586div.notice {
587 background : #ffffff;
588 border : 1px solid #c0c0c0;
589 padding : 5px;
ab3d0b99
AD
590 margin : 5px;
591 font-size : x-small;
592}
593
594ul.nomarks {
595 list-style-type : none;
596 margin : 0px;
597 padding : 10px;
598}
599
295f9b42
AD
600div.bigErrorMsg {
601 border : 1px solid #c0c0c0;
602 background : #fff0f0;
603 padding : 30px;
604 margin : 20px;
605}
2f587484 606
b1895692
AD
607div.prefHelp, td.prefHelp {
608 font-size : x-small;
609 color : gray;
610 padding : 5px;
611}
612
c93f38c4
AD
613td.welcomePrompt {
614 font-size : small;
615 color : gray;
616 text-align : right;
617 padding-right : 10px;
618
619}
f1cdb8c6 620
8cb74804
AD
621td.httpWelcomePrompt {
622 font-size : small;
623 color : gray;
624 text-align : right;
625}
626
f1cdb8c6
AD
627table.loginForm {
628 background-image : url("images/vgrad_light_rev.png");
629 background-color : white;
630 background-position : top left;
631 background-repeat : repeat-x;
632}
633
634table.innerLoginForm {
635 border : 1px solid #f0f0f0;
636 padding : 50px;
637 background-color : white;
638}
639
640table.innerLoginForm td {
641 padding : 3px 3px 5px 3px;
642}
1a7572cb 643
c6c3a07f
AD
644div.small, p.small {
645 font-size : x-small;
1a7572cb 646}
bca02305
AD
647
648span.insensitive {
649 color : gray;
650}
afb7a1d6 651
f932bc9f 652.prefGenericAddBox {
afb7a1d6
AD
653 margin : 5px;
654}
f557cd78
AD
655
656body.logoutBody {
657 background-color : #f0f0f0;
658 color : black;
659}
660
661span.logoutWarning {
662 color : red;
663 font-weight : bold;
664}
665
666div.logoutContent {
667 width : 600px;
668 border : 1px solid #c0c0c0;
669 background-color : white;
670 margin-left : auto;
671 margin-right : auto;
672 margin-top : 20px;
673 padding : 10px;
674}
d9dde1d6
AD
675
676.small {
677 font-size : small;
678}
28fa9253
AD
679
680table.innerFeedTable td {
681 margin : 0px;
682 padding : 0px;
683}
35f3c923
AD
684
685td.selectPrompt {
686 font-size : x-small;
687 color : gray;
688}
1572afe5
AD
689
690table.headlinesSubToolbar td.headlineActions {
691 font-size : x-small;
692 color : gray;
693 padding : 5px 0px 5px 5px;
694}
695
696table.headlinesSubToolbar td.headlineTitle {
697 font-size : x-small;
698 color : gray;
699 padding : 5px 5px 5px 0px;
700 text-align : right;
701}
702
591c396d
AD
703span.contentPreview {
704 font-size : x-small;
705 color : gray;
706 font-weight : normal;
707}
179d6f57 708
0f172fff
AD
709span.contentPreview:hover {
710 color : #5050aa;
711}
712
bd34c528 713table.headlinesList td.hlMarkedPic {
179d6f57
AD
714 width : 25px;
715 text-align : center;
716}
717
bd34c528
AD
718table.headlinesList td.hlfeed {
719 text-align : right;
720 font-size : small;
721}
722
179d6f57
AD
723td.hlSelectRow, td.hlUpdatePic {
724 width : 25px;
725 text-align : center;
726}
727
bd34c528 728table.headlinesList td.hlUpdated {
179d6f57
AD
729 font-size : small;
730 color : gray;
731 text-align : right;
732 width : 100px;
733}
734
7acf5208
AD
735table.headlinesList tr td {
736 padding : 2px 0px 2px 0px;
737}
738
179d6f57
AD
739/*
740tr.even td.headlineContent, tr.evenUnread td.headlineContent {
741 display : block;
742 overflow : hidden;
743 height : 1em;
744 background-color : #f0f0f0;
745}
746
747tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
748 display : block;
749 overflow : hidden;
750 height : 1em;
751}
752
753tr.oddSelected td.headlineContent,
754tr.evenSelected td.headlineContent,
755tr.oddUnreadSelected td.headlineContent,
756tr.evenUnreadSelected td.headlineContent {
757 display : block;
758 overflow : hidden;
759 height : 1em;
760 background-color : #e0e0ff;
761} */
9167e250
AD
762
763div.postHeader td.postDate {
764 font-size : x-small;
765 text-align : right;
766 color : gray;
767}