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