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 }
 411
 412 div.tagCloudContainer {
 413         border : 1px solid #eee;
 414         background-color : #f5f5f5;
 415         margin : 5px 0px 5px 0px;
 416         padding : 5px;
 417         text-align : center;
 418 }
 419
 420 div.errorExplained {
 421         border : 1px solid #eee;
 422         background-color : #f5f5f5;
 423         margin : 5px 0px 5px 0px;
 424         padding : 5px;
 425 }
 426
 427 ul.feedErrorsList {
 428         max-height : 300px;
 429         overflow : auto;
 430         list-style-type : none;
 431         border : 1px solid #eee;
 432         background-color : #f5f5f5;
 433         margin : 0px 0px 5px 0px;
 434         padding : 5px;
 435 }
 436
 437 ul.feedErrorsList em {
 438         color : #555;
 439 }
 440
 441 ul.browseFeedList {
 442         height : 300px;
 443         overflow : auto;
 444         border-width : 0px 1px 1px 1px;
 445         border-color : #eee;
 446         border-style : solid;
 447         margin : 0px 0px 5px 0px;
 448         background-color : white;
 449         list-style-type : none;
 450         padding : 0px;
 451
 452 }
 453
 454 ul.browseFeedList li {
 455         margin : 0px;
 456         padding : 2px 4px 2px 4px;
 457 }
 458
 459 span.subscribers {
 460         color : #808080;
 461 }
 462
 463 div.subscribers {
 464         color : #808080;
 465         font-size : 12px;
 466         float : right;
 467 }
 468
 469 div.browserDetails {
 470         margin : 5px 5px 5px 5px;
 471         padding : 5px;
 472 }
 473
 474 ul.compact {
 475         list-style-type : none;
 476         margin : 0px;
 477         padding : 0px;
 478 }
 479
 480 ul.compact li {
 481         margin : 0px;
 482         padding : 0px;
 483 }
 484
 485 .noborder {
 486         border-width : 0px;
 487 }
 488
 489 #overlay {
 490         background : white;
 491         left : 0;
 492         top : 0;
 493         height : 100%;
 494         width : 100%;
 495         z-index : 100;
 496         position : absolute;
 497 }
 498
 499 #overlay_inner {
 500         font-weight : bold;
 501         margin : 1em;
 502 }
 503
 504 form {
 505         margin : 0px;
 506         padding : 0px;
 507 }
 508
 509 div.loadingPrompt {
 510         padding : 1em;
 511         text-align : center;
 512         font-weight : bold;
 513 }
 514
 515 div.whiteBox {
 516         margin-left : 1px;
 517         text-align : center;
 518         padding : 1em;
 519 }
 520
 521 div.autocomplete {
 522         position : absolute;
 523         width : 250px;
 524         background-color : white;
 525         border :1px solid #778899;
 526         margin : 0px;
 527         padding : 0px;
 528 }
 529
 530 div.autocomplete ul {
 531         list-style-type : none;
 532         margin : 0px;
 533         padding : 0px;
 534 }
 535
 536 div.autocomplete ul li.selected {
 537         background-color : #fff7d5;
 538 }
 539
 540 div.autocomplete ul li {
 541         list-style-type : none;
 542         display : block;
 543         margin : 0;
 544         padding : 2px;
 545         height : 32px;
 546         cursor : pointer;
 547 }
 548
 549 .hlTitle {
 550         overflow : hidden;
 551         white-space : nowrap;
 552         max-width : 500px;
 553         text-overflow : ellipsis;
 554 }
 555
 556 div#headlines-frame.wide .hlTitle {
 557         max-width : auto;
 558         overflow : visible;
 559         white-space : normal;
 560 }
 561
 562 .hl a.title.high, span.hlContent.high .contentPreview {
 563         color : #00aa00;
 564 }
 565 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
 566         color : #00dd00;
 567 }
 568
 569 .hl a.title.low, span.hlContent.low .contentPreview,
 570 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
 571         color : #909090;
 572         text-decoration : line-through;
 573 }
 574
 575 img.hlScorePic {
 576         vertical-align : middle;
 577         width : 16px;
 578         height : 16px;
 579 }
 580
 581 div.dlgSec {
 582         font-size : 12px;
 583         color : #555;
 584         font-weight : bold;
 585         clear : both;
 586         height : 20px;
 587 }
 588
 589 div.dlgSecCont {
 590         position : relative;
 591         left : 150px;
 592         top : -20px;
 593         float : left;
 594         font-size : 12px;
 595         font-weight : normal;
 596 }
 597
 598 div.dlgSecCont hr {
 599         height : 0px;
 600         line-height : 0px;
 601         border : 0px solid transparent;
 602         margin : 2px;
 603 }
 604
 605 div.dlgSecCont > * {
 606         position : relative;
 607         top : -2px;
 608 }
 609
 610 div.dlgButtons {
 611         text-align : right;
 612         clear : both;
 613 }
 614
 615 span.labelColorIndicator {
 616         height : 16px;
 617         width : 16px;
 618         border-radius : 4px;
 619         line-height : 14px;
 620         vertical-align : middle;
 621         font-size : 9px;
 622         display : inline-block;
 623         border : 1px solid #ccc;
 624         background-color : #fff7d5;
 625         color : #063064;
 626         text-align : center;
 627 }
 628
 629 div#cmdline {
 630         position : absolute;
 631         left : 5px;
 632         bottom : 5px;
 633         font-size : 11px;
 634         color : #555;
 635         font-weight : bold;
 636         background-color : white;
 637         border : 1px solid #88b0f0;
 638         padding : 3px 5px 3px 5px;
 639         z-index : 5;
 640 }
 641
 642 #feed_browser_spinner {
 643         vertical-align : middle;
 644         height : 18px;
 645         width : 18px;
 646 }
 647
 648 div.hlTitle {
 649         display : table-cell;
 650         cursor : pointer;
 651         width : 100%;
 652         vertical-align : middle;
 653         padding-top : 4px;
 654         padding-bottom : 4px;
 655 }
 656
 657 div.hlLeft {
 658         display : table-cell;
 659         vertical-align : middle;
 660         white-space: nowrap;
 661 }
 662
 663 div.hlRight {
 664         display : table-cell;
 665         white-space: nowrap;
 666         text-align : right;
 667         vertical-align : middle;
 668 }
 669
 670 div.hlRight img {
 671         max-width : 16px;
 672         max-height : 16px;
 673 }
 674
 675 span.hlUpdated {
 676         color : #555;
 677         min-width : 100px;
 678         display : table-cell;
 679         width : 100%;
 680         vertical-align : middle;
 681         text-align : right;
 682         font-size : 10px;
 683 }
 684
 685 div.hlLeft {
 686         padding-left : 8px;
 687 }
 688
 689 div.hlLeft input {
 690         margin-left : 4px;
 691         margin-right : 4px;
 692 }
 693
 694 div.hlLeft img, div.hlRight img {
 695         margin : 0px 4px;
 696 }
 697
 698 div.hlLeft img {
 699         width : 16px;
 700         height : 16px;
 701 }
 702
 703 div.fatalError {
 704         margin-bottom : 10px;
 705 }
 706
 707 div.fatalError button {
 708         margin-top : 5px;
 709 }
 710
 711 div.fatalError textarea {
 712         width : 100%;
 713         height : 100px;
 714 }
 715
 716 #ttrssMain #main {
 717         border-width : 0px;
 718         margin : 0px;
 719         padding : 0px;
 720 }
 721
 722 #header-wrap {
 723         border-width : 0px;
 724         margin : 0px;
 725         padding : 0px;
 726 }
 727
 728 #content-wrap {
 729         padding : 0px;
 730         border-width : 0px;
 731         border-style : solid;
 732         border-color : #eee;
 733         margin : 0px;
 734 }
 735
 736 #feeds-holder {
 737         padding : 0px;
 738         border-width : 0px 1px 0px 0px;
 739         border-style : solid;
 740         border-color : #eee;
 741         overflow : hidden;
 742         background : #f5f5f5;
 743 }
 744
 745 #headlines-wrap-inner {
 746         padding : 0px;
 747         margin : 0px;
 748         border-width : 0px;
 749 }
 750
 751 #headlines-frame {
 752         padding : 0px;
 753         border-color : #eee;
 754         border-style : solid;
 755         border-width : 0px;
 756         margin-top : 0px;
 757 }
 758
 759 #headlines-toolbar_splitter, #toolbar_splitter {
 760         display : none;
 761 }
 762
 763 #toolbar {
 764         padding : 0px;
 765         margin : 0px;
 766         border-width : 0px;
 767         white-space: nowrap;
 768         font-size : 12px;
 769 }
 770
 771 #main-toolbar {
 772         background : white;
 773         border-width : 0px 0px 1px 1px;
 774         border-color : #eee;
 775         border-style : solid;
 776         padding-left : 4px;
 777         height : 26px;
 778
 779 }
 780
 781 #header {
 782         border-width : 0px;
 783         text-align : right;
 784         color : #555;
 785         padding : 5px 5px 0px 0px;
 786         margin : 0px;
 787         position : absolute;
 788         right : 0px;
 789         top : 0px;
 790         z-index : 5;
 791 }
 792
 793 #footer {
 794         text-align : center;
 795         color : #555;
 796         padding : 4px 4px 8px 4px;
 797         border-width : 0px;
 798 }
 799
 800 #content-insert {
 801         padding : 0px;
 802         border-color : #eee;
 803         border-width : 0px;
 804         line-height: 20px;
 805         overflow : auto;
 806 }
 807
 808 #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
 809         font-weight : bold;
 810 }
 811
 812 #feedTree .dijitTreeRow.Error .dijitTreeLabel {
 813         color : red;
 814 }
 815
 816 .claro .dijitTreeLabel {
 817         outline : 0;
 818 }
 819
 820 .feedParam {
 821         color : #555;
 822         float : right;
 823         margin-right : 1em;
 824 }
 825
 826 .labelParam {
 827         float : right;
 828         margin-right : 1em;
 829 }
 830
 831 .dijitTreeLabel.Disabled, .labelParam.Disabled {
 832         color : #555;
 833 }
 834
 835 .dijitTreeRow.Error {
 836         color : red;
 837 }
 838
 839 .dijitTreeRow.Hidden {
 840         display : none;
 841 }
 842
 843 img.feedIcon, img.tinyFeedIcon {
 844         width : 16px;
 845         height : 16px;
 846         line-height : 16px;
 847         vertical-align : middle;
 848         display : inline-block;
 849 }
 850
 851 .dijitToolbar {
 852         text-shadow : 1px 1px 2px #fff;
 853 }
 854
 855 .dijitAccordionTitleFocus {
 856         text-shadow : 1px 1px 2px #fff;
 857 }
 858
 859 .dijitDialog .dijitToolbar {
 860         border : 1px solid #eee;
 861 }
 862
 863 .dijitDialog h2 {
 864         margin-top : 0px;
 865         margin-bottom : 4px;
 866         border-width : 0px;
 867 }
 868
 869 .player {
 870         display : inline-block;
 871         color : #555;
 872         font-size : 11px;
 873         font-family : sans-serif;
 874         border : 1px solid #555;
 875         padding : 0px 4px 0px 4px;
 876         margin : 0px 2px 0px 2px;
 877         width : 50px;
 878         text-align : center;
 879         background : white;
 880 }
 881
 882 .player.playing {
 883         color : #00c000;
 884         border-color : #00c000;
 885 }
 886
 887 .player:hover {
 888         background : #f0f0f0;
 889         cursor : pointer;
 890 }
 891
 892 #headlines-spacer {
 893         height : 100%;
 894         margin-left : 1px;
 895         text-align : center;
 896         padding : 1em;
 897         color : #555;
 898 }
 899
 900
 901 ul#filterDlg_Matches, ul#filterDlg_Actions {
 902         max-height : 100px;
 903         overflow : auto;
 904         list-style-type : none;
 905         border-style : solid;
 906         border-color : #eee;
 907         border-width : 0px 1px 1px 1px;
 908         background-color : #f5f5f5;
 909         margin : 0px 0px 5px 0px;
 910         padding : 0px;
 911 }
 912
 913 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 914         cursor : pointer;
 915         padding : 0px 0px 0px 5px;
 916 }
 917
 918 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
 919         margin-right : 5px;
 920 }
 921
 922 ul.helpKbList {
 923         max-height : 300px;
 924         overflow : auto;
 925         list-style-type : none;
 926         border : 1px solid #eee;
 927         background-color : #f5f5f5;
 928         margin : 0px 0px 5px 0px;
 929         padding : 5px;
 930 }
 931
 932 ul.helpKbList span.hksequence {
 933         width : 6em;
 934         margin-left : 20px;
 935         color : #88b0f0;
 936         font-weight : bold;
 937         display : inline-block;
 938 }
 939
 940 ul.helpKbList h2 {
 941         margin-top : 0px;
 942 }
 943
 944 .dijitTreeNode .loadingNode {
 945         margin-left : 3px;
 946         height : 9px;
 947 }
 948
 949 span.collapseBtn {
 950         cursor : pointer;
 951 }
 952
 953 div.postContent p {
 954         max-width : 650px;
 955         -webkit-hyphens: auto;
 956         -moz-hyphens: auto;
 957         hyphens: auto;
 958 }
 959
 960 div.postContent iframe {
 961         min-width : 50%;
 962 }
 963
 964 div.postHeader span.author {
 965         color : #555;
 966         font-size : 11px;
 967         font-weight : normal;
 968 }
 969
 970 body#ttrssZoom {
 971         margin-left : auto;
 972         margin-right : auto;
 973         padding : 20px;
 974         max-width : 670px;
 975         background : #f9fbff;
 976 }
 977
 978 body#ttrssZoom div.postHeader div.postFeedTitle {
 979         float : left;
 980         text-align : right;
 981         padding-left : 0px;
 982         font-size : 10px;
 983 }
 984
 985 body#ttrssZoom div.postHeader a.postComments {
 986         text-align : right;
 987         padding-left : 0px;
 988         font-size : 10px;
 989 }
 990
 991 body#ttrssZoom div.postHeader div.postDate {
 992         float : none;
 993         text-align : right;
 994         padding-left : 0px;
 995         color : #777;
 996         font-size : 10px;
 997 }
 998
 999 body#ttrssZoom div.postHeader div.postTags {
