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