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 #header a.feedback {
 724         color : #009900;
 725 }
 726
 727 a.visibleLink {
 728         color : #4684ff;
 729 }
 730
 731 a.visibleLinkB {
 732         color : #4684ff;
 733         border : 1px solid #4684ff;
 734         padding : 2px;
 735 }
 736
 737 a.visibleLinkB:hover {
 738         background-color : #ecf4ff;
 739 }
 740
 741 .hlContentH a, .hlContentH span {
 742         color : #00cc00;
 743 }
 744
 745 .hlContentL a, .hlContentL span {
 746         color : #909090;
 747         text-decoration : line-through;
 748 }
 749
 750 span.titleWrapH, span.titleWrapH a {
 751         color : #00cc00;
 752 }
 753
 754 span.titleWrapL, span.titleWrapL a {
 755         color : #909090;
 756         text-decoration : line-through;
 757 }
 758
 759 img.hlScorePic {
 760         vertical-align : middle;
 761         width : 16px;
 762         height : 16px;
 763 }
 764
 765 div.dlgSec {
 766         font-size : 12px;
 767         color : gray;
 768         font-weight : bold;
 769         clear : both;
 770         height : 20px;
 771 }
 772
 773 div.dlgSecCont {
 774         position : relative;
 775         left : 150px;
 776         top : -20px;
 777         float : left;
 778         font-size : 12px;
 779         font-weight : normal;
 780 }
 781
 782 div.dlgSecCont hr {
 783         height : 0px;
 784         line-height : 0px;
 785         border : 0px solid transparent;
 786         margin : 2px;
 787 }
 788
 789 div.dlgSecCont > * {
 790         position : relative;
 791         top : -2px;
 792 }
 793
 794 div.dlgButtons {
 795         text-align : right;
 796         clear : both;
 797 }
 798
 799 span.labelColorIndicator {
 800         height : 14px;
 801         width : 14px;
 802         line-height : 14px;
 803         font-size : 9px;
 804         display : inline-block;
 805         border : 1px solid black;
 806         background-color : #fff7d5;
 807         color : #063064;
 808         text-align : center;
 809         margin-right : 2px;
 810 }
 811
 812 span.labelColorIndicator2 {
 813         height : 14px;
 814         width : 14px;
 815         font-size : 9px;
 816         display : inline-block;
 817         border : 1px solid black;
 818         background-color : #fff7d5;
 819         color : #063064;
 820         text-align : center;
 821         margin-right : 2px;
 822         vertical-align : bottom;
 823 }
 824
 825 div#cmdline {
 826         position : absolute;
 827         left : 5px;
 828         bottom : 5px;
 829         font-size : 11px;
 830         color : gray;
 831         font-weight : bold;
 832         background-color : white;
 833         border : 1px solid #88b0f0;
 834         padding : 3px 5px 3px 5px;
 835         z-index : 5;
 836 }
 837
 838 #feed_browser_spinner {
 839         vertical-align : middle;
 840         height : 18px;
 841         width : 18px;
 842 }
 843
 844 div#auxDlg {
 845         position : absolute;
 846         z-index : 3;
 847         bottom : 5px;
 848         right : 25px;
 849         padding : 5px;
 850         border-width : 1px;
 851         border-style : solid;
 852         border-color : #d7c47a;
 853         background-color : #fff7d5;
 854         color : black;
 855         text-align : center;
 856         font-size : 13px;
 857 }
 858
 859 div#auxDlg a {
 860         color : #4684ff;
 861 }
 862
 863 div.hlTitle {
 864         display : table-cell;
 865         cursor : pointer;
 866         width : 100%;
 867         vertical-align : middle;
 868         padding-top : 4px;
 869         padding-bottom : 4px;
 870 }
 871
 872 div.hlLeft {
 873         display : table-cell;
 874         vertical-align : middle;
 875         white-space: nowrap;
 876 }
 877
 878 div.hlRight {
 879         display : table-cell;
 880         white-space: nowrap;
 881         text-align : right;
 882         vertical-align : middle;
 883 }
 884
 885 div.hlRight img {
 886         max-width : 16px;
 887         max-height : 16px;
 888 }
 889
 890 span.hlUpdated {
 891         color : gray;
 892         min-width : 100px;
 893         display : table-cell;
 894         width : 100%;
 895         vertical-align : middle;
 896         text-align : right;
 897         font-size : 10px;
 898         font-weight : normal;
 899 }
 900
 901 div.hlLeft {
 902         padding-left : 8px;
 903 }
 904
 905 div.hlLeft input {
 906         margin-left : 4px;
 907         margin-right : 4px;
 908 }
 909
 910 div.hlLeft img, div.hlRight img {
 911         margin : 0px 4px 0px 4px;
 912 }
 913
 914 div.hlLeft img {
 915         width : 16px;
 916         height : 16px;
 917 }
 918
 919 div.fatalError {
 920         margin-bottom : 10px;
 921 }
 922
 923 div.fatalError button {
 924         margin-top : 5px;
 925 }
 926
 927 div.fatalError textarea {
 928         width : 100%;
 929         height : 100px;
 930 }
 931
 932 #main {
 933         border-width : 0px;
 934         margin : 0px;
 935         padding : 0px;
 936 }
 937
 938 #header-wrap {
 939         border-width : 0px;
 940         margin : 0px;
 941         padding : 0px;
 942 }
 943
 944 #content-wrap {
 945         padding : 0px;
 946         border-width : 0px 0px 1px 1px;
 947         border-style : solid;
 948         border-color : #c0c0c0;
 949         margin : 0px;
 950 }
 951
 952 #feeds-holder {
 953         padding : 0px;
 954         border-color : #88b0f0;
 955         border-left-width : 0px;
 956         border-bottom-width : 0px;
 957         border-top-width : 0px;
 958         overflow : auto;
 959 }
 960
 961 #headlines-wrap-inner {
 962         padding : 0px;
 963         margin : 0px;
 964         border-width : 0px;
 965 }
 966
 967 #headlines-frame {
 968         padding : 0px;
 969         border-color : #88b0f0;
 970         border-left-width : 0px;
 971         border-right-width : 0px;
 972         margin-top : 0px;
 973         border-top-width : 0px;
 974 }
 975
 976 #headlines-toolbar_splitter, #toolbar_splitter {
 977         display : none;
 978 }
 979
 980 #toolbar {
 981         padding : 0px;
 982         margin : 0px;
 983         border-width : 0px;
 984         white-space: nowrap;
 985         font-size : 11px;
 986 }
 987
 988 #header {
 989         border-width : 0px;
 990         text-align : right;
 991         color : gray;
 992         padding : 5px 5px 0px 0px;
 993         margin : 0px;
 994         position : absolute;
 995         right : 0px;
 996         top : 0px;
 997         z-index : 5;
 998 }
 999
