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