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