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, div.filterTestHolder {
 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, div.filterTestHolder {
 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.selfUpdateList {
 682         height : 200px;
 683         overflow : auto;
 684         list-style-type : none;
 685         border : 1px solid #c0c0c0;
 686         background-color : #ecf4ff;
 687         margin : 0px 0px 5px 0px;
 688         padding : 5px;
 689 }
 690
 691 ul.feedErrorsList em {
 692         color : gray;
 693 }
 694
 695 ul.userFeedList {
 696         height : 300px;
 697         overflow : auto;
 698         list-style-type : none;
 699         border : 1px solid gray;
 700         background-color : white;
 701         margin : 0px 0px 5px 0px;
 702         padding : 0px;
 703 }
 704
 705 ul.browseFeedList {
 706         height : 300px;
 707         overflow : auto;
 708         border-width : 0px 1px 1px 1px;
 709         border-color : #c0c0c0;
 710         border-style : solid;
 711         margin : 0px 0px 5px 0px;
 712         background-color : white;
 713         list-style-type : none;
 714         padding : 0px;
 715
 716 }
 717
 718 ul.browseFeedList li {
 719         margin : 0px;
 720         padding : 2px 4px 2px 4px;
 721 }
 722
 723 span.subscribers {
 724         color : #808080;
 725 }
 726
 727 div.subscribers {
 728         color : #808080;
 729         font-size : 12px;
 730         float : right;
 731 }
 732
 733 div.browserDetails {
 734         margin : 5px 5px 5px 5px;
 735         padding : 5px;
 736 }
 737
 738 ul.compact {
 739         list-style-type : none;
 740         margin : 0px;
 741         padding : 0px;
 742 }
 743
 744 ul.compact li {
 745         margin : 0px;
 746         padding : 0px;
 747 }
 748
 749 .noborder {
 750         border-width : 0px;
 751 }
 752
 753 #overlay {
 754         background : white;
 755         left : 0;
 756         top : 0;
 757         height : 100%;
 758         width : 100%;
 759         z-index : 100;
 760         position : absolute;
 761 }
 762
 763 #overlay_inner {
 764         font-weight : bold;
 765         margin : 1em;
 766 }
 767
 768 form {
 769         margin : 0px;
 770         padding : 0px;
 771 }
 772
 773 #main_toolbar_form {
 774         margin : 0px;
 775         padding : 0px;
 776         display : table-cell;
 777         white-space : nowrap;
 778         width : 100%;
 779 }
 780
 781 table.loginForm2 {
 782         padding : 1em;
 783         width : 100%;
 784 }
 785
 786 table.loginForm2 .loginTop {
 787         border-width : 0px 0px 1px 0px;
 788         border-color : #88b0f0;
 789         border-style : solid;
 790         padding : 0.5em;
 791 }
 792
 793 table.loginForm2 .loginMiddle {
 794         padding : 3em;
 795 }
 796
 797 table.loginForm2 .loginBottom {
 798         border-width : 1px 0px 0px 0px;
 799         border-color : #88b0f0;
 800         border-style : solid;
 801         font-size : 12px;
 802         text-align : center;
 803         color : #909090;
 804         padding : 0.5em;
 805 }
 806
 807 table.loginForm2 .loginBottom a {
 808         color : gray;
 809 }
 810
 811 table.loginForm2 .loginBottom a:hover {
 812         color : #4684ff;
 813 }
 814
 815 table.loginForm2 .loginError {
 816         color : red;
 817         margin : 0.5em;
 818 }
 819
 820 table.loginForm2 .innerLoginCell {
 821         padding-top : 0.5em;
 822 }
 823
 824 div.loadingPrompt {
 825         padding : 1em;
 826         text-align : center;
 827         font-weight : bold;
 828 }
 829
 830 div.whiteBox {
 831         margin-left : 1px;
 832         text-align : center;
 833         padding : 1em;
 834 }
 835
 836 html, body#ttrssMain, #main {
 837         width: 100%;
 838         height: 100%;
 839         border: 0;
 840         padding: 0;
 841         margin: 0;
 842 }
 843
 844 html, body#ttrssPrefs, #main {
 845         width: 100%;
 846         height: 100%;
 847         border: 0;
 848         padding: 0;
 849         margin: 0;
 850 }
 851
 852 #toolbar div.actionChooser {
 853         display : table-cell;
 854         text-align : right;
 855         padding-right : 3px;
 856 }
 857
 858 /* preferences layout */
 859
 860 div.return {
 861         float : right;
 862         font-size : 12px;
 863         margin-right : 10px;
 864 }
 865
 866 div.return a {
 867         color : #4684ff;
 868 }
 869
 870 div.return a:hover {
 871         color : black;
 872 }
 873
 874 #header .logo {
 875         float : right;
 876         margin-left : 10px;
 877 }
 878
 879 #header a {
 880         color : #4684ff;
 881 }
 882
 883 #header a:hover {
 884         color : black;
 885 }
 886
 887 #header img {
 888         vertical-align : middle;
 889         cursor : pointer;
 890 }
 891
 892 a.helpLinkPic img {
 893         border-width : 0px;
 894         vertical-align : middle;
 895 }
 896
 897 div.autocomplete {
 898         position : absolute;
 899         width : 250px;
 900         background-color : white;
 901         border :1px solid #778899;
 902         margin : 0px;
 903         padding : 0px;
 904 }
 905
 906 div.autocomplete ul {
 907         list-style-type : none;
 908         margin : 0px;
 909         padding : 0px;
 910 }
 911
 912 div.autocomplete ul li.selected {
 913         background-color : #fff7d5;
 914 }
 915
 916 div.autocomplete ul li {
 917         list-style-type : none;
 918         display : block;
 919         margin : 0;
 920         padding : 2px;
 921         height : 32px;
 922         cursor : pointer;
 923 }
 924
 925 #feedOpToolbar {
 926         float : right;
 927 }
 928
 929 #header a.feedback {
 930         color : #009900;
 931 }
 932
 933 a.visibleLink {
 934         color : #4684ff;
 935 }
 936
 937 a.visibleLinkB {
 938         color : #4684ff;
 939         border : 1px solid #4684ff;
 940         padding : 2px;
 941 }
 942
 943 a.visibleLinkB:hover {
 944         background-color : #ecf4ff;
 945 }
 946
 947 .hlContentH a, .hlContentH span {
 948         color : #00cc00;
 949 }
 950
 951 .hlContentL a, .hlContentL span {
 952         color : #909090;
 953         text-decoration : line-through;
 954 }
 955
 956 span.titleWrapH, span.titleWrapH a {
 957         color : #00cc00;
 958 }
 959
 960 span.titleWrapL, span.titleWrapL a {
 961         color : #909090;
 962         text-decoration : line-through;
 963 }
 964
 965 img.hlScorePic {
 966         vertical-align : middle;
 967         width : 16px;
 968         height : 16px;
 969 }
 970
 971 div#hotkey_help_overlay {
 972         position : absolute;
 973         left : 30px;
 974         right : 30px;
 975         top : 30px;
 976         z-index : 999;
 977         color : white;
 978         font-size : 15px;
 979         background : black;
 980         border-radius : 30px;
 981         padding : 10px;
 982 }
 983
 984 div#hotkey_help_overlay h1 {
 985         text-align : center;
 986 }
 987
 988 div#hotkey_help_overlay ul {
 989         list-style-type : none;
 990         margin : 0px;
 991 }
 992
 993 div#hotkey_help_overlay a {
 994         color : #88b0f0;
 995 }
 996
 997 div#hotkey_help_overlay a:hover {
 998         color : white;
 999 }
