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 span.feed_error {
 470         color : red;
 471 }
 472
 473 .insensitive {
 474         color : gray;
 475 }
 476
 477 .insensitive a {
 478         color : #4684ff;
 479 }
 480
 481 .insensitive a:hover {
 482         color : black;
 483 }
 484
 485 .small {
 486         font-size : 11px;
 487 }
 488
 489 table.innerFeedTable td {
 490         margin : 0px;
 491         padding : 0px;
 492 }
 493
 494 td.selectPrompt {
 495         font-size : 12px;
 496         color : gray;
 497 }
 498
 499 div#headlines-toolbar {
 500         border-width : 0px 0px 1px 0px;
 501         background-color : #f0f0f0;
 502         border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
 503         font-size : 11px;
 504         font-family : "Segoe UI", Tahoma, sans-serif;
 505         color : gray;
 506         padding : 0px;
 507         margin : 0px;
 508         overflow : hidden;
 509         height : 25px;
 510         line-height : 25px;
 511         padding-left : 4px;
 512 }
 513
 514 div#headlines-toolbar .dijitSelect {
 515         font-size : 11px;
 516         position : relative;
 517         top : -2px;
 518 }
 519
 520 div#headlines-toolbar span.r {
 521         float: right;
 522    position: relative;
 523         background : #ecf4ff;
 524         border-left: 5px solid white;
 525         padding : 0 4px 0px 4px;
 526         text-align : right;
 527 }
 528
 529 /* http://css-tricks.com/adobe-like-arrow-headers/ */
 530
 531 @media screen and (-webkit-min-device-pixel-ratio:0) {
 532         div#headlines-toolbar span.r:before,
 533         div#headlines-toolbar span.r:after {
 534                 content: "";
 535            position: absolute;
 536             /* Pushed down half way, will get pulled back up half height of triangle
 537                ensures centering if font-size or line-height changes */
 538             top: 50%;
 539             width: 0;
 540             height: 0;
 541         }
 542         div#headlines-toolbar span.r:before {
 543             left: -12px;
 544             /* Triangle */
 545             border-top: 8px solid transparent;
 546             border-bottom: 8px solid transparent;
 547             border-right: 8px solid white;
 548             /* Pull-up */
 549             margin-top: -8px;
 550         }
 551         div#headlines-toolbar span.r:after {
 552             /* Smaller and different position triangle */
 553             left: -5px;
 554             border-top: 6px solid transparent;
 555             border-bottom: 6px solid transparent;
 556             border-right: 6px solid #ecf4ff;
 557             margin-top: -6px;
 558         }
 559 }
 560
 561 div#headlines-toolbar span.r span.error {
 562         color : red;
 563 }
 564
 565 div#headlines-toolbar span.r a {
 566         color : gray;
 567 }
 568
 569 div#headlines-toolbar span.r a:hover {
 570         color : black;
 571 }
 572
 573 span.contentPreview {
 574         color : gray;
 575         font-weight : normal;
 576 }
 577
 578 span.contentPreview:hover {
 579         color : #4684ff;
 580 }
 581
 582 span.hlLabelRef {
 583         background-color : #fff7d5;
 584         font-size : 8px;
 585         color : #063064;
 586         font-weight : normal;
 587         margin : 0px 3px 0px 3px;
 588         padding : 0px 4px 0px 4px;
 589         white-space: nowrap;
 590 }
 591
 592 td.hlSelectRow, td.hlUpdPic {
 593         width : 25px;
 594         text-align : center;
 595 }
 596
 597 div.postHeader div.postDate {
 598         text-align : right;
 599         color : gray;
 600         float : right;
 601 }
 602
 603 div.postHeader div.postDateRTL {
 604         text-align : left;
 605         color : gray;
 606         float : right;
 607 }
 608
 609 div.postHeader div {
 610         padding-bottom : 3px;
 611         font-size : 12px;
 612 }
 613
 614 #feedUpdateErrors {
 615         display : none;
 616 }
 617
 618 #allEntryTags {
 619         font-size : 12px;
 620         border-width : 0px 0px 1px 0px;
 621         border-style : solid;
 622         border-color : #c0c0c0;
 623         padding-bottom : 5px;
 624         display : none;
 625 }
 626
 627 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 628         height : 1em;
 629 }
 630
 631 td.hlFeed {
 632         text-align : right;
 633 }
 634
 635 span.hlFeed, span.hlFeed a {
 636         font-size : 12px;
 637         color : gray;
 638 }
 639
 640 span.hlFeed a:hover {
 641         color : #4684ff;
 642 }
 643
 644 img.markedPic {
 645         cursor : pointer;
 646 }
 647
 648 a.warning {
 649         color : #f04040;
 650 }
 651
 652 div.tagCloudContainer {
 653         border : 1px solid #c0c0c0;
 654         background-color : #ecf4ff;
 655         margin : 5px 0px 5px 0px;
 656         padding : 5px;
 657         text-align : center;
 658 }
 659
 660 div.errorExplained {
 661         border : 1px solid #c0c0c0;
 662         background-color : #ecf4ff;
 663         margin : 5px 0px 5px 0px;
 664         padding : 5px;
 665 }
 666
 667 ul.feedErrorsList {
 668         max-height : 300px;
 669         overflow : auto;
 670         list-style-type : none;
 671         border : 1px solid #c0c0c0;
 672         background-color : #ecf4ff;
 673         margin : 0px 0px 5px 0px;
 674         padding : 5px;
 675 }
 676
 677 ul.selfUpdateList {
 678         height : 200px;
 679         overflow : auto;
 680         list-style-type : none;
 681         border : 1px solid #c0c0c0;
 682         background-color : #ecf4ff;
 683         margin : 0px 0px 5px 0px;
 684         padding : 5px;
 685 }
 686
 687 ul.feedErrorsList em {
 688         color : gray;
 689 }
 690
 691 ul.userFeedList {
 692         height : 300px;
 693         overflow : auto;
 694         list-style-type : none;
 695         border : 1px solid gray;
 696         background-color : white;
 697         margin : 0px 0px 5px 0px;
 698         padding : 0px;
 699 }
 700
 701 ul.browseFeedList {
 702         height : 300px;
 703         overflow : auto;
 704         border-width : 0px 1px 1px 1px;
 705         border-color : #c0c0c0;
 706         border-style : solid;
 707         margin : 0px 0px 5px 0px;
 708         background-color : white;
 709         list-style-type : none;
 710         padding : 0px;
 711
 712 }
 713
 714 ul.browseFeedList li {
 715         margin : 0px;
 716         padding : 2px 4px 2px 4px;
 717 }
 718
 719 span.subscribers {
 720         color : #808080;
 721 }
 722
 723 div.subscribers {
 724         color : #808080;
 725         font-size : 12px;
 726         float : right;
 727 }
 728
 729 div.browserDetails {
 730         margin : 5px 5px 5px 5px;
 731         padding : 5px;
 732 }
 733
 734 ul.compact {
 735         list-style-type : none;
 736         margin : 0px;
 737         padding : 0px;
 738 }
 739
 740 ul.compact li {
 741         margin : 0px;
 742         padding : 0px;
 743 }
 744
 745 .noborder {
 746         border-width : 0px;
 747 }
 748
 749 #overlay {
 750         background : white;
 751         left : 0;
 752         top : 0;
 753         height : 100%;
 754         width : 100%;
 755         z-index : 100;
 756         position : absolute;
 757 }
 758
 759 #overlay_inner {
 760         font-weight : bold;
 761         margin : 1em;
 762 }
 763
 764 form {
 765         margin : 0px;
 766         padding : 0px;
 767 }
 768
 769 #main_toolbar_form {
 770         margin : 0px;
 771         padding : 0px;
 772         display : table-cell;
 773         white-space : nowrap;
 774         width : 100%;
 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-size : 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-size : 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         min-width : 100px;
