]> git.wh0rd.org - tt-rss.git/blame - tt-rss.css
add feedback to some prefs editors
[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;
327a3bbe 241 border-width : 0px;
331900c6
AD
242}
243
e828e31e
AD
244h1 {
245 font-size : 16pt;
f0601b87
AD
246}
247
e828e31e
AD
248h2 {
249 font-size : 14pt;
96369d8e 250 font-weight : bold;
e828e31e 251 border-width : 0px 0px 1px 0px;
1cd17194 252 border-style : solid;
e828e31e 253 border-color : #e0e0e0;
1cd17194
AD
254}
255
f5a50b25
AD
256h3 {
257 font-size : 12pt;
258 font-weight : bold;
259 border-width : 0px 0px 1px 0px;
260 border-style : solid;
261 border-color : #e0e0e0;
262}
263
e828e31e
AD
264hr {
265 border-width : 0px 0px 1px 0px;
266 border-style : dashed;
267 border-color : #e0e0e0;
268}
67824557 269
e828e31e
AD
270a {
271 color : black;
272 text-decoration : none;
1cd17194
AD
273}
274
e828e31e
AD
275a:hover {
276 color : #5050aa;
9b307248
AD
277}
278
e828e31e
AD
279#piggie {
280 width : 400;
281 height : 400;
282 left : 50;
283 background-color : white;
284 display : none;
285 z-index : 3;
286 background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
287 background-position : center center;
288 background-repeat : no-repeat;
289 position : absolute;
290 border : 1px solid pink;
291 margin-left : auto;
292 margin-right : auto;
293 -moz-border-radius : 10px;
294 opacity : 0.8;
9b307248
AD
295}
296
5d73494a 297#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
91ff844a 298#iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
19c9cb11 299#iedit_fcat, #iedit_filter_action {
e828e31e
AD
300 width : 100%;
301 padding-left : 2px;
1cd17194
AD
302}
303
77e96719
AD
304input.editbox {
305 width : 200px;
306 padding-left : 2px;
307}
308
e828e31e 309#notify {
d5224f0d 310 font-size : 10pt;
828a8ecc 311 text-align : right;
8dcfffd0
AD
312 color : black;
313 font-weight : bold;
828a8ecc
AD
314 border-style : solid;
315 border-width : 0px 0px 1px 1px;
a516aa6d 316 border-color : #e0e0e0;
828a8ecc
AD
317 background-color : white;
318 padding : 3px;
319 width : 350px;
1cd17194
AD
320}
321
8143ae1f
AD
322#dispSwitch {
323 text-align : right;
324 padding : 5px 5px 5px 0px;
325 font-size : x-small;
326}
327
328#dispSwitch a {
329 color : gray;
330}
331
332#dispSwitch a:hover {
333 color : #5050aa;
334}
335
e828e31e
AD
336div.expPane {
337 margin : 15px;
d76a3b03 338}
1cd17194 339
5bfef089
AD
340iframe {
341 border : 0px solid white;
342}
343
f69ea84d
AD
344iframe.feedsFrameWithActions {
345 width : 100%;
346 height : 90%;
347 margin : 0px;
348 padding : 0px;
349}
350
e828e31e
AD
351iframe.feedsFrame {
352 width : 100%;
f932bc9f 353 height : 100%;
e828e31e
AD
354 margin : 0px;
355 padding : 0px;
a1a8a2be 356}
007bda35 357
e828e31e
AD
358iframe.contentFrame, iframe.headlinesFrame {
359 width : 100%;
e828e31e
AD
360 padding : 0px;
361 margin : 0px;
362 height : 100%;
007bda35
AD
363}
364
e828e31e
AD
365.button {
366 border : 1px solid #d0d0d0;
367 background-image : url("images/button.png");
368 background-position : top;
369 background-repeat : repeat-x;
370 background-color : white;
371 color : black;
007bda35
AD
372}
373
e828e31e
AD
374.button:hover {
375 background : white;
376 text-decoration : none;
377 color : black;
378}
379
380a.button {
381 padding : 2px 5px 2px 5px;
382 font-size : small;
007bda35
AD
383}
384
4f3a84f4 385.evenUnreadSelected, .evenSelectedUnread {
a3ee2a38
AD
386 background-color : #e0e0ff;
387 font-weight : bold;
388}
389
4f3a84f4 390.oddUnreadSelected, .oddSelectedUnread {
a3ee2a38
AD
391 background-color : #e0e0ff;
392 font-weight : bold;
393}
394
7719618b 395.evenSelected, .oddSelected {
7e00c981 396 background-color : #e0e0ff;
007bda35
AD
397}
398
3745788e 399
4f3a84f4 400/*
3745788e
AD
401.feedUnreadSelected, .feedSelectedUnread,
402.virtUnreadSelected, .virtSelectedUnread,
403.labelUnreadSelected, .labelSelectedUnread {
404 background-color : #e0e0ff;
405 font-weight : bold;
4f3a84f4 406} */
3745788e 407
ac43eba1 408.disabledButton {
d5224f0d
AD
409 border : 1px solid #c0c0c0;
410 background-color : white;
411 color : gray;
e6d1c0a0
AD
412}
413
e828e31e
AD
414.evenGrayed {
415 background-color : #f0f0f0;
416 color : #909090;
b7f4bda2
AD
417}
418
e828e31e
AD
419.oddGrayed {
420 color : #909090;
f07c0eb4
AD
421}
422
e828e31e
AD
423.even {
424 background-color : #f0f0f0;
ac43eba1 425}
a2015351 426
e828e31e
AD
427.evenUnread {
428 background-color : #f0f0f0;
429 font-weight : bold;
f07c0eb4
AD
430}
431
e828e31e
AD
432.oddUnread {
433 font-weight : bold;
f07c0eb4 434}
508a81e1 435
e828e31e 436.invisible {
508a81e1 437 display : none;
508a81e1 438}
b7f4bda2 439
e828e31e
AD
440input {
441 border : 1px solid #a0a0a0;
b7f4bda2 442}
603c27f8 443
e828e31e 444/* preferences */
603c27f8 445
327a3bbe 446tr.title td {
e828e31e
AD
447 border-width : 0px 0px 1px 0px;
448 border-color : #f0f0f0;
449 border-style : solid;
0ea4fb50 450 font-size : x-small;
a426e532 451 color : gray;
0ea4fb50
AD
452}
453
a426e532
AD
454tr.title td a {
455 color : gray;
456}
457
458tr.title td a:hover {
459 color : #5050aa;
460}
327a3bbe 461
0ea4fb50
AD
462table.prefFeedList td.feedEditCat {
463 font-size : large;
464 font-weight : bold;
0ea4fb50 465 padding : 5px 0px 5px 0px;
70830c87 466}
f0601b87 467
62ac0cc8 468table.prefFeedList td.feedIcon {
841fe9a1 469 text-align : center;
62ac0cc8
AD
470}
471
472table.prefFeedList td.feedSelect {
473 text-align : center;
474}
475
7dc66a61
AD
476a.helpLink {
477 color : #808080;
478}
479
480a.helpLink:hover {
481 color : #5050aa;
482}
483
1a7572cb 484div.helpResponse {
7dc66a61
AD
485 margin : 10px;
486 background-image : url("images/vgrad_light_rev2.png");
487 background-position : top left;
488 background-repeat : repeat-x;
489 padding : 10px 20px 10px 20px;
490 border : 1px solid #f0f0f0;
491}
492
76332f3c
AD
493#userDlgShadow {
494 z-index : 3;
495 position : absolute;
496 left : 30%;
497 top : 30%;
498 display : none;
499 background-image : url("images/shadow.png");
500}
501
502#userDlg {
503 background : #fffff0;
504 position : relative;
505 bottom : 2px;
506 right : 2px;
507 padding : 15px;
508 border : 1px solid #c0c0c0;
509}
510
511#qafInput {
512 width : 300px;
513}
514
515
2317ffaa
AD
516#infoBox {
517 border : 1px solid #c0c0c0;
518 padding-bottom : 10px;
519 font-size : small;
520 position : relative;
521 bottom : 2px;
522 right : 2px;
523 background-color : white;
524}
525
526#infoBoxShadow {
527 background-image : url("images/shadow.png");
528 position : absolute;
529 margin-left : 30%;
530 width : 30%;
531 z-index : 3;
532 display : none;
533}
534
c6c3a07f 535div.infoBoxContents {
1a7572cb
AD
536 background-image : url("images/vgrad_light_rev2.png");
537 background-position : top left;
538 background-repeat : repeat-x;
539 padding : 5px;
2317ffaa
AD
540 margin-bottom : 5px;
541}
542
543div.infoBoxContents td {
544 font-size : small;
1a7572cb
AD
545}
546
2317ffaa 547
c6c3a07f 548div.helpResponse h1, div.infoBoxContents h1 {
7dc66a61
AD
549 border-width : 0px 0px 1px 0px;
550 border-style : solid;
551 border-color : #c0c0c0;
552 font-size : 16pt;
553}
554
c6c3a07f 555div.helpResponse h2, div.infoBoxContents h2 {
7dc66a61
AD
556 border-width : 0px 0px 0px 0px;
557 font-size : 12pt;
7dc66a61
AD
558}
559
ea5c8102 560/* pre {
7dc66a61
AD
561 border : 1px solid #c0c0c0;
562 padding : 5px;
563 background : #f0f0f0;
01c9c74a 564 margin : 5px 10px 5px 10px;
ea5c8102
AD
565} */
566
567pre {
568 margin : 5px;
7dc66a61 569}
e2f8f7b4 570
033e47e0
AD
571input.extSearch {
572 width : 200px;
573}
f5a50b25
AD
574
575table.main td.prefsTabs {
576 padding-left : 15px;
577}
578
579input.prefsTab {
580 border-width : 1px 1px 0px 1px;
581 border-color : #c0c0c0;
582 padding : 2px 7px 2px 7px;
583 margin : 0px 1px 0px 0px;
584 width : 150px;
585 background-image : url("images/vgrad_light_rev2.png");
586 background-position : top left;
587 background-repeat : repeat-x;
a3ab6633 588 -moz-border-radius : 7px 7px 0px 0px;
f5a50b25
AD
589}
590
591input.prefsTabSelected {
592 border-width : 1px 1px 0px 1px;
593 border-color : #c0c0c0;
594 padding : 2px 7px 2px 7px;
595 margin : 0px 1px 0px 0px;
596 width : 150px;
597 background : white;
598 font-weight : bold;
599 background-position : top left;
600 background-repeat : repeat-x;
a3ab6633 601 -moz-border-radius : 7px 7px 0px 0px;
f5a50b25
AD
602}
603
604
605input.prefsTab:hover {
606 background : white;
607}
ab3d0b99
AD
608
609div.warning {
610 background : #fffff0;
611 border : 1px solid #c0c0c0;
612 padding : 5px;
e6cb77a0
AD
613 margin : 5px;
614 font-size : x-small;
615}
616
617div.notice {
618 background : #ffffff;
619 border : 1px solid #c0c0c0;
620 padding : 5px;
ab3d0b99
AD
621 margin : 5px;
622 font-size : x-small;
623}
624
625ul.nomarks {
626 list-style-type : none;
627 margin : 0px;
628 padding : 10px;
629}
630
295f9b42
AD
631div.bigErrorMsg {
632 border : 1px solid #c0c0c0;
633 background : #fff0f0;
634 padding : 30px;
635 margin : 20px;
636}
2f587484 637
b1895692
AD
638div.prefHelp, td.prefHelp {
639 font-size : x-small;
640 color : gray;
641 padding : 5px;
642}
643
c93f38c4
AD
644td.welcomePrompt {
645 font-size : small;
646 color : gray;
647 text-align : right;
648 padding-right : 10px;
649
650}
f1cdb8c6 651
8cb74804
AD
652td.httpWelcomePrompt {
653 font-size : small;
654 color : gray;
655 text-align : right;
656}
657
f1cdb8c6
AD
658table.loginForm {
659 background-image : url("images/vgrad_light_rev.png");
660 background-color : white;
661 background-position : top left;
662 background-repeat : repeat-x;
663}
664
665table.innerLoginForm {
666 border : 1px solid #f0f0f0;
667 padding : 50px;
668 background-color : white;
669}
670
671table.innerLoginForm td {
672 padding : 3px 3px 5px 3px;
673}
1a7572cb 674
c6c3a07f
AD
675div.small, p.small {
676 font-size : x-small;
1a7572cb 677}
bca02305
AD
678
679span.insensitive {
680 color : gray;
681}
afb7a1d6 682
f932bc9f 683.prefGenericAddBox {
afb7a1d6 684 margin : 5px;
19c9cb11
AD
685 font-size : small;
686}
687
688.prefGenericAddBox td {
689 font-size : small;
afb7a1d6 690}
f557cd78
AD
691
692body.logoutBody {
693 background-color : #f0f0f0;
694 color : black;
695}
696
697span.logoutWarning {
698 color : red;
699 font-weight : bold;
700}
701
702div.logoutContent {
703 width : 600px;
704 border : 1px solid #c0c0c0;
705 background-color : white;
706 margin-left : auto;
707 margin-right : auto;
708 margin-top : 20px;
709 padding : 10px;
710}
d9dde1d6
AD
711
712.small {
713 font-size : small;
714}
28fa9253
AD
715
716table.innerFeedTable td {
717 margin : 0px;
718 padding : 0px;
719}
35f3c923
AD
720
721td.selectPrompt {
722 font-size : x-small;
723 color : gray;
724}
1572afe5
AD
725
726table.headlinesSubToolbar td.headlineActions {
727 font-size : x-small;
728 color : gray;
729 padding : 5px 0px 5px 5px;
730}
731
732table.headlinesSubToolbar td.headlineTitle {
733 font-size : x-small;
734 color : gray;
735 padding : 5px 5px 5px 0px;
736 text-align : right;
737}
738
591c396d
AD
739span.contentPreview {
740 font-size : x-small;
741 color : gray;
742 font-weight : normal;
743}
179d6f57 744
0f172fff
AD
745span.contentPreview:hover {
746 color : #5050aa;
747}
748
bd34c528 749table.headlinesList td.hlMarkedPic {
179d6f57
AD
750 width : 25px;
751 text-align : center;
752}
753
bd34c528
AD
754table.headlinesList td.hlfeed {
755 text-align : right;
756 font-size : small;
757}
758
179d6f57
AD
759td.hlSelectRow, td.hlUpdatePic {
760 width : 25px;
761 text-align : center;
762}
763
bd34c528 764table.headlinesList td.hlUpdated {
179d6f57
AD
765 font-size : small;
766 color : gray;
767 text-align : right;
768 width : 100px;
769}
770
7acf5208
AD
771table.headlinesList tr td {
772 padding : 2px 0px 2px 0px;
773}
774
179d6f57
AD
775/*
776tr.even td.headlineContent, tr.evenUnread td.headlineContent {
777 display : block;
778 overflow : hidden;
779 height : 1em;
780 background-color : #f0f0f0;
781}
782
783tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
784 display : block;
785 overflow : hidden;
786 height : 1em;
787}
788
789tr.oddSelected td.headlineContent,
790tr.evenSelected td.headlineContent,
791tr.oddUnreadSelected td.headlineContent,
792tr.evenUnreadSelected td.headlineContent {
793 display : block;
794 overflow : hidden;
795 height : 1em;
796 background-color : #e0e0ff;
797} */
9167e250
AD
798
799div.postHeader td.postDate {
800 font-size : x-small;
801 text-align : right;
802 color : gray;
803}
36aab70f
AD
804
805#feedUpdateErrors {
806 display : none;
807}
808
42918a07
AD
809#allEntryTags {
810 font-size : x-small;
811 border-width : 0px 0px 1px 0px;
812 border-style : solid;
813 border-color : #c0c0c0;
814 padding-bottom : 5px;
815 display : none;
816}
13ce14e8 817
de244d27
AD
818td.hlContent {
819 overflow : hidden;
820 height : 1em;
821 display : block;
822}
4663f9c6
AD
823
824td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
825 height : 1em;
826}