]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
database backed sessions
[tt-rss.git] / tt-rss.css
1 body {
2 background : white;
3 color : black;
4 margin : 0px;
5 padding : 0px;
6 font-family : sans-serif;
7 }
8
9 /* common styles */
10
11 table.main td.headerBox {
12 background-image : url("images/vgrad_light_rev2.png");
13 background-position : top left;
14 background-repeat : repeat-x;
15 }
16
17 table.main td.header {
18 padding : 10px 10px 10px 30px;
19 height : 70px;
20 }
21
22 table.main td.mainToolbar {
23 border-width : 0px 0px 0px 0px;
24 border-style : solid;
25 border-color : #c0c0c0;
26 padding : 3px 25px 3px 10px;
27 }
28
29 table.main td.prefsToolbar {
30 padding : 0px 5px 5px 0px;
31 }
32
33 table.main td.feeds {
34 width : 290px;
35 height : 100%;
36 border-width : 1px 0px 0px 0px;
37 border-style : solid;
38 border-color : #c0c0c0;
39 padding : 0px;
40 }
41
42 table.main td.headlinesToolbarBox {
43 padding : 10px;
44 border-width : 0px 0px 1px 1px;
45 border-style : solid;
46 border-color : #c0c0c0;
47 background-image : url("images/vgrad_light.png");
48 background-position : bottom left;
49 background-repeat : repeat-x;
50 }
51
52 table.main td.footer {
53 border-width : 1px 0px 0px 0px;
54 border-style : solid;
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;
63 }
64
65 table.main td.footer a {
66 color : gray;
67 }
68
69 table.main td.footer a:hover {
70 color : #5050aa;
71 }
72
73 table.main td.headlines {
74 height : 25%;
75 border-width : 0px 0px 1px 1px;
76 border-style : solid;
77 border-color : #c0c0c0;
78 }
79
80 table.main td.headlines2 {
81 height : 100%;
82 border-width : 0px 0px 0px 1px;
83 border-style : solid;
84 border-color : #c0c0c0;
85 }
86
87 table.main td.content {
88 height : 100%;
89 background-image : url("images/vgrad_light_rev.png");
90 background-position : top left;
91 background-repeat : repeat-x;
92 border-width : 0px 0px 0px 1px;
93 border-style : solid;
94 border-color : #c0c0c0;
95 }
96
97 table.main td.prefContent {
98 height : 100%;
99 background-image : url("images/vgrad_light_rev.png");
100 background-position : top left;
101 background-repeat : repeat-x;
102 border-width : 1px 0px 0px 0px;
103 border-style : solid;
104 border-color : #c0c0c0;
105 padding : 20px;
106 }
107
108 div.postReply {
109 background-image : url("images/vgrad_light_rev.png");
110 background-position : top left;
111 background-repeat : repeat-x;
112 height : 100%;
113 padding : 10px;
114 }
115
116 div.postReply a {
117 color : #5050aa;
118 }
119
120 div.postReply a:hover {
121 color : black;
122 }
123
124 div.postReply div.postHeader {
125 background : white;
126 border : 1px solid #c0c0c0;
127 }
128
129 div.postReply > div.postHeader {
130 padding : 5px;
131 }
132
133 div.postReply div.postContent {
134 padding : 10px;
135 }
136
137 div.postReply div.postIcon {
138 float : right;
139 border : 0px;
140 margin : 10px 0px 10px 10px;
141 }
142
143 ul.feedList {
144 list-style-type : none;
145 margin : 5px;
146 padding : 0px 0px 0px 10px;
147 }
148
149 ul.feedList li.feedCat {
150 margin : 0px;
151 padding : 3px 0px 3px 0px;
152 color : #707070;
153 font-size : x-small;
154 }
155
156 ul.feedList li.feedCat a {
157 color : #707070;
158 }
159
160 ul.feedList li.feedCat a:hover {
161 color : #5050aa;
162 }
163
164 ul.feedCatList {
165 list-style-type : none;
166 margin : 0px 0px 0px 20px;
167 padding : 0px;
168 }
169
170 ul.feedCatList li {
171 margin : 0px;
172 padding : 0px 0px 0px 0px;
173 color : black;
174 }
175
176 ul.feedList li {
177 margin : 0px;
178 }
179
180 /*
181 li.oddSelected, li.evenSelected {
182 background-color : white;
183 }
184
185 li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
186 li.oddSelectedUnread {
187 background-color : white;
188 font-weight : bold;
189 }
190
191 li.oddSelected a, li.evenSelected a,
192 li.oddUnreadSelected a, li.evenUnreadSelected a {
193 color : #5050aa;
194 }
195
196 ul.feedlist
197 li.virtSelected,
198 li.virtUnreadSelected,
199 li.virtSelectedUnread,
200 li.feedSelected,
201 li.labelSelected,
202 li.feedUnreadSelected,
203 li.labelUnreadSelected,
204 li.feedSelectedUnread,
205 li.labelSelectedUnread {
206 background-color : white;
207 }
208
209 ul.feedlist
210 li.feedSelected a,
211 li.labelSelected a,
212 li.feedUnreadSelected a,
213 li.labelUnreadSelected a,
214 li.virtSelected a,
215 li.virtUnreadSelected a,
216 li.virtSelectedUnread a {
217 color : #5050aa;
218 } */
219
220 ul.feedlist li.feedUnread,
221 ul.feedlist li.errorUnread,
222 ul.feedlist li.labelUnread,
223 ul.feedlist li.virtUnread,
224 ul.feedlist li.tagUnread {
225 font-weight : bold;
226 }
227
228 ul.feedlist li.errorSelected a,
229 ul.feedlist li.error a,
230 ul.feedlist li.errorUnread a,
231 ul.feedlist li.errorUnreadSelected a {
232 color : #f04040;
233 }
234
235 ul.feedlist li.feedSelected a,
236 ul.feedlist li.labelSelected a,
237 ul.feedlist li.virtSelected a,
238 ul.feedlist li.tagSelected a {
239 color : #5050aa;
240 }
241
242 ul.feedlist li.feedUnreadSelected a,
243 ul.feedlist li.labelUnreadSelected a,
244 ul.feedlist li.virtUnreadSelected a,
245 ul.feedlist li.tagUnreadSelected a {
246 color : #5050aa;
247 }
248
249 ul.feedlist li.feedUnreadSelected,
250 ul.feedlist li.errorUnreadSelected,
251 ul.feedlist li.labelUnreadSelected,
252 ul.feedlist li.virtUnreadSelected,
253 ul.feedlist li.tagUnreadSelected {
254 font-weight : bold;
255 }
256
257 ul.feedList li.feed {
258 display : block;
259 }
260
261 ul.feedList img, img.tinyFeedIcon {
262 margin : 0px 3px 0px 0px;
263 width : 16px;
264 height : 16px;
265 border-width : 0px;
266 }
267
268 h1 {
269 font-size : 16pt;
270 }
271
272 h2 {
273 font-size : 14pt;
274 font-weight : bold;
275 border-width : 0px 0px 1px 0px;
276 border-style : solid;
277 border-color : #e0e0e0;
278 }
279
280 h3 {
281 font-size : 12pt;
282 font-weight : bold;
283 border-width : 0px 0px 1px 0px;
284 border-style : solid;
285 border-color : #e0e0e0;
286 }
287
288 hr {
289 border-width : 0px 0px 1px 0px;
290 border-style : dashed;
291 border-color : #e0e0e0;
292 }
293
294 a {
295 color : black;
296 text-decoration : none;
297 }
298
299 a:hover {
300 color : #5050aa;
301 }
302
303 #piggie {
304 width : 400;
305 height : 400;
306 right : 0;
307 top : -400;
308 background-color : white;
309 display : none;
310 z-index : 3;
311 background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
312 background-position : center center;
313 background-repeat : no-repeat;
314 position : absolute;
315 border : 1px solid pink;
316 margin-left : auto;
317 margin-right : auto;
318 -moz-border-radius : 10px;
319 opacity : 0.8;
320 }
321
322 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
323 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
324 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
325 #iedit_parent_feed {
326 width : 100%;
327 padding-left : 2px;
328 }
329
330 input.editbox {
331 width : 200px;
332 padding-left : 2px;
333 }
334
335 td.notifyBox {
336 font-size : 10pt;
337 text-align : right;
338 }
339
340 #notify {
341 color : black;
342 font-weight : bold;
343 padding : 3px;
344 }
345
346 #dispSwitch {
347 padding : 5px 5px 5px 0px;
348 font-size : x-small;
349 text-align : right;
350 }
351
352 #dispSwitch a {
353 color : gray;
354 }
355
356 #dispSwitch a:hover {
357 color : #5050aa;
358 }
359
360 div.expPane {
361 margin : 15px;
362 }
363
364 iframe {
365 border : 0px solid white;
366 }
367
368 iframe.feedsFrameWithActions {
369 width : 100%;
370 height : 90%;
371 margin : 0px;
372 padding : 0px;
373 }
374
375 iframe.feedsFrame {
376 width : 100%;
377 height : 100%;
378 margin : 0px;
379 padding : 0px;
380 }
381
382 iframe.contentFrame, iframe.headlinesFrame {
383 width : 100%;
384 padding : 0px;
385 margin : 0px;
386 height : 100%;
387 }
388
389 .button {
390 border : 1px solid #d0d0d0;
391 background-image : url("images/button.png");
392 background-position : top;
393 background-repeat : repeat-x;
394 background-color : white;
395 color : black;
396 }
397
398 .button:hover {
399 background : white;
400 text-decoration : none;
401 color : black;
402 }
403
404 a.button {
405 padding : 2px 5px 2px 5px;
406 font-size : small;
407 }
408
409 .evenUnreadSelected, .evenSelectedUnread {
410 background-color : #e0e0ff;
411 font-weight : bold;
412 }
413
414 .oddUnreadSelected, .oddSelectedUnread {
415 background-color : #e0e0ff;
416 font-weight : bold;
417 }
418
419 .evenSelected, .oddSelected {
420 background-color : #e0e0ff;
421 }
422
423
424 /*
425 .feedUnreadSelected, .feedSelectedUnread,
426 .virtUnreadSelected, .virtSelectedUnread,
427 .labelUnreadSelected, .labelSelectedUnread {
428 background-color : #e0e0ff;
429 font-weight : bold;
430 } */
431
432 .disabledButton {
433 border : 1px solid #c0c0c0;
434 background-color : white;
435 color : gray;
436 }
437
438 .evenGrayed {
439 background-color : #f0f0f0;
440 color : #909090;
441 }
442
443 .oddGrayed {
444 color : #909090;
445 }
446
447 .even {
448 background-color : #f0f0f0;
449 }
450
451 .evenUnread {
452 background-color : #f0f0f0;
453 font-weight : bold;
454 }
455
456 .oddUnread {
457 font-weight : bold;
458 }
459
460 .invisible {
461 display : none;
462 }
463
464 td > input, div > input {
465 border : 1px solid #a0a0a0;
466 }
467
468 /* preferences */
469
470 tr.title td {
471 border-width : 0px 0px 1px 0px;
472 border-color : #f0f0f0;
473 border-style : solid;
474 font-size : x-small;
475 color : gray;
476 }
477
478 tr.title td a {
479 color : gray;
480 }
481
482 tr.title td a:hover {
483 color : #5050aa;
484 }
485
486 table.prefFeedList td.feedEditCat {
487 font-size : large;
488 font-weight : bold;
489 padding : 5px 0px 5px 0px;
490 }
491
492 table.prefFeedList td.feedIcon {
493 text-align : center;
494 }
495
496 table.prefFeedList td.feedSelect {
497 text-align : center;
498 }
499
500 a.helpLink {
501 color : #808080;
502 }
503
504 a.helpLink:hover {
505 color : #5050aa;
506 }
507
508 div.helpResponse {
509 margin : 10px;
510 background-image : url("images/vgrad_light_rev2.png");
511 background-position : top left;
512 background-repeat : repeat-x;
513 padding : 10px 20px 10px 20px;
514 border : 1px solid #f0f0f0;
515 }
516
517 #userDlgShadow {
518 z-index : 3;
519 position : absolute;
520 left : 30%;
521 top : 30%;
522 display : none;
523 background-image : url("images/shadow.png");
524 }
525
526 #userDlg {
527 padding : 15px;
528 border : 1px solid #c0c0c0;
529 font-size : small;
530 position : relative;
531 bottom : 2px;
532 right : 2px;
533 background-color : white;
534 background-image : url("images/vgrad_light_rev2.png");
535 background-position : top left;
536 background-repeat : repeat-x;
537 }
538
539 #qafInput {
540 width : 300px;
541 }
542
543
544 #infoBox {
545 border : 1px solid #c0c0c0;
546 padding-bottom : 10px;
547 font-size : small;
548 position : relative;
549 bottom : 2px;
550 right : 2px;
551 background-color : white;
552 }
553
554 #infoBoxShadow {
555 background-image : url("images/shadow.png");
556 position : absolute;
557 margin-left : 30%;
558 width : 30%;
559 z-index : 3;
560 display : none;
561 top : 30%;
562 }
563
564 div.infoBoxContents {
565 background-image : url("images/vgrad_light_rev2.png");
566 background-position : top left;
567 background-repeat : repeat-x;
568 padding : 5px;
569 margin-bottom : 5px;
570 }
571
572 div.infoBoxContents td {
573 font-size : small;
574 }
575
576
577 div.helpResponse h1, div.infoBoxContents h1 {
578 border-width : 0px 0px 1px 0px;
579 border-style : solid;
580 border-color : #c0c0c0;
581 font-size : 16pt;
582 }
583
584 div.helpResponse h2, div.infoBoxContents h2 {
585 border-width : 0px 0px 0px 0px;
586 font-size : 12pt;
587 }
588
589 /* pre {
590 border : 1px solid #c0c0c0;
591 padding : 5px;
592 background : #f0f0f0;
593 margin : 5px 10px 5px 10px;
594 } */
595
596 pre {
597 margin : 5px;
598 }
599
600 input.extSearch {
601 width : 200px;
602 }
603
604 table.main td.prefsTabs {
605 padding-left : 15px;
606 }
607
608 input.prefsTab {
609 border-width : 1px 1px 0px 1px;
610 border-color : #c0c0c0;
611 padding : 2px 7px 2px 7px;
612 margin : 0px 1px 0px 0px;
613 width : 150px;
614 background-image : url("images/vgrad_light_rev2.png");
615 background-position : top left;
616 background-repeat : repeat-x;
617 -moz-border-radius : 7px 7px 0px 0px;
618 }
619
620 input.prefsTabSelected {
621 border-width : 1px 1px 0px 1px;
622 border-color : #c0c0c0;
623 padding : 2px 7px 2px 7px;
624 margin : 0px 1px 0px 0px;
625 width : 150px;
626 background : white;
627 font-weight : bold;
628 background-position : top left;
629 background-repeat : repeat-x;
630 -moz-border-radius : 7px 7px 0px 0px;
631 }
632
633
634 input.prefsTab:hover {
635 background : white;
636 }
637
638 div.warning {
639 background : #fffff0;
640 border : 1px solid #c0c0c0;
641 padding : 5px;
642 margin : 5px;
643 font-size : x-small;
644 }
645
646 div.notice {
647 background : #ffffff;
648 border : 1px solid #c0c0c0;
649 padding : 5px;
650 margin : 5px;
651 font-size : x-small;
652 }
653
654 ul.nomarks {
655 list-style-type : none;
656 margin : 0px;
657 padding : 10px;
658 }
659
660 div.bigErrorMsg {
661 border : 1px solid #c0c0c0;
662 background : #fff0f0;
663 padding : 30px;
664 margin : 20px;
665 }
666
667 div.prefHelp, td.prefHelp {
668 font-size : x-small;
669 color : gray;
670 padding : 5px;
671 }
672
673 td.welcomePrompt {
674 font-size : x-small;
675 color : gray;
676 text-align : right;
677 padding-right : 10px;
678
679 }
680
681 td.httpWelcomePrompt {
682 font-size : small;
683 color : gray;
684 text-align : right;
685 }
686
687 table.loginForm {
688 background-image : url("images/vgrad_light_rev.png");
689 background-color : white;
690 background-position : top left;
691 background-repeat : repeat-x;
692 }
693
694 table.innerLoginForm {
695 border : 1px solid #f0f0f0;
696 padding : 50px;
697 background-color : white;
698 }
699
700 table.innerLoginForm td {
701 padding : 3px 3px 5px 3px;
702 }
703
704 span.insensitive {
705 color : gray;
706 }
707
708 .prefGenericAddBox {
709 margin : 5px;
710 font-size : small;
711 }
712
713 .prefGenericAddBox td {
714 font-size : small;
715 }
716
717 body.logoutBody {
718 background-color : #f0f0f0;
719 color : black;
720 }
721
722 span.logoutWarning {
723 color : red;
724 font-weight : bold;
725 }
726
727 div.logoutContent {
728 width : 600px;
729 border : 1px solid #c0c0c0;
730 background-color : white;
731 margin-left : auto;
732 margin-right : auto;
733 margin-top : 20px;
734 padding : 10px;
735 }
736
737 .small {
738 font-size : x-small;
739 }
740
741 table.innerFeedTable td {
742 margin : 0px;
743 padding : 0px;
744 }
745
746 td.selectPrompt {
747 font-size : x-small;
748 color : gray;
749 }
750
751 table.headlinesSubToolbar td.headlineActions {
752 font-size : x-small;
753 color : gray;
754 padding : 5px 0px 5px 5px;
755 }
756
757 table.headlinesSubToolbar td.headlineTitle {
758 font-size : x-small;
759 color : gray;
760 padding : 5px 5px 5px 0px;
761 text-align : right;
762 }
763
764 span.contentPreview {
765 font-size : x-small;
766 color : gray;
767 font-weight : normal;
768 }
769
770 span.contentPreview:hover {
771 color : #5050aa;
772 }
773
774 table.headlinesList td.hlMarkedPic {
775 width : 25px;
776 text-align : center;
777 }
778
779 table.headlinesList td.hlfeed {
780 text-align : right;
781 font-size : small;
782 }
783
784 td.hlSelectRow, td.hlUpdatePic {
785 width : 25px;
786 text-align : center;
787 }
788
789 table.headlinesList td.hlUpdated {
790 font-size : small;
791 color : gray;
792 text-align : right;
793 width : 100px;
794 }
795
796 table.headlinesList tr td {
797 padding : 2px 0px 2px 0px;
798 }
799
800 /*
801 tr.even td.headlineContent, tr.evenUnread td.headlineContent {
802 display : block;
803 overflow : hidden;
804 height : 1em;
805 background-color : #f0f0f0;
806 }
807
808 tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
809 display : block;
810 overflow : hidden;
811 height : 1em;
812 }
813
814 tr.oddSelected td.headlineContent,
815 tr.evenSelected td.headlineContent,
816 tr.oddUnreadSelected td.headlineContent,
817 tr.evenUnreadSelected td.headlineContent {
818 display : block;
819 overflow : hidden;
820 height : 1em;
821 background-color : #e0e0ff;
822 } */
823
824 div.postHeader td.postDate {
825 font-size : x-small;
826 text-align : right;
827 color : gray;
828 }
829
830 #feedUpdateErrors {
831 display : none;
832 }
833
834 #allEntryTags {
835 font-size : x-small;
836 border-width : 0px 0px 1px 0px;
837 border-style : solid;
838 border-color : #c0c0c0;
839 padding-bottom : 5px;
840 display : none;
841 }
842
843 /*td.hlContent {
844 overflow : hidden;
845 height : 1em;
846 display : block;
847 } */
848
849 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
850 height : 1em;
851 }
852
853 div.cdmArticle {
854 border : 1px solid #f0f0f0;
855 background-color : #fafafa;
856 -moz-border-radius : 5px;
857 margin : 10px 10px 0px 10px;
858 padding : 10px;
859 }
860
861 div.cdmArticleUnread {
862 border : 1px solid #d5f1f4;
863 background-color : #fafeff;
864 -moz-border-radius : 5px;
865 margin : 10px 10px 0px 10px;
866 padding : 10px;
867 }
868
869 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
870 border : 1px solid #d0d0f6;
871 background-color : #eaeaff;
872 -moz-border-radius : 5px;
873 margin : 10px 10px 0px 10px;
874 padding : 10px;
875 }
876
877 div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
878 font-weight : bold;
879 }
880
881 div.cdmHeader {
882 padding-bottom : 5px;
883 }
884
885 div.cdmFooter {
886 font-size : x-small;
887 color : gray;
888 padding-top : 5px;
889 }
890
891 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
892 margin : 0px;
893 }
894
895 div.cdmHeader, div.cdmHeader a {
896 color : gray;
897 font-size : x-small;
898 }
899
900 div.cdmHeader a:hover {
901 color : #5050aa;
902 }
903
904 div.cdmContent {
905 }
906
907 a.warning {
908 color : #f04040;
909 }
910
911 img.closeButton {
912 border-width : 0px;
913 float : right;
914 }
915
916 span.groupPrompt {
917 font-size : x-small;
918 color : #505050;
919 }
920
921 ul.userFeedList {
922 height : 300px;
923 overflow : auto;
924 list-style-type : none;
925 }
926
927 /* #browseBigFeedList li.oddSelected {
928 border : 1px solid #d0d0f6;
929 background-color : #eaeaff;
930 -moz-border-radius : 5px;
931 } */
932
933 ul.browseFeedList {
934 height : 300px;
935 overflow : auto;
936 list-style-type : none;
937 margin : 0px 0px 5px 0px;
938 padding : 0px;
939 }
940
941 ul.browseFeedList li {
942 margin : 0px;
943 padding : 0px;
944 }
945
946 span.subscribers {
947 color : #808080;
948 }
949
950 div.subscribers {
951 color : #808080;
952 font-size : x-small;
953 float : right;
954 }
955
956 input.feedBrowseCB {
957 margin-right : 1em;
958 }
959
960 div.browserDetails {
961 margin : 5px 5px 5px 5px;
962 display : none;
963 padding : 5px;
964 }
965
966 ul.compact {
967 list-style-type : none;
968 margin : 0px;
969 padding : 0px;
970 }
971
972 ul.compact li {
973 margin : 0px;
974 padding : 0px;
975 }
976
977 div.browserFeedInfo {
978 font-size : x-small;
979 }
980
981 div.browserFeedInfo div.detailsPart {
982 margin : 5px 0px 5px 5px;
983 }
984
985 div.cdmContent a {
986 color : #5050aa;
987 }
988
989 div.cdmContent a:hover {
990 color : black;
991 }
992
993 .noborder {
994 border-width : 0px;
995 }
996
997 #debug_output {
998 width : 300;
999 height : 80;
1000 right : 20;
1001 bottom : 20;
1002 background-color : white;
1003 display : none;
1004 z-index : 3;
1005 position : absolute;
1006 border : 1px solid #c0c0c0;
1007 overflow : auto;
1008 margin : 0px;
1009 padding : 5px;
1010 list-style-type : none;
1011 }
1012
1013 #debug_output li {
1014 margin : 0px;
1015 padding : 0px;
1016 font-size : x-small;
1017 }