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