tt-rss.css

   1 body#ttrssMain, body#ttrssPrefs, body#ttrssLogin {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : "Lucida Grande", Arial, 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 {
 355         cursor : pointer;
 356 }
 357
 358 table.prefFilterList tr.even:hover td,
 359 table.prefFilterList tr.odd:hover td,
 360 table.prefFilterList tr.evenSelected:hover td,
 361 table.prefFilterList tr.oddSelected:hover td
 362 table.prefLabelList tr.even:hover td,
 363 table.prefLabelList tr.odd:hover td,
 364 table.prefLabelList tr.evenSelected:hover td,
 365 table.prefLabelList tr.oddSelected:hover td,
 366 table.prefUserList tr.even:hover td,
 367 table.prefUserList tr.odd:hover td,
 368 table.prefUserList tr.evenSelected:hover td,
 369 table.prefUserList tr.oddSelected:hover td,
 370 table.prefFeedList tr.even:hover td,
 371 table.prefFeedList tr.odd:hover td,
 372 table.prefFeedList tr.evenSelected:hover td,
 373 table.prefFeedList tr.oddSelected:hover td
 374 {
 375         color : #88b0f0;
 376 }
 377
 378 table.prefFeedList td.feedIcon {
 379         text-align : center;
 380 }
 381
 382 table.prefFeedList td.feedSelect {
 383         text-align : center;
 384 }
 385
 386 div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
 387         height : 300px;
 388         overflow : auto;
 389         border-width : 0px 1px 1px 1px;
 390         border-color : #c0c0c0;
 391         border-style : solid;
 392         margin : 0px 0px 5px 0px;
 393         background-color : #ecf4ff;
 394 }
 395
 396 div.prefFeedOPMLHolder, div.inactiveFeedHolder {
 397         border-width : 1px 1px 1px 1px;
 398 }
 399
 400 a.helpLink {
 401         color : #808080;
 402 }
 403
 404 a.helpLink:hover {
 405         color : #4684ff;
 406 }
 407
 408 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 409         margin : 0px 0px 0px 1em;
 410         padding : 0px;
 411         font-family : monospace;
 412         font-size : 12px;
 413         background : transparent;
 414         border-width : 0px;
 415 }
 416
 417 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 418         margin : 0px 0px 0px 1em;
 419         border-width : 0px 0px 0px 2px;
 420         border-color : #c0c0c0;
 421         border-style : solid;
 422         font-style : italic;
 423         padding : 0px 0px 0px 1em;
 424         font-size : 12px;
 425         color : gray;
 426 }
 427
 428 #content-insert code, #headlines-frame code, .dijitContentPane code {
 429         background : transparent;
 430         border : 0px solid transparent;
 431         margin : 0px;
 432         font-family : monospace;
 433         padding : 0px;
 434         font-size : 12px;
 435 }
 436
 437 div.notice {
 438         background : #ffffff;
 439         border : 1px solid #88b0f0;
 440         width : 60%;
 441         padding : 5px;
 442         margin : 0px 0px 5px 0px;
 443         font-size : 12px;
 444 }
 445
 446 div.warning {
 447         background : #fff7d5;
 448         border : 1px solid #d7c47a;
 449         font-size : 12px;
 450         width : 60%;
 451         padding : 5px;
 452         margin : 0px 0px 5px 0px;
 453 }
 454
 455 div.warning img, div.notice img, div.error img {
 456         vertical-align : middle;
 457         padding : 5px;
 458 }
 459
 460 span.filterDateError {
 461         color : #ff0000;
 462 }
 463
 464 div.error {
 465         border : 1px solid #ff0000;
 466         background : #ffcccc;
 467         padding : 5px;
 468         margin : 0px 0px 5px 0px;
 469         font-size : 12px;
 470 }
 471
 472 ul.nomarks {
 473         list-style-type : none;
 474         margin : 0px;
 475         padding : 10px;
 476 }
 477
 478 div.prefHelp, td.prefHelp {
 479         color : gray;
 480         padding : 5px;
 481 }
 482
 483 table.loginForm {
 484         background-color : #ecf4ff;
 485 }
 486
 487 span.feed_error {
 488         color : red;
 489 }
 490
 491 .insensitive {
 492         color : gray;
 493 }
 494
 495 .insensitive a {
 496         color : #4684ff;
 497 }
 498
 499 .insensitive a:hover {
 500         color : black;
 501 }
 502
 503 .small {
 504         font-size : 11px;
 505 }
 506
 507 table.innerFeedTable td {
 508         margin : 0px;
 509         padding : 0px;
 510 }
 511
 512 td.selectPrompt {
 513         font-size : 12px;
 514         color : gray;
 515 }
 516
 517 div#headlines-toolbar {
 518         border-width : 0px 0px 1px 0px;
 519         background-color : #ecf4ff;
 520         border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
 521         font-size : 11px;
 522         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 523         color : gray;
 524         padding : 0px;
 525         margin : 0px;
 526         overflow : hidden;
 527         height : 23px;
 528 }
 529
 530 div#headlines-toolbar .dijitSelect {
 531         font-size : 11px;
 532 }
 533
 534 div#headlines-toolbar div#subtoolbar_main {
 535         display : table-cell;
 536         width : 100%;
 537         white-space : nowrap;
 538         vertical-align : middle;
 539         padding-left : 5px;
 540 }
 541
 542 div#headlines-toolbar div#subtoolbar_ftitle {
 543         display : table-cell;
 544         text-align : right;
 545         vertical-align : middle;
 546         white-space : nowrap;
 547         padding-right : 5px;
 548 }
 549
 550 div#subtoolbar_ftitle span.error {
 551         color : red;
 552 }
 553
 554 span.contentPreview {
 555         color : gray;
 556         font-weight : normal;
 557 }
 558
 559 span.contentPreview:hover {
 560         color : #4684ff;
 561 }
 562
 563 span.hlLabelRef {
 564         background-color : #fff7d5;
 565         font-height : 8px;
 566         color : #063064;
 567         font-weight : normal;
 568         margin : 0px 3px 0px 3px;
 569         padding : 0px 4px 0px 4px;
 570         white-space: nowrap;
 571 }
 572
 573 td.hlSelectRow, td.hlUpdPic {
 574         width : 25px;
 575         text-align : center;
 576 }
 577
 578 div.postHeader div.postDate {
 579         text-align : right;
 580         color : gray;
 581         float : right;
 582 }
 583
 584 div.postHeader div.postDateRTL {
 585         text-align : left;
 586         color : gray;
 587         float : right;
 588 }
 589
 590 div.postHeader div {
 591         padding-bottom : 3px;
 592         font-size : 12px;
 593         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 594 }
 595
 596 #feedUpdateErrors {
 597         display : none;
 598 }
 599
 600 #allEntryTags {
 601         font-size : 12px;
 602         border-width : 0px 0px 1px 0px;
 603         border-style : solid;
 604         border-color : #c0c0c0;
 605         padding-bottom : 5px;
 606         display : none;
 607 }
 608
 609 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 610         height : 1em;
 611 }
 612
 613 td.hlFeed {
 614         text-align : right;
 615 }
 616
 617 span.hlFeed, span.hlFeed a {
 618         font-size : 12px;
 619         color : gray;
 620 }
 621
 622 span.hlFeed a:hover {
 623         color : #4684ff;
 624 }
 625
 626 img.markedPic {
 627         cursor : pointer;
 628 }
 629
 630 a.warning {
 631         color : #f04040;
 632 }
 633
 634 img.closeButton {
 635         border-width : 0px;
 636         float : right;
 637 }
 638
 639 span.groupPrompt {
 640         font-size : 12px;
 641         color : #4684ff;
 642 }
 643
 644 div.tagCloudContainer {
 645         border : 1px solid #c0c0c0;
 646         background-color : #ecf4ff;
 647         margin : 5px 0px 5px 0px;
 648         padding : 5px;
 649         text-align : center;
 650 }
 651
 652 div.errorExplained {
 653         border : 1px solid #c0c0c0;
 654         background-color : #ecf4ff;
 655         margin : 5px 0px 5px 0px;
 656         padding : 5px;
 657 }
 658
 659 ul.feedErrorsList {
 660         max-height : 300px;
 661         overflow : auto;
 662         list-style-type : none;
 663         border : 1px solid #c0c0c0;
 664         background-color : #ecf4ff;
 665         margin : 0px 0px 5px 0px;
 666         padding : 5px;
 667 }
 668
 669 ul.feedErrorsList em {
 670         color : gray;
 671 }
 672
 673 ul.userFeedList {
 674         height : 300px;
 675         overflow : auto;
 676         list-style-type : none;
 677         border : 1px solid gray;
 678         background-color : white;
 679         margin : 0px 0px 5px 0px;
 680         padding : 0px;
 681 }
 682
 683 ul.browseFeedList {
 684         height : 300px;
 685         overflow : auto;
 686         border-width : 0px 1px 1px 1px;
 687         border-color : #c0c0c0;
 688         border-style : solid;
 689         margin : 0px 0px 5px 0px;
 690         background-color : white;
 691         list-style-type : none;
 692         padding : 0px;
 693
 694 }
 695
 696 ul.browseFeedList li {
 697         margin : 0px;
 698         padding : 2px 4px 2px 4px;
 699 }
 700
 701 span.subscribers {
 702         color : #808080;
 703 }
 704
 705 div.subscribers {
 706         color : #808080;
 707         font-size : 12px;
 708         float : right;
 709 }
 710
 711 div.browserDetails {
 712         margin : 5px 5px 5px 5px;
 713         padding : 5px;
 714 }
 715
 716 ul.compact {
 717         list-style-type : none;
 718         margin : 0px;
 719         padding : 0px;
 720 }
 721
 722 ul.compact li {
 723         margin : 0px;
 724         padding : 0px;
 725 }
 726
 727 div.browserFeedInfo {
 728         font-size : 12px;
 729 /*      border : 1px solid #88b0f0;
 730         background-color : #ecf4ff;
 731         -moz-border-radius : 5px; */
 732         padding : 5px;
 733 }
 734
 735 div.browserFeedInfo div.detailsPart {
 736         margin : 5px 0px 5px 5px;
 737 }
 738
 739 .noborder {
 740         border-width : 0px;
 741 }
 742
 743 #dialog_overlay {
 744         left : 0;
 745         top : 0;
 746         height : 100%;
 747         width : 100%;
 748         z-index : 4;
 749         position : absolute;
 750         background-image : url("images/shadow_white.png");
 751 }
 752
 753 #overlay {
 754         background : white;
 755         left : 0;
 756         top : 0;
 757         height : 100%;
 758         width : 100%;
 759         z-index : 100;
 760         position : absolute;
 761 }
 762
 763 #overlay_inner {
 764         font-weight : bold;
 765         margin : 1em;
 766 }
 767
 768 #noDaemonWarning {
 769         position : absolute;
 770         background-color : #ecf4ff;
 771         border : 1px solid #88b0f0;
 772         padding : 10px;
 773         margin : 5px;
 774         z-index : 2;
 775         display : none;
 776 }
 777
 778 #qafInput {
 779         width : 100%;
 780 }
 781
 782 form {
 783         margin : 0px;
 784         padding : 0px;
 785 }
 786
 787 #main_toolbar_form {
 788         margin : 0px;
 789         padding : 0px;
 790         display : table-cell;
 791         white-space : nowrap;
 792         width : 100%;
 793 }
 794
 795 div.feedExtInfo {
 796         margin-left : 2em;
 797         font-size : 7pt;
 798         color : gray;
 799         font-weight : normal;
 800 }
 801
 802 span.debugTS {
 803         color : #4684ff;
 804 }
 805
 806 #backReqBox {
 807         display : none;
 808 }
 809
 810 /*.scriptWarn:before {
 811         content : "Disabled script:";
 812 }*/
 813
 814 .scriptWarn {
 815         color : white;
 816         background-color : #903030;
 817         border : 1px solid #601010;
 818         padding : 3px;
 819         font-weight : bold;
 820         display : none;
 821 }
 822
 823 .objectWarn {
 824         color : gray;
 825         font-style: italic;
 826         text-align : center;
 827 }
 828
 829 table.loginForm2 {
 830         padding : 1em;
 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 }
