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