<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body><div>The "obvious" solution is to prepend a UUID to every class within a message, in the same way that MIME part separators are generated.<br></div>
<div> </div>
<div>The downside is that everybody[tm] is not doing to trust that your classes aren't going to leak outside your message, so they will defang your classes by adding more to them as well. That's what we do at FastMail to stop classes leaking. It's a mess.<br></div>
<div> </div>
<div>The big advantage of just putting the font elements on everything is that it's simple, and it works everywhere. Sadly, that's sometimes better than perfect.<br></div>
<div> </div>
<div>Bron.<br></div>
<div> </div>
<div>On Sat, Mar 7, 2015, at 11:17 PM, Axel Grude wrote:<br></div>
<blockquote type="cite"><div><div>Dear Bron,
<br></div>
<div> </div>
<div>
Of course I know these features all work via using <font>
tags and other inline code, but the problem is if you want to
define style (e.g. blue large headers) this is best implemented
via CSS classes. One of the problems with CSS classes ist that
they are in the global namespace which means that they may affect
quotes material as well as follow on emails.<br></div>
<div> </div>
<div>
One of my users has defined his reply texts to be in blue, however
this also now affects my replies to him to also show up in blue.
SO this is not a trivial request.<br></div>
<div> </div>
<div>
on the other hand using font tags is not very efficient as you
need to replicate your styles on each individual element /
passage. The real trick is come up with a style / template
strategy that is both robust (does not change its properties when
quoted in another email) and easy to ise (such as predefined
paragraph styles).<br></div>
<div> </div>
<div>
As regards building better frontend for CSS this is a relatively
easy task that I want to look into in the future; however the
"persistent paragraph styles surviving the global namespace" has
to be solved first. Ideally the CSS should be scoped to one
quote-level only (also, the bug about the encoded child selector
">" within style tags is still open).<br></div>
<div> </div>
<div>
regards,<br></div>
<div>
Axel<br></div>
<div> </div>
<div> </div>
<div>
-- <br></div>
<div style="width: 65%; padding: 0.8em 1.2em;
 font:x-small verdana; color: #444; box-shadow: 4px 4px 9px -2px
 rgba(0,0,0,0.65); border-radius: 1em; padding: 0.4em 2em;
 border: 1px dashed #444; background: rgb(230,240,163);background: 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%);"><b style="text-shadow: 1px 1px 2px #DDD;
 transition:font-size 0.5s;"><a defang_rel="noreferrer" style="transition: font-size 0.5s ease 0s; cursor: pointer;" href="mailto:axel.grude@gmail.com">Axel Grude</a></b> <br></div>
<div style="width: 65%; padding: 0.8em 1.2em;
 font:x-small verdana; color: #444; box-shadow: 4px 4px 9px -2px
 rgba(0,0,0,0.65); border-radius: 1em; padding: 0.4em 2em;
 border: 1px dashed #444; background: rgb(230,240,163);background: 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%);">
Software Developer
<br></div>
<div style="width: 65%; padding: 0.8em 1.2em;
 font:x-small verdana; color: #444; box-shadow: 4px 4px 9px -2px
 rgba(0,0,0,0.65); border-radius: 1em; padding: 0.4em 2em;
 border: 1px dashed #444; background: rgb(230,240,163);background: 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%);">
Thunderbird Add-ons Developer
<span style="color:rgb(102, 102, 102)" class="colour"><span style="font-size:xx-small" class="size">(QuickFolders,
quickFilters, QuickPasswords, Zombie Keys, SmartTemplate4)</span></span> <br></div>
<div style="width: 65%; padding: 0.8em 1.2em;
 font:x-small verdana; color: #444; box-shadow: 4px 4px 9px -2px
 rgba(0,0,0,0.65); border-radius: 1em; padding: 0.4em 2em;
 border: 1px dashed #444; background: rgb(230,240,163);background: 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%);">
AMO Editor <img style="margin-top: 1em; float: right; box-shadow: 1px 1px 2px rgba(20, 20, 20, 0.4); transition: all 0.4s ease-out 0s;" src="cid:part2.03060200.06060603@gmail.com" alt="Get
 Thunderbird!" width="94" height="15"><br></div>
