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 }
 831
 832 table.loginForm2 .loginTop {
 833         border-width : 0px 0px 1px 0px;
 834         border-color : #88b0f0;
 835         border-style : solid;
 836         padding : 0.5em;
 837 }
 838
 839 table.loginForm2 .loginMiddle {
 840         padding : 3em;
 841 }
 842
 843 table.loginForm2 .loginBottom {
 844         border-width : 1px 0px 0px 0px;
 845         border-color : #88b0f0;
 846         border-style : solid;
 847         font-size : 12px;
 848         text-align : center;
 849         color : #909090;
 850         padding : 0.5em;
 851 }
 852
 853 table.loginForm2 .loginBottom a {
 854         color : gray;
 855 }
 856
 857 table.loginForm2 .loginBottom a:hover {
 858         color : #4684ff;
 859 }
 860
 861 table.loginForm2 .loginError {
 862         color : red;
 863         margin : 0.5em;
 864 }
 865
 866 table.loginForm2 .innerLoginCell {
 867         padding-top : 0.5em;
 868 }
 869
 870 #milestoneDetails {
 871         display : none;
 872 }
 873
 874 div.loadingPrompt {
 875         padding : 1em;
 876         text-align : center;
 877         font-weight : bold;
 878 }
 879
 880 div.whiteBox {
 881         margin-left : 1px;
 882         text-align : center;
 883         padding : 1em;
 884 }
 885
 886 html, body#ttrssMain, #main {
 887         width: 100%;
 888         height: 100%;
 889         border: 0;
 890         padding: 0;
 891         margin: 0;
 892 }
 893
 894 html, body#ttrssPrefs, #main {
 895         width: 100%;
 896         height: 100%;
 897         border: 0;
 898         padding: 0;
 899         margin: 0;
 900 }
 901
 902 #toolbar div.actionChooser {
 903         display : table-cell;
 904         text-align : right;
 905         padding-right : 3px;
 906 }
 907
 908 /* preferences layout */
 909
 910 div.return {
 911         float : right;
 912         font-size : 12px;
 913         margin-right : 10px;
 914 }
 915
 916 div.return a {
 917         color : #4684ff;
 918 }
 919
 920 div.return a:hover {
 921         color : black;
 922 }
 923
 924 #header .logo {
 925         float : right;
 926         margin-left : 10px;
 927 }
 928
 929 #header a {
 930         color : #4684ff;
 931 }
 932
 933 #header a:hover {
 934         color : black;
 935 }
 936
 937 #header img {
 938         vertical-align : middle;
 939         cursor : pointer;
 940 }
 941
 942 a.helpLinkPic img {
 943         border-width : 0px;
 944         vertical-align : middle;
 945 }
 946
 947 table.prefFeedCatList {
 948
 949 }
 950
 951 div.autocomplete {
 952         position : absolute;
 953         width : 250px;
 954         background-color : white;
 955         border :1px solid #778899;
 956         margin : 0px;
 957         padding : 0px;
 958 }
 959
 960 div.autocomplete ul {
 961         list-style-type : none;
 962         margin : 0px;
 963         padding : 0px;
 964 }
 965
 966 div.autocomplete ul li.selected {
 967         background-color : #fff7d5;
 968 }
 969
 970 div.autocomplete ul li {
 971         list-style-type : none;
 972         display : block;
 973         margin : 0;
 974         padding : 2px;
 975         height : 32px;
 976         cursor : pointer;
 977 }
 978
 979 #feedOpToolbar {
 980         float : right;
 981 }
 982
 983 #header a.feedback {
 984         color : #009900;
 985 }
 986
 987 a.visibleLink {
 988         color : #4684ff;
 989 }
 990
 991 a.visibleLinkB {
 992         color : #4684ff;
 993         border : 1px solid #4684ff;
 994         padding : 2px;
 995 }
 996
 997 a.visibleLinkB:hover {
 998         background-color : #ecf4ff;
 999 }
