tt-rss.css

   1 body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : sans-serif;
   7         font-size : 12px;
   8 }
   9
  10 body#ttrssPrefs {
  11         background-color : #ecf4ff;
  12 }
  13
  14 body#ttrssPrefs #footer, body#ttrssPrefs #header {
  15         background-color : #ecf4ff;
  16         padding-left : 8px;
  17         padding-right : 8px;
  18 }
  19
  20 div.postReply {
  21         padding : 0px;
  22 }
  23
  24 div.postReply a {
  25         color : #4684ff;
  26 }
  27
  28 div.postReply a:hover {
  29         color : black;
  30 }
  31
  32 div.postReply div.postHeader {
  33         border-width : 0px 0px 1px 0px;
  34         border-style : solid;
  35         border-color : #88b0f0;
  36         background-color : white;
  37         background : url("images/toolbar.png");
  38         background-position : bottom left;
  39         background-repeat : repeat-x;
  40         padding : 5px;
  41         color : #909090;
  42 }
  43
  44 div.postReply div.postTitle {
  45         overflow : hidden;
  46         white-space : nowrap;
  47 }
  48
  49 div.postReply div.postDate {
  50         padding-left : 10px;
  51 }
  52
  53 div.postReply div.postContent {
  54         padding : 10px;
  55         font-size : 12px;
  56 }
  57
  58 div.postReply div.postContent img {
  59         border-width : 0px;
  60         max-width : 98%;
  61 }
  62
  63 div.postReply div.postEnclosures {
  64         margin-top : 1em;
  65         color : gray;
  66 }
  67
  68 div.postReply img.tagsPic {
  69         width : 16px;
  70         height : 16px;
  71         margin-left : 4px;
  72         vertical-align : middle;
  73 }
  74
  75 div.articleNote {
  76         background-color : #fff7d5;
  77         padding : 5px;
  78         border-style : none none dashed none;
  79         border-color : #e7d796;
  80         border-width : 1px;
  81         background-color : #fff7d5;
  82         color : #9a8c59;
  83 }
  84
  85 div.articleNote div.noteEdit {
  86         float : right;
  87         cursor : pointer;
  88 }
  89
  90 div.postReply span.author {
  91         font-size : 12px;
  92 }
  93
  94 h1 {
  95         font-size : 18px;
  96 }
  97
  98 h2 {
  99         font-size : 16px;
 100         font-weight : bold;
 101         border-width : 0px 0px 1px 0px;
 102         border-style : solid;
 103         border-color : #ecf4ff;
 104 }
 105
 106 h3 {
 107         font-size : 12px;
 108         font-weight : bold;
 109         border-width : 0px 0px 1px 0px;
 110         border-style : solid;
 111         border-color : #ecf4ff;
 112 }
 113
 114 hr {
 115         border-width : 0px 0px 1px 0px;
 116         border-style : dashed;
 117         border-color : #e0e0e0;
 118 }
 119
 120 a {
 121         color : black;
 122         text-decoration : none;
 123 }
 124
 125 a:hover {
 126         color : #4684ff;
 127 }
 128
 129 #piggie {
 130         z-index : 999;
 131         position : absolute;
 132 }
 133
 134 #notify {
 135         top : 10px;
 136         right : 10px;
 137         border-width : 1px;
 138         border-style : solid;
 139         position : absolute;
 140         display : none;
 141         float : right;
 142         font-size : 11px;
 143         z-index : 99;
 144         padding : 5px;
 145         min-width : 200px;
 146         box-shadow : 0px 0px 2px #ccc;
 147 }
 148
 149 #notify img {
 150         vertical-align : middle;
 151         margin-right : 4px;
 152 }
 153
 154 .notify {
 155         border-color : #d7c47a;
 156         background-color : #fff7d5;
 157 }
 158
 159 .notify.progress {
 160         border-color : #d7c47a;
 161         background-color : #fff7d5;
 162 }
 163
 164 .notify.info {
 165         border-color : #88b0f0;
 166         background-color : #ecf4ff;
 167 }
 168
 169 .notify.error {
 170         background-color : #ffcccc;
 171         border-color : #ff0000;
 172 }
 173
 174 .notify.error span:hover {
 175         color : red;
 176         cursor : pointer;
 177 }
 178
 179 .Selected {
 180         background-color : #fff7d5 ! important;
 181 }
 182
 183 .Unread div.hlTitle {
 184         font-weight : bold;
 185 }
 186
 187 .even.Unread.Selected {
 188         background : #fff7d5 ! important;
 189         border-width : 0px 0px 1px 0px;
 190         border-style : solid;
 191         border-color : #e7d796;
 192 }
 193
 194 .odd.Unread.Selected {
 195         background : #fff7d5 ! important;
 196         border-width : 0px 0px 1px 0px;
 197         border-style : solid;
 198         border-color : #e7d796;
 199 }
 200
 201 .even.Selected {
 202         background : #fff7d5 ! important;
 203         border-width : 0px 0px 1px 0px;
 204         border-style : solid;
 205         border-color : #e7d796;
 206         border-collapse : collapse;
 207 }
 208
 209 .odd.Selected {
 210         background : #fff7d5 ! important;
 211         border-width : 0px 0px 1px 0px;
 212         border-style : solid;
 213         border-color : #e7d796;
 214         border-collapse : collapse;
 215 }
 216
 217 .even.Grayed {
 218         background : #f0f0f0;
 219         color : #909090;
 220         border-width : 0px 0px 1px 0px;
 221         border-style : solid;
 222         border-color : #c0c0c0;
 223         border-collapse : collapse;
 224 }
 225
 226 .odd.Grayed {
 227         color : #909090;
 228 }
 229
 230 .even {
 231         border-width : 0px 0px 1px 0px;
 232         border-style : solid;
 233         border-color : #c0c0c0;
 234         background : #f0f0f0;
 235         border-collapse : collapse;
 236 }
 237
 238 .odd {
 239         border-width : 0px 0px 1px 0px;
 240         border-style : solid;
 241         border-color : #c0c0c0;
 242         border-collapse : collapse;
 243 }
 244
 245 .even.Unread {
 246         background : #f0f0f0;
 247         border-width : 0px 0px 1px 0px;
 248         border-style : solid;
 249         border-color : #c0c0c0;
 250         border-collapse : collapse;
 251 }
 252
 253 .odd.Unread {
 254         border-width : 0px 0px 1px 0px;
 255         border-style : solid;
 256         border-color : #c0c0c0;
 257 }
 258
 259 div.filterTestHolder {
 260         height : 300px;
 261         overflow : auto;
 262         border-color : #c0c0c0;
 263         border-style : solid;
 264         margin : 0px 0px 5px 0px;
 265         background-color : #ecf4ff;
 266         border-width : 1px 1px 1px 1px;
 267 }
 268
 269
 270 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 271         margin : 5px 0px 5px 0px;
 272         padding : 10px;
 273         color : gray;
 274         border-width : 0px 0px 0px 3px;
 275         border-color : #c0c0c0;
 276         border-style : solid;
 277         background : #fafafa;
 278 }
 279
 280 #content-insert code, #headlines-frame code, .dijitContentPane code {
 281         color : #009900;
 282         font-family : monospace;
 283         font-size : 12px;
 284 }
 285
 286 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 287         margin : 5px 0px 5px 0px;
 288         padding : 10px;
 289         color : gray;
 290         font-family : monospace;
 291         font-size : 12px;
 292         border-width : 0px;
 293         border-color : #c0c0c0;
 294         border-style : solid;
 295         background : #fafafa;
 296         display : block;
 297 }
 298
 299 div.notice, div.warning, div.error {
 300         padding : 4px 10px 4px 4px;
 301         display : inline-block;
 302         margin : 2px 0px 2px 0px;
 303         font-size : 11px;
 304         box-shadow : 0px 0px 2px #ccc;
 305 }
 306
 307 div.notice {
 308         background : #ecf4ff;
 309 }
 310
 311 div.warning {
 312         background : #fff7d5;
 313 }
 314
 315 div.error {
 316         background : #ffcccc;
 317 }
 318
 319 div.warning img, div.notice img, div.error img {
 320         margin-right : 4px;
 321         vertical-align : middle;
 322 }
 323
 324 ul.nomarks {
 325         list-style-type : none;
 326         margin : 0px;
 327         padding : 10px;
 328 }
 329
 330 div.prefHelp {
 331         color : gray;
 332         padding : 5px;
 333 }
 334
 335 span.feed_error {
 336         color : red;
 337 }
 338
 339 .insensitive {
 340         color : gray;
 341 }
 342
 343 .insensitive a {
 344         color : #4684ff;
 345 }
 346
 347 .insensitive a:hover {
 348         color : black;
 349 }
 350
 351 div#headlines-toolbar {
 352         border-width : 0px 0px 1px 0px;
 353         background-color : #f0f0f0;
 354         border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
 355         font-size : 11px;
 356         font-family : "Segoe UI", Tahoma, sans-serif;
 357         color : gray;
 358         padding : 0px;
 359         margin : 0px;
 360         overflow : hidden;
 361         height : 25px;
 362         line-height : 25px;
 363         padding-left : 4px;
 364 }
 365
 366 div#headlines-toolbar .dijitSelect {
 367         font-size : 11px;
 368         position : relative;
 369         top : -2px;
 370 }
 371
 372 div#headlines-toolbar span.r {
 373         float: right;
 374    position: relative;
 375         padding : 0 4px 0px 4px;
 376         text-align : right;
 377 }
 378
 379 div#headlines-toolbar span.r span.error {
 380         color : red;
 381 }
 382
 383 div#headlines-toolbar span.r a {
 384         color : gray;
 385 }
 386
 387 div#headlines-toolbar span.r a:hover {
 388         color : black;
 389 }
 390
 391 span.contentPreview {
 392         color : gray;
 393         font-weight : normal;
 394 }
 395
 396 span.contentPreview:hover {
 397         color : #4684ff;
 398 }
 399
 400 span.hlLabelRef {
 401         background-color : #fff7d5;
 402         font-size : 8px;
 403         color : #063064;
 404         font-weight : normal;
 405         margin : 0px 3px 0px 3px;
 406         padding : 0px 4px 0px 4px;
 407         white-space: nowrap;
 408 }
 409
 410 div.postHeader div.postDate {
 411         text-align : right;
 412         color : gray;
 413         float : right;
 414 }
 415
 416 div.postHeader div {
 417         padding-bottom : 3px;
 418         font-size : 12px;
 419 }
 420
 421 #feedUpdateErrors {
 422         display : none;
 423 }
 424
 425 #allEntryTags {
 426         font-size : 12px;
 427         border-width : 0px 0px 1px 0px;
 428         border-style : solid;
 429         border-color : #c0c0c0;
 430         padding-bottom : 5px;
 431         display : none;
 432 }
 433
 434 div.hlFeed, div.hlFeed a {
 435         font-size : 10px;
 436         color : gray;
 437         font-style : italic;
 438         font-weight : normal;
 439         white-space: nowrap;
 440 }
 441
 442 div.hlFeed a:hover {
 443         color : #4684ff;
 444 }
 445
 446 img.markedPic {
 447         cursor : pointer;
 448         vertical-align : middle;
 449 }
 450
 451 div.tagCloudContainer {
 452         border : 1px solid #c0c0c0;
 453         background-color : #ecf4ff;
 454         margin : 5px 0px 5px 0px;
 455         padding : 5px;
 456         text-align : center;
 457 }
 458
 459 div.errorExplained {
 460         border : 1px solid #c0c0c0;
 461         background-color : #ecf4ff;
 462         margin : 5px 0px 5px 0px;
 463         padding : 5px;
 464 }
 465
 466 ul.feedErrorsList {
 467         max-height : 300px;
 468         overflow : auto;
 469         list-style-type : none;
 470         border : 1px solid #c0c0c0;
 471         background-color : #ecf4ff;
 472         margin : 0px 0px 5px 0px;
 473         padding : 5px;
 474 }
 475
 476 ul.feedErrorsList em {
 477         color : gray;
 478 }
 479
 480 ul.browseFeedList {
 481         height : 300px;
 482         overflow : auto;
 483         border-width : 0px 1px 1px 1px;
 484         border-color : #c0c0c0;
 485         border-style : solid;
 486         margin : 0px 0px 5px 0px;
 487         background-color : white;
 488         list-style-type : none;
 489         padding : 0px;
 490
 491 }
 492
 493 ul.browseFeedList li {
 494         margin : 0px;
 495         padding : 2px 4px 2px 4px;
 496 }
 497
 498 span.subscribers {
 499         color : #808080;
 500 }
 501
 502 div.subscribers {
 503         color : #808080;
 504         font-size : 12px;
 505         float : right;
 506 }
 507
 508 div.browserDetails {
 509         margin : 5px 5px 5px 5px;
 510         padding : 5px;
 511 }
 512
 513 ul.compact {
 514         list-style-type : none;
 515         margin : 0px;
 516         padding : 0px;
 517 }
 518
 519 ul.compact li {
 520         margin : 0px;
 521         padding : 0px;
 522 }
 523
 524 .noborder {
 525         border-width : 0px;
 526 }
 527
 528 #overlay {
 529         background : white;
 530         left : 0;
 531         top : 0;
 532         height : 100%;
 533         width : 100%;
 534         z-index : 100;
 535         position : absolute;
 536 }
 537
 538 #overlay_inner {
 539         font-weight : bold;
 540         margin : 1em;
 541 }
 542
 543 form {
 544         margin : 0px;
 545         padding : 0px;
 546 }
 547
 548 #main_toolbar_form {
 549         margin : 0px;
 550         padding : 0px;
 551         display : table-cell;
 552         white-space : nowrap;
 553         width : 100%;
 554 }
 555
 556 div.loadingPrompt {
 557         padding : 1em;
 558         text-align : center;
 559         font-weight : bold;
 560 }
 561
 562 div.whiteBox {
 563         margin-left : 1px;
 564         text-align : center;
 565         padding : 1em;
 566 }
 567
 568 html, body#ttrssMain, #main {
 569         width: 100%;
 570         height: 100%;
 571         border: 0;
 572         padding: 0;
 573         margin: 0;
 574 }
 575
 576 #toolbar div.actionChooser {
 577         display : table-cell;
 578         text-align : right;
 579         padding-right : 3px;
 580 }
 581
 582 div.autocomplete {
 583         position : absolute;
 584         width : 250px;
 585         background-color : white;
 586         border :1px solid #778899;
 587         margin : 0px;
 588         padding : 0px;
 589 }
 590
 591 div.autocomplete ul {
 592         list-style-type : none;
 593         margin : 0px;
 594         padding : 0px;
 595 }
 596
 597 div.autocomplete ul li.selected {
 598         background-color : #fff7d5;
 599 }
 600
 601 div.autocomplete ul li {
 602         list-style-type : none;
 603         display : block;
 604         margin : 0;
 605         padding : 2px;
 606         height : 32px;
 607         cursor : pointer;
 608 }
 609
 610 a.visibleLink {
 611         color : #4684ff;
 612 }
 613
 614 .hlContentH a, .hlContentH span {
 615         color : #00cc00;
 616 }
 617
 618 .hlContentL a, .hlContentL span {
 619         color : #909090;
 620         text-decoration : line-through;
 621 }
 622
 623 span.titleWrapH, span.titleWrapH a {
 624         color : #00cc00;
 625 }
 626
 627 span.titleWrapL, span.titleWrapL a {
 628         color : #909090;
 629         text-decoration : line-through;
 630 }
 631
 632 img.hlScorePic {
 633         vertical-align : middle;
 634         width : 16px;
 635         height : 16px;
 636 }
 637
 638 div.dlgSec {
 639         font-size : 12px;
 640         color : gray;
 641         font-weight : bold;
 642         clear : both;
 643         height : 20px;
 644 }
 645
 646 div.dlgSecCont {
 647         position : relative;
 648         left : 150px;
 649         top : -20px;
 650         float : left;
 651         font-size : 12px;
 652         font-weight : normal;
 653 }
 654
 655 div.dlgSecCont hr {
 656         height : 0px;
 657         line-height : 0px;
 658         border : 0px solid transparent;
 659         margin : 2px;
 660 }
 661
 662 div.dlgSecCont > * {
 663         position : relative;
 664         top : -2px;
 665 }
 666
 667 div.dlgButtons {
 668         text-align : right;
 669         clear : both;
 670 }
 671
 672 span.labelColorIndicator {
 673         height : 14px;
 674         width : 14px;
 675         line-height : 14px;
 676         font-size : 9px;
 677         display : inline-block;
 678         border : 1px solid black;
 679         background-color : #fff7d5;
 680         color : #063064;
 681         text-align : center;
 682         margin-right : 2px;
 683 }
 684
 685 span.labelColorIndicator2 {
 686         height : 14px;
 687         width : 14px;
 688         font-size : 9px;
 689         display : inline-block;
 690         border : 1px solid black;
 691         background-color : #fff7d5;
 692         color : #063064;
 693         text-align : center;
 694         margin-right : 2px;
 695         vertical-align : bottom;
 696 }
 697
 698 div#cmdline {
 699         position : absolute;
 700         left : 5px;
 701         bottom : 5px;
 702         font-size : 11px;
 703         color : gray;
 704         font-weight : bold;
 705         background-color : white;
 706         border : 1px solid #88b0f0;
 707         padding : 3px 5px 3px 5px;
 708         z-index : 5;
 709 }
 710
 711 #feed_browser_spinner {
 712         vertical-align : middle;
 713         height : 18px;
 714         width : 18px;
 715 }
 716
 717 div.hlTitle {
 718         display : table-cell;
 719         cursor : pointer;
 720         width : 100%;
 721         vertical-align : middle;
 722         padding-top : 4px;
 723         padding-bottom : 4px;
 724 }
 725
 726 div.hlLeft {
 727         display : table-cell;
 728         vertical-align : middle;
 729         white-space: nowrap;
 730 }
 731
 732 div.hlRight {
 733         display : table-cell;
 734         white-space: nowrap;
 735         text-align : right;
 736         vertical-align : middle;
 737 }
 738
 739 div.hlRight img {
 740         max-width : 16px;
 741         max-height : 16px;
 742 }
 743
 744 span.hlUpdated {
 745         color : gray;
 746         min-width : 100px;
 747         display : table-cell;
 748         width : 100%;
 749         vertical-align : middle;
 750         text-align : right;
 751         font-size : 10px;
 752         font-weight : normal;
 753 }
 754
 755 div.hlLeft {
 756         padding-left : 8px;
 757 }
 758
 759 div.hlLeft input {
 760         margin-left : 4px;
 761         margin-right : 4px;
 762 }
 763
 764 div.hlLeft img, div.hlRight img {
 765         margin : 0px 4px 0px 4px;
 766 }
 767
 768 div.hlLeft img {
 769         width : 16px;
 770         height : 16px;
 771 }
 772
 773 div.fatalError {
 774         margin-bottom : 10px;
 775 }
 776
 777 div.fatalError button {
 778         margin-top : 5px;
 779 }
 780
 781 div.fatalError textarea {
 782         width : 100%;
 783         height : 100px;
 784 }
 785
 786 #main {
 787         border-width : 0px;
 788         margin : 0px;
 789         padding : 0px;
 790 }
 791
 792 #header-wrap {
 793         border-width : 0px;
 794         margin : 0px;
 795         padding : 0px;
 796 }
 797
 798 #content-wrap {
 799         padding : 0px;
 800         border-width : 0px 0px 1px 1px;
 801         border-style : solid;
 802         border-color : #c0c0c0;
 803         margin : 0px;
 804 }
 805
 806 #feeds-holder {
 807         padding : 0px;
 808         border-color : #88b0f0;
 809         border-left-width : 0px;
 810         border-bottom-width : 0px;
 811         border-top-width : 0px;
 812         overflow : auto;
 813 }
 814
 815 #headlines-wrap-inner {
 816         padding : 0px;
 817         margin : 0px;
 818         border-width : 0px;
 819 }
 820
 821 #headlines-frame {
 822         padding : 0px;
 823         border-color : #88b0f0;
 824         border-left-width : 0px;
 825         border-right-width : 0px;
 826         margin-top : 0px;
 827         border-top-width : 0px;
 828 }
 829
 830 #headlines-toolbar_splitter, #toolbar_splitter {
 831         display : none;
 832 }
 833
 834 #toolbar {
 835         padding : 0px;
 836         margin : 0px;
 837         border-width : 0px;
 838         white-space: nowrap;
 839         font-size : 11px;
 840 }
 841
 842 #header {
 843         border-width : 0px;
 844         text-align : right;
 845         color : gray;
 846         padding : 5px 5px 0px 0px;
 847         margin : 0px;
 848         position : absolute;
 849         right : 0px;
 850         top : 0px;
 851         z-index : 5;
 852 }
 853
 854 #footer {
 855         text-align : center;
 856         color : gray;
 857         padding : 4px 4px 8px 4px;
 858         border-width : 0px;
 859 }
 860
 861 #content-insert {
 862         padding : 0px;
 863         border-color : #88b0f0;
 864         border-bottom-width : 0px;
 865         border-right-width : 0px;
 866         border-left-width : 0px;
 867         overflow : auto;
 868 }
 869
 870 .dijitTreeLabel.Unread {
 871         font-weight : bold;
 872 }
 873
 874 .feedParam {
 875         color : gray;
 876         float : right;
 877         margin-right : 1em;
 878 }
 879
 880 .dijitTreeLabel.Disabled, .labelParam.Disabled {
 881         color : gray;
 882 }
 883
 884 .dijitTreeRow.Error {
 885         color : red;
 886 }
 887
 888 .dijitTreeRow.Hidden {
 889         display : none;
 890 }
 891
 892 img.feedIcon, img.tinyFeedIcon {
 893         width : 16px;
 894         height : 16px;
 895         vertical-align : middle;
 896 }
 897
 898 .dijitDialog .dijitToolbar {
 899         border : 1px solid #c0c0c0;
 900 }
 901
 902 .player {
 903         display : inline-block;
 904         color : gray;
 905         font-size : 11px;
 906         font-family : sans-serif;
 907         border : 1px solid gray;
 908         padding : 0px 4px 0px 4px;
 909         margin : 0px 2px 0px 2px;
 910         width : 50px;
 911         text-align : center;
 912         background : white;
 913 }
 914
 915 .player.playing {
 916         color : #00c000;
 917         border-color : #00c000;
 918 }
 919
 920 .player:hover {
 921         background : #f0f0f0;
 922         cursor : pointer;
 923 }
 924
 925 #headlines-spacer {
 926         height : 100%;
 927         margin-left : 1px;
 928         text-align : center;
 929         padding : 1em;
 930         color : gray;
 931 }
 932
 933 div.dialogNotice {
 934         margin-bottom : 5px;
 935         color : gray;
 936 }
 937
 938 ul#filterDlg_Matches, ul#filterDlg_Actions {
 939         max-height : 100px;
 940         overflow : auto;
 941         list-style-type : none;
 942         border-style : solid;
 943         border-color : #c0c0c0;
 944         border-width : 0px 1px 1px 1px;
 945         background-color : #ecf4ff;
 946         margin : 0px 0px 5px 0px;
 947         padding : 0px;
 948 }
 949
 950 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 951         cursor : pointer;
 952         padding : 0px 0px 0px 5px;
 953 }
 954
 955 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
 956         margin-right : 5px;
 957 }
 958
 959 ul.helpKbList {
 960         max-height : 300px;
 961         overflow : auto;
 962         list-style-type : none;
 963         border : 1px solid #c0c0c0;
 964         background-color : #ecf4ff;
 965         margin : 0px 0px 5px 0px;
 966         padding : 5px;
 967 }
 968
 969 ul.helpKbList span.hksequence {
 970         width : 6em;
 971         margin-left : 20px;
 972         color : #88b0f0;
 973         font-weight : bold;
 974         display : inline-block;
 975 }
 976
 977 ul.helpKbList h2 {
 978         margin-top : 0px;
 979 }
 980
 981 .dijitTreeNode .loadingNode {
 982         margin-left : 3px;
 983 }
 984
 985 span.collapseBtn {
 986         cursor : pointer;
 987 }
 988
 989 div.postContent p {
 990         max-width : 650px;
 991 }
 992
 993 div.postContent iframe {
 994         min-width : 50%;
 995 }
 996
 997 div.postHeader span.author {
 998         color : gray;
 999         font-size : 11px;
1000         font-weight : normal;
1001 }
1002
1003 body#ttrssZoom {
1004         margin-left : auto;
1005         margin-right : auto;
1006         max-width : 800px;
1007         background : #f0f0f0;
1008 }
1009
1010 body#ttrssZoom div.postContent p {
1011         max-width : 650px;
1012 }
1013
1014 body#ttrssZoom div.postReply {
1015         border : 1px solid #ccc;
1016         margin : 20px;
1017         box-shadow : 0px 0px 3px #ccc;
1018 }
1019
1020 body#ttrssZoom div.postContent, body#ttrssZoom div.postHeader {
1021         background-color : white;
1022 }
1023
1024 body#ttrssZoom div.footer {
1025         margin-top : 1em;
1026         text-align : center;
1027 }
1028
1029