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