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, div.inactiveFeedHolder {
 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-height : 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-height : 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-height : 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         font-weight : medium;
1157         min-width : 100px;
1158         display : table-cell;
1159         width : 100%;
1160         vertical-align : middle;
1161         padding-top : 4px;
1162         padding-bottom : 4px;
1163         text-align : right;
1164
1165 }
1166
1167 div.hlLeft input {
1168         margin-left : 4px;
1169         margin-right : 4px;
1170 }
1171
1172 div.hlLeft img, div.hlRight img {
1173         margin : 0px 4px 0px 4px;
1174
1175 }
1176
1177 div.hlUpdPic {
1178         display : table-cell;
1179         padding-right : 4px;
1180         padding-left : 4px;
1181         text-align : center;
1182         vertical-align : middle;
1183 }
1184
1185 div.hlUpdPic img {
1186         max-width : 16px;
1187 }
1188
1189 div.fatalError {
1190         margin-bottom : 10px;
1191 }
1192
1193 div.fatalError button {
1194         margin-top : 5px;
1195 }
1196
1197 div.fatalError textarea {
1198         width : 100%;
1199         height : 100px;
1200 }
1201
1202 #main {
1203         border-width : 0px;
1204         margin : 0px;
1205         padding : 0px;
1206 }
1207
1208 #header-wrap {
1209         border-width : 0px;
1210         margin : 0px;
1211         padding : 0px;
1212 }
1213
1214 #content-wrap {
1215         padding : 0px;
1216         border-width : 0px;
1217         margin : 0px;
1218 }
1219
1220 #feeds-holder {
1221         padding : 0px;
1222         border-color : #88b0f0;
1223         border-left-width : 0px;
1224         border-bottom-width : 0px;
1225         border-top-width : 0px;
1226         overflow : auto;
1227 }
1228
1229 #headlines-wrap-inner {
1230         padding : 0px;
1231         margin : 0px;
1232         border-width : 0px;
1233 }
1234
1235 #headlines-frame {
1236         padding : 0px;
1237         border-color : #88b0f0;
1238         border-left-width : 0px;
1239         border-right-width : 0px;
1240         margin-top : 0px;
1241         border-top-width : 0px;
1242 }
1243
1244 #headlines-toolbar_splitter, #toolbar_splitter {
1245         display : none;
1246 }
1247
1248 #content-tabs {
1249         margin : 0px;
1250         padding : 0px;
1251         border-width : 0px;
1252 }
1253
1254 #toolbar {
1255         padding : 0px;
1256         margin : 0px;
1257         border-width : 0px;
1258         white-space: nowrap;
1259         font-size : 12px;
1260 }
1261
1262 #header {
1263         border-width : 0px;
1264         text-align : right;
1265         color : gray;
1266         padding : 5px 5px 0px 0px;
1267         margin : 0px;
1268         position : absolute;
1269         right : 0px;
1270         top : 0px;
1271         z-index : 5;
1272 }
1273
1274 #footer {
1275         text-align : center;
1276         color : gray;
1277         padding : 4px 4px 8px 4px;
1278         border-width : 0px;
1279 }
1280
1281 #content-insert {
1282         padding : 0px;
1283         border-color : #88b0f0;
1284         border-bottom-width : 0px;
1285         border-right-width : 0px;
1286         border-left-width : 0px;
1287         overflow : auto;
1288 }
1289
1290 .dijitTreeLabel.Unread {
1291         font-weight : bold;
1292 }
1293
1294 .feedParam {
1295         color : gray;
1296         float : right;
1297         margin-right : 1em;
1298 }
1299
1300 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1301         color : gray;
1302 }
1303
1304 .dijitTreeRow.Error {
1305         color : red;
1306 }
1307
1308 .dijitTreeRow.Hidden {
1309         display : none;
1310 }
1311
1312 img.feedIcon, img.tinyFeedIcon {
1313         width : 16px;
1314         height : 16px;
1315 }
1316
1317 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1318         text-align : center;
1319         padding : 5px;
1320         color : gray;
1321 }
1322
1323 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1324         margin-right : 5px;
1325 }
1326
1327 div#pref-tabs .dijitContentPane {
1328         font-size : 12px;
1329 }
1330
1331 div#pref-tabs {
1332         margin : 0px 5px 0px 5px;
1333 }
1334
1335 div#pref-tabs .dijitContentPane h3 {
1336         font-size : 14px;
1337         font-weight : bold;
1338 }
1339
1340 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1341 #pref-label-wrap, #pref-label-header, #pref-label-content,
1342 #pref-user-wrap, #pref-user-header, #pref-user-content,
1343 #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
1344         margin : 0px;
1345         padding : 0px;
1346         border-width : 0px;
1347 }
1348
1349 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
1350         padding : 0px;
1351 }
1352
1353 #errorButton {
1354         color : red;
1355 }
1356
1357 span.labelFixedLength {
1358         display : inline-block;
1359         width : 70%;
1360 }
1361
1362 #filter_dlg_date_chk_box {
1363         display : inline-block;
1364 }
1365
1366 .dijitDialog .dijitToolbar {
1367         border : 1px solid #c0c0c0;
1368 }
1369
1370 a.bookmarklet {
1371         color : #4684ff;
1372         border : 1px solid #ecf4ff;
1373         padding : 2px;
1374 }
1375
1376 #newVersionIcon {
1377         margin-left : 5px;
1378         vertical-align : middle;
1379         position : relative;
1380         top : -1px;
1381 }
1382
1383 .player {
1384         display : inline-block;
1385         color : gray;
1386         font-size : 11px;
1387         font-family : sans-serif;
1388         border : 1px solid gray;
1389         padding : 0px 4px 0px 4px;
1390         margin : 0px 2px 0px 2px;
1391         width : 50px;
1392         text-align : center;
1393         background : white;
1394 }
1395 .player.playing {
1396         color : #00c000;
1397         border-color : #00c000;
1398 }
1399
1400 .player:hover {
1401         background : #f0f0f0;
1402         cursor : pointer;
1403 }
1404
1405 #headlines-spacer {
1406         height : 100%;
1407         margin-left : 1px;
1408         text-align : center;
1409         padding : 1em;
1410         color : gray;
1411 }