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 div.postReply {
  11         padding : 0px;
  12 }
  13
  14 div.postReply div.postHeader {
  15         padding : 5px;
  16         margin-right : 4px;
  17         color : #909090;
  18         border-width : 0px 0px 1px 0px;
  19         border-color : #ddd;
  20         border-style : solid;
  21 }
  22
  23 div.postReply div.postTitle {
  24         overflow : hidden;
  25         text-overflow: ellipsis;
  26         white-space : nowrap;
  27         font-weight : 600;
  28         text-rendering: optimizelegibility;
  29         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
  30                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
  31                 Helvetica, Arial, sans-serif;
  32 }
  33
  34 div.postReply div.postDate {
  35         padding-left : 10px;
  36 }
  37
  38 div.postReply div.postContent {
  39         padding : 10px;
  40 }
  41
  42 div.postReply div.postContent img {
  43         border-width : 0px;
  44         max-width : 98%;
  45         height: auto;
  46 }
  47
  48 div.postReply div.postEnclosures {
  49         margin-top : 1em;
  50         color : #555;
  51 }
  52
  53 div.postReply img.tagsPic {
  54         width : 16px;
  55         height : 16px;
  56         margin-left : 4px;
  57         vertical-align : middle;
  58 }
  59
  60 div.articleNote {
  61         background-color : #fff7d5;
  62         padding : 5px;
  63         margin : 5px;
  64         border-style : solid;
  65         border-color : #e7d796;
  66         border-width : 1px;
  67         color : #9a8c59;
  68 }
  69
  70 div.articleNote div.noteEdit {
  71         float : right;
  72         cursor : pointer;
  73 }
  74
  75 div.postReply span.author {
  76         font-size : 12px;
  77 }
  78
  79 h1 {
  80         font-size : 18px;
  81         font-weight : 600;
  82         text-rendering: optimizelegibility;
  83         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
  84                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
  85                 Helvetica, Arial, sans-serif;
  86 }
  87
  88 h2 {
  89         font-size : 16px;
  90         font-weight : 600;
  91         border-width : 0px 0px 1px 0px;
  92         border-style : solid;
  93         border-color : #ecf4ff;
  94         text-rendering: optimizelegibility;
  95         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
  96                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
  97                 Helvetica, Arial, sans-serif;
  98 }
  99
 100 h3 {
 101         font-size : 13px;
 102         border-width : 0px 0px 1px 0px;
 103         border-style : solid;
 104         border-color : #ecf4ff;
 105         font-weight : 600;
 106         text-rendering: optimizelegibility;
 107         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 108                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 109                 Helvetica, Arial, sans-serif;
 110 }
 111
 112 h4 {
 113         font-size : 14px;
 114         font-weight : 600;
 115         text-rendering: optimizelegibility;
 116         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 117                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 118                 Helvetica, Arial, sans-serif;
 119 }
 120
 121 hr {
 122         border-width : 0px 0px 1px 0px;
 123         border-style : solid;
 124         border-color : #ccc;
 125 }
 126
 127 a {
 128         color : #4684ff;
 129         text-decoration : none;
 130 }
 131
 132 a:hover {
 133         color : #88b0f0;
 134 }
 135
 136 #piggie {
 137         z-index : 999;
 138         position : absolute;
 139 }
 140
 141 #notify {
 142         bottom : 10px;
 143         right : 20px;
 144         border-width : 1px;
 145         border-style : solid;
 146         position : absolute;
 147         font-size : 12px;
 148         z-index : 99;
 149         max-width : 200px;
 150         min-width : 100px;
 151         padding : 5px;
 152         -width : 200px;
 153 }
 154
 155 #notify img {
 156         vertical-align : middle;
 157         max-height : 14px;
 158 }
 159
 160 #notify span.msg {
 161         width : 100%;
 162 }
 163
 164 #notify span.close {
 165         text-align : right;
 166 }
 167
 168 #notify span {
 169         display : table-cell;
 170         vertical-align : middle;
 171         padding : 4px;
 172 }
 173
 174 .notify {
 175         border-color : #d7c47a;
 176         background-color : #fff7d5;
 177 }
 178
 179 .notify.progress {
 180         border-color : #d7c47a;
 181         background-color : #fff7d5;
 182 }
 183
 184 .notify.info {
 185         border-color : #88b0f0;
 186         background-color : #ecf4ff;
 187 }
 188
 189 .notify.error {
 190         background-color : #ffcccc;
 191         border-color : #ff0000;
 192 }
 193
 194 .hl div.hlTitle a {
 195         font-weight : 600;
 196         text-rendering: optimizelegibility;
 197         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 198                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 199                 Helvetica, Arial, sans-serif;
 200         color : #777;
 201 }
 202
 203 .hl.Unread div.hlTitle a {
 204         color : black;
 205 }
 206
 207 .hl.active div.hlTitle a {
 208         color : #4684ff;
 209         /* text-shadow : 1px 1px 2px #fff; */
 210 }
 211
 212 .hl.Selected {
 213         background : #f9fbff;
 214 }
 215
 216 .hl.Grayed {
 217         color : #909090;
 218 }
 219
 220 .hl {
 221         border-width : 0px 0px 1px 0px;
 222         border-style : solid;
 223         border-color : #ddd;
 224         padding : 1px;
 225 }
 226
 227 .hl.active {
 228         background : #ecf4ff ! important;
 229 }
 230
 231 div.filterTestHolder {
 232         height : 300px;
 233         overflow : auto;
 234         border-color : #ddd;
 235         border-style : solid;
 236         margin : 0px 0px 5px 0px;
 237         background-color : #f5f5f5;
 238         border-width : 1px;
 239 }
 240
 241
 242 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 243         margin : 5px 0px 5px 0px;
 244         color : #555;
 245         padding-left : 10px;
 246         border-width : 0px 0px 0px 4px;
 247         border-color : #ccc;
 248         border-style : solid;
 249 }
 250
 251 #content-insert code, #headlines-frame code, .dijitContentPane code {
 252         color : #009900;
 253         font-family : monospace;
 254         font-size : 12px;
 255 }
 256
 257 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 258         margin : 5px 0px 5px 0px;
 259         padding : 10px;
 260         color : #555;
 261         font-family : monospace;
 262         font-size : 12px;
 263         border-width : 0px;
 264         border-color : #ccc;
 265         border-style : solid;
 266         background : #f5f5f5;
 267         display : block;
 268         max-width : 98%;
 269         overflow : auto;
 270 }
 271
 272 div.notice, div.warning, div.error {
 273         padding : 4px 10px 4px 4px;
 274         display : inline-block;
 275         margin : 2px 0px 4px 0px;
 276         font-size : 12px;
 277         border-style : solid;
 278         border-color : #ccc;
 279         border-width : 1px;
 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 #main-toolbar > * {
 328         white-space : nowrap;
 329         display : table-cell;
 330         color : #999;
 331 }
 332
 333 #main-toolbar > *,
 334 #main-toolbar table *,
 335 #main-toolbar .actionChooser * {
 336         text-rendering: optimizelegibility;
 337         font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 338                 Helvetica, Arial, sans-serif;
 339         font-size : 12px;
 340
 341 }
 342
 343 #main-toolbar #headlines-toolbar {
 344         padding-right : 4px;
 345         width : 100%;
 346 }
 347
 348 #main-toolbar #headlines-toolbar span.holder {
 349         display : table;
 350         width : 100%;
 351 }
 352
 353 #main-toolbar #headlines-toolbar span.holder > * {
 354         display : table-cell;
 355 }
 356
 357 #main-toolbar #headlines-toolbar .main {
 358         text-align : right;
 359 }
 360
 361 #main-toolbar #headlines-toolbar .main,
 362 #main-toolbar #headlines-toolbar .r {
 363         line-height : 24px;
 364 }
 365
 366 #headlines-toolbar span.r img {
 367         margin-right : 4px;
 368         position : relative;
 369         top : 3px;
 370 }
 371
 372 #headlines-toolbar span.r .error a {
 373         color : red;
 374 }
 375
 376 #main-toolbar #selected_prompt {
 377         font-style : italic;
 378         text-align : right;
 379         margin-right : 4px;
 380 }
 381
 382 span.contentPreview {
 383         color : #999;
 384         font-weight : normal;
 385         font-size : 12px;
 386         padding-left : 4px;
 387 }
 388
 389 span.hlLabelRef {
 390         background-color : #fff7d5;
 391         font-size : 8px;
 392         color : #063064;
 393         font-weight : normal;
 394         margin-left : 2px;
 395         padding : 1px 4px 1px 4px;
 396         display : inline-block;
 397         vertical-align : middle;
 398         white-space: nowrap;
 399         border-radius : 4px;
 400 }
 401
 402 div.postHeader div.postDate {
 403         text-align : right;
 404         color : #909090;
 405         float : right;
 406 }
 407
 408 div.postHeader div {
 409         padding-bottom : 3px;
 410 }
 411
 412 #feedUpdateErrors {
 413         display : none;
 414 }
 415
 416 #allEntryTags {
 417         border-width : 0px 0px 1px 0px;
 418         border-style : solid;
 419         border-color : #ddd;
 420         padding-bottom : 5px;
 421         display : none;
 422 }
 423
 424 img.markedPic, img.pubPic {
 425         cursor : pointer;
 426         vertical-align : middle;
 427         opacity : 0.5;
 428         -webkit-transition : opacity 0.25s;
 429         transition : opacity 0.25s;
 430 }
 431
 432 img.markedPic:hover, img.pubPic:hover {
 433         opacity : 1;
 434 }
 435
 436 img[src*='pub_set.png'], img[src*='mark_set.png'] {
 437         opacity : 1;
 438 }
 439
 440 div.tagCloudContainer {
 441         border : 1px solid #ddd;
 442         background-color : #f5f5f5;
 443         margin : 5px 0px 5px 0px;
 444         padding : 5px;
 445         text-align : center;
 446 }
 447
 448 div.errorExplained {
 449         border : 1px solid #ddd;
 450         background-color : #f5f5f5;
 451         margin : 5px 0px 5px 0px;
 452         padding : 5px;
 453 }
 454
 455 ul.feedErrorsList {
 456         max-height : 300px;
 457         overflow : auto;
 458         list-style-type : none;
 459         border : 1px solid #ddd;
 460         background-color : #f5f5f5;
 461         margin : 0px 0px 5px 0px;
 462         padding : 5px;
 463 }
 464
 465 ul.feedErrorsList em {
 466         color : #555;
 467 }
 468
 469 ul.browseFeedList {
 470         height : 300px;
 471         overflow : auto;
 472         border-width : 0px 1px 1px 1px;
 473         border-color : #ddd;
 474         border-style : solid;
 475         margin : 0px 0px 5px 0px;
 476         background-color : white;
 477         list-style-type : none;
 478         padding : 0px;
 479
 480 }
 481
 482 ul.browseFeedList li {
 483         margin : 0px;
 484         padding : 2px 4px 2px 4px;
 485 }
 486
 487 span.subscribers {
 488         color : #808080;
 489 }
 490
 491 div.subscribers {
 492         color : #808080;
 493         font-size : 12px;
 494         float : right;
 495 }
 496
 497 div.browserDetails {
 498         margin : 5px 5px 5px 5px;
 499         padding : 5px;
 500 }
 501
 502 ul.compact {
 503         list-style-type : none;
 504         margin : 0px;
 505         padding : 0px;
 506 }
 507
 508 ul.compact li {
 509         margin : 0px;
 510         padding : 0px;
 511 }
 512
 513 .noborder {
 514         border-width : 0px;
 515 }
 516
 517 #overlay {
 518         background : white;
 519         left : 0;
 520         top : 0;
 521         height : 100%;
 522         width : 100%;
 523         z-index : 100;
 524         position : absolute;
 525 }
 526
 527 #overlay_inner {
 528         font-weight : bold;
 529         margin : 1em;
 530 }
 531
 532 form {
 533         margin : 0px;
 534         padding : 0px;
 535 }
 536
 537 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 1em 0px 1em;
 547         font-size : 11px;
 548         border-width : 0px 0px 1px 0px;
 549         border-style : solid;
 550         border-color : #ddd;
 551 }
 552
 553 div.autocomplete {
 554         position : absolute;
 555         width : 250px;
 556         background-color : white;
 557         border :1px solid #778899;
 558         margin : 0px;
 559         padding : 0px;
 560 }
 561
 562 div.autocomplete ul {
 563         list-style-type : none;
 564         margin : 0px;
 565         padding : 0px;
 566 }
 567
 568 div.autocomplete ul li.selected {
 569         background-color : #fff7d5;
 570 }
 571
 572 div.autocomplete ul li {
 573         list-style-type : none;
 574         display : block;
 575         margin : 0;
 576         padding : 2px;
 577         height : 32px;
 578         cursor : pointer;
 579 }
 580
 581 .hl .hlTitle {
 582         overflow : hidden;
 583         white-space : nowrap;
 584         max-width : 500px;
 585         text-overflow : ellipsis;
 586         padding-left : 6px;
 587         padding-right : 6px;
 588 }
 589
 590 div#headlines-frame.wide .hlTitle {
 591         max-width : auto;
 592         overflow : visible;
 593         white-space : normal;
 594 }
 595
 596 div#headlines-frame.wide .hl .hlFeed {
 597         display : none;
 598 }
 599
 600 .hl a.title.high, span.hlContent.high .contentPreview {
 601         color : #00aa00;
 602 }
 603 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
 604         color : #00dd00;
 605 }
 606
 607 .hl a.title.low, span.hlContent.low .contentPreview,
 608 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
 609         color : #909090;
 610         text-decoration : line-through;
 611 }
 612
 613 img.hlScorePic {
 614         vertical-align : middle;
 615         width : 16px;
 616         height : 16px;
 617 }
 618
 619 div.dlgSec {
 620         font-size : 12px;
 621         color : #555;
 622         font-weight : bold;
 623         clear : both;
 624         height : 20px;
 625 }
 626
 627 div.dlgSecCont {
 628         position : relative;
 629         left : 150px;
 630         top : -20px;
 631         float : left;
 632         font-size : 12px;
 633         font-weight : normal;
 634 }
 635
 636 div.dlgSecCont hr {
 637         height : 0px;
 638         line-height : 0px;
 639         border : 0px solid transparent;
 640         margin : 2px;
 641 }
 642
 643 div.dlgSecCont > * {
 644         position : relative;
 645         top : -2px;
 646 }
 647
 648 div.dlgButtons {
 649         text-align : right;
 650         clear : both;
 651 }
 652
 653 span.labelColorIndicator {
 654         height : 16px;
 655         width : 16px;
 656         border-radius : 4px;
 657         line-height : 14px;
 658         vertical-align : middle;
 659         font-size : 9px;
 660         display : inline-block;
 661         border : 1px solid #ccc;
 662         background-color : #fff7d5;
 663         color : #063064;
 664         text-align : center;
 665 }
 666
 667 div#cmdline {
 668         position : absolute;
 669         left : 5px;
 670         bottom : 5px;
 671         font-size : 11px;
 672         color : #555;
 673         font-weight : bold;
 674         background-color : white;
 675         border : 1px solid #88b0f0;
 676         padding : 3px 5px 3px 5px;
 677         z-index : 5;
 678 }
 679
 680 #feed_browser_spinner {
 681         vertical-align : middle;
 682         height : 18px;
 683         width : 18px;
 684 }
 685
 686 div.hlTitle {
 687         display : table-cell;
 688         cursor : pointer;
 689         width : 100%;
 690         vertical-align : middle;
 691         padding-top : 4px;
 692         padding-bottom : 4px;
 693 }
 694
 695 div.hlLeft {
 696         display : table-cell;
 697         vertical-align : middle;
 698         white-space: nowrap;
 699 }
 700
 701 div.hlRight {
 702         display : table-cell;
 703         white-space: nowrap;
 704         text-align : right;
 705         vertical-align : middle;
 706 }
 707
 708 div.hlRight img {
 709         max-width : 16px;
 710         max-height : 16px;
 711 }
 712
 713 .hl span.hlFeed {
 714         display : table-cell;
 715         vertical-align : middle;
 716         text-align : right;
 717 }
 718
 719 .hl span.hlFeed a {
 720         border-radius : 4px;
 721         display : inline-block;
 722         padding : 1px 4px 1px 4px;
 723         font-size : 11px;
 724         font-style : italic;
 725         font-weight : normal;
 726         color : #555;
 727         white-space : nowrap;
 728 }
 729
 730 .hl span.hlFeed a:hover {
 731         color : #4684ff;
 732 }
 733
 734 .hl span.hlUpdated {
 735         color : #555;
 736         display : table-cell;
 737         vertical-align : middle;
 738         text-align : right;
 739         font-size : 11px;
 740         white-space : nowrap;
 741         padding-left : 10px;
 742 }
 743
 744 span.hlUpdated div {
 745         display : inline-block;
 746 }
 747
 748 div.hlLeft {
 749         padding-left : 8px;
 750 }
 751
 752 div.hlLeft input {
 753         margin-left : 4px;
 754         margin-right : 4px;
 755 }
 756
 757 div.hlLeft img, div.hlRight img {
 758         margin : 0px 4px;
 759 }
 760
 761 div.hlLeft img {
 762         width : 16px;
 763         height : 16px;
 764 }
 765
 766 div.fatalError {
 767         margin-bottom : 10px;
 768 }
 769
 770 div.fatalError button {
 771         margin-top : 5px;
 772 }
 773
 774 div.fatalError textarea {
 775         width : 100%;
 776         height : 100px;
 777 }
 778
 779 #ttrssMain #main {
 780         border-width : 0px;
 781         margin : 0px;
 782         padding : 0px;
 783 }
 784
 785 #header-wrap {
 786         border-width : 0px;
 787         margin : 0px;
 788         padding : 0px;
 789 }
 790
 791 #content-wrap {
 792         padding : 0px;
 793         border-width : 0px;
 794         margin : 0px;
 795 }
 796
 797 #feeds-holder {
 798         padding : 0px;
 799         border-width : 0px 1px 0px 0px;
 800         border-style : solid;
 801         border-color : #ddd;
 802         overflow : hidden;
 803         background : #f5f5f5;
 804         box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
 805         -webkit-overflow-scrolling : touch;
 806 }
 807
 808 #headlines-wrap-inner {
 809         padding : 0px;
 810         margin : 0px;
 811         border-width : 0px;
 812 }
 813
 814 #headlines-frame {
 815         padding : 0px;
 816         border-width : 0px;
 817         border-color : #ddd;
 818         margin-top : 0px;
 819         -webkit-overflow-scrolling : touch;
 820 }
 821
 822 #headlines-toolbar_splitter, #toolbar_splitter {
 823         display : none;
 824 }
 825
 826 #toolbar {
 827         padding : 0px;
 828         margin : 0px;
 829         border-width : 0px;
 830         white-space: nowrap;
 831         font-size : 12px;
 832 }
 833
 834 #main-toolbar {
 835         background : white;
 836         border-width : 0px 0px 1px 0px;
 837         border-color : #ddd;
 838         border-style : solid;
 839         padding-left : 4px;
 840         height : 26px;
 841
 842 }
 843
 844 #header {
 845         border-width : 0px;
 846         text-align : right;
 847         color : #555;
 848         padding : 5px 5px 0px 0px;
 849         margin : 0px;
 850         position : absolute;
 851         right : 0px;
 852         top : 0px;
 853         z-index : 5;
 854 }
 855
 856 #footer {
 857         text-align : center;
 858         color : #555;
 859         padding : 4px 4px 8px 4px;
 860         border-width : 0px;
 861 }
 862
 863 #content-insert {
 864         padding : 0px;
 865         border-color : #ddd;
 866         border-width : 0px;
 867         line-height: 1.5;
 868         font-size : 15px;
 869         overflow : auto;
 870         -webkit-overflow-scrolling : touch;
 871 }
 872
 873 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
 874         font-weight : bold;
 875 }
 876
 877 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
 878         color : red;
 879 }
 880
 881 img.feedIcon, img.tinyFeedIcon {
 882         width : 16px;
 883         height : 16px;
 884         line-height : 16px;
 885         vertical-align : middle;
 886         display : inline-block;
 887 }
 888
 889 .player {
 890         display : inline-block;
 891         color : #555;
 892         font-size : 11px;
 893         font-family : sans-serif;
 894         border : 1px solid #555;
 895         padding : 0px 4px 0px 4px;
 896         margin : 0px 2px 0px 2px;
 897         width : 50px;
 898         text-align : center;
 899         background : white;
 900 }
 901
 902 .player.playing {
 903         color : #00c000;
 904         border-color : #00c000;
 905 }
 906
 907 .player:hover {
 908         background : #f0f0f0;
 909         cursor : pointer;
 910 }
 911
 912 #headlines-spacer {
 913         height : 100%;
 914         margin-left : 1px;
 915         text-align : center;
 916         color : #555;
 917         font-size : 11px;
 918         font-style : italic;
 919 }
 920
 921 #headlines-spacer a, #headlines-spacer span {
 922         color : #555;
 923         padding : 10px;
 924         display : block;
 925 }
 926
 927 #headlines-spacer a:hover {
 928         color : #88b0f0;
 929 }
 930
 931 ul#filterDlg_Matches, ul#filterDlg_Actions {
 932         max-height : 100px;
 933         overflow : auto;
 934         list-style-type : none;
 935         border-style : solid;
 936         border-color : #ddd;
 937         border-width : 0px 1px 1px 1px;
 938         background-color : white;
 939         margin : 0px 0px 5px 0px;
 940         padding : 0px;
 941 }
 942
 943 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 944         cursor : pointer;
 945         padding : 0px 0px 0px 5px;
 946 }
 947
 948 ul.helpKbList {
 949         max-height : 300px;
 950         overflow : auto;
 951         list-style-type : none;
 952         border : 1px solid #ddd;
 953         background-color : #f5f5f5;
 954         margin : 0px 0px 5px 0px;
 955         padding : 5px;
 956 }
 957
 958 ul.helpKbList span.hksequence {
 959         width : 6em;
 960         margin-left : 20px;
 961         color : #88b0f0;
 962         font-weight : bold;
 963         display : inline-block;
 964 }
 965
 966 ul.helpKbList h2 {
 967         margin-top : 0px;
 968 }
 969
 970 span.collapseBtn {
 971         cursor : pointer;
 972 }
 973
 974 div.postContent h1 {
 975         font-size : 16px;
 976 }
 977
 978 div.postContent h2,
 979 div.postContent h3,
 980 div.postContent h4 {
 981         font-size : 15px;
 982 }
 983
 984 div.postContent p {
 985         max-width : 650px;
 986         -webkit-hyphens: auto;
 987         -moz-hyphens: auto;
 988         hyphens: auto;
 989 }
 990
 991 div.postContent iframe {
 992         min-width : 50%;
 993 }
 994
 995 div.postHeader span.author {
 996         color : #555;
 997         font-size : 11px;
 998         font-weight : normal;
 999 }
