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 .dijitDownArrowButton {
 347         font-size : 11px;
 348 }
 349
 350 #main-toolbar #headlines-toolbar {
 351         padding-right : 4px;
 352         width : 100%;
 353 }
 354
 355 #main-toolbar #headlines-toolbar span.holder {
 356         display : table;
 357         width : 100%;
 358 }
 359
 360 #main-toolbar #headlines-toolbar span.holder > * {
 361         display : table-cell;
 362 }
 363
 364 #main-toolbar #headlines-toolbar .main {
 365         text-align : right;
 366 }
 367
 368 #main-toolbar #headlines-toolbar .main,
 369 #main-toolbar #headlines-toolbar .r {
 370         line-height : 24px;
 371 }
 372
 373 #headlines-toolbar span.r img {
 374         margin-right : 4px;
 375         position : relative;
 376         top : 3px;
 377 }
 378
 379 #headlines-toolbar span.r .error a {
 380         color : red;
 381 }
 382
 383 #main-toolbar #selected_prompt {
 384         font-style : italic;
 385         text-align : right;
 386         margin-right : 4px;
 387 }
 388
 389 span.contentPreview {
 390         color : #999;
 391         font-weight : normal;
 392         text-shadow : 1px 1px 2px #fff;
 393         font-size : 11px;
 394         padding-left : 4px;
 395 }
 396
 397 span.hlLabelRef {
 398         background-color : #fff7d5;
 399         font-size : 8px;
 400         color : #063064;
 401         font-weight : normal;
 402         margin-left : 2px;
 403         padding : 1px 4px 1px 4px;
 404         display : inline-block;
 405         vertical-align : middle;
 406         white-space: nowrap;
 407         border-radius : 4px;
 408 }
 409
 410 div.postHeader div.postDate {
 411         text-align : right;
 412         color : #909090;
 413         float : right;
 414 }
 415
 416 div.postHeader div {
 417         padding-bottom : 3px;
 418 }
 419
 420 #feedUpdateErrors {
 421         display : none;
 422 }
 423
 424 #allEntryTags {
 425         border-width : 0px 0px 1px 0px;
 426         border-style : solid;
 427         border-color : #ddd;
 428         padding-bottom : 5px;
 429         display : none;
 430 }
 431
 432 img.markedPic, img.pubPic {
 433         cursor : pointer;
 434         vertical-align : middle;
 435         opacity : 0.5;
 436         -webkit-transition : opacity 0.25s;
 437         transition : opacity 0.25s;
 438 }
 439
 440 img.markedPic:hover, img.pubPic:hover {
 441         opacity : 1;
 442 }
 443
 444 img[src*='pub_set.png'], img[src*='mark_set.png'] {
 445         opacity : 1;
 446 }
 447
 448 div.tagCloudContainer {
 449         border : 1px solid #ddd;
 450         background-color : #f5f5f5;
 451         margin : 5px 0px 5px 0px;
 452         padding : 5px;
 453         text-align : center;
 454 }
 455
 456 div.errorExplained {
 457         border : 1px solid #ddd;
 458         background-color : #f5f5f5;
 459         margin : 5px 0px 5px 0px;
 460         padding : 5px;
 461 }
 462
 463 ul.feedErrorsList {
 464         max-height : 300px;
 465         overflow : auto;
 466         list-style-type : none;
 467         border : 1px solid #ddd;
 468         background-color : #f5f5f5;
 469         margin : 0px 0px 5px 0px;
 470         padding : 5px;
 471 }
 472
 473 ul.feedErrorsList em {
 474         color : #555;
 475 }
 476
 477 ul.browseFeedList {
 478         height : 300px;
 479         overflow : auto;
 480         border-width : 0px 1px 1px 1px;
 481         border-color : #ddd;
 482         border-style : solid;
 483         margin : 0px 0px 5px 0px;
 484         background-color : white;
 485         list-style-type : none;
 486         padding : 0px;
 487
 488 }
 489
 490 ul.browseFeedList li {
 491         margin : 0px;
 492         padding : 2px 4px 2px 4px;
 493 }
 494
 495 span.subscribers {
 496         color : #808080;
 497 }
 498
 499 div.subscribers {
 500         color : #808080;
 501         font-size : 12px;
 502         float : right;
 503 }
 504
 505 div.browserDetails {
 506         margin : 5px 5px 5px 5px;
 507         padding : 5px;
 508 }
 509
 510 ul.compact {
 511         list-style-type : none;
 512         margin : 0px;
 513         padding : 0px;
 514 }
 515
 516 ul.compact li {
 517         margin : 0px;
 518         padding : 0px;
 519 }
 520
 521 .noborder {
 522         border-width : 0px;
 523 }
 524
 525 #overlay {
 526         background : white;
 527         left : 0;
 528         top : 0;
 529         height : 100%;
 530         width : 100%;
 531         z-index : 100;
 532         position : absolute;
 533 }
 534
 535 #overlay_inner {
 536         font-weight : bold;
 537         margin : 1em;
 538 }
 539
 540 form {
 541         margin : 0px;
 542         padding : 0px;
 543 }
 544
 545 div.loadingPrompt {
 546         padding : 1em;
 547         text-align : center;
 548         font-weight : bold;
 549 }
 550
 551 div.whiteBox {
 552         margin-left : 1px;
 553         text-align : center;
 554         padding : 1em;
 555 }
 556
 557 div.autocomplete {
 558         position : absolute;
 559         width : 250px;
 560         background-color : white;
 561         border :1px solid #778899;
 562         margin : 0px;
 563         padding : 0px;
 564 }
 565
 566 div.autocomplete ul {
 567         list-style-type : none;
 568         margin : 0px;
 569         padding : 0px;
 570 }
 571
 572 div.autocomplete ul li.selected {
 573         background-color : #fff7d5;
 574 }
 575
 576 div.autocomplete ul li {
 577         list-style-type : none;
 578         display : block;
 579         margin : 0;
 580         padding : 2px;
 581         height : 32px;
 582         cursor : pointer;
 583 }
 584
 585 .hl .hlTitle {
 586         overflow : hidden;
 587         white-space : nowrap;
 588         max-width : 500px;
 589         text-overflow : ellipsis;
 590         padding-left : 6px;
 591         padding-right : 6px;
 592 }
 593
 594 div#headlines-frame.wide .hlTitle {
 595         max-width : auto;
 596         overflow : visible;
 597         white-space : normal;
 598 }
 599
 600 .hl a.title.high, span.hlContent.high .contentPreview {
 601         color : #00aa00;
 602 }
 603 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
 604         color : #00dd00;
 605 }
 606
 607 .hl a.title.low, span.hlContent.low .contentPreview,
 608 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
 609         color : #909090;
 610         text-decoration : line-through;
 611 }
 612
 613 img.hlScorePic {
 614         vertical-align : middle;
 615         width : 16px;
 616         height : 16px;
 617 }
 618
 619 div.dlgSec {
 620         font-size : 12px;
 621         color : #555;
 622         font-weight : bold;
 623         clear : both;
 624         height : 20px;
 625 }
 626
 627 div.dlgSecCont {
 628         position : relative;
 629         left : 150px;
 630         top : -20px;
 631         float : left;
 632         font-size : 12px;
 633         font-weight : normal;
 634 }
 635
 636 div.dlgSecCont hr {
 637         height : 0px;
 638         line-height : 0px;
 639         border : 0px solid transparent;
 640         margin : 2px;
 641 }
 642
 643 div.dlgSecCont > * {
 644         position : relative;
 645         top : -2px;
 646 }
 647
 648 div.dlgButtons {
 649         text-align : right;
 650         clear : both;
 651 }
 652
 653 span.labelColorIndicator {
 654         height : 16px;
 655         width : 16px;
 656         border-radius : 4px;
 657         line-height : 14px;
 658         vertical-align : middle;
 659         font-size : 9px;
 660         display : inline-block;
 661         border : 1px solid #ccc;
 662         background-color : #fff7d5;
 663         color : #063064;
 664         text-align : center;
 665 }
 666
 667 div#cmdline {
 668         position : absolute;
 669         left : 5px;
 670         bottom : 5px;
 671         font-size : 11px;
 672         color : #555;
 673         font-weight : bold;
 674         background-color : white;
 675         border : 1px solid #88b0f0;
 676         padding : 3px 5px 3px 5px;
 677         z-index : 5;
 678 }
 679
 680 #feed_browser_spinner {
 681         vertical-align : middle;
 682         height : 18px;
 683         width : 18px;
 684 }
 685
 686 div.hlTitle {
 687         display : table-cell;
 688         cursor : pointer;
 689         width : 100%;
 690         vertical-align : middle;
 691         padding-top : 4px;
 692         padding-bottom : 4px;
 693 }
 694
 695 div.hlLeft {
 696         display : table-cell;
 697         vertical-align : middle;
 698         white-space: nowrap;
 699 }
 700
 701 div.hlRight {
 702         display : table-cell;
 703         white-space: nowrap;
 704         text-align : right;
 705         vertical-align : middle;
 706 }
 707
 708 div.hlRight img {
 709         max-width : 16px;
 710         max-height : 16px;
 711 }
 712
 713 .hl span.hlFeed {
 714         display : table-cell;
 715         vertical-align : middle;
 716         text-align : right;
 717 }
 718
 719 .hl span.hlFeed a {
 720         border-radius : 4px;
 721         display : inline-block;
 722         padding : 1px 4px 1px 4px;
 723         font-size : 11px;
 724         font-style : italic;
 725         font-weight : normal;
 726         color : #555;
 727         white-space : nowrap;
 728 }
 729
 730 .hl span.hlFeed a:hover {
 731         color : #4684ff;
 732 }
 733
 734 .hl span.hlUpdated {
 735         color : #555;
 736         display : table-cell;
 737         vertical-align : middle;
 738         text-align : right;
 739         font-size : 11px;
 740         white-space : nowrap;
 741         padding-left : 10px;
 742 }
 743
 744 span.hlUpdated div {
 745         display : inline-block;
 746 }
 747
 748 div.hlLeft {
 749         padding-left : 8px;
 750 }
 751
 752 div.hlLeft input {
 753         margin-left : 4px;
 754         margin-right : 4px;
 755 }
 756
 757 div.hlLeft img, div.hlRight img {
 758         margin : 0px 4px;
 759 }
 760
 761 div.hlLeft img {
 762         width : 16px;
 763         height : 16px;
 764 }
 765
 766 div.fatalError {
 767         margin-bottom : 10px;
 768 }
 769
 770 div.fatalError button {
 771         margin-top : 5px;
 772 }
 773
 774 div.fatalError textarea {
 775         width : 100%;
 776         height : 100px;
 777 }
 778
 779 #ttrssMain #main {
 780         border-width : 0px;
 781         margin : 0px;
 782         padding : 0px;
 783 }
 784
 785 #header-wrap {
 786         border-width : 0px;
 787         margin : 0px;
 788         padding : 0px;
 789 }
 790
 791 #content-wrap {
 792         padding : 0px;
 793         border-width : 0px;
 794         margin : 0px;
 795 }
 796
 797 #feeds-holder {
 798         padding : 0px;
 799         border-width : 0px 1px 0px 0px;
 800         border-style : solid;
 801         border-color : #ddd;
 802         overflow : hidden;
 803         background : #f5f5f5;
 804 }
 805
 806 #headlines-wrap-inner {
 807         padding : 0px;
 808         margin : 0px;
 809         border-width : 0px;
 810 }
 811
 812 #headlines-frame {
 813         padding : 0px;
 814         border-width : 0px;
 815         margin-top : 0px;
 816 }
 817
 818 #headlines-toolbar_splitter, #toolbar_splitter {
 819         display : none;
 820 }
 821
 822 #toolbar {
 823         padding : 0px;
 824         margin : 0px;
 825         border-width : 0px;
 826         white-space: nowrap;
 827         font-size : 12px;
 828 }
 829
 830 #main-toolbar {
 831         background : white;
 832         border-width : 0px 0px 1px 0px;
 833         border-color : #ddd;
 834         border-style : solid;
 835         padding-left : 4px;
 836         height : 26px;
 837
 838 }
 839
 840 #header {
 841         border-width : 0px;
 842         text-align : right;
 843         color : #555;
 844         padding : 5px 5px 0px 0px;
 845         margin : 0px;
 846         position : absolute;
 847         right : 0px;
 848         top : 0px;
 849         z-index : 5;
 850 }
 851
 852 #footer {
 853         text-align : center;
 854         color : #555;
 855         padding : 4px 4px 8px 4px;
 856         border-width : 0px;
 857 }
 858
 859 #content-insert {
 860         padding : 0px;
 861         border-color : #ddd;
 862         border-width : 0px;
 863         line-height: 20px;
 864         overflow : auto;
 865 }
 866
 867 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
 868         font-weight : bold;
 869 }
 870
 871 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
 872         color : red;
 873 }
 874
 875 img.feedIcon, img.tinyFeedIcon {
 876         width : 16px;
 877         height : 16px;
 878         line-height : 16px;
 879         vertical-align : middle;
 880         display : inline-block;
 881 }
 882
 883 .player {
 884         display : inline-block;
 885         color : #555;
 886         font-size : 11px;
 887         font-family : sans-serif;
 888         border : 1px solid #555;
 889         padding : 0px 4px 0px 4px;
 890         margin : 0px 2px 0px 2px;
 891         width : 50px;
 892         text-align : center;
 893         background : white;
 894 }
 895
 896 .player.playing {
 897         color : #00c000;
 898         border-color : #00c000;
 899 }
 900
 901 .player:hover {
 902         background : #f0f0f0;
 903         cursor : pointer;
 904 }
 905
 906 #headlines-spacer {
 907         height : 100%;
 908         margin-left : 1px;
 909         text-align : center;
 910         padding : 1em;
 911         color : #555;
 912 }
 913
 914
 915 ul#filterDlg_Matches, ul#filterDlg_Actions {
 916         max-height : 100px;
 917         overflow : auto;
 918         list-style-type : none;
 919         border-style : solid;
 920         border-color : #ddd;
 921         border-width : 0px 1px 1px 1px;
 922         background-color : white;
 923         margin : 0px 0px 5px 0px;
 924         padding : 0px;
 925 }
 926
 927 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 928         cursor : pointer;
 929         padding : 0px 0px 0px 5px;
 930 }
 931
 932 ul.helpKbList {
 933         max-height : 300px;
 934         overflow : auto;
 935         list-style-type : none;
 936         border : 1px solid #ddd;
 937         background-color : #f5f5f5;
 938         margin : 0px 0px 5px 0px;
 939         padding : 5px;
 940 }
 941
 942 ul.helpKbList span.hksequence {
 943         width : 6em;
 944         margin-left : 20px;
 945         color : #88b0f0;
 946         font-weight : bold;
 947         display : inline-block;
 948 }
 949
 950 ul.helpKbList h2 {
 951         margin-top : 0px;
 952 }
 953
 954 span.collapseBtn {
 955         cursor : pointer;
 956 }
 957
 958 div.postContent h1 {
 959         font-size : 16px;
 960 }
 961
 962 div.postContent h2,
 963 div.postContent h3 {
 964         font-size : 14px;
 965 }
 966
 967 div.postContent p {
 968         max-width : 650px;
 969         -webkit-hyphens: auto;
 970         -moz-hyphens: auto;
 971         hyphens: auto;
 972 }
 973
 974 div.postContent iframe {
 975         min-width : 50%;
 976 }
 977
 978 div.postHeader span.author {
 979         color : #555;
 980         font-size : 11px;
 981         font-weight : normal;
 982 }
 983
 984 select.attachments {
 985         display : block;
 986         margin-top : 10px;
 987         max-width : 120px;
 988 }
 989
 990 #selected_prompt {
 991         margin-right : 25px;
 992 }
 993
 994 #feedTree img.feedIcon {
 995         position : relative;
 996         top : -2px;
 997 }
 998
 999 body#ttrssMain #feedTree .dijitTreeRow {
