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 body#ttrssZoom {
 982         margin-left : auto;
 983         margin-right : auto;
 984         padding : 20px;
 985         max-width : 670px;
 986         background : #f9fbff;
 987 }
 988
 989 body#ttrssZoom div.postHeader div.postFeedTitle {
 990         float : left;
 991         text-align : right;
 992         padding-left : 0px;
 993         font-size : 10px;
 994 }
 995
 996 body#ttrssZoom div.postHeader a.postComments {
 997         text-align : right;
 998         padding-left : 0px;
 999         font-size : 10px;
1000 }
1001
1002 body#ttrssZoom div.postHeader div.postDate {
1003         float : none;
1004         text-align : right;
1005         padding-left : 0px;
1006         color : #777;
1007         font-size : 10px;
1008 }
1009
1010 body#ttrssZoom div.postHeader div.postTags {
1011         color : #777;
1012         font-size : 10px;
1013 }
1014
1015 body#ttrssZoom div.postHeader div.postTitle {
1016         white-space : normal;
1017 }
1018
1019 body#ttrssZoom div.postContent p {
1020         max-width : 650px;
1021         -webkit-hyphens: auto;
1022         -moz-hyphens: auto;
1023         hyphens: auto;
1024 }
1025
1026 body#ttrssZoom div.postHeader {
1027         margin : 10px;
1028         border : 1px solid #ccc;
1029 }
1030
1031 body#ttrssZoom div.postReply {
1032         border : 1px solid #ccc;
1033         background : white;
1034 }
1035
1036 body#ttrssZoom div.postContent {
1037
1038 }
1039
1040 body#ttrssZoom div.footer {
1041         margin-top : 1em;
1042         text-align : center;
1043 }
1044
1045 body#ttrssZoom div.postContent img {
1046         max-width : 650px;
1047         height : auto;
1048 }
1049
1050 select.attachments {
1051         display : block;
1052         margin-top : 10px;
1053         max-width : 120px;
1054 }
1055
1056 #selected_prompt {
1057         margin-right : 25px;
1058 }
1059
1060 #feedTree img.feedIcon {
1061         position : relative;
1062         top : -2px;
1063 }
1064
1065 body#ttrssMain #feedTree .dijitTreeRow {
1066         padding : 2px 0px 2px;
1067         height : 22px;
1068         border-width : 1px;
1069         color : #333;
1070 }
1071
1072 .claro .dijitTreeRow {
1073         border-color : transparent;
1074 }
1075
1076 .claro .dijitFolderClosed,
1077 .claro .dijitFolderOpened {
1078         display : none;
1079 }
1080
1081 .claro .dijitTreeNode .dijitCheckBox {
1082         margin-left : 4px;
1083 }
1084
1085 .claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
1086         margin-left : 5px;
1087 }
1088
1089 .claro .dijitTree .dijitTreeExpando {
1090         margin-top : 0px;
1091         opacity : 0.6;
1092 }
1093
1094 .claro .dijitTreeNode {
1095         padding : 0px;
1096         border-width : 0px;
1097 }
1098
1099 body#ttrssMain #feedTree {
1100         height : 100%;
1101         overflow-x : hidden;
1102         font-family : "Segoe UI", Tahoma, sans-serif;
1103 }
1104
1105 body#ttrssMain #feedTree .counterNode.aux {
1106         background : #f0f0f0;
1107         color : #999;
1108         border-color : #f0f0f0;
1109 }
1110
1111 body#ttrssMain #feedTree .counterNode {
1112         font-weight : bold;
1113         display : inline-block;
1114         font-size : 9px;
1115         text-align : center;
1116         border : 1px solid #88b0f0;
1117         color : white;
1118         background : #88b0f0;
1119         border-radius : 4px;
1120         vertical-align : middle;
1121         float : right;
1122         position : relative;
1123         line-height : 14px;
1124         margin-right : 8px;
1125         margin-top : 3px;
1126         min-width : 23px;
1127         height : 14px;
1128 }
1129
1130 .claro .dijitTree .dijitTreeRow {
1131         max-width: 100%;
1132         overflow: hidden;
1133         text-overflow: ellipsis;
1134 }
1135
1136 body#ttrssPrefs hr {
1137         border-color : #ecf4ff;
1138         max-width : 100%;
1139 }
1140
1141 .claro .dijitMenuItemLabel {
1142         font-size : 13px;
1143 }
1144
1145 .claro .dijitTree .dijitTreeRowSelected {
1146         background : white;
1147 }
1148
1149 .claro .dijitTree .dijitTreeRowHover {
1150         background : #ecf4ff;
1151 }
1152
1153 .claro .dijitTree .dijitTreeRowActive {
1154         background-color : transparent;
1155         background-image : none;
1156         border-color : transparent;
1157 }
1158
1159 .claro .dijitTreeRowSelected .dijitTreeLabel,
1160 .claro .dijitTreeRowSelected .dijitTreeLabel {
1161         color : #4684ff;
1162         font-weight : bold;
1163 }
1164
1165 .claro .dijitTreeRowHover .dijitTreeLabel,
1166 .claro .dijitTreeRowHover .dijitTreeLabel {
1167         color : #4684ff;
1168 }
1169
1170 .claro .dijitTreeRowSelected .dijitTreeLabel {
1171         text-shadow : 1px 1px 2px #fff;
1172 }
1173
1174 #feedTree img[src*='indicator_white.gif'] {
1175         position : relative;
1176         top : -2px;
1177 }
1178
1179 span.highlight {
1180         background-color : #ffff00;
1181         color : #cc90cc;
1182 }
1183
1184 .claro .dijitTreeRow .dijitTreeExpando {
1185         background-image: url("../images/treeExpandImages.png");
1186         position : relative;
1187         top : -1px;
1188 }
1189
1190 .claro .dijitTreeRow .dijitTreeExpandoLeaf {
1191         background : none;
1192 }
1193
1194 body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
1195         display : none;
1196 }
1197
1198 div.enclosure_title {
1199
1200 }
1201
1202 body#ttrssMain #headlines-frame .dijitCheckBox {
1203         border-width : 0px;
1204 }
1205
1206 .claro .dijitCheckBox {
1207         background-image : url("../images/untick.png");
1208         background-color : transparent;
1209         width : 16px;
1210         height : 16px;
1211         background-position : center center;
1212         opacity : 0.6;
1213         -webkit-transition : opacity 0.25s;
1214         transition : opacity 0.25s;
1215         border : 1px solid #eee;
1216         border-radius : 2px;
1217         padding : 1px;
1218 }
1219 .claro .dijitCheckBox:hover {
1220         opacity : 1;
1221 }
1222
1223 .claro .dijitCheckBox.dijitCheckBoxChecked {
1224         border-color : #ddffdd;
1225         background-image : url("../images/tick.png");
1226         opacity : 1;
1227 }
1228
1229 :focus {
1230         outline: none;
1231 }