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