tt-rss.css

   1 body#ttrssMain, body#ttrssPrefs, body#ttrssLogin {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : "Lucida Grande", Arial, 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.postContent {
  45         padding : 10px;
  46         font-size : 12px;
  47 }
  48
  49 div.postReply div.postContent img {
  50         border-width : 0px;
  51         max-width : 98%;
  52 }
  53
  54 div.postReply div.postIcon {
  55         float : right;
  56         border : 0px;
  57         margin : 5px;
  58 }
  59
  60 div.postReply div.postIcon img {
  61         max-width : 120px;
  62         display : inline;
  63 }
  64
  65 div.postReply div.postEnclosures {
  66         margin-top : 1em;
  67         color : gray;
  68 }
  69
  70 div.postReply img.tagsPic {
  71         width : 16px;
  72         height : 16px;
  73         margin-left : 4px;
  74         vertical-align : middle;
  75 }
  76
  77 div.articleNote div.articleNoteOps {
  78         text-align : center;
  79         color : #9a8c59;
  80         font-style : italic;
  81         margin-top : 5px;
  82 }
  83
  84 div.articleNote div.articleNoteOps a {
  85         color : #9a8c59;
  86 }
  87
  88 div.articleNote div.articleNoteOps a:hover {
  89         color : black;
  90 }
  91
  92 div.articleNote {
  93         background-color : #fff7d5;
  94         border-width : 1px;
  95         padding : 5px;
  96         border-style : dashed;
  97         border-color : #e7d796;
  98         font-size : 8px;
  99         margin-bottom : 5px;
 100         margin-top : 5px;
 101         margin-left : 5px;
 102         float : right;
 103         color : #9a8c59;
 104         max-width : 150px;
 105         text-align : justify;
 106 }
 107
 108 div.postReply span.author {
 109         font-size : 12px;
 110 }
 111
 112 h1 {
 113         font-size : 18px;
 114 }
 115
 116 h2 {
 117         font-size : 16px;
 118         font-weight : bold;
 119         border-width : 0px 0px 1px 0px;
 120         border-style : solid;
 121         border-color : #ecf4ff;
 122 }
 123
 124 h3 {
 125         font-size : 12px;
 126         font-weight : bold;
 127         border-width : 0px 0px 1px 0px;
 128         border-style : solid;
 129         border-color : #ecf4ff;
 130 }
 131
 132 hr {
 133         border-width : 0px 0px 1px 0px;
 134         border-style : dashed;
 135         border-color : #e0e0e0;
 136 }
 137
 138 a {
 139         color : black;
 140         text-decoration : none;
 141 }
 142
 143 a:hover {
 144         color : #4684ff;
 145 }
 146
 147 #piggie {
 148         z-index : 999;
 149         position : absolute;
 150 }
 151
 152 textarea.iedit {
 153         width : 100%;
 154 }
 155
 156 input.iedit {
 157         width : 100%;
 158         padding-left : 2px;
 159 }
 160
 161 select.iedit {
 162         width : 100%;
 163 }
 164
 165 input.editbox {
 166         width : 200px;
 167         padding-left : 2px;
 168 }
 169
 170 #notify {
 171         border-width : 0px 1px 1px 1px;
 172         border-style : solid;
 173         top : 0px;
 174         right : 35%;
 175         min-width : 30%;
 176         position : absolute;
 177         display : none;
 178         float : right;
 179         font-size : 12px;
 180         z-index : 99;
 181         padding : 5px 5px 5px 5px;
 182 }
 183
 184 #notify img {
 185         vertical-align : middle;
 186 }
 187
 188 .notifyProgress {
 189         border-color : #d7c47a;
 190         background-color : #fff7d5;
 191         color : black;
 192 }
 193
 194 .notifyInfo {
 195         border-color : #7AD78E;
 196         background-color : #D5FFDB;
 197         color : black;
 198 }
 199
 200 .notify {
 201         border-color : #d7c47a;
 202         background-color : #fff7d5;
 203         color : black;
 204 }
 205
 206 .notifyError {
 207         background-color : #ffcccc;
 208         border-color : #ff0000;
 209         color : black;
 210 }
 211
 212 .notifyError span:hover {
 213         color : red;
 214         cursor : pointer;
 215 }
 216
 217 .blankborder, .blankborder td {
 218         border-style : solid;
 219         border-color : transparent;
 220         border-width : 0px 0px 1px 0px;
 221 }
 222
 223 .Selected, .Selected td {
 224         background-color : #fff7d5;
 225 }
 226
 227 .even.Unread.Selected, .even.Unread.Selected td {
 228         background-color : #fff7d5;
 229         font-weight : bold;
 230         border-width : 0px 0px 1px 0px;
 231         border-style : solid;
 232         border-color : #e7d796;
 233 }
 234
 235 .odd.Unread.Selected, .odd.Unread.Selected td {
 236         background-color : #fff7d5;
 237         font-weight : bold;
 238         border-width : 0px 0px 1px 0px;
 239         border-style : solid;
 240         border-color : #e7d796;
 241 }
 242
 243 .even.Selected, .even.Selected td {
 244         background-color : #fff7d5;
 245         border-width : 0px 0px 1px 0px;
 246         border-style : solid;
 247         border-color : #e7d796;
 248         border-collapse : collapse;
 249 }
 250
 251 .odd.Selected, .odd.Selected td {
 252         background-color : #fff7d5;
 253         border-width : 0px 0px 1px 0px;
 254         border-style : solid;
 255         border-color : #e7d796;
 256         border-collapse : collapse;
 257 }
 258
 259 .even.Grayed, .even.Grayed td {
 260         background-color : #f0f0f0;
 261         color : #909090;
 262         border-width : 0px 0px 1px 0px;
 263         border-style : solid;
 264         border-color : #c0c0c0;
 265         border-collapse : collapse;
 266 }
 267
 268 .odd.Grayed {
 269         color : #909090;
 270 }
 271
 272 .even, .even td {
 273         border-width : 0px 0px 1px 0px;
 274         border-style : solid;
 275         border-color : #c0c0c0;
 276         background-color : #f0f0f0;
 277         border-collapse : collapse;
 278 }
 279
 280 .odd, .odd td {
 281         border-width : 0px 0px 1px 0px;
 282         border-style : solid;
 283         border-color : #c0c0c0;
 284         border-collapse : collapse;
 285 }
 286
 287 .even.Unread, .even.Unread td {
 288         background-color : #f0f0f0;
 289         font-weight : bold;
 290         border-width : 0px 0px 1px 0px;
 291         border-style : solid;
 292         border-color : #c0c0c0;
 293         border-collapse : collapse;
 294 }
 295
 296 .odd.Unread, .odd.Unread td {
 297         font-weight : bold;
 298         border-width : 0px 0px 1px 0px;
 299         border-style : solid;
 300         border-color : #c0c0c0;
 301 }
 302
 303 .invisible {
 304         display : none;
 305 }
 306
 307 /* preferences */
 308
 309 /* table.prefPrefsList tr:hover td.prefValue {
 310         color : #88b0f0;
 311 }
 312
 313 table.prefPrefsList tr:hover td.prefValue input {
 314         color : #88b0f0;
 315 } */
 316
 317 table.prefPrefsList h3 {
 318         margin-top : 0px;
 319 }
 320
 321 tr.title td {
 322         border-width : 0px 0px 1px 0px;
 323         border-color : #ecf4ff;
 324         border-style : solid;
 325         color : #4684ff;
 326 }
 327
 328 tr.title td a {
 329         color : #4684ff;
 330 }
 331
 332 tr.title td a:hover {
 333         color : black;
 334 }
 335
 336 table.prefFeedList td.feedEditCat {
 337         font-weight : bold;
 338         border-width : 0px 0px 1px 0px;
 339         border-style : solid;
 340         border-color : #88b0f0;
 341         padding-top : 0.5em;
 342 }
 343
 344 table.prefFilterList td.filterEditCat {
 345         font-weight : bold;
 346         border-width : 0px 0px 1px 0px;
 347         border-style : solid;
 348         border-color : #88b0f0;
 349         padding-top : 0.5em;
 350 }
 351
 352 /* oh for the love of... */
 353
 354 table.prefFilterList tr.even,
 355 table.prefFilterList tr.odd,
 356 table.prefFilterList tr.evenSelected,
 357 table.prefFilterList tr.oddSelected,
 358 table.prefLabelList tr.even,
 359 table.prefLabelList tr.odd,
 360 table.prefLabelList tr.evenSelected,
 361 table.prefLabelList tr.oddSelected,
 362 table.prefUserList tr.even,
 363 table.prefUserList tr.odd,
 364 table.prefUserList tr.evenSelected,
 365 table.prefUserList tr.oddSelected,
 366 table.prefFeedList tr.even,
 367 table.prefFeedList tr.odd,
 368 table.prefFeedList tr.evenSelected,
 369 table.prefFeedList tr.oddSelected
 370 {
 371         cursor : pointer;
 372 }
 373
 374 table.prefFilterList tr.even:hover td,
 375 table.prefFilterList tr.odd:hover td,
 376 table.prefFilterList tr.evenSelected:hover td,
 377 table.prefFilterList tr.oddSelected:hover td
 378 table.prefLabelList tr.even:hover td,
 379 table.prefLabelList tr.odd:hover td,
 380 table.prefLabelList tr.evenSelected:hover td,
 381 table.prefLabelList tr.oddSelected:hover td,
 382 table.prefUserList tr.even:hover td,
 383 table.prefUserList tr.odd:hover td,
 384 table.prefUserList tr.evenSelected:hover td,
 385 table.prefUserList tr.oddSelected:hover td,
 386 table.prefFeedList tr.even:hover td,
 387 table.prefFeedList tr.odd:hover td,
 388 table.prefFeedList tr.evenSelected:hover td,
 389 table.prefFeedList tr.oddSelected:hover td
 390 {
 391         color : #88b0f0;
 392 }
 393
 394 table.prefFeedList td.feedIcon {
 395         text-align : center;
 396 }
 397
 398 table.prefFeedList td.feedSelect {
 399         text-align : center;
 400 }
 401
 402 div.prefFeedCatHolder, div.prefFeedOPMLHolder {
 403         height : 300px;
 404         overflow : auto;
 405         border-width : 0px 1px 1px 1px;
 406         border-color : #c0c0c0;
 407         border-style : solid;
 408         margin : 0px 0px 5px 0px;
 409         background-color : #ecf4ff;
 410 }
 411
 412 div.prefFeedOPMLHolder {
 413         border-width : 1px 1px 1px 1px;
 414 }
 415
 416 a.helpLink {
 417         color : #808080;
 418 }
 419
 420 a.helpLink:hover {
 421         color : #4684ff;
 422 }
 423
 424 #content-insert pre, #headlines-frame pre {
 425         margin : 0px 0px 0px 1em;
 426         padding : 0px;
 427         font-family : monospace;
 428         font-size : 12px;
 429         background : transparent;
 430         border-width : 0px;
 431 }
 432
 433 #content-insert blockquote, #headlines-frame blockquote {
 434         margin : 0px 0px 0px 1em;
 435         border-width : 0px 0px 0px 2px;
 436         border-color : #c0c0c0;
 437         border-style : solid;
 438         font-style : italic;
 439         padding : 0px 0px 0px 1em;
 440         font-size : 12px;
 441         color : gray;
 442 }
 443
 444 #content-insert code, #headlines-frame code {
 445         background : transparent;
 446         border : 0px solid transparent;
 447         margin : 0px;
 448         font-family : monospace;
 449         padding : 0px;
 450         font-size : 12px;
 451 }
 452
 453 /*
 454 div.firstTab {
 455         width : 10px;
 456         float : left;
 457 }
 458
 459 div.prefsTab:hover {
 460         cursor : pointer;
 461 }
 462
 463 div.prefsTab.Selected:hover {
 464         cursor : pointer;
 465 }
 466
 467 div.prefsTab {
 468         float : left;
 469         border-width : 1px 1px 0px 1px;
 470         border-color : #C4D1E4;
 471         border-style : solid;
 472         margin : 0px 0px 0px 5px;
 473         padding : 3px 5px 3px 5px;
 474         font-size : 12px;
 475         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 476         border-collapse : collapse;
 477         min-width : 100px;
 478         text-align : center;
 479         cursor : pointer;
 480         position : relative;
 481         bottom : -1px;
 482         height : 30px;
 483 }
 484
 485 div.prefsTab.Selected {
 486         float : left;
 487         border-width : 1px 1px 0px 1px;
 488         border-color : #88b0f0;
 489         border-style : solid;
 490         margin : 0px 0px 0px 5px;
 491         padding : 3px 5px 3px 5px;
 492         background-color : #ecf4ff;
 493         font-size : 12px;
 494         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 495         border-collapse : collapse;
 496         font-weight : bold;
 497         min-width : 100px;
 498         text-align : center;
 499         cursor : pointer;
 500         position : relative;
 501         bottom : -1px;
 502         z-index : 3;
 503         height : 30px;
 504 } */
 505
 506 div.notice {
 507         background : #ffffff;
 508         border : 1px solid #88b0f0;
 509         width : 60%;
 510         padding : 5px;
 511         margin : 0px 0px 5px 0px;
 512         font-size : 12px;
 513 }
 514
 515 div.warning {
 516         background : #fff7d5;
 517         border : 1px solid #d7c47a;
 518         font-size : 12px;
 519         width : 60%;
 520         padding : 5px;
 521         margin : 0px 0px 5px 0px;
 522 }
 523
 524 div.warning img, div.notice img, div.error img {
 525         vertical-align : middle;
 526         padding : 5px;
 527 }
 528
 529 span.filterDateError {
 530         color : #ff0000;
 531 }
 532
 533 div.error {
 534         border : 1px solid #ff0000;
 535         background : #ffcccc;
 536         padding : 5px;
 537         margin : 0px 0px 5px 0px;
 538         font-size : 12px;
 539 }
 540
 541 ul.nomarks {
 542         list-style-type : none;
 543         margin : 0px;
 544         padding : 10px;
 545 }
 546
 547 div.prefHelp, td.prefHelp {
 548         color : gray;
 549         padding : 5px;
 550 }
 551
 552 table.loginForm {
 553         background-color : #ecf4ff;
 554 }
 555
 556 span.feed_error {
 557         color : red;
 558 }
 559
 560 .insensitive {
 561         color : gray;
 562 }
 563
 564 .insensitive a {
 565         color : #4684ff;
 566 }
 567
 568 .insensitive a:hover {
 569         color : black;
 570 }
 571
 572 .small {
 573         font-size : 11px;
 574 }
 575
 576 table.innerFeedTable td {
 577         margin : 0px;
 578         padding : 0px;
 579 }
 580
 581 td.selectPrompt {
 582         font-size : 12px;
 583         color : gray;
 584 }
 585
 586 div#headlines-toolbar {
 587         border-width : 1px 0px 1px 0px;
 588         background-color : #ecf4ff;
 589         border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
 590         font-size : 11px;
 591         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 592         color : gray;
 593         padding : 0px;
 594         margin : 0px;
 595         overflow : hidden;
 596         height : 23px;
 597 }
 598
 599 div#headlines-toolbar .dijitSelect {
 600         font-size : 11px;
 601 }
 602
 603 div#headlines-toolbar div#subtoolbar_main {
 604         display : table-cell;
 605         width : 100%;
 606         white-space : nowrap;
 607         vertical-align : middle;
 608         padding-left : 5px;
 609 }
 610
 611 div#headlines-toolbar div#subtoolbar_ftitle {
 612         display : table-cell;
 613         text-align : right;
 614         vertical-align : middle;
 615         white-space : nowrap;
 616         padding-right : 5px;
 617 }
 618
 619 span.contentPreview {
 620         color : gray;
 621         font-weight : normal;
 622 }
 623
 624 span.contentPreview:hover {
 625         color : #4684ff;
 626 }
 627
 628 span.hlLabelRef {
 629         background-color : #fff7d5;
 630         font-height : 8px;
 631         color : #063064;
 632         font-weight : normal;
 633         margin : 0px 3px 0px 3px;
 634         padding : 0px 4px 0px 4px;
 635         white-space: nowrap;
 636 }
 637
 638 td.hlSelectRow, td.hlUpdPic {
 639         width : 25px;
 640         text-align : center;
 641 }
 642
 643 div.postHeader div.postDate {
 644         text-align : right;
 645         color : gray;
 646         float : right;
 647 }
 648
 649 div.postHeader div.postDateRTL {
 650         text-align : left;
 651         color : gray;
 652         float : right;
 653 }
 654
 655 div.postHeader div {
 656         padding-bottom : 3px;
 657         font-size : 12px;
 658         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 659 }
 660
 661 #feedUpdateErrors {
 662         display : none;
 663 }
 664
 665 #allEntryTags {
 666         font-size : 12px;
 667         border-width : 0px 0px 1px 0px;
 668         border-style : solid;
 669         border-color : #c0c0c0;
 670         padding-bottom : 5px;
 671         display : none;
 672 }
 673
 674 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 675         height : 1em;
 676 }
 677
 678 td.hlFeed {
 679         text-align : right;
 680 }
 681
 682 span.hlFeed, span.hlFeed a {
 683         font-size : 12px;
 684         color : gray;
 685 }
 686
 687 span.hlFeed a:hover {
 688         color : #4684ff;
 689 }
 690
 691 img.markedPic {
 692         cursor : pointer;
 693 }
 694
 695 a.warning {
 696         color : #f04040;
 697 }
 698
 699 img.closeButton {
 700         border-width : 0px;
 701         float : right;
 702 }
 703
 704 span.groupPrompt {
 705         font-size : 12px;
 706         color : #4684ff;
 707 }
 708
 709 div.tagCloudContainer {
 710         border : 1px solid #c0c0c0;
 711         background-color : #ecf4ff;
 712         margin : 5px 0px 5px 0px;
 713         padding : 5px;
 714         text-align : center;
 715 }
 716
 717 div.errorExplained {
 718         border : 1px solid #c0c0c0;
 719         background-color : #ecf4ff;
 720         margin : 5px 0px 5px 0px;
 721         padding : 5px;
 722 }
 723
 724 ul.feedErrorsList {
 725         max-height : 300px;
 726         overflow : auto;
 727         list-style-type : none;
 728         border : 1px solid #c0c0c0;
 729         background-color : #ecf4ff;
 730         margin : 0px 0px 5px 0px;
 731         padding : 5px;
 732 }
 733
 734 ul.feedErrorsList em {
 735         color : gray;
 736 }
 737
 738 ul.userFeedList {
 739         height : 300px;
 740         overflow : auto;
 741         list-style-type : none;
 742         border : 1px solid gray;
 743         background-color : white;
 744         margin : 0px 0px 5px 0px;
 745         padding : 0px;
 746 }
 747
 748 ul.browseFeedList {
 749         height : 300px;
 750         overflow : auto;
 751         border-width : 0px 1px 1px 1px;
 752         border-color : #c0c0c0;
 753         border-style : solid;
 754         margin : 0px 0px 5px 0px;
 755         background-color : white;
 756         list-style-type : none;
 757         padding : 0px;
 758
 759 }
 760
 761 ul.browseFeedList li {
 762         margin : 0px;
 763         padding : 2px 4px 2px 4px;
 764 }
 765
 766 span.subscribers {
 767         color : #808080;
 768 }
 769
 770 div.subscribers {
 771         color : #808080;
 772         font-size : 12px;
 773         float : right;
 774 }
 775
 776 div.browserDetails {
 777         margin : 5px 5px 5px 5px;
 778         padding : 5px;
 779 }
 780
 781 ul.compact {
 782         list-style-type : none;
 783         margin : 0px;
 784         padding : 0px;
 785 }
 786
 787 ul.compact li {
 788         margin : 0px;
 789         padding : 0px;
 790 }
 791
 792 div.browserFeedInfo {
 793         font-size : 12px;
 794 /*      border : 1px solid #88b0f0;
 795         background-color : #ecf4ff;
 796         -moz-border-radius : 5px; */
 797         padding : 5px;
 798 }
 799
 800 div.browserFeedInfo div.detailsPart {
 801         margin : 5px 0px 5px 5px;
 802 }
 803
 804 .noborder {
 805         border-width : 0px;
 806 }
 807
 808 #dialog_overlay {
 809         left : 0;
 810         top : 0;
 811         height : 100%;
 812         width : 100%;
 813         z-index : 4;
 814         position : absolute;
 815         background-image : url("images/shadow_white.png");
 816 }
 817
 818 #overlay {
 819         background : white;
 820         left : 0;
 821         top : 0;
 822         height : 100%;
 823         width : 100%;
 824         z-index : 100;
 825         position : absolute;
 826 }
 827
 828 #overlay_inner {
 829         font-weight : bold;
 830         margin : 1em;
 831 }
 832
 833 #noDaemonWarning {
 834         position : absolute;
 835         background-color : #ecf4ff;
 836         border : 1px solid #88b0f0;
 837         padding : 10px;
 838         margin : 5px;
 839         z-index : 2;
 840         display : none;
 841 }
 842
 843 #qafInput {
 844         width : 100%;
 845 }
 846
 847 form {
 848         margin : 0px;
 849         padding : 0px;
 850 }
 851
 852 #main_toolbar_form {
 853         margin : 0px;
 854         padding : 0px;
 855         display : table-cell;
 856         white-space : nowrap;
 857         width : 100%;
 858 }
 859
 860 div.feedExtInfo {
 861         margin-left : 2em;
 862         font-size : 7pt;
 863         color : gray;
 864         font-weight : normal;
 865 }
 866
 867 span.debugTS {
 868         color : #4684ff;
 869 }
 870
 871 #backReqBox {
 872         display : none;
 873 }
 874
 875 /*.scriptWarn:before {
 876         content : "Disabled script:";
 877 }*/
 878
 879 .scriptWarn {
 880         color : white;
 881         background-color : #903030;
 882         border : 1px solid #601010;
 883         padding : 3px;
 884         font-weight : bold;
 885         display : none;
 886 }
 887
 888 .objectWarn {
 889         color : gray;
 890         font-style: italic;
 891         text-align : center;
 892 }
 893
 894 table.loginForm2 {
 895         padding : 1em;
 896 }
 897
 898 table.loginForm2 .loginTop {
 899         border-width : 0px 0px 1px 0px;
 900         border-color : #88b0f0;
 901         border-style : solid;
 902         padding : 0.5em;
 903 }
 904
 905 table.loginForm2 .loginMiddle {
 906         padding : 3em;
 907 }
 908
 909 table.loginForm2 .loginBottom {
 910         border-width : 1px 0px 0px 0px;
 911         border-color : #88b0f0;
 912         border-style : solid;
 913         font-size : 12px;
 914         text-align : center;
 915         color : #909090;
 916         padding : 0.5em;
 917 }
 918
 919 table.loginForm2 .loginBottom a {
 920         color : gray;
 921 }
 922
 923 table.loginForm2 .loginBottom a:hover {
 924         color : #4684ff;
 925 }
 926
 927 table.loginForm2 .loginError {
 928         color : red;
 929         margin : 0.5em;
 930 }
 931
 932 table.loginForm2 .innerLoginCell {
 933         padding-top : 0.5em;
 934 }
 935
 936 #milestoneDetails {
 937         display : none;
 938 }
 939
 940 div.loadingPrompt {
 941         padding : 1em;
 942         text-align : center;
 943         font-weight : bold;
 944 }
 945
 946 div.whiteBox {
 947         margin-left : 1px;
 948         text-align : center;
 949         padding : 1em;
 950 }
 951
 952 html, body#ttrssMain, #main {
 953         width: 100%;
 954         height: 100%;
 955         border: 0;
 956         padding: 0;
 957         margin: 0;
 958 }
 959
 960 html, body#ttrssPrefs, #main {
 961         width: 100%;
 962         height: 100%;
 963         border: 0;
 964         padding: 0;
 965         margin: 0;
 966 }
 967
 968 #toolbar div.actionChooser {
 969         display : table-cell;
 970         text-align : right;
 971         padding-right : 3px;
 972 }
 973
 974 /* preferences layout */
 975
 976 /* #prefFooter {
 977         position : absolute;
 978         bottom : 0px;
 979         height : 20px;
 980         text-align : center;
 981         color : gray;
 982         font-size : 12px;
 983         background-image : url("images/footer.png");
 984         background-position : top left;
 985         background-repeat : repeat-x;
 986         background-color : white;
 987         right : 0px;
 988         left : 261px;
 989         padding : 10px;
 990         border-collapse : collapse;
 991         border-width : 1px 0px 0px 0px;
 992         border-style : solid;
 993         border-color : #88b0f0;
 994
 995 }
 996
 997 #prefFooter {
 998         left : 0px;
 999 }
1000
1001 #footer a, #prefFooter a {
1002         color : gray;
1003 }
1004
1005 #footer a:hover, #prefFooter a:hover {
1006         color : black;
1007 }
1008
1009 #prefHeader {
1010         color : #4684ff;
1011         font-size : 12px;
1012         margin : 10px;
1013         height : 33px;
1014 } */
1015
1016 div.return {
1017         float : right;
1018         font-size : 12px;
1019         margin-right : 10px;
1020 }
1021
1022 div.return a {
1023         color : #4684ff;
1024 }
1025
1026 div.return a:hover {
1027         color : black;
1028 }
1029
1030 /* #prefContentOuter {
1031         clear : left;
1032         position : absolute;
1033         bottom : 41px;
1034         top : 75px;
1035         left : 0px;
1036         right : 0px;
1037         min-height : 300px;
1038         border-width : 1px 0px 0px 0px;
1039         border-color : #88b0f0;
1040         border-style : solid;
1041         font-size : 12px;
1042 }
1043
1044 #prefContent {
1045         z-index : 4;
1046         background-image : url("images/prefs-content.png");
1047         background-position : top left;
1048         background-repeat : repeat-x;
1049         position : absolute;
1050         bottom : 0px;
1051         top : 0px;
1052         left : 0px;
1053         right : 0px;
1054         padding : 1em;
1055         overflow : auto;
1056 } */
1057
1058 div.topLinks img {
1059         vertical-align : middle;
1060         cursor : pointer;
1061 }
1062
1063 a.helpLinkPic img {
1064         border-width : 0px;
1065         vertical-align : middle;
1066 }
1067
1068 table.prefFeedCatList {
1069
1070 }
1071
1072 div.autocomplete {
1073         position : absolute;
1074         width : 250px;
1075         background-color : white;
1076         border :1px solid #778899;
1077         margin : 0px;
1078         padding : 0px;
1079 }
1080
1081 div.autocomplete ul {
1082         list-style-type : none;
1083         margin : 0px;
1084         padding : 0px;
1085 }
1086
1087 div.autocomplete ul li.selected {
1088         background-color : #fff7d5;
1089 }
1090
1091 div.autocomplete ul li {
1092         list-style-type : none;
1093         display : block;
1094         margin : 0;
1095         padding : 2px;
1096         height : 32px;
1097         cursor : pointer;
1098 }
1099
1100 #feedOpToolbar {
1101         float : right;
1102 }
1103
1104 div.topLinks {
1105         float : right;
1106         color : gray;
1107         font-size : 12px;
1108         line-height : 120%;
1109 }
1110
1111 div.topLinks a {
1112         color : #4684ff;
1113 }
1114
1115 div.topLinks a:hover {
1116         color : black;
1117 }
1118
1119 div.topLinks a.feedback {
1120         color : #009900;
1121 }
1122
1123 a.visibleLink {
1124         color : #4684ff;
1125 }
1126
1127 a.visibleLinkB {
1128         color : #4684ff;
1129         border : 1px solid #4684ff;
1130         padding : 2px;
1131 }
1132
1133 a.visibleLinkB:hover {
1134         background-color : #ecf4ff;
1135 }
1136
1137 .hlContentH a, .hlContentH span {
1138         color : #00cc00;
1139 }
1140
1141 .hlContentL a, .hlContentL span {
1142         color : #909090;
1143         text-decoration : line-through;
1144 }
1145
1146 span.titleWrapH, span.titleWrapH a {
1147         color : #00cc00;
1148 }
1149
1150 span.titleWrapL, span.titleWrapL a {
1151         color : #909090;
1152         text-decoration : line-through;
1153 }
1154
1155 img.hlScorePic {
1156         vertical-align : middle;
1157         width : 16px;
1158         height : 16px;
1159 }
1160
1161 div#hotkey_help_overlay {
1162         position : absolute;
1163         left : 30px;
1164         right : 30px;
1165         top : 30px;
1166         z-index : 999;
1167         color : white;
1168         font-size : 15px;
1169 }
1170
1171 div#hotkey_help_overlay h1 {
1172         text-align : center;
1173 }
1174
1175 div#hotkey_help_overlay ul {
1176         list-style-type : none;
1177         margin : 0px;
1178 }
1179
1180 div#hotkey_help_overlay a {
1181         color : #88b0f0;
1182 }
1183
1184 div#hotkey_help_overlay a:hover {
1185         color : white;
1186 }
1187
1188 div#hotkey_help_overlay li {
1189         margin : 0px;
1190 }
1191
1192 div#hotkey_help_overlay p {
1193         text-align : center;
1194 }
1195
1196 div#hotkey_help_overlay td.n {
1197         text-align : right;
1198         font-weight : bold;
1199         width : 6em;
1200         color : #a0ffa0;
1201         padding-right : 5px;
1202 }
1203
1204 div#hotkey_help_overlay td {
1205         vertical-align : top;
1206 }
1207
1208 div#hotkey_help_overlay h1 {
1209         margin : 0px;
1210 }
1211
1212 div#hotkey_help_overlay h2 {
1213         font-size : 16px;
1214         border-width : 0px;
1215         margin : 0.3em 0px 0.3em 0px;
1216         text-align : center;
1217         color : #88b0f0;
1218 }
1219
1220 div#hotkey_help_overlay table.hho td.c1 {
1221         height : 30px;
1222         width : 30px;
1223         background : url("images/c1.png");
1224         background-repeat : no-repeat;
1225
1226 }
1227
1228 div#hotkey_help_overlay table.hho td.c2 {
1229         height : 30px;
1230         width : 30px;
1231         background : url("images/c2.png");
1232         background-repeat : no-repeat;
1233 }
1234
1235 div#hotkey_help_overlay table.hho td.c3 {
1236         height : 30px;
1237         width : 30px;
1238         background : url("images/c3.png");
1239         background-repeat : no-repeat;
1240 }
1241
1242 div#hotkey_help_overlay table.hho td.c4 {
1243         height : 30px;
1244         width : 30px;
1245         background : url("images/c4.png");
1246         background-repeat : no-repeat;
1247 }
1248
1249 div#hotkey_help_overlay table.hho td.top,
1250 div#hotkey_help_overlay table.hho td.left,
1251 div#hotkey_help_overlay table.hho td.right,
1252 div#hotkey_help_overlay table.hho td.bottom,
1253 div#hotkey_help_overlay table.hho td.content {
1254         background : url("images/shadow_dark.png");
1255 }
1256
1257 div#hotkey_help_overlay table.hho td.top,
1258 div#hotkey_help_overlay table.hho td.bottom {
1259         text-align : center;
1260         font-size : 11px;
1261 }
1262
1263 div#l_progress_o {
1264         width : 200px;
1265         border : 1px solid black;
1266         background-color : white;
1267         margin-top : 10px;
1268 }
1269
1270 div#l_progress_i {
1271         width : 10px;
1272         background-color : #88b0f0;
1273         height : 10px;
1274 }
1275
1276 div.dlgSec {
1277         font-size : 12px;
1278         color : gray;
1279         font-weight : bold;
1280         clear : both;
1281         height : 20px;
1282 }
1283
1284 div.dlgSecCont {
1285         position : relative;
1286         left : 150px;
1287         top : -20px;
1288         float : left;
1289         font-size : 12px;
1290         font-weight : normal;
1291 }
1292
1293 div.dlgSecCont hr {
1294         height : 0px;
1295         line-height : 0px;
1296         border : 0px solid transparent;
1297         margin : 2px;
1298 }
1299
1300 div.dlgSecCont > * {
1301         position : relative;
1302         top : -2px;
1303 }
1304
1305 div.dlgButtons {
1306         text-align : right;
1307         clear : both;
1308 }
1309
1310 span.prefsLabelEntry {
1311         padding : 2px;
1312 }
1313
1314 span.labelColorIndicator {
1315         height : 14px;
1316         width : 14px;
1317         line-height : 14px;
1318         font-height : 9px;
1319         display : inline-block;
1320         border : 1px solid black;
1321         background-color : #fff7d5;
1322         color : #063064;
1323         text-align : center;
1324         margin-right : 2px;
1325 }
1326
1327 span.labelColorIndicator2 {
1328         height : 14px;
1329         width : 14px;
1330         font-height : 9px;
1331         display : inline-block;
1332         border : 1px solid black;
1333         background-color : #fff7d5;
1334         color : #063064;
1335         text-align : center;
1336         margin-right : 2px;
1337         vertical-align : bottom;
1338 }
1339
1340
1341 div.labelColorIndicator {
1342         height : 14px;
1343         width : 14px;
1344         line-height : 14px;
1345         font-height : 9px;
1346         text-align : center;
1347         border : 1px solid black;
1348         float : left;
1349         background-color : #fff7d5;
1350         color : #063064;
1351         margin-right : 10px;
1352 }
1353
1354 div.colorPicker div.colorPickerEntry:hover {
1355         border : 1px solid #88b0f0;
1356 }
1357
1358 div.colorPicker div.ccPrompt:hover {
1359         color : black;
1360 }
1361
1362 div.colorPicker div.colorPickerEntry {
1363         height : 15px;
1364         width : 15px;
1365         line-height : 13px;
1366         font-height : 9px;
1367         text-align : center;
1368         border : 1px solid black;
1369         margin : 5px 5px 0px 0px;
1370         float : left;
1371 }
1372
1373 div.colorPicker {
1374         border : 1px solid #cccccc;
1375         background : #f0f0f0;
1376         width : 110px;
1377         padding : 0px 0px 5px 5px;
1378         position : absolute;
1379         left : auto;
1380         top : auto;
1381         z-index : 3;
1382         color : #909090;
1383 }
1384
1385 optgroup {
1386         color : #4684ff;
1387         font-style : normal;
1388 }
1389
1390 option {
1391         color : black;
1392 }
1393
1394 div#cmdline {
1395         position : absolute;
1396         left : 5px;
1397         bottom : 5px;
1398         font-size : 11px;
1399         color : gray;
1400         font-weight : bold;
1401         background-color : white;
1402         border : 1px solid #88b0f0;
1403         padding : 3px 5px 3px 5px;
1404         z-index : 5;
1405 }
1406
1407 #feed_browser_spinner {
1408         vertical-align : middle;
1409         height : 18px;
1410         width : 18px;
1411 }
1412
1413 div#auxDlg {
1414         position : absolute;
1415         z-index : 3;
1416         bottom : 5px;
1417         right : 25px;
1418         padding : 5px;
1419         border-width : 1px;
1420         border-style : solid;
1421         border-color : #d7c47a;
1422         background-color : #fff7d5;
1423         color : black;
1424         text-align : center;
1425         font-size : 13px;
1426 }
1427
1428 div#auxDlg a {
1429         color : #4684ff;
1430 }
1431
1432 div.hlTitle {
1433         display : table-cell;
1434         cursor : pointer;
1435         width : 100%;
1436         vertical-align : middle;
1437         padding-top : 4px;
1438         padding-bottom : 4px;
1439 }
1440
1441 div.hlLeft {
1442         display : table-cell;
1443         vertical-align : middle;
1444         white-space: nowrap;
1445 }
1446
1447 div.hlRight {
1448         display : table-cell;
1449         white-space: nowrap;
1450         text-align : right;
1451         vertical-align : middle;
1452 }
1453
1454 div.hlRight img {
1455         max-width : 16px;
1456         max-height : 16px;
1457 }
1458
1459 span.hlUpdated {
1460         color : gray;
1461         font-weight : medium;
1462         width : 100px;
1463         display : inline-block;
1464 }
1465
1466 div.hlLeft input {
1467         margin-left : 4px;
1468         margin-right : 4px;
1469 }
1470
1471 div.hlLeft img, div.hlRight img {
1472         margin : 0px 4px 0px 4px;
1473
1474 }
1475
1476 div.hlUpdPic {
1477         display : table-cell;
1478         padding-right : 4px;
1479         padding-left : 4px;
1480         text-align : center;
1481         vertical-align : middle;
1482 }
1483
1484 div.hlUpdPic img {
1485         max-width : 16px;
1486 }
1487
1488
1489 div.fatalError button {
1490         margin-top : 5px;
1491 }
1492
1493 div.fatalError textarea {
1494         width : 100%;
1495         height : 100px;
1496 }
1497
1498 #main {
1499         border-width : 0px;
1500         margin : 0px;
1501         padding : 0px;
1502 }
1503
1504 #content-wrap {
1505         padding : 0px;
1506         border-width : 0px;
1507         margin : 0px;
1508 }
1509
1510 #feeds-holder {
1511         padding : 0px;
1512         border-color : #88b0f0;
1513         border-left-width : 0px;
1514         border-bottom-width : 0px;
1515 }
1516
1517 #headlines-wrap-inner {
1518         padding : 0px;
1519         margin : 0px;
1520         border-width : 0px;
1521 }
1522
1523 #headlines-frame {
1524         padding : 0px;
1525         border-color : #88b0f0;
1526         border-left-width : 0px;
1527         border-right-width : 0px;
1528         margin-top : 0px;
1529         border-top-width : 0px;
1530 }
1531
1532 #headlines-toolbar_splitter {
1533         display : none;
1534 }
1535
1536 #content-tabs {
1537         margin : 0px;
1538         padding : 0px;
1539         border-width : 0px;
1540 }
1541
1542 #content-tabs .dijitTab {
1543         margin-top : 0px;
1544         padding-top : 0px;
1545 }
1546
1547 #toolbar {
1548         padding : 0px;
1549         margin : 0px;
1550         border-width : 0px;
1551         white-space: nowrap;
1552         font-size : 12px;
1553 }
1554
1555 #header {
1556         padding : 4px 8px 0px 8px;
1557         border-width : 0px;
1558 }
1559
1560 #footer {
1561         text-align : center;
1562         color : gray;
1563         padding : 4px 4px 8px 4px;
1564         border-width : 0px;
1565 }
1566
1567 #content-insert {
1568         padding : 0px;
1569         border-color : #88b0f0;
1570         border-bottom-width : 0px;
1571         border-right-width : 0px;
1572         border-left-width : 0px;
1573 }
1574
1575 .dijitTreeLabel.Unread {
1576         font-weight : bold;
1577 }
1578
1579 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1580         color : gray;
1581 }
1582
1583 .dijitTreeRow.Error {
1584         color : red;
1585 }
1586
1587 .dijitTreeRow.Hidden {
1588         display : none;
1589 }
1590
1591 img.feedIcon, img.tinyFeedIcon {
1592         width : 16px;
1593         height : 16px;
1594 }
1595
1596 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1597         text-align : center;
1598         padding : 5px;
1599         color : gray;
1600 }
1601
1602 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1603         margin-right : 5px;
1604 }
1605
1606 div#pref-tabs .dijitContentPane {
1607         font-size : 12px;
1608 }
1609
1610 div#pref-tabs {
1611         margin : 0px 5px 0px 5px;
1612 }
1613
1614 div#pref-tabs .dijitContentPane h3 {
1615         font-size : 14px;
1616         font-weight : bold;
1617 }
1618
1619 /* div#feedTree {
1620         font-size : 11px;
1621         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
1622 } */
1623
1624
1625 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1626 #pref-label-wrap, #pref-label-header, #pref-label-content,
1627 #pref-user-wrap, #pref-user-header, #pref-user-content {
1628         margin : 0px;
1629         padding : 0px;
1630         border-width : 0px;
1631 }
1632
1633 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds {
1634         padding : 0px;
1635 }
1636
1637 #errorButton {
1638         color : red;
1639 }
1640
1641 span.labelFixedLength {
1642         display : inline-block;
1643         width : 70%;
1644 }
1645
1646 #filter_dlg_date_chk_box {
1647         display : inline-block;
1648 }
1649
1650 .dijitDialog .dijitToolbar {
1651         border : 1px solid #c0c0c0;
1652 }
1653
1654 a.bookmarklet {
1655         color : #4684ff;
1656         border : 1px solid #ecf4ff;
1657         padding : 2px;
1658 }
1659
1660 #newVersionIcon {
1661         margin-left : 5px;
1662         vertical-align : middle;
1663         position : relative;
1664         top : -1px;
1665 }
1666
1667