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