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