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