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