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