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, .dijitContentPane 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, .dijitContentPane 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, .dijitContentPane 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 div#subtoolbar_ftitle span.error {
 620         color : red;
 621 }
 622
 623 span.contentPreview {
 624         color : gray;
 625         font-weight : normal;
 626 }
 627
 628 span.contentPreview:hover {
 629         color : #4684ff;
 630 }
 631
 632 span.hlLabelRef {
 633         background-color : #fff7d5;
 634         font-height : 8px;
 635         color : #063064;
 636         font-weight : normal;
 637         margin : 0px 3px 0px 3px;
 638         padding : 0px 4px 0px 4px;
 639         white-space: nowrap;
 640 }
 641
 642 td.hlSelectRow, td.hlUpdPic {
 643         width : 25px;
 644         text-align : center;
 645 }
 646
 647 div.postHeader div.postDate {
 648         text-align : right;
 649         color : gray;
 650         float : right;
 651 }
 652
 653 div.postHeader div.postDateRTL {
 654         text-align : left;
 655         color : gray;
 656         float : right;
 657 }
 658
 659 div.postHeader div {
 660         padding-bottom : 3px;
 661         font-size : 12px;
 662         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 663 }
 664
 665 #feedUpdateErrors {
 666         display : none;
 667 }
 668
 669 #allEntryTags {
 670         font-size : 12px;
 671         border-width : 0px 0px 1px 0px;
 672         border-style : solid;
 673         border-color : #c0c0c0;
 674         padding-bottom : 5px;
 675         display : none;
 676 }
 677
 678 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 679         height : 1em;
 680 }
 681
 682 td.hlFeed {
 683         text-align : right;
 684 }
 685
 686 span.hlFeed, span.hlFeed a {
 687         font-size : 12px;
 688         color : gray;
 689 }
 690
 691 span.hlFeed a:hover {
 692         color : #4684ff;
 693 }
 694
 695 img.markedPic {
 696         cursor : pointer;
 697 }
 698
 699 a.warning {
 700         color : #f04040;
 701 }
 702
 703 img.closeButton {
 704         border-width : 0px;
 705         float : right;
 706 }
 707
 708 span.groupPrompt {
 709         font-size : 12px;
 710         color : #4684ff;
 711 }
 712
 713 div.tagCloudContainer {
 714         border : 1px solid #c0c0c0;
 715         background-color : #ecf4ff;
 716         margin : 5px 0px 5px 0px;
 717         padding : 5px;
 718         text-align : center;
 719 }
 720
 721 div.errorExplained {
 722         border : 1px solid #c0c0c0;
 723         background-color : #ecf4ff;
 724         margin : 5px 0px 5px 0px;
 725         padding : 5px;
 726 }
 727
 728 ul.feedErrorsList {
 729         max-height : 300px;
 730         overflow : auto;
 731         list-style-type : none;
 732         border : 1px solid #c0c0c0;
 733         background-color : #ecf4ff;
 734         margin : 0px 0px 5px 0px;
 735         padding : 5px;
 736 }
 737
 738 ul.feedErrorsList em {
 739         color : gray;
 740 }
 741
 742 ul.userFeedList {
 743         height : 300px;
 744         overflow : auto;
 745         list-style-type : none;
 746         border : 1px solid gray;
 747         background-color : white;
 748         margin : 0px 0px 5px 0px;
 749         padding : 0px;
 750 }
 751
 752 ul.browseFeedList {
 753         height : 300px;
 754         overflow : auto;
 755         border-width : 0px 1px 1px 1px;
 756         border-color : #c0c0c0;
 757         border-style : solid;
 758         margin : 0px 0px 5px 0px;
 759         background-color : white;
 760         list-style-type : none;
 761         padding : 0px;
 762
 763 }
 764
 765 ul.browseFeedList li {
 766         margin : 0px;
 767         padding : 2px 4px 2px 4px;
 768 }
 769
 770 span.subscribers {
 771         color : #808080;
 772 }
 773
 774 div.subscribers {
 775         color : #808080;
 776         font-size : 12px;
 777         float : right;
 778 }
 779
 780 div.browserDetails {
 781         margin : 5px 5px 5px 5px;
 782         padding : 5px;
 783 }
 784
 785 ul.compact {
 786         list-style-type : none;
 787         margin : 0px;
 788         padding : 0px;
 789 }
 790
 791 ul.compact li {
 792         margin : 0px;
 793         padding : 0px;
 794 }
 795
 796 div.browserFeedInfo {
 797         font-size : 12px;
 798 /*      border : 1px solid #88b0f0;
 799         background-color : #ecf4ff;
 800         -moz-border-radius : 5px; */
 801         padding : 5px;
 802 }
 803
 804 div.browserFeedInfo div.detailsPart {
 805         margin : 5px 0px 5px 5px;
 806 }
 807
 808 .noborder {
 809         border-width : 0px;
 810 }
 811
 812 #dialog_overlay {
 813         left : 0;
 814         top : 0;
 815         height : 100%;
 816         width : 100%;
 817         z-index : 4;
 818         position : absolute;
 819         background-image : url("images/shadow_white.png");
 820 }
 821
 822 #overlay {
 823         background : white;
 824         left : 0;
 825         top : 0;
 826         height : 100%;
 827         width : 100%;
 828         z-index : 100;
 829         position : absolute;
 830 }
 831
 832 #overlay_inner {
 833         font-weight : bold;
 834         margin : 1em;
 835 }
 836
 837 #noDaemonWarning {
 838         position : absolute;
 839         background-color : #ecf4ff;
 840         border : 1px solid #88b0f0;
 841         padding : 10px;
 842         margin : 5px;
 843         z-index : 2;
 844         display : none;
 845 }
 846
 847 #qafInput {
 848         width : 100%;
 849 }
 850
 851 form {
 852         margin : 0px;
 853         padding : 0px;
 854 }
 855
 856 #main_toolbar_form {
 857         margin : 0px;
 858         padding : 0px;
 859         display : table-cell;
 860         white-space : nowrap;
 861         width : 100%;
 862 }
 863
 864 div.feedExtInfo {
 865         margin-left : 2em;
 866         font-size : 7pt;
 867         color : gray;
 868         font-weight : normal;
 869 }
 870
 871 span.debugTS {
 872         color : #4684ff;
 873 }
 874
 875 #backReqBox {
 876         display : none;
 877 }
 878
 879 /*.scriptWarn:before {
 880         content : "Disabled script:";
 881 }*/
 882
 883 .scriptWarn {
 884         color : white;
 885         background-color : #903030;
 886         border : 1px solid #601010;
 887         padding : 3px;
 888         font-weight : bold;
 889         display : none;
 890 }
 891
 892 .objectWarn {
 893         color : gray;
 894         font-style: italic;
 895         text-align : center;
 896 }
 897
 898 table.loginForm2 {
 899         padding : 1em;
 900 }
 901
 902 table.loginForm2 .loginTop {
 903         border-width : 0px 0px 1px 0px;
 904         border-color : #88b0f0;
 905         border-style : solid;
 906         padding : 0.5em;
 907 }
 908
 909 table.loginForm2 .loginMiddle {
 910         padding : 3em;
 911 }
 912
 913 table.loginForm2 .loginBottom {
 914         border-width : 1px 0px 0px 0px;
 915         border-color : #88b0f0;
 916         border-style : solid;
 917         font-size : 12px;
 918         text-align : center;
 919         color : #909090;
 920         padding : 0.5em;
 921 }
 922
 923 table.loginForm2 .loginBottom a {
 924         color : gray;
 925 }
 926
 927 table.loginForm2 .loginBottom a:hover {
 928         color : #4684ff;
 929 }
 930
 931 table.loginForm2 .loginError {
 932         color : red;
 933         margin : 0.5em;
 934 }
 935
 936 table.loginForm2 .innerLoginCell {
 937         padding-top : 0.5em;
 938 }
 939
 940 #milestoneDetails {
 941         display : none;
 942 }
 943
 944 div.loadingPrompt {
 945         padding : 1em;
 946         text-align : center;
 947         font-weight : bold;
 948 }
 949
 950 div.whiteBox {
 951         margin-left : 1px;
 952         text-align : center;
 953         padding : 1em;
 954 }
 955
 956 html, body#ttrssMain, #main {
 957         width: 100%;
 958         height: 100%;
 959         border: 0;
 960         padding: 0;
 961         margin: 0;
 962 }
 963
 964 html, body#ttrssPrefs, #main {
 965         width: 100%;
 966         height: 100%;
 967         border: 0;
 968         padding: 0;
 969         margin: 0;
 970 }
 971
 972 #toolbar div.actionChooser {
 973         display : table-cell;
 974         text-align : right;
 975         padding-right : 3px;
 976 }
 977
 978 /* preferences layout */
 979
 980 /* #prefFooter {
 981         position : absolute;
 982         bottom : 0px;
 983         height : 20px;
 984         text-align : center;
 985         color : gray;
 986         font-size : 12px;
 987         background-image : url("images/footer.png");
 988         background-position : top left;
 989         background-repeat : repeat-x;
 990         background-color : white;
 991         right : 0px;
 992         left : 261px;
 993         padding : 10px;
 994         border-collapse : collapse;
 995         border-width : 1px 0px 0px 0px;
 996         border-style : solid;
 997         border-color : #88b0f0;
 998
 999 }
1000
1001 #prefFooter {
1002         left : 0px;
1003 }
1004
1005 #footer a, #prefFooter a {
1006         color : gray;
1007 }
1008
1009 #footer a:hover, #prefFooter a:hover {
1010         color : black;
1011 }
1012
1013 #prefHeader {
1014         color : #4684ff;
1015         font-size : 12px;
1016         margin : 10px;
1017         height : 33px;
1018 } */
1019
1020 div.return {
1021         float : right;
1022         font-size : 12px;
1023         margin-right : 10px;
1024 }
1025
1026 div.return a {
1027         color : #4684ff;
1028 }
1029
1030 div.return a:hover {
1031         color : black;
1032 }
1033
1034 /* #prefContentOuter {
1035         clear : left;
1036         position : absolute;
1037         bottom : 41px;
1038         top : 75px;
1039         left : 0px;
1040         right : 0px;
1041         min-height : 300px;
1042         border-width : 1px 0px 0px 0px;
1043         border-color : #88b0f0;
1044         border-style : solid;
1045         font-size : 12px;
1046 }
1047
1048 #prefContent {
1049         z-index : 4;
1050         background-image : url("images/prefs-content.png");
1051         background-position : top left;
1052         background-repeat : repeat-x;
1053         position : absolute;
1054         bottom : 0px;
1055         top : 0px;
1056         left : 0px;
1057         right : 0px;
1058         padding : 1em;
1059         overflow : auto;
1060 } */
1061
1062 div.topLinks img {
1063         vertical-align : middle;
1064         cursor : pointer;
1065 }
1066
1067 a.helpLinkPic img {
1068         border-width : 0px;
1069         vertical-align : middle;
1070 }
1071
1072 table.prefFeedCatList {
1073
1074 }
1075
1076 div.autocomplete {
1077         position : absolute;
1078         width : 250px;
1079         background-color : white;
1080         border :1px solid #778899;
1081         margin : 0px;
1082         padding : 0px;
1083 }
1084
1085 div.autocomplete ul {
1086         list-style-type : none;
1087         margin : 0px;
1088         padding : 0px;
1089 }
1090
1091 div.autocomplete ul li.selected {
1092         background-color : #fff7d5;
1093 }
1094
1095 div.autocomplete ul li {
1096         list-style-type : none;
1097         display : block;
1098         margin : 0;
1099         padding : 2px;
1100         height : 32px;
1101         cursor : pointer;
1102 }
1103
1104 #feedOpToolbar {
1105         float : right;
1106 }
1107
1108 div.topLinks {
1109         float : right;
1110         color : gray;
1111         font-size : 12px;
1112         line-height : 120%;
1113 }
1114
1115 div.topLinks a {
1116         color : #4684ff;
1117 }
1118
1119 div.topLinks a:hover {
1120         color : black;
1121 }
1122
1123 div.topLinks a.feedback {
1124         color : #009900;
1125 }
1126
1127 a.visibleLink {
1128         color : #4684ff;
1129 }
1130
1131 a.visibleLinkB {
1132         color : #4684ff;
1133         border : 1px solid #4684ff;
1134         padding : 2px;
1135 }
1136
1137 a.visibleLinkB:hover {
1138         background-color : #ecf4ff;
1139 }
1140
1141 .hlContentH a, .hlContentH span {
1142         color : #00cc00;
1143 }
1144
1145 .hlContentL a, .hlContentL span {
1146         color : #909090;
1147         text-decoration : line-through;
1148 }
1149
1150 span.titleWrapH, span.titleWrapH a {
1151         color : #00cc00;
1152 }
1153
1154 span.titleWrapL, span.titleWrapL a {
1155         color : #909090;
1156         text-decoration : line-through;
1157 }
1158
1159 img.hlScorePic {
1160         vertical-align : middle;
1161         width : 16px;
1162         height : 16px;
1163 }
1164
1165 div#hotkey_help_overlay {
1166         position : absolute;
1167         left : 30px;
1168         right : 30px;
1169         top : 30px;
1170         z-index : 999;
1171         color : white;
1172         font-size : 15px;
1173 }
1174
1175 div#hotkey_help_overlay h1 {
1176         text-align : center;
1177 }
1178
1179 div#hotkey_help_overlay ul {
1180         list-style-type : none;
1181         margin : 0px;
1182 }
1183
1184 div#hotkey_help_overlay a {
1185         color : #88b0f0;
1186 }
1187
1188 div#hotkey_help_overlay a:hover {
1189         color : white;
1190 }
1191
1192 div#hotkey_help_overlay li {
1193         margin : 0px;
1194 }
1195
1196 div#hotkey_help_overlay p {
1197         text-align : center;
1198 }
1199
1200 div#hotkey_help_overlay td.n {
1201         text-align : right;
1202         font-weight : bold;
1203         width : 6em;
1204         color : #a0ffa0;
1205         padding-right : 5px;
1206 }
1207
1208 div#hotkey_help_overlay td {
1209         vertical-align : top;
1210 }
1211
1212 div#hotkey_help_overlay h1 {
1213         margin : 0px;
1214 }
1215
1216 div#hotkey_help_overlay h2 {
1217         font-size : 16px;
1218         border-width : 0px;
1219         margin : 0.3em 0px 0.3em 0px;
1220         text-align : center;
1221         color : #88b0f0;
1222 }
1223
1224 div#hotkey_help_overlay table.hho td.c1 {
1225         height : 30px;
1226         width : 30px;
1227         background : url("images/c1.png");
1228         background-repeat : no-repeat;
1229
1230 }
1231
1232 div#hotkey_help_overlay table.hho td.c2 {
1233         height : 30px;
1234         width : 30px;
1235         background : url("images/c2.png");
1236         background-repeat : no-repeat;
1237 }
1238
1239 div#hotkey_help_overlay table.hho td.c3 {
1240         height : 30px;
1241         width : 30px;
1242         background : url("images/c3.png");
1243         background-repeat : no-repeat;
1244 }
1245
1246 div#hotkey_help_overlay table.hho td.c4 {
1247         height : 30px;
1248         width : 30px;
1249         background : url("images/c4.png");
1250         background-repeat : no-repeat;
1251 }
1252
1253 div#hotkey_help_overlay table.hho td.top,
1254 div#hotkey_help_overlay table.hho td.left,
1255 div#hotkey_help_overlay table.hho td.right,
1256 div#hotkey_help_overlay table.hho td.bottom,
1257 div#hotkey_help_overlay table.hho td.content {
1258         background : url("images/shadow_dark.png");
1259 }
1260
1261 div#hotkey_help_overlay table.hho td.top,
1262 div#hotkey_help_overlay table.hho td.bottom {
1263         text-align : center;
1264         font-size : 11px;
1265 }
1266
1267 div#l_progress_o {
1268         width : 200px;
1269         border : 1px solid black;
1270         background-color : white;
1271         margin-top : 10px;
1272 }
1273
1274 div#l_progress_i {
1275         width : 10px;
1276         background-color : #88b0f0;
1277         height : 10px;
1278 }
1279
1280 div.dlgSec {
1281         font-size : 12px;
1282         color : gray;
1283         font-weight : bold;
1284         clear : both;
1285         height : 20px;
1286 }
1287
1288 div.dlgSecCont {
1289         position : relative;
1290         left : 150px;
1291         top : -20px;
1292         float : left;
1293         font-size : 12px;
1294         font-weight : normal;
1295 }
1296
1297 div.dlgSecCont hr {
1298         height : 0px;
1299         line-height : 0px;
1300         border : 0px solid transparent;
1301         margin : 2px;
1302 }
1303
1304 div.dlgSecCont > * {
1305         position : relative;
1306         top : -2px;
1307 }
1308
1309 div.dlgButtons {
1310         text-align : right;
1311         clear : both;
1312 }
1313
1314 span.prefsLabelEntry {
1315         padding : 2px;
1316 }
1317
1318 span.labelColorIndicator {
1319         height : 14px;
1320         width : 14px;
1321         line-height : 14px;
1322         font-height : 9px;
1323         display : inline-block;
1324         border : 1px solid black;
1325         background-color : #fff7d5;
1326         color : #063064;
1327         text-align : center;
1328         margin-right : 2px;
1329 }
1330
1331 span.labelColorIndicator2 {
1332         height : 14px;
1333         width : 14px;
1334         font-height : 9px;
1335         display : inline-block;
1336         border : 1px solid black;
1337         background-color : #fff7d5;
1338         color : #063064;
1339         text-align : center;
1340         margin-right : 2px;
1341         vertical-align : bottom;
1342 }
1343
1344
1345 div.labelColorIndicator {
1346         height : 14px;
1347         width : 14px;
1348         line-height : 14px;
1349         font-height : 9px;
1350         text-align : center;
1351         border : 1px solid black;
1352         float : left;
1353         background-color : #fff7d5;
1354         color : #063064;
1355         margin-right : 10px;
1356 }
1357
1358 div.colorPicker div.colorPickerEntry:hover {
1359         border : 1px solid #88b0f0;
1360 }
1361
1362 div.colorPicker div.ccPrompt:hover {
1363         color : black;
1364 }
1365
1366 div.colorPicker div.colorPickerEntry {
1367         height : 15px;
1368         width : 15px;
1369         line-height : 13px;
1370         font-height : 9px;
1371         text-align : center;
1372         border : 1px solid black;
1373         margin : 5px 5px 0px 0px;
1374         float : left;
1375 }
1376
1377 div.colorPicker {
1378         border : 1px solid #cccccc;
1379         background : #f0f0f0;
1380         width : 110px;
1381         padding : 0px 0px 5px 5px;
1382         position : absolute;
1383         left : auto;
1384         top : auto;
1385         z-index : 3;
1386         color : #909090;
1387 }
1388
1389 optgroup {
1390         color : #4684ff;
1391         font-style : normal;
1392 }
1393
1394 option {
1395         color : black;
1396 }
1397
1398 div#cmdline {
1399         position : absolute;
1400         left : 5px;
1401         bottom : 5px;
1402         font-size : 11px;
1403         color : gray;
1404         font-weight : bold;
1405         background-color : white;
1406         border : 1px solid #88b0f0;
1407         padding : 3px 5px 3px 5px;
1408         z-index : 5;
1409 }
1410
1411 #feed_browser_spinner {
1412         vertical-align : middle;
1413         height : 18px;
1414         width : 18px;
1415 }
1416
1417 div#auxDlg {
1418         position : absolute;
1419         z-index : 3;
1420         bottom : 5px;
1421         right : 25px;
1422         padding : 5px;
1423         border-width : 1px;
1424         border-style : solid;
1425         border-color : #d7c47a;
1426         background-color : #fff7d5;
1427         color : black;
1428         text-align : center;
1429         font-size : 13px;
1430 }
1431
1432 div#auxDlg a {
1433         color : #4684ff;
1434 }
1435
1436 div.hlTitle {
1437         display : table-cell;
1438         cursor : pointer;
1439         width : 100%;
1440         vertical-align : middle;
1441         padding-top : 4px;
1442         padding-bottom : 4px;
1443 }
1444
1445 div.hlLeft {
1446         display : table-cell;
1447         vertical-align : middle;
1448         white-space: nowrap;
1449 }
1450
1451 div.hlRight {
1452         display : table-cell;
1453         white-space: nowrap;
1454         text-align : right;
1455         vertical-align : middle;
1456 }
1457
1458 div.hlRight img {
1459         max-width : 16px;
1460         max-height : 16px;
1461 }
1462
1463 span.hlUpdated {
1464         color : gray;
1465         font-weight : medium;
1466         width : 100px;
1467         display : inline-block;
1468 }
1469
1470 div.hlLeft input {
1471         margin-left : 4px;
1472         margin-right : 4px;
1473 }
1474
1475 div.hlLeft img, div.hlRight img {
1476         margin : 0px 4px 0px 4px;
1477
1478 }
1479
1480 div.hlUpdPic {
1481         display : table-cell;
1482         padding-right : 4px;
1483         padding-left : 4px;
1484         text-align : center;
1485         vertical-align : middle;
1486 }
1487
1488 div.hlUpdPic img {
1489         max-width : 16px;
1490 }
1491
1492
1493 div.fatalError button {
1494         margin-top : 5px;
1495 }
1496
1497 div.fatalError textarea {
1498         width : 100%;
1499         height : 100px;
1500 }
1501
1502 #main {
1503         border-width : 0px;
1504         margin : 0px;
1505         padding : 0px;
1506 }
1507
1508 #content-wrap {
1509         padding : 0px;
1510         border-width : 0px;
1511         margin : 0px;
1512 }
1513
1514 #feeds-holder {
1515         padding : 0px;
1516         border-color : #88b0f0;
1517         border-left-width : 0px;
1518         border-bottom-width : 0px;
1519 }
1520
1521 #headlines-wrap-inner {
1522         padding : 0px;
1523         margin : 0px;
1524         border-width : 0px;
1525 }
1526
1527 #headlines-frame {
1528         padding : 0px;
1529         border-color : #88b0f0;
1530         border-left-width : 0px;
1531         border-right-width : 0px;
1532         margin-top : 0px;
1533         border-top-width : 0px;
1534 }
1535
1536 #headlines-toolbar_splitter {
1537         display : none;
1538 }
1539
1540 #content-tabs {
1541         margin : 0px;
1542         padding : 0px;
1543         border-width : 0px;
1544 }
1545
1546 #content-tabs .dijitTab {
1547         margin-top : 0px;
1548         padding-top : 0px;
1549 }
1550
1551 #toolbar {
1552         padding : 0px;
1553         margin : 0px;
1554         border-width : 0px;
1555         white-space: nowrap;
1556         font-size : 12px;
1557 }
1558
1559 #header {
1560         padding : 4px 8px 0px 8px;
1561         border-width : 0px;
1562 }
1563
1564 #footer {
1565         text-align : center;
1566         color : gray;
1567         padding : 4px 4px 8px 4px;
1568         border-width : 0px;
1569 }
1570
1571 #content-insert {
1572         padding : 0px;
1573         border-color : #88b0f0;
1574         border-bottom-width : 0px;
1575         border-right-width : 0px;
1576         border-left-width : 0px;
1577 }
1578
1579 .dijitTreeLabel.Unread {
1580         font-weight : bold;
1581 }
1582
1583 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1584         color : gray;
1585 }
1586
1587 .dijitTreeRow.Error {
1588         color : red;
1589 }
1590
1591 .dijitTreeRow.Hidden {
1592         display : none;
1593 }
1594
1595 img.feedIcon, img.tinyFeedIcon {
1596         width : 16px;
1597         height : 16px;
1598 }
1599
1600 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1601         text-align : center;
1602         padding : 5px;
1603         color : gray;
1604 }
1605
1606 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1607         margin-right : 5px;
1608 }
1609
1610 div#pref-tabs .dijitContentPane {
1611         font-size : 12px;
1612 }
1613
1614 div#pref-tabs {
1615         margin : 0px 5px 0px 5px;
1616 }
1617
1618 div#pref-tabs .dijitContentPane h3 {
1619         font-size : 14px;
1620         font-weight : bold;
1621 }
1622
1623 /* div#feedTree {
1624         font-size : 11px;
1625         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
1626 } */
1627
1628
1629 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1630 #pref-label-wrap, #pref-label-header, #pref-label-content,
1631 #pref-user-wrap, #pref-user-header, #pref-user-content {
1632         margin : 0px;
1633         padding : 0px;
1634         border-width : 0px;
1635 }
1636
1637 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds {
1638         padding : 0px;
1639 }
1640
1641 #errorButton {
1642         color : red;
1643 }
1644
1645 span.labelFixedLength {
1646         display : inline-block;
1647         width : 70%;
1648 }
1649
1650 #filter_dlg_date_chk_box {
1651         display : inline-block;
1652 }
1653
1654 .dijitDialog .dijitToolbar {
1655         border : 1px solid #c0c0c0;
1656 }
1657
1658 a.bookmarklet {
1659         color : #4684ff;
1660         border : 1px solid #ecf4ff;
1661         padding : 2px;
1662 }
1663
1664 #newVersionIcon {
1665         margin-left : 5px;
1666         vertical-align : middle;
1667         position : relative;
1668         top : -1px;
1669 }
1670
1671