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