<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body smarttemplateinserted="true">
    <div id="smartTemplate4-template">
      <style>.snipped { 
  border: 1px solid rgba(90,90,90,0.2); padding: 3px; 
  background: linear-gradient(to bottom, #fdeff4 0%,#fdb9bd 51%,#fea2a3 59%,#ff999e 100%);
}
#agGmail {
  margin-left: 6px;
}
#agGmail, #agGmail p {
  font-family: Cambria, Georgia, serif !important; 
  font-size:11pt; 
  text-align: left; 
}
#agGmail p {
  max-width: 950px;
}
</style>
      <div id="agGmail">
        <p>I bet this has been suggested already (or may be a silly
          suggestion) but what about adding unique parent containers
          (div) and re-scoping all rules with parent selectors?
          (Obviously not gonna work with body rules but could it work
          with everything else?)</p>
        <p>Axel<br>
        </p>
        <p> </p>
        <style type="text/css">
.myNameAG {
  text-shadow: 1px 1px 2px #DDD; 
  transition:font-size 0.5s;
}
.myNameAG:hover, .myNameAG a:hover 
{ font-size:13pt; text-shadow: 3px 3px 4px rgba(200,250,200,0.7);}
.moz-signature {opacity: 1.0 !important;}
.myNameAG a { cursor: pointer !important; transition:font-size 0.5s;}
.myLogoAG {
  transition: all .4s ease-out;
}

.myLogoAG:hover {
  transform: scale(3) translate(-30px,-5px);
}
#SignatureAG, :not(blockquote) #SignatureAG {
  background: rgb(230,240,163); 
  background-image: linear-gradient(to bottom, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
  color: #444; 
  box-shadow: 4px 4px 9px -2px rgba(0,0,0,0.65); 
  border-radius: 0.7em; padding: 0.8em 1.2em; 
  border: 1px dashed #8080A0; 
  font-size: 11pt !important;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
  width: 65%; 
}
.AddonList a {
  color: #666666; 
  font-size: 10pt !important;
}
</style>
        <div id="SignatureAG"> <b class="myNameAG"><a
              href="mailto:axel.grude@gmail.com">Axel Grude</a></b> <br>
          Music Production and Composition <br>
          Thunderbird Add-ons Developer <span class="AddonList">(<a
href="https://addons.thunderbird.net/thunderbird/addon/quickfolders-tabbed-folders/">QuickFolders</a>,
            <a
              href="https://addons.thunderbird.net/thunderbird/addon/quickfilters/">quickFilters</a>,
            <a
              href="https://addons.mozilla.org/firefox/addon/quickpasswords/">QuickPasswords</a>,
            <a
              href="https://addons.thunderbird.net/thunderbird/addon/zombie-keys/">Zombie
              Keys</a>, <a
              href="https://addons.thunderbird.net/thunderbird/addon/smarttemplate4/">SmartTemplate⁴</a>)</span>
          <br>
          Visit my <a href="https://www.youtube.com/c/thunderbirddaily">YouTube
            Channel</a> for email productivity tips <img
            style="margin-top: 1em; float: right; box-shadow: 1px 1px
            2px rgba(20, 20, 20, 0.4);" moz-do-not-send="false"
            class="myLogoAG" src="cid:part8.72317EF3.6BE98D53@gmail.com"
            alt="Get Thunderbird!" width="94" height="15">
        </div>
      </div>
    </div>
    <div id="smartTemplate4-quoteHeader">
      <style type="text/css" scoped="">
#newHeaderAG1 b { font-weight:bold; color: #990033; min-width: 4.5em; max-width:none; display:inline-block;}
</style>
      <blockquote type="cite" style="margin-bottom: -20px !important;
        padding-bottom:20px !important;">
        <div id="newHeaderAG1" style="font-size: x-small; padding:1em;
          background-color:rgba(220,220,240,0.4); border-radius:3px;"> <b>Subject:</b>Re:
          Product decision regarding HTML/CSS email and digital
          signatures<br>
          <b>From:</b>Ben Bucksch <a class="moz-txt-link-rfc2396E" href="mailto:ben.bucksch@beonex.com"><ben.bucksch@beonex.com></a><br>
          <b>To:</b><a class="moz-txt-link-abbreviated" href="mailto:Tb-Planning@mozilla.org">Tb-Planning@mozilla.org</a>
          <a class="moz-txt-link-rfc2396E" href="mailto:tb-planning@mozilla.org"><tb-planning@mozilla.org></a> <br>
          <b>Sent: </b>Friday, 4/12/2020 23:06<br>
        </div>
      </blockquote>
    </div>
    <blockquote type="cite"
      cite="mid:ecc5eb0e-7594-ce20-346f-8ed10cc0f430@beonex.com">Am
      04.12.20 um 21:35 schrieb Patrick Brunschwig:
      <br>
      <blockquote type="cite">I think that the problem lies even deeper.
        Dirk showed nicely (though
        <br>
        unintentionally) that CSS from a message part will leak into all
        other
        <br>
        message parts. And _that_ is the source of all problems. When it
        comes
        <br>
        to signed and/or encrypted messages, you can do all sorts of
        harm, for
        <br>
        example by wrapping a signed message part into an unsigned
        message part.
        <br>
        You'd then only need some nice CSS rules, to make the message
        look like
        <br>
        signed, but the message displayed is any arbitrary content.
        <br>
        <br>
        If we could separate the message parts properly from each other
        - both
        <br>
        when displaying and when replying - then we would not need to
        try to
        <br>
        modify CSS rules. That would fix the root cause of all problems.
        <br>
      </blockquote>
      <br>
      <br>
      I agree. We should have done that in TB 52 when the first slew of
      these bugs hit.
      <br>
      <br>
      It's not trivial - otherwise it would have been done 20 years ago
      - but it's possible. Jörg has digged out some older bugs *1 that
      show this. Please look particularly at bug 9942.
      <br>
      <br>
      The right approach is to put message header, message body, and
      each attachment, each in their own <iframe>, and then
      calculate the iframe inner size, and set the iframe outer size to
      its inner size, i.e. intrinsically sizing them. That allows all
      parts to scroll together as one, and we can even finally scroll
      the message header. This is the only real solution that I see.
      <br>
      <br>
      Ben
      <br>
      <br>
      <br>
      *1
      <br>
      <br>
      <a class="moz-txt-link-freetext" href="https://bugzilla.mozilla.org/show_bug.cgi?id=31052">https://bugzilla.mozilla.org/show_bug.cgi?id=31052</a>
      <br>
      <br>
      <a class="moz-txt-link-freetext" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1297653#c41">https://bugzilla.mozilla.org/show_bug.cgi?id=1297653#c41</a> -->
      <br>
      <br>
      <a class="moz-txt-link-freetext" href="https://bugzilla.mozilla.org/show_bug.cgi?id=9942">https://bugzilla.mozilla.org/show_bug.cgi?id=9942</a>
      <br>
      <br>
      <br>
      _______________________________________________
      <br>
      tb-planning mailing list
      <br>
      <a class="moz-txt-link-abbreviated" href="mailto:tb-planning@mozilla.org">tb-planning@mozilla.org</a>
      <br>
      <a class="moz-txt-link-freetext" href="https://mail.mozilla.org/listinfo/tb-planning">https://mail.mozilla.org/listinfo/tb-planning</a>
      <br>
    </blockquote>
  </body>
</html>