1000
1001 select.attachments {
1002         display : block;
1003         margin-top : 10px;
1004         max-width : 120px;
1005 }
1006
1007 #selected_prompt {
1008         margin-right : 25px;
1009 }
1010
1011 #feedTree img.feedIcon {
1012         position : relative;
1013         top : -2px;
1014 }
1015
1016 body#ttrssMain #feedTree .dijitTreeRow {
1017         padding : 2px 0px 2px;
1018         height : 22px;
1019         border-width : 1px;
1020         color : #333;
1021 }
1022
1023 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1024         margin-right : 5px;
1025 }
1026
1027 body#ttrssMain #feedTree {
1028         height : 100%;
1029         overflow-x : hidden;
1030         text-rendering: optimizelegibility;
1031         font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
1032                 Helvetica, Arial, sans-serif;
1033 }
1034
1035 body#ttrssMain #feedTree .counterNode.aux {
1036         background : #f0f0f0;
1037         color : #999;
1038         border-color : #f0f0f0;
1039 }
1040
1041 body#ttrssMain #feedTree .counterNode {
1042         font-weight : bold;
1043         display : inline-block;
1044         font-size : 9px;
1045         text-align : center;
1046         border : 1px solid #88b0f0;
1047         color : white;
1048         background : #88b0f0;
1049         border-radius : 4px;
1050         vertical-align : middle;
1051         float : right;
1052         position : relative;
1053         line-height : 14px;
1054         margin-right : 8px;
1055         margin-top : 3px;
1056         min-width : 23px;
1057         height : 14px;
1058 }
1059
1060 #feedTree img[src*='indicator_white.gif'] {
1061         position : relative;
1062         top : -2px;
1063 }
1064
1065 span.highlight {
1066         background-color : #ffff00;
1067         color : #cc90cc;
1068 }
1069
1070 div.enclosure_title {
1071
1072 }
1073
1074 body#ttrssMain #headlines-frame .dijitCheckBox {
1075         border-width : 0px;
1076         opacity : 0.5;
1077 }
1078
1079 body#ttrssMain #headlines-frame .dijitCheckBoxHover,
1080 body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
1081         opacity : 1;
1082 }
1083
1084 body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
1085         width : 16px;
1086         height : 16px;
1087         vertical-align : middle;
1088         position : relative;
1089 }
1090
1091 :focus {
1092         outline: none;
1093 }