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