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         white-space: nowrap;
 489 }
 490
 491 div.hlFeed a:hover {
 492         color : #4684ff;
 493 }
 494
 495 img.markedPic {
 496         cursor : pointer;
 497         vertical-align : middle;
 498 }
 499
 500 a.warning {
 501         color : #f04040;
 502 }
 503
 504 div.tagCloudContainer {
 505         border : 1px solid #c0c0c0;
 506         background-color : #ecf4ff;
 507         margin : 5px 0px 5px 0px;
 508         padding : 5px;
 509         text-align : center;
 510 }
 511
 512 div.errorExplained {
 513         border : 1px solid #c0c0c0;
 514         background-color : #ecf4ff;
 515         margin : 5px 0px 5px 0px;
 516         padding : 5px;
 517 }
 518
 519 ul.feedErrorsList {
 520         max-height : 300px;
 521         overflow : auto;
 522         list-style-type : none;
 523         border : 1px solid #c0c0c0;
 524         background-color : #ecf4ff;
 525         margin : 0px 0px 5px 0px;
 526         padding : 5px;
 527 }
 528
 529 ul.selfUpdateList {
 530         height : 200px;
 531         overflow : auto;
 532         list-style-type : none;
 533         border : 1px solid #c0c0c0;
 534         background-color : #ecf4ff;
 535         margin : 0px 0px 5px 0px;
 536         padding : 5px;
 537 }
 538
 539 ul.feedErrorsList em {
 540         color : gray;
 541 }
 542
 543 ul.userFeedList {
 544         height : 300px;
 545         overflow : auto;
 546         list-style-type : none;
 547         border : 1px solid gray;
 548         background-color : white;
 549         margin : 0px 0px 5px 0px;
 550         padding : 0px;
 551 }
 552
 553 ul.browseFeedList {
 554         height : 300px;
 555         overflow : auto;
 556         border-width : 0px 1px 1px 1px;
 557         border-color : #c0c0c0;
 558         border-style : solid;
 559         margin : 0px 0px 5px 0px;
 560         background-color : white;
 561         list-style-type : none;
 562         padding : 0px;
 563
 564 }
 565
 566 ul.browseFeedList li {
 567         margin : 0px;
 568         padding : 2px 4px 2px 4px;
 569 }
 570
 571 span.subscribers {
 572         color : #808080;
 573 }
 574
 575 div.subscribers {
 576         color : #808080;
 577         font-size : 12px;
 578         float : right;
 579 }
 580
 581 div.browserDetails {
 582         margin : 5px 5px 5px 5px;
 583         padding : 5px;
 584 }
 585
 586 ul.compact {
 587         list-style-type : none;
 588         margin : 0px;
 589         padding : 0px;
 590 }
 591
 592 ul.compact li {
 593         margin : 0px;
 594         padding : 0px;
 595 }
 596
 597 .noborder {
 598         border-width : 0px;
 599 }
 600
 601 #overlay {
 602         background : white;
 603         left : 0;
 604         top : 0;
 605         height : 100%;
 606         width : 100%;
 607         z-index : 100;
 608         position : absolute;
 609 }
 610
 611 #overlay_inner {
 612         font-weight : bold;
 613         margin : 1em;
 614 }
 615
 616 form {
 617         margin : 0px;
 618         padding : 0px;
 619 }
 620
 621 #main_toolbar_form {
 622         margin : 0px;
 623         padding : 0px;
 624         display : table-cell;
 625         white-space : nowrap;
 626         width : 100%;
 627 }
 628
 629 div.loadingPrompt {
 630         padding : 1em;
 631         text-align : center;
 632         font-weight : bold;
 633 }
 634
 635 div.whiteBox {
 636         margin-left : 1px;
 637         text-align : center;
 638         padding : 1em;
 639 }
 640
 641 html, body#ttrssMain, #main {
 642         width: 100%;
 643         height: 100%;
 644         border: 0;
 645         padding: 0;
 646         margin: 0;
 647 }
 648
 649 html, body#ttrssPrefs, #main {
 650         width: 100%;
 651         height: 100%;
 652         border: 0;
 653         padding: 0;
 654         margin: 0;
 655 }
 656
 657 #toolbar div.actionChooser {
 658         display : table-cell;
 659         text-align : right;
 660         padding-right : 3px;
 661 }
 662
 663 /* preferences layout */
 664
 665 div.return {
 666         float : right;
 667         font-size : 12px;
 668         margin-right : 10px;
 669 }
 670
 671 div.return a {
 672         color : #4684ff;
 673 }
 674
 675 div.return a:hover {
 676         color : black;
 677 }
 678
 679 #header a {
 680         color : #4684ff;
 681 }
 682
 683 #header a:hover {
 684         color : black;
 685 }
 686
 687 #header img {
 688         vertical-align : middle;
 689         cursor : pointer;
 690 }
 691
 692 div.autocomplete {
 693         position : absolute;
 694         width : 250px;
 695         background-color : white;
 696         border :1px solid #778899;
 697         margin : 0px;
 698         padding : 0px;
 699 }
 700
 701 div.autocomplete ul {
 702         list-style-type : none;
 703         margin : 0px;
 704         padding : 0px;
 705 }
 706
 707 div.autocomplete ul li.selected {
 708         background-color : #fff7d5;
 709 }
 710
 711 div.autocomplete ul li {
 712         list-style-type : none;
 713         display : block;
 714         margin : 0;
 715         padding : 2px;
 716         height : 32px;
 717         cursor : pointer;
 718 }
 719
 720 a.visibleLink {
 721         color : #4684ff;
 722 }
 723
 724 a.visibleLinkB {
 725         color : #4684ff;
 726         border : 1px solid #4684ff;
 727         padding : 2px;
 728 }
 729
 730 a.visibleLinkB:hover {
 731         background-color : #ecf4ff;
 732 }
 733
 734 .hlContentH a, .hlContentH span {
 735         color : #00cc00;
 736 }
 737
 738 .hlContentL a, .hlContentL span {
 739         color : #909090;
 740         text-decoration : line-through;
 741 }
 742
 743 span.titleWrapH, span.titleWrapH a {
 744         color : #00cc00;
 745 }
 746
 747 span.titleWrapL, span.titleWrapL a {
 748         color : #909090;
 749         text-decoration : line-through;
 750 }
 751
 752 img.hlScorePic {
 753         vertical-align : middle;
 754         width : 16px;
 755         height : 16px;
 756 }
 757
 758 div.dlgSec {
 759         font-size : 12px;
 760         color : gray;
 761         font-weight : bold;
 762         clear : both;
 763         height : 20px;
 764 }
 765
 766 div.dlgSecCont {
 767         position : relative;
 768         left : 150px;
 769         top : -20px;
 770         float : left;
 771         font-size : 12px;
 772         font-weight : normal;
 773 }
 774
 775 div.dlgSecCont hr {
 776         height : 0px;
 777         line-height : 0px;
 778         border : 0px solid transparent;
 779         margin : 2px;
 780 }
 781
 782 div.dlgSecCont > * {
 783         position : relative;
 784         top : -2px;
 785 }
 786
 787 div.dlgButtons {
 788         text-align : right;
 789         clear : both;
 790 }
 791
 792 span.labelColorIndicator {
 793         height : 14px;
 794         width : 14px;
 795         line-height : 14px;
 796         font-size : 9px;
 797         display : inline-block;
 798         border : 1px solid black;
 799         background-color : #fff7d5;
 800         color : #063064;
 801         text-align : center;
 802         margin-right : 2px;
 803 }
 804
 805 span.labelColorIndicator2 {
 806         height : 14px;
 807         width : 14px;
 808         font-size : 9px;
 809         display : inline-block;
 810         border : 1px solid black;
 811         background-color : #fff7d5;
 812         color : #063064;
 813         text-align : center;
 814         margin-right : 2px;
 815         vertical-align : bottom;
 816 }
 817
 818 div#cmdline {
 819         position : absolute;
 820         left : 5px;
 821         bottom : 5px;
 822         font-size : 11px;
 823         color : gray;
 824         font-weight : bold;
 825         background-color : white;
 826         border : 1px solid #88b0f0;
 827         padding : 3px 5px 3px 5px;
 828         z-index : 5;
 829 }
 830
 831 #feed_browser_spinner {
 832         vertical-align : middle;
 833         height : 18px;
 834         width : 18px;
 835 }
 836
 837 div#auxDlg {
 838         position : absolute;
 839         z-index : 3;
 840         bottom : 5px;
 841         right : 25px;
 842         padding : 5px;
 843         border-width : 1px;
 844         border-style : solid;
 845         border-color : #d7c47a;
 846         background-color : #fff7d5;
 847         color : black;
 848         text-align : center;
 849         font-size : 13px;
 850 }
 851
 852 div#auxDlg a {
 853         color : #4684ff;
 854 }
 855
 856 div.hlTitle {
 857         display : table-cell;
 858         cursor : pointer;
 859         width : 100%;
 860         vertical-align : middle;
 861         padding-top : 4px;
 862         padding-bottom : 4px;
 863 }
 864
 865 div.hlLeft {
 866         display : table-cell;
 867         vertical-align : middle;
 868         white-space: nowrap;
 869 }
 870
 871 div.hlRight {
 872         display : table-cell;
 873         white-space: nowrap;
 874         text-align : right;
 875         vertical-align : middle;
 876 }
 877
 878 div.hlRight img {
 879         max-width : 16px;
 880         max-height : 16px;
 881 }
 882
 883 span.hlUpdated {
 884         color : gray;
 885         min-width : 100px;
 886         display : table-cell;
 887         width : 100%;
 888         vertical-align : middle;
 889         text-align : right;
 890         font-size : 10px;
 891         font-weight : normal;
 892 }
 893
 894 div.hlLeft {
 895         padding-left : 8px;
 896 }
 897
 898 div.hlLeft input {
 899         margin-left : 4px;
 900         margin-right : 4px;
 901 }
 902
 903 div.hlLeft img, div.hlRight img {
 904         margin : 0px 4px 0px 4px;
 905 }
 906
 907 div.hlLeft img {
 908         width : 16px;
 909         height : 16px;
 910 }
 911
 912 div.fatalError {
 913         margin-bottom : 10px;
 914 }
 915
 916 div.fatalError button {
 917         margin-top : 5px;
 918 }
 919
 920 div.fatalError textarea {
 921         width : 100%;
 922         height : 100px;
 923 }
 924
 925 #main {
 926         border-width : 0px;
 927         margin : 0px;
 928         padding : 0px;
 929 }
 930
 931 #header-wrap {
 932         border-width : 0px;
 933         margin : 0px;
 934         padding : 0px;
 935 }
 936
 937 #content-wrap {
 938         padding : 0px;
 939         border-width : 0px 0px 1px 1px;
 940         border-style : solid;
 941         border-color : #c0c0c0;
 942         margin : 0px;
 943 }
 944
 945 #feeds-holder {
 946         padding : 0px;
 947         border-color : #88b0f0;
 948         border-left-width : 0px;
 949         border-bottom-width : 0px;
 950         border-top-width : 0px;
 951         overflow : auto;
 952 }
 953
 954 #headlines-wrap-inner {
 955         padding : 0px;
 956         margin : 0px;
 957         border-width : 0px;
 958 }
 959
 960 #headlines-frame {
 961         padding : 0px;
 962         border-color : #88b0f0;
 963         border-left-width : 0px;
 964         border-right-width : 0px;
 965         margin-top : 0px;
 966         border-top-width : 0px;
 967 }
 968
 969 #headlines-toolbar_splitter, #toolbar_splitter {
 970         display : none;
 971 }
 972
 973 #toolbar {
 974         padding : 0px;
 975         margin : 0px;
 976         border-width : 0px;
 977         white-space: nowrap;
 978         font-size : 11px;
 979 }
 980
 981 #header {
 982         border-width : 0px;
 983         text-align : right;
 984         color : gray;
 985         padding : 5px 5px 0px 0px;
 986         margin : 0px;
 987         position : absolute;
 988         right : 0px;
 989         top : 0px;
 990         z-index : 5;
 991 }
 992
 993 #footer {
 994         text-align : center;
 995         color : gray;
 996         padding : 4px 4px 8px 4px;
 997         border-width : 0px;
 998 }
 999
