tt-rss.css

   1 body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : 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 : #c0c0c0;
  36         background : #fafafa;
  37         box-shadow : 0px 0px 3px 0px #ccc;
  38         padding : 5px;
  39         color : #909090;
  40 }
  41
  42 div.postReply div.postTitle {
  43         overflow : hidden;
  44         text-overflow: ellipsis;
  45         white-space : nowrap;
  46 }
  47
  48 div.postReply div.postDate {
  49         padding-left : 10px;
  50 }
  51
  52 div.postReply div.postContent {
  53         padding : 10px;
  54         font-size : 12px;
  55 }
  56
  57 div.postReply div.postContent img {
  58         border-width : 0px;
  59         max-width : 98%;
  60         height: auto;
  61
  62         padding: 4px;
  63         background-color: #fff;
  64         border: 1px solid #ccc;
  65         border: 1px solid rgba(0, 0, 0, 0.2);
  66         -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  67         -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  68         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  69 }
  70
  71 div.postReply div.postEnclosures {
  72         margin-top : 1em;
  73         color : gray;
  74 }
  75
  76 div.postReply img.tagsPic {
  77         width : 16px;
  78         height : 16px;
  79         margin-left : 4px;
  80         vertical-align : middle;
  81 }
  82
  83 div.articleNote {
  84         background-color : #fff7d5;
  85         padding : 5px;
  86         border-style : none none dashed none;
  87         border-color : #e7d796;
  88         border-width : 1px;
  89         background-color : #fff7d5;
  90         color : #9a8c59;
  91 }
  92
  93 div.articleNote div.noteEdit {
  94         float : right;
  95         cursor : pointer;
  96 }
  97
  98 div.postReply span.author {
  99         font-size : 12px;
 100 }
 101
 102 h1 {
 103         font-size : 18px;
 104 }
 105
 106 h2 {
 107         font-size : 16px;
 108         font-weight : bold;
 109         border-width : 0px 0px 1px 0px;
 110         border-style : solid;
 111         border-color : #ecf4ff;
 112 }
 113
 114 h3 {
 115         font-size : 12px;
 116         font-weight : bold;
 117         border-width : 0px 0px 1px 0px;
 118         border-style : solid;
 119         border-color : #ecf4ff;
 120 }
 121
 122 hr {
 123         border-width : 0px 0px 1px 0px;
 124         border-style : dashed;
 125         border-color : #e0e0e0;
 126 }
 127
 128 a {
 129         color : black;
 130         text-decoration : none;
 131 }
 132
 133 a:hover {
 134         color : #4684ff;
 135 }
 136
 137 #piggie {
 138         z-index : 999;
 139         position : absolute;
 140 }
 141
 142 #notify {
 143         bottom : 10px;
 144         right : 10px;
 145         border-width : 1px;
 146         border-style : solid;
 147         position : absolute;
 148         font-size : 12px;
 149         z-index : 99;
 150         padding : 5px;
 151         min-width : 200px;
 152         box-shadow : 0px 0px 2px #ccc;
 153 }
 154
 155 #notify img {
 156         vertical-align : middle;
 157         max-height : 14px;
 158 }
 159
 160 #notify span.msg {
 161         width : 100%;
 162 }
 163
 164 #notify span.close {
 165         text-align : right;
 166 }
 167
 168 #notify span {
 169         display : table-cell;
 170         vertical-align : middle;
 171         padding : 4px;
 172 }
 173
 174 .notify {
 175         border-color : #d7c47a;
 176         background-color : #fff7d5;
 177 }
 178
 179 .notify.progress {
 180         border-color : #d7c47a;
 181         background-color : #fff7d5;
 182 }
 183
 184 .notify.info {
 185         border-color : #88b0f0;
 186         background-color : #ecf4ff;
 187 }
 188
 189 .notify.error {
 190         background-color : #ffcccc;
 191         border-color : #ff0000;
 192 }
 193
 194 .hl.Unread div.hlTitle {
 195         font-weight : bold;
 196 }
 197
 198 .hl.Grayed {
 199         color : #909090;
 200 }
 201
 202 #headlines-frame div.hl:nth-child(even) {
 203         background : #f0f0f0;
 204 }
 205
 206 .hl {
 207         border-width : 0px 1px 1px 0px;
 208         border-style : solid;
 209         border-color : #c0c0c0;
 210 }
 211
 212 .hl.active {
 213         background : #ecf4ff ! important;
 214 }
 215
 216 div.filterTestHolder {
 217         height : 300px;
 218         overflow : auto;
 219         border-color : #c0c0c0;
 220         border-style : solid;
 221         margin : 0px 0px 5px 0px;
 222         background-color : #ecf4ff;
 223         border-width : 1px 1px 1px 1px;
 224 }
 225
 226
 227 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 228         margin : 5px 0px 5px 0px;
 229         padding : 10px;
 230         color : gray;
 231         border-width : 0px 0px 0px 3px;
 232         border-color : #c0c0c0;
 233         border-style : solid;
 234         background : #fafafa;
 235 }
 236
 237 #content-insert code, #headlines-frame code, .dijitContentPane code {
 238         color : #009900;
 239         font-family : monospace;
 240         font-size : 12px;
 241 }
 242
 243 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 244         margin : 5px 0px 5px 0px;
 245         padding : 10px;
 246         color : gray;
 247         font-family : monospace;
 248         font-size : 12px;
 249         border-width : 0px;
 250         border-color : #c0c0c0;
 251         border-style : solid;
 252         background : #fafafa;
 253         display : block;
 254         max-width : 98%;
 255         overflow : auto;
 256 }
 257
 258 div.notice, div.warning, div.error {
 259         padding : 4px 10px 4px 4px;
 260         display : inline-block;
 261         margin : 2px 0px 4px 0px;
 262         font-size : 12px;
 263         box-shadow : 0px 0px 2px #ccc;
 264 }
 265
 266 div.notice div.inner, div.warning div.inner, div.error div.inner {
 267         vertical-align : middle;
 268 }
 269
 270 div.notice {
 271         background : #ecf4ff;
 272 }
 273
 274 div.warning {
 275         background : #fff7d5;
 276 }
 277
 278 div.error {
 279         background : #ffcccc;
 280 }
 281
 282 div.warning img, div.notice img, div.error img {
 283         margin-right : 4px;
 284         vertical-align : middle;
 285 }
 286
 287 div.warning span, div.notice span, div.error span {
 288         display : table-cell;
 289         vertical-align : middle;
 290
 291 }
 292
 293 ul.nomarks {
 294         list-style-type : none;
 295         margin : 0px;
 296         padding : 10px;
 297 }
 298
 299 div.prefHelp {
 300         color : gray;
 301         padding : 5px;
 302 }
 303
 304 span.feed_error {
 305         color : red;
 306 }
 307
 308 .insensitive {
 309         color : gray;
 310 }
 311
 312 .insensitive a {
 313         color : #4684ff;
 314 }
 315
 316 .insensitive a:hover {
 317         color : black;
 318 }
 319
 320 div#headlines-toolbar {
 321         border-width : 0px 0px 1px 0px;
 322         background-color : #f0f0f0;
 323         border-color : #c0c0c0;
 324         font-size : 11px;
 325         font-family : "Segoe UI", Tahoma, sans-serif;
 326         color : gray;
 327         padding : 0px;
 328         margin : 0px;
 329         overflow : hidden;
 330         height : 25px;
 331         line-height : 25px;
 332         padding-left : 4px;
 333 }
 334
 335 div#headlines-toolbar .dijitSelect {
 336         font-size : 11px;
 337         position : relative;
 338         top : -2px;
 339 }
 340
 341 div#headlines-toolbar span.r {
 342         float: right;
 343    position: relative;
 344         padding : 0 4px 0px 4px;
 345         text-align : right;
 346 }
 347
 348 div#headlines-toolbar span.r span.error {
 349         color : red;
 350 }
 351
 352 div#headlines-toolbar span.r a {
 353         color : gray;
 354 }
 355
 356 div#headlines-toolbar span.r a:hover {
 357         color : black;
 358 }
 359
 360 span.contentPreview {
 361         color : gray;
 362         font-weight : normal;
 363 }
 364
 365 span.contentPreview:hover {
 366         color : #4684ff;
 367 }
 368
 369 span.hlLabelRef {
 370         background-color : #fff7d5;
 371         font-size : 8px;
 372         color : #063064;
 373         font-weight : normal;
 374         margin : 0px 3px 0px 3px;
 375         padding : 0px 4px 0px 4px;
 376         white-space: nowrap;
 377 }
 378
 379 div.postHeader div.postDate {
 380         text-align : right;
 381         color : gray;
 382         float : right;
 383 }
 384
 385 div.postHeader div {
 386         padding-bottom : 3px;
 387         font-size : 12px;
 388 }
 389
 390 #feedUpdateErrors {
 391         display : none;
 392 }
 393
 394 #allEntryTags {
 395         font-size : 12px;
 396         border-width : 0px 0px 1px 0px;
 397         border-style : solid;
 398         border-color : #c0c0c0;
 399         padding-bottom : 5px;
 400         display : none;
 401 }
 402
 403 div.hlFeed, div.hlFeed a {
 404         font-size : 10px;
 405         color : gray;
 406         font-style : italic;
 407         font-weight : normal;
 408         white-space: nowrap;
 409 }
 410
 411 div.hlFeed a:hover {
 412         color : #4684ff;
 413 }
 414
 415 img.markedPic, img.pubPic {
 416         cursor : pointer;
 417         vertical-align : middle;
 418 }
 419
 420 div.tagCloudContainer {
 421         border : 1px solid #c0c0c0;
 422         background-color : #ecf4ff;
 423         margin : 5px 0px 5px 0px;
 424         padding : 5px;
 425         text-align : center;
 426 }
 427
 428 div.errorExplained {
 429         border : 1px solid #c0c0c0;
 430         background-color : #ecf4ff;
 431         margin : 5px 0px 5px 0px;
 432         padding : 5px;
 433 }
 434
 435 ul.feedErrorsList {
 436         max-height : 300px;
 437         overflow : auto;
 438         list-style-type : none;
 439         border : 1px solid #c0c0c0;
 440         background-color : #ecf4ff;
 441         margin : 0px 0px 5px 0px;
 442         padding : 5px;
 443 }
 444
 445 ul.feedErrorsList em {
 446         color : gray;
 447 }
 448
 449 ul.browseFeedList {
 450         height : 300px;
 451         overflow : auto;
 452         border-width : 0px 1px 1px 1px;
 453         border-color : #c0c0c0;
 454         border-style : solid;
 455         margin : 0px 0px 5px 0px;
 456         background-color : white;
 457         list-style-type : none;
 458         padding : 0px;
 459
 460 }
 461
 462 ul.browseFeedList li {
 463         margin : 0px;
 464         padding : 2px 4px 2px 4px;
 465 }
 466
 467 span.subscribers {
 468         color : #808080;
 469 }
 470
 471 div.subscribers {
 472         color : #808080;
 473         font-size : 12px;
 474         float : right;
 475 }
 476
 477 div.browserDetails {
 478         margin : 5px 5px 5px 5px;
 479         padding : 5px;
 480 }
 481
 482 ul.compact {
 483         list-style-type : none;
 484         margin : 0px;
 485         padding : 0px;
 486 }
 487
 488 ul.compact li {
 489         margin : 0px;
 490         padding : 0px;
 491 }
 492
 493 .noborder {
 494         border-width : 0px;
 495 }
 496
 497 #overlay {
 498         background : white;
 499         left : 0;
 500         top : 0;
 501         height : 100%;
 502         width : 100%;
 503         z-index : 100;
 504         position : absolute;
 505 }
 506
 507 #overlay_inner {
 508         font-weight : bold;
 509         margin : 1em;
 510 }
 511
 512 form {
 513         margin : 0px;
 514         padding : 0px;
 515 }
 516
 517 #main_toolbar_form {
 518         margin : 0px;
 519         padding : 0px;
 520         display : table-cell;
 521         white-space : nowrap;
 522         width : 100%;
 523 }
 524
 525 div.loadingPrompt {
 526         padding : 1em;
 527         text-align : center;
 528         font-weight : bold;
 529 }
 530
 531 div.whiteBox {
 532         margin-left : 1px;
 533         text-align : center;
 534         padding : 1em;
 535 }
 536
 537 html, body#ttrssMain, #main {
 538         width: 100%;
 539         height: 100%;
 540         border: 0;
 541         padding: 0;
 542         margin: 0;
 543 }
 544
 545 #toolbar div.actionChooser {
 546         display : table-cell;
 547         text-align : right;
 548         padding-right : 3px;
 549 }
 550
 551 div.autocomplete {
 552         position : absolute;
 553         width : 250px;
 554         background-color : white;
 555         border :1px solid #778899;
 556         margin : 0px;
 557         padding : 0px;
 558 }
 559
 560 div.autocomplete ul {
 561         list-style-type : none;
 562         margin : 0px;
 563         padding : 0px;
 564 }
 565
 566 div.autocomplete ul li.selected {
 567         background-color : #fff7d5;
 568 }
 569
 570 div.autocomplete ul li {
 571         list-style-type : none;
 572         display : block;
 573         margin : 0;
 574         padding : 2px;
 575         height : 32px;
 576         cursor : pointer;
 577 }
 578
 579 a.visibleLink {
 580         color : #4684ff;
 581 }
 582
 583 .hlContentH a, .hlContentH span {
 584         color : #00cc00;
 585 }
 586
 587 .hlContentL a, .hlContentL span {
 588         color : #909090;
 589         text-decoration : line-through;
 590 }
 591
 592 span.titleWrapH, span.titleWrapH a {
 593         color : #00cc00;
 594 }
 595
 596 span.titleWrapL, span.titleWrapL a {
 597         color : #909090;
 598         text-decoration : line-through;
 599 }
 600
 601 img.hlScorePic {
 602         vertical-align : middle;
 603         width : 16px;
 604         height : 16px;
 605 }
 606
 607 div.dlgSec {
 608         font-size : 12px;
 609         color : gray;
 610         font-weight : bold;
 611         clear : both;
 612         height : 20px;
 613 }
 614
 615 div.dlgSecCont {
 616         position : relative;
 617         left : 150px;
 618         top : -20px;
 619         float : left;
 620         font-size : 12px;
 621         font-weight : normal;
 622 }
 623
 624 div.dlgSecCont hr {
 625         height : 0px;
 626         line-height : 0px;
 627         border : 0px solid transparent;
 628         margin : 2px;
 629 }
 630
 631 div.dlgSecCont > * {
 632         position : relative;
 633         top : -2px;
 634 }
 635
 636 div.dlgButtons {
 637         text-align : right;
 638         clear : both;
 639 }
 640
 641 span.labelColorIndicator {
 642         height : 14px;
 643         width : 14px;
 644         line-height : 14px;
 645         font-size : 9px;
 646         display : inline-block;
 647         border : 1px solid black;
 648         background-color : #fff7d5;
 649         color : #063064;
 650         text-align : center;
 651         margin-right : 2px;
 652 }
 653
 654 span.labelColorIndicator2 {
 655         height : 14px;
 656         width : 14px;
 657         font-size : 9px;
 658         display : inline-block;
 659         border : 1px solid black;
 660         background-color : #fff7d5;
 661         color : #063064;
 662         text-align : center;
 663         margin-right : 2px;
 664         vertical-align : bottom;
 665 }
 666
 667 div#cmdline {
 668         position : absolute;
 669         left : 5px;
 670         bottom : 5px;
 671         font-size : 11px;
 672         color : gray;
 673         font-weight : bold;
 674         background-color : white;
 675         border : 1px solid #88b0f0;
 676         padding : 3px 5px 3px 5px;
 677         z-index : 5;
 678 }
 679
 680 #feed_browser_spinner {
 681         vertical-align : middle;
 682         height : 18px;
 683         width : 18px;
 684 }
 685
 686 div.hlTitle {
 687         display : table-cell;
 688         cursor : pointer;
 689         width : 100%;
 690         vertical-align : middle;
 691         padding-top : 4px;
 692         padding-bottom : 4px;
 693 }
 694
 695 div.hlLeft {
 696         display : table-cell;
 697         vertical-align : middle;
 698         white-space: nowrap;
 699 }
 700
 701 div.hlRight {
 702         display : table-cell;
 703         white-space: nowrap;
 704         text-align : right;
 705         vertical-align : middle;
 706 }
 707
 708 div.hlRight img {
 709         max-width : 16px;
 710         max-height : 16px;
 711 }
 712
 713 span.hlUpdated {
 714         color : gray;
 715         min-width : 100px;
 716         display : table-cell;
 717         width : 100%;
 718         vertical-align : middle;
 719         text-align : right;
 720         font-size : 10px;
 721         font-weight : normal;
 722 }
 723
 724 div.hlLeft {
 725         padding-left : 8px;
 726 }
 727
 728 div.hlLeft input {
 729         margin-left : 4px;
 730         margin-right : 4px;
 731 }
 732
 733 div.hlLeft img, div.hlRight img {
 734         margin : 0px 4px 0px 4px;
 735 }
 736
 737 div.hlLeft img {
 738         width : 16px;
 739         height : 16px;
 740 }
 741
 742 div.fatalError {
 743         margin-bottom : 10px;
 744 }
 745
 746 div.fatalError button {
 747         margin-top : 5px;
 748 }
 749
 750 div.fatalError textarea {
 751         width : 100%;
 752         height : 100px;
 753 }
 754
 755 #main {
 756         border-width : 0px;
 757         margin : 0px;
 758         padding : 0px;
 759 }
 760
 761 #header-wrap {
 762         border-width : 0px;
 763         margin : 0px;
 764         padding : 0px;
 765 }
 766
 767 #content-wrap {
 768         padding : 0px;
 769         border-width : 0px 0px 1px 1px;
 770         border-style : solid;
 771         border-color : #c0c0c0;
 772         margin : 0px;
 773 }
 774
 775 #feeds-holder {
 776         padding : 0px;
 777         border-color : #88b0f0;
 778         border-left-width : 0px;
 779         border-bottom-width : 0px;
 780         border-top-width : 0px;
 781         overflow : auto;
 782 }
 783
 784 #headlines-wrap-inner {
 785         padding : 0px;
 786         margin : 0px;
 787         border-width : 0px;
 788 }
 789
 790 #feedTree {
 791         overflow : visible;
 792 }
 793
 794 #headlines-frame {
 795         padding : 0px;
 796         border-color : #88b0f0;
 797         border-left-width : 0px;
 798         border-right-width : 0px;
 799         margin-top : 0px;
 800         border-top-width : 0px;
 801 }
 802
 803 #headlines-toolbar_splitter, #toolbar_splitter {
 804         display : none;
 805 }
 806
 807 #toolbar {
 808         padding : 0px;
 809         margin : 0px;
 810         border-width : 0px;
 811         white-space: nowrap;
 812         font-size : 11px;
 813 }
 814
 815 #header {
 816         border-width : 0px;
 817         text-align : right;
 818         color : gray;
 819         padding : 5px 5px 0px 0px;
 820         margin : 0px;
 821         position : absolute;
 822         right : 0px;
 823         top : 0px;
 824         z-index : 5;
 825 }
 826
 827 #footer {
 828         text-align : center;
 829         color : gray;
 830         padding : 4px 4px 8px 4px;
 831         border-width : 0px;
 832 }
 833
 834 #content-insert {
 835         padding : 0px;
 836         border-color : #88b0f0;
 837         border-bottom-width : 0px;
 838         border-right-width : 0px;
 839         border-left-width : 0px;
 840         overflow : auto;
 841 }
 842
 843 .dijitTreeLabel.Unread {
 844         font-weight : bold;
 845 }
 846
 847 .feedParam {
 848         color : gray;
 849         float : right;
 850         margin-right : 1em;
 851 }
 852
 853 .labelParam {
 854         float : right;
 855         margin-right : 1em;
 856 }
 857
 858 .dijitTreeLabel.Disabled, .labelParam.Disabled {
 859         color : gray;
 860 }
 861
 862 .dijitTreeRow.Error {
 863         color : red;
 864 }
 865
 866 .dijitTreeRow.Hidden {
 867         display : none;
 868 }
 869
 870 img.feedIcon, img.tinyFeedIcon {
 871         width : 16px;
 872         height : 16px;
 873         vertical-align : middle;
 874         display : inline-block;
 875 }
 876
 877 .dijitDialog .dijitToolbar {
 878         border : 1px solid #c0c0c0;
 879 }
 880
 881 .dijitDialog h2 {
 882         margin-top : 0px;
 883         margin-bottom : 4px;
 884         border-width : 0px;
 885 }
 886
 887 .player {
 888         display : inline-block;
 889         color : gray;
 890         font-size : 11px;
 891         font-family : sans-serif;
 892         border : 1px solid gray;
 893         padding : 0px 4px 0px 4px;
 894         margin : 0px 2px 0px 2px;
 895         width : 50px;
 896         text-align : center;
 897         background : white;
 898 }
 899
 900 .player.playing {
 901         color : #00c000;
 902         border-color : #00c000;
 903 }
 904
 905 .player:hover {
 906         background : #f0f0f0;
 907         cursor : pointer;
 908 }
 909
 910 #headlines-spacer {
 911         height : 100%;
 912         margin-left : 1px;
 913         text-align : center;
 914         padding : 1em;
 915         color : gray;
 916 }
 917
 918 ul#filterDlg_Matches, ul#filterDlg_Actions {
 919         max-height : 100px;
 920         overflow : auto;
 921         list-style-type : none;
 922         border-style : solid;
 923         border-color : #c0c0c0;
 924         border-width : 0px 1px 1px 1px;
 925         background-color : #ecf4ff;
 926         margin : 0px 0px 5px 0px;
 927         padding : 0px;
 928 }
 929
 930 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
 931         cursor : pointer;
 932         padding : 0px 0px 0px 5px;
 933 }
 934
 935 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
 936         margin-right : 5px;
 937 }
 938
 939 ul.helpKbList {
 940         max-height : 300px;
 941         overflow : auto;
 942         list-style-type : none;
 943         border : 1px solid #c0c0c0;
 944         background-color : #ecf4ff;
 945         margin : 0px 0px 5px 0px;
 946         padding : 5px;
 947 }
 948
 949 ul.helpKbList span.hksequence {
 950         width : 6em;
 951         margin-left : 20px;
 952         color : #88b0f0;
 953         font-weight : bold;
 954         display : inline-block;
 955 }
 956
 957 ul.helpKbList h2 {
 958         margin-top : 0px;
 959 }
 960
 961 .dijitTreeNode .loadingNode {
 962         margin-left : 3px;
 963 }
 964
 965 span.collapseBtn {
 966         cursor : pointer;
 967 }
 968
 969 div.postContent p {
 970         max-width : 650px;
 971 }
 972
 973 div.postContent iframe {
 974         min-width : 50%;
 975 }
 976
 977 div.postHeader span.author {
 978         color : gray;
 979         font-size : 11px;
 980         font-weight : normal;
 981 }
 982
 983 body#ttrssZoom {
 984         margin-left : auto;
 985         margin-right : auto;
 986         padding : 2em;
 987         max-width : 800px;
 988         background : #f0f0f0;
 989 }
 990
 991 body#ttrssZoom div.postContent p {
 992         max-width : 650px;
 993 }
 994
 995 body#ttrssZoom div.postReply {
 996         border : 1px solid #ccc;
 997         box-shadow : 0px 0px 3px #ccc;
 998 }
 999
1000 body#ttrssZoom div.postContent {
1001         background-color : white;
1002 }
1003
1004 body#ttrssZoom div.footer {
1005         margin-top : 1em;
1006         text-align : center;
1007 }
1008
1009 body#ttrssZoom div.postContent img {
1010         max-width : 650px;
1011         height : auto;
1012 }
1013
1014 select.attachments {
1015         display : block;
1016         margin-top : 10px;
1017         max-width : 120px;
1018 }
1019
1020 div.hl.active {
1021         border-color : #88b0f0;
1022 }
1023
1024 div.hl.active a.title {
1025         color : #4684ff;
1026 }
1027
1028 #selected_prompt {
1029         margin-right : 25px;
1030 }