css/tt-rss.css

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