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 div.postReply {
  11         padding : 0px;
  12 }
  13
  14 div.postReply div.postHeader {
  15         padding : 5px;
  16         margin-right : 4px;
  17         color : #909090;
  18         border-width : 0px 0px 1px 0px;
  19         border-color : #ddd;
  20         border-style : solid;
  21 }
  22
  23 div.postReply div.postTitle {
  24         overflow : hidden;
  25         text-overflow: ellipsis;
  26         white-space : nowrap;
  27         font-weight : 600;
  28         text-rendering: optimizelegibility;
  29         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
  30                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
  31                 Helvetica, Arial, sans-serif;
  32 }
  33
  34 div.postReply div.postDate {
  35         padding-left : 10px;
  36 }
  37
  38 div.postReply div.postContent {
  39         padding : 10px;
  40 }
  41
  42 div.postReply div.postContent img {
  43         border-width : 0px;
  44         max-width : 98%;
  45         height: auto;
  46 }
  47
  48 div.postReply div.postEnclosures {
  49         margin-top : 1em;
  50         color : #555;
  51 }
  52
  53 div.postReply img.tagsPic {
  54         width : 16px;
  55         height : 16px;
  56         margin-left : 4px;
  57         vertical-align : middle;
  58 }
  59
  60 div.articleNote {
  61         background-color : #fff7d5;
  62         padding : 5px;
  63         margin : 5px;
  64         border-style : solid;
  65         border-color : #e7d796;
  66         border-width : 1px;
  67         color : #9a8c59;
  68 }
  69
  70 div.articleNote div.noteEdit {
  71         float : right;
  72         cursor : pointer;
  73 }
  74
  75 div.postReply span.author {
  76         font-size : 12px;
  77 }
  78
  79 h1 {
  80         font-size : 18px;
  81         font-weight : 600;
  82         text-rendering: optimizelegibility;
  83         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
  84                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
  85                 Helvetica, Arial, sans-serif;
  86 }
  87
  88 h2 {
  89         font-size : 16px;
  90         font-weight : 600;
  91         border-width : 0px 0px 1px 0px;
  92         border-style : solid;
  93         border-color : #ecf4ff;
  94         text-rendering: optimizelegibility;
  95         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
  96                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
  97                 Helvetica, Arial, sans-serif;
  98 }
  99
 100 h3 {
 101         font-size : 13px;
 102         border-width : 0px 0px 1px 0px;
 103         border-style : solid;
 104         border-color : #ecf4ff;
 105         font-weight : 600;
 106         text-rendering: optimizelegibility;
 107         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 108                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 109                 Helvetica, Arial, sans-serif;
 110 }
 111
 112 h4 {
 113         font-size : 14px;
 114         font-weight : 600;
 115         text-rendering: optimizelegibility;
 116         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 117                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 118                 Helvetica, Arial, sans-serif;
 119 }
 120
 121 hr {
 122         border-width : 0px 0px 1px 0px;
 123         border-style : solid;
 124         border-color : #ccc;
 125 }
 126
 127 a {
 128         color : #4684ff;
 129         text-decoration : none;
 130 }
 131
 132 a:hover {
 133         color : #88b0f0;
 134 }
 135
 136 #piggie {
 137         z-index : 999;
 138         position : absolute;
 139 }
 140
 141 #notify.visible {
 142         transform: translate(0, -35px);
 143         -webkit-transform: translate(0, -35px);
 144    -o-transform: translate(0, -35px);
 145    -moz-transform: translate(0, -35px);
 146
 147         transition: all 0.5s ease-in-out;
 148         -webkit-transition: all 0.5s ease-in-out;
 149    -moz-transition: all 0.5s ease-in-out;
 150    -o-transition: all 0.5s ease-in-out;
 151 }
 152
 153 #notify {
 154         bottom : -35px;
 155         right : 0px;
 156         height : 20px;
 157         left : 0px;
 158         border-width : 1px 0px 0px 0px;
 159         border-style : solid;
 160         position : absolute;
 161         font-size : 12px;
 162         z-index : 99;
 163         padding : 5px;
 164         box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
 165 }
 166
 167 #notify img {
 168         vertical-align : middle;
 169         max-height : 14px;
 170 }
 171
 172 #notify span.msg {
 173         width : 100%;
 174 }
 175
 176 #notify span.close {
 177         text-align : right;
 178 }
 179
 180 #notify span {
 181         display : table-cell;
 182         vertical-align : middle;
 183         padding : 4px;
 184 }
 185
 186 .notify {
 187         border-color : #d7c47a;
 188         background-color : #fff7d5;
 189 }
 190
 191 .notify.notify_progress {
 192         border-color : #d7c47a;
 193         background-color : #fff7d5;
 194 }
 195
 196 .notify.notify_info {
 197         border-color : #88b0f0;
 198         background-color : #ecf4ff;
 199 }
 200
 201 .notify.notify_error {
 202         background-color : #ffcccc;
 203         border-color : #ff0000;
 204 }
 205
 206 .hl div.hlTitle a {
 207         font-weight : 600;
 208         text-rendering: optimizelegibility;
 209         font-family : "Segoe WP Semibold", "Segoe UI Semibold",
 210                 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 211                 Helvetica, Arial, sans-serif;
 212         color : #777;
 213 }
 214
 215 .hl.Unread div.hlTitle a {
 216         color : black;
 217 }
 218
 219 .hl.active div.hlTitle a {
 220         color : #4684ff;
 221         /* text-shadow : 1px 1px 2px #fff; */
 222 }
 223
 224 .hl.Selected {
 225         background : #f9fbff;
 226 }
 227
 228 .hl.Grayed {
 229         color : #909090;
 230 }
 231
 232 .hl {
 233         border-width : 0px 0px 1px 0px;
 234         border-style : solid;
 235         border-color : #ddd;
 236         padding : 1px;
 237 }
 238
 239 .hl.active {
 240         background : #ecf4ff ! important;
 241 }
 242
 243 div.filterTestHolder {
 244         height : 300px;
 245         overflow : auto;
 246         border-color : #ddd;
 247         border-style : solid;
 248         margin : 0px 0px 5px 0px;
 249         background-color : #f5f5f5;
 250         border-width : 1px;
 251 }
 252
 253
 254 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 255         margin : 5px 0px 5px 0px;
 256         color : #555;
 257         padding-left : 10px;
 258         border-width : 0px 0px 0px 4px;
 259         border-color : #ccc;
 260         border-style : solid;
 261 }
 262
 263 #content-insert code, #headlines-frame code, .dijitContentPane code {
 264         color : #009900;
 265         font-family : monospace;
 266         font-size : 12px;
 267 }
 268
 269 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 270         margin : 5px 0px 5px 0px;
 271         padding : 10px;
 272         color : #555;
 273         font-family : monospace;
 274         font-size : 12px;
 275         border-width : 0px;
 276         border-color : #ccc;
 277         border-style : solid;
 278         background : #f5f5f5;
 279         display : block;
 280         max-width : 98%;
 281         overflow : auto;
 282 }
 283
 284 div.notice, div.warning, div.error {
 285         padding : 4px 10px 4px 4px;
 286         display : inline-block;
 287         margin : 2px 0px 4px 0px;
 288         font-size : 12px;
 289         border-style : solid;
 290         border-color : #ccc;
 291         border-width : 1px;
 292 }
 293
 294 div.notice div.inner, div.warning div.inner, div.error div.inner {
 295         vertical-align : middle;
 296 }
 297
 298 div.notice {
 299         background : #ecf4ff;
 300         border-color : #88b0f0;
 301 }
 302
 303 div.warning {
 304         background : #fff7d5;
 305         border-color : #e7d796;;
 306 }
 307
 308 div.error {
 309         background : #ffcccc;
 310         border-color : #ff0000;
 311 }
 312
 313 div.warning img, div.notice img, div.error img {
 314         margin : 4px;
 315         vertical-align : middle;
 316 }
 317
 318 div.warning span, div.notice span, div.error span {
 319         display : table-cell;
 320         vertical-align : middle;
 321
 322 }
 323
 324 ul.nomarks {
 325         list-style-type : none;
 326         margin : 0px;
 327         padding : 10px;
 328 }
 329
 330 div.prefHelp {
 331         color : #555;
 332         padding : 5px;
 333 }
 334
 335 .insensitive {
 336         color : #555;
 337 }
 338
 339 #main-toolbar > * {
 340         white-space : nowrap;
 341         display : table-cell;
 342         color : #999;
 343 }
 344
 345 #main-toolbar > *,
 346 #main-toolbar table *,
 347 #main-toolbar .actionChooser * {
 348         text-rendering: optimizelegibility;
 349         font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
 350                 Helvetica, Arial, sans-serif;
 351         font-size : 12px;
 352
 353 }
 354
 355 #main-toolbar #headlines-toolbar {
 356         padding-right : 4px;
 357         width : 100%;
 358 }
 359
 360 #main-toolbar #headlines-toolbar span.holder {
 361         display : table;
 362         width : 100%;
 363 }
 364
 365 #main-toolbar #headlines-toolbar span.holder > * {
 366         display : table-cell;
 367 }
 368
 369 #main-toolbar #headlines-toolbar .main {
 370         text-align : right;
 371 }
 372
 373 #main-toolbar #headlines-toolbar .main,
 374 #main-toolbar #headlines-toolbar .r {
 375         line-height : 24px;
 376 }
 377
 378 #headlines-toolbar span.r img {
 379         margin-right : 4px;
 380         position : relative;
 381         top : 3px;
 382 }
 383
 384 #headlines-toolbar span.r .error a {
 385         color : red;
 386 }
 387
 388 #main-toolbar #selected_prompt {
 389         font-style : italic;
 390         text-align : right;
 391         margin-right : 4px;
 392 }
 393
 394 span.contentPreview {
 395         color : #999;
 396         font-weight : normal;
 397         font-size : 12px;
 398         padding-left : 4px;
 399 }
 400
 401 span.hlLabelRef {
 402         background-color : #fff7d5;
 403         font-size : 8px;
 404         color : #063064;
 405         font-weight : normal;
 406         margin-left : 2px;
 407         padding : 1px 4px 1px 4px;
 408         display : inline-block;
 409         vertical-align : middle;
 410         white-space: nowrap;
 411         border-radius : 4px;
 412 }
 413
 414 div.postHeader div.postDate {
 415         text-align : right;
 416         color : #909090;
 417         float : right;
 418 }
 419
 420 div.postHeader div {
 421         padding-bottom : 3px;
 422 }
 423
 424 #feedUpdateErrors {
 425         display : none;
 426 }
 427
 428 #allEntryTags {
 429         border-width : 0px 0px 1px 0px;
 430         border-style : solid;
 431         border-color : #ddd;
 432         padding-bottom : 5px;
 433         display : none;
 434 }
 435
 436 img.markedPic, img.pubPic {
 437         cursor : pointer;
 438         vertical-align : middle;
 439         opacity : 0.5;
 440         -webkit-transition : opacity 0.25s;
 441         transition : opacity 0.25s;
 442 }
 443
 444 img.markedPic:hover, img.pubPic:hover {
 445         opacity : 1;
 446 }
 447
 448 img[src*='pub_set.png'], img[src*='mark_set.png'] {
 449         opacity : 1;
 450 }
 451
 452 div.tagCloudContainer {
 453         border : 1px solid #ddd;
 454         background-color : #f5f5f5;
 455         margin : 5px 0px 5px 0px;
 456         padding : 5px;
 457         text-align : center;
 458 }
 459
 460 div.errorExplained {
 461         border : 1px solid #ddd;
 462         background-color : #f5f5f5;
 463         margin : 5px 0px 5px 0px;
 464         padding : 5px;
 465 }
 466
 467 ul.feedErrorsList {
 468         max-height : 300px;
 469         overflow : auto;
 470         list-style-type : none;
 471         border : 1px solid #ddd;
 472         background-color : #f5f5f5;
 473         margin : 0px 0px 5px 0px;
 474         padding : 5px;
 475 }
 476
 477 ul.feedErrorsList em {
 478         color : #555;
 479 }
 480
 481 ul.browseFeedList {
 482         height : 300px;
 483         overflow : auto;
 484         border-width : 0px 1px 1px 1px;
 485         border-color : #ddd;
 486         border-style : solid;
 487         margin : 0px 0px 5px 0px;
 488         background-color : white;
 489         list-style-type : none;
 490         padding : 0px;
 491
 492 }
 493
 494 ul.browseFeedList li {
 495         margin : 0px;
 496         padding : 2px 4px 2px 4px;
 497 }
 498
 499 span.subscribers {
 500         color : #808080;
 501 }
 502
 503 div.subscribers {
 504         color : #808080;
 505         font-size : 12px;
 506         float : right;
 507 }
 508
 509 div.browserDetails {
 510         margin : 5px 5px 5px 5px;
 511         padding : 5px;
 512 }
 513
 514 ul.compact {
 515         list-style-type : none;
 516         margin : 0px;
 517         padding : 0px;
 518 }
 519
 520 ul.compact li {
 521         margin : 0px;
 522         padding : 0px;
 523 }
 524
 525 .noborder {
 526         border-width : 0px;
 527 }
 528
 529 #overlay {
 530         background : white;
 531         left : 0;
 532         top : 0;
 533         height : 100%;
 534         width : 100%;
 535         z-index : 100;
 536         position : absolute;
 537 }
 538
 539 #overlay_inner {
 540         font-weight : bold;
 541         margin : 1em;
 542 }
 543
 544 form {
 545         margin : 0px;
 546         padding : 0px;
 547 }
 548
 549 div.loadingPrompt {
 550         padding : 1em;
 551         text-align : center;
 552         font-weight : bold;
 553 }
 554
 555 div.whiteBox {
 556         margin-left : 1px;
 557         text-align : center;
 558         padding : 1em 1em 0px 1em;
 559         font-size : 11px;
 560         border-width : 0px 0px 1px 0px;
 561         border-style : solid;
 562         border-color : #ddd;
 563 }
 564
 565 div.autocomplete {
 566         position : absolute;
 567         width : 250px;
 568         background-color : white;
 569         border :1px solid #778899;
 570         margin : 0px;
 571         padding : 0px;
 572 }
 573
 574 div.autocomplete ul {
 575         list-style-type : none;
 576         margin : 0px;
 577         padding : 0px;
 578 }
 579
 580 div.autocomplete ul li.selected {
 581         background-color : #fff7d5;
 582 }
 583
 584 div.autocomplete ul li {
 585         list-style-type : none;
 586         display : block;
 587         margin : 0;
 588         padding : 2px;
 589         height : 32px;
 590         cursor : pointer;
 591 }
 592
 593 .hl .hlTitle {
 594         overflow : hidden;
 595         white-space : nowrap;
 596         max-width : 500px;
 597         text-overflow : ellipsis;
 598         padding-left : 6px;
 599         padding-right : 6px;
 600 }
 601
 602 div#headlines-frame.wide .hlTitle {
 603         max-width : auto;
 604         overflow : visible;
 605         white-space : normal;
 606 }
 607
 608 div#headlines-frame.wide .hl .hlFeed {
 609         display : none;
 610 }
 611
 612 .hl a.title.high, span.hlContent.high .contentPreview {
 613         color : #00aa00;
 614 }
 615 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
 616         color : #00dd00;
 617 }
 618
 619 .hl a.title.low, span.hlContent.low .contentPreview,
 620 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
 621         color : #909090;
 622         text-decoration : line-through;
 623 }
 624
 625 img.hlScorePic {
 626         vertical-align : middle;
 627         width : 16px;
 628         height : 16px;
 629 }
 630
 631 div.dlgSec {
 632         font-size : 12px;
 633         color : #555;
 634         font-weight : bold;
 635         clear : both;
 636         height : 20px;
 637 }
 638
 639 div.dlgSecCont {
 640         position : relative;
 641         left : 150px;
 642         top : -20px;
 643         float : left;
 644         font-size : 12px;
 645         font-weight : normal;
 646 }
 647
 648 div.dlgSecCont hr {
 649         height : 0px;
 650         line-height : 0px;
 651         border : 0px solid transparent;
 652         margin : 2px;
 653 }
 654
 655 div.dlgSecCont > * {
 656         position : relative;
 657         top : -2px;
 658 }
 659
 660 div.dlgButtons {
 661         text-align : right;
 662         clear : both;
 663 }
 664
 665 span.labelColorIndicator {
 666         height : 16px;
 667         width : 16px;
 668         border-radius : 4px;
 669         line-height : 14px;
 670         vertical-align : middle;
 671         font-size : 9px;
 672         display : inline-block;
 673         border : 1px solid #ccc;
 674         background-color : #fff7d5;
 675         color : #063064;
 676         text-align : center;
 677 }
 678
 679 div#cmdline {
 680         position : absolute;
 681         left : 5px;
 682         bottom : 5px;
 683         font-size : 11px;
 684         color : #555;
 685         font-weight : bold;
 686         background-color : white;
 687         border : 1px solid #88b0f0;
 688         padding : 3px 5px 3px 5px;
 689         z-index : 5;
 690 }
 691
 692 #feed_browser_spinner {
 693         vertical-align : middle;
 694         height : 18px;
 695         width : 18px;
 696 }
 697
 698 div.hlTitle {
 699         display : table-cell;
 700         cursor : pointer;
 701         width : 100%;
 702         vertical-align : middle;
 703         padding-top : 4px;
 704         padding-bottom : 4px;
 705 }
 706
 707 div.hlLeft {
 708         display : table-cell;
 709         vertical-align : middle;
 710         white-space: nowrap;
 711 }
 712
 713 div.hlRight {
 714         display : table-cell;
 715         white-space: nowrap;
 716         text-align : right;
 717         vertical-align : middle;
 718 }
 719
 720 div.hlRight img {
 721         max-width : 16px;
 722         max-height : 16px;
 723 }
 724
 725 .hl span.hlFeed {
 726         display : table-cell;
 727         vertical-align : middle;
 728         text-align : right;
 729 }
 730
 731 .hl span.hlFeed a {
 732         border-radius : 4px;
 733         display : inline-block;
 734         padding : 1px 4px 1px 4px;
 735         font-size : 11px;
 736         font-style : italic;
 737         font-weight : normal;
 738         color : #555;
 739         white-space : nowrap;
 740 }
 741
 742 .hl span.hlFeed a:hover {
 743         color : #4684ff;
 744 }
 745
 746 .hl span.hlUpdated {
 747         color : #555;
 748         display : table-cell;
 749         vertical-align : middle;
 750         text-align : right;
 751         font-size : 11px;
 752         white-space : nowrap;
 753         padding-left : 10px;
 754 }
 755
 756 span.hlUpdated div {
 757         display : inline-block;
 758 }
 759
 760 div.hlLeft {
 761         padding-left : 8px;
 762 }
 763
 764 div.hlLeft input {
 765         margin-left : 4px;
 766         margin-right : 4px;
 767 }
 768
 769 div.hlLeft img, div.hlRight img {
 770         margin : 0px 4px;
 771 }
 772
 773 div.hlLeft img {
 774         width : 16px;
 775         height : 16px;
 776 }
 777
 778 div.fatalError {
 779         margin-bottom : 10px;
 780 }
 781
 782 div.fatalError button {
 783         margin-top : 5px;
 784 }
 785
 786 div.fatalError textarea {
 787         width : 100%;
 788         height : 100px;
 789 }
 790
 791 #ttrssMain #main {
 792         border-width : 0px;
 793         margin : 0px;
 794         padding : 0px;
 795 }
 796
 797 #header-wrap {
 798         border-width : 0px;
 799         margin : 0px;
 800         padding : 0px;
 801 }
 802
 803 #content-wrap {
 804         padding : 0px;
 805         border-width : 0px;
 806         margin : 0px;
 807 }
 808
 809 #feeds-holder {
 810         padding : 0px;
 811         border-width : 0px 1px 0px 0px;
 812         border-style : solid;
 813         border-color : #ddd;
 814         overflow : hidden;
 815         background : #f5f5f5;
 816         box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
 817         -webkit-overflow-scrolling : touch;
 818 }
 819
 820 #headlines-wrap-inner {
 821         padding : 0px;
 822         margin : 0px;
 823         border-width : 0px;
 824 }
 825
 826 #headlines-frame {
 827         padding : 0px;
 828         border-width : 0px;
 829         border-color : #ddd;
 830         margin-top : 0px;
 831         -webkit-overflow-scrolling : touch;
 832 }
 833
 834 #headlines-toolbar_splitter, #toolbar_splitter {
 835         display : none;
 836 }
 837
 838 #toolbar {
 839         padding : 0px;
 840         margin : 0px;
 841         border-width : 0px;
 842         white-space: nowrap;
 843         font-size : 12px;
 844 }
 845
 846 #main-toolbar {
 847         background : white;
 848         border-width : 0px 0px 1px 0px;
 849         border-color : #ddd;
 850         border-style : solid;
 851         padding-left : 4px;
 852         height : 26px;
 853
 854 }
 855
 856 #header {
 857         border-width : 0px;
 858         text-align : right;
 859         color : #555;
 860         padding : 5px 5px 0px 0px;
 861         margin : 0px;
 862         position : absolute;
 863         right : 0px;
 864         top : 0px;
 865         z-index : 5;
 866 }
 867
 868 #footer {
 869         text-align : center;
 870         color : #555;
 871         padding : 4px 4px 8px 4px;
 872         border-width : 0px;
 873 }
 874
 875 #content-insert {
 876         padding : 0px;
 877         border-color : #ddd;
 878         border-width : 0px;
 879         line-height: 1.5;
 880         font-size : 15px;
 881         overflow : auto;
 882         -webkit-overflow-scrolling : touch;
 883 }
 884
 885 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
 886         font-weight : bold;
 887 }
 888
 889 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
 890         color : red;
 891 }
 892
 893 img.feedIcon, img.tinyFeedIcon {
 894         width : 16px;
 895         height : 16px;
 896         line-height : 16px;
 897         vertical-align : middle;
 898         display : inline-block;
 899 }
 900
 901 .player {
 902         display : inline-block;
 903         color : #555;
 904         font-size : 11px;
 905         font-family : sans-serif;
 906         border : 1px solid #555;
 907         padding : 0px 4px 0px 4px;
 908         margin : 0px 2px 0px 2px;
 909         width : 50px;
 910         text-align : center;
 911         background : white;
 912 }
 913
 914 .player.playing {
 915         color : #00c000;
 916         border-color : #00c000;
 917 }
 918
 919 .player:hover {
 920         background : #f0f0f0;
 921         cursor : pointer;
 922 }
 923
 924 #headlines-spacer {
 925         height : 100%;
 926         margin-left : 1px;
 927         text-align : center;
 928         color : #555;
 929         font-size : 11px;
 930         font-style : italic;
 931 }
 932
 933 #headlines-spacer a, #headlines-spacer span {
 934         color : #555;
 935         padding : 10px;
 936         display : block;
 937 }
 938
 939 #headlines-spacer a:hover {
 940         color : #88b0f0;
 941 }
 942
 943 ul#filterDlg_Matches, ul#filterDlg_Actions {
 944         max-height : 100px;
 945         overflow : auto;
 946         list-style-type : none;
 947         border-style : solid;
 948         border-color : #ddd;
 949         border-width : 0px 1px 1px 1px;
 950         background-color : white;
 951         margin : 0px 0px 5px 0px;
 952         padding : 0px;
 953 }
 954
 955 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 956         cursor : pointer;
 957         padding : 0px 0px 0px 5px;
 958 }
 959
 960 ul.helpKbList {
 961         max-height : 300px;
 962         overflow : auto;
 963         list-style-type : none;
 964         border : 1px solid #ddd;
 965         background-color : #f5f5f5;
 966         margin : 0px 0px 5px 0px;
 967         padding : 5px;
 968 }
 969
 970 ul.helpKbList span.hksequence {
 971         width : 6em;
 972         margin-left : 20px;
 973         color : #88b0f0;
 974         font-weight : bold;
 975         display : inline-block;
 976 }
 977
 978 ul.helpKbList h2 {
 979         margin-top : 0px;
 980 }
 981
 982 span.collapseBtn {
 983         cursor : pointer;
 984 }
 985
 986 div.postContent h1 {
 987         font-size : 16px;
 988 }
 989
 990 div.postContent h2,
 991 div.postContent h3,
 992 div.postContent h4 {
 993         font-size : 15px;
 994 }
 995
 996 div.postContent p {
 997         max-width : 650px;
 998         -webkit-hyphens: auto;
 999         -moz-hyphens: auto;
1000         hyphens: auto;
1001 }
1002
1003 div.postContent iframe {
1004         min-width : 50%;
1005 }
1006
1007 div.postHeader span.author {
1008         color : #555;
1009         font-size : 11px;
1010         font-weight : normal;
1011 }
1012
1013 select.attachments {
1014         display : block;
1015         margin-top : 10px;
1016         max-width : 120px;
1017 }
1018
1019 #selected_prompt {
1020         margin-right : 25px;
1021 }
1022
1023 #feedTree img.feedIcon {
1024         position : relative;
1025         top : -2px;
1026 }
1027
1028 body#ttrssMain #feedTree .dijitTreeRow {
1029         padding : 2px 0px 2px;
1030         height : 22px;
1031         border-width : 1px;
1032         color : #333;
1033 }
1034
1035 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1036         margin-right : 5px;
1037 }
1038
1039 body#ttrssMain #feedTree {
1040         height : 100%;
1041         overflow-x : hidden;
1042         text-rendering: optimizelegibility;
1043         font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
1044                 Helvetica, Arial, sans-serif;
1045 }
1046
1047 body#ttrssMain #feedTree .counterNode.aux {
1048         background : #f0f0f0;
1049         color : #999;
1050         border-color : #f0f0f0;
1051 }
1052
1053 body#ttrssMain #feedTree .counterNode {
1054         font-weight : bold;
1055         display : inline-block;
1056         font-size : 9px;
1057         text-align : center;
1058         border : 1px solid #88b0f0;
1059         color : white;
1060         background : #88b0f0;
1061         border-radius : 4px;
1062         vertical-align : middle;
1063         float : right;
1064         position : relative;
1065         line-height : 14px;
1066         margin-right : 8px;
1067         margin-top : 3px;
1068         min-width : 23px;
1069         height : 14px;
1070 }
1071
1072 #feedTree img[src*='indicator_white.gif'] {
1073         position : relative;
1074         top : -2px;
1075 }
1076
1077 span.highlight {
1078         background-color : #ffff00;
1079         color : #cc90cc;
1080 }
1081
1082 div.enclosure_title {
1083
1084 }
1085
1086 body#ttrssMain #headlines-frame .dijitCheckBox {
1087         border-width : 0px;
1088         opacity : 0.5;
1089 }
1090
1091 body#ttrssMain #headlines-frame .dijitCheckBoxHover,
1092 body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
1093         opacity : 1;
1094 }
1095
1096 body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
1097         width : 16px;
1098         height : 16px;
1099         vertical-align : middle;
1100         position : relative;
1101 }
1102
1103 :focus {
1104         outline: none;
1105 }