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