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 : 25px;
 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 .hl.Selected {
 180         background-color : #fff7d5;
 181 }
 182
 183 .hl.Unread div.hlTitle {
 184         font-weight : bold;
 185 }
 186
 187 .hl.even.Unread.Selected {
 188         background : #fff7d5;
 189         border-width : 0px 0px 1px 0px;
 190         border-style : solid;
 191         border-color : #e7d796;
 192 }
 193
 194 .hl.odd.Unread.Selected {
 195         background : #fff7d5;
 196         border-width : 0px 0px 1px 0px;
 197         border-style : solid;
 198         border-color : #e7d796;
 199 }
 200
 201 .hl.even.Selected {
 202         background : #fff7d5;
 203         border-width : 0px 0px 1px 0px;
 204         border-style : solid;
 205         border-color : #e7d796;
 206         border-collapse : collapse;
 207 }
 208
 209 .hl.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 .hl.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 .hl.odd.Grayed {
 227         color : #909090;
 228 }
 229
 230 .hl.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 .hl.odd {
 239         border-width : 0px 0px 1px 0px;
 240         border-style : solid;
 241         border-color : #c0c0c0;
 242         border-collapse : collapse;
 243 }
 244
 245 .hl.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 .hl.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 4px 0px;
 303         font-size : 12px;
 304         box-shadow : 0px 0px 2px #ccc;
 305 }
 306
 307 div.notice div.inner, div.warning div.inner, div.error div.inner {
 308         vertical-align : middle;
 309 }
 310
 311 div.notice {
 312         background : #ecf4ff;
 313 }
 314
 315 div.warning {
 316         background : #fff7d5;
 317 }
 318
 319 div.error {
 320         background : #ffcccc;
 321 }
 322
 323 div.warning img, div.notice img, div.error img {
 324         margin-right : 4px;
 325         float : left;
 326         vertical-align : middle;
 327 }
 328
 329 ul.nomarks {
 330         list-style-type : none;
 331         margin : 0px;
 332         padding : 10px;
 333 }
 334
 335 div.prefHelp {
 336         color : gray;
 337         padding : 5px;
 338 }
 339
 340 span.feed_error {
 341         color : red;
 342 }
 343
 344 .insensitive {
 345         color : gray;
 346 }
 347
 348 .insensitive a {
 349         color : #4684ff;
 350 }
 351
 352 .insensitive a:hover {
 353         color : black;
 354 }
 355
 356 div#headlines-toolbar {
 357         border-width : 0px 0px 1px 0px;
 358         background-color : #f0f0f0;
 359         border-color : #c0c0c0;
 360         font-size : 11px;
 361         font-family : "Segoe UI", Tahoma, sans-serif;
 362         color : gray;
 363         padding : 0px;
 364         margin : 0px;
 365         overflow : hidden;
 366         height : 25px;
 367         line-height : 25px;
 368         padding-left : 4px;
 369 }
 370
 371 div#headlines-toolbar .dijitSelect {
 372         font-size : 11px;
 373         position : relative;
 374         top : -2px;
 375 }
 376
 377 div#headlines-toolbar span.r {
 378         float: right;
 379    position: relative;
 380         padding : 0 4px 0px 4px;
 381         text-align : right;
 382 }
 383
 384 div#headlines-toolbar span.r span.error {
 385         color : red;
 386 }
 387
 388 div#headlines-toolbar span.r a {
 389         color : gray;
 390 }
 391
 392 div#headlines-toolbar span.r a:hover {
 393         color : black;
 394 }
 395
 396 span.contentPreview {
 397         color : gray;
 398         font-weight : normal;
 399 }
 400
 401 span.contentPreview:hover {
 402         color : #4684ff;
 403 }
 404
 405 span.hlLabelRef {
 406         background-color : #fff7d5;
 407         font-size : 8px;
 408         color : #063064;
 409         font-weight : normal;
 410         margin : 0px 3px 0px 3px;
 411         padding : 0px 4px 0px 4px;
 412         white-space: nowrap;
 413 }
 414
 415 div.postHeader div.postDate {
 416         text-align : right;
 417         color : gray;
 418         float : right;
 419 }
 420
 421 div.postHeader div {
 422         padding-bottom : 3px;
 423         font-size : 12px;
 424 }
 425
 426 #feedUpdateErrors {
 427         display : none;
 428 }
 429
 430 #allEntryTags {
 431         font-size : 12px;
 432         border-width : 0px 0px 1px 0px;
 433         border-style : solid;
 434         border-color : #c0c0c0;
 435         padding-bottom : 5px;
 436         display : none;
 437 }
 438
 439 div.hlFeed, div.hlFeed a {
 440         font-size : 10px;
 441         color : gray;
 442         font-style : italic;
 443         font-weight : normal;
 444         white-space: nowrap;
 445 }
 446
 447 div.hlFeed a:hover {
 448         color : #4684ff;
 449 }
 450
 451 img.markedPic {
 452         cursor : pointer;
 453         vertical-align : middle;
 454 }
 455
 456 div.tagCloudContainer {
 457         border : 1px solid #c0c0c0;
 458         background-color : #ecf4ff;
 459         margin : 5px 0px 5px 0px;
 460         padding : 5px;
 461         text-align : center;
 462 }
 463
 464 div.errorExplained {
 465         border : 1px solid #c0c0c0;
 466         background-color : #ecf4ff;
 467         margin : 5px 0px 5px 0px;
 468         padding : 5px;
 469 }
 470
 471 ul.feedErrorsList {
 472         max-height : 300px;
 473         overflow : auto;
 474         list-style-type : none;
 475         border : 1px solid #c0c0c0;
 476         background-color : #ecf4ff;
 477         margin : 0px 0px 5px 0px;
 478         padding : 5px;
 479 }
 480
 481 ul.feedErrorsList em {
 482         color : gray;
 483 }
 484
 485 ul.browseFeedList {
 486         height : 300px;
 487         overflow : auto;
 488         border-width : 0px 1px 1px 1px;
 489         border-color : #c0c0c0;
 490         border-style : solid;
 491         margin : 0px 0px 5px 0px;
 492         background-color : white;
 493         list-style-type : none;
 494         padding : 0px;
 495
 496 }
 497
 498 ul.browseFeedList li {
 499         margin : 0px;
 500         padding : 2px 4px 2px 4px;
 501 }
 502
 503 span.subscribers {
 504         color : #808080;
 505 }
 506
 507 div.subscribers {
 508         color : #808080;
 509         font-size : 12px;
 510         float : right;
 511 }
 512
 513 div.browserDetails {
 514         margin : 5px 5px 5px 5px;
 515         padding : 5px;
 516 }
 517
 518 ul.compact {
 519         list-style-type : none;
 520         margin : 0px;
 521         padding : 0px;
 522 }
 523
 524 ul.compact li {
 525         margin : 0px;
 526         padding : 0px;
 527 }
 528
 529 .noborder {
 530         border-width : 0px;
 531 }
 532
 533 #overlay {
 534         background : white;
 535         left : 0;
 536         top : 0;
 537         height : 100%;
 538         width : 100%;
 539         z-index : 100;
 540         position : absolute;
 541 }
 542
 543 #overlay_inner {
 544         font-weight : bold;
 545         margin : 1em;
 546 }
 547
 548 form {
 549         margin : 0px;
 550         padding : 0px;
 551 }
 552
 553 #main_toolbar_form {
 554         margin : 0px;
 555         padding : 0px;
 556         display : table-cell;
 557         white-space : nowrap;
 558         width : 100%;
 559 }
 560
 561 div.loadingPrompt {
 562         padding : 1em;
 563         text-align : center;
 564         font-weight : bold;
 565 }
 566
 567 div.whiteBox {
 568         margin-left : 1px;
 569         text-align : center;
 570         padding : 1em;
 571 }
 572
 573 html, body#ttrssMain, #main {
 574         width: 100%;
 575         height: 100%;
 576         border: 0;
 577         padding: 0;
 578         margin: 0;
 579 }
 580
 581 #toolbar div.actionChooser {
 582         display : table-cell;
 583         text-align : right;
 584         padding-right : 3px;
 585 }
 586
 587 div.autocomplete {
 588         position : absolute;
 589         width : 250px;
 590         background-color : white;
 591         border :1px solid #778899;
 592         margin : 0px;
 593         padding : 0px;
 594 }
 595
 596 div.autocomplete ul {
 597         list-style-type : none;
 598         margin : 0px;
 599         padding : 0px;
 600 }
 601
 602 div.autocomplete ul li.selected {
 603         background-color : #fff7d5;
 604 }
 605
 606 div.autocomplete ul li {
 607         list-style-type : none;
 608         display : block;
 609         margin : 0;
 610         padding : 2px;
 611         height : 32px;
 612         cursor : pointer;
 613 }
 614
 615 a.visibleLink {
 616         color : #4684ff;
 617 }
 618
 619 .hlContentH a, .hlContentH span {
 620         color : #00cc00;
 621 }
 622
 623 .hlContentL a, .hlContentL span {
 624         color : #909090;
 625         text-decoration : line-through;
 626 }
 627
 628 span.titleWrapH, span.titleWrapH a {
 629         color : #00cc00;
 630 }
 631
 632 span.titleWrapL, span.titleWrapL a {
 633         color : #909090;
 634         text-decoration : line-through;
 635 }
 636
 637 img.hlScorePic {
 638         vertical-align : middle;
 639         width : 16px;
 640         height : 16px;
 641 }
 642
 643 div.dlgSec {
 644         font-size : 12px;
 645         color : gray;
 646         font-weight : bold;
 647         clear : both;
 648         height : 20px;
 649 }
 650
 651 div.dlgSecCont {
 652         position : relative;
 653         left : 150px;
 654         top : -20px;
 655         float : left;
 656         font-size : 12px;
 657         font-weight : normal;
 658 }
 659
 660 div.dlgSecCont hr {
 661         height : 0px;
 662         line-height : 0px;
 663         border : 0px solid transparent;
 664         margin : 2px;
 665 }
 666
 667 div.dlgSecCont > * {
 668         position : relative;
 669         top : -2px;
 670 }
 671
 672 div.dlgButtons {
 673         text-align : right;
 674         clear : both;
 675 }
 676
 677 span.labelColorIndicator {
 678         height : 14px;
 679         width : 14px;
 680         line-height : 14px;
 681         font-size : 9px;
 682         display : inline-block;
 683         border : 1px solid black;
 684         background-color : #fff7d5;
 685         color : #063064;
 686         text-align : center;
 687         margin-right : 2px;
 688 }
 689
 690 span.labelColorIndicator2 {
 691         height : 14px;
 692         width : 14px;
 693         font-size : 9px;
 694         display : inline-block;
 695         border : 1px solid black;
 696         background-color : #fff7d5;
 697         color : #063064;
 698         text-align : center;
 699         margin-right : 2px;
 700         vertical-align : bottom;
 701 }
 702
 703 div#cmdline {
 704         position : absolute;
 705         left : 5px;
 706         bottom : 5px;
 707         font-size : 11px;
 708         color : gray;
 709         font-weight : bold;
 710         background-color : white;
 711         border : 1px solid #88b0f0;
 712         padding : 3px 5px 3px 5px;
 713         z-index : 5;
 714 }
 715
 716 #feed_browser_spinner {
 717         vertical-align : middle;
 718         height : 18px;
 719         width : 18px;
 720 }
 721
 722 div.hlTitle {
 723         display : table-cell;
 724         cursor : pointer;
 725         width : 100%;
 726         vertical-align : middle;
 727         padding-top : 4px;
 728         padding-bottom : 4px;
 729 }
 730
 731 div.hlLeft {
 732         display : table-cell;
 733         vertical-align : middle;
 734         white-space: nowrap;
 735 }
 736
 737 div.hlRight {
 738         display : table-cell;
 739         white-space: nowrap;
 740         text-align : right;
 741         vertical-align : middle;
 742 }
 743
 744 div.hlRight img {
 745         max-width : 16px;
 746         max-height : 16px;
 747 }
 748
 749 span.hlUpdated {
 750         color : gray;
 751         min-width : 100px;
 752         display : table-cell;
 753         width : 100%;
 754         vertical-align : middle;
 755         text-align : right;
 756         font-size : 10px;
 757         font-weight : normal;
 758 }
 759
 760 div.hlLeft {
 761         padding-left : 8px;
 762 }
 763
 764 div.hlLeft input {
 765         margin-left : 4px;
 766         margin-right : 4px;
 767 }
 768
 769 div.hlLeft img, div.hlRight img {
 770         margin : 0px 4px 0px 4px;
 771 }
 772
 773 div.hlLeft img {
 774         width : 16px;
 775         height : 16px;
 776 }
 777
 778 div.fatalError {
 779         margin-bottom : 10px;
 780 }
 781
 782 div.fatalError button {
 783         margin-top : 5px;
 784 }
 785
 786 div.fatalError textarea {
 787         width : 100%;
 788         height : 100px;
 789 }
 790
 791 #main {
 792         border-width : 0px;
 793         margin : 0px;
 794         padding : 0px;
 795 }
 796
 797 #header-wrap {
 798         border-width : 0px;
 799         margin : 0px;
 800         padding : 0px;
 801 }
 802
 803 #content-wrap {
 804         padding : 0px;
 805         border-width : 0px 0px 1px 1px;
 806         border-style : solid;
 807         border-color : #c0c0c0;
 808         margin : 0px;
 809 }
 810
 811 #feeds-holder {
 812         padding : 0px;
 813         border-color : #88b0f0;
 814         border-left-width : 0px;
 815         border-bottom-width : 0px;
 816         border-top-width : 0px;
 817         overflow : auto;
 818 }
 819
 820 #headlines-wrap-inner {
 821         padding : 0px;
 822         margin : 0px;
 823         border-width : 0px;
 824 }
 825
 826 #headlines-frame {
 827         padding : 0px;
 828         border-color : #88b0f0;
 829         border-left-width : 0px;
 830         border-right-width : 0px;
 831         margin-top : 0px;
 832         border-top-width : 0px;
 833 }
 834
 835 #headlines-toolbar_splitter, #toolbar_splitter {
 836         display : none;
 837 }
 838
 839 #toolbar {
 840         padding : 0px;
 841         margin : 0px;
 842         border-width : 0px;
 843         white-space: nowrap;
 844         font-size : 11px;
 845 }
 846
 847 #header {
 848         border-width : 0px;
 849         text-align : right;
 850         color : gray;
 851         padding : 5px 5px 0px 0px;
 852         margin : 0px;
 853         position : absolute;
 854         right : 0px;
 855         top : 0px;
 856         z-index : 5;
 857 }
 858
 859 #footer {
 860         text-align : center;
 861         color : gray;
 862         padding : 4px 4px 8px 4px;
 863         border-width : 0px;
 864 }
 865
 866 #content-insert {
 867         padding : 0px;
 868         border-color : #88b0f0;
 869         border-bottom-width : 0px;
 870         border-right-width : 0px;
 871         border-left-width : 0px;
 872         overflow : auto;
 873 }
 874
 875 .dijitTreeLabel.Unread {
 876         font-weight : bold;
 877 }
 878
 879 .feedParam {
 880         color : gray;
 881         float : right;
 882         margin-right : 1em;
 883 }
 884
 885 .dijitTreeLabel.Disabled, .labelParam.Disabled {
 886         color : gray;
 887 }
 888
 889 .dijitTreeRow.Error {
 890         color : red;
 891 }
 892
 893 .dijitTreeRow.Hidden {
 894         display : none;
 895 }
 896
 897 img.feedIcon, img.tinyFeedIcon {
 898         width : 16px;
 899         height : 16px;
 900         vertical-align : middle;
 901 }
 902
 903 .dijitDialog .dijitToolbar {
 904         border : 1px solid #c0c0c0;
 905 }
 906
 907 .dijitDialog h2 {
 908         margin-top : 0px;
 909         margin-bottom : 4px;
 910         border-width : 0px;
 911 }
 912
 913 .player {
 914         display : inline-block;
 915         color : gray;
 916         font-size : 11px;
 917         font-family : sans-serif;
 918         border : 1px solid gray;
 919         padding : 0px 4px 0px 4px;
 920         margin : 0px 2px 0px 2px;
 921         width : 50px;
 922         text-align : center;
 923         background : white;
 924 }
 925
 926 .player.playing {
 927         color : #00c000;
 928         border-color : #00c000;
 929 }
 930
 931 .player:hover {
 932         background : #f0f0f0;
 933         cursor : pointer;
 934 }
 935
 936 #headlines-spacer {
 937         height : 100%;
 938         margin-left : 1px;
 939         text-align : center;
 940         padding : 1em;
 941         color : gray;
 942 }
 943
 944 ul#filterDlg_Matches, ul#filterDlg_Actions {
 945         max-height : 100px;
 946         overflow : auto;
 947         list-style-type : none;
 948         border-style : solid;
 949         border-color : #c0c0c0;
 950         border-width : 0px 1px 1px 1px;
 951         background-color : #ecf4ff;
 952         margin : 0px 0px 5px 0px;
 953         padding : 0px;
 954 }
 955
 956 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 957         cursor : pointer;
 958         padding : 0px 0px 0px 5px;
 959 }
 960
 961 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
 962         margin-right : 5px;
 963 }
 964
 965 ul.helpKbList {
 966         max-height : 300px;
 967         overflow : auto;
 968         list-style-type : none;
 969         border : 1px solid #c0c0c0;
 970         background-color : #ecf4ff;
 971         margin : 0px 0px 5px 0px;
 972         padding : 5px;
 973 }
 974
 975 ul.helpKbList span.hksequence {
 976         width : 6em;
 977         margin-left : 20px;
 978         color : #88b0f0;
 979         font-weight : bold;
 980         display : inline-block;
 981 }
 982
 983 ul.helpKbList h2 {
 984         margin-top : 0px;
 985 }
 986
 987 .dijitTreeNode .loadingNode {
 988         margin-left : 3px;
 989 }
 990
 991 span.collapseBtn {
 992         cursor : pointer;
 993 }
 994
 995 div.postContent p {
 996         max-width : 650px;
 997 }
 998
 999 div.postContent iframe {
1000         min-width : 50%;
1001 }
1002
1003 div.postHeader span.author {
1004         color : gray;
1005         font-size : 11px;
1006         font-weight : normal;
1007 }
1008
1009 body#ttrssZoom {
1010         margin-left : auto;
1011         margin-right : auto;
1012         max-width : 800px;
1013         background : #f0f0f0;
1014 }
1015
1016 body#ttrssZoom div.postContent p {
1017         max-width : 650px;
1018 }
1019
1020 body#ttrssZoom div.postReply {
1021         border : 1px solid #ccc;
1022         margin : 20px;
1023         box-shadow : 0px 0px 3px #ccc;
1024 }
1025
1026 body#ttrssZoom div.postContent, body#ttrssZoom div.postHeader {
1027         background-color : white;
1028 }
1029
1030 body#ttrssZoom div.footer {
1031         margin-top : 1em;
1032         text-align : center;
1033 }
1034
1035 select.attachments {
1036         display : block;
1037 }
1038