css/tt-rss.css

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