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