css/tt-rss.less

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