</div>
<div><div> </div>
<blockquote type="cite" style="padding-bottom:30px !important;"><div style="font-size: x-small; padding:1em;
 background-color:rgba(220,220,240,0.4); border-radius:3px;"><b style="color: rgb(153, 0, 51); font-weight: bold;">Subject:</b>
Re: The infamous Mozilla core editor<br></div>
<div style="font-size: x-small; padding:1em;
 background-color:rgba(220,220,240,0.4); border-radius:3px;"> <b style="color: rgb(153, 0, 51); font-weight: bold;">To:</b> <a defang_rel="noreferrer" href="mailto:tb-planning@mozilla.org">tb-planning@mozilla.org</a> <br></div>
<div style="font-size: x-small; padding:1em;
 background-color:rgba(220,220,240,0.4); border-radius:3px;"> <b style="color: rgb(153, 0, 51); font-weight: bold;">From: </b>Bron Gondwana<br></div>
<div style="font-size: x-small; padding:1em;
 background-color:rgba(220,220,240,0.4); border-radius:3px;"> <b style="color: rgb(153, 0, 51); font-weight: bold;">Sent: </b>Saturday, 07/03/2015 04:25:29 04:25 GMT ST +0000
[Week 9]<br></div>
</blockquote></div>
<blockquote cite="mid:1425702329.3943422.236757797.46C0A2FD@webmail.messagingengine.com" type="cite"><div>On Fri, Mar 6, 2015, at 07:24 PM, Aceman wrote:<br></div>
<div>> Is this actually a full featured editor with equivalent
features to the code editor? At 11KB in size of JS, it looks to
me it mainly allows text formatting.<br></div>
<div>> But what about images, tables, lists, indents?<br></div>
<div> </div>
<ul><li><div><u>Lists and indents work fine.</u><br></div>
</li><li><div>Image inclusion works<br></div>
</li></ul><div style="position: relative; margin: 1em auto; max-width:
 720px;"> </div>
<div> </div>
<div>You can even<br></div>
<ul><li><div>create indented<br></div>
<ol><li><div>lists<br></div>
</li><li><div>with numbers<br></div>
</li><li><div>and stuff<br></div>
</li></ol></li></ul><div>I'm not so sure about tables though...<br></div>
<div> </div>
<div><span style="font-family:helvetica,arial,sans-serif,sans-serif" class="font"><span style="font-size:22px" class="size">Certainly changing fonts is<i><span style="color:rgb(178, 34, 34)" class="colour">definitely</span></i>
supported.</span></span><br></div>
<div> </div>
<div> </div>
<div>> (Am sure somebody would like CSS insertion, but I am not
sure that is in the base TB editor now).<br></div>
<div> </div>
<div dir="ltr">I would have to ask Neil about
that. It's pretty good about taking existing HTML and keeping
it working in quoted messages too.<br></div>
<div> </div>
<div>--<br></div>
<div>Bron Gondwana<br></div>
<div><a defang_rel="noreferrer" href="mailto:brong@fastmail.fm">brong@fastmail.fm</a><br></div>
<div> </div>
<div> </div>
<pre>_______________________________________________
tb-planning mailing list
<a defang_rel="noreferrer" href="mailto:tb-planning@mozilla.org">tb-planning@mozilla.org</a> <a defang_rel="noreferrer" href="https://mail.mozilla.org/listinfo/tb-planning">https://mail.mozilla.org/listinfo/tb-planning</a><br></pre></blockquote><div> </div>
<div> </div>
<div><img src="cid:part2.03060200.06060603@gmail.com" style="max-width:100%; height:auto;"><br></div>
<p>Email had 1 attachment:<br></p><ul><li><code>thunderbird_blog2.png</code><br> 1k (image/png)</li></ul></blockquote><div> </div>
<div id="sig567075"><div class="signature">--<br></div>
<div class="signature">Bron Gondwana<br></div>
<div class="signature">brong@fastmail.fm<br></div>
<div class="signature"> </div>
</div>
<div> </div>
</body>
</html>