css/tt-rss.less

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