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 : #eee;
  28         background : white;
  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 : #ccc;
 112 }
 113
 114 a {
 115         color : #4684ff;
 116         text-decoration : none;
 117 }
 118
 119 a:hover {
 120         color : #88b0f0;
 121 }
 122
 123 #piggie {
 124         z-index : 999;
 125         position : absolute;
 126 }
 127
 128 #notify {
 129         bottom : 10px;
 130         right : 20px;
 131         border-width : 1px;
 132         border-style : solid;
 133         position : absolute;
 134         font-size : 12px;
 135         z-index : 99;
 136         max-width : 200px;
 137         min-width : 100px;
 138         padding : 5px;
 139         -width : 200px;
 140         /* box-shadow : 0px 0px 2px rgba(0,0,0,0.2); */
 141 }
 142
 143 #notify img {
 144         vertical-align : middle;
 145         max-height : 14px;
 146 }
 147
 148 #notify span.msg {
 149         width : 100%;
 150 }
 151
 152 #notify span.close {
 153         text-align : right;
 154 }
 155
 156 #notify span {
 157         display : table-cell;
 158         vertical-align : middle;
 159         padding : 4px;
 160 }
 161
 162 .notify {
 163         border-color : #d7c47a;
 164         background-color : #fff7d5;
 165 }
 166
 167 .notify.progress {
 168         border-color : #d7c47a;
 169         background-color : #fff7d5;
 170 }
 171
 172 .notify.info {
 173         border-color : #88b0f0;
 174         background-color : #ecf4ff;
 175 }
 176
 177 .notify.error {
 178         background-color : #ffcccc;
 179         border-color : #ff0000;
 180 }
 181
 182 .hl div.hlTitle a {
 183         font-weight : bold;
 184         color : #777;
 185 }
 186
 187 .hl.Unread div.hlTitle a {
 188         color : black;
 189 }
 190
 191 .hl.active {
 192         /* box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); */
 193 }
 194
 195 .hl.active div.hlTitle a {
 196         color : #4684ff;
 197         text-shadow : 1px 1px 2px #fff;
 198 }
 199
 200 .hl.Selected {
 201         background : #f9fbff;
 202 }
 203
 204 .hl.Grayed {
 205         color : #909090;
 206 }
 207
 208 /* #headlines-frame div.hl:nth-child(even) {
 209         background : #fafafa;
 210 } */
 211
 212 #headlines-frame.normal {
 213
 214 }
 215
 216 .hl {
 217         border-width : 0px 0px 1px 0px;
 218         border-style : solid;
 219         border-color : #eee;
 220 }
 221
 222 .hl.active {
 223         background : #ecf4ff ! important;
 224 }
 225
 226 div.filterTestHolder {
 227         height : 300px;
 228         overflow : auto;
 229         border-color : #c0c0c0;
 230         border-style : solid;
 231         margin : 0px 0px 5px 0px;
 232         background-color : #ecf4ff;
 233         border-width : 1px;
 234         /* border-radius : 4px; */
 235         /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 236 }
 237
 238
 239 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 240         margin : 5px 0px 5px 0px;
 241         color : #555;
 242         padding-left : 10px;
 243         border-width : 0px 0px 0px 4px;
 244         border-color : #c0c0c0;
 245         border-style : solid;
 246 }
 247
 248 #content-insert code, #headlines-frame code, .dijitContentPane code {
 249         color : #009900;
 250         font-family : monospace;
 251         font-size : 12px;
 252 }
 253
 254 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 255         margin : 5px 0px 5px 0px;
 256         padding : 10px;
 257         color : #555;
 258         font-family : monospace;
 259         font-size : 12px;
 260         border-width : 0px;
 261         border-color : #c0c0c0;
 262         border-style : solid;
 263         background : #fafafa;
 264         display : block;
 265         max-width : 98%;
 266         overflow : auto;
 267 }
 268
 269 div.notice, div.warning, div.error {
 270         padding : 4px 10px 4px 4px;
 271         display : inline-block;
 272         margin : 2px 0px 4px 0px;
 273         font-size : 12px;
 274         border-style : solid;
 275         border-color : #ccc;
 276         /* border-radius : 4px; */
 277         border-width : 1px;
 278         /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 279 }
 280
 281 div.notice div.inner, div.warning div.inner, div.error div.inner {
 282         vertical-align : middle;
 283 }
 284
 285 div.notice {
 286         background : #ecf4ff;
 287         border-color : #88b0f0;
 288 }
 289
 290 div.warning {
 291         background : #fff7d5;
 292         border-color : #e7d796;;
 293 }
 294
 295 div.error {
 296         background : #ffcccc;
 297         border-color : #ff0000;
 298 }
 299
 300 div.warning img, div.notice img, div.error img {
 301         margin : 4px;
 302         vertical-align : middle;
 303 }
 304
 305 div.warning span, div.notice span, div.error span {
 306         display : table-cell;
 307         vertical-align : middle;
 308
 309 }
 310
 311 ul.nomarks {
 312         list-style-type : none;
 313         margin : 0px;
 314         padding : 10px;
 315 }
 316
 317 div.prefHelp {
 318         color : #555;
 319         padding : 5px;
 320 }
 321
 322 .insensitive {
 323         color : #555;
 324 }
 325
 326 div#headlines-toolbar {
 327         border-width : 0px;
 328         font-size : 12px;
 329         font-family : "Segoe UI", Tahoma, sans-serif;
 330         color : #555;
 331         padding : 0px;
 332         margin : 0px;
 333         overflow : hidden;
 334         height : 25px;
 335         line-height : 25px;
 336         padding-left : 4px;
 337         background : #fafafa;
 338 }
 339
 340 div#headlines-toolbar .dijitSelect {
 341         font-size : 11px;
 342         position : relative;
 343         top : -2px;
 344 }
 345
 346 div#headlines-toolbar span.r {
 347         float: right;
 348    position: relative;
 349         padding : 0 4px 0px 4px;
 350         text-align : right;
 351 }
 352
 353 #headlines-toolbar span.r .error a {
 354         color : red;
 355 }
 356
 357 div#headlines-toolbar span.r a {
 358         color : #555;
 359 }
 360
 361 span.contentPreview {
 362         color : #999;
 363         font-weight : normal;
 364         text-shadow : 1px 1px 2px #fff;
 365         font-size : 11px;
 366 }
 367
 368 span.hlLabelRef {
 369         background-color : #fff7d5;
 370         font-size : 8px;
 371         color : #063064;
 372         font-weight : normal;
 373         margin-left : 2px;
 374         padding : 1px 4px 1px 4px;
 375         display : inline-block;
 376         vertical-align : middle;
 377         white-space: nowrap;
 378         border-radius : 4px;
 379 }
 380
 381 div.postHeader div.postDate {
 382         text-align : right;
 383         color : #909090;
 384         float : right;
 385 }
 386
 387 div.postHeader div {
 388         padding-bottom : 3px;
 389 }
 390
 391 #feedUpdateErrors {
 392         display : none;
 393 }
 394
 395 #allEntryTags {
 396         border-width : 0px 0px 1px 0px;
 397         border-style : solid;
 398         border-color : #c0c0c0;
 399         padding-bottom : 5px;
 400         display : none;
 401 }
 402
 403 a.hlFeed {
 404         display : block;
 405         white-space : nowrap;
 406         font-size : 9px;
 407         font-style : italic;
 408         font-weight : normal;
 409         /* border-radius : 4px; */
 410         display : inline-block;
 411         padding : 1px 2px 1px 2px;
 412         margin-bottom : 2px;
 413         margin-top : 2px;
 414         color : #555;
 415 }
 416
 417 a.hlFeed:hover {
 418         color : #4684ff;
 419 }
 420
 421 img.markedPic, img.pubPic {
 422         cursor : pointer;
 423         vertical-align : middle;
 424 }
 425
 426 div.tagCloudContainer {
 427         border : 1px solid #c0c0c0;
 428         background-color : #ecf4ff;
 429         margin : 5px 0px 5px 0px;
 430         padding : 5px;
 431         text-align : center;
 432         /* border-radius : 4px; */
 433         /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 434 }
 435
 436 div.errorExplained {
 437         border : 1px solid #c0c0c0;
 438         background-color : #ecf4ff;
 439         margin : 5px 0px 5px 0px;
 440         padding : 5px;
 441         /* border-radius : 4px; */
 442         /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 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         /* border-radius : 4px; */
 454         /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 455 }
 456
 457 ul.feedErrorsList em {
 458         color : #555;
 459 }
 460
 461 ul.browseFeedList {
 462         height : 300px;
 463         overflow : auto;
 464         border-width : 0px 1px 1px 1px;
 465         border-color : #c0c0c0;
 466         border-style : solid;
 467         margin : 0px 0px 5px 0px;
 468         background-color : white;
 469         list-style-type : none;
 470         padding : 0px;
 471
 472 }
 473
 474 ul.browseFeedList li {
 475         margin : 0px;
 476         padding : 2px 4px 2px 4px;
 477 }
 478
 479 span.subscribers {
 480         color : #808080;
 481 }
 482
 483 div.subscribers {
 484         color : #808080;
 485         font-size : 12px;
 486         float : right;
 487 }
 488
 489 div.browserDetails {
 490         margin : 5px 5px 5px 5px;
 491         padding : 5px;
 492 }
 493
 494 ul.compact {
 495         list-style-type : none;
 496         margin : 0px;
 497         padding : 0px;
 498 }
 499
 500 ul.compact li {
 501         margin : 0px;
 502         padding : 0px;
 503 }
 504
 505 .noborder {
 506         border-width : 0px;
 507 }
 508
 509 #overlay {
 510         background : white;
 511         left : 0;
 512         top : 0;
 513         height : 100%;
 514         width : 100%;
 515         z-index : 100;
 516         position : absolute;
 517 }
 518
 519 #overlay_inner {
 520         font-weight : bold;
 521         margin : 1em;
 522 }
 523
 524 form {
 525         margin : 0px;
 526         padding : 0px;
 527 }
 528
 529 #main_toolbar_form {
 530         margin : 0px;
 531         padding : 0px;
 532         display : table-cell;
 533         white-space : nowrap;
 534         width : 100%;
 535 }
 536
 537 div.loadingPrompt {
 538         padding : 1em;
 539         text-align : center;
 540         font-weight : bold;
 541 }
 542
 543 div.whiteBox {
 544         margin-left : 1px;
 545         text-align : center;
 546         padding : 1em;
 547 }
 548
 549 /* html, body#ttrssMain, #main {
 550         width: 100%;
 551         height: 100%;
 552         padding: 0;
 553         margin: 0;
 554 } */
 555
 556 #toolbar div.actionChooser {
 557         display : table-cell;
 558         text-align : right;
 559         padding-right : 3px;
 560 }
 561
 562 div.autocomplete {
 563         position : absolute;
 564         width : 250px;
 565         background-color : white;
 566         border :1px solid #778899;
 567         margin : 0px;
 568         padding : 0px;
 569 }
 570
 571 div.autocomplete ul {
 572         list-style-type : none;
 573         margin : 0px;
 574         padding : 0px;
 575 }
 576
 577 div.autocomplete ul li.selected {
 578         background-color : #fff7d5;
 579 }
 580
 581 div.autocomplete ul li {
 582         list-style-type : none;
 583         display : block;
 584         margin : 0;
 585         padding : 2px;
 586         height : 32px;
 587         cursor : pointer;
 588 }
 589
 590 .hlTitle {
 591         overflow : hidden;
 592         white-space : nowrap;
 593         max-width : 500px;
 594         text-overflow : ellipsis;
 595 }
 596
 597 div#headlines-frame.wide .hlTitle {
 598         max-width : auto;
 599         overflow : visible;
 600         white-space : normal;
 601 }
 602
 603 .hl a.title.high, span.hlContent.high .contentPreview {
 604         color : #00aa00;
 605 }
 606 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
 607         color : #00dd00;
 608 }
 609
 610 .hl a.title.low, span.hlContent.low .contentPreview,
 611 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
 612         color : #909090;
 613         text-decoration : line-through;
 614 }
 615
 616 img.hlScorePic {
 617         vertical-align : middle;
 618         width : 16px;
 619         height : 16px;
 620 }
 621
 622 div.dlgSec {
 623         font-size : 12px;
 624         color : #555;
 625         font-weight : bold;
 626         clear : both;
 627         height : 20px;
 628 }
 629
 630 div.dlgSecCont {
 631         position : relative;
 632         left : 150px;
 633         top : -20px;
 634         float : left;
 635         font-size : 12px;
 636         font-weight : normal;
 637 }
 638
 639 div.dlgSecCont hr {
 640         height : 0px;
 641         line-height : 0px;
 642         border : 0px solid transparent;
 643         margin : 2px;
 644 }
 645
 646 div.dlgSecCont > * {
 647         position : relative;
 648         top : -2px;
 649 }
 650
 651 div.dlgButtons {
 652         text-align : right;
 653         clear : both;
 654 }
 655
 656 span.labelColorIndicator {
 657         height : 16px;
 658         width : 16px;
 659         border-radius : 4px;
 660         line-height : 14px;
 661         vertical-align : middle;
 662         font-size : 9px;
 663         display : inline-block;
 664         border : 1px solid #ccc;
 665         background-color : #fff7d5;
 666         color : #063064;
 667         text-align : center;
 668         /* box-shadow : 0px 0px 1px 0px rgba(0,0,0,0.1); */
 669 }
 670
 671 div#cmdline {
 672         position : absolute;
 673         left : 5px;
 674         bottom : 5px;
 675         font-size : 11px;
 676         color : #555;
 677         font-weight : bold;
 678         background-color : white;
 679         border : 1px solid #88b0f0;
 680         padding : 3px 5px 3px 5px;
 681         z-index : 5;
 682 }
 683
 684 #feed_browser_spinner {
 685         vertical-align : middle;
 686         height : 18px;
 687         width : 18px;
 688 }
 689
 690 div.hlTitle {
 691         display : table-cell;
 692         cursor : pointer;
 693         width : 100%;
 694         vertical-align : middle;
 695         padding-top : 4px;
 696         padding-bottom : 4px;
 697 }
 698
 699 div.hlLeft {
 700         display : table-cell;
 701         vertical-align : middle;
 702         white-space: nowrap;
 703 }
 704
 705 div.hlRight {
 706         display : table-cell;
 707         white-space: nowrap;
 708         text-align : right;
 709         vertical-align : middle;
 710 }
 711
 712 div.hlRight img {
 713         max-width : 16px;
 714         max-height : 16px;
 715 }
 716
 717 span.hlUpdated {
 718         color : #555;
 719         min-width : 100px;
 720         display : table-cell;
 721         width : 100%;
 722         vertical-align : middle;
 723         text-align : right;
 724         font-size : 10px;
 725 }
 726
 727 div.hlLeft {
 728         padding-left : 8px;
 729 }
 730
 731 div.hlLeft input {
 732         margin-left : 4px;
 733         margin-right : 4px;
 734 }
 735
 736 div.hlLeft img, div.hlRight img {
 737         margin : 0px 4px;
 738 }
 739
 740 div.hlLeft img {
 741         width : 16px;
 742         height : 16px;
 743 }
 744
 745 div.fatalError {
 746         margin-bottom : 10px;
 747 }
 748
 749 div.fatalError button {
 750         margin-top : 5px;
 751 }
 752
 753 div.fatalError textarea {
 754         width : 100%;
 755         height : 100px;
 756 }
 757
 758 #ttrssMain #main {
 759         border-width : 0px;
 760         margin : 0px;
 761         padding : 0px;
 762 }
 763
 764 #header-wrap {
 765         border-width : 0px;
 766         margin : 0px;
 767         padding : 0px;
 768 }
 769
 770 #content-wrap {
 771         padding : 0px;
 772         border-width : 0px 0px 0px 0px;
 773         border-style : solid;
 774         border-color : #c0c0c0;
 775         margin : 0px;
 776 }
 777
 778 #feeds-holder {
 779         padding : 0px;
 780         border-width : 0px 1px 0px 0px;
 781         border-style : solid;
 782         border-color : #eee;
 783         overflow : hidden;
 784         background : #fafafa;
 785 }
 786
 787 #headlines-wrap-inner {
 788         padding : 0px;
 789         margin : 0px;
 790         border-width : 0px;
 791 }
 792
 793 #headlines-frame {
 794         padding : 0px;
 795         border-color : #c0c0c0;
 796         border-style : solid;
 797         border-width : 0px;
 798         margin-top : 0px;
 799         /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
 800 }
 801
 802 #headlines-toolbar_splitter, #toolbar_splitter {
 803         display : none;
 804 }
 805
 806 #toolbar {
 807         padding : 0px;
 808         margin : 0px;
 809         border-width : 0px;
 810         white-space: nowrap;
 811         font-size : 12px;
 812         /* box-shadow : 0px 0px 2px rgba(0,0,0,0.1); */
 813 }
 814
 815 #main-toolbar {
 816         background : white;
 817         border-width : 0px;
 818         padding-left : 0px;
 819 }
 820
 821 #header {
 822         border-width : 0px;
 823         text-align : right;
 824         color : #555;
 825         padding : 5px 5px 0px 0px;
 826         margin : 0px;
 827         position : absolute;
 828         right : 0px;
 829         top : 0px;
 830         z-index : 5;
 831 }
 832
 833 #footer {
 834         text-align : center;
 835         color : #555;
 836         padding : 4px 4px 8px 4px;
 837         border-width : 0px;
 838 }
 839
 840 #content-insert {
 841         padding : 0px;
 842         border-color : #eee;
 843         border-bottom-width : 0px;
 844         border-right-width : 0px;
 845         border-left-width : 0px;
 846         line-height: 20px;
 847         overflow : auto;
 848 }
 849
 850 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
 851         font-weight : bold;
 852 }
 853
 854 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
 855         color : red;
 856 }
 857
 858 .dijitTreeLabel {
 859         outline : 0;
 860 }
 861
 862 .feedParam {
 863         color : #555;
 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 : #555;
 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         line-height : 16px;
 889         vertical-align : middle;
 890         display : inline-block;
 891 }
 892
 893 .dijitToolbar {
 894         text-shadow : 1px 1px 2px #fff;
 895 }
 896
 897 .dijitAccordionTitleFocus {
 898         text-shadow : 1px 1px 2px #fff;
 899 }
 900
 901 .dijitDialog .dijitToolbar {
 902         border : 1px solid #c0c0c0;
 903 }
 904
 905 .dijitDialog h2 {
 906         margin-top : 0px;
 907         margin-bottom : 4px;
 908         border-width : 0px;
 909 }
 910
 911 .player {
 912         display : inline-block;
 913         color : #555;
 914         font-size : 11px;
 915         font-family : sans-serif;
 916         border : 1px solid #555;
 917         padding : 0px 4px 0px 4px;
 918         margin : 0px 2px 0px 2px;
 919         width : 50px;
 920         text-align : center;
 921         background : white;
 922 }
 923
 924 .player.playing {
 925         color : #00c000;
 926         border-color : #00c000;
 927 }
 928
 929 .player:hover {
 930         background : #f0f0f0;
 931         cursor : pointer;
 932 }
 933
 934 #headlines-spacer {
 935         height : 100%;
 936         margin-left : 1px;
 937         text-align : center;
 938         padding : 1em;
 939         color : #555;
 940 }
 941
 942
 943 ul#filterDlg_Matches, ul#filterDlg_Actions {
 944         max-height : 100px;
 945         overflow : auto;
 946         list-style-type : none;
 947         border-style : solid;
 948         border-color : #c0c0c0;
 949         border-width : 0px 1px 1px 1px;
 950         background-color : #ecf4ff;
 951         margin : 0px 0px 5px 0px;
 952         padding : 0px;
 953         /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 954 }
 955
 956 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 957         cursor : pointer;
 958         padding : 0px 0px 0px 5px;
 959 }
 960
 961 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
 962         margin-right : 5px;
 963 }
 964
 965 ul.helpKbList {
 966         max-height : 300px;
 967         overflow : auto;
 968         list-style-type : none;
 969         border : 1px solid #c0c0c0;
 970         background-color : #ecf4ff;
 971         margin : 0px 0px 5px 0px;
 972         padding : 5px;
 973         /* border-radius : 4px; */
 974         /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 975 }
 976
 977 ul.helpKbList span.hksequence {
 978         width : 6em;
 979         margin-left : 20px;
 980         color : #88b0f0;
 981         font-weight : bold;
 982         display : inline-block;
 983 }
 984
 985 ul.helpKbList h2 {
 986         margin-top : 0px;
 987 }
 988
 989 .dijitTreeNode .loadingNode {
 990         margin-left : 3px;
 991         height : 9px;
 992 }
 993
 994 span.collapseBtn {
 995         cursor : pointer;
 996 }
 997
 998 div.postContent p {
 999         max-width : 650px;
1000         -webkit-hyphens: auto;
1001         -moz-hyphens: auto;
1002         hyphens: auto;
1003 }
1004
1005 div.postContent iframe {
1006         min-width : 50%;
1007 }
1008
1009 div.postHeader span.author {
1010         color : #555;
1011         font-size : 11px;
1012         font-weight : normal;
1013 }
1014
1015 body#ttrssZoom {
1016         margin-left : auto;
1017         margin-right : auto;
1018         padding : 20px;
1019         max-width : 670px;
1020         background : #f9fbff;
1021 }
1022
1023 body#ttrssZoom div.postHeader div.postFeedTitle {
1024         float : left;
1025         text-align : right;
1026         padding-left : 0px;
1027         font-size : 10px;
1028 }
1029
1030 body#ttrssZoom div.postHeader a.postComments {
1031         text-align : right;
1032         padding-left : 0px;
1033         font-size : 10px;
1034 }
1035
1036 body#ttrssZoom div.postHeader div.postDate {
1037         float : none;
1038         text-align : right;
1039         padding-left : 0px;
1040         color : #777;
1041         font-size : 10px;
1042 }
1043
1044 body#ttrssZoom div.postHeader div.postTags {
1045         color : #777;
1046         font-size : 10px;
1047 }
1048
1049 body#ttrssZoom div.postHeader div.postTitle {
1050         white-space : normal;
1051 }
1052
1053 body#ttrssZoom div.postContent p {
1054         max-width : 650px;
1055         -webkit-hyphens: auto;
1056         -moz-hyphens: auto;
1057         hyphens: auto;
1058 }
1059
1060 body#ttrssZoom div.postHeader {
1061         margin : 10px;
1062         border : 1px solid #ccc;
1063         /* box-shadow : none; */
1064         /* border-radius : 4px; */
1065 }
1066
1067 body#ttrssZoom div.postReply {
1068         border : 1px solid #ccc;
1069         /* border-radius : 4px;
1070         box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
1071         background : white;
1072 }
1073
1074 body#ttrssZoom div.postContent {
1075
1076 }
1077
1078 body#ttrssZoom div.footer {
1079         margin-top : 1em;
1080         text-align : center;
1081 }
1082
1083 body#ttrssZoom div.postContent img {
1084         max-width : 650px;
1085         height : auto;
1086 }
1087
1088 select.attachments {
1089         display : block;
1090         margin-top : 10px;
1091         max-width : 120px;
1092 }
1093
1094 #selected_prompt {
1095         margin-right : 25px;
1096 }
1097
1098 #feedTree img.feedIcon {
1099         position : relative;
1100         top : -2px;
1101 }
1102
1103 body#ttrssMain #feedTree .dijitTreeRow {
1104         padding : 2px 0px 2px;
1105         height : 22px;
1106         border-width : 1px;
1107         border-color : transparent;
1108         color : #333;
1109 }
1110
1111 body#ttrssMain #feedTree .dijitFolderClosed,
1112 body#ttrssMain #feedTree .dijitFolderOpened {
1113         display : none;
1114 }
1115
1116 .dijitTreeNode .dijitCheckBox {
1117         margin-left : 4px;
1118 }
1119
1120 body#ttrssMain #feedTree .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
1121         margin-left : 5px;
1122 }
1123
1124 body#ttrssMain #feedTree .dijitTreeExpando {
1125         margin-top : 0px;
1126         opacity : 0.6;
1127 }
1128
1129 body#ttrssMain #feedTree .dijitTreeNode {
1130         padding : 0px;
1131         border-width : 0px;
1132 }
1133
1134 body#ttrssMain #feedTree {
1135         height : 100%;
1136         overflow-x : hidden;
1137         font-family : "Segoe UI", Tahoma, sans-serif;
1138 }
1139
1140 #feedTree .counterNode.aux {
1141         background : #f0f0f0;
1142         color : #999;
1143         border-color : #f0f0f0;
1144 }
1145
1146 #feedTree .counterNode {
1147         font-weight : bold;
1148         display : inline-block;
1149         font-size : 9px;
1150         text-align : center;
1151         border : 1px solid #88b0f0;
1152         color : white;
1153         background : #88b0f0;
1154         border-radius : 4px;
1155         vertical-align : middle;
1156         float : right;
1157         position : relative;
1158         line-height : 14px;
1159         margin-right : 8px;
1160         margin-top : 3px;
1161         min-width : 23px;
1162         height : 14px;
1163 }
1164
1165 #feedTree .dijitTreeRow {
1166         max-width: 100%;
1167         overflow: hidden;
1168         text-overflow: ellipsis;
1169 }
1170
1171 body#ttrssPrefs hr {
1172         border-color : #ecf4ff;
1173         max-width : 100%;
1174 }
1175
1176 .dijitMenuItemLabel {
1177         font-size : 13px;
1178 }
1179
1180 body#ttrssMain #feedTree .dijitTreeRowSelected {
1181         background : #ecf4ff;
1182         /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
1183 }
1184
1185 body#ttrssMain #feedTree .dijitTreeRowHover {
1186         background : white;
1187 }
1188
1189 body#ttrssMain #feedTree .dijitTreeRowActive {
1190         background-color : transparent;
1191         background-image : none;
1192         border-color : transparent;
1193 }
1194
1195 /* body#ttrssMain .dijitTreeRowHover,
1196 body#ttrssPrefs .dijitTreeRowHover,
1197 body#ttrssMain .dijitTreeRowActive,
1198 body#ttrssPrefs .dijitTreeRowActive {
1199         background-color : transparent;
1200         background-image : none;
1201         border-color : transparent;
1202 } */
1203
1204 body#ttrssMain .dijitTreeRowSelected .dijitTreeLabel,
1205 body#ttrssPrefs .dijitTreeRowSelected .dijitTreeLabel {
1206         color : #4684ff;
1207         font-weight : bold;
1208 }
1209
1210 body#ttrssMain .dijitTreeRowHover .dijitTreeLabel,
1211 body#ttrssPrefs .dijitTreeRowHover .dijitTreeLabel {
1212         color : #4684ff;
1213 }
1214
1215 .dijitTreeRowSelected .dijitTreeLabel {
1216         text-shadow : 1px 1px 2px #fff;
1217 }
1218
1219 #feedTree img[src*='indicator_white.gif'] {
1220         position : relative;
1221         top : -2px;
1222 }
1223
1224 span.highlight {
1225         background-color : #ffff00;
1226         color : #cc90cc;
1227 }
1228
1229 body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpando {
1230         background-image: url("../images/treeExpandImages.png");
1231         position : relative;
1232         top : -1px;
1233 }
1234
1235 body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
1236         display : none;
1237 }
1238
1239 div.enclosure_title {
1240
1241 }
1242
1243