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