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.postTitle {
  45         overflow : hidden;
  46         white-space : nowrap;
  47 }
  48
  49 div.postReply div.postDate {
  50         padding-left : 10px;
  51 }
  52
  53 div.postReply div.postContent {
  54         padding : 10px;
  55         font-size : 12px;
  56 }
  57
  58 div.postReply div.postContent img {
  59         border-width : 0px;
  60         max-width : 98%;
  61 }
  62
  63 div.postReply div.postIcon {
  64         float : right;
  65         border : 0px;
  66         margin : 5px;
  67 }
  68
  69 div.postReply div.postIcon img {
  70         max-width : 120px;
  71         display : inline;
  72 }
  73
  74 div.postReply div.postEnclosures {
  75         margin-top : 1em;
  76         color : gray;
  77 }
  78
  79 div.postReply img.tagsPic {
  80         width : 16px;
  81         height : 16px;
  82         margin-left : 4px;
  83         vertical-align : middle;
  84 }
  85
  86 div.articleNote {
  87         background-color : #fff7d5;
  88         padding : 5px;
  89         border-style : none none dashed none;
  90         border-color : #e7d796;
  91         border-width : 1px;
  92         background-color : #fff7d5;
  93         color : #9a8c59;
  94 }
  95
  96 div.articleNote div.noteEdit {
  97         float : right;
  98         cursor : pointer;
  99 }
 100
 101 div.postReply span.author {
 102         font-size : 12px;
 103 }
 104
 105 h1 {
 106         font-size : 18px;
 107 }
 108
 109 h2 {
 110         font-size : 16px;
 111         font-weight : bold;
 112         border-width : 0px 0px 1px 0px;
 113         border-style : solid;
 114         border-color : #ecf4ff;
 115 }
 116
 117 h3 {
 118         font-size : 12px;
 119         font-weight : bold;
 120         border-width : 0px 0px 1px 0px;
 121         border-style : solid;
 122         border-color : #ecf4ff;
 123 }
 124
 125 hr {
 126         border-width : 0px 0px 1px 0px;
 127         border-style : dashed;
 128         border-color : #e0e0e0;
 129 }
 130
 131 a {
 132         color : black;
 133         text-decoration : none;
 134 }
 135
 136 a:hover {
 137         color : #4684ff;
 138 }
 139
 140 #piggie {
 141         z-index : 999;
 142         position : absolute;
 143 }
 144
 145 #notify {
 146         border-width : 0px 1px 1px 1px;
 147         border-style : solid;
 148         top : 0px;
 149         right : 35%;
 150         min-width : 30%;
 151         position : absolute;
 152         display : none;
 153         float : right;
 154         font-size : 12px;
 155         z-index : 99;
 156         padding : 5px 5px 5px 5px;
 157 }
 158
 159 #notify img {
 160         vertical-align : middle;
 161 }
 162
 163 .notifyProgress {
 164         border-color : #d7c47a;
 165         background-color : #fff7d5;
 166         color : black;
 167 }
 168
 169 .notifyInfo {
 170         border-color : #7AD78E;
 171         background-color : #D5FFDB;
 172         color : black;
 173 }
 174
 175 .notify {
 176         border-color : #d7c47a;
 177         background-color : #fff7d5;
 178         color : black;
 179 }
 180
 181 .notifyError {
 182         background-color : #ffcccc;
 183         border-color : #ff0000;
 184         color : black;
 185 }
 186
 187 .notifyError span:hover {
 188         color : red;
 189         cursor : pointer;
 190 }
 191
 192 .Selected, .Selected td {
 193         background-color : #fff7d5 ! important;
 194 }
 195
 196 .even.Unread.Selected, .even.Unread.Selected td {
 197         background : #fff7d5 ! important;
 198         font-weight : bold;
 199         border-width : 0px 0px 1px 0px;
 200         border-style : solid;
 201         border-color : #e7d796;
 202 }
 203
 204 .odd.Unread.Selected, .odd.Unread.Selected td {
 205         background : #fff7d5 ! important;
 206         font-weight : bold;
 207         border-width : 0px 0px 1px 0px;
 208         border-style : solid;
 209         border-color : #e7d796;
 210 }
 211
 212 .even.Selected, .even.Selected td {
 213         background : #fff7d5 ! important;
 214         border-width : 0px 0px 1px 0px;
 215         border-style : solid;
 216         border-color : #e7d796;
 217         border-collapse : collapse;
 218 }
 219
 220 .odd.Selected, .odd.Selected td {
 221         background : #fff7d5 ! important;
 222         border-width : 0px 0px 1px 0px;
 223         border-style : solid;
 224         border-color : #e7d796;
 225         border-collapse : collapse;
 226 }
 227
 228 .even.Grayed, .even.Grayed td {
 229         background : #f0f0f0;
 230         color : #909090;
 231         border-width : 0px 0px 1px 0px;
 232         border-style : solid;
 233         border-color : #c0c0c0;
 234         border-collapse : collapse;
 235 }
 236
 237 .odd.Grayed {
 238         color : #909090;
 239 }
 240
 241 .even, .even td {
 242         border-width : 0px 0px 1px 0px;
 243         border-style : solid;
 244         border-color : #c0c0c0;
 245         background : #f0f0f0;
 246         border-collapse : collapse;
 247 }
 248
 249 .odd, .odd td {
 250         border-width : 0px 0px 1px 0px;
 251         border-style : solid;
 252         border-color : #c0c0c0;
 253         border-collapse : collapse;
 254 }
 255
 256 .even.Unread, .even.Unread td {
 257         background : #f0f0f0;
 258         font-weight : bold;
 259         border-width : 0px 0px 1px 0px;
 260         border-style : solid;
 261         border-color : #c0c0c0;
 262         border-collapse : collapse;
 263 }
 264
 265 .odd.Unread, .odd.Unread td {
 266         font-weight : bold;
 267         border-width : 0px 0px 1px 0px;
 268         border-style : solid;
 269         border-color : #c0c0c0;
 270 }
 271
 272 .invisible {
 273         display : none;
 274 }
 275
 276 /* preferences */
 277
 278 /* table.prefPrefsList tr:hover td.prefValue {
 279         color : #88b0f0;
 280 }
 281
 282 table.prefPrefsList tr:hover td.prefValue input {
 283         color : #88b0f0;
 284 } */
 285
 286 table.prefPrefsList h3 {
 287         margin-top : 0px;
 288 }
 289
 290 tr.title td {
 291         border-width : 0px 0px 1px 0px;
 292         border-color : #ecf4ff;
 293         border-style : solid;
 294         color : #4684ff;
 295 }
 296
 297 tr.title td a {
 298         color : #4684ff;
 299 }
 300
 301 tr.title td a:hover {
 302         color : black;
 303 }
 304
 305 table.prefFeedList td.feedEditCat {
 306         font-weight : bold;
 307         border-width : 0px 0px 1px 0px;
 308         border-style : solid;
 309         border-color : #88b0f0;
 310         padding-top : 0.5em;
 311 }
 312
 313 table.prefFilterList td.filterEditCat {
 314         font-weight : bold;
 315         border-width : 0px 0px 1px 0px;
 316         border-style : solid;
 317         border-color : #88b0f0;
 318         padding-top : 0.5em;
 319 }
 320
 321 /* oh for the love of... */
 322
 323 table.prefFilterList tr.even,
 324 table.prefFilterList tr.odd,
 325 table.prefFilterList tr.evenSelected,
 326 table.prefFilterList tr.oddSelected,
 327 table.prefLabelList tr.even,
 328 table.prefLabelList tr.odd,
 329 table.prefLabelList tr.evenSelected,
 330 table.prefLabelList tr.oddSelected,
 331 table.prefUserList tr.even,
 332 table.prefUserList tr.odd,
 333 table.prefUserList tr.evenSelected,
 334 table.prefUserList tr.oddSelected,
 335 table.prefFeedList tr.even,
 336 table.prefFeedList tr.odd,
 337 table.prefFeedList tr.evenSelected,
 338 table.prefFeedList tr.oddSelected,
 339 table.prefInstanceList tr.even,
 340 table.prefInstanceList tr.odd,
 341 table.prefInstanceList tr.evenSelected,
 342 table.prefInstanceList tr.oddSelected
 343 {
 344         cursor : pointer;
 345 }
 346
 347 table.prefFilterList tr.even:hover td,
 348 table.prefFilterList tr.odd:hover td,
 349 table.prefFilterList tr.evenSelected:hover td,
 350 table.prefFilterList tr.oddSelected:hover td
 351 table.prefLabelList tr.even:hover td,
 352 table.prefLabelList tr.odd:hover td,
 353 table.prefLabelList tr.evenSelected:hover td,
 354 table.prefLabelList tr.oddSelected:hover td,
 355 table.prefUserList tr.even:hover td,
 356 table.prefUserList tr.odd:hover td,
 357 table.prefUserList tr.evenSelected:hover td,
 358 table.prefUserList tr.oddSelected:hover td,
 359 table.prefFeedList tr.even:hover td,
 360 table.prefFeedList tr.odd:hover td,
 361 table.prefFeedList tr.evenSelected:hover td,
 362 table.prefFeedList tr.oddSelected:hover td,
 363 table.prefInstanceList tr.even:hover td,
 364 table.prefInstanceList tr.odd:hover td,
 365 table.prefInstanceList tr.evenSelected:hover td,
 366 table.prefInstanceList tr.oddSelected:hover td
 367 {
 368         color : #88b0f0;
 369 }
 370
 371 table.prefFeedList td.feedIcon {
 372         text-align : center;
 373 }
 374
 375 table.prefFeedList td.feedSelect {
 376         text-align : center;
 377 }
 378
 379 div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder, div.filterTestHolder {
 380         height : 300px;
 381         overflow : auto;
 382         border-width : 0px 1px 1px 1px;
 383         border-color : #c0c0c0;
 384         border-style : solid;
 385         margin : 0px 0px 5px 0px;
 386         background-color : #ecf4ff;
 387 }
 388
 389 div.prefFeedOPMLHolder, div.filterTestHolder {
 390         border-width : 1px 1px 1px 1px;
 391 }
 392
 393 a.helpLink {
 394         color : #808080;
 395 }
 396
 397 a.helpLink:hover {
 398         color : #4684ff;
 399 }
 400
 401 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 402         margin : 0px 0px 0px 1em;
 403         padding : 0px;
 404         font-family : monospace;
 405         font-size : 12px;
 406         background : transparent;
 407         border-width : 0px;
 408         color : gray;
 409 }
 410
 411 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 412         margin : 0px 0px 0px 1em;
 413         border-width : 0px 0px 0px 2px;
 414         border-color : #c0c0c0;
 415         border-style : solid;
 416         font-style : italic;
 417         padding : 0px 0px 0px 1em;
 418         font-size : 12px;
 419         color : gray;
 420 }
 421
 422 #content-insert code, #headlines-frame code, .dijitContentPane code {
 423         background : transparent;
 424         border : 0px solid transparent;
 425         margin : 0px;
 426         font-family : monospace;
 427         padding : 0px;
 428         font-size : 12px;
 429         color : black;
 430 }
 431
 432 div.notice {
 433         background : #ffffff;
 434         border : 1px solid #88b0f0;
 435         width : 60%;
 436         padding : 5px;
 437         margin : 0px 0px 5px 0px;
 438         font-size : 12px;
 439 }
 440
 441 div.warning {
 442         background : #fff7d5;
 443         border : 1px solid #d7c47a;
 444         font-size : 12px;
 445         width : 60%;
 446         padding : 5px;
 447         margin : 0px 0px 5px 0px;
 448 }
 449
 450 div.warning img, div.notice img, div.error img {
 451         vertical-align : middle;
 452         padding : 5px;
 453 }
 454
 455 span.filterDateError {
 456         color : #ff0000;
 457 }
 458
 459 div.error {
 460         border : 1px solid #ff0000;
 461         background : #ffcccc;
 462         padding : 5px;
 463         margin : 0px 0px 5px 0px;
 464         font-size : 12px;
 465 }
 466
 467 ul.nomarks {
 468         list-style-type : none;
 469         margin : 0px;
 470         padding : 10px;
 471 }
 472
 473 div.prefHelp, td.prefHelp {
 474         color : gray;
 475         padding : 5px;
 476 }
 477
 478 span.feed_error {
 479         color : red;
 480 }
 481
 482 .insensitive {
 483         color : gray;
 484 }
 485
 486 .insensitive a {
 487         color : #4684ff;
 488 }
 489
 490 .insensitive a:hover {
 491         color : black;
 492 }
 493
 494 .small {
 495         font-size : 11px;
 496 }
 497
 498 table.innerFeedTable td {
 499         margin : 0px;
 500         padding : 0px;
 501 }
 502
 503 td.selectPrompt {
 504         font-size : 12px;
 505         color : gray;
 506 }
 507
 508 div#headlines-toolbar {
 509         border-width : 0px 0px 1px 0px;
 510         background-color : #f0f0f0;
 511         border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
 512         font-size : 11px;
 513         font-family : "Segoe UI", Tahoma, sans-serif;
 514         color : gray;
 515         padding : 0px;
 516         margin : 0px;
 517         overflow : hidden;
 518         height : 25px;
 519         line-height : 25px;
 520         padding-left : 4px;
 521 }
 522
 523 div#headlines-toolbar .dijitSelect {
 524         font-size : 11px;
 525         position : relative;
 526         top : -2px;
 527 }
 528
 529 div#headlines-toolbar span.r {
 530         float: right;
 531    position: relative;
 532         background : #ecf4ff;
 533         border-left: 5px solid white;
 534         padding : 0 4px 0px 4px;
 535         text-align : right;
 536 }
 537
 538 /* http://css-tricks.com/adobe-like-arrow-headers/ */
 539
 540 @media screen and (-webkit-min-device-pixel-ratio:0) {
 541         div#headlines-toolbar span.r:before,
 542         div#headlines-toolbar span.r:after {
 543                 content: "";
 544            position: absolute;
 545             /* Pushed down half way, will get pulled back up half height of triangle
 546                ensures centering if font-size or line-height changes */
 547             top: 50%;
 548             width: 0;
 549             height: 0;
 550         }
 551         div#headlines-toolbar span.r:before {
 552             left: -12px;
 553             /* Triangle */
 554             border-top: 8px solid transparent;
 555             border-bottom: 8px solid transparent;
 556             border-right: 8px solid white;
 557             /* Pull-up */
 558             margin-top: -8px;
 559         }
 560         div#headlines-toolbar span.r:after {
 561             /* Smaller and different position triangle */
 562             left: -5px;
 563             border-top: 6px solid transparent;
 564             border-bottom: 6px solid transparent;
 565             border-right: 6px solid #ecf4ff;
 566             margin-top: -6px;
 567         }
 568 }
 569
 570 div#headlines-toolbar span.r span.error {
 571         color : red;
 572 }
 573
 574 div#headlines-toolbar span.r a {
 575         color : gray;
 576 }
 577
 578 div#headlines-toolbar span.r a:hover {
 579         color : black;
 580 }
 581
 582 span.contentPreview {
 583         color : gray;
 584         font-weight : normal;
 585 }
 586
 587 span.contentPreview:hover {
 588         color : #4684ff;
 589 }
 590
 591 span.hlLabelRef {
 592         background-color : #fff7d5;
 593         font-size : 8px;
 594         color : #063064;
 595         font-weight : normal;
 596         margin : 0px 3px 0px 3px;
 597         padding : 0px 4px 0px 4px;
 598         white-space: nowrap;
 599 }
 600
 601 td.hlSelectRow, td.hlUpdPic {
 602         width : 25px;
 603         text-align : center;
 604 }
 605
 606 div.postHeader div.postDate {
 607         text-align : right;
 608         color : gray;
 609         float : right;
 610 }
 611
 612 div.postHeader div.postDateRTL {
 613         text-align : left;
 614         color : gray;
 615         float : right;
 616 }
 617
 618 div.postHeader div {
 619         padding-bottom : 3px;
 620         font-size : 12px;
 621 }
 622
 623 #feedUpdateErrors {
 624         display : none;
 625 }
 626
 627 #allEntryTags {
 628         font-size : 12px;
 629         border-width : 0px 0px 1px 0px;
 630         border-style : solid;
 631         border-color : #c0c0c0;
 632         padding-bottom : 5px;
 633         display : none;
 634 }
 635
 636 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 637         height : 1em;
 638 }
 639
 640 td.hlFeed {
 641         text-align : right;
 642 }
 643
 644 span.hlFeed, span.hlFeed a {
 645         font-size : 12px;
 646         color : gray;
 647 }
 648
 649 span.hlFeed a:hover {
 650         color : #4684ff;
 651 }
 652
 653 img.markedPic {
 654         cursor : pointer;
 655 }
 656
 657 a.warning {
 658         color : #f04040;
 659 }
 660
 661 div.tagCloudContainer {
 662         border : 1px solid #c0c0c0;
 663         background-color : #ecf4ff;
 664         margin : 5px 0px 5px 0px;
 665         padding : 5px;
 666         text-align : center;
 667 }
 668
 669 div.errorExplained {
 670         border : 1px solid #c0c0c0;
 671         background-color : #ecf4ff;
 672         margin : 5px 0px 5px 0px;
 673         padding : 5px;
 674 }
 675
 676 ul.feedErrorsList {
 677         max-height : 300px;
 678         overflow : auto;
 679         list-style-type : none;
 680         border : 1px solid #c0c0c0;
 681         background-color : #ecf4ff;
 682         margin : 0px 0px 5px 0px;
 683         padding : 5px;
 684 }
 685
 686 ul.selfUpdateList {
 687         height : 200px;
 688         overflow : auto;
 689         list-style-type : none;
 690         border : 1px solid #c0c0c0;
 691         background-color : #ecf4ff;
 692         margin : 0px 0px 5px 0px;
 693         padding : 5px;
 694 }
 695
 696 ul.feedErrorsList em {
 697         color : gray;
 698 }
 699
 700 ul.userFeedList {
 701         height : 300px;
 702         overflow : auto;
 703         list-style-type : none;
 704         border : 1px solid gray;
 705         background-color : white;
 706         margin : 0px 0px 5px 0px;
 707         padding : 0px;
 708 }
 709
 710 ul.browseFeedList {
 711         height : 300px;
 712         overflow : auto;
 713         border-width : 0px 1px 1px 1px;
 714         border-color : #c0c0c0;
 715         border-style : solid;
 716         margin : 0px 0px 5px 0px;
 717         background-color : white;
 718         list-style-type : none;
 719         padding : 0px;
 720
 721 }
 722
 723 ul.browseFeedList li {
 724         margin : 0px;
 725         padding : 2px 4px 2px 4px;
 726 }
 727
 728 span.subscribers {
 729         color : #808080;
 730 }
 731
 732 div.subscribers {
 733         color : #808080;
 734         font-size : 12px;
 735         float : right;
 736 }
 737
 738 div.browserDetails {
 739         margin : 5px 5px 5px 5px;
 740         padding : 5px;
 741 }
 742
 743 ul.compact {
 744         list-style-type : none;
 745         margin : 0px;
 746         padding : 0px;
 747 }
 748
 749 ul.compact li {
 750         margin : 0px;
 751         padding : 0px;
 752 }
 753
 754 .noborder {
 755         border-width : 0px;
 756 }
 757
 758 #overlay {
 759         background : white;
 760         left : 0;
 761         top : 0;
 762         height : 100%;
 763         width : 100%;
 764         z-index : 100;
 765         position : absolute;
 766 }
 767
 768 #overlay_inner {
 769         font-weight : bold;
 770         margin : 1em;
 771 }
 772
 773 form {
 774         margin : 0px;
 775         padding : 0px;
 776 }
 777
 778 #main_toolbar_form {
 779         margin : 0px;
 780         padding : 0px;
 781         display : table-cell;
 782         white-space : nowrap;
 783         width : 100%;
 784 }
 785
 786 div.loadingPrompt {
 787         padding : 1em;
 788         text-align : center;
 789         font-weight : bold;
 790 }
 791
 792 div.whiteBox {
 793         margin-left : 1px;
 794         text-align : center;
 795         padding : 1em;
 796 }
 797
 798 html, body#ttrssMain, #main {
 799         width: 100%;
 800         height: 100%;
 801         border: 0;
 802         padding: 0;
 803         margin: 0;
 804 }
 805
 806 html, body#ttrssPrefs, #main {
 807         width: 100%;
 808         height: 100%;
 809         border: 0;
 810         padding: 0;
 811         margin: 0;
 812 }
 813
 814 #toolbar div.actionChooser {
 815         display : table-cell;
 816         text-align : right;
 817         padding-right : 3px;
 818 }
 819
 820 /* preferences layout */
 821
 822 div.return {
 823         float : right;
 824         font-size : 12px;
 825         margin-right : 10px;
 826 }
 827
 828 div.return a {
 829         color : #4684ff;
 830 }
 831
 832 div.return a:hover {
 833         color : black;
 834 }
 835
 836 #header .logo {
 837         float : right;
 838         margin-left : 10px;
 839 }
 840
 841 #header a {
 842         color : #4684ff;
 843 }
 844
 845 #header a:hover {
 846         color : black;
 847 }
 848
 849 #header img {
 850         vertical-align : middle;
 851         cursor : pointer;
 852 }
 853
 854 a.helpLinkPic img {
 855         border-width : 0px;
 856         vertical-align : middle;
 857 }
 858
 859 div.autocomplete {
 860         position : absolute;
 861         width : 250px;
 862         background-color : white;
 863         border :1px solid #778899;
 864         margin : 0px;
 865         padding : 0px;
 866 }
 867
 868 div.autocomplete ul {
 869         list-style-type : none;
 870         margin : 0px;
 871         padding : 0px;
 872 }
 873
 874 div.autocomplete ul li.selected {
 875         background-color : #fff7d5;
 876 }
 877
 878 div.autocomplete ul li {
 879         list-style-type : none;
 880         display : block;
 881         margin : 0;
 882         padding : 2px;
 883         height : 32px;
 884         cursor : pointer;
 885 }
 886
 887 #feedOpToolbar {
 888         float : right;
 889 }
 890
 891 #header a.feedback {
 892         color : #009900;
 893 }
 894
 895 a.visibleLink {
 896         color : #4684ff;
 897 }
 898
 899 a.visibleLinkB {
 900         color : #4684ff;
 901         border : 1px solid #4684ff;
 902         padding : 2px;
 903 }
 904
 905 a.visibleLinkB:hover {
 906         background-color : #ecf4ff;
 907 }
 908
 909 .hlContentH a, .hlContentH span {
 910         color : #00cc00;
 911 }
 912
 913 .hlContentL a, .hlContentL span {
 914         color : #909090;
 915         text-decoration : line-through;
 916 }
 917
 918 span.titleWrapH, span.titleWrapH a {
 919         color : #00cc00;
 920 }
 921
 922 span.titleWrapL, span.titleWrapL a {
 923         color : #909090;
 924         text-decoration : line-through;
 925 }
 926
 927 img.hlScorePic {
 928         vertical-align : middle;
 929         width : 16px;
 930         height : 16px;
 931 }
 932
 933 div#hotkey_help_overlay {
 934         position : absolute;
 935         left : 30px;
 936         right : 30px;
 937         top : 30px;
 938         z-index : 999;
 939         color : white;
 940         font-size : 15px;
 941         background : black;
 942         border-radius : 30px;
 943         padding : 10px;
 944 }
 945
 946 div#hotkey_help_overlay h1 {
 947         text-align : center;
 948 }
 949
 950 div#hotkey_help_overlay ul {
 951         list-style-type : none;
 952         margin : 0px;
 953 }
 954
 955 div#hotkey_help_overlay a {
 956         color : #88b0f0;
 957 }
 958
 959 div#hotkey_help_overlay a:hover {
 960         color : white;
 961 }
 962
 963 div#hotkey_help_overlay li {
 964         margin : 0px;
 965 }
 966
 967 div#hotkey_help_overlay p {
 968         text-align : center;
 969 }
 970
 971 div#hotkey_help_overlay td.n {
 972         text-align : right;
 973         font-weight : bold;
 974         width : 6em;
 975         color : #a0ffa0;
 976         padding-right : 5px;
 977 }
 978
 979 div#hotkey_help_overlay td {
 980         vertical-align : top;
 981 }
 982
 983 div#hotkey_help_overlay h1 {
 984         margin : 0px;
 985 }
 986
 987 div#hotkey_help_overlay h2 {
 988         font-size : 16px;
 989         border-width : 0px;
 990         margin : 0.3em 0px 0.3em 0px;
 991         text-align : center;
 992         color : #88b0f0;
 993 }
 994
 995 div#hotkey_help_overlay table.hho td.top,
 996 div#hotkey_help_overlay table.hho td.bottom {
 997         text-align : center;
 998         font-size : 11px;
 999 }
