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