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 #iedit_parent_feed {
 325         width : 100%;
 326         padding-left : 2px;
 327 }
 328
 329 input.editbox {
 330         width : 200px;
 331         padding-left : 2px;
 332 }
 333
 334 td.notifyBox {
 335         font-size : 10pt;
 336         text-align : right;
 337 }
 338
 339 #notify {
 340         color : black;
 341         font-weight : bold;
 342         padding : 3px;
 343 }
 344
 345 #dispSwitch {
 346         padding : 5px 5px 5px 0px;
 347         font-size : x-small;
 348         text-align : right;
 349 }
 350
 351 #dispSwitch a {
 352         color : gray;
 353 }
 354
 355 #dispSwitch a:hover {
 356         color : #5050aa;
 357 }
 358
 359 div.expPane {
 360         margin : 15px;
 361 }
 362
 363 iframe {
 364         border : 0px solid white;
 365 }
 366
 367 iframe.feedsFrameWithActions {
 368         width : 100%;
 369         height : 90%;
 370         margin : 0px;
 371         padding : 0px;
 372 }
 373
 374 iframe.feedsFrame {
 375         width : 100%;
 376         height : 100%;
 377         margin : 0px;
 378         padding : 0px;
 379 }
 380
 381 iframe.contentFrame, iframe.headlinesFrame {
 382         width : 100%;
 383         padding : 0px;
 384         margin : 0px;
 385         height : 100%;
 386 }
 387
 388 .button {
 389         border : 1px solid #d0d0d0;
 390         background-image : url("images/button.png");
 391         background-position : top;
 392         background-repeat : repeat-x;
 393         background-color : white;
 394         color : black;
 395 }
 396
 397 .button:hover {
 398         background : white;
 399         text-decoration : none;
 400         color : black;
 401 }
 402
 403 a.button {
 404         padding : 2px 5px 2px 5px;
 405         font-size : small;
 406 }
 407
 408 .evenUnreadSelected, .evenSelectedUnread {
 409         background-color : #e0e0ff;
 410         font-weight : bold;
 411 }
 412
 413 .oddUnreadSelected, .oddSelectedUnread  {
 414         background-color : #e0e0ff;
 415         font-weight : bold;
 416 }
 417
 418 .evenSelected, .oddSelected {
 419         background-color : #e0e0ff;
 420 }
 421
 422
 423 /*
 424 .feedUnreadSelected, .feedSelectedUnread,
 425 .virtUnreadSelected, .virtSelectedUnread,
 426 .labelUnreadSelected, .labelSelectedUnread {
 427         background-color : #e0e0ff;
 428         font-weight : bold;
 429 } */
 430
 431 .disabledButton {
 432         border : 1px solid #c0c0c0;
 433         background-color : white;
 434         color : gray;
 435 }
 436
 437 .evenGrayed {
 438         background-color : #f0f0f0;
 439         color : #909090;
 440 }
 441
 442 .oddGrayed {
 443         color : #909090;
 444 }
 445
 446 .even {
 447         background-color : #f0f0f0;
 448 }
 449
 450 .evenUnread {
 451         background-color : #f0f0f0;
 452         font-weight : bold;
 453 }
 454
 455 .oddUnread {
 456         font-weight : bold;
 457 }
 458
 459 .invisible {
 460         display : none;
 461 }
 462
 463 td > input, div > input {
 464         border : 1px solid #a0a0a0;
 465 }
 466
 467 /* preferences */
 468
 469 tr.title td {
 470         border-width : 0px 0px 1px 0px;
 471         border-color : #f0f0f0;
 472         border-style : solid;
 473         font-size : x-small;
 474         color : gray;
 475 }
 476
 477 tr.title td a {
 478         color : gray;
 479 }
 480
 481 tr.title td a:hover {
 482         color : #5050aa;
 483 }
 484
 485 table.prefFeedList td.feedEditCat {
 486         font-size : large;
 487         font-weight : bold;
 488         padding : 5px 0px 5px 0px;
 489 }
 490
 491 table.prefFeedList td.feedIcon {
 492         text-align : center;
 493 }
 494
 495 table.prefFeedList td.feedSelect {
 496         text-align : center;
 497 }
 498
 499 a.helpLink {
 500         color : #808080;
 501 }
 502
 503 a.helpLink:hover {
 504         color : #5050aa;
 505 }
 506
 507 div.helpResponse {
 508         margin : 10px;
 509         background-image : url("images/vgrad_light_rev2.png");
 510         background-position : top left;
 511         background-repeat : repeat-x;
 512         padding : 10px 20px 10px 20px;
 513         border : 1px solid #f0f0f0;
 514 }
 515
 516 #userDlgShadow {
 517         z-index : 3;
 518         position : absolute;
 519         left : 30%;
 520         top : 30%;
 521         display : none;
 522         background-image : url("images/shadow.png");
 523 }
 524
 525 #userDlg {
 526         padding : 15px;
 527         border : 1px solid #c0c0c0;
 528         font-size : small;
 529         position : relative;
 530         bottom : 2px;
 531         right : 2px;
 532         background-color : white;
 533         background-image : url("images/vgrad_light_rev2.png");
 534         background-position : top left;
 535         background-repeat : repeat-x;
 536 }
 537
 538 #qafInput {
 539         width : 300px;
 540 }
 541
 542
 543 #infoBox {
 544         border : 1px solid #c0c0c0;
 545         padding-bottom : 10px;
 546         font-size : small;
 547         position : relative;
 548         bottom : 2px;
 549         right : 2px;
 550         background-color : white;
 551 }
 552
 553 #infoBoxShadow {
 554         background-image : url("images/shadow.png");
 555         position : absolute;
 556         margin-left : 30%;
 557         width : 30%;
 558         z-index : 3;
 559         display : none;
 560         top : 30%;
 561 }
 562
 563 div.infoBoxContents {
 564         background-image : url("images/vgrad_light_rev2.png");
 565         background-position : top left;
 566         background-repeat : repeat-x;
 567         padding : 5px;
 568         margin-bottom : 5px;
 569 }
 570
 571 div.infoBoxContents td {
 572         font-size : small;
 573 }
 574
 575
 576 div.helpResponse h1, div.infoBoxContents h1 {
 577         border-width : 0px 0px 1px 0px;
 578         border-style : solid;
 579         border-color : #c0c0c0;
 580         font-size : 16pt;
 581 }
 582
 583 div.helpResponse h2, div.infoBoxContents h2 {
 584         border-width : 0px 0px 0px 0px;
 585         font-size : 12pt;
 586 }
 587
 588 /* pre {
 589         border : 1px solid #c0c0c0;
 590         padding : 5px;
 591         background : #f0f0f0;
 592         margin : 5px 10px 5px 10px;
 593 } */
 594
 595 pre {
 596         margin : 5px;
 597 }
 598
 599 input.extSearch {
 600         width : 200px;
 601 }
 602
 603 table.main td.prefsTabs {
 604         padding-left : 15px;
 605 }
 606
 607 input.prefsTab {
 608         border-width : 1px 1px 0px 1px;
 609         border-color : #c0c0c0;
 610         padding : 2px 7px 2px 7px;
 611         margin : 0px 1px 0px 0px;
 612         width : 150px;
 613         background-image : url("images/vgrad_light_rev2.png");
 614         background-position : top left;
 615         background-repeat : repeat-x;
 616         -moz-border-radius : 7px 7px 0px 0px;
 617 }
 618
 619 input.prefsTabSelected {
 620         border-width : 1px 1px 0px 1px;
 621         border-color : #c0c0c0;
 622         padding : 2px 7px 2px 7px;
 623         margin : 0px 1px 0px 0px;
 624         width : 150px;
 625         background : white;
 626         font-weight : bold;
 627         background-position : top left;
 628         background-repeat : repeat-x;
 629         -moz-border-radius : 7px 7px 0px 0px;
 630 }
 631
 632
 633 input.prefsTab:hover {
 634         background : white;
 635 }
 636
 637 div.warning {
 638         background : #fffff0;
 639         border : 1px solid #c0c0c0;
 640         padding : 5px;
 641         margin : 5px;
 642         font-size : x-small;
 643 }
 644
 645 div.notice {
 646         background : #ffffff;
 647         border : 1px solid #c0c0c0;
 648         padding : 5px;
 649         margin : 5px;
 650         font-size : x-small;
 651 }
 652
 653 ul.nomarks {
 654         list-style-type : none;
 655         margin : 0px;
 656         padding : 10px;
 657 }
 658
 659 div.bigErrorMsg {
 660         border : 1px solid #c0c0c0;
 661         background : #fff0f0;
 662         padding : 30px;
 663         margin : 20px;
 664 }
 665
 666 div.prefHelp, td.prefHelp {
 667         font-size : x-small;
 668         color : gray;
 669         padding : 5px;
 670 }
 671
 672 td.welcomePrompt {
 673         font-size : x-small;
 674         color : gray;
 675         text-align : right;
 676         padding-right : 10px;
 677
 678 }
 679
 680 td.httpWelcomePrompt {
 681         font-size : small;
 682         color : gray;
 683         text-align : right;
 684 }
 685
 686 table.loginForm {
 687         background-image : url("images/vgrad_light_rev.png");
 688         background-color : white;
 689         background-position : top left;
 690         background-repeat : repeat-x;
 691 }
 692
 693 table.innerLoginForm {
 694         border : 1px solid #f0f0f0;
 695         padding : 50px;
 696         background-color : white;
 697 }
 698
 699 table.innerLoginForm td {
 700         padding : 3px 3px 5px 3px;
 701 }
 702
 703 span.insensitive {
 704         color : gray;
 705 }
 706
 707 .prefGenericAddBox {
 708         margin : 5px;
 709         font-size : small;
 710 }
 711
 712 .prefGenericAddBox td {
 713         font-size : small;
 714 }
 715
 716 body.logoutBody {
 717         background-color : #f0f0f0;
 718         color : black;
 719 }
 720
 721 span.logoutWarning {
 722         color : red;
 723         font-weight : bold;
 724 }
 725
 726 div.logoutContent {
 727         width : 600px;
 728         border : 1px solid #c0c0c0;
 729         background-color : white;
 730         margin-left : auto;
 731         margin-right : auto;
 732         margin-top : 20px;
 733         padding : 10px;
 734 }
 735
 736 .small {
 737         font-size : x-small;
 738 }
 739
 740 table.innerFeedTable td {
 741         margin : 0px;
 742         padding : 0px;
 743 }
 744
 745 td.selectPrompt {
 746         font-size : x-small;
 747         color : gray;
 748 }
 749
 750 table.headlinesSubToolbar td.headlineActions {
 751         font-size : x-small;
 752         color : gray;
 753         padding : 5px 0px 5px 5px;
 754 }
 755
 756 table.headlinesSubToolbar td.headlineTitle {
 757         font-size : x-small;
 758         color : gray;
 759         padding : 5px 5px 5px 0px;
 760         text-align : right;
 761 }
 762
 763 span.contentPreview {
 764         font-size : x-small;
 765         color : gray;
 766         font-weight : normal;
 767 }
 768
 769 span.contentPreview:hover {
 770         color : #5050aa;
 771 }
 772
 773 table.headlinesList td.hlMarkedPic {
 774         width : 25px;
 775         text-align : center;
 776 }
 777
 778 table.headlinesList td.hlfeed {
 779         text-align : right;
 780         font-size : small;
 781 }
 782
 783 td.hlSelectRow, td.hlUpdatePic {
 784         width : 25px;
 785         text-align : center;
 786 }
 787
 788 table.headlinesList td.hlUpdated {
 789         font-size : small;
 790         color : gray;
 791         text-align : right;
 792         width : 100px;
 793 }
 794
 795 table.headlinesList tr td {
 796         padding : 2px 0px 2px 0px;
 797 }
 798
 799 /*
 800 tr.even td.headlineContent, tr.evenUnread td.headlineContent {
 801         display : block;
 802         overflow : hidden;
 803         height : 1em;
 804         background-color : #f0f0f0;
 805 }
 806
 807 tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
 808         display : block;
 809         overflow : hidden;
 810         height : 1em;
 811 }
 812
 813 tr.oddSelected td.headlineContent,
 814 tr.evenSelected td.headlineContent,
 815 tr.oddUnreadSelected td.headlineContent,
 816 tr.evenUnreadSelected td.headlineContent {
 817         display : block;
 818         overflow : hidden;
 819         height : 1em;
 820         background-color : #e0e0ff;
 821 } */
 822
 823 div.postHeader td.postDate {
 824         font-size : x-small;
 825         text-align : right;
 826         color : gray;
 827 }
 828
 829 #feedUpdateErrors {
 830         display : none;
 831 }
 832
 833 #allEntryTags {
 834         font-size : x-small;
 835         border-width : 0px 0px 1px 0px;
 836         border-style : solid;
 837         border-color : #c0c0c0;
 838         padding-bottom : 5px;
 839         display : none;
 840 }
 841
 842 td.hlContent {
 843         overflow : hidden;
 844         height : 1em;
 845         display : block;
 846 }
 847
 848 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 849         height : 1em;
 850 }
 851
 852 div.cdmArticle {
 853         border : 1px solid #f0f0f0;
 854         background-color : #fafafa;
 855         -moz-border-radius : 5px;
 856         margin : 10px 10px 0px 10px;
 857         padding : 10px;
 858 }
 859
 860 div.cdmArticleUnread {
 861         border : 1px solid #d5f1f4;
 862         background-color : #fafeff;
 863         -moz-border-radius : 5px;
 864         margin : 10px 10px 0px 10px;
 865         padding : 10px;
 866 }
 867
 868 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 869         border : 1px solid #d0d0f6;
 870         background-color : #eaeaff;
 871         -moz-border-radius : 5px;
 872         margin : 10px 10px 0px 10px;
 873         padding : 10px;
 874 }
 875
 876 div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
 877         font-weight : bold;
 878 }
 879
 880 div.cdmHeader {
 881         padding-bottom : 5px;
 882 }
 883
 884 div.cdmFooter {
 885         font-size : x-small;
 886         color : gray;
 887         padding-top : 5px;
 888 }
 889
 890 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 891         margin : 0px;
 892 }
 893
 894 div.cdmHeader, div.cdmHeader a {
 895         color : gray;
 896         font-size : x-small;
 897 }
 898
 899 div.cdmHeader a:hover {
 900         color : #5050aa;
 901 }
 902
 903 div.cdmContent {
 904 }
 905
 906 a.warning {
 907         color : #f04040;
 908 }
 909
 910 img.closeButton {
 911         border-width : 0px;
 912         float : right;
 913 }
 914
 915 span.groupPrompt {
 916         font-size : x-small;
 917         color : #505050;
 918 }
 919
 920 ul.userFeedList {
 921         height : 300px;
 922         overflow : auto;
 923         list-style-type : none;
 924 }
 925
 926 ul.browseFeedList {
 927         height : 300px;
 928         overflow : auto;
 929         list-style-type : none;
 930 }
 931
 932 span.subscribers {
 933         color : #808080;
 934 }
 935
 936 input.feedBrowseCB {
 937         margin-right : 1em;
 938 }