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         border-width : 1px;
  80         padding : 5px;
  81         border-style : dashed;
  82         border-color : #e7d796;
  83         font-size : 11px;
  84         margin-left : 5px;
  85         margin-top : 5px;
  86         float : right;
  87         color : #9a8c59;
  88         max-width : 150px;
  89         text-align : justify;
  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.prefsLabelEntry {
1176         padding : 2px;
1177 }
1178
1179 span.labelColorIndicator {
1180         height : 14px;
1181         width : 14px;
1182         line-height : 14px;
1183         font-height : 9px;
1184         display : inline-block;
1185         border : 1px solid black;
1186         background-color : #fff7d5;
1187         color : #063064;
1188         text-align : center;
1189         margin-right : 2px;
1190 }
1191
1192 span.labelColorIndicator2 {
1193         height : 14px;
1194         width : 14px;
1195         font-height : 9px;
1196         display : inline-block;
1197         border : 1px solid black;
1198         background-color : #fff7d5;
1199         color : #063064;
1200         text-align : center;
1201         margin-right : 2px;
1202         vertical-align : bottom;
1203 }
1204
1205
1206 div.labelColorIndicator {
1207         height : 14px;
1208         width : 14px;
1209         line-height : 14px;
1210         font-height : 9px;
1211         text-align : center;
1212         border : 1px solid black;
1213         float : left;
1214         background-color : #fff7d5;
1215         color : #063064;
1216         margin-right : 10px;
1217 }
1218
1219 div.colorPicker div.colorPickerEntry:hover {
1220         border : 1px solid #88b0f0;
1221 }
1222
1223 div.colorPicker div.ccPrompt:hover {
1224         color : black;
1225 }
1226
1227 div.colorPicker div.colorPickerEntry {
1228         height : 15px;
1229         width : 15px;
1230         line-height : 13px;
1231         font-height : 9px;
1232         text-align : center;
1233         border : 1px solid black;
1234         margin : 5px 5px 0px 0px;
1235         float : left;
1236 }
1237
1238 div.colorPicker {
1239         border : 1px solid #cccccc;
1240         background : #f0f0f0;
1241         width : 110px;
1242         padding : 0px 0px 5px 5px;
1243         position : absolute;
1244         left : auto;
1245         top : auto;
1246         z-index : 3;
1247         color : #909090;
1248 }
1249
1250 optgroup {
1251         color : #4684ff;
1252         font-style : normal;
1253 }
1254
1255 option {
1256         color : black;
1257 }
1258
1259 div#cmdline {
1260         position : absolute;
1261         left : 5px;
1262         bottom : 5px;
1263         font-size : 11px;
1264         color : gray;
1265         font-weight : bold;
1266         background-color : white;
1267         border : 1px solid #88b0f0;
1268         padding : 3px 5px 3px 5px;
1269         z-index : 5;
1270 }
1271
1272 #feed_browser_spinner {
1273         vertical-align : middle;
1274         height : 18px;
1275         width : 18px;
1276 }
1277
1278 div#auxDlg {
1279         position : absolute;
1280         z-index : 3;
1281         bottom : 5px;
1282         right : 25px;
1283         padding : 5px;
1284         border-width : 1px;
1285         border-style : solid;
1286         border-color : #d7c47a;
1287         background-color : #fff7d5;
1288         color : black;
1289         text-align : center;
1290         font-size : 13px;
1291 }
1292
1293 div#auxDlg a {
1294         color : #4684ff;
1295 }
1296
1297 div.hlTitle {
1298         display : table-cell;
1299         cursor : pointer;
1300         width : 100%;
1301         vertical-align : middle;
1302         padding-top : 4px;
1303         padding-bottom : 4px;
1304 }
1305
1306 div.hlLeft {
1307         display : table-cell;
1308         vertical-align : middle;
1309         white-space: nowrap;
1310 }
1311
1312 div.hlRight {
1313         display : table-cell;
1314         white-space: nowrap;
1315         text-align : right;
1316         vertical-align : middle;
1317 }
1318
1319 div.hlRight img {
1320         max-width : 16px;
1321         max-height : 16px;
1322 }
1323
1324 span.hlUpdated {
1325         color : gray;
1326         font-weight : medium;
1327         width : 100px;
1328         display : inline-block;
1329 }
1330
1331 div.hlLeft input {
1332         margin-left : 4px;
1333         margin-right : 4px;
1334 }
1335
1336 div.hlLeft img, div.hlRight img {
1337         margin : 0px 4px 0px 4px;
1338
1339 }
1340
1341 div.hlUpdPic {
1342         display : table-cell;
1343         padding-right : 4px;
1344         padding-left : 4px;
1345         text-align : center;
1346         vertical-align : middle;
1347 }
1348
1349 div.hlUpdPic img {
1350         max-width : 16px;
1351 }
1352
1353 div.fatalError {
1354         margin-bottom : 10px;
1355 }
1356
1357 div.fatalError button {
1358         margin-top : 5px;
1359 }
1360
1361 div.fatalError textarea {
1362         width : 100%;
1363         height : 100px;
1364 }
1365
1366 #main {
1367         border-width : 0px;
1368         margin : 0px;
1369         padding : 0px;
1370 }
1371
1372 #header-wrap {
1373         border-width : 0px;
1374         margin : 0px;
1375         padding : 0px;
1376 }
1377
1378 #content-wrap {
1379         padding : 0px;
1380         border-width : 0px;
1381         margin : 0px;
1382 }
1383
1384 #feeds-holder {
1385         padding : 0px;
1386         border-color : #88b0f0;
1387         border-left-width : 0px;
1388         border-bottom-width : 0px;
1389         border-top-width : 0px;
1390 }
1391
1392 #headlines-wrap-inner {
1393         padding : 0px;
1394         margin : 0px;
1395         border-width : 0px;
1396 }
1397
1398 #headlines-frame {
1399         padding : 0px;
1400         border-color : #88b0f0;
1401         border-left-width : 0px;
1402         border-right-width : 0px;
1403         margin-top : 0px;
1404         border-top-width : 0px;
1405 }
1406
1407 #headlines-toolbar_splitter, #toolbar_splitter {
1408         display : none;
1409 }
1410
1411 #content-tabs {
1412         margin : 0px;
1413         padding : 0px;
1414         border-width : 0px;
1415 }
1416
1417 #toolbar {
1418         padding : 0px;
1419         margin : 0px;
1420         border-width : 0px;
1421         white-space: nowrap;
1422         font-size : 12px;
1423 }
1424
1425 #header {
1426         border-width : 0px;
1427         text-align : right;
1428         color : gray;
1429         padding : 5px 5px 0px 0px;
1430         margin : 0px;
1431         position : absolute;
1432         right : 0px;
1433         top : 0px;
1434         z-index : 5;
1435 }
1436
1437 #footer {
1438         text-align : center;
1439         color : gray;
1440         padding : 4px 4px 8px 4px;
1441         border-width : 0px;
1442 }
1443
1444 #content-insert {
1445         padding : 0px;
1446         border-color : #88b0f0;
1447         border-bottom-width : 0px;
1448         border-right-width : 0px;
1449         border-left-width : 0px;
1450 }
1451
1452 .dijitTreeLabel.Unread {
1453         font-weight : bold;
1454 }
1455
1456 .feedParam {
1457         color : gray;
1458         float : right;
1459         margin-right : 1em;
1460 }
1461
1462 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1463         color : gray;
1464 }
1465
1466 .dijitTreeRow.Error {
1467         color : red;
1468 }
1469
1470 .dijitTreeRow.Hidden {
1471         display : none;
1472 }
1473
1474 img.feedIcon, img.tinyFeedIcon {
1475         width : 16px;
1476         height : 16px;
1477 }
1478
1479 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1480         text-align : center;
1481         padding : 5px;
1482         color : gray;
1483 }
1484
1485 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1486         margin-right : 5px;
1487 }
1488
1489 div#pref-tabs .dijitContentPane {
1490         font-size : 12px;
1491 }
1492
1493 div#pref-tabs {
1494         margin : 0px 5px 0px 5px;
1495 }
1496
1497 div#pref-tabs .dijitContentPane h3 {
1498         font-size : 14px;
1499         font-weight : bold;
1500 }
1501
1502 /* div#feedTree {
1503         font-size : 11px;
1504         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
1505 } */
1506
1507
1508 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1509 #pref-label-wrap, #pref-label-header, #pref-label-content,
1510 #pref-user-wrap, #pref-user-header, #pref-user-content {
1511         margin : 0px;
1512         padding : 0px;
1513         border-width : 0px;
1514 }
1515
1516 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds {
1517         padding : 0px;
1518 }
1519
1520 #errorButton {
1521         color : red;
1522 }
1523
1524 span.labelFixedLength {
1525         display : inline-block;
1526         width : 70%;
1527 }
1528
1529 #filter_dlg_date_chk_box {
1530         display : inline-block;
1531 }
1532
1533 .dijitDialog .dijitToolbar {
1534         border : 1px solid #c0c0c0;
1535 }
1536
1537 a.bookmarklet {
1538         color : #4684ff;
1539         border : 1px solid #ecf4ff;
1540         padding : 2px;
1541 }
1542
1543 #newVersionIcon {
1544         margin-left : 5px;
1545         vertical-align : middle;
1546         position : relative;
1547         top : -1px;
1548 }
1549
1550 .player {
1551         display : inline-block;
1552         color : gray;
1553         font-size : 11px;
1554         font-family : sans-serif;
1555         border : 1px solid gray;
1556         padding : 0px 4px 0px 4px;
1557         margin : 0px 2px 0px 2px;
1558         width : 50px;
1559         text-align : center;
1560         background : white;
1561 }
1562 .player.playing {
1563         color : #00c000;
1564         border-color : #00c000;
1565 }
1566
1567 .player:hover {
1568         background : #f0f0f0;
1569         cursor : pointer;
1570 }
1571