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