1000
1001 div.dlgSec {
1002         font-size : 12px;
1003         color : gray;
1004         font-weight : bold;
1005         clear : both;
1006         height : 20px;
1007 }
1008
1009 div.dlgSecCont {
1010         position : relative;
1011         left : 150px;
1012         top : -20px;
1013         float : left;
1014         font-size : 12px;
1015         font-weight : normal;
1016 }
1017
1018 div.dlgSecCont hr {
1019         height : 0px;
1020         line-height : 0px;
1021         border : 0px solid transparent;
1022         margin : 2px;
1023 }
1024
1025 div.dlgSecCont > * {
1026         position : relative;
1027         top : -2px;
1028 }
1029
1030 div.dlgButtons {
1031         text-align : right;
1032         clear : both;
1033 }
1034
1035 span.labelColorIndicator {
1036         height : 14px;
1037         width : 14px;
1038         line-height : 14px;
1039         font-size : 9px;
1040         display : inline-block;
1041         border : 1px solid black;
1042         background-color : #fff7d5;
1043         color : #063064;
1044         text-align : center;
1045         margin-right : 2px;
1046 }
1047
1048 span.labelColorIndicator2 {
1049         height : 14px;
1050         width : 14px;
1051         font-size : 9px;
1052         display : inline-block;
1053         border : 1px solid black;
1054         background-color : #fff7d5;
1055         color : #063064;
1056         text-align : center;
1057         margin-right : 2px;
1058         vertical-align : bottom;
1059 }
1060
1061 div#cmdline {
1062         position : absolute;
1063         left : 5px;
1064         bottom : 5px;
1065         font-size : 11px;
1066         color : gray;
1067         font-weight : bold;
1068         background-color : white;
1069         border : 1px solid #88b0f0;
1070         padding : 3px 5px 3px 5px;
1071         z-index : 5;
1072 }
1073
1074 #feed_browser_spinner {
1075         vertical-align : middle;
1076         height : 18px;
1077         width : 18px;
1078 }
1079
1080 div#auxDlg {
1081         position : absolute;
1082         z-index : 3;
1083         bottom : 5px;
1084         right : 25px;
1085         padding : 5px;
1086         border-width : 1px;
1087         border-style : solid;
1088         border-color : #d7c47a;
1089         background-color : #fff7d5;
1090         color : black;
1091         text-align : center;
1092         font-size : 13px;
1093 }
1094
1095 div#auxDlg a {
1096         color : #4684ff;
1097 }
1098
1099 div.hlTitle {
1100         display : table-cell;
1101         cursor : pointer;
1102         width : 100%;
1103         vertical-align : middle;
1104         padding-top : 4px;
1105         padding-bottom : 4px;
1106 }
1107
1108 div.hlLeft {
1109         display : table-cell;
1110         vertical-align : middle;
1111         white-space: nowrap;
1112 }
1113
1114 div.hlRight {
1115         display : table-cell;
1116         white-space: nowrap;
1117         text-align : right;
1118         vertical-align : middle;
1119 }
1120
1121 div.hlRight img {
1122         max-width : 16px;
1123         max-height : 16px;
1124 }
1125
1126 span.hlUpdated {
1127         color : gray;
1128         min-width : 100px;
1129         display : table-cell;
1130         width : 100%;
1131         vertical-align : middle;
1132         padding-top : 4px;
1133         padding-bottom : 4px;
1134         text-align : right;
1135 }
1136
1137 div.hlLeft input {
1138         margin-left : 4px;
1139         margin-right : 4px;
1140 }
1141
1142 div.hlLeft img, div.hlRight img {
1143         margin : 0px 4px 0px 4px;
1144
1145 }
1146
1147 div.hlUpdPic {
1148         display : table-cell;
1149         padding-right : 4px;
1150         padding-left : 4px;
1151         text-align : center;
1152         vertical-align : middle;
1153 }
1154
1155 div.hlUpdPic img {
1156         max-width : 16px;
1157 }
1158
1159 div.fatalError {
1160         margin-bottom : 10px;
1161 }
1162
1163 div.fatalError button {
1164         margin-top : 5px;
1165 }
1166
1167 div.fatalError textarea {
1168         width : 100%;
1169         height : 100px;
1170 }
1171
1172 #main {
1173         border-width : 0px;
1174         margin : 0px;
1175         padding : 0px;
1176 }
1177
1178 #header-wrap {
1179         border-width : 0px;
1180         margin : 0px;
1181         padding : 0px;
1182 }
1183
1184 #content-wrap {
1185         padding : 0px;
1186         border-width : 0px;
1187         margin : 0px;
1188 }
1189
1190 #feeds-holder {
1191         padding : 0px;
1192         border-color : #88b0f0;
1193         border-left-width : 0px;
1194         border-bottom-width : 0px;
1195         border-top-width : 0px;
1196         overflow : auto;
1197 }
1198
1199 #headlines-wrap-inner {
1200         padding : 0px;
1201         margin : 0px;
1202         border-width : 0px;
1203 }
1204
1205 #headlines-frame {
1206         padding : 0px;
1207         border-color : #88b0f0;
1208         border-left-width : 0px;
1209         border-right-width : 0px;
1210         margin-top : 0px;
1211         border-top-width : 0px;
1212 }
1213
1214 #headlines-toolbar_splitter, #toolbar_splitter {
1215         display : none;
1216 }
1217
1218 #content-tabs {
1219         margin : 0px;
1220         padding : 0px;
1221         border-width : 0px;
1222 }
1223
1224 #toolbar {
1225         padding : 0px;
1226         margin : 0px;
1227         border-width : 0px;
1228         white-space: nowrap;
1229         font-size : 11px;
1230 }
1231
1232 #header {
1233         border-width : 0px;
1234         text-align : right;
1235         color : gray;
1236         padding : 5px 5px 0px 0px;
1237         margin : 0px;
1238         position : absolute;
1239         right : 0px;
1240         top : 0px;
1241         z-index : 5;
1242 }
1243
1244 #footer {
1245         text-align : center;
1246         color : gray;
1247         padding : 4px 4px 8px 4px;
1248         border-width : 0px;
1249 }
1250
1251 #content-insert {
1252         padding : 0px;
1253         border-color : #88b0f0;
1254         border-bottom-width : 0px;
1255         border-right-width : 0px;
1256         border-left-width : 0px;
1257         overflow : auto;
1258 }
1259
1260 .dijitTreeLabel.Unread {
1261         font-weight : bold;
1262 }
1263
1264 .feedParam {
1265         color : gray;
1266         float : right;
1267         margin-right : 1em;
1268 }
1269
1270 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1271         color : gray;
1272 }
1273
1274 .dijitTreeRow.Error {
1275         color : red;
1276 }
1277
1278 .dijitTreeRow.Hidden {
1279         display : none;
1280 }
1281
1282 img.feedIcon, img.tinyFeedIcon {
1283         width : 16px;
1284         height : 16px;
1285 }
1286
1287 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1288         text-align : center;
1289         padding : 5px;
1290         color : gray;
1291 }
1292
1293 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1294         margin-right : 5px;
1295 }
1296
1297 div#pref-tabs .dijitContentPane {
1298         font-size : 12px;
1299 }
1300
1301 div#pref-tabs {
1302         margin : 0px 5px 0px 5px;
1303 }
1304
1305 div#pref-tabs .dijitContentPane h3 {
1306         font-size : 14px;
1307         font-weight : bold;
1308 }
1309
1310 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1311 #pref-label-wrap, #pref-label-header, #pref-label-content,
1312 #pref-user-wrap, #pref-user-header, #pref-user-content,
1313 #pref-instance-wrap, #pref-instance-header, #pref-instance-content {
1314         margin : 0px;
1315         padding : 0px;
1316         border-width : 0px;
1317 }
1318
1319 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
1320         padding : 0px;
1321 }
1322
1323 #errorButton {
1324         color : red;
1325 }
1326
1327 span.labelFixedLength {
1328         display : inline-block;
1329         width : 70%;
1330 }
1331
1332 #filter_dlg_date_chk_box {
1333         display : inline-block;
1334 }
1335
1336 .dijitDialog .dijitToolbar {
1337         border : 1px solid #c0c0c0;
1338 }
1339
1340 a.bookmarklet {
1341         color : #4684ff;
1342         border : 1px solid #ecf4ff;
1343         padding : 2px;
1344 }
1345
1346 #newVersionIcon {
1347         margin-left : 5px;
1348         vertical-align : middle;
1349         position : relative;
1350         top : -1px;
1351 }
1352
1353 .player {
1354         display : inline-block;
1355         color : gray;
1356         font-size : 11px;
1357         font-family : sans-serif;
1358         border : 1px solid gray;
1359         padding : 0px 4px 0px 4px;
1360         margin : 0px 2px 0px 2px;
1361         width : 50px;
1362         text-align : center;
1363         background : white;
1364 }
1365 .player.playing {
1366         color : #00c000;
1367         border-color : #00c000;
1368 }
1369
1370 .player:hover {
1371         background : #f0f0f0;
1372         cursor : pointer;
1373 }
1374
1375 #headlines-spacer {
1376         height : 100%;
1377         margin-left : 1px;
1378         text-align : center;
1379         padding : 1em;
1380         color : gray;
1381 }
1382
1383 td.error {
1384         color : red;
1385 }
1386
1387 div.dialogNotice {
1388         margin-bottom : 5px;
1389         color : gray;
1390 }
1391
1392 ul#filterDlg_Matches, ul#filterDlg_Actions {
1393         max-height : 100px;
1394         overflow : auto;
1395         list-style-type : none;
1396         border-style : solid;
1397         border-color : #c0c0c0;
1398         border-width : 0px 1px 1px 1px;
1399         background-color : #ecf4ff;
1400         margin : 0px 0px 5px 0px;
1401         padding : 0px;
1402 }
1403
1404 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1405         cursor : pointer;
1406         padding : 0px 0px 0px 5px;
1407 }
1408
1409 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1410         margin-right : 5px;
1411 }