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