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