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