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: "Helvetica Neue", Helvetica, Arial, sans-serif;
   7         font-size: 14px;
   8 }
   9
  10 html, body#ttrssMain, body#ttrssPrefs, #main {
  11         width: 100%;
  12         height: 100%;
  13         border: 0;
  14         padding: 0;
  15         margin: 0;
  16 }
  17
  18
  19 body#ttrssPrefs {
  20         background-color : #ecf4ff;
  21 }
  22
  23 body#ttrssPrefs #footer, body#ttrssPrefs #header {
  24         background-color : #ecf4ff;
  25         padding-left : 8px;
  26         padding-right : 8px;
  27 }
  28
  29 div.postReply {
  30         padding : 0px;
  31 }
  32
  33 div.postReply a {
  34         color : #4684ff;
  35 }
  36
  37 div.postReply a:hover {
  38         color : black;
  39 }
  40
  41 div.postReply div.postHeader {
  42         border-width : 0px 0px 1px 0px;
  43         border-style : solid;
  44         border-color : #c0c0c0;
  45         background : #fafafa;
  46         box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
  47         padding : 5px;
  48         color : #909090;
  49 }
  50
  51 div.postReply div.postTitle {
  52         overflow : hidden;
  53         text-overflow: ellipsis;
  54         white-space : nowrap;
  55 }
  56
  57 div.postReply div.postDate {
  58         padding-left : 10px;
  59 }
  60
  61 div.postReply div.postContent {
  62         padding : 10px;
  63 }
  64
  65 div.postReply div.postContent img {
  66         border-width : 0px;
  67         max-width : 98%;
  68         height: auto;
  69 }
  70
  71 div.postReply div.postEnclosures {
  72         margin-top : 1em;
  73         color : gray;
  74 }
  75
  76 div.postReply img.tagsPic {
  77         width : 16px;
  78         height : 16px;
  79         margin-left : 4px;
  80         vertical-align : middle;
  81 }
  82
  83 div.articleNote {
  84         background-color : #fff7d5;
  85         padding : 5px;
  86         border-radius : 4px;
  87         margin : 5px;
  88         border-style : solid;
  89         border-color : #e7d796;
  90         border-width : 1px;
  91         box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
  92         background-color : #fff7d5;
  93         color : #9a8c59;
  94 }
  95
  96 div.articleNote div.noteEdit {
  97         float : right;
  98         cursor : pointer;
  99 }
 100
 101 div.postReply span.author {
 102         font-size : 12px;
 103 }
 104
 105 h1 {
 106         font-size : 18px;
 107 }
 108
 109 h2 {
 110         font-size : 16px;
 111         font-weight : bold;
 112         border-width : 0px 0px 1px 0px;
 113         border-style : solid;
 114         border-color : #ecf4ff;
 115 }
 116
 117 h3 {
 118         font-size : 12px;
 119         font-weight : bold;
 120         border-width : 0px 0px 1px 0px;
 121         border-style : solid;
 122         border-color : #ecf4ff;
 123 }
 124
 125 hr {
 126         border-width : 0px 0px 1px 0px;
 127         border-style : solid;
 128         border-color : #c0c0c0;
 129         max-width : 90%;
 130 }
 131
 132 a {
 133         color : black;
 134         text-decoration : none;
 135 }
 136
 137 a:hover {
 138         color : #4684ff;
 139 }
 140
 141 #piggie {
 142         z-index : 999;
 143         position : absolute;
 144 }
 145
 146 #notify {
 147         bottom : 10px;
 148         right : 10px;
 149         border-width : 1px;
 150         border-style : solid;
 151         position : absolute;
 152         font-size : 12px;
 153         z-index : 99;
 154         max-width : 200px;
 155         min-width : 100px;
 156         padding : 5px;
 157         -width : 200px;
 158         box-shadow : 0px 0px 2px rgba(0,0,0,0.2);
 159 }
 160
 161 #notify img {
 162         vertical-align : middle;
 163         max-height : 14px;
 164 }
 165
 166 #notify span.msg {
 167         width : 100%;
 168 }
 169
 170 #notify span.close {
 171         text-align : right;
 172 }
 173
 174 #notify span {
 175         display : table-cell;
 176         vertical-align : middle;
 177         padding : 4px;
 178 }
 179
 180 .notify {
 181         border-color : #d7c47a;
 182         background-color : #fff7d5;
 183 }
 184
 185 .notify.progress {
 186         border-color : #d7c47a;
 187         background-color : #fff7d5;
 188 }
 189
 190 .notify.info {
 191         border-color : #88b0f0;
 192         background-color : #ecf4ff;
 193 }
 194
 195 .notify.error {
 196         background-color : #ffcccc;
 197         border-color : #ff0000;
 198 }
 199
 200 .hl div.hlTitle a {
 201         font-weight : bold;
 202         color : gray;
 203 }
 204
 205 .hl.Unread div.hlTitle a {
 206         color : black;
 207 }
 208
 209 .hl.active {
 210         box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
 211 }
 212
 213 .hl.active div.hlTitle a {
 214         color : #4684ff;
 215 }
 216
 217 .hl.Grayed {
 218         color : #909090;
 219 }
 220
 221 #headlines-frame div.hl:nth-child(even) {
 222         background : #f0f0f0;
 223 }
 224
 225 #headlines-frame.normal {
 226         font-size : 13px;
 227 }
 228
 229 .hl {
 230         border-width : 0px 0px 1px 0px;
 231         border-style : solid;
 232         border-color : #c0c0c0;
 233 }
 234
 235 .hl.active {
 236         background : #ecf4ff ! important;
 237 }
 238
 239 div.filterTestHolder {
 240         height : 300px;
 241         overflow : auto;
 242         border-color : #c0c0c0;
 243         border-style : solid;
 244         margin : 0px 0px 5px 0px;
 245         background-color : #ecf4ff;
 246         border-width : 1px 1px 1px 1px;
 247 }
 248
 249
 250 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 251         margin : 5px 0px 5px 0px;
 252         padding : 10px;
 253         color : gray;
 254         border-width : 0px 0px 0px 3px;
 255         border-color : #c0c0c0;
 256         border-style : solid;
 257         background : #fafafa;
 258 }
 259
 260 #content-insert code, #headlines-frame code, .dijitContentPane code {
 261         color : #009900;
 262         font-family : monospace;
 263         font-size : 12px;
 264 }
 265
 266 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 267         margin : 5px 0px 5px 0px;
 268         padding : 10px;
 269         color : gray;
 270         font-family : monospace;
 271         font-size : 12px;
 272         border-width : 0px;
 273         border-color : #c0c0c0;
 274         border-style : solid;
 275         background : #fafafa;
 276         display : block;
 277         max-width : 98%;
 278         overflow : auto;
 279 }
 280
 281 div.notice, div.warning, div.error {
 282         padding : 4px 10px 4px 4px;
 283         display : inline-block;
 284         margin : 2px 0px 4px 0px;
 285         font-size : 12px;
 286         border-style : solid;
 287         border-color : #ccc;
 288         border-radius : 4px;
 289         border-width : 1px;
 290         box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
 291 }
 292
 293 div.notice div.inner, div.warning div.inner, div.error div.inner {
 294         vertical-align : middle;
 295 }
 296
 297 div.notice {
 298         background : #ecf4ff;
 299         border-color : #88b0f0;
 300 }
 301
 302 div.warning {
 303         background : #fff7d5;
 304         border-color : #e7d796;;
 305 }
 306
 307 div.error {
 308         background : #ffcccc;
 309         border-color : #ff0000;
 310 }
 311
 312 div.warning img, div.notice img, div.error img {
 313         margin-right : 4px;
 314         vertical-align : middle;
 315 }
 316
 317 div.warning span, div.notice span, div.error span {
 318         display : table-cell;
 319         vertical-align : middle;
 320
 321 }
 322
 323 ul.nomarks {
 324         list-style-type : none;
 325         margin : 0px;
 326         padding : 10px;
 327 }
 328
 329 div.prefHelp {
 330         color : gray;
 331         padding : 5px;
 332 }
 333
 334 span.feed_error {
 335         color : red;
 336 }
 337
 338 .insensitive {
 339         color : gray;
 340 }
 341
 342 .insensitive a {
 343         color : #4684ff;
 344 }
 345
 346 .insensitive a:hover {
 347         color : black;
 348 }
 349
 350 div#headlines-toolbar {
 351         border-width : 0px 0px 1px 0px;
 352         background-color : #fcfcfc;
 353         border-color : #c0c0c0;
 354         font-size : 12px;
 355         font-family : "Segoe UI", Tahoma, sans-serif;
 356         color : gray;
 357         padding : 0px;
 358         margin : 0px;
 359         overflow : hidden;
 360         height : 25px;
 361         line-height : 25px;
 362         padding-left : 4px;
 363 }
 364
 365 div#headlines-toolbar .dijitSelect {
 366         font-size : 11px;
 367         position : relative;
 368         top : -2px;
 369 }
 370
 371 div#headlines-toolbar span.r {
 372         float: right;
 373    position: relative;
 374         padding : 0 4px 0px 4px;
 375         text-align : right;
 376 }
 377
 378 div#headlines-toolbar span.r span.error {
 379         color : red;
 380 }
 381
 382 div#headlines-toolbar span.r a {
 383         color : gray;
 384 }
 385
 386 div#headlines-toolbar span.r a:hover {
 387         color : black;
 388 }
 389
 390 span.contentPreview {
 391         color : gray;
 392         font-weight : normal;
 393 }
 394
 395 span.contentPreview:hover {
 396         color : #4684ff;
 397 }
 398
 399 span.hlLabelRef {
 400         background-color : #fff7d5;
 401         font-size : 8px;
 402         color : #063064;
 403         font-weight : normal;
 404         margin-left : 2px;
 405         padding : 1px 4px 1px 4px;
 406         display : inline-block;
 407         vertical-align : middle;
 408         white-space: nowrap;
 409         border-radius : 4px;
 410 }
 411
 412 div.postHeader div.postDate {
 413         text-align : right;
 414         color : gray;
 415         float : right;
 416 }
 417
 418 div.postHeader div {
 419         padding-bottom : 3px;
 420 }
 421
 422 #feedUpdateErrors {
 423         display : none;
 424 }
 425
 426 #allEntryTags {
 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 a.hlFeed {
 435         display : block;
 436         white-space : nowrap;
 437         font-size : 9px;
 438         font-style : italic;
 439         font-weight : normal;
 440         border-radius : 4px;
 441         display : inline-block;
 442         padding : 1px 2px 1px 2px;
 443         margin-bottom : 2px;
 444         margin-top : 2px;
 445         color : gray;
 446 }
 447
 448 a.hlFeed:hover {
 449         color : #4684ff;
 450 }
 451
 452 img.markedPic, img.pubPic {
 453         cursor : pointer;
 454         vertical-align : middle;
 455 }
 456
 457 div.tagCloudContainer {
 458         border : 1px solid #c0c0c0;
 459         background-color : #ecf4ff;
 460         margin : 5px 0px 5px 0px;
 461         padding : 5px;
 462         text-align : center;
 463 }
 464
 465 div.errorExplained {
 466         border : 1px solid #c0c0c0;
 467         background-color : #ecf4ff;
 468         margin : 5px 0px 5px 0px;
 469         padding : 5px;
 470 }
 471
 472 ul.feedErrorsList {
 473         max-height : 300px;
 474         overflow : auto;
 475         list-style-type : none;
 476         border : 1px solid #c0c0c0;
 477         background-color : #ecf4ff;
 478         margin : 0px 0px 5px 0px;
 479         padding : 5px;
 480 }
 481
 482 ul.feedErrorsList em {
 483         color : gray;
 484 }
 485
 486 ul.browseFeedList {
 487         height : 300px;
 488         overflow : auto;
 489         border-width : 0px 1px 1px 1px;
 490         border-color : #c0c0c0;
 491         border-style : solid;
 492         margin : 0px 0px 5px 0px;
 493         background-color : white;
 494         list-style-type : none;
 495         padding : 0px;
 496
 497 }
 498
 499 ul.browseFeedList li {
 500         margin : 0px;
 501         padding : 2px 4px 2px 4px;
 502 }
 503
 504 span.subscribers {
 505         color : #808080;
 506 }
 507
 508 div.subscribers {
 509         color : #808080;
 510         font-size : 12px;
 511         float : right;
 512 }
 513
 514 div.browserDetails {
 515         margin : 5px 5px 5px 5px;
 516         padding : 5px;
 517 }
 518
 519 ul.compact {
 520         list-style-type : none;
 521         margin : 0px;
 522         padding : 0px;
 523 }
 524
 525 ul.compact li {
 526         margin : 0px;
 527         padding : 0px;
 528 }
 529
 530 .noborder {
 531         border-width : 0px;
 532 }
 533
 534 #overlay {
 535         background : white;
 536         left : 0;
 537         top : 0;
 538         height : 100%;
 539         width : 100%;
 540         z-index : 100;
 541         position : absolute;
 542 }
 543
 544 #overlay_inner {
 545         font-weight : bold;
 546         margin : 1em;
 547 }
 548
 549 form {
 550         margin : 0px;
 551         padding : 0px;
 552 }
 553
 554 #main_toolbar_form {
 555         margin : 0px;
 556         padding : 0px;
 557         display : table-cell;
 558         white-space : nowrap;
 559         width : 100%;
 560 }
 561
 562 div.loadingPrompt {
 563         padding : 1em;
 564         text-align : center;
 565         font-weight : bold;
 566 }
 567
 568 div.whiteBox {
 569         margin-left : 1px;
 570         text-align : center;
 571         padding : 1em;
 572 }
 573
 574 /* html, body#ttrssMain, #main {
 575         width: 100%;
 576         height: 100%;
 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 }
 758
 759 div.hlLeft {
 760         padding-left : 8px;
 761 }
 762
 763 div.hlLeft input {
 764         margin-left : 4px;
 765         margin-right : 4px;
 766 }
 767
 768 div.hlLeft img, div.hlRight img {
 769         margin : 0px 4px 0px 4px;
 770 }
 771
 772 div.hlLeft img {
 773         width : 16px;
 774         height : 16px;
 775 }
 776
 777 div.fatalError {
 778         margin-bottom : 10px;
 779 }
 780
 781 div.fatalError button {
 782         margin-top : 5px;
 783 }
 784
 785 div.fatalError textarea {
 786         width : 100%;
 787         height : 100px;
 788 }
 789
 790 #ttrssMain #main {
 791         border-width : 0px;
 792         margin : 0px;
 793         padding : 0px;
 794 }
 795
 796 #header-wrap {
 797         border-width : 0px;
 798         margin : 0px;
 799         padding : 0px;
 800 }
 801
 802 #content-wrap {
 803         padding : 0px;
 804         border-width : 0px 0px 0px 1px;
 805         border-style : solid;
 806         border-color : #c0c0c0;
 807         margin : 0px;
 808 }
 809
 810 #feeds-holder {
 811         padding : 0px;
 812         border-color : #c0c0c0;
 813         border-left-width : 0px;
 814         border-bottom-width : 0px;
 815         border-top-width : 0px;
 816         overflow : hidden;
 817         box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
 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 : #c0c0c0;
 829         border-style : solid;
 830         border-width : 0px;
 831         margin-top : 0px;
 832         box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
 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 : 12px;
 845         box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
 846 }
 847
 848 #header {
 849         border-width : 0px;
 850         text-align : right;
 851         color : gray;
 852         padding : 5px 5px 0px 0px;
 853         margin : 0px;
 854         position : absolute;
 855         right : 0px;
 856         top : 0px;
 857         z-index : 5;
 858 }
 859
 860 #footer {
 861         text-align : center;
 862         color : gray;
 863         padding : 4px 4px 8px 4px;
 864         border-width : 0px;
 865 }
 866
 867 #content-insert {
 868         padding : 0px;
 869         border-color : #c0c0c0;
 870         border-bottom-width : 0px;
 871         border-right-width : 0px;
 872         border-left-width : 0px;
 873         line-height: 20px;
 874         overflow : auto;
 875 }
 876
 877 .dijitTreeLabel.Unread {
 878         font-weight : bold;
 879 }
 880
 881 .feedParam {
 882         color : gray;
 883         float : right;
 884         margin-right : 1em;
 885 }
 886
 887 .labelParam {
 888         float : right;
 889         margin-right : 1em;
 890 }
 891
 892 .dijitTreeLabel.Disabled, .labelParam.Disabled {
 893         color : gray;
 894 }
 895
 896 .dijitTreeRow.Error {
 897         color : red;
 898 }
 899
 900 .dijitTreeRow.Hidden {
 901         display : none;
 902 }
 903
 904 img.feedIcon, img.tinyFeedIcon {
 905         width : 16px;
 906         height : 16px;
 907         vertical-align : middle;
 908         display : inline-block;
 909 }
 910
 911 .dijitDialog .dijitToolbar {
 912         border : 1px solid #c0c0c0;
 913 }
 914
 915 .dijitDialog h2 {
 916         margin-top : 0px;
 917         margin-bottom : 4px;
 918         border-width : 0px;
 919 }
 920
 921 .player {
 922         display : inline-block;
 923         color : gray;
 924         font-size : 11px;
 925         font-family : sans-serif;
 926         border : 1px solid gray;
 927         padding : 0px 4px 0px 4px;
 928         margin : 0px 2px 0px 2px;
 929         width : 50px;
 930         text-align : center;
 931         background : white;
 932 }
 933
 934 .player.playing {
 935         color : #00c000;
 936         border-color : #00c000;
 937 }
 938
 939 .player:hover {
 940         background : #f0f0f0;
 941         cursor : pointer;
 942 }
 943
 944 #headlines-spacer {
 945         height : 100%;
 946         margin-left : 1px;
 947         text-align : center;
 948         padding : 1em;
 949         color : gray;
 950 }
 951
 952 ul#filterDlg_Matches, ul#filterDlg_Actions {
 953         max-height : 100px;
 954         overflow : auto;
 955         list-style-type : none;
 956         border-style : solid;
 957         border-color : #c0c0c0;
 958         border-width : 0px 1px 1px 1px;
 959         background-color : #ecf4ff;
 960         margin : 0px 0px 5px 0px;
 961         padding : 0px;
 962 }
 963
 964 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 965         cursor : pointer;
 966         padding : 0px 0px 0px 5px;
 967 }
 968
 969 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
 970         margin-right : 5px;
 971 }
 972
 973 ul.helpKbList {
 974         max-height : 300px;
 975         overflow : auto;
 976         list-style-type : none;
 977         border : 1px solid #c0c0c0;
 978         background-color : #ecf4ff;
 979         margin : 0px 0px 5px 0px;
 980         padding : 5px;
 981 }
 982
 983 ul.helpKbList span.hksequence {
 984         width : 6em;
 985         margin-left : 20px;
 986         color : #88b0f0;
 987         font-weight : bold;
 988         display : inline-block;
 989 }
 990
 991 ul.helpKbList h2 {
 992         margin-top : 0px;
 993 }
 994
 995 .dijitTreeNode .loadingNode {
 996         margin-left : 3px;
 997         height : 9px;
 998 }
 999
1000 span.collapseBtn {
1001         cursor : pointer;
1002 }
1003
1004 div.postContent p {
1005         max-width : 650px;
1006 }
1007
1008 div.postContent iframe {
1009         min-width : 50%;
1010 }
1011
1012 div.postHeader span.author {
1013         color : gray;
1014         font-size : 11px;
1015         font-weight : normal;
1016 }
1017
1018 body#ttrssZoom {
1019         margin-left : auto;
1020         margin-right : auto;
1021         padding : 2em;
1022         max-width : 800px;
1023         background : #f0f0f0;
1024 }
1025
1026 body#ttrssZoom div.postContent p {
1027         max-width : 650px;
1028 }
1029
1030 body#ttrssZoom div.postReply {
1031         border : 1px solid #ccc;
1032         box-shadow : 0px 0px 3px #ccc;
1033 }
1034
1035 body#ttrssZoom div.postContent {
1036         background-color : white;
1037 }
1038
1039 body#ttrssZoom div.footer {
1040         margin-top : 1em;
1041         text-align : center;
1042 }
1043
1044 body#ttrssZoom div.postContent img {
1045         max-width : 650px;
1046         height : auto;
1047 }
1048
1049 select.attachments {
1050         display : block;
1051         margin-top : 10px;
1052         max-width : 120px;
1053 }
1054
1055 div.hl.active {
1056         border-color : #88b0f0;
1057 }
1058
1059 #selected_prompt {
1060         margin-right : 25px;
1061 }
1062
1063 #feedTree .dijitTreeRow {
1064         padding : 2px 0px 2px;
1065         border-width : 1px;
1066         border-color : transparent;
1067 }
1068
1069 #feedTree .dijitTreeNode {
1070         padding : 0px;
1071         border-width : 0px;
1072 }
1073
1074 #feedTree {
1075         height : 100%;
1076         overflow-x : hidden;
1077         font-family : "Segoe UI", Tahoma, sans-serif;
1078 }
1079
1080 #feedTree .counterNode {
1081         font-weight : bold;
1082         display : inline-block;
1083         font-size : 9px;
1084         text-align : center;
1085         border : 1px solid #88b0f0;
1086         color : white;
1087         background : #88b0f0;
1088         border-radius : 4px;
1089         vertical-align : middle;
1090         float : right;
1091         margin-right : 5px;
1092         position : relative;
1093         top : 2px;
1094         min-width : 23px;
1095 }
1096
1097 #feedTree .dijitTreeRow {
1098         max-width: 100%;
1099         overflow: hidden;
1100         text-overflow: ellipsis;
1101 }
1102
1103 body#ttrssPrefs hr {
1104         border-color : #ecf4ff;
1105         max-width : 100%;
1106 }
1107