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