1000         color : #777;
1001         font-size : 10px;
1002 }
1003
1004 body#ttrssZoom div.postHeader div.postTitle {
1005         white-space : normal;
1006 }
1007
1008 body#ttrssZoom div.postContent p {
1009         max-width : 650px;
1010         -webkit-hyphens: auto;
1011         -moz-hyphens: auto;
1012         hyphens: auto;
1013 }
1014
1015 body#ttrssZoom div.postHeader {
1016         margin : 10px;
1017         border : 1px solid #ccc;
1018 }
1019
1020 body#ttrssZoom div.postReply {
1021         border : 1px solid #ccc;
1022         background : white;
1023 }
1024
1025 body#ttrssZoom div.postContent {
1026
1027 }
1028
1029 body#ttrssZoom div.footer {
1030         margin-top : 1em;
1031         text-align : center;
1032 }
1033
1034 body#ttrssZoom div.postContent img {
1035         max-width : 650px;
1036         height : auto;
1037 }
1038
1039 select.attachments {
1040         display : block;
1041         margin-top : 10px;
1042         max-width : 120px;
1043 }
1044
1045 #selected_prompt {
1046         margin-right : 25px;
1047 }
1048
1049 #feedTree img.feedIcon {
1050         position : relative;
1051         top : -2px;
1052 }
1053
1054 body#ttrssMain #feedTree .dijitTreeRow {
1055         padding : 2px 0px 2px;
1056         height : 22px;
1057         border-width : 1px;
1058         color : #333;
1059 }
1060
1061 .claro .dijitTreeRow {
1062         border-color : transparent;
1063 }
1064
1065 .claro .dijitFolderClosed,
1066 .claro .dijitFolderOpened {
1067         display : none;
1068 }
1069
1070 .claro .dijitTreeNode .dijitCheckBox {
1071         margin-left : 4px;
1072 }
1073
1074 .claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
1075         margin-left : 5px;
1076 }
1077
1078 .claro .dijitTree .dijitTreeExpando {
1079         margin-top : 0px;
1080         opacity : 0.6;
1081 }
1082
1083 .claro .dijitTreeNode {
1084         padding : 0px;
1085         border-width : 0px;
1086 }
1087
1088 body#ttrssMain #feedTree {
1089         height : 100%;
1090         overflow-x : hidden;
1091         font-family : "Segoe UI", Tahoma, sans-serif;
1092 }
1093
1094 body#ttrssMain #feedTree .counterNode.aux {
1095         background : #f0f0f0;
1096         color : #999;
1097         border-color : #f0f0f0;
1098 }
1099
1100 body#ttrssMain #feedTree .counterNode {
1101         font-weight : bold;
1102         display : inline-block;
1103         font-size : 9px;
1104         text-align : center;
1105         border : 1px solid #88b0f0;
1106         color : white;
1107         background : #88b0f0;
1108         border-radius : 4px;
1109         vertical-align : middle;
1110         float : right;
1111         position : relative;
1112         line-height : 14px;
1113         margin-right : 8px;
1114         margin-top : 3px;
1115         min-width : 23px;
1116         height : 14px;
1117 }
1118
1119 .claro .dijitTree .dijitTreeRow {
1120         max-width: 100%;
1121         overflow: hidden;
1122         text-overflow: ellipsis;
1123 }
1124
1125 body#ttrssPrefs hr {
1126         border-color : #ecf4ff;
1127         max-width : 100%;
1128 }
1129
1130 .claro .dijitMenuItemLabel {
1131         font-size : 13px;
1132 }
1133
1134 .claro .dijitTree .dijitTreeRowSelected {
1135         background : white;
1136 }
1137
1138 .claro .dijitTree .dijitTreeRowHover {
1139         background : #ecf4ff;
1140 }
1141
1142 .claro .dijitTree .dijitTreeRowActive {
1143         background-color : transparent;
1144         background-image : none;
1145         border-color : transparent;
1146 }
1147
1148 .claro .dijitTreeRowSelected .dijitTreeLabel,
1149 .claro .dijitTreeRowSelected .dijitTreeLabel {
1150         color : #4684ff;
1151         font-weight : bold;
1152 }
1153
1154 .claro .dijitTreeRowHover .dijitTreeLabel,
1155 .claro .dijitTreeRowHover .dijitTreeLabel {
1156         color : #4684ff;
1157 }
1158
1159 .claro .dijitTreeRowSelected .dijitTreeLabel {
1160         text-shadow : 1px 1px 2px #fff;
1161 }
1162
1163 #feedTree img[src*='indicator_white.gif'] {
1164         position : relative;
1165         top : -2px;
1166 }
1167
1168 span.highlight {
1169         background-color : #ffff00;
1170         color : #cc90cc;
1171 }
1172
1173 .claro .dijitTreeRow .dijitTreeExpando {
1174         background-image: url("../images/treeExpandImages.png");
1175         position : relative;
1176         top : -1px;
1177 }
1178
1179 .claro .dijitTreeRow .dijitTreeExpandoLeaf {
1180         background : none;
1181 }
1182
1183 body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
1184         display : none;
1185 }
1186
1187 div.enclosure_title {
1188
1189 }
1190
1191