tt-rss.css

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