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