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