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