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