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 : 300px;
  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         padding : 5px;
 128 }
 129
 130 div.postReply div.postContent {
 131         padding : 10px;
 132 }
 133
 134 div.postReply div.postIcon {
 135         float : right;
 136         border : 0px;
 137         margin : 10px 0px 10px 10px;
 138 }
 139
 140 ul.feedList {
 141         list-style-type : none;
 142         margin : 5px;
 143         padding : 0px 0px 0px 10px;
 144 }
 145
 146 ul.feedList li.feedCat {
 147         margin : 0px;
 148         padding : 3px 0px 3px 0px;
 149 /*      border-width : 0px 0px 1px 0px;
 150         border-color : #f0f0f0;
 151         border-style : solid; */
 152         color : #707070;
 153         font-size : 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;
 167         padding : 0px 0px 0px 10px;
 168 }
 169
 170 ul.feedCatList li {
 171         margin : 0px;
 172         padding : 0px 0px 0px 0px;
 173 }
 174
 175 ul.feedList li {
 176         margin : 0px;
 177 }
 178
 179 /*
 180 li.oddSelected, li.evenSelected {
 181         background-color : white;
 182 }
 183
 184 li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
 185         li.oddSelectedUnread {
 186         background-color : white;
 187         font-weight : bold;
 188 }
 189
 190 li.oddSelected a, li.evenSelected a,
 191         li.oddUnreadSelected a, li.evenUnreadSelected a {
 192         color : #5050aa;
 193 }
 194
 195 ul.feedlist
 196         li.virtSelected,
 197         li.virtUnreadSelected,
 198         li.virtSelectedUnread,
 199         li.feedSelected,
 200         li.labelSelected,
 201         li.feedUnreadSelected,
 202         li.labelUnreadSelected,
 203         li.feedSelectedUnread,
 204         li.labelSelectedUnread {
 205         background-color : white;
 206 }
 207
 208 ul.feedlist
 209         li.feedSelected a,
 210         li.labelSelected a,
 211         li.feedUnreadSelected a,
 212         li.labelUnreadSelected a,
 213         li.virtSelected a,
 214         li.virtUnreadSelected a,
 215         li.virtSelectedUnread a {
 216         color : #5050aa;
 217 } */
 218
 219 ul.feedlist li.feedUnread,
 220 ul.feedlist li.errorUnread,
 221 ul.feedlist li.labelUnread,
 222 ul.feedlist li.virtUnread,
 223 ul.feedlist li.tagUnread {
 224         font-weight : bold;
 225 }
 226
 227 ul.feedlist li.errorSelected a,
 228 ul.feedlist li.errorUnread a,
 229 ul.feedlist li.errorUnreadSelected a {
 230         color : #f04040;
 231 }
 232
 233 ul.feedlist li.feedSelected a,
 234 ul.feedlist li.labelSelected a,
 235 ul.feedlist li.virtSelected a,
 236 ul.feedlist li.tagSelected a {
 237         color : #5050aa;
 238 }
 239
 240 ul.feedlist li.feedUnreadSelected a,
 241 ul.feedlist li.labelUnreadSelected a,
 242 ul.feedlist li.virtUnreadSelected a,
 243 ul.feedlist li.tagUnreadSelected a {
 244         color : #5050aa;
 245 }
 246
 247 ul.feedlist li.feedUnreadSelected,
 248 ul.feedlist li.errorUnreadSelected,
 249 ul.feedlist li.labelUnreadSelected,
 250 ul.feedlist li.virtUnreadSelected,
 251 ul.feedlist li.tagUnreadSelected {
 252         font-weight : bold;
 253 }
 254
 255 ul.feedList li.feed {
 256         display : block;
 257 }
 258
 259 ul.feedList img, img.tinyFeedIcon {
 260         margin : 0px 3px 0px 0px;
 261         width : 16px;
 262         height : 16px;
 263         border-width : 0px;
 264 }
 265
 266 h1 {
 267         font-size : 16pt;
 268 }
 269
 270 h2 {
 271         font-size : 14pt;
 272         font-weight : bold;
 273         border-width : 0px 0px 1px 0px;
 274         border-style : solid;
 275         border-color : #e0e0e0;
 276 }
 277
 278 h3 {
 279         font-size : 12pt;
 280         font-weight : bold;
 281         border-width : 0px 0px 1px 0px;
 282         border-style : solid;
 283         border-color : #e0e0e0;
 284 }
 285
 286 hr {
 287         border-width : 0px 0px 1px 0px;
 288         border-style : dashed;
 289         border-color : #e0e0e0;
 290 }
 291
 292 a {
 293         color : black;
 294         text-decoration : none;
 295 }
 296
 297 a:hover {
 298         color : #5050aa;
 299 }
 300
 301 #piggie {
 302         width : 400;
 303         height : 400;
 304         left : 50;
 305         background-color : white;
 306         display : none;
 307         z-index : 3;
 308         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
 309         background-position : center center;
 310         background-repeat : no-repeat;
 311         position : absolute;
 312         border : 1px solid pink;
 313         margin-left : auto;
 314         margin-right : auto;
 315         -moz-border-radius : 10px;
 316         opacity : 0.8;
 317 }
 318
 319 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 320 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 321 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass {
 322         width : 100%;
 323         padding-left : 2px;
 324 }
 325
 326 input.editbox {
 327         width : 200px;
 328         padding-left : 2px;
 329 }
 330
 331 #notify {
 332         font-size : 10pt;
 333         text-align : right;
 334         color : black;
 335         font-weight : bold;
 336         padding : 3px;
 337 }
 338
 339 #dispSwitch {
 340         text-align : right;
 341         padding : 5px 5px 5px 0px;
 342         font-size : x-small;
 343 }
 344
 345 #dispSwitch a {
 346         color : gray;
 347 }
 348
 349 #dispSwitch a:hover {
 350         color : #5050aa;
 351 }
 352
 353 div.expPane {
 354         margin : 15px;
 355 }
 356
 357 iframe {
 358         border : 0px solid white;
 359 }
 360
 361 iframe.feedsFrameWithActions {
 362         width : 100%;
 363         height : 90%;
 364         margin : 0px;
 365         padding : 0px;
 366 }
 367
 368 iframe.feedsFrame {
 369         width : 100%;
 370         height : 100%;
 371         margin : 0px;
 372         padding : 0px;
 373 }
 374
 375 iframe.contentFrame, iframe.headlinesFrame {
 376         width : 100%;
 377         padding : 0px;
 378         margin : 0px;
 379         height : 100%;
 380 }
 381
 382 .button {
 383         border : 1px solid #d0d0d0;
 384         background-image : url("images/button.png");
 385         background-position : top;
 386         background-repeat : repeat-x;
 387         background-color : white;
 388         color : black;
 389 }
 390
 391 .button:hover {
 392         background : white;
 393         text-decoration : none;
 394         color : black;
 395 }
 396
 397 a.button {
 398         padding : 2px 5px 2px 5px;
 399         font-size : small;
 400 }
 401
 402 .evenUnreadSelected, .evenSelectedUnread {
 403         background-color : #e0e0ff;
 404         font-weight : bold;
 405 }
 406
 407 .oddUnreadSelected, .oddSelectedUnread  {
 408         background-color : #e0e0ff;
 409         font-weight : bold;
 410 }
 411
 412 .evenSelected, .oddSelected {
 413         background-color : #e0e0ff;
 414 }
 415
 416
 417 /*
 418 .feedUnreadSelected, .feedSelectedUnread,
 419 .virtUnreadSelected, .virtSelectedUnread,
 420 .labelUnreadSelected, .labelSelectedUnread {
 421         background-color : #e0e0ff;
 422         font-weight : bold;
 423 } */
 424
 425 .disabledButton {
 426         border : 1px solid #c0c0c0;
 427         background-color : white;
 428         color : gray;
 429 }
 430
 431 .evenGrayed {
 432         background-color : #f0f0f0;
 433         color : #909090;
 434 }
 435
 436 .oddGrayed {
 437         color : #909090;
 438 }
 439
 440 .even {
 441         background-color : #f0f0f0;
 442 }
 443
 444 .evenUnread {
 445         background-color : #f0f0f0;
 446         font-weight : bold;
 447 }
 448
 449 .oddUnread {
 450         font-weight : bold;
 451 }
 452
 453 .invisible {
 454         display : none;
 455 }
 456
 457 input {
 458         border : 1px solid #a0a0a0;
 459 }
 460
 461 /* preferences */
 462
 463 tr.title td {
 464         border-width : 0px 0px 1px 0px;
 465         border-color : #f0f0f0;
 466         border-style : solid;
 467         font-size : x-small;
 468         color : gray;
 469 }
 470
 471 tr.title td a {
 472         color : gray;
 473 }
 474
 475 tr.title td a:hover {
 476         color : #5050aa;
 477 }
 478
 479 table.prefFeedList td.feedEditCat {
 480         font-size : large;
 481         font-weight : bold;
 482         padding : 5px 0px 5px 0px;
 483 }
 484
 485 table.prefFeedList td.feedIcon {
 486         text-align : center;
 487 }
 488
 489 table.prefFeedList td.feedSelect {
 490         text-align : center;
 491 }
 492
 493 a.helpLink {
 494         color : #808080;
 495 }
 496
 497 a.helpLink:hover {
 498         color : #5050aa;
 499 }
 500
 501 div.helpResponse {
 502         margin : 10px;
 503         background-image : url("images/vgrad_light_rev2.png");
 504         background-position : top left;
 505         background-repeat : repeat-x;
 506         padding : 10px 20px 10px 20px;
 507         border : 1px solid #f0f0f0;
 508 }
 509
 510 #userDlgShadow {
 511         z-index : 3;
 512         position : absolute;
 513         left : 30%;
 514         top : 30%;
 515         display : none;
 516         background-image : url("images/shadow.png");
 517 }
 518
 519 #userDlg {
 520         background : #fffff0;
 521         position : relative;
 522         bottom : 2px;
 523         right : 2px;
 524         padding : 15px;
 525         border : 1px solid #c0c0c0;
 526 }
 527
 528 #qafInput {
 529         width : 300px;
 530 }
 531
 532
 533 #infoBox {
 534         border : 1px solid #c0c0c0;
 535         padding-bottom : 10px;
 536         font-size : small;
 537         position : relative;
 538         bottom : 2px;
 539         right : 2px;
 540         background-color : white;
 541 }
 542
 543 #infoBoxShadow {
 544         background-image : url("images/shadow.png");
 545         position : absolute;
 546         margin-left : 30%;
 547         width : 30%;
 548         z-index : 3;
 549         display : none;
 550         top : 30%;
 551 }
 552
 553 div.infoBoxContents {
 554         background-image : url("images/vgrad_light_rev2.png");
 555         background-position : top left;
 556         background-repeat : repeat-x;
 557         padding : 5px;
 558         margin-bottom : 5px;
 559 }
 560
 561 div.infoBoxContents td {
 562         font-size : small;
 563 }
 564
 565
 566 div.helpResponse h1, div.infoBoxContents h1 {
 567         border-width : 0px 0px 1px 0px;
 568         border-style : solid;
 569         border-color : #c0c0c0;
 570         font-size : 16pt;
 571 }
 572
 573 div.helpResponse h2, div.infoBoxContents h2 {
 574         border-width : 0px 0px 0px 0px;
 575         font-size : 12pt;
 576 }
 577
 578 /* pre {
 579         border : 1px solid #c0c0c0;
 580         padding : 5px;
 581         background : #f0f0f0;
 582         margin : 5px 10px 5px 10px;
 583 } */
 584
 585 pre {
 586         margin : 5px;
 587 }
 588
 589 input.extSearch {
 590         width : 200px;
 591 }
 592
 593 table.main td.prefsTabs {
 594         padding-left : 15px;
 595 }
 596
 597 input.prefsTab {
 598         border-width : 1px 1px 0px 1px;
 599         border-color : #c0c0c0;
 600         padding : 2px 7px 2px 7px;
 601         margin : 0px 1px 0px 0px;
 602         width : 150px;
 603         background-image : url("images/vgrad_light_rev2.png");
 604         background-position : top left;
 605         background-repeat : repeat-x;
 606         -moz-border-radius : 7px 7px 0px 0px;
 607 }
 608
 609 input.prefsTabSelected {
 610         border-width : 1px 1px 0px 1px;
 611         border-color : #c0c0c0;
 612         padding : 2px 7px 2px 7px;
 613         margin : 0px 1px 0px 0px;
 614         width : 150px;
 615         background : white;
 616         font-weight : bold;
 617         background-position : top left;
 618         background-repeat : repeat-x;
 619         -moz-border-radius : 7px 7px 0px 0px;
 620 }
 621
 622
 623 input.prefsTab:hover {
 624         background : white;
 625 }
 626
 627 div.warning {
 628         background : #fffff0;
 629         border : 1px solid #c0c0c0;
 630         padding : 5px;
 631         margin : 5px;
 632         font-size : x-small;
 633 }
 634
 635 div.notice {
 636         background : #ffffff;
 637         border : 1px solid #c0c0c0;
 638         padding : 5px;
 639         margin : 5px;
 640         font-size : x-small;
 641 }
 642
 643 ul.nomarks {
 644         list-style-type : none;
 645         margin : 0px;
 646         padding : 10px;
 647 }
 648
 649 div.bigErrorMsg {
 650         border : 1px solid #c0c0c0;
 651         background : #fff0f0;
 652         padding : 30px;
 653         margin : 20px;
 654 }
 655
 656 div.prefHelp, td.prefHelp {
 657         font-size : x-small;
 658         color : gray;
 659         padding : 5px;
 660 }
 661
 662 td.welcomePrompt {
 663         font-size : small;
 664         color : gray;
 665         text-align : right;
 666         padding-right : 10px;
 667
 668 }
 669
 670 td.httpWelcomePrompt {
 671         font-size : small;
 672         color : gray;
 673         text-align : right;
 674 }
 675
 676 table.loginForm {
 677         background-image : url("images/vgrad_light_rev.png");
 678         background-color : white;
 679         background-position : top left;
 680         background-repeat : repeat-x;
 681 }
 682
 683 table.innerLoginForm {
 684         border : 1px solid #f0f0f0;
 685         padding : 50px;
 686         background-color : white;
 687 }
 688
 689 table.innerLoginForm td {
 690         padding : 3px 3px 5px 3px;
 691 }
 692
 693 div.small, p.small {
 694         font-size : x-small;
 695 }
 696
 697 span.insensitive {
 698         color : gray;
 699 }
 700
 701 .prefGenericAddBox {
 702         margin : 5px;
 703         font-size : small;
 704 }
 705
 706 .prefGenericAddBox td {
 707         font-size : small;
 708 }
 709
 710 body.logoutBody {
 711         background-color : #f0f0f0;
 712         color : black;
 713 }
 714
 715 span.logoutWarning {
 716         color : red;
 717         font-weight : bold;
 718 }
 719
 720 div.logoutContent {
 721         width : 600px;
 722         border : 1px solid #c0c0c0;
 723         background-color : white;
 724         margin-left : auto;
 725         margin-right : auto;
 726         margin-top : 20px;
 727         padding : 10px;
 728 }
 729
 730 .small {
 731         font-size : small;
 732 }
 733
 734 table.innerFeedTable td {
 735         margin : 0px;
 736         padding : 0px;
 737 }
 738
 739 td.selectPrompt {
 740         font-size : x-small;
 741         color : gray;
 742 }
 743
 744 table.headlinesSubToolbar td.headlineActions {
 745         font-size : x-small;
 746         color : gray;
 747         padding : 5px 0px 5px 5px;
 748 }
 749
 750 table.headlinesSubToolbar td.headlineTitle {
 751         font-size : x-small;
 752         color : gray;
 753         padding : 5px 5px 5px 0px;
 754         text-align : right;
 755 }
 756
 757 span.contentPreview {
 758         font-size : x-small;
 759         color : gray;
 760         font-weight : normal;
 761 }
 762
 763 span.contentPreview:hover {
 764         color : #5050aa;
 765 }
 766
 767 table.headlinesList td.hlMarkedPic {
 768         width : 25px;
 769         text-align : center;
 770 }
 771
 772 table.headlinesList td.hlfeed {
 773         text-align : right;
 774         font-size : small;
 775 }
 776
 777 td.hlSelectRow, td.hlUpdatePic {
 778         width : 25px;
 779         text-align : center;
 780 }
 781
 782 table.headlinesList td.hlUpdated {
 783         font-size : small;
 784         color : gray;
 785         text-align : right;
 786         width : 100px;
 787 }
 788
 789 table.headlinesList tr td {
 790         padding : 2px 0px 2px 0px;
 791 }
 792
 793 /*
 794 tr.even td.headlineContent, tr.evenUnread td.headlineContent {
 795         display : block;
 796         overflow : hidden;
 797         height : 1em;
 798         background-color : #f0f0f0;
 799 }
 800
 801 tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
 802         display : block;
 803         overflow : hidden;
 804         height : 1em;
 805 }
 806
 807 tr.oddSelected td.headlineContent,
 808 tr.evenSelected td.headlineContent,
 809 tr.oddUnreadSelected td.headlineContent,
 810 tr.evenUnreadSelected td.headlineContent {
 811         display : block;
 812         overflow : hidden;
 813         height : 1em;
 814         background-color : #e0e0ff;
 815 } */
 816
 817 div.postHeader td.postDate {
 818         font-size : x-small;
 819         text-align : right;
 820         color : gray;
 821 }
 822
 823 #feedUpdateErrors {
 824         display : none;
 825 }
 826
 827 #allEntryTags {
 828         font-size : x-small;
 829         border-width : 0px 0px 1px 0px;
 830         border-style : solid;
 831         border-color : #c0c0c0;
 832         padding-bottom : 5px;
 833         display : none;
 834 }
 835
 836 td.hlContent {
 837         overflow : hidden;
 838         height : 1em;
 839         display : block;
 840 }
 841
 842 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 843         height : 1em;
 844 }
 845
 846 div.cdmArticle {
 847         border : 1px solid #f0f0f0;
 848         background-color : #fafafa;
 849         -moz-border-radius : 5px;
 850         margin : 10px 10px 0px 10px;
 851         padding : 10px;
 852 }
 853
 854 div.cdmArticleUnread {
 855         border : 1px solid #d5f1f4;
 856         background-color : #fafeff;
 857         -moz-border-radius : 5px;
 858         margin : 10px 10px 0px 10px;
 859         padding : 10px;
 860 }
 861
 862 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 863         border : 1px solid #d0d0f6;
 864         background-color : #eaeaff;
 865         -moz-border-radius : 5px;
 866         margin : 10px 10px 0px 10px;
 867         padding : 10px;
 868 }
 869
 870 div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
 871         font-weight : bold;
 872 }
 873
 874 div.cdmHeader {
 875         padding-bottom : 5px;
 876 }
 877
 878 div.cdmFooter {
 879         font-size : x-small;
 880         color : gray;
 881         padding-top : 5px;
 882 }
 883
 884 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 885         margin : 0px;
 886 }
 887
 888 div.cdmHeader, div.cdmHeader a {
 889         color : gray;
 890         font-size : x-small;
 891 }
 892
 893 div.cdmHeader a:hover {
 894         color : #5050aa;
 895 }
 896
 897 div.cdmContent {
 898 }