<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
</head>
<body smarttemplateinserted="true" text="#000000" bgcolor="#FFFFFF">
<div id="smartTemplate4-template">Dear Bron,
<br>
<br>
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>
<br>
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>
<br>
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>
<br>
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>
<br>
regards,<br>
Axel<br>
<br>
<br>
-- <br>
<style type="text/css">
.myName:hover, .myName a:hover { font-size:13pt; text-shadow: 3px 3px 4px rgba(200,250,200,0.7);}
.moz-signature {opacity: 1.0 !important;}
.myName a { cursor: pointer !important; transition:font-size 0.5s;}
.myLogo {
transition: all .4s ease-out;
}
/*
.myLogo:not(:hover) {
-moz-animation-delay: 1s;
-moz-animation-duration: 3s;
-moz-animation-name: qfIconRotateX;
-moz-animation-iteration-count: infinite;
}
*/
.myLogo:hover {
transform: scale(3) translate(-30px,-5px);
}
@keyframes qfIconRotateX {
from { transform: rotateX(0deg); }
to { transform: rotateX(359deg); }
}
</style>
<div id="mySignature" 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 class="myName" style="text-shadow: 1px 1px 2px #DDD;
transition:font-size 0.5s;"><a
href="mailto:axel.grude@gmail.com">Axel Grude</a></b>
<br>
Software Developer
<br>
Thunderbird Add-ons Developer
<span style="color:#666666; font-size:xx-small">(QuickFolders,
quickFilters, QuickPasswords, Zombie Keys, SmartTemplate4)</span>
<br>
AMO Editor <img style="margin-top: 1em; float: right;
box-shadow: 1px 1px 2px rgba(20, 20, 20, 0.4);"
moz-do-not-send="false" class="myLogo"
src="cid:part2.03060200.06060603@gmail.com" alt="Get
Thunderbird!" height="15" width="94">
</div>
</div>
<div id="smartTemplate4-quoteHeader">
<style type="text/css">
#newHeader b { font-weight:bold; color: #990033; }
</style><br>
<blockquote type="cite" style="margin-bottom: -30px !important;
padding-bottom:30px !important;">
<div id="newHeader" style="font-size: x-small; padding:1em;
background-color:rgba(220,220,240,0.4); border-radius:3px;"> <b>Subject:</b>
Re: The infamous Mozilla core editor<br>
<b>To:</b> <a class="moz-txt-link-abbreviated" href="mailto:tb-planning@mozilla.org">tb-planning@mozilla.org</a> <br>
<b>From: </b>Bron Gondwana<br>
<b>Sent: </b>Saturday, 07/03/2015 04:25:29 04:25 GMT ST +0000
[Week 9]<br>
</div>
</blockquote>
</div>
<blockquote class=" cite"
id="mid_1425702329_3943422_236757797_46C0A2FD_webmail_messagingengine_com"
cite="mid:1425702329.3943422.236757797.46C0A2FD@webmail.messagingengine.com"
type="cite">
<title></title>
<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;" contenteditable="false"><br>
</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: #b22222" 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" class="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 class="moz-txt-link-abbreviated" href="mailto:brong@fastmail.fm">brong@fastmail.fm</a><br>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
tb-planning mailing list
<a class="moz-txt-link-abbreviated" href="mailto:tb-planning@mozilla.org">tb-planning@mozilla.org</a>
<a class="moz-txt-link-freetext" href="https://mail.mozilla.org/listinfo/tb-planning">https://mail.mozilla.org/listinfo/tb-planning</a>
</pre>
</blockquote>
<br>
<br>
</body>
</html>