1000
1001 .hlContentH a, .hlContentH span {
1002         color : #00cc00;
1003 }
1004
1005 .hlContentL a, .hlContentL span {
1006         color : #909090;
1007         text-decoration : line-through;
1008 }
1009
1010 span.titleWrapH, span.titleWrapH a {
1011         color : #00cc00;
1012 }
1013
1014 span.titleWrapL, span.titleWrapL a {
1015         color : #909090;
1016         text-decoration : line-through;
1017 }
1018
1019 img.hlScorePic {
1020         vertical-align : middle;
1021         width : 16px;
1022         height : 16px;
1023 }
1024
1025 div#hotkey_help_overlay {
1026         position : absolute;
1027         left : 30px;
1028         right : 30px;
1029         top : 30px;
1030         z-index : 999;
1031         color : white;
1032         font-size : 15px;
1033         background : black;
1034         border-radius : 30px;
1035         padding : 10px;
1036 }
1037
1038 div#hotkey_help_overlay h1 {
1039         text-align : center;
1040 }
1041
1042 div#hotkey_help_overlay ul {
1043         list-style-type : none;
1044         margin : 0px;
1045 }
1046
1047 div#hotkey_help_overlay a {
1048         color : #88b0f0;
1049 }
1050
1051 div#hotkey_help_overlay a:hover {
1052         color : white;
1053 }
1054
1055 div#hotkey_help_overlay li {
1056         margin : 0px;
1057 }
1058
1059 div#hotkey_help_overlay p {
1060         text-align : center;
1061 }
1062
1063 div#hotkey_help_overlay td.n {
1064         text-align : right;
1065         font-weight : bold;
1066         width : 6em;
1067         color : #a0ffa0;
1068         padding-right : 5px;
1069 }
1070
1071 div#hotkey_help_overlay td {
1072         vertical-align : top;
1073 }
1074
1075 div#hotkey_help_overlay h1 {
1076         margin : 0px;
1077 }
1078
1079 div#hotkey_help_overlay h2 {
1080         font-size : 16px;
1081         border-width : 0px;
1082         margin : 0.3em 0px 0.3em 0px;
1083         text-align : center;
1084         color : #88b0f0;
1085 }
1086
1087 div#hotkey_help_overlay table.hho td.top,
1088 div#hotkey_help_overlay table.hho td.bottom {
1089         text-align : center;
1090         font-size : 11px;
1091 }
1092
1093 div#l_progress_o {
1094         width : 200px;
1095         border : 1px solid black;
1096         background-color : white;
1097         margin-top : 10px;
1098 }
1099
1100 div#l_progress_i {
1101         width : 10px;
1102         background-color : #88b0f0;
1103         height : 10px;
1104 }
1105
1106 div.dlgSec {
1107         font-size : 12px;
1108         color : gray;
1109         font-weight : bold;
1110         clear : both;
1111         height : 20px;
1112 }
1113
1114 div.dlgSecCont {
1115         position : relative;
1116         left : 150px;
1117         top : -20px;
1118         float : left;
1119         font-size : 12px;
1120         font-weight : normal;
1121 }
1122
1123 div.dlgSecCont hr {
1124         height : 0px;
1125         line-height : 0px;
1126         border : 0px solid transparent;
1127         margin : 2px;
1128 }
1129
1130 div.dlgSecCont > * {
1131         position : relative;
1132         top : -2px;
1133 }
1134
1135 div.dlgButtons {
1136         text-align : right;
1137         clear : both;
1138 }
1139
1140 span.labelColorIndicator {
1141         height : 14px;
1142         width : 14px;
1143         line-height : 14px;
1144         font-height : 9px;
1145         display : inline-block;
1146         border : 1px solid black;
1147         background-color : #fff7d5;
1148         color : #063064;
1149         text-align : center;
1150         margin-right : 2px;
1151 }
1152
1153 span.labelColorIndicator2 {
1154         height : 14px;
1155         width : 14px;
1156         font-height : 9px;
1157         display : inline-block;
1158         border : 1px solid black;
1159         background-color : #fff7d5;
1160         color : #063064;
1161         text-align : center;
1162         margin-right : 2px;
1163         vertical-align : bottom;
1164 }
1165
1166
1167 div.labelColorIndicator {
1168         height : 14px;
1169         width : 14px;
1170         line-height : 14px;
1171         font-height : 9px;
1172         text-align : center;
1173         border : 1px solid black;
1174         float : left;
1175         background-color : #fff7d5;
1176         color : #063064;
1177         margin-right : 10px;
1178 }
1179
1180 optgroup {
1181         color : #4684ff;
1182         font-style : normal;
1183 }
1184
1185 option {
1186         color : black;
1187 }
1188
1189 div#cmdline {
1190         position : absolute;
1191         left : 5px;
1192         bottom : 5px;
1193         font-size : 11px;
1194         color : gray;
1195         font-weight : bold;
1196         background-color : white;
1197         border : 1px solid #88b0f0;
1198         padding : 3px 5px 3px 5px;
1199         z-index : 5;
1200 }
1201
1202 #feed_browser_spinner {
1203         vertical-align : middle;
1204         height : 18px;
1205         width : 18px;
1206 }
1207
1208 div#auxDlg {
1209         position : absolute;
1210         z-index : 3;
1211         bottom : 5px;
1212         right : 25px;
1213         padding : 5px;
1214         border-width : 1px;
1215         border-style : solid;
1216         border-color : #d7c47a;
1217         background-color : #fff7d5;
1218         color : black;
1219         text-align : center;
1220         font-size : 13px;
1221 }
1222
1223 div#auxDlg a {
1224         color : #4684ff;
1225 }
1226
1227 div.hlTitle {
1228         display : table-cell;
1229         cursor : pointer;
1230         width : 100%;
1231         vertical-align : middle;
1232         padding-top : 4px;
1233         padding-bottom : 4px;
1234 }
1235
1236 div.hlLeft {
1237         display : table-cell;
1238         vertical-align : middle;
1239         white-space: nowrap;
1240 }
1241
1242 div.hlRight {
1243         display : table-cell;
1244         white-space: nowrap;
1245         text-align : right;
1246         vertical-align : middle;
1247 }
1248
1249 div.hlRight img {
1250         max-width : 16px;
1251         max-height : 16px;
1252 }
1253
1254 span.hlUpdated {
1255         color : gray;
1256         font-weight : medium;
1257         min-width : 100px;
1258         display : table-cell;
1259         width : 100%;
1260         vertical-align : middle;
1261         padding-top : 4px;
1262         padding-bottom : 4px;
1263         text-align : right;
1264
1265 }
1266
1267 div.hlLeft input {
1268         margin-left : 4px;
1269         margin-right : 4px;
1270 }
1271
1272 div.hlLeft img, div.hlRight img {
1273         margin : 0px 4px 0px 4px;
1274
1275 }
1276
1277 div.hlUpdPic {
1278         display : table-cell;
1279         padding-right : 4px;
1280         padding-left : 4px;
1281         text-align : center;
1282         vertical-align : middle;
1283 }
1284
1285 div.hlUpdPic img {
1286         max-width : 16px;
1287 }
1288
1289 div.fatalError {
1290         margin-bottom : 10px;
1291 }
1292
1293 div.fatalError button {
1294         margin-top : 5px;
1295 }
1296
1297 div.fatalError textarea {
1298         width : 100%;
1299         height : 100px;
1300 }
1301
1302 #main {
1303         border-width : 0px;
1304         margin : 0px;
1305         padding : 0px;
1306 }
1307
1308 #header-wrap {
1309         border-width : 0px;
1310         margin : 0px;
1311         padding : 0px;
1312 }
1313
1314 #content-wrap {
1315         padding : 0px;
1316         border-width : 0px;
1317         margin : 0px;
1318 }
1319
1320 #feeds-holder {
1321         padding : 0px;
1322         border-color : #88b0f0;
1323         border-left-width : 0px;
1324         border-bottom-width : 0px;
1325         border-top-width : 0px;
1326         overflow : auto;
1327 }
1328
1329 #headlines-wrap-inner {
1330         padding : 0px;
1331         margin : 0px;
1332         border-width : 0px;
1333 }
1334
1335 #headlines-frame {
1336         padding : 0px;
1337         border-color : #88b0f0;
1338         border-left-width : 0px;
1339         border-right-width : 0px;
1340         margin-top : 0px;
1341         border-top-width : 0px;
1342 }
1343
1344 #headlines-toolbar_splitter, #toolbar_splitter {
1345         display : none;
1346 }
1347
1348 #content-tabs {
1349         margin : 0px;
1350         padding : 0px;
1351         border-width : 0px;
1352 }
1353
1354 #toolbar {
1355         padding : 0px;
1356         margin : 0px;
1357         border-width : 0px;
1358         white-space: nowrap;
1359         font-size : 12px;
1360 }
1361
1362 #header {
1363         border-width : 0px;
1364         text-align : right;
1365         color : gray;
1366         padding : 5px 5px 0px 0px;
1367         margin : 0px;
1368         position : absolute;
1369         right : 0px;
1370         top : 0px;
1371         z-index : 5;
1372 }
1373
1374 #footer {
1375         text-align : center;
1376         color : gray;
1377         padding : 4px 4px 8px 4px;
1378         border-width : 0px;
1379 }
1380
1381 #content-insert {
1382         padding : 0px;
1383         border-color : #88b0f0;
1384         border-bottom-width : 0px;
1385         border-right-width : 0px;
1386         border-left-width : 0px;
1387         overflow : auto;
1388 }
1389
1390 .dijitTreeLabel.Unread {
1391         font-weight : bold;
1392 }
1393
1394 .feedParam {
1395         color : gray;
1396         float : right;
1397         margin-right : 1em;
1398 }
1399
1400 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1401         color : gray;
1402 }
1403
1404 .dijitTreeRow.Error {
1405         color : red;
1406 }
1407
1408 .dijitTreeRow.Hidden {
1409         display : none;
1410 }
1411
1412 img.feedIcon, img.tinyFeedIcon {
1413         width : 16px;
1414         height : 16px;
1415 }
1416
1417 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1418         text-align : center;
1419         padding : 5px;
1420         color : gray;
1421 }
1422
1423 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1424         margin-right : 5px;
1425 }
1426
1427 div#pref-tabs .dijitContentPane {
1428         font-size : 12px;
1429 }
1430
1431 div#pref-tabs {
1432         margin : 0px 5px 0px 5px;
1433 }
1434
1435 div#pref-tabs .dijitContentPane h3 {
1436         font-size : 14px;
1437         font-weight : bold;
1438 }
1439
1440 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1441 #pref-label-wrap, #pref-label-header, #pref-label-content,
1442 #pref-user-wrap, #pref-user-header, #pref-user-content,
1443 #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
1444         margin : 0px;
1445         padding : 0px;
1446         border-width : 0px;
1447 }
1448
1449 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
1450         padding : 0px;
1451 }
1452
1453 #errorButton {
1454         color : red;
1455 }
1456
1457 span.labelFixedLength {
1458         display : inline-block;
1459         width : 70%;
1460 }
1461
1462 #filter_dlg_date_chk_box {
1463         display : inline-block;
1464 }
1465
1466 .dijitDialog .dijitToolbar {
1467         border : 1px solid #c0c0c0;
1468 }
1469
1470 a.bookmarklet {
1471         color : #4684ff;
1472         border : 1px solid #ecf4ff;
1473         padding : 2px;
1474 }
1475
1476 #newVersionIcon {
1477         margin-left : 5px;
1478         vertical-align : middle;
1479         position : relative;
1480         top : -1px;
1481 }
1482
1483 .player {
1484         display : inline-block;
1485         color : gray;
1486         font-size : 11px;
1487         font-family : sans-serif;
1488         border : 1px solid gray;
1489         padding : 0px 4px 0px 4px;
1490         margin : 0px 2px 0px 2px;
1491         width : 50px;
1492         text-align : center;
1493         background : white;
1494 }
1495 .player.playing {
1496         color : #00c000;
1497         border-color : #00c000;
1498 }
1499
1500 .player:hover {
1501         background : #f0f0f0;
1502         cursor : pointer;
1503 }
1504
1505 #headlines-spacer {
1506         height : 100%;
1507         margin-left : 1px;
1508         text-align : center;
1509         padding : 1em;
1510         color : gray;
1511 }