1000
1001 div#hotkey_help_overlay li {
1002         margin : 0px;
1003 }
1004
1005 div#hotkey_help_overlay p {
1006         text-align : center;
1007 }
1008
1009 div#hotkey_help_overlay td.n {
1010         text-align : right;
1011         font-weight : bold;
1012         width : 6em;
1013         color : #a0ffa0;
1014         padding-right : 5px;
1015 }
1016
1017 div#hotkey_help_overlay td {
1018         vertical-align : top;
1019 }
1020
1021 div#hotkey_help_overlay h1 {
1022         margin : 0px;
1023 }
1024
1025 div#hotkey_help_overlay h2 {
1026         font-size : 16px;
1027         border-width : 0px;
1028         margin : 0.3em 0px 0.3em 0px;
1029         text-align : center;
1030         color : #88b0f0;
1031 }
1032
1033 div#hotkey_help_overlay table.hho td.top,
1034 div#hotkey_help_overlay table.hho td.bottom {
1035         text-align : center;
1036         font-size : 11px;
1037 }
1038
1039 div.dlgSec {
1040         font-size : 12px;
1041         color : gray;
1042         font-weight : bold;
1043         clear : both;
1044         height : 20px;
1045 }
1046
1047 div.dlgSecCont {
1048         position : relative;
1049         left : 150px;
1050         top : -20px;
1051         float : left;
1052         font-size : 12px;
1053         font-weight : normal;
1054 }
1055
1056 div.dlgSecCont hr {
1057         height : 0px;
1058         line-height : 0px;
1059         border : 0px solid transparent;
1060         margin : 2px;
1061 }
1062
1063 div.dlgSecCont > * {
1064         position : relative;
1065         top : -2px;
1066 }
1067
1068 div.dlgButtons {
1069         text-align : right;
1070         clear : both;
1071 }
1072
1073 span.labelColorIndicator {
1074         height : 14px;
1075         width : 14px;
1076         line-height : 14px;
1077         font-size : 9px;
1078         display : inline-block;
1079         border : 1px solid black;
1080         background-color : #fff7d5;
1081         color : #063064;
1082         text-align : center;
1083         margin-right : 2px;
1084 }
1085
1086 span.labelColorIndicator2 {
1087         height : 14px;
1088         width : 14px;
1089         font-size : 9px;
1090         display : inline-block;
1091         border : 1px solid black;
1092         background-color : #fff7d5;
1093         color : #063064;
1094         text-align : center;
1095         margin-right : 2px;
1096         vertical-align : bottom;
1097 }
1098
1099 div#cmdline {
1100         position : absolute;
1101         left : 5px;
1102         bottom : 5px;
1103         font-size : 11px;
1104         color : gray;
1105         font-weight : bold;
1106         background-color : white;
1107         border : 1px solid #88b0f0;
1108         padding : 3px 5px 3px 5px;
1109         z-index : 5;
1110 }
1111
1112 #feed_browser_spinner {
1113         vertical-align : middle;
1114         height : 18px;
1115         width : 18px;
1116 }
1117
1118 div#auxDlg {
1119         position : absolute;
1120         z-index : 3;
1121         bottom : 5px;
1122         right : 25px;
1123         padding : 5px;
1124         border-width : 1px;
1125         border-style : solid;
1126         border-color : #d7c47a;
1127         background-color : #fff7d5;
1128         color : black;
1129         text-align : center;
1130         font-size : 13px;
1131 }
1132
1133 div#auxDlg a {
1134         color : #4684ff;
1135 }
1136
1137 div.hlTitle {
1138         display : table-cell;
1139         cursor : pointer;
1140         width : 100%;
1141         vertical-align : middle;
1142         padding-top : 4px;
1143         padding-bottom : 4px;
1144 }
1145
1146 div.hlLeft {
1147         display : table-cell;
1148         vertical-align : middle;
1149         white-space: nowrap;
1150 }
1151
1152 div.hlRight {
1153         display : table-cell;
1154         white-space: nowrap;
1155         text-align : right;
1156         vertical-align : middle;
1157 }
1158
1159 div.hlRight img {
1160         max-width : 16px;
1161         max-height : 16px;
1162 }
1163
1164 span.hlUpdated {
1165         color : gray;
1166         min-width : 100px;
1167         display : table-cell;
1168         width : 100%;
1169         vertical-align : middle;
1170         padding-top : 4px;
1171         padding-bottom : 4px;
1172         text-align : right;
1173 }
1174
1175 div.hlLeft input {
1176         margin-left : 4px;
1177         margin-right : 4px;
1178 }
1179
1180 div.hlLeft img, div.hlRight img {
1181         margin : 0px 4px 0px 4px;
1182
1183 }
1184
1185 div.hlUpdPic {
1186         display : table-cell;
1187         padding-right : 4px;
1188         padding-left : 4px;
1189         text-align : center;
1190         vertical-align : middle;
1191 }
1192
1193 div.hlUpdPic img {
1194         max-width : 16px;
1195 }
1196
1197 div.fatalError {
1198         margin-bottom : 10px;
1199 }
1200
1201 div.fatalError button {
1202         margin-top : 5px;
1203 }
1204
1205 div.fatalError textarea {
1206         width : 100%;
1207         height : 100px;
1208 }
1209
1210 #main {
1211         border-width : 0px;
1212         margin : 0px;
1213         padding : 0px;
1214 }
1215
1216 #header-wrap {
1217         border-width : 0px;
1218         margin : 0px;
1219         padding : 0px;
1220 }
1221
1222 #content-wrap {
1223         padding : 0px;
1224         border-width : 0px;
1225         margin : 0px;
1226 }
1227
1228 #feeds-holder {
1229         padding : 0px;
1230         border-color : #88b0f0;
1231         border-left-width : 0px;
1232         border-bottom-width : 0px;
1233         border-top-width : 0px;
1234         overflow : auto;
1235 }
1236
1237 #headlines-wrap-inner {
1238         padding : 0px;
1239         margin : 0px;
1240         border-width : 0px;
1241 }
1242
1243 #headlines-frame {
1244         padding : 0px;
1245         border-color : #88b0f0;
1246         border-left-width : 0px;
1247         border-right-width : 0px;
1248         margin-top : 0px;
1249         border-top-width : 0px;
1250 }
1251
1252 #headlines-toolbar_splitter, #toolbar_splitter {
1253         display : none;
1254 }
1255
1256 #content-tabs {
1257         margin : 0px;
1258         padding : 0px;
1259         border-width : 0px;
1260 }
1261
1262 #toolbar {
1263         padding : 0px;
1264         margin : 0px;
1265         border-width : 0px;
1266         white-space: nowrap;
1267         font-size : 11px;
1268 }
1269
1270 #header {
1271         border-width : 0px;
1272         text-align : right;
1273         color : gray;
1274         padding : 5px 5px 0px 0px;
1275         margin : 0px;
1276         position : absolute;
1277         right : 0px;
1278         top : 0px;
1279         z-index : 5;
1280 }
1281
1282 #footer {
1283         text-align : center;
1284         color : gray;
1285         padding : 4px 4px 8px 4px;
1286         border-width : 0px;
1287 }
1288
1289 #content-insert {
1290         padding : 0px;
1291         border-color : #88b0f0;
1292         border-bottom-width : 0px;
1293         border-right-width : 0px;
1294         border-left-width : 0px;
1295         overflow : auto;
1296 }
1297
1298 .dijitTreeLabel.Unread {
1299         font-weight : bold;
1300 }
1301
1302 .feedParam {
1303         color : gray;
1304         float : right;
1305         margin-right : 1em;
1306 }
1307
1308 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1309         color : gray;
1310 }
1311
1312 .dijitTreeRow.Error {
1313         color : red;
1314 }
1315
1316 .dijitTreeRow.Hidden {
1317         display : none;
1318 }
1319
1320 img.feedIcon, img.tinyFeedIcon {
1321         width : 16px;
1322         height : 16px;
1323 }
1324
1325 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1326         text-align : center;
1327         padding : 5px;
1328         color : gray;
1329 }
1330
1331 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1332         margin-right : 5px;
1333 }
1334
1335 div#pref-tabs .dijitContentPane {
1336         font-size : 12px;
1337 }
1338
1339 div#pref-tabs {
1340         margin : 0px 5px 0px 5px;
1341 }
1342
1343 div#pref-tabs .dijitContentPane h3 {
1344         font-size : 14px;
1345         font-weight : bold;
1346 }
1347
1348 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1349 #pref-label-wrap, #pref-label-header, #pref-label-content,
1350 #pref-user-wrap, #pref-user-header, #pref-user-content,
1351 #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
1352         margin : 0px;
1353         padding : 0px;
1354         border-width : 0px;
1355 }
1356
1357 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
1358         padding : 0px;
1359 }
1360
1361 #errorButton {
1362         color : red;
1363 }
1364
1365 span.labelFixedLength {
1366         display : inline-block;
1367         width : 70%;
1368 }
1369
1370 #filter_dlg_date_chk_box {
1371         display : inline-block;
1372 }
1373
1374 .dijitDialog .dijitToolbar {
1375         border : 1px solid #c0c0c0;
1376 }
1377
1378 a.bookmarklet {
1379         color : #4684ff;
1380         border : 1px solid #ecf4ff;
1381         padding : 2px;
1382 }
1383
1384 #newVersionIcon {
1385         margin-left : 5px;
1386         vertical-align : middle;
1387         position : relative;
1388         top : -1px;
1389 }
1390
1391 .player {
1392         display : inline-block;
1393         color : gray;
1394         font-size : 11px;
1395         font-family : sans-serif;
1396         border : 1px solid gray;
1397         padding : 0px 4px 0px 4px;
1398         margin : 0px 2px 0px 2px;
1399         width : 50px;
1400         text-align : center;
1401         background : white;
1402 }
1403 .player.playing {
1404         color : #00c000;
1405         border-color : #00c000;
1406 }
1407
1408 .player:hover {
1409         background : #f0f0f0;
1410         cursor : pointer;
1411 }
1412
1413 #headlines-spacer {
1414         height : 100%;
1415         margin-left : 1px;
1416         text-align : center;
1417         padding : 1em;
1418         color : gray;
1419 }
1420
1421 td.error {
1422         color : red;
1423 }
1424
1425 div.dialogNotice {
1426         margin-bottom : 5px;
1427         color : gray;
1428 }
1429
1430 ul#filterDlg_Matches, ul#filterDlg_Actions {
1431         max-height : 100px;
1432         overflow : auto;
1433         list-style-type : none;
1434         border-style : solid;
1435         border-color : #c0c0c0;
1436         border-width : 0px 1px 1px 1px;
1437         background-color : #ecf4ff;
1438         margin : 0px 0px 5px 0px;
1439         padding : 0px;
1440 }
1441
1442 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1443         cursor : pointer;
1444 }