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