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