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