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