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.postContent {
  45         padding : 10px;
  46         font-size : 12px;
  47 }
  48
  49 div.postReply div.postContent img {
  50         border-width : 0px;
  51         max-width : 98%;
  52 }
  53
  54 div.postReply div.postIcon {
  55         float : right;
  56         border : 0px;
  57         margin : 5px;
  58 }
  59
  60 div.postReply div.postIcon img {
  61         max-width : 120px;
  62         display : inline;
  63 }
  64
  65 div.postReply div.postEnclosures {
  66         margin-top : 1em;
  67         color : gray;
  68 }
  69
  70 div.postReply img.tagsPic {
  71         width : 16px;
  72         height : 16px;
  73         margin-left : 4px;
  74         vertical-align : middle;
  75 }
  76
  77 div.articleNote {
  78         background-color : #fff7d5;
  79         padding : 5px;
  80         border-style : none none dashed none;
  81         border-color : #e7d796;
  82         border-width : 1px;
  83         background-color : #fff7d5;
  84         color : #9a8c59;
  85 }
  86
  87 div.articleNote div.noteEdit {
  88         float : right;
  89         cursor : pointer;
  90 }
  91
  92 div.postReply span.author {
  93         font-size : 12px;
  94 }
  95
  96 h1 {
  97         font-size : 18px;
  98 }
  99
 100 h2 {
 101         font-size : 16px;
 102         font-weight : bold;
 103         border-width : 0px 0px 1px 0px;
 104         border-style : solid;
 105         border-color : #ecf4ff;
 106 }
 107
 108 h3 {
 109         font-size : 12px;
 110         font-weight : bold;
 111         border-width : 0px 0px 1px 0px;
 112         border-style : solid;
 113         border-color : #ecf4ff;
 114 }
 115
 116 hr {
 117         border-width : 0px 0px 1px 0px;
 118         border-style : dashed;
 119         border-color : #e0e0e0;
 120 }
 121
 122 a {
 123         color : black;
 124         text-decoration : none;
 125 }
 126
 127 a:hover {
 128         color : #4684ff;
 129 }
 130
 131 #piggie {
 132         z-index : 999;
 133         position : absolute;
 134 }
 135
 136 textarea.iedit {
 137         width : 100%;
 138 }
 139
 140 input.iedit {
 141         width : 100%;
 142         padding-left : 2px;
 143 }
 144
 145 select.iedit {
 146         width : 100%;
 147 }
 148
 149 input.editbox {
 150         width : 200px;
 151         padding-left : 2px;
 152 }
 153
 154 #notify {
 155         border-width : 0px 1px 1px 1px;
 156         border-style : solid;
 157         top : 0px;
 158         right : 35%;
 159         min-width : 30%;
 160         position : absolute;
 161         display : none;
 162         float : right;
 163         font-size : 12px;
 164         z-index : 99;
 165         padding : 5px 5px 5px 5px;
 166 }
 167
 168 #notify img {
 169         vertical-align : middle;
 170 }
 171
 172 .notifyProgress {
 173         border-color : #d7c47a;
 174         background-color : #fff7d5;
 175         color : black;
 176 }
 177
 178 .notifyInfo {
 179         border-color : #7AD78E;
 180         background-color : #D5FFDB;
 181         color : black;
 182 }
 183
 184 .notify {
 185         border-color : #d7c47a;
 186         background-color : #fff7d5;
 187         color : black;
 188 }
 189
 190 .notifyError {
 191         background-color : #ffcccc;
 192         border-color : #ff0000;
 193         color : black;
 194 }
 195
 196 .notifyError span:hover {
 197         color : red;
 198         cursor : pointer;
 199 }
 200
 201 .blankborder, .blankborder td {
 202         border-style : solid;
 203         border-color : transparent;
 204         border-width : 0px 0px 1px 0px;
 205 }
 206
 207 .Selected, .Selected td {
 208         background-color : #fff7d5;
 209 }
 210
 211 .even.Unread.Selected, .even.Unread.Selected td {
 212         background-color : #fff7d5;
 213         font-weight : bold;
 214         border-width : 0px 0px 1px 0px;
 215         border-style : solid;
 216         border-color : #e7d796;
 217 }
 218
 219 .odd.Unread.Selected, .odd.Unread.Selected td {
 220         background-color : #fff7d5;
 221         font-weight : bold;
 222         border-width : 0px 0px 1px 0px;
 223         border-style : solid;
 224         border-color : #e7d796;
 225 }
 226
 227 .even.Selected, .even.Selected td {
 228         background-color : #fff7d5;
 229         border-width : 0px 0px 1px 0px;
 230         border-style : solid;
 231         border-color : #e7d796;
 232         border-collapse : collapse;
 233 }
 234
 235 .odd.Selected, .odd.Selected td {
 236         background-color : #fff7d5;
 237         border-width : 0px 0px 1px 0px;
 238         border-style : solid;
 239         border-color : #e7d796;
 240         border-collapse : collapse;
 241 }
 242
 243 .even.Grayed, .even.Grayed td {
 244         background-color : #f0f0f0;
 245         color : #909090;
 246         border-width : 0px 0px 1px 0px;
 247         border-style : solid;
 248         border-color : #c0c0c0;
 249         border-collapse : collapse;
 250 }
 251
 252 .odd.Grayed {
 253         color : #909090;
 254 }
 255
 256 .even, .even td {
 257         border-width : 0px 0px 1px 0px;
 258         border-style : solid;
 259         border-color : #c0c0c0;
 260         background-color : #f0f0f0;
 261         border-collapse : collapse;
 262 }
 263
 264 .odd, .odd td {
 265         border-width : 0px 0px 1px 0px;
 266         border-style : solid;
 267         border-color : #c0c0c0;
 268         border-collapse : collapse;
 269 }
 270
 271 .even.Unread, .even.Unread td {
 272         background-color : #f0f0f0;
 273         font-weight : bold;
 274         border-width : 0px 0px 1px 0px;
 275         border-style : solid;
 276         border-color : #c0c0c0;
 277         border-collapse : collapse;
 278 }
 279
 280 .odd.Unread, .odd.Unread td {
 281         font-weight : bold;
 282         border-width : 0px 0px 1px 0px;
 283         border-style : solid;
 284         border-color : #c0c0c0;
 285 }
 286
 287 .invisible {
 288         display : none;
 289 }
 290
 291 /* preferences */
 292
 293 /* table.prefPrefsList tr:hover td.prefValue {
 294         color : #88b0f0;
 295 }
 296
 297 table.prefPrefsList tr:hover td.prefValue input {
 298         color : #88b0f0;
 299 } */
 300
 301 table.prefPrefsList h3 {
 302         margin-top : 0px;
 303 }
 304
 305 tr.title td {
 306         border-width : 0px 0px 1px 0px;
 307         border-color : #ecf4ff;
 308         border-style : solid;
 309         color : #4684ff;
 310 }
 311
 312 tr.title td a {
 313         color : #4684ff;
 314 }
 315
 316 tr.title td a:hover {
 317         color : black;
 318 }
 319
 320 table.prefFeedList td.feedEditCat {
 321         font-weight : bold;
 322         border-width : 0px 0px 1px 0px;
 323         border-style : solid;
 324         border-color : #88b0f0;
 325         padding-top : 0.5em;
 326 }
 327
 328 table.prefFilterList td.filterEditCat {
 329         font-weight : bold;
 330         border-width : 0px 0px 1px 0px;
 331         border-style : solid;
 332         border-color : #88b0f0;
 333         padding-top : 0.5em;
 334 }
 335
 336 /* oh for the love of... */
 337
 338 table.prefFilterList tr.even,
 339 table.prefFilterList tr.odd,
 340 table.prefFilterList tr.evenSelected,
 341 table.prefFilterList tr.oddSelected,
 342 table.prefLabelList tr.even,
 343 table.prefLabelList tr.odd,
 344 table.prefLabelList tr.evenSelected,
 345 table.prefLabelList tr.oddSelected,
 346 table.prefUserList tr.even,
 347 table.prefUserList tr.odd,
 348 table.prefUserList tr.evenSelected,
 349 table.prefUserList tr.oddSelected,
 350 table.prefFeedList tr.even,
 351 table.prefFeedList tr.odd,
 352 table.prefFeedList tr.evenSelected,
 353 table.prefFeedList tr.oddSelected,
 354 table.prefInstanceList tr.even,
 355 table.prefInstanceList tr.odd,
 356 table.prefInstanceList tr.evenSelected,
 357 table.prefInstanceList tr.oddSelected
 358 {
 359         cursor : pointer;
 360 }
 361
 362 table.prefFilterList tr.even:hover td,
 363 table.prefFilterList tr.odd:hover td,
 364 table.prefFilterList tr.evenSelected:hover td,
 365 table.prefFilterList tr.oddSelected:hover td
 366 table.prefLabelList tr.even:hover td,
 367 table.prefLabelList tr.odd:hover td,
 368 table.prefLabelList tr.evenSelected:hover td,
 369 table.prefLabelList tr.oddSelected:hover td,
 370 table.prefUserList tr.even:hover td,
 371 table.prefUserList tr.odd:hover td,
 372 table.prefUserList tr.evenSelected:hover td,
 373 table.prefUserList tr.oddSelected:hover td,
 374 table.prefFeedList tr.even:hover td,
 375 table.prefFeedList tr.odd:hover td,
 376 table.prefFeedList tr.evenSelected:hover td,
 377 table.prefFeedList tr.oddSelected:hover td,
 378 table.prefInstanceList tr.even:hover td,
 379 table.prefInstanceList tr.odd:hover td,
 380 table.prefInstanceList tr.evenSelected:hover td,
 381 table.prefInstanceList tr.oddSelected:hover td
 382 {
 383         color : #88b0f0;
 384 }
 385
 386 table.prefFeedList td.feedIcon {
 387         text-align : center;
 388 }
 389
 390 table.prefFeedList td.feedSelect {
 391         text-align : center;
 392 }
 393
 394 div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
 395         height : 300px;
 396         overflow : auto;
 397         border-width : 0px 1px 1px 1px;
 398         border-color : #c0c0c0;
 399         border-style : solid;
 400         margin : 0px 0px 5px 0px;
 401         background-color : #ecf4ff;
 402 }
 403
 404 div.prefFeedOPMLHolder, div.inactiveFeedHolder {
 405         border-width : 1px 1px 1px 1px;
 406 }
 407
 408 a.helpLink {
 409         color : #808080;
 410 }
 411
 412 a.helpLink:hover {
 413         color : #4684ff;
 414 }
 415
 416 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 417         margin : 0px 0px 0px 1em;
 418         padding : 0px;
 419         font-family : monospace;
 420         font-size : 12px;
 421         background : transparent;
 422         border-width : 0px;
 423         color : gray;
 424 }
 425
 426 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 427         margin : 0px 0px 0px 1em;
 428         border-width : 0px 0px 0px 2px;
 429         border-color : #c0c0c0;
 430         border-style : solid;
 431         font-style : italic;
 432         padding : 0px 0px 0px 1em;
 433         font-size : 12px;
 434         color : gray;
 435 }
 436
 437 #content-insert code, #headlines-frame code, .dijitContentPane code {
 438         background : transparent;
 439         border : 0px solid transparent;
 440         margin : 0px;
 441         font-family : monospace;
 442         padding : 0px;
 443         font-size : 12px;
 444         color : black;
 445 }
 446
 447 div.notice {
 448         background : #ffffff;
 449         border : 1px solid #88b0f0;
 450         width : 60%;
 451         padding : 5px;
 452         margin : 0px 0px 5px 0px;
 453         font-size : 12px;
 454 }
 455
 456 div.warning {
 457         background : #fff7d5;
 458         border : 1px solid #d7c47a;
 459         font-size : 12px;
 460         width : 60%;
 461         padding : 5px;
 462         margin : 0px 0px 5px 0px;
 463 }
 464
 465 div.warning img, div.notice img, div.error img {
 466         vertical-align : middle;
 467         padding : 5px;
 468 }
 469
 470 span.filterDateError {
 471         color : #ff0000;
 472 }
 473
 474 div.error {
 475         border : 1px solid #ff0000;
 476         background : #ffcccc;
 477         padding : 5px;
 478         margin : 0px 0px 5px 0px;
 479         font-size : 12px;
 480 }
 481
 482 ul.nomarks {
 483         list-style-type : none;
 484         margin : 0px;
 485         padding : 10px;
 486 }
 487
 488 div.prefHelp, td.prefHelp {
 489         color : gray;
 490         padding : 5px;
 491 }
 492
 493 table.loginForm {
 494         background-color : #ecf4ff;
 495 }
 496
 497 span.feed_error {
 498         color : red;
 499 }
 500
 501 .insensitive {
 502         color : gray;
 503 }
 504
 505 .insensitive a {
 506         color : #4684ff;
 507 }
 508
 509 .insensitive a:hover {
 510         color : black;
 511 }
 512
 513 .small {
 514         font-size : 11px;
 515 }
 516
 517 table.innerFeedTable td {
 518         margin : 0px;
 519         padding : 0px;
 520 }
 521
 522 td.selectPrompt {
 523         font-size : 12px;
 524         color : gray;
 525 }
 526
 527 div#headlines-toolbar {
 528         border-width : 0px 0px 1px 0px;
 529         background-color : #ecf4ff;
 530         border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
 531         font-size : 11px;
 532         font-family : "Segoe UI", Tahoma, sans-serif;
 533         color : gray;
 534         padding : 0px;
 535         margin : 0px;
 536         overflow : hidden;
 537         height : 23px;
 538 }
 539
 540 div#headlines-toolbar .dijitSelect {
 541         font-size : 11px;
 542 }
 543
 544 div#headlines-toolbar div#subtoolbar_main {
 545         display : table-cell;
 546         width : 100%;
 547         white-space : nowrap;
 548         vertical-align : middle;
 549         padding-left : 5px;
 550 }
 551
 552 div#headlines-toolbar div#subtoolbar_ftitle {
 553         display : table-cell;
 554         text-align : right;
 555         vertical-align : middle;
 556         white-space : nowrap;
 557         padding-right : 5px;
 558 }
 559
 560 div#subtoolbar_ftitle span.error {
 561         color : red;
 562 }
 563
 564 span.contentPreview {
 565         color : gray;
 566         font-weight : normal;
 567 }
 568
 569 span.contentPreview:hover {
 570         color : #4684ff;
 571 }
 572
 573 span.hlLabelRef {
 574         background-color : #fff7d5;
 575         font-height : 8px;
 576         color : #063064;
 577         font-weight : normal;
 578         margin : 0px 3px 0px 3px;
 579         padding : 0px 4px 0px 4px;
 580         white-space: nowrap;
 581 }
 582
 583 td.hlSelectRow, td.hlUpdPic {
 584         width : 25px;
 585         text-align : center;
 586 }
 587
 588 div.postHeader div.postDate {
 589         text-align : right;
 590         color : gray;
 591         float : right;
 592 }
 593
 594 div.postHeader div.postDateRTL {
 595         text-align : left;
 596         color : gray;
 597         float : right;
 598 }
 599
 600 div.postHeader div {
 601         padding-bottom : 3px;
 602         font-size : 12px;
 603 }
 604
 605 #feedUpdateErrors {
 606         display : none;
 607 }
 608
 609 #allEntryTags {
 610         font-size : 12px;
 611         border-width : 0px 0px 1px 0px;
 612         border-style : solid;
 613         border-color : #c0c0c0;
 614         padding-bottom : 5px;
 615         display : none;
 616 }
 617
 618 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 619         height : 1em;
 620 }
 621
 622 td.hlFeed {
 623         text-align : right;
 624 }
 625
 626 span.hlFeed, span.hlFeed a {
 627         font-size : 12px;
 628         color : gray;
 629 }
 630
 631 span.hlFeed a:hover {
 632         color : #4684ff;
 633 }
 634
 635 img.markedPic {
 636         cursor : pointer;
 637 }
 638
 639 a.warning {
 640         color : #f04040;
 641 }
 642
 643 img.closeButton {
 644         border-width : 0px;
 645         float : right;
 646 }
 647
 648 span.groupPrompt {
 649         font-size : 12px;
 650         color : #4684ff;
 651 }
 652
 653 div.tagCloudContainer {
 654         border : 1px solid #c0c0c0;
 655         background-color : #ecf4ff;
 656         margin : 5px 0px 5px 0px;
 657         padding : 5px;
 658         text-align : center;
 659 }
 660
 661 div.errorExplained {
 662         border : 1px solid #c0c0c0;
 663         background-color : #ecf4ff;
 664         margin : 5px 0px 5px 0px;
 665         padding : 5px;
 666 }
 667
 668 ul.feedErrorsList {
 669         max-height : 300px;
 670         overflow : auto;
 671         list-style-type : none;
 672         border : 1px solid #c0c0c0;
 673         background-color : #ecf4ff;
 674         margin : 0px 0px 5px 0px;
 675         padding : 5px;
 676 }
 677
 678 ul.feedErrorsList em {
 679         color : gray;
 680 }
 681
 682 ul.userFeedList {
 683         height : 300px;
 684         overflow : auto;
 685         list-style-type : none;
 686         border : 1px solid gray;
 687         background-color : white;
 688         margin : 0px 0px 5px 0px;
 689         padding : 0px;
 690 }
 691
 692 ul.browseFeedList {
 693         height : 300px;
 694         overflow : auto;
 695         border-width : 0px 1px 1px 1px;
 696         border-color : #c0c0c0;
 697         border-style : solid;
 698         margin : 0px 0px 5px 0px;
 699         background-color : white;
 700         list-style-type : none;
 701         padding : 0px;
 702
 703 }
 704
 705 ul.browseFeedList li {
 706         margin : 0px;
 707         padding : 2px 4px 2px 4px;
 708 }
 709
 710 span.subscribers {
 711         color : #808080;
 712 }
 713
 714 div.subscribers {
 715         color : #808080;
 716         font-size : 12px;
 717         float : right;
 718 }
 719
 720 div.browserDetails {
 721         margin : 5px 5px 5px 5px;
 722         padding : 5px;
 723 }
 724
 725 ul.compact {
 726         list-style-type : none;
 727         margin : 0px;
 728         padding : 0px;
 729 }
 730
 731 ul.compact li {
 732         margin : 0px;
 733         padding : 0px;
 734 }
 735
 736 div.browserFeedInfo {
 737         font-size : 12px;
 738 /*      border : 1px solid #88b0f0;
 739         background-color : #ecf4ff;
 740         -moz-border-radius : 5px; */
 741         padding : 5px;
 742 }
 743
 744 div.browserFeedInfo div.detailsPart {
 745         margin : 5px 0px 5px 5px;
 746 }
 747
 748 .noborder {
 749         border-width : 0px;
 750 }
 751
 752 #overlay {
 753         background : white;
 754         left : 0;
 755         top : 0;
 756         height : 100%;
 757         width : 100%;
 758         z-index : 100;
 759         position : absolute;
 760 }
 761
 762 #overlay_inner {
 763         font-weight : bold;
 764         margin : 1em;
 765 }
 766
 767 #noDaemonWarning {
 768         position : absolute;
 769         background-color : #ecf4ff;
 770         border : 1px solid #88b0f0;
 771         padding : 10px;
 772         margin : 5px;
 773         z-index : 2;
 774         display : none;
 775 }
 776
 777 #qafInput {
 778         width : 100%;
 779 }
 780
 781 form {
 782         margin : 0px;
 783         padding : 0px;
 784 }
 785
 786 #main_toolbar_form {
 787         margin : 0px;
 788         padding : 0px;
 789         display : table-cell;
 790         white-space : nowrap;
 791         width : 100%;
 792 }
 793
 794 div.feedExtInfo {
 795         margin-left : 2em;
 796         font-size : 7pt;
 797         color : gray;
 798         font-weight : normal;
 799 }
 800
 801 span.debugTS {
 802         color : #4684ff;
 803 }
 804
 805 #backReqBox {
 806         display : none;
 807 }
 808
 809 /*.scriptWarn:before {
 810         content : "Disabled script:";
 811 }*/
 812
 813 .scriptWarn {
 814         color : white;
 815         background-color : #903030;
 816         border : 1px solid #601010;
 817         padding : 3px;
 818         font-weight : bold;
 819         display : none;
 820 }
 821
 822 .objectWarn {
 823         color : gray;
 824         font-style: italic;
 825         text-align : center;
 826 }
 827
 828 table.loginForm2 {
 829         padding : 1em;
 830         width : 100%;
 831 }
 832
 833 table.loginForm2 .loginTop {
 834         border-width : 0px 0px 1px 0px;
 835         border-color : #88b0f0;
 836         border-style : solid;
 837         padding : 0.5em;
 838 }
 839
 840 table.loginForm2 .loginMiddle {
 841         padding : 3em;
 842 }
 843
 844 table.loginForm2 .loginBottom {
 845         border-width : 1px 0px 0px 0px;
 846         border-color : #88b0f0;
 847         border-style : solid;
 848         font-size : 12px;
 849         text-align : center;
 850         color : #909090;
 851         padding : 0.5em;
 852 }
 853
 854 table.loginForm2 .loginBottom a {
 855         color : gray;
 856 }
 857
 858 table.loginForm2 .loginBottom a:hover {
 859         color : #4684ff;
 860 }
 861
 862 table.loginForm2 .loginError {
 863         color : red;
 864         margin : 0.5em;
 865 }
 866
 867 table.loginForm2 .innerLoginCell {
 868         padding-top : 0.5em;
 869 }
 870
 871 #milestoneDetails {
 872         display : none;
 873 }
 874
 875 div.loadingPrompt {
 876         padding : 1em;
 877         text-align : center;
 878         font-weight : bold;
 879 }
 880
 881 div.whiteBox {
 882         margin-left : 1px;
 883         text-align : center;
 884         padding : 1em;
 885 }
 886
 887 html, body#ttrssMain, #main {
 888         width: 100%;
 889         height: 100%;
 890         border: 0;
 891         padding: 0;
 892         margin: 0;
 893 }
 894
 895 html, body#ttrssPrefs, #main {
 896         width: 100%;
 897         height: 100%;
 898         border: 0;
 899         padding: 0;
 900         margin: 0;
 901 }
 902
 903 #toolbar div.actionChooser {
 904         display : table-cell;
 905         text-align : right;
 906         padding-right : 3px;
 907 }
 908
 909 /* preferences layout */
 910
 911 div.return {
 912         float : right;
 913         font-size : 12px;
 914         margin-right : 10px;
 915 }
 916
 917 div.return a {
 918         color : #4684ff;
 919 }
 920
 921 div.return a:hover {
 922         color : black;
 923 }
 924
 925 #header .logo {
 926         float : right;
 927         margin-left : 10px;
 928 }
 929
 930 #header a {
 931         color : #4684ff;
 932 }
 933
 934 #header a:hover {
 935         color : black;
 936 }
 937
 938 #header img {
 939         vertical-align : middle;
 940         cursor : pointer;
 941 }
 942
 943 a.helpLinkPic img {
 944         border-width : 0px;
 945         vertical-align : middle;
 946 }
 947
 948 table.prefFeedCatList {
 949
 950 }
 951
 952 div.autocomplete {
 953         position : absolute;
 954         width : 250px;
 955         background-color : white;
 956         border :1px solid #778899;
 957         margin : 0px;
 958         padding : 0px;
 959 }
 960
 961 div.autocomplete ul {
 962         list-style-type : none;
 963         margin : 0px;
 964         padding : 0px;
 965 }
 966
 967 div.autocomplete ul li.selected {
 968         background-color : #fff7d5;
 969 }
 970
 971 div.autocomplete ul li {
 972         list-style-type : none;
 973         display : block;
 974         margin : 0;
 975         padding : 2px;
 976         height : 32px;
 977         cursor : pointer;
 978 }
 979
 980 #feedOpToolbar {
 981         float : right;
 982 }
 983
 984 #header a.feedback {
 985         color : #009900;
 986 }
 987
 988 a.visibleLink {
 989         color : #4684ff;
 990 }
 991
 992 a.visibleLinkB {
 993         color : #4684ff;
 994         border : 1px solid #4684ff;
 995         padding : 2px;
 996 }
 997
 998 a.visibleLinkB:hover {
 999         background-color : #ecf4ff;
1000 }
1001
1002 .hlContentH a, .hlContentH span {
1003         color : #00cc00;
1004 }
1005
1006 .hlContentL a, .hlContentL span {
1007         color : #909090;
1008         text-decoration : line-through;
1009 }
1010
1011 span.titleWrapH, span.titleWrapH a {
1012         color : #00cc00;
1013 }
1014
1015 span.titleWrapL, span.titleWrapL a {
1016         color : #909090;
1017         text-decoration : line-through;
1018 }
1019
1020 img.hlScorePic {
1021         vertical-align : middle;
1022         width : 16px;
1023         height : 16px;
1024 }
1025
1026 div#hotkey_help_overlay {
1027         position : absolute;
1028         left : 30px;
1029         right : 30px;
1030         top : 30px;
1031         z-index : 999;
1032         color : white;
1033         font-size : 15px;
1034         background : black;
1035         border-radius : 30px;
1036         padding : 10px;
1037 }
1038
1039 div#hotkey_help_overlay h1 {
1040         text-align : center;
1041 }
1042
1043 div#hotkey_help_overlay ul {
1044         list-style-type : none;
1045         margin : 0px;
1046 }
1047
1048 div#hotkey_help_overlay a {
1049         color : #88b0f0;
1050 }
1051
1052 div#hotkey_help_overlay a:hover {
1053         color : white;
1054 }
1055
1056 div#hotkey_help_overlay li {
1057         margin : 0px;
1058 }
1059
1060 div#hotkey_help_overlay p {
1061         text-align : center;
1062 }
1063
1064 div#hotkey_help_overlay td.n {
1065         text-align : right;
1066         font-weight : bold;
1067         width : 6em;
1068         color : #a0ffa0;
1069         padding-right : 5px;
1070 }
1071
1072 div#hotkey_help_overlay td {
1073         vertical-align : top;
1074 }
1075
1076 div#hotkey_help_overlay h1 {
1077         margin : 0px;
1078 }
1079
1080 div#hotkey_help_overlay h2 {
1081         font-size : 16px;
1082         border-width : 0px;
1083         margin : 0.3em 0px 0.3em 0px;
1084         text-align : center;
1085         color : #88b0f0;
1086 }
1087
1088 div#hotkey_help_overlay table.hho td.top,
1089 div#hotkey_help_overlay table.hho td.bottom {
1090         text-align : center;
1091         font-size : 11px;
1092 }
1093
1094 div#l_progress_o {
1095         width : 200px;
1096         border : 1px solid black;
1097         background-color : white;
1098         margin-top : 10px;
1099 }
1100
1101 div#l_progress_i {
1102         width : 10px;
1103         background-color : #88b0f0;
1104         height : 10px;
1105 }
1106
1107 div.dlgSec {
1108         font-size : 12px;
1109         color : gray;
1110         font-weight : bold;
1111         clear : both;
1112         height : 20px;
1113 }
1114
1115 div.dlgSecCont {
1116         position : relative;
1117         left : 150px;
1118         top : -20px;
1119         float : left;
1120         font-size : 12px;
1121         font-weight : normal;
1122 }
1123
1124 div.dlgSecCont hr {
1125         height : 0px;
1126         line-height : 0px;
1127         border : 0px solid transparent;
1128         margin : 2px;
1129 }
1130
1131 div.dlgSecCont > * {
1132         position : relative;
1133         top : -2px;
1134 }
1135
1136 div.dlgButtons {
1137         text-align : right;
1138         clear : both;
1139 }
1140
1141 span.labelColorIndicator {
1142         height : 14px;
1143         width : 14px;
1144         line-height : 14px;
1145         font-height : 9px;
1146         display : inline-block;
1147         border : 1px solid black;
1148         background-color : #fff7d5;
1149         color : #063064;
1150         text-align : center;
1151         margin-right : 2px;
1152 }
1153
1154 span.labelColorIndicator2 {
1155         height : 14px;
1156         width : 14px;
1157         font-height : 9px;
1158         display : inline-block;
1159         border : 1px solid black;
1160         background-color : #fff7d5;
1161         color : #063064;
1162         text-align : center;
1163         margin-right : 2px;
1164         vertical-align : bottom;
1165 }
1166
1167
1168 div.labelColorIndicator {
1169         height : 14px;
1170         width : 14px;
1171         line-height : 14px;
1172         font-height : 9px;
1173         text-align : center;
1174         border : 1px solid black;
1175         float : left;
1176         background-color : #fff7d5;
1177         color : #063064;
1178         margin-right : 10px;
1179 }
1180
1181 optgroup {
1182         color : #4684ff;
1183         font-style : normal;
1184 }
1185
1186 option {
1187         color : black;
1188 }
1189
1190 div#cmdline {
1191         position : absolute;
1192         left : 5px;
1193         bottom : 5px;
1194         font-size : 11px;
1195         color : gray;
1196         font-weight : bold;
1197         background-color : white;
1198         border : 1px solid #88b0f0;
1199         padding : 3px 5px 3px 5px;
1200         z-index : 5;
1201 }
1202
1203 #feed_browser_spinner {
1204         vertical-align : middle;
1205         height : 18px;
1206         width : 18px;
1207 }
1208
1209 div#auxDlg {
1210         position : absolute;
1211         z-index : 3;
1212         bottom : 5px;
1213         right : 25px;
1214         padding : 5px;
1215         border-width : 1px;
1216         border-style : solid;
1217         border-color : #d7c47a;
1218         background-color : #fff7d5;
1219         color : black;
1220         text-align : center;
1221         font-size : 13px;
1222 }
1223
1224 div#auxDlg a {
1225         color : #4684ff;
1226 }
1227
1228 div.hlTitle {
1229         display : table-cell;
1230         cursor : pointer;
1231         width : 100%;
1232         vertical-align : middle;
1233         padding-top : 4px;
1234         padding-bottom : 4px;
1235 }
1236
1237 div.hlLeft {
1238         display : table-cell;
1239         vertical-align : middle;
1240         white-space: nowrap;
1241 }
1242
1243 div.hlRight {
1244         display : table-cell;
1245         white-space: nowrap;
1246         text-align : right;
1247         vertical-align : middle;
1248 }
1249
1250 div.hlRight img {
1251         max-width : 16px;
1252         max-height : 16px;
1253 }
1254
1255 span.hlUpdated {
1256         color : gray;
1257         font-weight : medium;
1258         min-width : 100px;
1259         display : table-cell;
1260         width : 100%;
1261         vertical-align : middle;
1262         padding-top : 4px;
1263         padding-bottom : 4px;
1264         text-align : right;
1265
1266 }
1267
1268 div.hlLeft input {
1269         margin-left : 4px;
1270         margin-right : 4px;
1271 }
1272
1273 div.hlLeft img, div.hlRight img {
1274         margin : 0px 4px 0px 4px;
1275
1276 }
1277
1278 div.hlUpdPic {
1279         display : table-cell;
1280         padding-right : 4px;
1281         padding-left : 4px;
1282         text-align : center;
1283         vertical-align : middle;
1284 }
1285
1286 div.hlUpdPic img {
1287         max-width : 16px;
1288 }
1289
1290 div.fatalError {
1291         margin-bottom : 10px;
1292 }
1293
1294 div.fatalError button {
1295         margin-top : 5px;
1296 }
1297
1298 div.fatalError textarea {
1299         width : 100%;
1300         height : 100px;
1301 }
1302
1303 #main {
1304         border-width : 0px;
1305         margin : 0px;
1306         padding : 0px;
1307 }
1308
1309 #header-wrap {
1310         border-width : 0px;
1311         margin : 0px;
1312         padding : 0px;
1313 }
1314
1315 #content-wrap {
1316         padding : 0px;
1317         border-width : 0px;
1318         margin : 0px;
1319 }
1320
1321 #feeds-holder {
1322         padding : 0px;
1323         border-color : #88b0f0;
1324         border-left-width : 0px;
1325         border-bottom-width : 0px;
1326         border-top-width : 0px;
1327         overflow : auto;
1328 }
1329
1330 #headlines-wrap-inner {
1331         padding : 0px;
1332         margin : 0px;
1333         border-width : 0px;
1334 }
1335
1336 #headlines-frame {
1337         padding : 0px;
1338         border-color : #88b0f0;
1339         border-left-width : 0px;
1340         border-right-width : 0px;
1341         margin-top : 0px;
1342         border-top-width : 0px;
1343 }
1344
1345 #headlines-toolbar_splitter, #toolbar_splitter {
1346         display : none;
1347 }
1348
1349 #content-tabs {
1350         margin : 0px;
1351         padding : 0px;
1352         border-width : 0px;
1353 }
1354
1355 #toolbar {
1356         padding : 0px;
1357         margin : 0px;
1358         border-width : 0px;
1359         white-space: nowrap;
1360         font-size : 12px;
1361 }
1362
1363 #header {
1364         border-width : 0px;
1365         text-align : right;
1366         color : gray;
1367         padding : 5px 5px 0px 0px;
1368         margin : 0px;
1369         position : absolute;
1370         right : 0px;
1371         top : 0px;
1372         z-index : 5;
1373 }
1374
1375 #footer {
1376         text-align : center;
1377         color : gray;
1378         padding : 4px 4px 8px 4px;
1379         border-width : 0px;
1380 }
1381
1382 #content-insert {
1383         padding : 0px;
1384         border-color : #88b0f0;
1385         border-bottom-width : 0px;
1386         border-right-width : 0px;
1387         border-left-width : 0px;
1388         overflow : auto;
1389 }
1390
1391 .dijitTreeLabel.Unread {
1392         font-weight : bold;
1393 }
1394
1395 .feedParam {
1396         color : gray;
1397         float : right;
1398         margin-right : 1em;
1399 }
1400
1401 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1402         color : gray;
1403 }
1404
1405 .dijitTreeRow.Error {
1406         color : red;
1407 }
1408
1409 .dijitTreeRow.Hidden {
1410         display : none;
1411 }
1412
1413 img.feedIcon, img.tinyFeedIcon {
1414         width : 16px;
1415         height : 16px;
1416 }
1417
1418 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1419         text-align : center;
1420         padding : 5px;
1421         color : gray;
1422 }
1423
1424 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1425         margin-right : 5px;
1426 }
1427
1428 div#pref-tabs .dijitContentPane {
1429         font-size : 12px;
1430 }
1431
1432 div#pref-tabs {
1433         margin : 0px 5px 0px 5px;
1434 }
1435
1436 div#pref-tabs .dijitContentPane h3 {
1437         font-size : 14px;
1438         font-weight : bold;
1439 }
1440
1441 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1442 #pref-label-wrap, #pref-label-header, #pref-label-content,
1443 #pref-user-wrap, #pref-user-header, #pref-user-content,
1444 #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
1445         margin : 0px;
1446         padding : 0px;
1447         border-width : 0px;
1448 }
1449
1450 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
1451         padding : 0px;
1452 }
1453
1454 #errorButton {
1455         color : red;
1456 }
1457
1458 span.labelFixedLength {
1459         display : inline-block;
1460         width : 70%;
1461 }
1462
1463 #filter_dlg_date_chk_box {
1464         display : inline-block;
1465 }
1466
1467 .dijitDialog .dijitToolbar {
1468         border : 1px solid #c0c0c0;
1469 }
1470
1471 a.bookmarklet {
1472         color : #4684ff;
1473         border : 1px solid #ecf4ff;
1474         padding : 2px;
1475 }
1476
1477 #newVersionIcon {
1478         margin-left : 5px;
1479         vertical-align : middle;
1480         position : relative;
1481         top : -1px;
1482 }
1483
1484 .player {
1485         display : inline-block;
1486         color : gray;
1487         font-size : 11px;
1488         font-family : sans-serif;
1489         border : 1px solid gray;
1490         padding : 0px 4px 0px 4px;
1491         margin : 0px 2px 0px 2px;
1492         width : 50px;
1493         text-align : center;
1494         background : white;
1495 }
1496 .player.playing {
1497         color : #00c000;
1498         border-color : #00c000;
1499 }
1500
1501 .player:hover {
1502         background : #f0f0f0;
1503         cursor : pointer;
1504 }
1505
1506 #headlines-spacer {
1507         height : 100%;
1508         margin-left : 1px;
1509         text-align : center;
1510         padding : 1em;
1511         color : gray;
1512 }