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 #header .logo {
1047         float : right;
1048         margin-left : 10px;
1049 }
1050
1051 #header a {
1052         color : #4684ff;
1053 }
1054
1055 #header a:hover {
1056         color : black;
1057 }
1058
1059 #header img {
1060         vertical-align : middle;
1061         cursor : pointer;
1062 }
1063
1064 a.helpLinkPic img {
1065         border-width : 0px;
1066         vertical-align : middle;
1067 }
1068
1069 table.prefFeedCatList {
1070
1071 }
1072
1073 div.autocomplete {
1074         position : absolute;
1075         width : 250px;
1076         background-color : white;
1077         border :1px solid #778899;
1078         margin : 0px;
1079         padding : 0px;
1080 }
1081
1082 div.autocomplete ul {
1083         list-style-type : none;
1084         margin : 0px;
1085         padding : 0px;
1086 }
1087
1088 div.autocomplete ul li.selected {
1089         background-color : #fff7d5;
1090 }
1091
1092 div.autocomplete ul li {
1093         list-style-type : none;
1094         display : block;
1095         margin : 0;
1096         padding : 2px;
1097         height : 32px;
1098         cursor : pointer;
1099 }
1100
1101 #feedOpToolbar {
1102         float : right;
1103 }
1104
1105 /*
1106 div.topLinks {
1107         float : right;
1108         color : gray;
1109         font-size : 12px;
1110         line-height : 120%;
1111 }
1112
1113 div.topLinks a {
1114         color : #4684ff;
1115 }
1116
1117 div.topLinks a:hover {
1118         color : black;
1119 } */
1120
1121 #header a.feedback {
1122         color : #009900;
1123 }
1124
1125 a.visibleLink {
1126         color : #4684ff;
1127 }
1128
1129 a.visibleLinkB {
1130         color : #4684ff;
1131         border : 1px solid #4684ff;
1132         padding : 2px;
1133 }
1134
1135 a.visibleLinkB:hover {
1136         background-color : #ecf4ff;
1137 }
1138
1139 .hlContentH a, .hlContentH span {
1140         color : #00cc00;
1141 }
1142
1143 .hlContentL a, .hlContentL span {
1144         color : #909090;
1145         text-decoration : line-through;
1146 }
1147
1148 span.titleWrapH, span.titleWrapH a {
1149         color : #00cc00;
1150 }
1151
1152 span.titleWrapL, span.titleWrapL a {
1153         color : #909090;
1154         text-decoration : line-through;
1155 }
1156
1157 img.hlScorePic {
1158         vertical-align : middle;
1159         width : 16px;
1160         height : 16px;
1161 }
1162
1163 div#hotkey_help_overlay {
1164         position : absolute;
1165         left : 30px;
1166         right : 30px;
1167         top : 30px;
1168         z-index : 999;
1169         color : white;
1170         font-size : 15px;
1171 }
1172
1173 div#hotkey_help_overlay h1 {
1174         text-align : center;
1175 }
1176
1177 div#hotkey_help_overlay ul {
1178         list-style-type : none;
1179         margin : 0px;
1180 }
1181
1182 div#hotkey_help_overlay a {
1183         color : #88b0f0;
1184 }
1185
1186 div#hotkey_help_overlay a:hover {
1187         color : white;
1188 }
1189
1190 div#hotkey_help_overlay li {
1191         margin : 0px;
1192 }
1193
1194 div#hotkey_help_overlay p {
1195         text-align : center;
1196 }
1197
1198 div#hotkey_help_overlay td.n {
1199         text-align : right;
1200         font-weight : bold;
1201         width : 6em;
1202         color : #a0ffa0;
1203         padding-right : 5px;
1204 }
1205
1206 div#hotkey_help_overlay td {
1207         vertical-align : top;
1208 }
1209
1210 div#hotkey_help_overlay h1 {
1211         margin : 0px;
1212 }
1213
1214 div#hotkey_help_overlay h2 {
1215         font-size : 16px;
1216         border-width : 0px;
1217         margin : 0.3em 0px 0.3em 0px;
1218         text-align : center;
1219         color : #88b0f0;
1220 }
1221
1222 div#hotkey_help_overlay table.hho td.c1 {
1223         height : 30px;
1224         width : 30px;
1225         background : url("images/c1.png");
1226         background-repeat : no-repeat;
1227
1228 }
1229
1230 div#hotkey_help_overlay table.hho td.c2 {
1231         height : 30px;
1232         width : 30px;
1233         background : url("images/c2.png");
1234         background-repeat : no-repeat;
1235 }
1236
1237 div#hotkey_help_overlay table.hho td.c3 {
1238         height : 30px;
1239         width : 30px;
1240         background : url("images/c3.png");
1241         background-repeat : no-repeat;
1242 }
1243
1244 div#hotkey_help_overlay table.hho td.c4 {
1245         height : 30px;
1246         width : 30px;
1247         background : url("images/c4.png");
1248         background-repeat : no-repeat;
1249 }
1250
1251 div#hotkey_help_overlay table.hho td.top,
1252 div#hotkey_help_overlay table.hho td.left,
1253 div#hotkey_help_overlay table.hho td.right,
1254 div#hotkey_help_overlay table.hho td.bottom,
1255 div#hotkey_help_overlay table.hho td.content {
1256         background : url("images/shadow_dark.png");
1257 }
1258
1259 div#hotkey_help_overlay table.hho td.top,
1260 div#hotkey_help_overlay table.hho td.bottom {
1261         text-align : center;
1262         font-size : 11px;
1263 }
1264
1265 div#l_progress_o {
1266         width : 200px;
1267         border : 1px solid black;
1268         background-color : white;
1269         margin-top : 10px;
1270 }
1271
1272 div#l_progress_i {
1273         width : 10px;
1274         background-color : #88b0f0;
1275         height : 10px;
1276 }
1277
1278 div.dlgSec {
1279         font-size : 12px;
1280         color : gray;
1281         font-weight : bold;
1282         clear : both;
1283         height : 20px;
1284 }
1285
1286 div.dlgSecCont {
1287         position : relative;
1288         left : 150px;
1289         top : -20px;
1290         float : left;
1291         font-size : 12px;
1292         font-weight : normal;
1293 }
1294
1295 div.dlgSecCont hr {
1296         height : 0px;
1297         line-height : 0px;
1298         border : 0px solid transparent;
1299         margin : 2px;
1300 }
1301
1302 div.dlgSecCont > * {
1303         position : relative;
1304         top : -2px;
1305 }
1306
1307 div.dlgButtons {
1308         text-align : right;
1309         clear : both;
1310 }
1311
1312 span.prefsLabelEntry {
1313         padding : 2px;
1314 }
1315
1316 span.labelColorIndicator {
1317         height : 14px;
1318         width : 14px;
1319         line-height : 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 }
1328
1329 span.labelColorIndicator2 {
1330         height : 14px;
1331         width : 14px;
1332         font-height : 9px;
1333         display : inline-block;
1334         border : 1px solid black;
1335         background-color : #fff7d5;
1336         color : #063064;
1337         text-align : center;
1338         margin-right : 2px;
1339         vertical-align : bottom;
1340 }
1341
1342
1343 div.labelColorIndicator {
1344         height : 14px;
1345         width : 14px;
1346         line-height : 14px;
1347         font-height : 9px;
1348         text-align : center;
1349         border : 1px solid black;
1350         float : left;
1351         background-color : #fff7d5;
1352         color : #063064;
1353         margin-right : 10px;
1354 }
1355
1356 div.colorPicker div.colorPickerEntry:hover {
1357         border : 1px solid #88b0f0;
1358 }
1359
1360 div.colorPicker div.ccPrompt:hover {
1361         color : black;
1362 }
1363
1364 div.colorPicker div.colorPickerEntry {
1365         height : 15px;
1366         width : 15px;
1367         line-height : 13px;
1368         font-height : 9px;
1369         text-align : center;
1370         border : 1px solid black;
1371         margin : 5px 5px 0px 0px;
1372         float : left;
1373 }
1374
1375 div.colorPicker {
1376         border : 1px solid #cccccc;
1377         background : #f0f0f0;
1378         width : 110px;
1379         padding : 0px 0px 5px 5px;
1380         position : absolute;
1381         left : auto;
1382         top : auto;
1383         z-index : 3;
1384         color : #909090;
1385 }
1386
1387 optgroup {
1388         color : #4684ff;
1389         font-style : normal;
1390 }
1391
1392 option {
1393         color : black;
1394 }
1395
1396 div#cmdline {
1397         position : absolute;
1398         left : 5px;
1399         bottom : 5px;
1400         font-size : 11px;
1401         color : gray;
1402         font-weight : bold;
1403         background-color : white;
1404         border : 1px solid #88b0f0;
1405         padding : 3px 5px 3px 5px;
1406         z-index : 5;
1407 }
1408
1409 #feed_browser_spinner {
1410         vertical-align : middle;
1411         height : 18px;
1412         width : 18px;
1413 }
1414
1415 div#auxDlg {
1416         position : absolute;
1417         z-index : 3;
1418         bottom : 5px;
1419         right : 25px;
1420         padding : 5px;
1421         border-width : 1px;
1422         border-style : solid;
1423         border-color : #d7c47a;
1424         background-color : #fff7d5;
1425         color : black;
1426         text-align : center;
1427         font-size : 13px;
1428 }
1429
1430 div#auxDlg a {
1431         color : #4684ff;
1432 }
1433
1434 div.hlTitle {
1435         display : table-cell;
1436         cursor : pointer;
1437         width : 100%;
1438         vertical-align : middle;
1439         padding-top : 4px;
1440         padding-bottom : 4px;
1441 }
1442
1443 div.hlLeft {
1444         display : table-cell;
1445         vertical-align : middle;
1446         white-space: nowrap;
1447 }
1448
1449 div.hlRight {
1450         display : table-cell;
1451         white-space: nowrap;
1452         text-align : right;
1453         vertical-align : middle;
1454 }
1455
1456 div.hlRight img {
1457         max-width : 16px;
1458         max-height : 16px;
1459 }
1460
1461 span.hlUpdated {
1462         color : gray;
1463         font-weight : medium;
1464         width : 100px;
1465         display : inline-block;
1466 }
1467
1468 div.hlLeft input {
1469         margin-left : 4px;
1470         margin-right : 4px;
1471 }
1472
1473 div.hlLeft img, div.hlRight img {
1474         margin : 0px 4px 0px 4px;
1475
1476 }
1477
1478 div.hlUpdPic {
1479         display : table-cell;
1480         padding-right : 4px;
1481         padding-left : 4px;
1482         text-align : center;
1483         vertical-align : middle;
1484 }
1485
1486 div.hlUpdPic img {
1487         max-width : 16px;
1488 }
1489
1490
1491 div.fatalError button {
1492         margin-top : 5px;
1493 }
1494
1495 div.fatalError textarea {
1496         width : 100%;
1497         height : 100px;
1498 }
1499
1500 #main {
1501         border-width : 0px;
1502         margin : 0px;
1503         padding : 0px;
1504 }
1505
1506 #header-wrap {
1507         border-width : 0px;
1508         margin : 0px;
1509         padding : 0px;
1510 }
1511
1512 #content-wrap {
1513         padding : 0px;
1514         border-width : 0px;
1515         margin : 0px;
1516 }
1517
1518 #feeds-holder {
1519         padding : 0px;
1520         border-color : #88b0f0;
1521         border-left-width : 0px;
1522         border-bottom-width : 0px;
1523         border-top-width : 0px;
1524 }
1525
1526 #headlines-wrap-inner {
1527         padding : 0px;
1528         margin : 0px;
1529         border-width : 0px;
1530 }
1531
1532 #headlines-frame {
1533         padding : 0px;
1534         border-color : #88b0f0;
1535         border-left-width : 0px;
1536         border-right-width : 0px;
1537         margin-top : 0px;
1538         border-top-width : 0px;
1539 }
1540
1541 #headlines-toolbar_splitter {
1542         display : none;
1543 }
1544
1545 #content-tabs {
1546         margin : 0px;
1547         padding : 0px;
1548         border-width : 0px;
1549 }
1550
1551 #content-tabs .dijitTab {
1552         margin-top : 0px;
1553         padding-top : 0px;
1554 }
1555
1556 #toolbar {
1557         padding : 0px;
1558         margin : 0px;
1559         border-width : 0px;
1560         white-space: nowrap;
1561         font-size : 12px;
1562 }
1563
1564 #header {
1565         border-width : 0px;
1566         text-align : right;
1567         color : gray;
1568         padding : 5px 5px 0px 0px;
1569         margin : 0px;
1570         position : absolute;
1571         right : 0px;
1572         top : 0px;
1573         z-index : 5;
1574 }
1575
1576 #footer {
1577         text-align : center;
1578         color : gray;
1579         padding : 4px 4px 8px 4px;
1580         border-width : 0px;
1581 }
1582
1583 #content-insert {
1584         padding : 0px;
1585         border-color : #88b0f0;
1586         border-bottom-width : 0px;
1587         border-right-width : 0px;
1588         border-left-width : 0px;
1589 }
1590
1591 .dijitTreeLabel.Unread {
1592         font-weight : bold;
1593 }
1594
1595 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1596         color : gray;
1597 }
1598
1599 .dijitTreeRow.Error {
1600         color : red;
1601 }
1602
1603 .dijitTreeRow.Hidden {
1604         display : none;
1605 }
1606
1607 img.feedIcon, img.tinyFeedIcon {
1608         width : 16px;
1609         height : 16px;
1610 }
1611
1612 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1613         text-align : center;
1614         padding : 5px;
1615         color : gray;
1616 }
1617
1618 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1619         margin-right : 5px;
1620 }
1621
1622 div#pref-tabs .dijitContentPane {
1623         font-size : 12px;
1624 }
1625
1626 div#pref-tabs {
1627         margin : 0px 5px 0px 5px;
1628 }
1629
1630 div#pref-tabs .dijitContentPane h3 {
1631         font-size : 14px;
1632         font-weight : bold;
1633 }
1634
1635 /* div#feedTree {
1636         font-size : 11px;
1637         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
1638 } */
1639
1640
1641 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1642 #pref-label-wrap, #pref-label-header, #pref-label-content,
1643 #pref-user-wrap, #pref-user-header, #pref-user-content {
1644         margin : 0px;
1645         padding : 0px;
1646         border-width : 0px;
1647 }
1648
1649 #userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds {
1650         padding : 0px;
1651 }
1652
1653 #errorButton {
1654         color : red;
1655 }
1656
1657 span.labelFixedLength {
1658         display : inline-block;
1659         width : 70%;
1660 }
1661
1662 #filter_dlg_date_chk_box {
1663         display : inline-block;
1664 }
1665
1666 .dijitDialog .dijitToolbar {
1667         border : 1px solid #c0c0c0;
1668 }
1669
1670 a.bookmarklet {
1671         color : #4684ff;
1672         border : 1px solid #ecf4ff;
1673         padding : 2px;
1674 }
1675
1676 #newVersionIcon {
1677         margin-left : 5px;
1678         vertical-align : middle;
1679         position : relative;
1680         top : -1px;
1681 }
1682
1683 .player {
1684         display : inline-block;
1685         color : gray;
1686         font-size : 11px;
1687         font-family : sans-serif;
1688         border : 1px solid gray;
1689         padding : 0px 4px 0px 4px;
1690         margin : 0px 2px 0px 2px;
1691         width : 50px;
1692         text-align : center;
1693         background : white;
1694 }
1695 .player.playing {
1696         color : #00c000;
1697         border-color : #00c000;
1698 }
1699
1700 .player:hover {
1701         background : #f0f0f0;
1702         cursor : pointer;
1703 }
1704