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