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