css/tt-rss.less

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