css/tt-rss.less

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