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, "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         font-size : 16px;
  46 }
  47
  48 div.postReply div.postContent img,
  49 div.postReply div.postContent video {
  50         border-width : 0px;
  51         max-width : 98%;
  52         height: auto;
  53 }
  54
  55 div.postReply div.postEnclosures {
  56         color : #555;
  57 }
  58
  59 div.postReply img.tagsPic {
  60         width : 16px;
  61         height : 16px;
  62         margin-left : 4px;
  63         vertical-align : middle;
  64 }
  65
  66 div.articleNote {
  67         background-color : #fff7d5;
  68         padding : 5px;
  69         margin : 5px;
  70         border-style : solid;
  71         border-color : #e7d796;
  72         border-width : 1px;
  73         color : #9a8c59;
  74 }
  75
  76 div.articleNote div.noteEdit {
  77         float : right;
  78         cursor : pointer;
  79 }
  80
  81 div.postReply span.author {
  82         font-size : 12px;
  83 }
  84
  85 h1 {
  86         font-size : 18px;
  87         font-weight : 600;
  88         text-rendering: optimizelegibility;
  89         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
  90                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
  91                 Helvetica, Arial, sans-serif;
  92 }
  93
  94 h2 {
  95         font-size : 16px;
  96         font-weight : 600;
  97         border-width : 0px 0px 1px 0px;
  98         border-style : solid;
  99         border-color : #ecf4ff;
 100         text-rendering: optimizelegibility;
 101         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 102                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
 103                 Helvetica, Arial, sans-serif;
 104 }
 105
 106 h3 {
 107         font-size : 13px;
 108         border-width : 0px 0px 1px 0px;
 109         border-style : solid;
 110         border-color : #ecf4ff;
 111         font-weight : 600;
 112         text-rendering: optimizelegibility;
 113         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 114                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
 115                 Helvetica, Arial, sans-serif;
 116 }
 117
 118 h4 {
 119         font-size : 14px;
 120         font-weight : 600;
 121         text-rendering: optimizelegibility;
 122         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 123                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
 124                 Helvetica, Arial, sans-serif;
 125 }
 126
 127 hr {
 128         border-width : 0px 0px 1px 0px;
 129         border-style : solid;
 130         border-color : #ccc;
 131 }
 132
 133 a {
 134         color: #0088cc;
 135         text-decoration: none;
 136 }
 137
 138 a:hover {
 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 img.close {
 184         cursor : pointer;
 185 }
 186
 187 #notify span {
 188         display : table-cell;
 189         vertical-align : middle;
 190         padding : 2px;
 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, "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         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         cursor : pointer;
 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         overflow : hidden;
 374 }
 375
 376 #main-toolbar > *,
 377 #main-toolbar table *,
 378 #main-toolbar .actionChooser * {
 379         text-rendering: optimizelegibility;
 380         font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue",
 381                 Helvetica, Arial, sans-serif;
 382         font-size : 12px;
 383
 384 }
 385
 386 #main-toolbar #headlines-toolbar {
 387         padding-right : 4px;
 388         width : 100%;
 389 }
 390
 391 #main-toolbar #headlines-toolbar span.holder {
 392         display : table;
 393         width : 100%;
 394 }
 395
 396 #main-toolbar #headlines-toolbar span.holder > * {
 397         display : table-cell;
 398 }
 399
 400 #main-toolbar #headlines-toolbar .main {
 401         text-align : right;
 402 }
 403
 404 #main-toolbar #headlines-toolbar .main,
 405 #main-toolbar #headlines-toolbar .r {
 406         line-height : 24px;
 407 }
 408
 409 #headlines-toolbar span.r img {
 410         margin-right : 4px;
 411         position : relative;
 412         top : 3px;
 413 }
 414
 415 #headlines-toolbar span.r .error a {
 416         color : red;
 417 }
 418
 419 #main-toolbar #selected_prompt {
 420         font-style : italic;
 421         text-align : right;
 422         margin-right : 4px;
 423 }
 424
 425 @media (max-width: 992px) {
 426         #main-toolbar #selected_prompt {
 427                 display : none;
 428         }
 429 }
 430
 431 span.contentPreview {
 432         color : #999;
 433         font-weight : normal;
 434         font-size : 12px;
 435         padding-left : 4px;
 436 }
 437
 438 span.hlLabelRef {
 439         background-color : #fff7d5;
 440         font-size : 8px;
 441         color : #063064;
 442         font-weight : normal;
 443         margin-left : 2px;
 444         padding : 1px 4px 1px 4px;
 445         display : inline-block;
 446         vertical-align : middle;
 447         white-space: nowrap;
 448         border-radius : 4px;
 449 }
 450
 451 div.postHeader div.postDate {
 452         text-align : right;
 453         color : #909090;
 454         float : right;
 455 }
 456
 457 div.postHeader div {
 458         padding-bottom : 3px;
 459 }
 460
 461 #feedUpdateErrors {
 462         display : none;
 463 }
 464
 465 #allEntryTags {
 466         border-width : 0px 0px 1px 0px;
 467         border-style : solid;
 468         border-color : #ddd;
 469         padding-bottom : 5px;
 470         display : none;
 471 }
 472
 473 img.markedPic, img.pubPic {
 474         cursor : pointer;
 475         vertical-align : middle;
 476         opacity : 0.5;
 477         -webkit-transition : opacity 0.25s;
 478         transition : opacity 0.25s;
 479 }
 480
 481 img.markedPic:hover, img.pubPic:hover {
 482         opacity : 1;
 483 }
 484
 485 img[src*='pub_set.png'], img[src*='mark_set.png'] {
 486         opacity : 1;
 487 }
 488
 489 div.tagCloudContainer {
 490         border : 1px solid #ddd;
 491         margin : 5px 0px 5px 0px;
 492         padding : 5px;
 493         text-align : center;
 494 }
 495
 496 div.errorExplained {
 497         border : 1px solid #ddd;
 498         margin : 5px 0px 5px 0px;
 499         padding : 5px;
 500 }
 501
 502 ul.feedErrorsList {
 503         max-height : 300px;
 504         overflow : auto;
 505         list-style-type : none;
 506         border : 1px solid #ddd;
 507         margin : 0px 0px 5px 0px;
 508         padding : 5px;
 509 }
 510
 511 ul.feedErrorsList em {
 512         color : #555;
 513 }
 514
 515 ul.browseFeedList {
 516         height : 300px;
 517         overflow : auto;
 518         border-width : 0px 1px 1px 1px;
 519         border-color : #ddd;
 520         border-style : solid;
 521         margin : 0px 0px 5px 0px;
 522         background-color : white;
 523         list-style-type : none;
 524         padding : 0px;
 525
 526 }
 527
 528 ul.browseFeedList li {
 529         margin : 0px;
 530         padding : 2px 4px 2px 4px;
 531 }
 532
 533 span.subscribers {
 534         color : #808080;
 535 }
 536
 537 div.subscribers {
 538         color : #808080;
 539         font-size : 12px;
 540         float : right;
 541 }
 542
 543 div.browserDetails {
 544         margin : 5px 5px 5px 5px;
 545         padding : 5px;
 546 }
 547
 548 ul.compact {
 549         list-style-type : none;
 550         margin : 0px;
 551         padding : 0px;
 552 }
 553
 554 ul.compact li {
 555         margin : 0px;
 556         padding : 0px;
 557 }
 558
 559 .noborder {
 560         border-width : 0px;
 561 }
 562
 563 #overlay {
 564         background : white;
 565         left : 0;
 566         top : 0;
 567         height : 100%;
 568         width : 100%;
 569         z-index : 100;
 570         position : absolute;
 571 }
 572
 573 #overlay_inner {
 574         font-weight : bold;
 575         margin : 1em;
 576 }
 577
 578 form {
 579         margin : 0px;
 580         padding : 0px;
 581 }
 582
 583 div.loadingPrompt {
 584         padding : 1em;
 585         text-align : center;
 586         font-weight : bold;
 587 }
 588
 589 div.whiteBox {
 590         margin-left : 1px;
 591         text-align : center;
 592         padding : 1em 1em 0px 1em;
 593         font-size : 11px;
 594         border-width : 0px 0px 1px 0px;
 595         border-style : solid;
 596         border-color : #ddd;
 597 }
 598
 599 div.autocomplete {
 600         position : absolute;
 601         width : 250px;
 602         background-color : white;
 603         border :1px solid #778899;
 604         margin : 0px;
 605         padding : 0px;
 606 }
 607
 608 div.autocomplete ul {
 609         list-style-type : none;
 610         margin : 0px;
 611         padding : 0px;
 612 }
 613
 614 div.autocomplete ul li.selected {
 615         background-color : #fff7d5;
 616 }
 617
 618 div.autocomplete ul li {
 619         list-style-type : none;
 620         display : block;
 621         margin : 0;
 622         padding : 2px;
 623         height : 32px;
 624         cursor : pointer;
 625 }
 626
 627 .hl .hlTitle {
 628         overflow : hidden;
 629         white-space : nowrap;
 630         max-width : 500px;
 631         text-overflow : ellipsis;
 632         padding-left : 6px;
 633         padding-right : 6px;
 634 }
 635
 636 div#headlines-frame.wide .hlTitle {
 637         max-width : auto;
 638         overflow : visible;
 639         white-space : normal;
 640 }
 641
 642 div#headlines-frame.wide .hl .hlFeed {
 643         display : none;
 644 }
 645
 646 .hl a.title.high, span.hlContent.high .contentPreview {
 647         color : #00aa00;
 648 }
 649 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
 650         color : #00dd00;
 651 }
 652
 653 .hl a.title.low, span.hlContent.low .contentPreview,
 654 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
 655         color : #909090;
 656         text-decoration : line-through;
 657 }
 658
 659 img.hlScorePic {
 660         vertical-align : middle;
 661         width : 16px;
 662         height : 16px;
 663 }
 664
 665 div.dlgSec {
 666         font-size : 12px;
 667         color : #555;
 668         font-weight : bold;
 669         clear : both;
 670         height : 20px;
 671 }
 672
 673 div.dlgSecCont {
 674         position : relative;
 675         left : 150px;
 676         top : -20px;
 677         float : left;
 678         font-size : 12px;
 679         font-weight : normal;
 680 }
 681
 682 div.dlgSecCont hr, div.dlgSecSimple hr {
 683         height : 0px;
 684         line-height : 0px;
 685         border : 0px solid transparent;
 686         margin : 2px;
 687 }
 688
 689 div.dlgSecCont > * {
 690         position : relative;
 691         top : -2px;
 692 }
 693
 694 div.dlgButtons {
 695         text-align : right;
 696         clear : both;
 697 }
 698
 699 span.labelColorIndicator {
 700         height : 16px;
 701         width : 16px;
 702         border-radius : 4px;
 703         line-height : 14px;
 704         vertical-align : middle;
 705         font-size : 9px;
 706         display : inline-block;
 707         border : 1px solid #ccc;
 708         background-color : #fff7d5;
 709         color : #063064;
 710         text-align : center;
 711 }
 712
 713 div#cmdline {
 714         position : absolute;
 715         left : 5px;
 716         bottom : 5px;
 717         font-size : 11px;
 718         color : #555;
 719         font-weight : bold;
 720         background-color : white;
 721         border : 1px solid rgb(82, 168, 236);
 722         padding : 3px 5px 3px 5px;
 723         z-index : 5;
 724 }
 725
 726 #feed_browser_spinner {
 727         vertical-align : middle;
 728         height : 18px;
 729         width : 18px;
 730 }
 731
 732 div.hlTitle {
 733         display : table-cell;
 734         cursor : pointer;
 735         width : 100%;
 736         vertical-align : middle;
 737         padding-top : 4px;
 738         padding-bottom : 4px;
 739 }
 740
 741 div.hlLeft {
 742         display : table-cell;
 743         vertical-align : middle;
 744         white-space: nowrap;
 745 }
 746
 747 div.hlRight {
 748         display : table-cell;
 749         white-space: nowrap;
 750         text-align : right;
 751         vertical-align : middle;
 752 }
 753
 754 div.hlRight img {
 755         max-width : 16px;
 756         max-height : 16px;
 757 }
 758
 759 .hl span.hlFeed {
 760         display : table-cell;
 761         vertical-align : middle;
 762         text-align : right;
 763 }
 764
 765 .hl span.hlFeed a {
 766         border-radius : 4px;
 767         display : inline-block;
 768         padding : 1px 4px 1px 4px;
 769         font-size : 11px;
 770         font-style : italic;
 771         font-weight : normal;
 772         color : #555;
 773         white-space : nowrap;
 774 }
 775
 776 .hl span.hlFeed a:hover {
 777         color : rgb(82, 168, 236);
 778 }
 779
 780 .hl span.hlUpdated {
 781         color : #555;
 782         display : table-cell;
 783         vertical-align : middle;
 784         text-align : right;
 785         font-size : 11px;
 786         white-space : nowrap;
 787         padding-left : 10px;
 788 }
 789
 790 span.hlUpdated div {
 791         display : inline-block;
 792 }
 793
 794 div.hlLeft {
 795         padding-left : 8px;
 796 }
 797
 798 div.hlLeft input {
 799         margin-left : 4px;
 800         margin-right : 4px;
 801 }
 802
 803 div.hlLeft img, div.hlRight img {
 804         margin : 0px 4px;
 805 }
 806
 807 div.hlLeft img {
 808         width : 16px;
 809         height : 16px;
 810 }
 811
 812 div.fatalError {
 813         margin-bottom : 10px;
 814 }
 815
 816 div.fatalError button {
 817         margin-top : 5px;
 818 }
 819
 820 div.fatalError textarea {
 821         width : 565px;
 822         height : 200px;
 823 }
 824
 825 #ttrssMain #main {
 826         border-width : 0px;
 827         margin : 0px;
 828         padding : 0px;
 829 }
 830
 831 #header-wrap {
 832         border-width : 0px;
 833         margin : 0px;
 834         padding : 0px;
 835 }
 836
 837 #content-wrap {
 838         padding : 0px;
 839         border-width : 0px;
 840         margin : 0px;
 841 }
 842
 843 #feeds-holder {
 844         padding : 0px;
 845         border-width : 0px 0px 0px 0px;
 846         border-style : solid;
 847         border-color : #ddd;
 848         overflow : hidden;
 849         background : #f5f5f5;
 850         box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
 851         -webkit-overflow-scrolling : touch;
 852 }
 853
 854 #headlines-wrap-inner {
 855         padding : 0px;
 856         margin : 0px;
 857         border-width : 0px;
 858 }
 859
 860 #headlines-frame {
 861         padding : 0px;
 862         border-width : 0px;
 863         border-color : #ddd;
 864         margin-top : 0px;
 865         -webkit-overflow-scrolling : touch;
 866 }
 867
 868 #headlines-toolbar_splitter, #toolbar_splitter {
 869         display : none;
 870 }
 871
 872 #toolbar {
 873         padding : 0px;
 874         margin : 0px;
 875         border-width : 0px;
 876         white-space: nowrap;
 877         font-size : 12px;
 878 }
 879
 880 #main-toolbar {
 881         background : white;
 882         border-width : 0px 0px 1px 0px;
 883         border-color : #ddd;
 884         border-style : solid;
 885         padding-left : 4px;
 886         height : 26px;
 887
 888 }
 889
 890 #header {
 891         border-width : 0px;
 892         text-align : right;
 893         color : #555;
 894         padding : 5px 5px 0px 0px;
 895         margin : 0px;
 896         position : absolute;
 897         right : 0px;
 898         top : 0px;
 899         z-index : 5;
 900 }
 901
 902 #footer {
 903         text-align : center;
 904         color : #555;
 905         padding : 4px 4px 8px 4px;
 906         border-width : 0px;
 907 }
 908
 909 #content-insert {
 910         padding : 0px;
 911         border-color : #ddd;
 912         border-width : 0px;
 913         line-height: 1.5;
 914         font-size : 15px;
 915         overflow : auto;
 916         -webkit-overflow-scrolling : touch;
 917 }
 918
 919 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
 920         font-weight : bold;
 921 }
 922
 923 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
 924         color : red;
 925 }
 926
 927 img.feedIcon, img.tinyFeedIcon {
 928         width : 16px;
 929         height : 16px;
 930         line-height : 16px;
 931         vertical-align : middle;
 932         display : inline-block;
 933 }
 934
 935 .player {
 936         display : inline-block;
 937         color : #555;
 938         font-size : 11px;
 939         font-family : sans-serif;
 940         border : 1px solid #555;
 941         padding : 0px 4px 0px 4px;
 942         margin : 0px 2px 0px 2px;
 943         width : 50px;
 944         text-align : center;
 945         background : white;
 946 }
 947
 948 .player.playing {
 949         color : #00c000;
 950         border-color : #00c000;
 951 }
 952
 953 .player:hover {
 954         background : #f0f0f0;
 955         cursor : pointer;
 956 }
 957
 958 #headlines-spacer {
 959         height : 100%;
 960         margin-left : 1px;
 961         text-align : center;
 962         color : #555;
 963         font-size : 11px;
 964         font-style : italic;
 965 }
 966
 967 #headlines-spacer a, #headlines-spacer span {
 968         color : #555;
 969         padding : 10px;
 970         display : block;
 971 }
 972
 973 #headlines-spacer a:hover {
 974         color : rgb(82, 168, 236);
 975 }
 976
 977 ul#filterDlg_Matches, ul#filterDlg_Actions {
 978         max-height : 100px;
 979         overflow : auto;
 980         list-style-type : none;
 981         border-style : solid;
 982         border-color : #ddd;
 983         border-width : 0px 1px 1px 1px;
 984         background-color : white;
 985         margin : 0px 0px 5px 0px;
 986         padding : 0px;
 987 }
 988
 989 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 990         cursor : pointer;
 991         padding : 0px 0px 0px 5px;
 992 }
 993
 994 ul.helpKbList {
 995         max-height : 300px;
 996         overflow : auto;
 997         list-style-type : none;
 998         border : 1px solid #ddd;
 999         margin : 0px 0px 5px 0px;
1000         padding : 5px;
1001 }
1002
1003 ul.helpKbList span.hksequence {
1004         width : 6em;
1005         margin-left : 20px;
1006         color : rgb(82, 168, 236);
1007         font-weight : bold;
1008         display : inline-block;
1009 }
1010
1011 ul.helpKbList h2 {
1012         margin-top : 0px;
1013 }
1014
1015 span.collapseBtn {
1016         cursor : pointer;
1017 }
1018
1019 span.collapseBtn img {
1020         vertical-align : middle;
1021 }
1022
1023 div.postContent h1 {
1024         font-size : 16px;
1025 }
1026
1027 div.postContent h2,
1028 div.postContent h3,
1029 div.postContent h4 {
1030         font-size : 15px;
1031 }
1032
1033 div.postContent p {
1034         /*max-width : 650px;*/
1035         -webkit-hyphens: auto;
1036         -moz-hyphens: auto;
1037         hyphens: auto;
1038 }
1039
1040 div.postContent iframe {
1041         min-width : 50%;
1042         max-width : 98%;
1043 }
1044
1045 div.postHeader span.author {
1046         color : #555;
1047         font-size : 11px;
1048         font-weight : normal;
1049 }
1050
1051 select.attachments {
1052         display : block;
1053         margin-top : 10px;
1054         max-width : 120px;
1055 }
1056
1057 #selected_prompt {
1058         margin-right : 25px;
1059         vertical-align  : middle;
1060 }
1061
1062 span.sel_links {
1063         margin-right : 4px;
1064         vertical-align  : middle;
1065 }
1066
1067 /*#feedTree img.feedIcon {
1068         position : relative;
1069         top : -2px;
1070 }*/
1071
1072 body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
1073         box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
1074         border-right-color : white;
1075 }
1076
1077 body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
1078         max-width : 100%;
1079 }
1080
1081 body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
1082         overflow: hidden;
1083         text-overflow: ellipsis;
1084 }
1085
1086 body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
1087         padding : 4px 0px 4px;
1088         border-width : 1px;
1089         color : #333;
1090 }
1091
1092 body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
1093         position : relative;
1094         top : -2px;
1095 }
1096
1097 #filterDlg_feeds select {
1098         height : 150px;
1099         width : 410px;
1100 }
1101
1102 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1103         margin-right : 5px;
1104 }
1105
1106 body#ttrssMain #feedTree {
1107         height : 100%;
1108         overflow-x : hidden;
1109         text-rendering: optimizelegibility;
1110         font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue",
1111                 Helvetica, Arial, sans-serif;
1112 }
1113
1114 body#ttrssMain #feedTree .counterNode.aux {
1115         background : #f0f0f0;
1116         color : #999;
1117         border-color : #f0f0f0;
1118 }
1119
1120 body#ttrssMain #feedTree .counterNode {
1121         font-weight : bold;
1122         display : inline-block;
1123         font-size : 9px;
1124         text-align : center;
1125         border : 1px solid rgb(82, 168, 236);
1126         color : white;
1127         background : rgb(82, 168, 236);
1128         border-radius : 4px;
1129         vertical-align : middle;
1130         float : right;
1131         position : relative;
1132         line-height : 14px;
1133         margin-right : 8px;
1134         margin-top : 2px;
1135         min-width : 23px;
1136         height : 14px;
1137 }
1138
1139 body#ttrssMain #feedTree .dijitTreeNode .loadingExpando {
1140         left : -3px;
1141         height : 22px;
1142         position : relative;
1143         top : -3px;
1144 }
1145
1146
1147 span.highlight {
1148         background-color : #ffff00;
1149         color : #cc90cc;
1150 }
1151
1152 div.enclosure_title {
1153
1154 }
1155
1156 body#ttrssMain #headlines-frame .dijitCheckBox {
1157         border-width : 0px;
1158         opacity : 0.5;
1159 }
1160
1161 body#ttrssMain #headlines-frame .dijitCheckBoxHover,
1162 body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
1163         opacity : 1;
1164 }
1165
1166 body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
1167         width : 16px;
1168         height : 16px;
1169         vertical-align : middle;
1170         position : relative;
1171 }
1172
1173 #headlines-frame {
1174         -webkit-transform: translateZ(0);
1175         -webkit-backface-visibility: hidden;
1176 }
1177
1178 :focus {
1179         outline: none;
1180 }
1181
1182 .dijitDropDownButton.attachments .dijitButtonText {
1183         font-size : 12px;
1184 }
1185
1186 .dijitDropDownButton.attachments {
1187         display : inline-block;
1188 }
1189
1190 #editTagsDlg{
1191         overflow: visible;
1192 }