1035
1036 div#hotkey_help_overlay h1 {
1037         text-align : center;
1038 }
1039
1040 div#hotkey_help_overlay ul {
1041         list-style-type : none;
1042         margin : 0px;
1043 }
1044
1045 div#hotkey_help_overlay a {
1046         color : #88b0f0;
1047 }
1048
1049 div#hotkey_help_overlay a:hover {
1050         color : white;
1051 }
1052
1053 div#hotkey_help_overlay li {
1054         margin : 0px;
1055 }
1056
1057 div#hotkey_help_overlay p {
1058         text-align : center;
1059 }
1060
1061 div#hotkey_help_overlay td.n {
1062         text-align : right;
1063         font-weight : bold;
1064         width : 6em;
1065         color : #a0ffa0;
1066         padding-right : 5px;
1067 }
1068
1069 div#hotkey_help_overlay td {
1070         vertical-align : top;
1071 }
1072
1073 div#hotkey_help_overlay h1 {
1074         margin : 0px;
1075 }
1076
1077 div#hotkey_help_overlay h2 {
1078         font-size : 16px;
1079         border-width : 0px;
1080         margin : 0.3em 0px 0.3em 0px;
1081         text-align : center;
1082         color : #88b0f0;
1083 }
1084
1085 div#hotkey_help_overlay table.hho td.c1 {
1086         height : 30px;
1087         width : 30px;
1088         background : url("images/c1.png");
1089         background-repeat : no-repeat;
1090
1091 }
1092
1093 div#hotkey_help_overlay table.hho td.c2 {
1094         height : 30px;
1095         width : 30px;
1096         background : url("images/c2.png");
1097         background-repeat : no-repeat;
1098 }
1099
1100 div#hotkey_help_overlay table.hho td.c3 {
1101         height : 30px;
1102         width : 30px;
1103         background : url("images/c3.png");
1104         background-repeat : no-repeat;
1105 }
1106
1107 div#hotkey_help_overlay table.hho td.c4 {
1108         height : 30px;
1109         width : 30px;
1110         background : url("images/c4.png");
1111         background-repeat : no-repeat;
1112 }
1113
1114 div#hotkey_help_overlay table.hho td.top,
1115 div#hotkey_help_overlay table.hho td.left,
1116 div#hotkey_help_overlay table.hho td.right,
1117 div#hotkey_help_overlay table.hho td.bottom,
1118 div#hotkey_help_overlay table.hho td.content {
1119         background : url("images/shadow_dark.png");
1120 }
1121
1122 div#hotkey_help_overlay table.hho td.top,
1123 div#hotkey_help_overlay table.hho td.bottom {
1124         text-align : center;
1125         font-size : 11px;
1126 }
1127
1128 div#l_progress_o {
1129         width : 200px;
1130         border : 1px solid black;
1131         background-color : white;
1132         margin-top : 10px;
1133 }
1134
1135 div#l_progress_i {
1136         width : 10px;
1137         background-color : #88b0f0;
1138         height : 10px;
1139 }
1140
1141 div.dlgSec {
1142         font-size : 12px;
1143         color : gray;
1144         font-weight : bold;
1145         clear : both;
1146         height : 20px;
1147 }
1148
1149 div.dlgSecCont {
1150         position : relative;
1151         left : 150px;
1152         top : -20px;
1153         float : left;
1154         font-size : 12px;
1155         font-weight : normal;
1156 }
1157
1158 div.dlgSecCont hr {
1159         height : 0px;
1160         line-height : 0px;
1161         border : 0px solid transparent;
1162         margin : 2px;
1163 }
1164
1165 div.dlgSecCont > * {
1166         position : relative;
1167         top : -2px;
1168 }
1169
1170 div.dlgButtons {
1171         text-align : right;
1172         clear : both;
1173 }
1174
1175 span.labelColorIndicator {
1176         height : 14px;
1177         width : 14px;
1178         line-height : 14px;
1179         font-height : 9px;
1180         display : inline-block;
1181         border : 1px solid black;
1182         background-color : #fff7d5;
1183         color : #063064;
1184         text-align : center;
1185         margin-right : 2px;
1186 }
1187
1188 span.labelColorIndicator2 {
1189         height : 14px;
1190         width : 14px;
1191         font-height : 9px;
1192         display : inline-block;
1193         border : 1px solid black;
1194         background-color : #fff7d5;
1195         color : #063064;
1196         text-align : center;
1197         margin-right : 2px;
1198         vertical-align : bottom;
1199 }
1200
1201
1202 div.labelColorIndicator {
1203         height : 14px;
1204         width : 14px;
1205         line-height : 14px;
1206         font-height : 9px;
1207         text-align : center;
1208         border : 1px solid black;
1209         float : left;
1210         background-color : #fff7d5;
1211         color : #063064;
1212         margin-right : 10px;
1213 }
1214
1215 optgroup {
1216         color : #4684ff;
1217         font-style : normal;
1218 }
1219
1220 option {
1221         color : black;
1222 }
1223
1224 div#cmdline {
1225         position : absolute;
1226         left : 5px;
1227         bottom : 5px;
1228         font-size : 11px;
1229         color : gray;
1230         font-weight : bold;
1231         background-color : white;
1232         border : 1px solid #88b0f0;
1233         padding : 3px 5px 3px 5px;
1234         z-index : 5;
1235 }
1236
1237 #feed_browser_spinner {
1238         vertical-align : middle;
1239         height : 18px;
1240         width : 18px;
1241 }
1242
1243 div#auxDlg {
1244         position : absolute;
1245         z-index : 3;
1246         bottom : 5px;
1247         right : 25px;
1248         padding : 5px;
1249         border-width : 1px;
1250         border-style : solid;
1251         border-color : #d7c47a;
1252         background-color : #fff7d5;
1253         color : black;
1254         text-align : center;
1255         font-size : 13px;
1256 }
1257
1258 div#auxDlg a {
1259         color : #4684ff;
1260 }
1261
1262 div.hlTitle {
1263         display : table-cell;
1264         cursor : pointer;
1265         width : 100%;
1266         vertical-align : middle;
1267         padding-top : 4px;
1268         padding-bottom : 4px;
1269 }
1270
1271 div.hlLeft {
1272         display : table-cell;
1273         vertical-align : middle;
1274         white-space: nowrap;
1275 }
1276
1277 div.hlRight {
1278         display : table-cell;
1279         white-space: nowrap;
1280         text-align : right;
1281         vertical-align : middle;
1282 }
1283
1284 div.hlRight img {
1285         max-width : 16px;
1286         max-height : 16px;
1287 }
1288
1289 span.hlUpdated {
1290         color : gray;
1291         font-weight : medium;
1292         width : 100px;
1293         display : inline-block;
1294 }
1295
1296 div.hlLeft input {
1297         margin-left : 4px;
1298         margin-right : 4px;
1299 }
1300
1301 div.hlLeft img, div.hlRight img {
1302         margin : 0px 4px 0px 4px;
1303
1304 }
1305
1306 div.hlUpdPic {
1307         display : table-cell;
1308         padding-right : 4px;
1309         padding-left : 4px;
1310         text-align : center;
1311         vertical-align : middle;
1312 }
1313
1314 div.hlUpdPic img {
1315         max-width : 16px;
1316 }
1317
1318 div.fatalError {
1319         margin-bottom : 10px;
1320 }
1321
1322 div.fatalError button {
1323         margin-top : 5px;
1324 }
1325
1326 div.fatalError textarea {
1327         width : 100%;
1328         height : 100px;
1329 }
1330
1331 #main {
1332         border-width : 0px;
1333         margin : 0px;
1334         padding : 0px;
1335 }
1336
1337 #header-wrap {
1338         border-width : 0px;
1339         margin : 0px;
1340         padding : 0px;
1341 }
1342
1343 #content-wrap {
1344         padding : 0px;
1345         border-width : 0px;
1346         margin : 0px;
1347 }
1348
1349 #feeds-holder {
1350         padding : 0px;
1351         border-color : #88b0f0;
1352         border-left-width : 0px;
1353         border-bottom-width : 0px;
1354         border-top-width : 0px;
1355 }
1356
1357 #headlines-wrap-inner {
1358         padding : 0px;
1359         margin : 0px;
1360         border-width : 0px;
1361 }
1362
1363 #headlines-frame {
1364         padding : 0px;
1365         border-color : #88b0f0;
1366         border-left-width : 0px;
1367         border-right-width : 0px;
1368         margin-top : 0px;
1369         border-top-width : 0px;
1370 }
1371
1372 #headlines-toolbar_splitter, #toolbar_splitter {
1373         display : none;
1374 }
1375
1376 #content-tabs {
1377         margin : 0px;
1378         padding : 0px;
1379         border-width : 0px;
1380 }
1381
1382 #toolbar {
1383         padding : 0px;
1384         margin : 0px;
1385         border-width : 0px;
1386         white-space: nowrap;
1387         font-size : 12px;
1388 }
1389
1390 #header {
1391         border-width : 0px;
1392         text-align : right;
1393         color : gray;
1394         padding : 5px 5px 0px 0px;
1395         margin : 0px;
1396         position : absolute;
1397         right : 0px;
1398         top : 0px;
1399         z-index : 5;
1400 }
1401
1402 #footer {
1403         text-align : center;
1404         color : gray;
1405         padding : 4px 4px 8px 4px;
1406         border-width : 0px;
1407 }
1408
1409 #content-insert {
1410         padding : 0px;
1411         border-color : #88b0f0;
1412         border-bottom-width : 0px;
1413         border-right-width : 0px;
1414         border-left-width : 0px;
1415 }
1416
1417 .dijitTreeLabel.Unread {
1418         font-weight : bold;
1419 }
1420
1421 .feedParam {
1422         color : gray;
1423         float : right;
1424         margin-right : 1em;
1425 }
1426
1427 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1428         color : gray;
1429 }
1430
1431 .dijitTreeRow.Error {
1432         color : red;
1433 }
1434
1435 .dijitTreeRow.Hidden {
1436         display : none;
1437 }
1438
1439 img.feedIcon, img.tinyFeedIcon {
1440         width : 16px;
1441         height : 16px;
1442 }
1443
1444 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1445         text-align : center;
1446         padding : 5px;
1447         color : gray;
1448 }
1449
1450 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1451         margin-right : 5px;
1452 }
1453
1454 div#pref-tabs .dijitContentPane {
1455         font-size : 12px;
1456 }
1457
1458 div#pref-tabs {
1459         margin : 0px 5px 0px 5px;
1460 }
1461
1462 div#pref-tabs .dijitContentPane h3 {
1463         font-size : 14px;
1464         font-weight : bold;
1465 }
1466
1467 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1468 #pref-label-wrap, #pref-label-header, #pref-label-content,
1469 #pref-user-wrap, #pref-user-header, #pref-user-content {
1470         margin : 0px;
1471         padding : 0px;
1472         border-width : 0px;
1473 }
1474
1475 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds {
1476         padding : 0px;
1477 }
1478
1479 #errorButton {
1480         color : red;
1481 }
1482
1483 span.labelFixedLength {
1484         display : inline-block;
1485         width : 70%;
1486 }
1487
1488 #filter_dlg_date_chk_box {
1489         display : inline-block;
1490 }
1491
1492 .dijitDialog .dijitToolbar {
1493         border : 1px solid #c0c0c0;
1494 }
1495
1496 a.bookmarklet {
1497         color : #4684ff;
1498         border : 1px solid #ecf4ff;
1499         padding : 2px;
1500 }
1501
1502 #newVersionIcon {
1503         margin-left : 5px;
1504         vertical-align : middle;
1505         position : relative;
1506         top : -1px;
1507 }
1508
1509 .player {
1510         display : inline-block;
1511         color : gray;
1512         font-size : 11px;
1513         font-family : sans-serif;
1514         border : 1px solid gray;
1515         padding : 0px 4px 0px 4px;
1516         margin : 0px 2px 0px 2px;
1517         width : 50px;
1518         text-align : center;
1519         background : white;
1520 }
1521 .player.playing {
1522         color : #00c000;
1523         border-color : #00c000;
1524 }
1525
1526 .player:hover {
1527         background : #f0f0f0;
1528         cursor : pointer;
1529 }
1530