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