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