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