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