1120         display : table-cell;
1121         width : 100%;
1122         vertical-align : middle;
1123         padding-top : 4px;
1124         padding-bottom : 4px;
1125         text-align : right;
1126 }
1127
1128 div.hlLeft input {
1129         margin-left : 4px;
1130         margin-right : 4px;
1131 }
1132
1133 div.hlLeft img, div.hlRight img {
1134         margin : 0px 4px 0px 4px;
1135
1136 }
1137
1138 div.hlUpdPic {
1139         display : table-cell;
1140         padding-right : 4px;
1141         padding-left : 4px;
1142         text-align : center;
1143         vertical-align : middle;
1144 }
1145
1146 div.hlUpdPic img {
1147         max-width : 16px;
1148 }
1149
1150 div.fatalError {
1151         margin-bottom : 10px;
1152 }
1153
1154 div.fatalError button {
1155         margin-top : 5px;
1156 }
1157
1158 div.fatalError textarea {
1159         width : 100%;
1160         height : 100px;
1161 }
1162
1163 #main {
1164         border-width : 0px;
1165         margin : 0px;
1166         padding : 0px;
1167 }
1168
1169 #header-wrap {
1170         border-width : 0px;
1171         margin : 0px;
1172         padding : 0px;
1173 }
1174
1175 #content-wrap {
1176         padding : 0px;
1177         border-width : 0px;
1178         margin : 0px;
1179 }
1180
1181 #feeds-holder {
1182         padding : 0px;
1183         border-color : #88b0f0;
1184         border-left-width : 0px;
1185         border-bottom-width : 0px;
1186         border-top-width : 0px;
1187         overflow : auto;
1188 }
1189
1190 #headlines-wrap-inner {
1191         padding : 0px;
1192         margin : 0px;
1193         border-width : 0px;
1194 }
1195
1196 #headlines-frame {
1197         padding : 0px;
1198         border-color : #88b0f0;
1199         border-left-width : 0px;
1200         border-right-width : 0px;
1201         margin-top : 0px;
1202         border-top-width : 0px;
1203 }
1204
1205 #headlines-toolbar_splitter, #toolbar_splitter {
1206         display : none;
1207 }
1208
1209 #content-tabs {
1210         margin : 0px;
1211         padding : 0px;
1212         border-width : 0px;
1213 }
1214
1215 #toolbar {
1216         padding : 0px;
1217         margin : 0px;
1218         border-width : 0px;
1219         white-space: nowrap;
1220         font-size : 11px;
1221 }
1222
1223 #header {
1224         border-width : 0px;
1225         text-align : right;
1226         color : gray;
1227         padding : 5px 5px 0px 0px;
1228         margin : 0px;
1229         position : absolute;
1230         right : 0px;
1231         top : 0px;
1232         z-index : 5;
1233 }
1234
1235 #footer {
1236         text-align : center;
1237         color : gray;
1238         padding : 4px 4px 8px 4px;
1239         border-width : 0px;
1240 }
1241
1242 #content-insert {
1243         padding : 0px;
1244         border-color : #88b0f0;
1245         border-bottom-width : 0px;
1246         border-right-width : 0px;
1247         border-left-width : 0px;
1248         overflow : auto;
1249 }
1250
1251 .dijitTreeLabel.Unread {
1252         font-weight : bold;
1253 }
1254
1255 .feedParam {
1256         color : gray;
1257         float : right;
1258         margin-right : 1em;
1259 }
1260
1261 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1262         color : gray;
1263 }
1264
1265 .dijitTreeRow.Error {
1266         color : red;
1267 }
1268
1269 .dijitTreeRow.Hidden {
1270         display : none;
1271 }
1272
1273 img.feedIcon, img.tinyFeedIcon {
1274         width : 16px;
1275         height : 16px;
1276 }
1277
1278 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1279         text-align : center;
1280         padding : 5px;
1281         color : gray;
1282 }
1283
1284 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1285         margin-right : 5px;
1286 }
1287
1288 div#pref-tabs .dijitContentPane {
1289         font-size : 12px;
1290 }
1291
1292 div#pref-tabs {
1293         margin : 0px 5px 0px 5px;
1294 }
1295
1296 div#pref-tabs .dijitContentPane h3 {
1297         font-size : 14px;
1298         font-weight : bold;
1299 }
1300
1301 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1302 #pref-label-wrap, #pref-label-header, #pref-label-content,
1303 #pref-user-wrap, #pref-user-header, #pref-user-content,
1304 #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
1305         margin : 0px;
1306         padding : 0px;
1307         border-width : 0px;
1308 }
1309
1310 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
1311         padding : 0px;
1312 }
1313
1314 #errorButton {
1315         color : red;
1316 }
1317
1318 span.labelFixedLength {
1319         display : inline-block;
1320         width : 70%;
1321 }
1322
1323 #filter_dlg_date_chk_box {
1324         display : inline-block;
1325 }
1326
1327 .dijitDialog .dijitToolbar {
1328         border : 1px solid #c0c0c0;
1329 }
1330
1331 a.bookmarklet {
1332         color : #4684ff;
1333         border : 1px solid #ecf4ff;
1334         padding : 2px;
1335 }
1336
1337 #newVersionIcon {
1338         margin-left : 5px;
1339         vertical-align : middle;
1340         position : relative;
1341         top : -1px;
1342 }
1343
1344 .player {
1345         display : inline-block;
1346         color : gray;
1347         font-size : 11px;
1348         font-family : sans-serif;
1349         border : 1px solid gray;
1350         padding : 0px 4px 0px 4px;
1351         margin : 0px 2px 0px 2px;
1352         width : 50px;
1353         text-align : center;
1354         background : white;
1355 }
1356 .player.playing {
1357         color : #00c000;
1358         border-color : #00c000;
1359 }
1360
1361 .player:hover {
1362         background : #f0f0f0;
1363         cursor : pointer;
1364 }
1365
1366 #headlines-spacer {
1367         height : 100%;
1368         margin-left : 1px;
1369         text-align : center;
1370         padding : 1em;
1371         color : gray;
1372 }
1373
1374 td.error {
1375         color : red;
1376 }
1377
1378 div.dialogNotice {
1379         margin-bottom : 5px;
1380         color : gray;
1381 }
1382
1383 ul#filterDlg_Matches, ul#filterDlg_Actions {
1384         max-height : 100px;
1385         overflow : auto;
1386         list-style-type : none;
1387         border-style : solid;
1388         border-color : #c0c0c0;
1389         border-width : 0px 1px 1px 1px;
1390         background-color : #ecf4ff;
1391         margin : 0px 0px 5px 0px;
1392         padding : 0px;
1393 }
1394
1395 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1396         cursor : pointer;
1397         padding : 0px 0px 0px 5px;
1398 }
1399
1400 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1401         margin-right : 5px;
1402 }