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