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