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 {
 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 }
 532
 533 #qafInput {
 534         width : 300px;
 535 }
 536
 537
 538 #infoBox {
 539         border : 1px solid #c0c0c0;
 540         padding-bottom : 10px;
 541         font-size : small;
 542         position : relative;
 543         bottom : 2px;
 544         right : 2px;
 545         background-color : white;
 546 }
 547
 548 #infoBoxShadow {
 549         background-image : url("images/shadow.png");
 550         position : absolute;
 551         margin-left : 30%;
 552         width : 30%;
 553         z-index : 3;
 554         display : none;
 555         top : 30%;
 556 }
 557
 558 div.infoBoxContents {
 559         background-image : url("images/vgrad_light_rev2.png");
 560         background-position : top left;
 561         background-repeat : repeat-x;
 562         padding : 5px;
 563         margin-bottom : 5px;
 564 }
 565
 566 div.infoBoxContents td {
 567         font-size : small;
 568 }
 569
 570
 571 div.helpResponse h1, div.infoBoxContents h1 {
 572         border-width : 0px 0px 1px 0px;
 573         border-style : solid;
 574         border-color : #c0c0c0;
 575         font-size : 16pt;
 576 }
 577
 578 div.helpResponse h2, div.infoBoxContents h2 {
 579         border-width : 0px 0px 0px 0px;
 580         font-size : 12pt;
 581 }
 582
 583 /* pre {
 584         border : 1px solid #c0c0c0;
 585         padding : 5px;
 586         background : #f0f0f0;
 587         margin : 5px 10px 5px 10px;
 588 } */
 589
 590 pre {
 591         margin : 5px;
 592 }
 593
 594 input.extSearch {
 595         width : 200px;
 596 }
 597
 598 table.main td.prefsTabs {
 599         padding-left : 15px;
 600 }
 601
 602 input.prefsTab {
 603         border-width : 1px 1px 0px 1px;
 604         border-color : #c0c0c0;
 605         padding : 2px 7px 2px 7px;
 606         margin : 0px 1px 0px 0px;
 607         width : 150px;
 608         background-image : url("images/vgrad_light_rev2.png");
 609         background-position : top left;
 610         background-repeat : repeat-x;
 611         -moz-border-radius : 7px 7px 0px 0px;
 612 }
 613
 614 input.prefsTabSelected {
 615         border-width : 1px 1px 0px 1px;
 616         border-color : #c0c0c0;
 617         padding : 2px 7px 2px 7px;
 618         margin : 0px 1px 0px 0px;
 619         width : 150px;
 620         background : white;
 621         font-weight : bold;
 622         background-position : top left;
 623         background-repeat : repeat-x;
 624         -moz-border-radius : 7px 7px 0px 0px;
 625 }
 626
 627
 628 input.prefsTab:hover {
 629         background : white;
 630 }
 631
 632 div.warning {
 633         background : #fffff0;
 634         border : 1px solid #c0c0c0;
 635         padding : 5px;
 636         margin : 5px;
 637         font-size : x-small;
 638 }
 639
 640 div.notice {
 641         background : #ffffff;
 642         border : 1px solid #c0c0c0;
 643         padding : 5px;
 644         margin : 5px;
 645         font-size : x-small;
 646 }
 647
 648 ul.nomarks {
 649         list-style-type : none;
 650         margin : 0px;
 651         padding : 10px;
 652 }
 653
 654 div.bigErrorMsg {
 655         border : 1px solid #c0c0c0;
 656         background : #fff0f0;
 657         padding : 30px;
 658         margin : 20px;
 659 }
 660
 661 div.prefHelp, td.prefHelp {
 662         font-size : x-small;
 663         color : gray;
 664         padding : 5px;
 665 }
 666
 667 td.welcomePrompt {
 668         font-size : small;
 669         color : gray;
 670         text-align : right;
 671         padding-right : 10px;
 672
 673 }
 674
 675 td.httpWelcomePrompt {
 676         font-size : small;
 677         color : gray;
 678         text-align : right;
 679 }
 680
 681 table.loginForm {
 682         background-image : url("images/vgrad_light_rev.png");
 683         background-color : white;
 684         background-position : top left;
 685         background-repeat : repeat-x;
 686 }
 687
 688 table.innerLoginForm {
 689         border : 1px solid #f0f0f0;
 690         padding : 50px;
 691         background-color : white;
 692 }
 693
 694 table.innerLoginForm td {
 695         padding : 3px 3px 5px 3px;
 696 }
 697
 698 span.insensitive {
 699         color : gray;
 700 }
 701
 702 .prefGenericAddBox {
 703         margin : 5px;
 704         font-size : small;
 705 }
 706
 707 .prefGenericAddBox td {
 708         font-size : small;
 709 }
 710
 711 body.logoutBody {
 712         background-color : #f0f0f0;
 713         color : black;
 714 }
 715
 716 span.logoutWarning {
 717         color : red;
 718         font-weight : bold;
 719 }
 720
 721 div.logoutContent {
 722         width : 600px;
 723         border : 1px solid #c0c0c0;
 724         background-color : white;
 725         margin-left : auto;
 726         margin-right : auto;
 727         margin-top : 20px;
 728         padding : 10px;
 729 }
 730
 731 .small {
 732         font-size : x-small;
 733 }
 734
 735 table.innerFeedTable td {
 736         margin : 0px;
 737         padding : 0px;
 738 }
 739
 740 td.selectPrompt {
 741         font-size : x-small;
 742         color : gray;
 743 }
 744
 745 table.headlinesSubToolbar td.headlineActions {
 746         font-size : x-small;
 747         color : gray;
 748         padding : 5px 0px 5px 5px;
 749 }
 750
 751 table.headlinesSubToolbar td.headlineTitle {
 752         font-size : x-small;
 753         color : gray;
 754         padding : 5px 5px 5px 0px;
 755         text-align : right;
 756 }
 757
 758 span.contentPreview {
 759         font-size : x-small;
 760         color : gray;
 761         font-weight : normal;
 762 }
 763
 764 span.contentPreview:hover {
 765         color : #5050aa;
 766 }
 767
 768 table.headlinesList td.hlMarkedPic {
 769         width : 25px;
 770         text-align : center;
 771 }
 772
 773 table.headlinesList td.hlfeed {
 774         text-align : right;
 775         font-size : small;
 776 }
 777
 778 td.hlSelectRow, td.hlUpdatePic {
 779         width : 25px;
 780         text-align : center;
 781 }
 782
 783 table.headlinesList td.hlUpdated {
 784         font-size : small;
 785         color : gray;
 786         text-align : right;
 787         width : 100px;
 788 }
 789
 790 table.headlinesList tr td {
 791         padding : 2px 0px 2px 0px;
 792 }
 793
 794 /*
 795 tr.even td.headlineContent, tr.evenUnread td.headlineContent {
 796         display : block;
 797         overflow : hidden;
 798         height : 1em;
 799         background-color : #f0f0f0;
 800 }
 801
 802 tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
 803         display : block;
 804         overflow : hidden;
 805         height : 1em;
 806 }
 807
 808 tr.oddSelected td.headlineContent,
 809 tr.evenSelected td.headlineContent,
 810 tr.oddUnreadSelected td.headlineContent,
 811 tr.evenUnreadSelected td.headlineContent {
 812         display : block;
 813         overflow : hidden;
 814         height : 1em;
 815         background-color : #e0e0ff;
 816 } */
 817
 818 div.postHeader td.postDate {
 819         font-size : x-small;
 820         text-align : right;
 821         color : gray;
 822 }
 823
 824 #feedUpdateErrors {
 825         display : none;
 826 }
 827
 828 #allEntryTags {
 829         font-size : x-small;
 830         border-width : 0px 0px 1px 0px;
 831         border-style : solid;
 832         border-color : #c0c0c0;
 833         padding-bottom : 5px;
 834         display : none;
 835 }
 836
 837 td.hlContent {
 838         overflow : hidden;
 839         height : 1em;
 840         display : block;
 841 }
 842
 843 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 844         height : 1em;
 845 }
 846
 847 div.cdmArticle {
 848         border : 1px solid #f0f0f0;
 849         background-color : #fafafa;
 850         -moz-border-radius : 5px;
 851         margin : 10px 10px 0px 10px;
 852         padding : 10px;
 853 }
 854
 855 div.cdmArticleUnread {
 856         border : 1px solid #d5f1f4;
 857         background-color : #fafeff;
 858         -moz-border-radius : 5px;
 859         margin : 10px 10px 0px 10px;
 860         padding : 10px;
 861 }
 862
 863 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 864         border : 1px solid #d0d0f6;
 865         background-color : #eaeaff;
 866         -moz-border-radius : 5px;
 867         margin : 10px 10px 0px 10px;
 868         padding : 10px;
 869 }
 870
 871 div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
 872         font-weight : bold;
 873 }
 874
 875 div.cdmHeader {
 876         padding-bottom : 5px;
 877 }
 878
 879 div.cdmFooter {
 880         font-size : x-small;
 881         color : gray;
 882         padding-top : 5px;
 883 }
 884
 885 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 886         margin : 0px;
 887 }
 888
 889 div.cdmHeader, div.cdmHeader a {
 890         color : gray;
 891         font-size : x-small;
 892 }
 893
 894 div.cdmHeader a:hover {
 895         color : #5050aa;
 896 }
 897
 898 div.cdmContent {
 899 }
 900
 901 a.warning {
 902         color : #f04040;
 903 }