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