1000 #footer {
1001         text-align : center;
1002         color : gray;
1003         padding : 4px 4px 8px 4px;
1004         border-width : 0px;
1005 }
1006
1007 #content-insert {
1008         padding : 0px;
1009         border-color : #88b0f0;
1010         border-bottom-width : 0px;
1011         border-right-width : 0px;
1012         border-left-width : 0px;
1013         overflow : auto;
1014 }
1015
1016 .dijitTreeLabel.Unread {
1017         font-weight : bold;
1018 }
1019
1020 .feedParam {
1021         color : gray;
1022         float : right;
1023         margin-right : 1em;
1024 }
1025
1026 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1027         color : gray;
1028 }
1029
1030 .dijitTreeRow.Error {
1031         color : red;
1032 }
1033
1034 .dijitTreeRow.Hidden {
1035         display : none;
1036 }
1037
1038 img.feedIcon, img.tinyFeedIcon {
1039         width : 16px;
1040         height : 16px;
1041         vertical-align : middle;
1042 }
1043
1044 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1045         text-align : center;
1046         padding : 5px;
1047         color : gray;
1048 }
1049
1050 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1051         margin-right : 5px;
1052 }
1053
1054 div#pref-tabs .dijitContentPane {
1055         font-size : 12px;
1056 }
1057
1058 div#pref-tabs {
1059         margin : 0px 5px 0px 5px;
1060 }
1061
1062 div#pref-tabs .dijitContentPane h3 {
1063         font-size : 14px;
1064         font-weight : bold;
1065 }
1066
1067 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1068 #pref-label-wrap, #pref-label-header, #pref-label-content,
1069 #pref-user-wrap, #pref-user-header, #pref-user-content,
1070 #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
1071         margin : 0px;
1072         padding : 0px;
1073         border-width : 0px;
1074 }
1075
1076 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
1077         padding : 0px;
1078 }
1079
1080 #errorButton {
1081         color : red;
1082 }
1083
1084 span.labelFixedLength {
1085         display : inline-block;
1086         width : 70%;
1087 }
1088
1089 #filter_dlg_date_chk_box {
1090         display : inline-block;
1091 }
1092
1093 .dijitDialog .dijitToolbar {
1094         border : 1px solid #c0c0c0;
1095 }
1096
1097 a.bookmarklet {
1098         color : #4684ff;
1099         border : 1px solid #ecf4ff;
1100         padding : 2px;
1101 }
1102
1103 .player {
1104         display : inline-block;
1105         color : gray;
1106         font-size : 11px;
1107         font-family : sans-serif;
1108         border : 1px solid gray;
1109         padding : 0px 4px 0px 4px;
1110         margin : 0px 2px 0px 2px;
1111         width : 50px;
1112         text-align : center;
1113         background : white;
1114 }
1115 .player.playing {
1116         color : #00c000;
1117         border-color : #00c000;
1118 }
1119
1120 .player:hover {
1121         background : #f0f0f0;
1122         cursor : pointer;
1123 }
1124
1125 #headlines-spacer {
1126         height : 100%;
1127         margin-left : 1px;
1128         text-align : center;
1129         padding : 1em;
1130         color : gray;
1131 }
1132
1133 td.error {
1134         color : red;
1135 }
1136
1137 div.dialogNotice {
1138         margin-bottom : 5px;
1139         color : gray;
1140 }
1141
1142 ul#filterDlg_Matches, ul#filterDlg_Actions {
1143         max-height : 100px;
1144         overflow : auto;
1145         list-style-type : none;
1146         border-style : solid;
1147         border-color : #c0c0c0;
1148         border-width : 0px 1px 1px 1px;
1149         background-color : #ecf4ff;
1150         margin : 0px 0px 5px 0px;
1151         padding : 0px;
1152 }
1153
1154 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1155         cursor : pointer;
1156         padding : 0px 0px 0px 5px;
1157 }
1158
1159 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1160         margin-right : 5px;
1161 }
1162
1163 table.prefPluginsList td label, table.prefUserList td {
1164         cursor : pointer;
1165 }
1166
1167 ul.helpKbList {
1168         max-height : 300px;
1169         overflow : auto;
1170         list-style-type : none;
1171         border : 1px solid #c0c0c0;
1172         background-color : #ecf4ff;
1173         margin : 0px 0px 5px 0px;
1174         padding : 5px;
1175 }
1176
1177 ul.helpKbList span.hksequence {
1178         width : 6em;
1179         margin-left : 20px;
1180         color : #88b0f0;
1181         font-weight : bold;
1182         display : inline-block;
1183 }
1184
1185 ul.helpKbList h2 {
1186         margin-top : 0px;
1187 }