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