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