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         background : #f5f5f5;
  29         border-width : 1px;
  30         border-color : #eee;
  31         border-style : solid;
  32 }
  33
  34 div.postReply div.postTitle {
  35         overflow : hidden;
  36         text-overflow: ellipsis;
  37         white-space : nowrap;
  38 }
  39
  40 div.postReply div.postDate {
  41         padding-left : 10px;
  42 }
  43
  44 div.postReply div.postContent {
  45         padding : 10px;
  46 }
  47
  48 div.postReply div.postContent img {
  49         border-width : 0px;
  50         max-width : 98%;
  51         height: auto;
  52 }
  53
  54 div.postReply div.postEnclosures {
  55         margin-top : 1em;
  56         color : #555;
  57 }
  58
  59 div.postReply img.tagsPic {
  60         width : 16px;
  61         height : 16px;
  62         margin-left : 4px;
  63         vertical-align : middle;
  64 }
  65
  66 div.articleNote {
  67         background-color : #fff7d5;
  68         padding : 5px;
  69         margin : 5px;
  70         border-style : solid;
  71         border-color : #e7d796;
  72         border-width : 1px;
  73         background-color : #fff7d5;
  74         color : #9a8c59;
  75 }
  76
  77 div.articleNote div.noteEdit {
  78         float : right;
  79         cursor : pointer;
  80 }
  81
  82 div.postReply span.author {
  83         font-size : 12px;
  84 }
  85
  86 h1 {
  87         font-size : 18px;
  88 }
  89
  90 h2 {
  91         font-size : 16px;
  92         font-weight : bold;
  93         border-width : 0px 0px 1px 0px;
  94         border-style : solid;
  95         border-color : #ecf4ff;
  96 }
  97
  98 h3 {
  99         font-size : 12px;
 100         font-weight : bold;
 101         border-width : 0px 0px 1px 0px;
 102         border-style : solid;
 103         border-color : #ecf4ff;
 104 }
 105
 106 hr {
 107         border-width : 0px 0px 1px 0px;
 108         border-style : solid;
 109         border-color : #ccc;
 110 }
 111
 112 a {
 113         color : #4684ff;
 114         text-decoration : none;
 115 }
 116
 117 a:hover {
 118         color : #88b0f0;
 119 }
 120
 121 #piggie {
 122         z-index : 999;
 123         position : absolute;
 124 }
 125
 126 #notify {
 127         bottom : 10px;
 128         right : 20px;
 129         border-width : 1px;
 130         border-style : solid;
 131         position : absolute;
 132         font-size : 12px;
 133         z-index : 99;
 134         max-width : 200px;
 135         min-width : 100px;
 136         padding : 5px;
 137         -width : 200px;
 138 }
 139
 140 #notify img {
 141         vertical-align : middle;
 142         max-height : 14px;
 143 }
 144
 145 #notify span.msg {
 146         width : 100%;
 147 }
 148
 149 #notify span.close {
 150         text-align : right;
 151 }
 152
 153 #notify span {
 154         display : table-cell;
 155         vertical-align : middle;
 156         padding : 4px;
 157 }
 158
 159 .notify {
 160         border-color : #d7c47a;
 161         background-color : #fff7d5;
 162 }
 163
 164 .notify.progress {
 165         border-color : #d7c47a;
 166         background-color : #fff7d5;
 167 }
 168
 169 .notify.info {
 170         border-color : #88b0f0;
 171         background-color : #ecf4ff;
 172 }
 173
 174 .notify.error {
 175         background-color : #ffcccc;
 176         border-color : #ff0000;
 177 }
 178
 179 .hl div.hlTitle a {
 180         font-weight : bold;
 181         color : #777;
 182 }
 183
 184 .hl.Unread div.hlTitle a {
 185         color : black;
 186 }
 187
 188 .hl.active div.hlTitle a {
 189         color : #4684ff;
 190         text-shadow : 1px 1px 2px #fff;
 191 }
 192
 193 .hl.Selected {
 194         background : #f9fbff;
 195 }
 196
 197 .hl.Grayed {
 198         color : #909090;
 199 }
 200
 201 .hl {
 202         border-width : 0px 0px 1px 0px;
 203         border-style : solid;
 204         border-color : #eee;
 205 }
 206
 207 .hl.active {
 208         background : #ecf4ff ! important;
 209 }
 210
 211 div.filterTestHolder {
 212         height : 300px;
 213         overflow : auto;
 214         border-color : #eee;
 215         border-style : solid;
 216         margin : 0px 0px 5px 0px;
 217         background-color : #f5f5f5;
 218         border-width : 1px;
 219 }
 220
 221
 222 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 223         margin : 5px 0px 5px 0px;
 224         color : #555;
 225         padding-left : 10px;
 226         border-width : 0px 0px 0px 4px;
 227         border-color : #ccc;
 228         border-style : solid;
 229 }
 230
 231 #content-insert code, #headlines-frame code, .dijitContentPane code {
 232         color : #009900;
 233         font-family : monospace;
 234         font-size : 12px;
 235 }
 236
 237 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 238         margin : 5px 0px 5px 0px;
 239         padding : 10px;
 240         color : #555;
 241         font-family : monospace;
 242         font-size : 12px;
 243         border-width : 0px;
 244         border-color : #ccc;
 245         border-style : solid;
 246         background : #f5f5f5;
 247         display : block;
 248         max-width : 98%;
 249         overflow : auto;
 250 }
 251
 252 div.notice, div.warning, div.error {
 253         padding : 4px 10px 4px 4px;
 254         display : inline-block;
 255         margin : 2px 0px 4px 0px;
 256         font-size : 12px;
 257         border-style : solid;
 258         border-color : #ccc;
 259         border-width : 1px;
 260 }
 261
 262 div.notice div.inner, div.warning div.inner, div.error div.inner {
 263         vertical-align : middle;
 264 }
 265
 266 div.notice {
 267         background : #ecf4ff;
 268         border-color : #88b0f0;
 269 }
 270
 271 div.warning {
 272         background : #fff7d5;
 273         border-color : #e7d796;;
 274 }
 275
 276 div.error {
 277         background : #ffcccc;
 278         border-color : #ff0000;
 279 }
 280
 281 div.warning img, div.notice img, div.error img {
 282         margin : 4px;
 283         vertical-align : middle;
 284 }
 285
 286 div.warning span, div.notice span, div.error span {
 287         display : table-cell;
 288         vertical-align : middle;
 289
 290 }
 291
 292 ul.nomarks {
 293         list-style-type : none;
 294         margin : 0px;
 295         padding : 10px;
 296 }
 297
 298 div.prefHelp {
 299         color : #555;
 300         padding : 5px;
 301 }
 302
 303 .insensitive {
 304         color : #555;
 305 }
 306
 307 #main-toolbar > * {
 308         white-space : nowrap;
 309         display : table-cell;
 310         color : #999;
 311         font-family : "Segoe UI", Tahoma, sans-serif;
 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 .claro .dijitTreeRowSelected .dijitTreeLabel {
1092         color : #4684ff;
1093         font-weight : bold;
1094 }
1095
1096 .claro .dijitTreeRowHover .dijitTreeLabel,
1097 .claro .dijitTreeRowHover .dijitTreeLabel {
1098         color : #4684ff;
1099 }
1100
1101 .claro .dijitTreeRowSelected .dijitTreeLabel {
1102         text-shadow : 1px 1px 2px #fff;
1103 }
1104
1105 #feedTree img[src*='indicator_white.gif'] {
1106         position : relative;
1107         top : -2px;
1108 }
1109
1110 span.highlight {
1111         background-color : #ffff00;
1112         color : #cc90cc;
1113 }
1114
1115 .claro .dijitTreeRow .dijitTreeExpando {
1116         background-image: url("../images/treeExpandImages.png");
1117         position : relative;
1118         top : -1px;
1119 }
1120
1121 .claro .dijitTreeRow .dijitTreeExpandoLeaf {
1122         background : none;
1123 }
1124
1125 body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
1126         display : none;
1127 }
1128
1129 div.enclosure_title {
1130
1131 }
1132
1133 body#ttrssMain #headlines-frame .dijitCheckBox {
1134         border-width : 0px;
1135 }
1136
1137 .claro .dijitCheckBox {
1138         background-image : url("../images/untick.png");
1139         background-color : transparent;
1140         width : 16px;
1141         height : 16px;
1142         background-position : center center;
1143         opacity : 0.6;
1144         -webkit-transition : opacity 0.25s;
1145         transition : opacity 0.25s;
1146         border : 1px solid #eee;
1147         border-radius : 2px;
1148         padding : 1px;
1149 }
1150 .claro .dijitCheckBox:hover {
1151         opacity : 1;
1152 }
1153
1154 .claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
1155         opacity : 0.6;
1156 }
1157
1158 .claro .dijitCheckBox.dijitCheckBoxChecked {
1159         border-color : #ddffdd;
1160         background-image : url("../images/tick.png");
1161         opacity : 1;
1162 }
1163
1164 :focus {
1165         outline: none;
1166 }