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