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