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 : #ecf4ff;
 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 : 23px;
 514 }
 515
 516 div#headlines-toolbar .dijitSelect {
 517         font-size : 11px;
 518 }
 519
 520 div#headlines-toolbar div#subtoolbar_main {
 521         display : table-cell;
 522         width : 100%;
 523         white-space : nowrap;
 524         vertical-align : middle;
 525         padding-left : 5px;
 526 }
 527
 528 div#headlines-toolbar div#subtoolbar_ftitle {
 529         display : table-cell;
 530         text-align : right;
 531         vertical-align : middle;
 532         white-space : nowrap;
 533         padding-right : 5px;
 534 }
 535
 536 div#subtoolbar_ftitle span.error {
 537         color : red;
 538 }
 539
 540 span.contentPreview {
 541         color : gray;
 542         font-weight : normal;
 543 }
 544
 545 span.contentPreview:hover {
 546         color : #4684ff;
 547 }
 548
 549 span.hlLabelRef {
 550         background-color : #fff7d5;
 551         font-height : 8px;
 552         color : #063064;
 553         font-weight : normal;
 554         margin : 0px 3px 0px 3px;
 555         padding : 0px 4px 0px 4px;
 556         white-space: nowrap;
 557 }
 558
 559 td.hlSelectRow, td.hlUpdPic {
 560         width : 25px;
 561         text-align : center;
 562 }
 563
 564 div.postHeader div.postDate {
 565         text-align : right;
 566         color : gray;
 567         float : right;
 568 }
 569
 570 div.postHeader div.postDateRTL {
 571         text-align : left;
 572         color : gray;
 573         float : right;
 574 }
 575
 576 div.postHeader div {
 577         padding-bottom : 3px;
 578         font-size : 12px;
 579 }
 580
 581 #feedUpdateErrors {
 582         display : none;
 583 }
 584
 585 #allEntryTags {
 586         font-size : 12px;
 587         border-width : 0px 0px 1px 0px;
 588         border-style : solid;
 589         border-color : #c0c0c0;
 590         padding-bottom : 5px;
 591         display : none;
 592 }
 593
 594 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 595         height : 1em;
 596 }
 597
 598 td.hlFeed {
 599         text-align : right;
 600 }
 601
 602 span.hlFeed, span.hlFeed a {
 603         font-size : 12px;
 604         color : gray;
 605 }
 606
 607 span.hlFeed a:hover {
 608         color : #4684ff;
 609 }
 610
 611 img.markedPic {
 612         cursor : pointer;
 613 }
 614
 615 a.warning {
 616         color : #f04040;
 617 }
 618
 619 div.tagCloudContainer {
 620         border : 1px solid #c0c0c0;
 621         background-color : #ecf4ff;
 622         margin : 5px 0px 5px 0px;
 623         padding : 5px;
 624         text-align : center;
 625 }
 626
 627 div.errorExplained {
 628         border : 1px solid #c0c0c0;
 629         background-color : #ecf4ff;
 630         margin : 5px 0px 5px 0px;
 631         padding : 5px;
 632 }
 633
 634 ul.feedErrorsList {
 635         max-height : 300px;
 636         overflow : auto;
 637         list-style-type : none;
 638         border : 1px solid #c0c0c0;
 639         background-color : #ecf4ff;
 640         margin : 0px 0px 5px 0px;
 641         padding : 5px;
 642 }
 643
 644 ul.feedErrorsList em {
 645         color : gray;
 646 }
 647
 648 ul.userFeedList {
 649         height : 300px;
 650         overflow : auto;
 651         list-style-type : none;
 652         border : 1px solid gray;
 653         background-color : white;
 654         margin : 0px 0px 5px 0px;
 655         padding : 0px;
 656 }
 657
 658 ul.browseFeedList {
 659         height : 300px;
 660         overflow : auto;
 661         border-width : 0px 1px 1px 1px;
 662         border-color : #c0c0c0;
 663         border-style : solid;
 664         margin : 0px 0px 5px 0px;
 665         background-color : white;
 666         list-style-type : none;
 667         padding : 0px;
 668
 669 }
 670
 671 ul.browseFeedList li {
 672         margin : 0px;
 673         padding : 2px 4px 2px 4px;
 674 }
 675
 676 span.subscribers {
 677         color : #808080;
 678 }
 679
 680 div.subscribers {
 681         color : #808080;
 682         font-size : 12px;
 683         float : right;
 684 }
 685
 686 div.browserDetails {
 687         margin : 5px 5px 5px 5px;
 688         padding : 5px;
 689 }
 690
 691 ul.compact {
 692         list-style-type : none;
 693         margin : 0px;
 694         padding : 0px;
 695 }
 696
 697 ul.compact li {
 698         margin : 0px;
 699         padding : 0px;
 700 }
 701
 702 .noborder {
 703         border-width : 0px;
 704 }
 705
 706 #overlay {
 707         background : white;
 708         left : 0;
 709         top : 0;
 710         height : 100%;
 711         width : 100%;
 712         z-index : 100;
 713         position : absolute;
 714 }
 715
 716 #overlay_inner {
 717         font-weight : bold;
 718         margin : 1em;
 719 }
 720
 721 form {
 722         margin : 0px;
 723         padding : 0px;
 724 }
 725
 726 #main_toolbar_form {
 727         margin : 0px;
 728         padding : 0px;
 729         display : table-cell;
 730         white-space : nowrap;
 731         width : 100%;
 732 }
 733
 734 table.loginForm2 {
 735         padding : 1em;
 736         width : 100%;
 737 }
 738
 739 table.loginForm2 .loginTop {
 740         border-width : 0px 0px 1px 0px;
 741         border-color : #88b0f0;
 742         border-style : solid;
 743         padding : 0.5em;
 744 }
 745
 746 table.loginForm2 .loginMiddle {
 747         padding : 3em;
 748 }
 749
 750 table.loginForm2 .loginBottom {
 751         border-width : 1px 0px 0px 0px;
 752         border-color : #88b0f0;
 753         border-style : solid;
 754         font-size : 12px;
 755         text-align : center;
 756         color : #909090;
 757         padding : 0.5em;
 758 }
 759
 760 table.loginForm2 .loginBottom a {
 761         color : gray;
 762 }
 763
 764 table.loginForm2 .loginBottom a:hover {
 765         color : #4684ff;
 766 }
 767
 768 table.loginForm2 .loginError {
 769         color : red;
 770         margin : 0.5em;
 771 }
 772
 773 table.loginForm2 .innerLoginCell {
 774         padding-top : 0.5em;
 775 }
 776
 777 div.loadingPrompt {
 778         padding : 1em;
 779         text-align : center;
 780         font-weight : bold;
 781 }
 782
 783 div.whiteBox {
 784         margin-left : 1px;
 785         text-align : center;
 786         padding : 1em;
 787 }
 788
 789 html, body#ttrssMain, #main {
 790         width: 100%;
 791         height: 100%;
 792         border: 0;
 793         padding: 0;
 794         margin: 0;
 795 }
 796
 797 html, body#ttrssPrefs, #main {
 798         width: 100%;
 799         height: 100%;
 800         border: 0;
 801         padding: 0;
 802         margin: 0;
 803 }
 804
 805 #toolbar div.actionChooser {
 806         display : table-cell;
 807         text-align : right;
 808         padding-right : 3px;
 809 }
 810
 811 /* preferences layout */
 812
 813 div.return {
 814         float : right;
 815         font-size : 12px;
 816         margin-right : 10px;
 817 }
 818
 819 div.return a {
 820         color : #4684ff;
 821 }
 822
 823 div.return a:hover {
 824         color : black;
 825 }
 826
 827 #header .logo {
 828         float : right;
 829         margin-left : 10px;
 830 }
 831
 832 #header a {
 833         color : #4684ff;
 834 }
 835
 836 #header a:hover {
 837         color : black;
 838 }
 839
 840 #header img {
 841         vertical-align : middle;
 842         cursor : pointer;
 843 }
 844
 845 a.helpLinkPic img {
 846         border-width : 0px;
 847         vertical-align : middle;
 848 }
 849
 850 div.autocomplete {
 851         position : absolute;
 852         width : 250px;
 853         background-color : white;
 854         border :1px solid #778899;
 855         margin : 0px;
 856         padding : 0px;
 857 }
 858
 859 div.autocomplete ul {
 860         list-style-type : none;
 861         margin : 0px;
 862         padding : 0px;
 863 }
 864
 865 div.autocomplete ul li.selected {
 866         background-color : #fff7d5;
 867 }
 868
 869 div.autocomplete ul li {
 870         list-style-type : none;
 871         display : block;
 872         margin : 0;
 873         padding : 2px;
 874         height : 32px;
 875         cursor : pointer;
 876 }
 877
 878 #feedOpToolbar {
 879         float : right;
 880 }
 881
 882 #header a.feedback {
 883         color : #009900;
 884 }
 885
 886 a.visibleLink {
 887         color : #4684ff;
 888 }
 889
 890 a.visibleLinkB {
 891         color : #4684ff;
 892         border : 1px solid #4684ff;
 893         padding : 2px;
 894 }
 895
 896 a.visibleLinkB:hover {
 897         background-color : #ecf4ff;
 898 }
 899
 900 .hlContentH a, .hlContentH span {
 901         color : #00cc00;
 902 }
 903
 904 .hlContentL a, .hlContentL span {
 905         color : #909090;
 906         text-decoration : line-through;
 907 }
 908
 909 span.titleWrapH, span.titleWrapH a {
 910         color : #00cc00;
 911 }
 912
 913 span.titleWrapL, span.titleWrapL a {
 914         color : #909090;
 915         text-decoration : line-through;
 916 }
 917
 918 img.hlScorePic {
 919         vertical-align : middle;
 920         width : 16px;
 921         height : 16px;
 922 }
 923
 924 div#hotkey_help_overlay {
 925         position : absolute;
 926         left : 30px;
 927         right : 30px;
 928         top : 30px;
 929         z-index : 999;
 930         color : white;
 931         font-size : 15px;
 932         background : black;
 933         border-radius : 30px;
 934         padding : 10px;
 935 }
 936
 937 div#hotkey_help_overlay h1 {
 938         text-align : center;
 939 }
 940
 941 div#hotkey_help_overlay ul {
 942         list-style-type : none;
 943         margin : 0px;
 944 }
 945
 946 div#hotkey_help_overlay a {
 947         color : #88b0f0;
 948 }
 949
 950 div#hotkey_help_overlay a:hover {
 951         color : white;
 952 }
 953
 954 div#hotkey_help_overlay li {
 955         margin : 0px;
 956 }
 957
 958 div#hotkey_help_overlay p {
 959         text-align : center;
 960 }
 961
 962 div#hotkey_help_overlay td.n {
 963         text-align : right;
 964         font-weight : bold;
 965         width : 6em;
 966         color : #a0ffa0;
 967         padding-right : 5px;
 968 }
 969
 970 div#hotkey_help_overlay td {
 971         vertical-align : top;
 972 }
 973
 974 div#hotkey_help_overlay h1 {
 975         margin : 0px;
 976 }
 977
 978 div#hotkey_help_overlay h2 {
 979         font-size : 16px;
 980         border-width : 0px;
 981         margin : 0.3em 0px 0.3em 0px;
 982         text-align : center;
 983         color : #88b0f0;
 984 }
 985
 986 div#hotkey_help_overlay table.hho td.top,
 987 div#hotkey_help_overlay table.hho td.bottom {
 988         text-align : center;
 989         font-size : 11px;
 990 }
 991
 992 div.dlgSec {
 993         font-size : 12px;
 994         color : gray;
 995         font-weight : bold;
 996         clear : both;
 997         height : 20px;
 998 }
 999
