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