1000 #content-insert {
1001         padding : 0px;
1002         border-color : #88b0f0;
1003         border-bottom-width : 0px;
1004         border-right-width : 0px;
1005         border-left-width : 0px;
1006         overflow : auto;
1007 }
1008
1009 .dijitTreeLabel.Unread {
1010         font-weight : bold;
1011 }
1012
1013 .feedParam {
1014         color : gray;
1015         float : right;
1016         margin-right : 1em;
1017 }
1018
1019 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1020         color : gray;
1021 }
1022
1023 .dijitTreeRow.Error {
1024         color : red;
1025 }
1026
1027 .dijitTreeRow.Hidden {
1028         display : none;
1029 }
1030
1031 img.feedIcon, img.tinyFeedIcon {
1032         width : 16px;
1033         height : 16px;
1034         vertical-align : middle;
1035 }
1036
1037 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1038         text-align : center;
1039         padding : 5px;
1040         color : gray;
1041 }
1042
1043 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1044         margin-right : 5px;
1045 }
1046
1047 div#pref-tabs .dijitContentPane {
1048         font-size : 12px;
1049 }
1050
1051 div#pref-tabs {
1052         margin : 0px 5px 0px 5px;
1053 }
1054
1055 div#pref-tabs .dijitContentPane h3 {
1056         font-size : 14px;
1057         font-weight : bold;
1058 }
1059
1060 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1061 #pref-label-wrap, #pref-label-header, #pref-label-content,
1062 #pref-user-wrap, #pref-user-header, #pref-user-content,
1063 #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
1064         margin : 0px;
1065         padding : 0px;
1066         border-width : 0px;
1067 }
1068
1069 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
1070         padding : 0px;
1071 }
1072
1073 #errorButton {
1074         color : red;
1075 }
1076
1077 span.labelFixedLength {
1078         display : inline-block;
1079         width : 70%;
1080 }
1081
1082 #filter_dlg_date_chk_box {
1083         display : inline-block;
1084 }
1085
1086 .dijitDialog .dijitToolbar {
1087         border : 1px solid #c0c0c0;
1088 }
1089
1090 a.bookmarklet {
1091         color : #4684ff;
1092         border : 1px solid #ecf4ff;
1093         padding : 2px;
1094 }
1095
1096 .player {
1097         display : inline-block;
1098         color : gray;
1099         font-size : 11px;
1100         font-family : sans-serif;
1101         border : 1px solid gray;
1102         padding : 0px 4px 0px 4px;
1103         margin : 0px 2px 0px 2px;
1104         width : 50px;
1105         text-align : center;
1106         background : white;
1107 }
1108 .player.playing {
1109         color : #00c000;
1110         border-color : #00c000;
1111 }
1112
1113 .player:hover {
1114         background : #f0f0f0;
1115         cursor : pointer;
1116 }
1117
1118 #headlines-spacer {
1119         height : 100%;
1120         margin-left : 1px;
1121         text-align : center;
1122         padding : 1em;
1123         color : gray;
1124 }
1125
1126 td.error {
1127         color : red;
1128 }
1129
1130 div.dialogNotice {
1131         margin-bottom : 5px;
1132         color : gray;
1133 }
1134
1135 ul#filterDlg_Matches, ul#filterDlg_Actions {
1136         max-height : 100px;
1137         overflow : auto;
1138         list-style-type : none;
1139         border-style : solid;
1140         border-color : #c0c0c0;
1141         border-width : 0px 1px 1px 1px;
1142         background-color : #ecf4ff;
1143         margin : 0px 0px 5px 0px;
1144         padding : 0px;
1145 }
1146
1147 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1148         cursor : pointer;
1149         padding : 0px 0px 0px 5px;
1150 }
1151
1152 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1153         margin-right : 5px;
1154 }
1155
1156 table.prefPluginsList td label, table.prefUserList td {
1157         cursor : pointer;
1158 }
1159
1160 ul.helpKbList {
1161         max-height : 300px;
1162         overflow : auto;
1163         list-style-type : none;
1164         border : 1px solid #c0c0c0;
1165         background-color : #ecf4ff;
1166         margin : 0px 0px 5px 0px;
1167         padding : 5px;
1168 }
1169
1170 ul.helpKbList span.hksequence {
1171         width : 6em;
1172         margin-left : 20px;
1173         color : #88b0f0;
1174         font-weight : bold;
1175         display : inline-block;
1176 }
1177
1178 ul.helpKbList h2 {
1179         margin-top : 0px;
1180 }
1181
1182 .dijitTreeNode .loadingNode {
1183         margin-left : 3px;
1184 }
1185
1186 span.collapseBtn {
1187         cursor : pointer;
1188 }
1189
1190 div.postContent p {
1191         max-width : 650px;
1192 }
1193
1194 .Unread div.hlTitle {
1195         font-weight : bold;
1196 }
1197
1198 div.postContent iframe {
1199         min-width : 50%;
1200 }