1000 div.dlgSecCont {
1001         position : relative;
1002         left : 150px;
1003         top : -20px;
1004         float : left;
1005         font-size : 12px;
1006         font-weight : normal;
1007 }
1008
1009 div.dlgSecCont hr {
1010         height : 0px;
1011         line-height : 0px;
1012         border : 0px solid transparent;
1013         margin : 2px;
1014 }
1015
1016 div.dlgSecCont > * {
1017         position : relative;
1018         top : -2px;
1019 }
1020
1021 div.dlgButtons {
1022         text-align : right;
1023         clear : both;
1024 }
1025
1026 span.labelColorIndicator {
1027         height : 14px;
1028         width : 14px;
1029         line-height : 14px;
1030         font-height : 9px;
1031         display : inline-block;
1032         border : 1px solid black;
1033         background-color : #fff7d5;
1034         color : #063064;
1035         text-align : center;
1036         margin-right : 2px;
1037 }
1038
1039 span.labelColorIndicator2 {
1040         height : 14px;
1041         width : 14px;
1042         font-height : 9px;
1043         display : inline-block;
1044         border : 1px solid black;
1045         background-color : #fff7d5;
1046         color : #063064;
1047         text-align : center;
1048         margin-right : 2px;
1049         vertical-align : bottom;
1050 }
1051
1052 div#cmdline {
1053         position : absolute;
1054         left : 5px;
1055         bottom : 5px;
1056         font-size : 11px;
1057         color : gray;
1058         font-weight : bold;
1059         background-color : white;
1060         border : 1px solid #88b0f0;
1061         padding : 3px 5px 3px 5px;
1062         z-index : 5;
1063 }
1064
1065 #feed_browser_spinner {
1066         vertical-align : middle;
1067         height : 18px;
1068         width : 18px;
1069 }
1070
1071 div#auxDlg {
1072         position : absolute;
1073         z-index : 3;
1074         bottom : 5px;
1075         right : 25px;
1076         padding : 5px;
1077         border-width : 1px;
1078         border-style : solid;
1079         border-color : #d7c47a;
1080         background-color : #fff7d5;
1081         color : black;
1082         text-align : center;
1083         font-size : 13px;
1084 }
1085
1086 div#auxDlg a {
1087         color : #4684ff;
1088 }
1089
1090 div.hlTitle {
1091         display : table-cell;
1092         cursor : pointer;
1093         width : 100%;
1094         vertical-align : middle;
1095         padding-top : 4px;
1096         padding-bottom : 4px;
1097 }
1098
1099 div.hlLeft {
1100         display : table-cell;
1101         vertical-align : middle;
1102         white-space: nowrap;
1103 }
1104
1105 div.hlRight {
1106         display : table-cell;
1107         white-space: nowrap;
1108         text-align : right;
1109         vertical-align : middle;
1110 }
1111
1112 div.hlRight img {
1113         max-width : 16px;
1114         max-height : 16px;
1115 }
1116
1117 span.hlUpdated {
1118         color : gray;
1119         font-weight : medium;
1120         min-width : 100px;
1121         display : table-cell;
1122         width : 100%;
1123         vertical-align : middle;
1124         padding-top : 4px;
1125         padding-bottom : 4px;
1126         text-align : right;
1127
1128 }
1129
1130 div.hlLeft input {
1131         margin-left : 4px;
1132         margin-right : 4px;
1133 }
1134
1135 div.hlLeft img, div.hlRight img {
1136         margin : 0px 4px 0px 4px;
1137
1138 }
1139
1140 div.hlUpdPic {
1141         display : table-cell;
1142         padding-right : 4px;
1143         padding-left : 4px;
1144         text-align : center;
1145         vertical-align : middle;
1146 }
1147
1148 div.hlUpdPic img {
1149         max-width : 16px;
1150 }
1151
1152 div.fatalError {
1153         margin-bottom : 10px;
1154 }
1155
1156 div.fatalError button {
1157         margin-top : 5px;
1158 }
1159
1160 div.fatalError textarea {
1161         width : 100%;
1162         height : 100px;
1163 }
1164
1165 #main {
1166         border-width : 0px;
1167         margin : 0px;
1168         padding : 0px;
1169 }
1170
1171 #header-wrap {
1172         border-width : 0px;
1173         margin : 0px;
1174         padding : 0px;
1175 }
1176
1177 #content-wrap {
1178         padding : 0px;
1179         border-width : 0px;
1180         margin : 0px;
1181 }
1182
1183 #feeds-holder {
1184         padding : 0px;
1185         border-color : #88b0f0;
1186         border-left-width : 0px;
1187         border-bottom-width : 0px;
1188         border-top-width : 0px;
1189         overflow : auto;
1190 }
1191
1192 #headlines-wrap-inner {
1193         padding : 0px;
1194         margin : 0px;
1195         border-width : 0px;
1196 }
1197
1198 #headlines-frame {
1199         padding : 0px;
1200         border-color : #88b0f0;
1201         border-left-width : 0px;
1202         border-right-width : 0px;
1203         margin-top : 0px;
1204         border-top-width : 0px;
1205 }
1206
1207 #headlines-toolbar_splitter, #toolbar_splitter {
1208         display : none;
1209 }
1210
1211 #content-tabs {
1212         margin : 0px;
1213         padding : 0px;
1214         border-width : 0px;
1215 }
1216
1217 #toolbar {
1218         padding : 0px;
1219         margin : 0px;
1220         border-width : 0px;
1221         white-space: nowrap;
1222         font-size : 12px;
1223 }
1224
1225 #header {
1226         border-width : 0px;
1227         text-align : right;
1228         color : gray;
1229         padding : 5px 5px 0px 0px;
1230         margin : 0px;
1231         position : absolute;
1232         right : 0px;
1233         top : 0px;
1234         z-index : 5;
1235 }
1236
1237 #footer {
1238         text-align : center;
1239         color : gray;
1240         padding : 4px 4px 8px 4px;
1241         border-width : 0px;
1242 }
1243
1244 #content-insert {
1245         padding : 0px;
1246         border-color : #88b0f0;
1247         border-bottom-width : 0px;
1248         border-right-width : 0px;
1249         border-left-width : 0px;
1250         overflow : auto;
1251 }
1252
1253 .dijitTreeLabel.Unread {
1254         font-weight : bold;
1255 }
1256
1257 .feedParam {
1258         color : gray;
1259         float : right;
1260         margin-right : 1em;
1261 }
1262
1263 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1264         color : gray;
1265 }
1266
1267 .dijitTreeRow.Error {
1268         color : red;
1269 }
1270
1271 .dijitTreeRow.Hidden {
1272         display : none;
1273 }
1274
1275 img.feedIcon, img.tinyFeedIcon {
1276         width : 16px;
1277         height : 16px;
1278 }
1279
1280 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1281         text-align : center;
1282         padding : 5px;
1283         color : gray;
1284 }
1285
1286 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1287         margin-right : 5px;
1288 }
1289
1290 div#pref-tabs .dijitContentPane {
1291         font-size : 12px;
1292 }
1293
1294 div#pref-tabs {
1295         margin : 0px 5px 0px 5px;
1296 }
1297
1298 div#pref-tabs .dijitContentPane h3 {
1299         font-size : 14px;
1300         font-weight : bold;
1301 }
1302
1303 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1304 #pref-label-wrap, #pref-label-header, #pref-label-content,
1305 #pref-user-wrap, #pref-user-header, #pref-user-content,
1306 #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
1307         margin : 0px;
1308         padding : 0px;
1309         border-width : 0px;
1310 }
1311
1312 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
1313         padding : 0px;
1314 }
1315
1316 #errorButton {
1317         color : red;
1318 }
1319
1320 span.labelFixedLength {
1321         display : inline-block;
1322         width : 70%;
1323 }
1324
1325 #filter_dlg_date_chk_box {
1326         display : inline-block;
1327 }
1328
1329 .dijitDialog .dijitToolbar {
1330         border : 1px solid #c0c0c0;
1331 }
1332
1333 a.bookmarklet {
1334         color : #4684ff;
1335         border : 1px solid #ecf4ff;
1336         padding : 2px;
1337 }
1338
1339 #newVersionIcon {
1340         margin-left : 5px;
1341         vertical-align : middle;
1342         position : relative;
1343         top : -1px;
1344 }
1345
1346 .player {
1347         display : inline-block;
1348         color : gray;
1349         font-size : 11px;
1350         font-family : sans-serif;
1351         border : 1px solid gray;
1352         padding : 0px 4px 0px 4px;
1353         margin : 0px 2px 0px 2px;
1354         width : 50px;
1355         text-align : center;
1356         background : white;
1357 }
1358 .player.playing {
1359         color : #00c000;
1360         border-color : #00c000;
1361 }
1362
1363 .player:hover {
1364         background : #f0f0f0;
1365         cursor : pointer;
1366 }
1367
1368 #headlines-spacer {
1369         height : 100%;
1370         margin-left : 1px;
1371         text-align : center;
1372         padding : 1em;
1373         color : gray;
1374 }