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         box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
 786 }
 787
 788 #headlines-wrap-inner {
 789         padding : 0px;
 790         margin : 0px;
 791         border-width : 0px;
 792 }
 793
 794 #headlines-frame {
 795         padding : 0px;
 796         border-color : #c0c0c0;
 797         border-style : solid;
 798         border-width : 0px;
 799         margin-top : 0px;
 800         /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
 801 }
 802
 803 #headlines-toolbar_splitter, #toolbar_splitter {
 804         display : none;
 805 }
 806
 807 #toolbar {
 808         padding : 0px;
 809         margin : 0px;
 810         border-width : 0px;
 811         white-space: nowrap;
 812         font-size : 12px;
 813         /* box-shadow : 0px 0px 2px rgba(0,0,0,0.1); */
 814 }
 815
 816 #main-toolbar {
 817         background : white;
 818         border-width : 0px;
 819         padding-left : 0px;
 820 }
 821
 822 #header {
 823         border-width : 0px;
 824         text-align : right;
 825         color : #555;
 826         padding : 5px 5px 0px 0px;
 827         margin : 0px;
 828         position : absolute;
 829         right : 0px;
 830         top : 0px;
 831         z-index : 5;
 832 }
 833
 834 #footer {
 835         text-align : center;
 836         color : #555;
 837         padding : 4px 4px 8px 4px;
 838         border-width : 0px;
 839 }
 840
 841 #content-insert {
 842         padding : 0px;
 843         border-color : #eee;
 844         border-bottom-width : 0px;
 845         border-right-width : 0px;
 846         border-left-width : 0px;
 847         line-height: 20px;
 848         overflow : auto;
 849 }
 850
 851 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
 852         font-weight : bold;
 853 }
 854
 855 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
 856         color : red;
 857 }
 858
 859 .dijitTreeLabel {
 860         outline : 0;
 861 }
 862
 863 .feedParam {
 864         color : #555;
 865         float : right;
 866         margin-right : 1em;
 867 }
 868
 869 .labelParam {
 870         float : right;
 871         margin-right : 1em;
 872 }
 873
 874 .dijitTreeLabel.Disabled, .labelParam.Disabled {
 875         color : #555;
 876 }
 877
 878 .dijitTreeRow.Error {
 879         color : red;
 880 }
 881
 882 .dijitTreeRow.Hidden {
 883         display : none;
 884 }
 885
 886 img.feedIcon, img.tinyFeedIcon {
 887         width : 16px;
 888         height : 16px;
 889         line-height : 16px;
 890         vertical-align : middle;
 891         display : inline-block;
 892 }
 893
 894 .dijitToolbar {
 895         text-shadow : 1px 1px 2px #fff;
 896 }
 897
 898 .dijitAccordionTitleFocus {
 899         text-shadow : 1px 1px 2px #fff;
 900 }
 901
 902 .dijitDialog .dijitToolbar {
 903         border : 1px solid #c0c0c0;
 904 }
 905
 906 .dijitDialog h2 {
 907         margin-top : 0px;
 908         margin-bottom : 4px;
 909         border-width : 0px;
 910 }
 911
 912 .player {
 913         display : inline-block;
 914         color : #555;
 915         font-size : 11px;
 916         font-family : sans-serif;
 917         border : 1px solid #555;
 918         padding : 0px 4px 0px 4px;
 919         margin : 0px 2px 0px 2px;
 920         width : 50px;
 921         text-align : center;
 922         background : white;
 923 }
 924
 925 .player.playing {
 926         color : #00c000;
 927         border-color : #00c000;
 928 }
 929
 930 .player:hover {
 931         background : #f0f0f0;
 932         cursor : pointer;
 933 }
 934
 935 #headlines-spacer {
 936         height : 100%;
 937         margin-left : 1px;
 938         text-align : center;
 939         padding : 1em;
 940         color : #555;
 941 }
 942
 943
 944 ul#filterDlg_Matches, ul#filterDlg_Actions {
 945         max-height : 100px;
 946         overflow : auto;
 947         list-style-type : none;
 948         border-style : solid;
 949         border-color : #c0c0c0;
 950         border-width : 0px 1px 1px 1px;
 951         background-color : #ecf4ff;
 952         margin : 0px 0px 5px 0px;
 953         padding : 0px;
 954         /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 955 }
 956
 957 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 958         cursor : pointer;
 959         padding : 0px 0px 0px 5px;
 960 }
 961
 962 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
 963         margin-right : 5px;
 964 }
 965
 966 ul.helpKbList {
 967         max-height : 300px;
 968         overflow : auto;
 969         list-style-type : none;
 970         border : 1px solid #c0c0c0;
 971         background-color : #ecf4ff;
 972         margin : 0px 0px 5px 0px;
 973         padding : 5px;
 974         /* border-radius : 4px; */
 975         /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 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         -webkit-hyphens: auto;
1002         -moz-hyphens: auto;
1003         hyphens: auto;
1004 }
1005
1006 div.postContent iframe {
1007         min-width : 50%;
1008 }
1009
1010 div.postHeader span.author {
1011         color : #555;
1012         font-size : 11px;
1013         font-weight : normal;
1014 }
1015
1016 body#ttrssZoom {
1017         margin-left : auto;
1018         margin-right : auto;
1019         padding : 20px;
1020         max-width : 670px;
1021         background : #f9fbff;
1022 }
1023
1024 body#ttrssZoom div.postHeader div.postFeedTitle {
1025         float : left;
1026         text-align : right;
1027         padding-left : 0px;
1028         font-size : 10px;
1029 }
1030
1031 body#ttrssZoom div.postHeader a.postComments {
1032         text-align : right;
1033         padding-left : 0px;
1034         font-size : 10px;
1035 }
1036
1037 body#ttrssZoom div.postHeader div.postDate {
1038         float : none;
1039         text-align : right;
1040         padding-left : 0px;
1041         color : #777;
1042         font-size : 10px;
1043 }
1044
1045 body#ttrssZoom div.postHeader div.postTags {
1046         color : #777;
1047         font-size : 10px;
1048 }
1049
1050 body#ttrssZoom div.postHeader div.postTitle {
1051         white-space : normal;
1052 }
1053
1054 body#ttrssZoom div.postContent p {
1055         max-width : 650px;
1056         -webkit-hyphens: auto;
1057         -moz-hyphens: auto;
1058         hyphens: auto;
1059 }
1060
1061 body#ttrssZoom div.postHeader {
1062         margin : 10px;
1063         border : 1px solid #ccc;
1064         /* box-shadow : none; */
1065         /* border-radius : 4px; */
1066 }
1067
1068 body#ttrssZoom div.postReply {
1069         border : 1px solid #ccc;
1070         /* border-radius : 4px;
1071         box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
1072         background : white;
1073 }
1074
1075 body#ttrssZoom div.postContent {
1076
1077 }
1078
1079 body#ttrssZoom div.footer {
1080         margin-top : 1em;
1081         text-align : center;
1082 }
1083
1084 body#ttrssZoom div.postContent img {
1085         max-width : 650px;
1086         height : auto;
1087 }
1088
1089 select.attachments {
1090         display : block;
1091         margin-top : 10px;
1092         max-width : 120px;
1093 }
1094
1095 #selected_prompt {
1096         margin-right : 25px;
1097 }
1098
1099 #feedTree img.feedIcon {
1100         position : relative;
1101         top : -2px;
1102 }
1103
1104 body#ttrssMain #feedTree .dijitTreeRow {
1105         padding : 2px 0px 2px;
1106         height : 22px;
1107         border-width : 1px;
1108         border-color : transparent;
1109         color : #333;
1110 }
1111
1112 body#ttrssMain #feedTree .dijitFolderClosed,
1113 body#ttrssMain #feedTree .dijitFolderOpened {
1114         display : none;
1115 }
1116
1117 .dijitTreeNode .dijitCheckBox {
1118         margin-left : 4px;
1119 }
1120
1121 body#ttrssMain #feedTree .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
1122         margin-left : 5px;
1123 }
1124
1125 body#ttrssMain #feedTree .dijitTreeExpando {
1126         margin-top : 0px;
1127         opacity : 0.6;
1128 }
1129
1130 body#ttrssMain #feedTree .dijitTreeNode {
1131         padding : 0px;
1132         border-width : 0px;
1133 }
1134
1135 body#ttrssMain #feedTree {
1136         height : 100%;
1137         overflow-x : hidden;
1138         font-family : "Segoe UI", Tahoma, sans-serif;
1139 }
1140
1141 #feedTree .counterNode.aux {
1142         background : #f0f0f0;
1143         color : #999;
1144         border-color : #f0f0f0;
1145 }
1146
1147 #feedTree .counterNode {
1148         font-weight : bold;
1149         display : inline-block;
1150         font-size : 9px;
1151         text-align : center;
1152         border : 1px solid #88b0f0;
1153         color : white;
1154         background : #88b0f0;
1155         border-radius : 4px;
1156         vertical-align : middle;
1157         float : right;
1158         position : relative;
1159         line-height : 14px;
1160         margin-right : 8px;
1161         margin-top : 3px;
1162         min-width : 23px;
1163         height : 14px;
1164 }
1165
1166 #feedTree .dijitTreeRow {
1167         max-width: 100%;
1168         overflow: hidden;
1169         text-overflow: ellipsis;
1170 }
1171
1172 body#ttrssPrefs hr {
1173         border-color : #ecf4ff;
1174         max-width : 100%;
1175 }
1176
1177 .dijitMenuItemLabel {
1178         font-size : 13px;
1179 }
1180
1181 body#ttrssMain #feedTree .dijitTreeRowSelected {
1182         background : #ecf4ff;
1183         /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
1184 }
1185
1186 body#ttrssMain #feedTree .dijitTreeRowHover {
1187         background : white;
1188 }
1189
1190 body#ttrssMain #feedTree .dijitTreeRowActive {
1191         background-color : transparent;
1192         background-image : none;
1193         border-color : transparent;
1194 }
1195
1196 /* body#ttrssMain .dijitTreeRowHover,
1197 body#ttrssPrefs .dijitTreeRowHover,
1198 body#ttrssMain .dijitTreeRowActive,
1199 body#ttrssPrefs .dijitTreeRowActive {
1200         background-color : transparent;
1201         background-image : none;
1202         border-color : transparent;
1203 } */
1204
1205 body#ttrssMain .dijitTreeRowSelected .dijitTreeLabel,
1206 body#ttrssPrefs .dijitTreeRowSelected .dijitTreeLabel {
1207         color : #4684ff;
1208         font-weight : bold;
1209 }
1210
1211 body#ttrssMain .dijitTreeRowHover .dijitTreeLabel,
1212 body#ttrssPrefs .dijitTreeRowHover .dijitTreeLabel {
1213         color : #4684ff;
1214 }
1215
1216 .dijitTreeRowSelected .dijitTreeLabel {
1217         text-shadow : 1px 1px 2px #fff;
1218 }
1219
1220 #feedTree img[src*='indicator_white.gif'] {
1221         position : relative;
1222         top : -2px;
1223 }
1224
1225 span.highlight {
1226         background-color : #ffff00;
1227         color : #cc90cc;
1228 }
1229
1230 #feedTree .dijitTreeRow .dijitTreeExpando {
1231         background-image: url("../images/treeExpandImages.png");
1232         position : relative;
1233         top : -1px;
1234 }
1235
1236 #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
1237         display : none;
1238 }
1239
1240 div.enclosure_title {
1241
1242 }
1243
1244