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