]> git.wh0rd.org - tt-rss.git/blame - tt-rss.css
rework article view header
[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;
5e9188f2 533 top : 30%;
2317ffaa
AD
534}
535
c6c3a07f 536div.infoBoxContents {
1a7572cb
AD
537 background-image : url("images/vgrad_light_rev2.png");
538 background-position : top left;
539 background-repeat : repeat-x;
540 padding : 5px;
2317ffaa
AD
541 margin-bottom : 5px;
542}
543
544div.infoBoxContents td {
545 font-size : small;
1a7572cb
AD
546}
547
2317ffaa 548
c6c3a07f 549div.helpResponse h1, div.infoBoxContents h1 {
7dc66a61
AD
550 border-width : 0px 0px 1px 0px;
551 border-style : solid;
552 border-color : #c0c0c0;
553 font-size : 16pt;
554}
555
c6c3a07f 556div.helpResponse h2, div.infoBoxContents h2 {
7dc66a61
AD
557 border-width : 0px 0px 0px 0px;
558 font-size : 12pt;
7dc66a61
AD
559}
560
ea5c8102 561/* pre {
7dc66a61
AD
562 border : 1px solid #c0c0c0;
563 padding : 5px;
564 background : #f0f0f0;
01c9c74a 565 margin : 5px 10px 5px 10px;
ea5c8102
AD
566} */
567
568pre {
569 margin : 5px;
7dc66a61 570}
e2f8f7b4 571
033e47e0
AD
572input.extSearch {
573 width : 200px;
574}
f5a50b25
AD
575
576table.main td.prefsTabs {
577 padding-left : 15px;
578}
579
580input.prefsTab {
581 border-width : 1px 1px 0px 1px;
582 border-color : #c0c0c0;
583 padding : 2px 7px 2px 7px;
584 margin : 0px 1px 0px 0px;
585 width : 150px;
586 background-image : url("images/vgrad_light_rev2.png");
587 background-position : top left;
588 background-repeat : repeat-x;
a3ab6633 589 -moz-border-radius : 7px 7px 0px 0px;
f5a50b25
AD
590}
591
592input.prefsTabSelected {
593 border-width : 1px 1px 0px 1px;
594 border-color : #c0c0c0;
595 padding : 2px 7px 2px 7px;
596 margin : 0px 1px 0px 0px;
597 width : 150px;
598 background : white;
599 font-weight : bold;
600 background-position : top left;
601 background-repeat : repeat-x;
a3ab6633 602 -moz-border-radius : 7px 7px 0px 0px;
f5a50b25
AD
603}
604
605
606input.prefsTab:hover {
607 background : white;
608}
ab3d0b99
AD
609
610div.warning {
611 background : #fffff0;
612 border : 1px solid #c0c0c0;
613 padding : 5px;
e6cb77a0
AD
614 margin : 5px;
615 font-size : x-small;
616}
617
618div.notice {
619 background : #ffffff;
620 border : 1px solid #c0c0c0;
621 padding : 5px;
ab3d0b99
AD
622 margin : 5px;
623 font-size : x-small;
624}
625
626ul.nomarks {
627 list-style-type : none;
628 margin : 0px;
629 padding : 10px;
630}
631
295f9b42
AD
632div.bigErrorMsg {
633 border : 1px solid #c0c0c0;
634 background : #fff0f0;
635 padding : 30px;
636 margin : 20px;
637}
2f587484 638
b1895692
AD
639div.prefHelp, td.prefHelp {
640 font-size : x-small;
641 color : gray;
642 padding : 5px;
643}
644
c93f38c4
AD
645td.welcomePrompt {
646 font-size : small;
647 color : gray;
648 text-align : right;
649 padding-right : 10px;
650
651}
f1cdb8c6 652
8cb74804
AD
653td.httpWelcomePrompt {
654 font-size : small;
655 color : gray;
656 text-align : right;
657}
658
f1cdb8c6
AD
659table.loginForm {
660 background-image : url("images/vgrad_light_rev.png");
661 background-color : white;
662 background-position : top left;
663 background-repeat : repeat-x;
664}
665
666table.innerLoginForm {
667 border : 1px solid #f0f0f0;
668 padding : 50px;
669 background-color : white;
670}
671
672table.innerLoginForm td {
673 padding : 3px 3px 5px 3px;
674}
1a7572cb 675
c6c3a07f
AD
676div.small, p.small {
677 font-size : x-small;
1a7572cb 678}
bca02305
AD
679
680span.insensitive {
681 color : gray;
682}
afb7a1d6 683
f932bc9f 684.prefGenericAddBox {
afb7a1d6 685 margin : 5px;
19c9cb11
AD
686 font-size : small;
687}
688
689.prefGenericAddBox td {
690 font-size : small;
afb7a1d6 691}
f557cd78
AD
692
693body.logoutBody {
694 background-color : #f0f0f0;
695 color : black;
696}
697
698span.logoutWarning {
699 color : red;
700 font-weight : bold;
701}
702
703div.logoutContent {
704 width : 600px;
705 border : 1px solid #c0c0c0;
706 background-color : white;
707 margin-left : auto;
708 margin-right : auto;
709 margin-top : 20px;
710 padding : 10px;
711}
d9dde1d6
AD
712
713.small {
714 font-size : small;
715}
28fa9253
AD
716
717table.innerFeedTable td {
718 margin : 0px;
719 padding : 0px;
720}
35f3c923
AD
721
722td.selectPrompt {
723 font-size : x-small;
724 color : gray;
725}
1572afe5
AD
726
727table.headlinesSubToolbar td.headlineActions {
728 font-size : x-small;
729 color : gray;
730 padding : 5px 0px 5px 5px;
731}
732
733table.headlinesSubToolbar td.headlineTitle {
734 font-size : x-small;
735 color : gray;
736 padding : 5px 5px 5px 0px;
737 text-align : right;
738}
739
591c396d
AD
740span.contentPreview {
741 font-size : x-small;
742 color : gray;
743 font-weight : normal;
744}
179d6f57 745
0f172fff
AD
746span.contentPreview:hover {
747 color : #5050aa;
748}
749
bd34c528 750table.headlinesList td.hlMarkedPic {
179d6f57
AD
751 width : 25px;
752 text-align : center;
753}
754
bd34c528
AD
755table.headlinesList td.hlfeed {
756 text-align : right;
757 font-size : small;
758}
759
179d6f57
AD
760td.hlSelectRow, td.hlUpdatePic {
761 width : 25px;
762 text-align : center;
763}
764
bd34c528 765table.headlinesList td.hlUpdated {
179d6f57
AD
766 font-size : small;
767 color : gray;
768 text-align : right;
769 width : 100px;
770}
771
7acf5208
AD
772table.headlinesList tr td {
773 padding : 2px 0px 2px 0px;
774}
775
179d6f57
AD
776/*
777tr.even td.headlineContent, tr.evenUnread td.headlineContent {
778 display : block;
779 overflow : hidden;
780 height : 1em;
781 background-color : #f0f0f0;
782}
783
784tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
785 display : block;
786 overflow : hidden;
787 height : 1em;
788}
789
790tr.oddSelected td.headlineContent,
791tr.evenSelected td.headlineContent,
792tr.oddUnreadSelected td.headlineContent,
793tr.evenUnreadSelected td.headlineContent {
794 display : block;
795 overflow : hidden;
796 height : 1em;
797 background-color : #e0e0ff;
798} */
9167e250
AD
799
800div.postHeader td.postDate {
801 font-size : x-small;
802 text-align : right;
803 color : gray;
804}
36aab70f
AD
805
806#feedUpdateErrors {
807 display : none;
808}
809
42918a07
AD
810#allEntryTags {
811 font-size : x-small;
812 border-width : 0px 0px 1px 0px;
813 border-style : solid;
814 border-color : #c0c0c0;
815 padding-bottom : 5px;
816 display : none;
817}
13ce14e8 818
de244d27
AD
819td.hlContent {
820 overflow : hidden;
821 height : 1em;
822 display : block;
823}
4663f9c6
AD
824
825td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
826 height : 1em;
827}