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