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