1000         padding : 2px 0px 2px;
1001         height : 22px;
1002         border-width : 1px;
1003         color : #333;
1004 }
1005
1006 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1007         margin-right : 5px;
1008 }
1009
1010 body#ttrssMain #feedTree {
1011         height : 100%;
1012         overflow-x : hidden;
1013         text-rendering: optimizelegibility;
1014         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
1015                 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
1016                 Helvetica, Arial, sans-serif;
1017 }
1018
1019 body#ttrssMain #feedTree .counterNode.aux {
1020         background : #f0f0f0;
1021         color : #999;
1022         border-color : #f0f0f0;
1023 }
1024
1025 body#ttrssMain #feedTree .counterNode {
1026         font-weight : bold;
1027         display : inline-block;
1028         font-size : 9px;
1029         text-align : center;
1030         border : 1px solid #88b0f0;
1031         color : white;
1032         background : #88b0f0;
1033         border-radius : 4px;
1034         vertical-align : middle;
1035         float : right;
1036         position : relative;
1037         line-height : 14px;
1038         margin-right : 8px;
1039         margin-top : 3px;
1040         min-width : 23px;
1041         height : 14px;
1042 }
1043
1044 #feedTree img[src*='indicator_white.gif'] {
1045         position : relative;
1046         top : -2px;
1047 }
1048
1049 span.highlight {
1050         background-color : #ffff00;
1051         color : #cc90cc;
1052 }
1053
1054 /* body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
1055         display : none;
1056 } */
1057
1058 div.enclosure_title {
1059
1060 }
1061
1062 body#ttrssMain #headlines-frame .dijitCheckBox {
1063         border-width : 0px;
1064 }
1065
1066 :focus {
1067         outline: none;
1068 }