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