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