<?xml version="1.0"?>
<rss version="2.0">
<channel>
<title>TwHelp</title>
<link>http://www.tiddlywiki.com/</link>
<description>        TiddlyWiki help file for beginners </description>
<language>en-us</language>
<copyright>Copyright 2007 MorrisGray</copyright>
<pubDate>Fri, 13 Apr 2007 02:25:56 GMT</pubDate>
<lastBuildDate>Fri, 13 Apr 2007 02:25:56 GMT</lastBuildDate>
<docs>http://blogs.law.harvard.edu/tech/rss</docs>
<generator>TiddlyWiki 2.1.3</generator>
<item>
<title>AdvancedOptions</title>
<description>&lt;hr&gt;&lt;a tiddlylink=&quot;AdvancedOptions&quot; refresh=&quot;link&quot; target=&quot;_blank&quot; title=&quot;External link to #AdvancedOptions&quot; href=&quot;#AdvancedOptions&quot; class=&quot;externalLink&quot;&gt;Detach Advanced Options&lt;/a&gt;&lt;br&gt;&lt;a class=&quot;button&quot; title=&quot;Change TiddlyWiki advanced options&quot; href=&quot;javascript:;&quot;&gt;+options&lt;/a&gt;&lt;div tiddler=&quot;OptionsPanel&quot; refresh=&quot;content&quot; style=&quot;display: none;&quot; cookie=&quot;chkSliderOptionsPanel&quot; class=&quot;sliderPanel&quot;&gt;These &lt;a tiddlylink=&quot;InterfaceOptions&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'InterfaceOptions' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;InterfaceOptions&lt;/a&gt; for customising &lt;a tiddlylink=&quot;TiddlyWiki&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;TiddlyWiki - MorrisGray, Tuesday, 23 January, 2007 01:06:00&quot; href=&quot;javascript:;&quot;&gt;TiddlyWiki&lt;/a&gt; are saved in your browser&lt;br&gt;&lt;br&gt;Your username for signing your edits. Write it as a &lt;a tiddlylink=&quot;WikiWord&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'WikiWord' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;WikiWord&lt;/a&gt; (eg &lt;a tiddlylink=&quot;JoeBloggs&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'JoeBloggs' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;JoeBloggs&lt;/a&gt;)&lt;br&gt;&lt;br&gt;&lt;input size=&quot;15&quot; option=&quot;txtUserName&quot;&gt;&lt;br&gt;&lt;input option=&quot;chkSaveBackups&quot; type=&quot;checkbox&quot;&gt; &lt;a tiddlylink=&quot;SaveBackups&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'SaveBackups' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;SaveBackups&lt;/a&gt;&lt;br&gt;&lt;input option=&quot;chkAutoSave&quot; type=&quot;checkbox&quot;&gt; &lt;a tiddlylink=&quot;AutoSave&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'AutoSave' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;AutoSave&lt;/a&gt;&lt;br&gt;&lt;input option=&quot;chkRegExpSearch&quot; type=&quot;checkbox&quot;&gt; &lt;a tiddlylink=&quot;RegExpSearch&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'RegExpSearch' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;RegExpSearch&lt;/a&gt;&lt;br&gt;&lt;input option=&quot;chkCaseSensitiveSearch&quot; type=&quot;checkbox&quot;&gt; &lt;a tiddlylink=&quot;CaseSensitiveSearch&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'CaseSensitiveSearch' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;CaseSensitiveSearch&lt;/a&gt;&lt;br&gt;&lt;input option=&quot;chkAnimate&quot; type=&quot;checkbox&quot;&gt; &lt;a tiddlylink=&quot;EnableAnimations&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'EnableAnimations' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;EnableAnimations&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;hr&gt;&lt;a tiddlylink=&quot;AdvancedOptions&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;AdvancedOptions - MorrisGray, Friday, 13 April, 2007 12:24:55&quot; href=&quot;javascript:;&quot;&gt;AdvancedOptions&lt;/a&gt;&lt;br&gt;&lt;a tiddlylink=&quot;PluginManager&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting shadow&quot; title=&quot;The tiddler 'PluginManager' doesn't yet exist, but has a pre-defined shadow value&quot; href=&quot;javascript:;&quot;&gt;PluginManager&lt;/a&gt;&lt;br&gt;&lt;a tiddlylink=&quot;ImportTiddlers&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting shadow&quot; title=&quot;The tiddler 'ImportTiddlers' doesn't yet exist, but has a pre-defined shadow value&quot; href=&quot;javascript:;&quot;&gt;ImportTiddlers&lt;/a&gt;&lt;/div&gt;&lt;br&gt;&lt;hr&gt;&lt;input option=&quot;chkGenerateAnRssFeed&quot; type=&quot;checkbox&quot;&gt; &lt;a tiddlylink=&quot;GenerateAnRssFeed&quot; refresh=&quot;link&quot; target=&quot;_blank&quot; title=&quot;External link to #GenerateAnRssFeed&quot; href=&quot;#GenerateAnRssFeed&quot; class=&quot;externalLink&quot;&gt;GenerateAnRssFeed&lt;/a&gt;&lt;br&gt;&lt;input option=&quot;chkRegExpSearch&quot; type=&quot;checkbox&quot;&gt; &lt;a tiddlylink=&quot;RegExpSearch&quot; refresh=&quot;link&quot; target=&quot;_blank&quot; title=&quot;External link to #RegExpSearch&quot; href=&quot;#RegExpSearch&quot; class=&quot;externalLink&quot;&gt;RegExpSearch&lt;/a&gt;&lt;br&gt;&lt;input option=&quot;chkCaseSensitiveSearch&quot; type=&quot;checkbox&quot;&gt; &lt;a tiddlylink=&quot;CaseSensitiveSearch&quot; refresh=&quot;link&quot; target=&quot;_blank&quot; title=&quot;External link to #CaseSensitiveSearch&quot; href=&quot;#CaseSensitiveSearch&quot; class=&quot;externalLink&quot;&gt;CaseSensitiveSearch&lt;/a&gt;&lt;br&gt;&lt;input option=&quot;chkHttpReadOnly&quot; type=&quot;checkbox&quot;&gt; Hide Editing Features &lt;br&gt;&lt;input option=&quot;chkSearchTitles&quot; type=&quot;checkbox&quot;&gt; Search tiddler titles&lt;br&gt;&lt;input option=&quot;chkSearchText&quot; type=&quot;checkbox&quot;&gt; Search tiddler text&lt;br&gt;&lt;input option=&quot;chkSearchTags&quot; type=&quot;checkbox&quot;&gt; Search in tiddler tags&lt;br&gt;&lt;input option=&quot;chkSearchTitlesFirst&quot; type=&quot;checkbox&quot;&gt; Show title matches first&lt;br&gt;&lt;input option=&quot;chkSearchList&quot; type=&quot;checkbox&quot;&gt; Show list of matching tiddlers&lt;br&gt;&lt;input option=&quot;chkHoldSearches&quot; type=&quot;checkbox&quot;&gt; Hold search results&lt;br&gt;&lt;input option=&quot;chkOpenInNewWindow&quot; type=&quot;checkbox&quot;&gt; &lt;a tiddlylink=&quot;OpenLinksInNewWindow&quot; refresh=&quot;link&quot; target=&quot;_blank&quot; title=&quot;External link to #OpenLinksInNewWindow&quot; href=&quot;#OpenLinksInNewWindow&quot; class=&quot;externalLink&quot;&gt;OpenLinksInNewWindow&lt;/a&gt;&lt;br&gt;&lt;input option=&quot;chkSaveEmptyTemplate&quot; type=&quot;checkbox&quot;&gt; &lt;a tiddlylink=&quot;SaveEmptyTemplate&quot; refresh=&quot;link&quot; target=&quot;_blank&quot; title=&quot;External link to #SaveEmptyTemplate&quot; href=&quot;#SaveEmptyTemplate&quot; class=&quot;externalLink&quot;&gt;SaveEmptyTemplate&lt;/a&gt;&lt;br&gt;&lt;input option=&quot;chkSinglePageMode&quot; type=&quot;checkbox&quot;&gt; Display one tiddler at a time&lt;br&gt;&lt;input option=&quot;chkToggleLinks&quot; type=&quot;checkbox&quot;&gt; Click open links to close&lt;br&gt;&lt;sup&gt;(override with Control or other modifier key)&lt;/sup&gt;&lt;br&gt;Maximum number of lines in a tiddler edit box: &lt;input size=&quot;15&quot; option=&quot;txtMaxEditRows&quot;&gt;&lt;br&gt;Folder name for backup files: &lt;input size=&quot;15&quot; option=&quot;txtBackupFolder&quot;&gt;&lt;br&gt;Your username for signing your edits. Write it as a &lt;a tiddlylink=&quot;WikiWord&quot; refresh=&quot;link&quot; target=&quot;_blank&quot; title=&quot;External link to #WikiWord&quot; href=&quot;#WikiWord&quot; class=&quot;externalLink&quot;&gt;WikiWord&lt;/a&gt; (eg &lt;a tiddlylink=&quot;JoeBloggs&quot; refresh=&quot;link&quot; target=&quot;_blank&quot; title=&quot;External link to #JoeBloggs&quot; href=&quot;#JoeBloggs&quot; class=&quot;externalLink&quot;&gt;JoeBloggs&lt;/a&gt;)&lt;br&gt;&lt;input size=&quot;15&quot; option=&quot;txtUserName&quot;&gt;</description>
<link>http://www.tiddlywiki.com/#AdvancedOptions</link>
<pubDate>Fri, 13 Apr 2007 02:24:55 GMT</pubDate>
</item>
<item>
<title>TOC</title>
<description>&lt;br&gt;&lt;ul&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show Overview&quot; href=&quot;javascript:;&quot;&gt;Overview&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;OverView&quot; refresh=&quot;content&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(153, 170, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(155, 171, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(157, 173, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(159, 175, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(161, 176, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(163, 178, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(165, 180, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(167, 181, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(169, 183, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(171, 185, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(173, 187, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(175, 188, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(177, 190, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(179, 192, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(181, 193, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(183, 195, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(185, 197, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(187, 198, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(189, 200, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(191, 202, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(193, 204, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(195, 205, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(197, 207, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(199, 209, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(201, 210, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 212, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 214, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(208, 215, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(210, 217, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(212, 219, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(214, 221, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(216, 222, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(218, 224, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(220, 226, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(222, 227, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(224, 229, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(226, 231, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(228, 232, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(230, 234, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(232, 236, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(234, 238, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(236, 239, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(238, 241, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(240, 243, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(242, 244, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(244, 246, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(246, 248, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(248, 249, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(250, 251, 254);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(252, 253, 254);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span style=&quot;color: rgb(51, 0, 204);&quot;&gt;&lt;img src=&quot;http://img224.imageshack.us/img224/495/arrowblk3op.gif&quot;&gt;&lt;strong&gt; Simple&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;/h3&gt;&lt;blockquote&gt;&lt;strong&gt;The web page&lt;/strong&gt; you are viewing is called a &lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;TiddlyWiki&lt;/strong&gt;&lt;/span&gt;. The TiddlyWiki structure can be considered similiar to a card file used for recipes or an address book but does much, much more.  In a TiddlyWiki the 'cards' are called &lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;tiddlers&lt;/strong&gt;&lt;/span&gt;.&lt;strong&gt; &lt;/strong&gt;You are presently reading the contents of a &lt;strong&gt;tiddler&lt;/strong&gt; entitled &lt;span style=&quot;color: rgb(51, 0, 204);&quot;&gt;&lt;strong&gt;OverView&lt;/strong&gt;&lt;/span&gt;. &lt;strong&gt;You can start a new tiddler by&lt;/strong&gt; clicking&lt;a newtemplate=&quot;2&quot; newfocus=&quot;title&quot; params=&quot;&quot; isjournal=&quot;false&quot; newtitle=&quot;New Tiddler&quot; accesskey=&quot;N&quot; class=&quot;button&quot; title=&quot;Create a new tiddler&quot; href=&quot;javascript:;&quot;&gt;new tiddler&lt;/a&gt;.&lt;br&gt;&lt;ul&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://en.wikipedia.org/wiki/TiddlyWiki&quot; href=&quot;http://en.wikipedia.org/wiki/TiddlyWiki&quot; class=&quot;externalLink&quot;&gt;Read about TiddlyWiki in Wikipedia&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://giffmex.tiddlyspot.com/&quot; href=&quot;http://giffmex.tiddlyspot.com/&quot; class=&quot;externalLink&quot;&gt;See a showcase of what others have done with TiddlyWikis&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/blockquote&gt;&lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;&lt;span&gt;»&lt;/span&gt; &lt;span&gt;»&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;a class=&quot;button&quot; title=&quot;show Open/Close tab demo here to see what can be put into a tiddler.&quot; href=&quot;javascript:;&quot;&gt;Open/Close tab demo here to see what can be put into a tiddler.&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;WhatsInATiddler&quot; refresh=&quot;content&quot;&gt;&lt;div class=&quot;tabsClass&quot;&gt;&lt;div cookie=&quot;tabsClass&quot; class=&quot;tabset&quot;&gt;&lt;a title=&quot;&quot; content=&quot;WhatsInATiddlerIntro&quot; tab=&quot;Intro&quot; class=&quot;tab tabSelected&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Text&quot; tab=&quot;Text&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Text&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;HTML&quot; tab=&quot;HTML&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;HTML&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;CSS&quot; tab=&quot;CSS&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;CSS&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;JavaScript&quot; tab=&quot;JavaScript&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;JavaScript&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Plugins&quot; tab=&quot;Plugins&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Plugins&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;MacrosIntro&quot; tab=&quot;Macros&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Macros&lt;/a&gt;&lt;a content=&quot;AboutImages&quot; tab=&quot;Images&quot; class=&quot;tab tabUnselected&quot; title=&quot;Images&quot; href=&quot;javascript:;&quot;&gt;Images&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Hints and Kinks - Tweaks&quot; tab=&quot;Tweaks&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Tweaks&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Entities-Codes&quot; tab=&quot;EntitiesCode&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;EntitiesCode&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;ColorHints&quot; tab=&quot;Colors&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Colors&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;tabContents&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a tiddlylink=&quot;WhatsInATiddlerIntro&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;WhatsInATiddlerIntro - YourName, Monday, 05 March, 2007 11:18:00&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;Click on the tabs to see.&lt;/strong&gt;&lt;/span&gt; &lt;br&gt;&lt;div class=&quot;tablecenter&quot;&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td style=&quot;padding: 5px; background-color: rgb(255, 255, 255);&quot;&gt;Each of these tabs is a tiddler.  We are using the card file concept to demonstrate the versatility of what can be put into a tiddler. This is no static card file it's like no card file you've seen before. You can put HTML,CSS and JavaScript into these tiddlers and they actually work!&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;a class=&quot;button&quot; title=&quot;show see script&quot; href=&quot;javascript:;&quot;&gt;see script&lt;/a&gt;&lt;a class=&quot;button&quot; title=&quot;show see HTML&quot; href=&quot;javascript:;&quot;&gt;see HTML&lt;/a&gt;&lt;a class=&quot;button&quot; title=&quot;show see CSS&quot; href=&quot;javascript:;&quot;&gt;see CSS&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;css&quot; refresh=&quot;content&quot;&gt;&lt;pre&gt; {{textcenter{
 Center text with CSS
 }}}
 {{textleft{
 Align text left with CSS
 }}}
 {{confusetext{
Confsue txet wtih CSS 
 }}}
&lt;/pre&gt;&lt;br&gt;&lt;div class=&quot;textcenter&quot;&gt;Center text with CSS&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;div class=&quot;textleft&quot;&gt;Align text left with CSS&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;div class=&quot;confusetext&quot;&gt;Confsue txet wtih CSS &lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;div id=&quot;panel1&quot; style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;script&quot; refresh=&quot;content&quot;&gt;This script tells the size of a tiddler.&lt;br&gt;&lt;a tiddlylink=&quot;TypeError&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'TypeError' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;TypeError&lt;/a&gt;: story.findContainingTiddler(place) has no properties&lt;br&gt;&lt;pre&gt;&amp;lt;script&amp;gt;
   if (!window.story) window.story=window;
   var title=story.findContainingTiddler(place).id.substr(7);
   return title+&quot; is using &quot;+store.getTiddlerText(title).length+&quot; bytes&quot;;
&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/span&gt;&lt;/div&gt;&lt;div id=&quot;panel2&quot; style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;html&quot; refresh=&quot;content&quot;&gt;&lt;pre&gt;&amp;lt;html&amp;gt;
&amp;lt;table&amp;gt;&amp;lt;td&amp;gt; Something in a table &amp;lt;/td&amp;gt;&amp;lt;/table
&amp;lt;/html&amp;gt;
&lt;/pre&gt;&lt;span&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;span&gt; Something in a table &lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/span&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(153, 170, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(155, 171, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(157, 173, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(159, 175, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(161, 176, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(163, 178, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(165, 180, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(167, 181, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(169, 183, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(171, 185, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(173, 187, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(175, 188, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(177, 190, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(179, 192, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(181, 193, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(183, 195, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(185, 197, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(187, 198, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(189, 200, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(191, 202, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(193, 204, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(195, 205, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(197, 207, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(199, 209, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(201, 210, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 212, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 214, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(208, 215, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(210, 217, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(212, 219, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(214, 221, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(216, 222, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(218, 224, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(220, 226, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(222, 227, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(224, 229, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(226, 231, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(228, 232, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(230, 234, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(232, 236, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(234, 238, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(236, 239, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(238, 241, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(240, 243, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(242, 244, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(244, 246, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(246, 248, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(248, 249, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(250, 251, 254);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(252, 253, 254);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span style=&quot;color: rgb(51, 0, 204);&quot;&gt;&lt;img src=&quot;http://img224.imageshack.us/img224/495/arrowblk3op.gif&quot;&gt;&lt;strong&gt; Unique&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;/h3&gt;&lt;blockquote&gt;&lt;strong&gt;A TiddlyWiki is unique because&lt;/strong&gt; it is a single HTML Internet/Intranet type page that is completely self-contained requiring no supporting programs or files. It contains its own computer programs, the styling information and the editing tools to modify any part of it.&lt;br&gt;&lt;/blockquote&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(153, 170, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(155, 171, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(157, 173, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(159, 175, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(161, 176, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(163, 178, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(165, 180, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(167, 181, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(169, 183, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(171, 185, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(173, 187, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(175, 188, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(177, 190, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(179, 192, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(181, 193, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(183, 195, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(185, 197, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(187, 198, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(189, 200, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(191, 202, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(193, 204, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(195, 205, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(197, 207, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(199, 209, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(201, 210, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 212, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 214, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(208, 215, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(210, 217, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(212, 219, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(214, 221, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(216, 222, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(218, 224, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(220, 226, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(222, 227, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(224, 229, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(226, 231, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(228, 232, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(230, 234, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(232, 236, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(234, 238, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(236, 239, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(238, 241, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(240, 243, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(242, 244, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(244, 246, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(246, 248, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(248, 249, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(250, 251, 254);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(252, 253, 254);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span style=&quot;color: rgb(51, 0, 204);&quot;&gt;&lt;img src=&quot;http://img224.imageshack.us/img224/495/arrowblk3op.gif&quot;&gt;&lt;strong&gt; Versatile&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;/h3&gt;&lt;blockquote&gt;&lt;strong&gt;The big difference&lt;/strong&gt; compared to a card file is that putting code such as &lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;HTML, CSS&lt;/strong&gt; or &lt;strong&gt;Javascript&lt;/strong&gt;&lt;/span&gt; on these  tiddlers they can run as programs as well as changing styling and recording your data. There is also a large number of 'plugins' that can be placed on tiddlers to extend its capabilities to cater for almost anything one could dream up.&lt;br&gt;&lt;/blockquote&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(153, 170, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(155, 171, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(157, 173, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(159, 175, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(161, 176, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(163, 178, 239);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(165, 180, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(167, 181, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(169, 183, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(171, 185, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(173, 187, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(175, 188, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(177, 190, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(179, 192, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(181, 193, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(183, 195, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(185, 197, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(187, 198, 243);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(189, 200, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(191, 202, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(193, 204, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(195, 205, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(197, 207, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(199, 209, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(201, 210, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 212, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 214, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(208, 215, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(210, 217, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(212, 219, 247);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(214, 221, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(216, 222, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(218, 224, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(220, 226, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(222, 227, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(224, 229, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(226, 231, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(228, 232, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(230, 234, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(232, 236, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(234, 238, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(236, 239, 251);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(238, 241, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(240, 243, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(242, 244, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(244, 246, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(246, 248, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(248, 249, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(250, 251, 254);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(252, 253, 254);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span style=&quot;color: rgb(51, 0, 204);&quot;&gt;&lt;img src=&quot;http://img224.imageshack.us/img224/495/arrowblk3op.gif&quot;&gt;&lt;strong&gt; Mobile&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;/h3&gt;&lt;blockquote&gt;&lt;strong&gt;One of the best features&lt;/strong&gt; of TiddlyWiki is that it's very portable. Because it is a single HTML page that can be edited within itself without the aid of any supporting files or programs it can be posted to a Web Server, sent by email, kept on a USB thumb drive to make a WikiOnAStick, and is usually small enough to even keep on an old fashioned 1.4 meg floppy.&lt;br&gt;&lt;/blockquote&gt;&lt;h5&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 136, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 139, 139);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 142, 142);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 146, 146);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 149, 149);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 153, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 156, 156);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 159, 159);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 163, 163);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 166, 166);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 173, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 200, 200);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 207, 207);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 210, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 221, 221);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 222, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 226, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 227, 227);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 229, 229);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 230, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 234, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 235, 235);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 237, 237);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span style=&quot;color: white;&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;strong&gt; You've got it!&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;/h5&gt;If you want a brand new &lt;a tiddlylink=&quot;TiddlyWiki&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;TiddlyWiki - MorrisGray, Tuesday, 23 January, 2007 01:06:00&quot; href=&quot;javascript:;&quot;&gt;TiddlyWiki&lt;/a&gt; go to:&lt;br&gt;&lt;ul&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://tiddlywiki.com/&quot; href=&quot;http://tiddlywiki.com/&quot; class=&quot;externalLink&quot;&gt;Master TiddlyWiki Site&lt;/a&gt; &lt;span style=&quot;color: rgb(51, 0, 204);&quot;&gt;&lt;strong&gt;&lt;span&gt;»&lt;/span&gt; &lt;span&gt;»&lt;/span&gt;&lt;/strong&gt; &lt;/span&gt;Jeremy Ruston's Official TW Information Source&lt;/li&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://tiddlyspot.com/&quot; href=&quot;http://tiddlyspot.com/&quot; class=&quot;externalLink&quot;&gt;TiddlySpot&lt;/a&gt; &lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;&lt;span&gt;»&lt;/span&gt; &lt;span&gt;»&lt;/span&gt;&lt;/strong&gt; &lt;/span&gt;Free Tiddlywikis and  Hosting&lt;/li&gt;&lt;/ul&gt;&lt;blockquote&gt;&lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;This TiddlyWiki is already on your computer and you can save it and modify it for your own use by right clicking &lt;/strong&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.tiddlyspot.com/twhelp&quot; href=&quot;http://www.tiddlyspot.com/twhelp&quot; class=&quot;externalLink&quot;&gt;here&lt;/a&gt;&lt;strong&gt; and &lt;/strong&gt;Save target as... &lt;strong&gt;(IE) or &lt;/strong&gt;Save link as...&lt;strong&gt; (FireFox) &lt;/strong&gt;&lt;/span&gt;&lt;br&gt;&lt;/blockquote&gt;&lt;span class=&quot;marked&quot;&gt;&lt;strong&gt;NOTE:&lt;/strong&gt; Do not save this page, or any TiddlyWiki, using your &lt;strong&gt;browser's&lt;/strong&gt; File&amp;gt;Save As.. feature it may be corrupted in the process.  Use the 'save to disk' feature that appears in the right column after download.&lt;/span&gt;&lt;br&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show Whats In A Tiddler&quot; href=&quot;javascript:;&quot;&gt;Whats In A Tiddler&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;WhatsInATiddler&quot; refresh=&quot;content&quot;&gt;&lt;div class=&quot;tabsClass&quot;&gt;&lt;div cookie=&quot;tabsClass&quot; class=&quot;tabset&quot;&gt;&lt;a title=&quot;&quot; content=&quot;WhatsInATiddlerIntro&quot; tab=&quot;Intro&quot; class=&quot;tab tabSelected&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Text&quot; tab=&quot;Text&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Text&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;HTML&quot; tab=&quot;HTML&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;HTML&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;CSS&quot; tab=&quot;CSS&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;CSS&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;JavaScript&quot; tab=&quot;JavaScript&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;JavaScript&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Plugins&quot; tab=&quot;Plugins&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Plugins&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;MacrosIntro&quot; tab=&quot;Macros&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Macros&lt;/a&gt;&lt;a content=&quot;AboutImages&quot; tab=&quot;Images&quot; class=&quot;tab tabUnselected&quot; title=&quot;Images&quot; href=&quot;javascript:;&quot;&gt;Images&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Hints and Kinks - Tweaks&quot; tab=&quot;Tweaks&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Tweaks&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Entities-Codes&quot; tab=&quot;EntitiesCode&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;EntitiesCode&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;ColorHints&quot; tab=&quot;Colors&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Colors&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;tabContents&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a tiddlylink=&quot;WhatsInATiddlerIntro&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;WhatsInATiddlerIntro - YourName, Monday, 05 March, 2007 11:18:00&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;Click on the tabs to see.&lt;/strong&gt;&lt;/span&gt; &lt;br&gt;&lt;div class=&quot;tablecenter&quot;&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td style=&quot;padding: 5px; background-color: rgb(255, 255, 255);&quot;&gt;Each of these tabs is a tiddler.  We are using the card file concept to demonstrate the versatility of what can be put into a tiddler. This is no static card file it's like no card file you've seen before. You can put HTML,CSS and JavaScript into these tiddlers and they actually work!&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;a class=&quot;button&quot; title=&quot;show see script&quot; href=&quot;javascript:;&quot;&gt;see script&lt;/a&gt;&lt;a class=&quot;button&quot; title=&quot;show see HTML&quot; href=&quot;javascript:;&quot;&gt;see HTML&lt;/a&gt;&lt;a class=&quot;button&quot; title=&quot;show see CSS&quot; href=&quot;javascript:;&quot;&gt;see CSS&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;css&quot; refresh=&quot;content&quot;&gt;&lt;pre&gt; {{textcenter{
 Center text with CSS
 }}}
 {{textleft{
 Align text left with CSS
 }}}
 {{confusetext{
Confsue txet wtih CSS 
 }}}
&lt;/pre&gt;&lt;br&gt;&lt;div class=&quot;textcenter&quot;&gt;Center text with CSS&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;div class=&quot;textleft&quot;&gt;Align text left with CSS&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;div class=&quot;confusetext&quot;&gt;Confsue txet wtih CSS &lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;div id=&quot;panel1&quot; style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;script&quot; refresh=&quot;content&quot;&gt;This script tells the size of a tiddler.&lt;br&gt;&lt;a tiddlylink=&quot;TypeError&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'TypeError' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;TypeError&lt;/a&gt;: story.findContainingTiddler(place) has no properties&lt;br&gt;&lt;pre&gt;&amp;lt;script&amp;gt;
   if (!window.story) window.story=window;
   var title=story.findContainingTiddler(place).id.substr(7);
   return title+&quot; is using &quot;+store.getTiddlerText(title).length+&quot; bytes&quot;;
&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;/span&gt;&lt;/div&gt;&lt;div id=&quot;panel2&quot; style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;html&quot; refresh=&quot;content&quot;&gt;&lt;pre&gt;&amp;lt;html&amp;gt;
&amp;lt;table&amp;gt;&amp;lt;td&amp;gt; Something in a table &amp;lt;/td&amp;gt;&amp;lt;/table
&amp;lt;/html&amp;gt;
&lt;/pre&gt;&lt;span&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;span&gt; Something in a table &lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/span&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;ul&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show HTML&quot; href=&quot;javascript:;&quot;&gt;HTML&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;HTML&quot; refresh=&quot;content&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a tiddlylink=&quot;HTML&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;HTML - MorrisGray, Saturday, 17 February, 2007 08:56:00&quot; href=&quot;javascript:;&quot;&gt;HTML&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;strong&gt;You can put HTML in a tiddler between these tags &lt;code&gt;&amp;lt;html&amp;gt;... &amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/strong&gt; &lt;br&gt;&lt;br&gt;&lt;ul&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show About how TiddlyWiki normally treats HTML processing&quot; href=&quot;javascript:;&quot;&gt;About how TiddlyWiki normally treats HTML processing&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;blockquote&gt;The TW core support for HTML simply passes content inside the&lt;br&gt;&lt;span&gt;&lt;span&gt;...&lt;/span&gt;&lt;/span&gt; block directly to the browser for rendering.  However,&lt;br&gt;this does not allow you to use wiki-formatting syntax *within* the HTML&lt;br&gt;block.&lt;br&gt;&lt;br&gt;The &lt;a tiddlylink=&quot;HTMLFormattingPlugin&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;HTMLFormattingPlugin - MorrisGray, Tuesday, 06 February, 2007 03:31:00&quot; href=&quot;javascript:;&quot;&gt;HTMLFormattingPlugin&lt;/a&gt; extends the core's HTML formatting handler so&lt;br&gt;that after the browser renders the HTML, it recursively locates all the&lt;br&gt;resulting TEXT nodes in the block and then passes each of them through&lt;br&gt;wikify() to parse and render any embedded wiki-syntax they contain.&lt;br&gt;&lt;br&gt;For example, suppose you want to create a complex HTML table that&lt;br&gt;contains links to tiddlers in the table cells...&lt;br&gt;&lt;br&gt;&lt;code&gt;&amp;lt;html&amp;gt;&amp;lt;table&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;TiddlerTitle&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;br&gt;&lt;br&gt;Without using &lt;a tiddlylink=&quot;HTMLFormattingPlugin&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;HTMLFormattingPlugin - MorrisGray, Tuesday, 06 February, 2007 03:31:00&quot; href=&quot;javascript:;&quot;&gt;HTMLFormattingPlugin&lt;/a&gt;, the core just treats WikiWords as&lt;br&gt;regular text and &quot;TiddlerTitle&quot; is not linked to the desired tiddler.&lt;br&gt;With the plugin installed, you get the results you want (i.e.,&lt;br&gt;TiddlerTitle is a clickable link that opens a tiddler).&lt;br&gt;&lt;br&gt;Eric Shulman&lt;br&gt;TiddlyTools / ELS Design Studios&lt;br&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show About how TiddlyWiki and HTML treat line breaks differently&quot; href=&quot;javascript:;&quot;&gt;About how TiddlyWiki and HTML treat line breaks differently&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;HTMLFormattingPlugin/Linebreaks&quot; refresh=&quot;content&quot;&gt;&lt;blockquote&gt;One major difference between Wiki formatting and HTML formatting is how &quot;line breaks&quot; are processed. Wiki formatting treats all line breaks as literal content to be displayed &lt;em&gt;as-is&lt;/em&gt;. However, because HTML normally ignores line breaks and actually processes them as simple &quot;word separators&quot; instead, many people who write HTML include extra line breaks in their documents, just to make the &quot;source code&quot; easier to read.&lt;br&gt;&lt;br&gt;Even though you can use HTML tags within your tiddler content, the default treatment for line breaks still follows the Wiki-style rule (i.e., all new lines are displayed as-is). When adding HTML content to a tiddler (especially if you cut-and-paste it from another web page), you should take care to avoid adding extra line breaks to the text.&lt;br&gt;&lt;br&gt;If removing all the extra line breaks from your HTML content would be a big hassle, you can quickly &lt;em&gt;override the default Wiki-style line break rule&lt;/em&gt; so that the line breaks use the standard HTML rules instead.  Placing a &lt;strong&gt;&amp;lt;&lt;code&gt;hide linebreaks&lt;/code&gt;&amp;gt;&lt;/strong&gt; tag within the tiddler's HTML content changes all line breaks to spaces before rendering the content, so that the literal line breaks will be processed as simple word-breaks instead.&lt;br&gt;&lt;br&gt;Note: this does &lt;em&gt;not&lt;/em&gt; alter the actual tiddler content that is stored in the document, just the manner in which it is displayed. Any line breaks contained in the tiddler will still be there when you edit its content. Also, to include a literal line break when the &lt;strong&gt;&amp;lt;&lt;code&gt;hide linebreaks&lt;/code&gt;&amp;gt;&lt;/strong&gt; tag is present, you will need to use a &lt;strong&gt;&amp;lt;&lt;code&gt;br&lt;/code&gt;&amp;gt;&lt;/strong&gt; or &lt;strong&gt;&amp;lt;&lt;code&gt;p&lt;/code&gt;&amp;gt;&lt;/strong&gt; HTML tag instead of simply typing a line break.&lt;br&gt;&lt;/blockquote&gt;&lt;/span&gt;&lt;br&gt;Eric Shulman&lt;br&gt;TiddlyTools / ELS Design Studios&lt;/div&gt;&lt;hr&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br&gt;&lt;ul&gt;&lt;li&gt;For HTML Tutorial go here: &lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.w3schools.com/html/default.asp&quot; href=&quot;http://www.w3schools.com/html/default.asp&quot; class=&quot;externalLink&quot;&gt;http://www.w3schools.com/html/default.asp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Get non-keyboard HTML-MATH-Greek-Latin symbols &lt;a target=&quot;_blank&quot; title=&quot;External link to here:&amp;lt;&amp;lt;tag&quot; href=&quot;here:%3C%3Ctag&quot; class=&quot;externalLink&quot;&gt;here:&amp;lt;&amp;lt;tag&lt;/a&gt; non-keyboard&amp;gt;&amp;gt;&lt;/li&gt;&lt;/ul&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;This TiddlyWiki TWHelp is enhanced by the &lt;a tiddlylink=&quot;HTMLFormattingPlugin&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;HTMLFormattingPlugin - MorrisGray, Tuesday, 06 February, 2007 03:31:00&quot; href=&quot;javascript:;&quot;&gt;HTMLFormattingPlugin&lt;/a&gt; which allows mixing of HTML and TiddlyWiki formatting.&lt;/strong&gt;&lt;/span&gt;&lt;span tiddler=&quot;HTMLFormattingPlugin/HTMLFormatting&quot; refresh=&quot;content&quot;&gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Example&lt;/div&gt;&lt;/h3&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td style=&quot;padding: 0.5em;&quot;&gt;&lt;span&gt;&lt;a href=&quot;http://img480.imageshack.us/img480/6435/CastleOnDanube.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://img480.imageshack.us/img480/7203/ParliamentHouseBudapest.jpg&quot; alt=&quot;Free Image Hosting at www.ImageShack.us&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;padding: 1em; vertical-align: top;&quot;&gt;This HTML example uses a picture from a remote server as a link to another picture that is on a remote server.&lt;span&gt;&lt;br&gt;&lt;span&gt; &lt;/span&gt;&lt;br&gt;&lt;/span&gt; &lt;strong&gt;To use HTML in a tiddler put it between tags&lt;/strong&gt; &lt;code&gt;&amp;lt;html&amp;gt;.....   &amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Code&lt;/div&gt;&lt;/h3&gt;&lt;strong&gt;Note&lt;/strong&gt; that the table is constructed using the TiddlyWiki method   that uses the &lt;br&gt;vertical bar ( | ) i.e. &lt;span class=&quot;marked&quot;&gt;&lt;code&gt;|cell 1|cell 2|&lt;/code&gt;&lt;/span&gt; and is mixed with the HTML code. There is CSS embedded in the table as well &lt;span class=&quot;marked&quot;&gt;&lt;code&gt;vertical-align:top;padding:1em;&lt;/code&gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;background-color: rgb(255, 255, 204);&quot;&gt;&lt;code&gt;|&amp;lt;html&amp;gt;&amp;lt;a href=&quot;http://img480.imageshack.us/img480/6435/CastleOnDanube.jpg&quot; target=&quot;_blank&quot;&amp;gt;&amp;lt;img src=&quot;http://img480.imageshack.us/img480/7203/ParliamentHouseBudapest.jpg&quot; border=&quot;0&quot; alt=&quot;Free Image Hosting at www.ImageShack.us&quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/html&amp;gt;|vertical-align:top;padding:1em;This HTML example uses a picture from a remote server as a link to another picture that is on a remote server. To use HTML in a tiddler put it between tags&amp;lt;html&amp;gt; &amp;lt;/html&amp;gt;|&lt;/code&gt;&lt;/span&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Another Table in HTML&lt;/div&gt;&lt;/h3&gt;&lt;pre&gt;''Table heading links to w3schools references on this subject.''
&amp;lt;HTML&amp;gt;&amp;lt;table&amp;gt;&amp;lt;tr align=&quot;center&quot; bgcolor=&quot;#99AAEE&quot;&amp;gt;&amp;lt;td colspan=&quot;3&quot;&amp;gt;&amp;lt;b&amp;gt;[[Margin Properties|http://www.w3schools.com/css/css_margin.asp]]&amp;lt;/b&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr align=&quot;center&quot;&amp;gt;&amp;lt;td&amp;gt;''Property''&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;''Description'' &amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;''Value'' &amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr valign=&quot;top&quot;&amp;gt;&amp;lt;td rowspan=&quot;4&quot;&amp;gt; margin &amp;lt;/td&amp;gt;&amp;lt;td rowspan=&quot;4&quot;&amp;gt; A shorthand property for setting the margin properties in one declaration&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;margin: 1em 1em 2em 2em; &amp;lt;/td&amp;gt;&amp;lt;td&amp;gt; margin-top &amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt; margin-right &amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;margin-bottom&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt; margin-left &amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr align=&quot;left&quot;&amp;gt;&amp;lt;td&amp;gt;margin-top&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Sets the top margin of an element&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt; auto
length
% &amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr align=&quot;left&quot;&amp;gt;&amp;lt;td&amp;gt;margin-right&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Sets the right margin of an element&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt; auto
length
%&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr align=&quot;left&quot;&amp;gt;&amp;lt;td&amp;gt;margin-bottom&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Sets the bottom margin of an element&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt; auto
length
%&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr align=&quot;left&quot;&amp;gt;&amp;lt;td&amp;gt;margin-left&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt; Sets the left margin of an element&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt; auto
length
% &amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/HTML&amp;gt;
&lt;/pre&gt;&lt;a class=&quot;button&quot; title=&quot;show Click here to see the table this code represents&quot; href=&quot;javascript:;&quot;&gt;Click here to see the table this code represents&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;Margin Properties - CSS&quot; refresh=&quot;content&quot;&gt;&lt;strong&gt;Table heading links to w3schools references on this subject.&lt;/strong&gt;&lt;br&gt;&lt;span&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr align=&quot;center&quot; bgcolor=&quot;#99aaee&quot;&gt;&lt;td colspan=&quot;3&quot;&gt;&lt;b&gt;&lt;span&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.w3schools.com/css/css_margin.asp&quot; href=&quot;http://www.w3schools.com/css/css_margin.asp&quot; class=&quot;externalLink&quot;&gt;Margin Properties&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr align=&quot;center&quot;&gt;&lt;td&gt;&lt;span&gt;&lt;strong&gt;Property&lt;/strong&gt;&lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;&lt;strong&gt;Description&lt;/strong&gt; &lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;&lt;strong&gt;Value&lt;/strong&gt; &lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign=&quot;top&quot;&gt;&lt;td rowspan=&quot;4&quot;&gt;&lt;span&gt; margin &lt;/span&gt;&lt;/td&gt;&lt;td rowspan=&quot;4&quot;&gt;&lt;span&gt;margin: 1em 1em 2em 2em; &lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt; margin-top &lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;span&gt; margin-right &lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;span&gt;margin-bottom&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;span&gt; margin-left &lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr align=&quot;left&quot;&gt;&lt;td&gt;&lt;span&gt;margin-top&lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;Sets the top margin of an element&lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt; auto&lt;br&gt;length&lt;br&gt;% &lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr align=&quot;left&quot;&gt;&lt;td&gt;&lt;span&gt;margin-right&lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;Sets the right margin of an element&lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt; auto&lt;br&gt;length&lt;br&gt;%&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr align=&quot;left&quot;&gt;&lt;td&gt;&lt;span&gt;margin-bottom&lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;Sets the bottom margin of an element&lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt; auto&lt;br&gt;length&lt;br&gt;%&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr align=&quot;left&quot;&gt;&lt;td&gt;&lt;span&gt;margin-left&lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt; &lt;span tiddler=&quot;./margin&quot; refresh=&quot;content&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span&gt;Sets the left margin of an element&lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt; auto&lt;br&gt;length&lt;br&gt;% &lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;End of HTML&lt;/div&gt;&lt;/h3&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show Javascript&quot; href=&quot;javascript:;&quot;&gt;Javascript&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;JavaScript&quot; refresh=&quot;content&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a tiddlylink=&quot;JavaScript&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;JavaScript - MorrisGray, Saturday, 17 February, 2007 08:59:00&quot; href=&quot;javascript:;&quot;&gt;JavaScript&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;strong&gt;You can put JavaScript in a tiddler.&lt;/strong&gt; Most Plugins are made with JavaScript&lt;br&gt;&lt;ul&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.w3schools.com/js/js_examples.asp&quot; href=&quot;http://www.w3schools.com/js/js_examples.asp&quot; class=&quot;externalLink&quot;&gt;JavaScript Reference Site: w3schools&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.javascripttoolbox.com/lib/table/source.php&quot; href=&quot;http://www.javascripttoolbox.com/lib/table/source.php&quot; class=&quot;externalLink&quot;&gt;JavaScript ToolBox&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.javascriptkit.com/script/cut35.shtml&quot; href=&quot;http://www.javascriptkit.com/script/cut35.shtml&quot; class=&quot;externalLink&quot;&gt;JavaScript Kit&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;TW Help is enhanced by:&lt;/strong&gt; &lt;a target=&quot;_blank&quot; title=&quot;External link to http://tiddlytools.com/#InlineJavascriptPlugin&quot; href=&quot;http://tiddlytools.com/#InlineJavascriptPlugin&quot; class=&quot;externalLink&quot;&gt;InlineJavascriptPlugin from TiddlyTools&lt;/a&gt;.&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;strong&gt;Below is a JavaScript that detects the viewer's browser details.&lt;/strong&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Example {Detect viewer's browser details}&lt;/div&gt;&lt;/h3&gt;&lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;This is the browser you are viewing this page with.&lt;/strong&gt;&lt;br&gt;&lt;br&gt;Browser: Netscape&lt;br&gt;Browserversion: 5.0 (Windows; en-US)&lt;br&gt;Code: Mozilla&lt;br&gt;Platform: Win32&lt;br&gt;Cookies enabled: true&lt;br&gt;Browser's user agent header: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1&lt;br&gt;&lt;/span&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Code {Detect viewer's browser details}&lt;/div&gt;&lt;/h3&gt;&lt;pre&gt;&amp;lt;script&amp;gt;
document.write(&quot;Browser: &quot;)
document.write(navigator.appName + &quot;&amp;lt;br&amp;gt;&quot;)
document.write(&quot;Browserversion: &quot;)
document.write(navigator.appVersion + &quot;&amp;lt;br&amp;gt;&quot;)
document.write(&quot;Code: &quot;)
document.write(navigator.appCodeName + &quot;&amp;lt;br&amp;gt;&quot;)
document.write(&quot;Platform: &quot;)
document.write(navigator.platform + &quot;&amp;lt;br&amp;gt;&quot;)
document.write(&quot;Cookies enabled: &quot;)
document.write(navigator.cookieEnabled + &quot;&amp;lt;br&amp;gt;&quot;)
document.write(&quot;Browser's user agent header: &quot;)
document.write(navigator.userAgent + &quot;&amp;lt;br&amp;gt;&quot;)
&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Another Example&lt;/div&gt;&lt;/h3&gt;&lt;strong&gt;This example declares a variable, assigns a value to it, and then displays the variable.&lt;br&gt;Then the variable is displayed one more time, only this time in bold.&lt;/strong&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Code&lt;/div&gt;&lt;/h3&gt;&lt;pre&gt;&amp;lt;script&amp;gt;
var name = &quot;VariableExample&quot;
document.write(name)
document.write(&quot;&amp;lt;b&amp;gt;&quot;+name+&quot;&amp;lt;/b&amp;gt;&quot;)
&amp;lt;/script&amp;gt;
&lt;/pre&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Example&lt;/div&gt;&lt;/h3&gt;VariableExample&lt;br&gt;&lt;b&gt;VariableExample&lt;/b&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;End of JavaScript&lt;/div&gt;&lt;/h3&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show CSS&quot; href=&quot;javascript:;&quot;&gt;CSS&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;CSS&quot; refresh=&quot;content&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a tiddlylink=&quot;CSS&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;CSS - MorrisGray, Saturday, 17 February, 2007 08:57:00&quot; href=&quot;javascript:;&quot;&gt;CSS&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;strong&gt;There are already three tiddlers&lt;/strong&gt; built into TiddlyWiki that are used for styling.&lt;br&gt;&lt;br&gt;&lt;ul&gt;&lt;li&gt;&lt;a tiddlylink=&quot;StyleSheet&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;StyleSheet - MorrisGray, Thursday, 12 April, 2007 16:27:00&quot; href=&quot;javascript:;&quot;&gt;StyleSheet&lt;/a&gt; (this is for your own use and overrides the other two)&lt;/li&gt;&lt;li&gt;&lt;a tiddlylink=&quot;StyleSheetColors&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;StyleSheetColors - MorrisGray, Thursday, 01 March, 2007 10:36:00&quot; href=&quot;javascript:;&quot;&gt;StyleSheetColors&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a tiddlylink=&quot;StyleSheetLayout&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;StyleSheetLayout - MorrisGray, Thursday, 01 March, 2007 10:38:00&quot; href=&quot;javascript:;&quot;&gt;StyleSheetLayout&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;For information on CSS go here:&lt;/strong&gt;&lt;span tiddler=&quot;CSSMenu&quot; refresh=&quot;content&quot;&gt;&lt;a class=&quot;button&quot; title=&quot;CSS Reference&quot; href=&quot;javascript:;&quot;&gt;CSS Reference▾&lt;/a&gt;&lt;/span&gt;&lt;strong&gt;or here&lt;/strong&gt; &lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.w3schools.com/css/&quot; href=&quot;http://www.w3schools.com/css/&quot; class=&quot;externalLink&quot;&gt;http://www.w3schools.com/css/&lt;/a&gt;&lt;/span&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Example&lt;/div&gt;&lt;/h3&gt;&lt;strong&gt;By putting this CSS code in &lt;a tiddlylink=&quot;StyleSheet&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;StyleSheet - MorrisGray, Thursday, 12 April, 2007 16:27:00&quot; href=&quot;javascript:;&quot;&gt;StyleSheet&lt;/a&gt; the viewer has been set to &lt;u&gt;underline&lt;/u&gt; all links in a tiddler.&lt;/strong&gt;&lt;br&gt;&lt;pre&gt;.viewer a {
color:#04b;
text-decoration:underline;
}
&lt;/pre&gt;&lt;strong&gt;Unfortunately Tabs are treated as links so to prevent them from being underlined&lt;br&gt;this CSS has been put in &lt;a tiddlylink=&quot;StyleSheet&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;StyleSheet - MorrisGray, Thursday, 12 April, 2007 16:27:00&quot; href=&quot;javascript:;&quot;&gt;StyleSheet&lt;/a&gt; to modify a particular tiddler, OverView, in this case.  The first sets unselected tabs to&lt;/strong&gt; &lt;span style=&quot;background-color: rgb(0, 153, 204); color: rgb(255, 255, 255);&quot;&gt;this color&lt;/span&gt; &lt;strong&gt;and prevents unselected tabs from showing an underline. The second just prevents the underline on the selected tab.&lt;/strong&gt; &lt;br&gt;&lt;br&gt;&lt;pre&gt;#tiddlerOverView .tabUnselected {
	color: #fff;
	background: #99AAEE;
        text-decoration:none;
}

#tiddlerOverView .tabSelected{
	text-decoration:none;
}
&lt;/pre&gt;&lt;br&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;End of CSS&lt;/div&gt;&lt;/h3&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show Plugins&quot; href=&quot;javascript:;&quot;&gt;Plugins&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;Plugins&quot; refresh=&quot;content&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a tiddlylink=&quot;Plugins&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;Plugins - MorrisGray, Saturday, 17 February, 2007 09:08:00&quot; href=&quot;javascript:;&quot;&gt;Plugins&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;strong&gt;There is also a large number of 'plugins' that can&lt;/strong&gt; be placed on tiddlers to extend a TiddlyWiki's capabilities. By installing Plugins you can implement new features, functions and capabilities to your TiddlyWiki far beyond the basic model.&lt;br&gt;&lt;br&gt;&lt;strong&gt;Lists of Third Party Plugins&lt;/strong&gt; &lt;a tiddlylink=&quot;ThirdPartyPlugins&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;ThirdPartyPlugins - YourName, Friday, 02 March, 2007 13:28:00&quot; href=&quot;javascript:;&quot;&gt;Detach it&lt;/a&gt;&lt;span&gt;»&lt;/span&gt;&lt;strong&gt;&lt;a class=&quot;button&quot; title=&quot;show Slide down a tabbed version of it&quot; href=&quot;javascript:;&quot;&gt;Slide down a tabbed version of it&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;strong&gt;&lt;br&gt;&lt;span tiddler=&quot;ThirdPartyPlugins&quot; refresh=&quot;content&quot;&gt;&lt;div class=&quot;tabsClass&quot;&gt;&lt;div cookie=&quot;tabsClass&quot; class=&quot;tabset&quot;&gt;&lt;a title=&quot;&quot; content=&quot;PluginIntro&quot; tab=&quot;Intro&quot; class=&quot;tab tabSelected&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;abegoExtensions&quot; tab=&quot;abegoExtensions&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;abegoExtensions&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;BidiXPlugins&quot; tab=&quot;BidiXPlugins&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;BidiXPlugins&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;MonkeyPirateTiddlyWikiPlugins&quot; tab=&quot;MonkeyPirateTiddlyWikiPlugins&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;MonkeyPirateTiddlyWikiPlugins&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;TiddlyToolsPlugins&quot; tab=&quot;TiddlyToolsPlugins &quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;TiddlyToolsPlugins &lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Lewcid TW Macros&quot; tab=&quot;LewcidMacros&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;LewcidMacros&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Lewcid TW Plugins&quot; tab=&quot;LewcidPlugins&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;LewcidPlugins&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;TiddlySnip&quot; tab=&quot;TiddlySnip&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;TiddlySnip&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;tabContents&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a tiddlylink=&quot;PluginIntro&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;PluginIntro - MorrisGray, Tuesday, 20 February, 2007 08:47:00&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;strong&gt;Here are a few tabbed lists of plugins lifted from some important developers.&lt;/strong&gt; They may or may not all be authored by the listed developer.  They contain the name and size of their plugins and macros.&lt;br&gt;&lt;br&gt;&lt;strong&gt;Plugins are one of TiddlyWiki's strengths.&lt;/strong&gt;   By installing Plugins you can implement new features, functions and capabilities to your TiddlyWiki.  Here you will find a number of collections of plugins from independent developers.&lt;br&gt;&lt;br&gt;&lt;strong&gt;Note:&lt;/strong&gt;  This is not a comprehensive list of plugins by any means but it will give you an idea of what is available.  Go to the relevant web sites for the correct listing and up to date plugins. Also keep a close eye on the TiddlyWiki discussion group here &lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;&lt;span&gt;»&lt;/span&gt; &lt;span&gt;»&lt;/span&gt;&lt;/strong&gt; &lt;/span&gt; &lt;a target=&quot;_blank&quot; title=&quot;External link to http://groups.google.com/group/TiddlyWiki/&quot; href=&quot;http://groups.google.com/group/TiddlyWiki/&quot; class=&quot;externalLink&quot;&gt;http://groups.google.com/group/TiddlyWiki/&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;The community is also using the &lt;a target=&quot;_blank&quot; title=&quot;External link to http://del.icio.us/&quot; href=&quot;http://del.icio.us/&quot; class=&quot;externalLink&quot;&gt;del.icio.us&lt;/a&gt; bookmarking service to create a &lt;a target=&quot;_blank&quot; title=&quot;External link to http://del.icio.us/TiddlyWikiPlugin&quot; href=&quot;http://del.icio.us/TiddlyWikiPlugin&quot; class=&quot;externalLink&quot;&gt;PluginDirectory&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br&gt; &lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;Note:&lt;/strong&gt;&lt;/span&gt; Tiddlers listed in bold on these lists are installed in this TiddlyWiki.&lt;br&gt;&lt;hr&gt;Use your ImportTiddlersPlugin to Import Tiddlers from:&lt;br&gt;&lt;span style=&quot;color: rgb(0, 153, 51);&quot;&gt;&lt;br&gt; BidiXTW - BidiX&lt;br&gt;URL: &lt;a target=&quot;_blank&quot; title=&quot;External link to http://tiddlywiki.bidix.info/&quot; href=&quot;http://tiddlywiki.bidix.info/&quot; class=&quot;externalLink&quot;&gt;http://tiddlywiki.bidix.info/&lt;/a&gt;&lt;br&gt;&lt;br&gt;Lewcid TW - Saq Imtiaz&lt;br&gt;Old URL: &lt;a target=&quot;_blank&quot; title=&quot;External link to http://lewcid.googlepages.com/lewcid.html&quot; href=&quot;http://lewcid.googlepages.com/lewcid.html&quot; class=&quot;externalLink&quot;&gt;http://lewcid.googlepages.com/lewcid.html&lt;/a&gt;&lt;br&gt;New URL:&lt;a target=&quot;_blank&quot; title=&quot;External link to http://tw.lewcid.org&quot; href=&quot;http://tw.lewcid.org&quot; class=&quot;externalLink&quot;&gt;http://tw.lewcid.org&lt;/a&gt; &lt;br&gt;&lt;br&gt;MonkeyPirateTiddlyWiki - Simon Baird&lt;br&gt;URL: &lt;a target=&quot;_blank&quot; title=&quot;External link to http://mptw.tiddlyspot.com/&quot; href=&quot;http://mptw.tiddlyspot.com/&quot; class=&quot;externalLink&quot;&gt;http://mptw.tiddlyspot.com/&lt;/a&gt;&lt;br&gt;&lt;br&gt;RedMountainVista&lt;br&gt;URL: &lt;a target=&quot;_blank&quot; title=&quot;External link to http://solo.dc3.com/tw/&quot; href=&quot;http://solo.dc3.com/tw/&quot; class=&quot;externalLink&quot;&gt;http://solo.dc3.com/tw/&lt;/a&gt;&lt;br&gt;&lt;br&gt;TWReminderPlugin - Jeremy Sheeley&lt;br&gt;URL: &lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.geocities.com/allredfaq/reminderMacros.html&quot; href=&quot;http://www.geocities.com/allredfaq/reminderMacros.html&quot; class=&quot;externalLink&quot;&gt;http://www.geocities.com/allredfaq/reminderMacros.html&lt;/a&gt;&lt;br&gt;&lt;br&gt;TiddlyStyles.com - Clint Checketts&lt;br&gt;URL: &lt;a target=&quot;_blank&quot; title=&quot;External link to http://tiddlystyles.com/&quot; href=&quot;http://tiddlystyles.com/&quot; class=&quot;externalLink&quot;&gt;http://tiddlystyles.com/&lt;/a&gt;&lt;br&gt;&lt;br&gt;TiddlyTools - Eric Shulman&lt;br&gt;URL: &lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.tiddlytools.com/&quot; href=&quot;http://www.tiddlytools.com/&quot; class=&quot;externalLink&quot;&gt;http://www.tiddlytools.com/&lt;/a&gt;&lt;br&gt;&lt;br&gt;abegoExtensions - &lt;a tiddlylink=&quot;UdoBorkowski&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkNonExisting&quot; title=&quot;The tiddler 'UdoBorkowski' doesn't yet exist&quot; href=&quot;javascript:;&quot;&gt;UdoBorkowski&lt;/a&gt;&lt;br&gt;URL: &lt;a target=&quot;_blank&quot; title=&quot;External link to http://tiddlywiki.abego-software.de&quot; href=&quot;http://tiddlywiki.abego-software.de&quot; class=&quot;externalLink&quot;&gt;http://tiddlywiki.abego-software.de&lt;/a&gt;&lt;br&gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/span&gt;&lt;br&gt;=== &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/strong&gt;&lt;/div&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show Formatting Text&quot; href=&quot;javascript:;&quot;&gt;Formatting Text&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;Text&quot; refresh=&quot;content&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;a tiddlylink=&quot;Text&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;Text - MorrisGray, Tuesday, 20 February, 2007 09:44:00&quot; href=&quot;javascript:;&quot;&gt;Text&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;strong&gt;Text is one of the strengths of TiddlyWiki. I guess that's what it is all about really. It's got a great little editor and with all of the formatting capabilities there's not much you can't do.&lt;/strong&gt;&lt;br&gt;&lt;hr&gt;&lt;ul&gt;&lt;li&gt;&lt;a tiddlylink=&quot;FormattingText&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;FormattingText - YourName, Wednesday, 14 March, 2007 12:38:00&quot; href=&quot;javascript:;&quot;&gt;See Formatting Text&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr&gt;&lt;div class=&quot;textcenter&quot;&gt;&lt;strong&gt;Example of Text Formatting and Layout&lt;/strong&gt;&lt;/div&gt;&lt;br&gt;&lt;span tiddler=&quot;TextExample&quot; refresh=&quot;content&quot;&gt;&lt;span&gt;&lt;div class=&quot;container&quot;&gt;&lt;span&gt;&lt;h3&gt;Science&lt;/h3&gt;&lt;/span&gt;&lt;div class=&quot;left&quot;&gt;&lt;span&gt;&lt;div class=&quot;firstletter&quot;&gt;&lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;K&lt;/span&gt;&lt;br&gt;&lt;/div&gt;&lt;strong&gt;arl Popper&lt;/strong&gt; CH, MA, Ph.D., D.LITT, FBA, FRS (July 28, 1902 – September 17, 1994), was an Austrian and British philosopher &lt;div class=&quot;imgfloatright&quot;&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.eeng.dcu.ie/~tkpw/&quot; href=&quot;http://www.eeng.dcu.ie/%7Etkpw/&quot; class=&quot;externalLink imageLink&quot;&gt;&lt;img src=&quot;http://img391.imageshack.us/img391/362/kpopperqk2.jpg&quot; title=&quot;Click to go to a web page on Popper.&quot;&gt;&lt;/a&gt;  &lt;br&gt;&lt;/div&gt;and a professor at the London School of Economics. He is counted among the most influential philosophers of science of the 20th century, and also wrote extensively on social and political philosophy. Popper is perhaps best known for repudiating the classical observationalist-inductivist account of scientific method by advancing &lt;strong&gt;empirical falsifiability&lt;/strong&gt; as the criterion for distinguishing scientific theory from non-science. &lt;br&gt;&lt;br&gt;In 1934 he published his first book, Logik der Forschung (The Logic of Scientific Discovery), in which he criticised psychologism, naturalism, inductionism, and logical positivism, and put forth his theory of potential &lt;strong&gt;falsifiability&lt;/strong&gt; being the criterion for what should be considered science.&lt;/span&gt;&lt;p&gt;&lt;span&gt;&lt;strong&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://lachlan.bluehaze.com.au/popper.html&quot; href=&quot;http://lachlan.bluehaze.com.au/popper.html&quot; class=&quot;externalLink&quot;&gt;Karl Popper Links and Resources&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;content&quot;&gt;&lt;span&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td style=&quot;padding: 5px; background-color: rgb(102, 153, 255); color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&quot;Falsifiable&quot; means subject to critical analysis and testing and capable of being disproved on the basis of such.&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td style=&quot;padding: 5px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;color: rgb(0, 102, 0);&quot;&gt;Falsifiability is an important concept in the philosophy of science that amounts to the apparently paradoxical idea that a proposition or theory cannot be scientific if it does not admit consideration of the possibility of its being false.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br&gt;&lt;blockquote&gt;&lt;strong&gt;Falsifiable does not mean &quot;false&quot;&lt;/strong&gt;. For a proposition to be falsifiable, it must be possible in principle to make an observation that would show the proposition to be false, even if that observation has not been made. For example, the proposition &quot;All crows are black&quot; would be falsified by observing one white crow. &lt;br&gt;&lt;/blockquote&gt;&lt;br&gt;&lt;div class=&quot;textjustify&quot;&gt;&lt;strong&gt;Wikipedia goes on to offer a well-known example of a non-falsifiable idea, solipsism:&lt;/strong&gt;&lt;br&gt;&lt;blockquote&gt;&lt;strong&gt;In philosophy, solipsism is, in essence, non-falsifiable.&lt;/strong&gt; Solipsism claims that the Universe exists entirely in one's own mind. This can straightforwardly be seen not to be falsifiable, because whatever evidence one might adduce that is contrary to solipsism can be, after all, dismissed as something that is &quot;in one's mind.&quot; In other words, there is no evidence that one could possibly adduce that would be inconsistent with the proposition that everything that exists, exists in one's own mind.&lt;br&gt;&lt;/blockquote&gt;&lt;br&gt;&lt;strong&gt;In his collection Conjectures and Refutations: The Growth of Scientific Knowledge&lt;/strong&gt;  Popper writes, &quot;Science must begin with myths, and with the criticism of myths; neither with the collection of observations, nor with the invention of experiments, but with the critical discussion of myths, and of magical techniques and practices. The scientific tradition is distinguished from the pre-scientific tradition in having two layers. Like the latter, it passes on its theories; but it also passes on a critical attitude towards them. The theories are passed on, not as dogmas, but rather with the challenge to discuss them and improve upon them.&quot; &lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;span&gt;&lt;br&gt;&lt;br&gt;&lt;/span&gt;&lt;div class=&quot;footer&quot;&gt;&lt;span&gt;Copyright 2007 by M.S.Gray (all forms of plagiarism excepted)&lt;/span&gt;&lt;/div&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show Formatting the Page&quot; href=&quot;javascript:;&quot;&gt;Formatting the Page&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;FormattingThePage&quot; refresh=&quot;content&quot;&gt;&lt;div class=&quot;tabsClass&quot;&gt;&lt;div cookie=&quot;tabsClass&quot; class=&quot;tabset&quot;&gt;&lt;a title=&quot;&quot; content=&quot;IntroFormattingPage&quot; tab=&quot;Intro&quot; class=&quot;tab tabSelected&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;a content=&quot;styleSheet&quot; tab=&quot;StyleSheet&quot; class=&quot;tab tabUnselected&quot; title=&quot; &quot; href=&quot;javascript:;&quot;&gt;StyleSheet&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;styleSheetColors&quot; tab=&quot;StyleSheetColors&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;StyleSheetColors&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;styleSheetLayout&quot; tab=&quot;StyleSheetLayout&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;StyleSheetLayout&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;pageTemplate&quot; tab=&quot;PageTemplate&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;PageTemplate&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;viewTemplate&quot; tab=&quot;ViewTemplate&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;ViewTemplate&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;editTemplate&quot; tab=&quot;EditTemplate &quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;EditTemplate &lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;styleSheetPrint&quot; tab=&quot;StyleSheetPrint&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;StyleSheetPrint&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;tiddlyWikiThemes&quot; tab=&quot;Themes&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Themes&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;tabContents&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;a tiddlylink=&quot;IntroFormattingPage&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;IntroFormattingPage - MorrisGray, Tuesday, 20 February, 2007 09:14:00&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;br&gt;&lt;strong&gt;Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.&lt;/strong&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(0, 68, 187);&quot;&gt;&lt;strong&gt;These are actual style sheets and templates that determine the overall look of this page.&lt;/strong&gt; &lt;/span&gt;&lt;br&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td style=&quot;vertical-align: middle;&quot;&gt;&lt;img src=&quot;http://img154.imageshack.us/img154/8302/processingorderdoneio3.jpg&quot;&gt;&lt;/td&gt;&lt;td style=&quot;padding: 0px;&quot;&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 253, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 252, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 251, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 250, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 249, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 248, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 247, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 246, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 245, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 244, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 243, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 242, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 241, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 240, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 239, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 238, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 237, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 236, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 235, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 234, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 233, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 232, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 231, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 230, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 228, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 227, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 226, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 225, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 224, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 223, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 222, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 221, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 220, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 219, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 218, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 217, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 216, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 215, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 214, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 213, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 212, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 211, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 210, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 209, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 208, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 207, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 206, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 205, 255);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 204, 255);&quot;&gt;&lt;/div&gt;&lt;span tiddler=&quot;./para2&quot; refresh=&quot;content&quot;&gt;&lt;ul&gt;&lt;li&gt;The TiddlyWiki page is processed roughly in the order shown.&lt;/li&gt;&lt;li&gt;StyleSheet is for user customization so that the default style sheets need not be changed.&lt;/li&gt;&lt;li&gt;StyleSheetColors allows for easy color style changes while StyleSheetLayout is self-explanatory.&lt;/li&gt;&lt;li&gt;ViewTemplate controls the look of the tiddler display.&lt;/li&gt;&lt;li&gt;PageTemplate pulls all of the elements of the page together to create a pleasant visual effect.&lt;/li&gt;&lt;li&gt;EditTemplate controls the look of the editing screen for all.&lt;/li&gt;&lt;/ul&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(0, 68, 187);&quot;&gt;&lt;strong&gt;For information on CSS go here:&lt;/strong&gt;&lt;span tiddler=&quot;CSSMenu&quot; refresh=&quot;content&quot;&gt;&lt;a class=&quot;button&quot; title=&quot;CSS Reference&quot; href=&quot;javascript:;&quot;&gt;CSS Reference▾&lt;/a&gt;&lt;/span&gt;&lt;strong&gt;or here&lt;/strong&gt; &lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.w3schools.com/css/&quot; href=&quot;http://www.w3schools.com/css/&quot; class=&quot;externalLink&quot;&gt;http://www.w3schools.com/css/&lt;/a&gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show Formatting Tiddlers&quot; href=&quot;javascript:;&quot;&gt;Formatting Tiddlers&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;FormattingTiddlers&quot; refresh=&quot;content&quot;&gt;&lt;div class=&quot;tabsClass&quot;&gt;&lt;div cookie=&quot;tabsClass&quot; class=&quot;tabset&quot;&gt;&lt;a title=&quot;&quot; content=&quot;FormattingIntro&quot; tab=&quot;Intro&quot; class=&quot;tab tabSelected&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;BlockQuotes&quot; tab=&quot;BlockQuotes&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;BlockQuotes&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;ListsUnordered&quot; tab=&quot;Lists Unordered&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Lists Unordered&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;ListsOrdered&quot; tab=&quot;Lists Ordered&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Lists Ordered&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Headings&quot; tab=&quot;Headings&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Headings&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Sliders&quot; tab=&quot;Sliders&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Sliders&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Tables&quot; tab=&quot;Tables&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Tables&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;HowToUseLinks&quot; tab=&quot;Links&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Links&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Tags&quot; tab=&quot;Tags&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Tags&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;&amp;lt;hr&amp;gt;&quot; tab=&quot; &amp;lt;hr&amp;gt; &quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt; &amp;lt;hr&amp;gt; &lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;tabs&quot; tab=&quot;tabs&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;tabs&lt;/a&gt;&lt;a content=&quot;TiddlerSlicing&quot; tab=&quot;TiddlerSlicing &quot; class=&quot;tab tabUnselected&quot; title=&quot;TiddlerSlicing&quot; href=&quot;javascript:;&quot;&gt;TiddlerSlicing &lt;/a&gt;&lt;a content=&quot;PartPlugin&quot; tab=&quot;PartPlugin&quot; class=&quot;tab tabUnselected&quot; title=&quot;PartPlugin&quot; href=&quot;javascript:;&quot;&gt;PartPlugin&lt;/a&gt;&lt;a content=&quot;ShadowTiddlers&quot; tab=&quot;ShadowTiddlers&quot; class=&quot;tab tabUnselected&quot; title=&quot;ShadowTiddlers&quot; href=&quot;javascript:;&quot;&gt;ShadowTiddlers&lt;/a&gt;&lt;a content=&quot;AboutDefaultTiddlers&quot; tab=&quot;DefaultTiddlers&quot; class=&quot;tab tabUnselected&quot; title=&quot;DefaultTiddlers&quot; href=&quot;javascript:;&quot;&gt;DefaultTiddlers&lt;/a&gt;&lt;a content=&quot;AboutImages&quot; tab=&quot;Images&quot; class=&quot;tab tabUnselected&quot; title=&quot;Images&quot; href=&quot;javascript:;&quot;&gt;Images&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;FormattingText&quot; tab=&quot;FormattingText&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;FormattingText&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;HowToUseLinks&quot; tab=&quot;UsingLinks&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;UsingLinks&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;tabContents&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;a tiddlylink=&quot;FormattingIntro&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;FormattingIntro - MorrisGray, Saturday, 17 February, 2007 05:13:00&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;strong&gt;There are a number of formatting techniques available for tiddlers- click on a tab to view them.&lt;/strong&gt;&lt;br&gt;&lt;h5&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Examples&lt;/div&gt;&lt;/h5&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;th align=&quot;center&quot;&gt;Blockquote&lt;/th&gt;&lt;th align=&quot;center&quot;&gt;Ordered List&lt;/th&gt;&lt;th align=&quot;center&quot;&gt;Slider&lt;/th&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td style=&quot;background-color: white;&quot;&gt;&lt;img src=&quot;http://img80.imageshack.us/img80/6556/blockquoteqp5.jpg&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: white; padding-right: 5px;&quot;&gt;&lt;span tiddler=&quot;./ordered&quot; refresh=&quot;content&quot;&gt;&lt;ol&gt;&lt;li&gt;Entry One&lt;/li&gt;&lt;ol&gt;&lt;li&gt;Sub-entry A&lt;/li&gt;&lt;ol&gt;&lt;li&gt;Sub-sub-entry i&lt;/li&gt;&lt;li&gt;Sub-sub-entry ii&lt;/li&gt;&lt;/ol&gt;&lt;li&gt;Sub-entry B&lt;/li&gt;&lt;/ol&gt;&lt;li&gt;Entry Two&lt;/li&gt;&lt;li&gt;Entry Three&lt;/li&gt;&lt;/ol&gt;&lt;/span&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align: top; text-align: left; background-color: white;&quot; align=&quot;center&quot;&gt;&lt;span tiddler=&quot;./slider&quot; refresh=&quot;content&quot;&gt;&lt;a class=&quot;button&quot; title=&quot;show This an example of a slider try it&quot; href=&quot;javascript:;&quot;&gt;This an example of a slider try it&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;Get the slider plugin at &lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.tiddlytools.com#NestedSlidersPlugin&quot; href=&quot;http://www.tiddlytools.com#NestedSlidersPlugin&quot; class=&quot;externalLink&quot;&gt;tiddlytools.com&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;pre&gt;+++[This is a slider try it]
This is the code for it.
===
&lt;/pre&gt;&lt;/div&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;ul&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;ToolTip: Color Chart&quot; href=&quot;javascript:;&quot;&gt;Color Chart&lt;/a&gt;&lt;div tiddler=&quot;CSSColors&quot; refresh=&quot;content&quot; style=&quot;display: none;&quot; cookie=&quot;chkColors&quot; class=&quot;sliderPanel&quot;&gt;&lt;ul&gt;&lt;li&gt;&lt;span style=&quot;color: rgb(170, 170, 170);&quot;&gt; 216 Cross Platform Colors&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a tiddlylink=&quot;ColorHarmony&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;ColorHarmony - MorrisGray, Friday, 13 April, 2007 11:27:00&quot; href=&quot;javascript:;&quot;&gt;Color Harmony&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a tiddlylink=&quot;ColorNames&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;ColorNames - MorrisGray, Friday, 13 April, 2007 11:29:00&quot; href=&quot;javascript:;&quot;&gt;Coloria Color Names&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a tiddlylink=&quot;ColorWheel&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;ColorWheel - MorrisGray, Friday, 13 April, 2007 11:30:00&quot; href=&quot;javascript:;&quot;&gt;Color Wheel&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a class=&quot;button HideSideBarButton&quot; title=&quot;toggle sidebar&quot; href=&quot;javascript:;&quot;&gt;Expand window »&lt;/a&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;a target=&quot;_blank&quot; title=&quot;External link to http://www.symbex.net.au/Wiki/htmltablecolors.htm&quot; href=&quot;http://www.symbex.net.au/Wiki/htmltablecolors.htm&quot; class=&quot;externalLink&quot;&gt; Open in a new window&lt;/a&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span&gt;»&lt;/span&gt;&lt;br&gt;&lt;span&gt;&lt;iframe src=&quot;http://www.symbex.net.au/Wiki/htmltablecolors.htm&quot; height=&quot;600&quot; width=&quot;100%&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show Formatting Text&quot; href=&quot;javascript:;&quot;&gt;Formatting Text&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;FormattingText&quot; refresh=&quot;content&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;a tiddlylink=&quot;FormattingText&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;FormattingText - YourName, Wednesday, 14 March, 2007 12:38:00&quot; href=&quot;javascript:;&quot;&gt;FormattingText&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td style=&quot;background-color: white;&quot;&gt;&lt;span tiddler=&quot;./intro&quot; refresh=&quot;content&quot;&gt;&lt;strong&gt;There&lt;/strong&gt; are &lt;u&gt;many&lt;/u&gt; things that &lt;span class=&quot;marked&quot;&gt;&lt;strong&gt;can&lt;/strong&gt;&lt;/span&gt; be &lt;strike&gt;doen&lt;/strike&gt; done with text in a &lt;span style=&quot;color: red;&quot;&gt;tiddler&lt;/span&gt;. You can use superscript 2&lt;sup&gt;3&lt;/sup&gt;=8 and &lt;sub&gt;subscript&lt;/sub&gt; not to mention other interesting things like &lt;u&gt;Greek &lt;span&gt;Ψ&lt;/span&gt;&lt;span&gt;Σ&lt;/span&gt;&lt;span&gt;Ω&lt;/span&gt;&lt;span&gt;θ&lt;/span&gt;&lt;/u&gt; .  Some math is not hard to do either &lt;u&gt;2+2&lt;span&gt;≠&lt;/span&gt;5&lt;/u&gt;  or &lt;u&gt;X&lt;span&gt;÷&lt;/span&gt;0=&lt;span&gt;∞&lt;/span&gt;&lt;/u&gt;. Of course if you are interested in &lt;u&gt;money &lt;span&gt;£&lt;/span&gt; &lt;span&gt;¥&lt;/span&gt; &lt;span&gt;€&lt;/span&gt; &lt;span&gt;¢&lt;/span&gt;&lt;/u&gt; there's some of that too.  If you like to gamble you can play &lt;u&gt;cards &lt;span&gt;♠&lt;/span&gt; &lt;span&gt;♣&lt;/span&gt; &lt;span&gt;♥&lt;/span&gt; &lt;span&gt;♦&lt;/span&gt;&lt;/u&gt; with your $.  You can go this way &lt;span&gt;⇐&lt;/span&gt; or that way &lt;span&gt;⇒&lt;/span&gt; be bad and you might go this way &lt;span&gt;⇓&lt;/span&gt;. You can even write invisible comments like this &lt;u&gt;&lt;span&gt;&lt;span title=&quot;As one might have expected this is invisible!&quot; style=&quot;cursor: help;&quot;&gt;&lt;span&gt;&lt;span style=&quot;color: rgb(238, 255, 255);&quot;&gt;This is invisible&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/u&gt; (hover over it and see) not much help in communications usually though. &lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;Check out below how to do this.&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;ul&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;hide Open/Close Formatting Text&quot; href=&quot;javascript:;&quot;&gt;Open/Close Formatting Text&lt;/a&gt;&lt;div style=&quot;display: block;&quot; class=&quot;sliderPanel&quot;&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;th style=&quot;font-variant: small-caps;&quot; colspan=&quot;2&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;Special Characters&lt;/span&gt;&lt;/th&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td colspan=&quot;2&quot; align=&quot;center&quot;&gt;&lt;a tiddlylink=&quot;Entities-Codes&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;Entities-Codes - YourName, Wednesday, 14 March, 2007 12:13:00&quot; href=&quot;javascript:;&quot;&gt;Non-KeyboardCodes&lt;/a&gt; ASCII Greek {&lt;span&gt;ω&lt;/span&gt; &lt;span&gt;ψ&lt;/span&gt;} Html {&lt;span&gt;£&lt;/span&gt; &lt;span&gt;€&lt;/span&gt;} Latin {&lt;span&gt;ä&lt;/span&gt; &lt;span&gt;ã&lt;/span&gt; &lt;span&gt;æ&lt;/span&gt;} Mathematics {&lt;span&gt;∑&lt;/span&gt; &lt;span&gt;≈&lt;/span&gt; &lt;span&gt;≤&lt;/span&gt;} ASCII&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td colspan=&quot;3&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;th style=&quot;font-variant: small-caps;&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;To Produce&lt;/span&gt;&lt;/th&gt;&lt;th style=&quot;font-variant: small-caps;&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;Special Text Formatting&lt;/span&gt;&lt;/th&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;Invisible Comment&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;/%Invisible Comment%/&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;Monospaced text&lt;/code&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt; {{{Monospaced text&lt;/code&gt; }}}&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td style=&quot;vertical-align: middle;&quot; align=&quot;center&quot;&gt;&lt;span tiddler=&quot;./code&quot; refresh=&quot;content&quot;&gt;&lt;pre&gt;CSS &amp;lt;script&amp;gt; Code
&lt;/pre&gt;&lt;/span&gt;&lt;/td&gt;&lt;td align=&quot;left&quot;&gt;&lt;span tiddler=&quot;./code2&quot; refresh=&quot;content&quot;&gt;&lt;pre&gt; {{{
 CSS &amp;lt;script&amp;gt; Code
 }}}
&lt;/pre&gt;&lt;sup&gt;Three single spaced curly brackets on different lines on left margin.&lt;/sup&gt;&lt;br&gt;&lt;sup&gt;Same as &amp;lt;pre&amp;gt;...&amp;lt;/pre&amp;gt;&lt;/sup&gt;&lt;br&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;th style=&quot;font-variant: small-caps;&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;To Produce&lt;/span&gt;&lt;/th&gt;&lt;th style=&quot;font-variant: small-caps;&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;Text Formatting&lt;/span&gt;&lt;/th&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;strong&gt;Bold&lt;/strong&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;''Bold''  (double single quotes)&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;==Strikethrough==&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;==Strikethrough==&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;strike&gt;Proposed Change&lt;/strike&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;--Strikethrough--&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;u&gt;Underline&lt;/u&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;__Underline__&lt;/code&gt; (double shift-hyphen )&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;em&gt;Italic&lt;/em&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;//Italic//&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;Superscript: 2&lt;sup&gt;3&lt;/sup&gt;=8&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;2^^3^^=8&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;Subscript: a&lt;sub&gt;ij&lt;/sub&gt; = -a&lt;sub&gt;ji&lt;/sub&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;a~~ij~~ = -a~~ji~~&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;th align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;To Produce&lt;/span&gt;&lt;/th&gt;&lt;th style=&quot;font-variant: small-caps;&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;CSS Text Formatting&lt;/span&gt;&lt;/th&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td style=&quot;font-variant: small-caps;&quot; align=&quot;center&quot;&gt;Small Caps&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;font-variant:small-caps;Small Caps&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td style=&quot;font-family: Verdana,Arial;&quot; align=&quot;center&quot;&gt;Verdana, Arial&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;font-family: Verdana, Arial;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td style=&quot;font-family: Times; font-style: normal; font-variant: normal; font-weight: bold; font-size: 12pt; line-height: normal; font-size-adjust: none; font-stretch: normal;&quot; align=&quot;center&quot;&gt;Text&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;font: bold 12pt Times;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;th style=&quot;font-variant: small-caps;&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;To Produce&lt;/span&gt;&lt;/th&gt;&lt;th style=&quot;font-variant: small-caps;&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;Coloring&lt;/span&gt;&lt;/th&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td style=&quot;background-color: rgb(255, 204, 204);&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;Background Color&lt;/span&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;background-color: #FCC; Background Color &lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;span class=&quot;wrappingClass&quot;&gt; &lt;strong&gt; Code &lt;/strong&gt; &lt;/span&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;{{wrappingClass{ ''Code'' &lt;/code&gt;}}}&lt;a class=&quot;button&quot; title=&quot;show more.. &quot; href=&quot;javascript:;&quot;&gt;more.. &lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;CustomCSSClass&quot; refresh=&quot;content&quot;&gt;&lt;div class=&quot;textleft&quot;&gt;&lt;strong&gt;You can wrap any text in an HTML &lt;code&gt;&amp;lt;span&amp;gt;&lt;/code&gt; or &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; with a specified CSS class.&lt;/strong&gt; This allows custom CSS styling in a nice, modular way. By placing a rule in your &lt;a tiddlylink=&quot;StyleSheet&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;StyleSheet - MorrisGray, Thursday, 12 April, 2007 16:27:00&quot; href=&quot;javascript:;&quot;&gt;StyleSheet&lt;/a&gt; tiddler like this:&lt;br&gt;&lt;hr&gt;&lt;code&gt;.wrappingClass{color: #666; background: #bbb&lt;/code&gt;} &lt;br&gt;&lt;hr&gt;You can markup a piece of text in the tiddler using this code:&lt;br&gt;&lt;pre&gt;{{wrappingClass{Text that is now accentuated}}}
&lt;/pre&gt;&lt;br&gt;So that...By default, the text is placed in a &lt;code&gt;&amp;lt;span&amp;gt;&lt;/code&gt;. &lt;br&gt;&lt;span class=&quot;wrappingClass&quot;&gt;Text that is now accentuated&lt;br&gt;&lt;/span&gt;&lt;br&gt;To use a &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; instead, insert a line break before the text:&lt;br&gt;&lt;pre&gt;{{wrappingClass{
Text that is now accentuated}}}
&lt;/pre&gt;&lt;br&gt;&lt;div class=&quot;wrappingClass&quot;&gt;Text that is now accentuated&lt;/div&gt;&lt;br&gt;&lt;/div&gt;&lt;/span&gt;&lt;strong&gt;Put this in your StyleSheet:&lt;/strong&gt; &lt;code&gt;.wrappingClass{color: #000; background: #F93;&lt;/code&gt;}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;span style=&quot;color: green;&quot;&gt;Green Hornet&lt;/span&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;@@color:green;green text@@&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;span style=&quot;background-color: rgb(255, 0, 0); color: rgb(255, 255, 255);&quot;&gt;Red October&lt;/span&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;@@background-color:#ff0000;color:#ffffff;red  highlight@@&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;span class=&quot;marked&quot;&gt;highlight&lt;/span&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;@@highlight@@&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;th style=&quot;font-variant: small-caps;&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;To Produce&lt;/span&gt;&lt;/th&gt;&lt;th style=&quot;font-variant: small-caps;&quot; align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(102, 0, 51);&quot;&gt;Legacy syntax is also accepted&lt;/span&gt;&lt;/th&gt;&lt;/tr&gt;&lt;tr class=&quot;evenRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;span style=&quot;color: rgb(0, 175, 0);&quot;&gt;Green Grass of Home&lt;/span&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;@@color(#00fA00):green text@@ &lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;oddRow&quot;&gt;&lt;td align=&quot;center&quot;&gt;&lt;span style=&quot;background-color: rgb(255, 0, 0); color: rgb(255, 255, 255);&quot;&gt;Red Light&lt;/span&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;code&gt;@@bgcolor(#ff0000):color(#ffffff):red coloured@@ &lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show How to use tags&quot; href=&quot;javascript:;&quot;&gt;How to use tags&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;Tags&quot; refresh=&quot;content&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(255, 204, 51);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(255, 205, 55);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(255, 206, 59);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(255, 207, 63);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(255, 208, 67);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(255, 209, 71);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(255, 210, 75);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(255, 211, 79);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(255, 212, 83);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(255, 213, 87);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(255, 214, 91);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(255, 215, 95);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(255, 216, 99);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(255, 217, 104);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(255, 218, 108);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(255, 219, 112);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(255, 220, 116);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(255, 221, 120);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(255, 222, 124);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(255, 223, 128);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(255, 224, 132);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(255, 225, 136);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(255, 226, 140);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(255, 227, 144);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(255, 228, 148);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(255, 229, 153);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(255, 230, 157);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(255, 231, 161);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(255, 232, 165);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(255, 233, 169);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(255, 234, 173);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(255, 235, 177);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(255, 236, 181);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(255, 237, 185);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(255, 238, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(255, 239, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(255, 240, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(255, 241, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(255, 242, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(255, 243, 210);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(255, 244, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(255, 245, 218);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(255, 246, 222);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(255, 247, 226);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(255, 248, 230);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(255, 249, 234);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(255, 250, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(255, 251, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(255, 252, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(255, 253, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt; &lt;a tiddlylink=&quot;Tags&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;Tags - YourName, Thursday, 08 March, 2007 22:53:00&quot; href=&quot;javascript:;&quot;&gt;Tags&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;Few people have given tags more thought than Simon Baird with his &lt;/strong&gt;TagglyTagging&lt;strong&gt; concept. A look is worth a thousand words&lt;/strong&gt; &lt;/span&gt;&lt;span style=&quot;position: relative; width: 15px; height: 15px; margin-left: 1px; margin-right: 1px; padding-right: 12px; vertical-align: top;&quot; class=&quot;smiley&quot;&gt;&amp;nbsp;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 2px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 3px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 4px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 5px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 6px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 7px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 8px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 9px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 10px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 11px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 12px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 2px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 3px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 4px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 200, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 215, 88);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 200, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 10px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 11px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 12px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 2px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 3px; width: 1px; height: 1px; background-color: rgb(243, 203, 60);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 204, 102);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 11px; width: 1px; height: 1px; background-color: rgb(221, 144, 48);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 12px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 1px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 2px; width: 1px; height: 1px; background-color: rgb(237, 195, 42);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 3px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 204, 102);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 11px; width: 1px; height: 1px; background-color: rgb(255, 204, 102);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 12px; width: 1px; height: 1px; background-color: rgb(221, 144, 48);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 13px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 1px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 2px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 3px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 8px; width: 1px; height: 1px; background-color: rgb(70, 70, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 9px; width: 1px; height: 1px; background-color: rgb(70, 70, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 200, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 11px; width: 1px; height: 1px; background-color: rgb(255, 200, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 12px; width: 1px; height: 1px; background-color: rgb(255, 200, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 13px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 0px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 1px; width: 1px; height: 1px; background-color: rgb(253, 245, 38);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 2px; width: 1px; height: 1px; background-color: rgb(253, 245, 38);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 3px; width: 1px; height: 1px; background-color: rgb(253, 245, 38);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 4px; width: 1px; height: 1px; background-color: rgb(176, 107, 99);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 5px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 6px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 8px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 9px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 10px; width: 1px; height: 1px; background-color: rgb(253, 245, 38);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 11px; width: 1px; height: 1px; background-color: rgb(237, 195, 42);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 12px; width: 1px; height: 1px; background-color: rgb(237, 195, 42);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 13px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 14px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 0px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 1px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 2px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 3px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 4px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 5px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 6px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 7px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 8px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 9px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 11px; width: 1px; height: 1px; background-color: rgb(255, 191, 6);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 12px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 13px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 14px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 0px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 1px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 2px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 3px; width: 1px; height: 1px; background-color: rgb(253, 245, 38);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 4px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 5px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 6px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 7px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 8px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 11px; width: 1px; height: 1px; background-color: rgb(237, 195, 42);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 12px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 13px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 14px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 0px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 1px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 2px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 3px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 4px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 5px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 6px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 7px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 11px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 12px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 13px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 14px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 0px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 1px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 2px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 3px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 4px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 5px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 6px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 7px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 8px; width: 1px; height: 1px; background-color: rgb(253, 242, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 10px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 11px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 12px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 13px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 14px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 1px; width: 1px; height: 1px; background-color: rgb(26, 21, 7);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 2px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 3px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 5px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 6px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 7px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 8px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 9px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 11px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 12px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 13px; width: 1px; height: 1px; background-color: rgb(26, 21, 7);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 1px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 2px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 3px; width: 1px; height: 1px; background-color: rgb(255, 191, 6);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 191, 6);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 11px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 12px; width: 1px; height: 1px; background-color: rgb(204, 153, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 13px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 2px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 3px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 191, 6);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 191, 6);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 191, 6);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 9px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 10px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 11px; width: 1px; height: 1px; background-color: rgb(204, 153, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 12px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 2px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 3px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 4px; width: 1px; height: 1px; background-color: rgb(26, 21, 7);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 7px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 8px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 9px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 10px; width: 1px; height: 1px; background-color: rgb(26, 21, 7);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 11px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 12px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 2px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 3px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 4px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 5px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 6px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 7px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 8px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 9px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 10px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 11px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 12px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;/span&gt; &lt;a target=&quot;_blank&quot; title=&quot;External link to http://mptw.tiddlyspot.com/#TagglyTagging&quot; href=&quot;http://mptw.tiddlyspot.com/#TagglyTagging&quot; class=&quot;externalLink&quot;&gt;TagglyTagging&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;strong&gt;When the tidder is in edit mode&lt;/strong&gt; you can see the tags on a tiddler and also a drop down a list of tags that have already been assigned to other tiddlers.  Click on tags to see what has been assigned already.&lt;br&gt;&lt;br&gt;&lt;strong&gt;Tags should be single spaced and tags with spaces should be enclosed in double square brackets.&lt;/strong&gt;&lt;br&gt;&lt;br&gt;&lt;strong&gt;There are three basic identifiers for&lt;/strong&gt; tiddlers in TiddlyWiki that determine the usfulness of the contained information and therefore the success or failure of its use. &lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;sup&gt;See search options at right &lt;span&gt;»&lt;/span&gt;&lt;/sup&gt;&lt;/span&gt;&lt;br&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt; or name of the tiddler&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Text&lt;/strong&gt; or content of the tiddler&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tags&lt;/strong&gt; to identify classes, groups and relationships of tiddlers&lt;/li&gt;&lt;/ul&gt;&lt;br&gt;&lt;strong&gt;Tags are most useful and&lt;/strong&gt; important as they determine how the information is used and more importantly how information is related to practical use; assuming of course no fallibilistic presuppositions. Text is best for searches looking for detail most of the time, but can return far too much information at times.  &lt;strong&gt;It is best to set up your tagging system carefully on complex TWs&lt;/strong&gt;&lt;br&gt;&lt;br&gt;&lt;strong&gt;In the end it is you who must decide&lt;/strong&gt; how your information is best organized and the relationships that give it value.  Most of all you need to be able to find what you need and tags are one of the best ways. Here are a few popups on this page that use tags to group tiddlers for various reasons.&lt;br&gt;&lt;span tiddler=&quot;CSSMenu&quot; refresh=&quot;content&quot;&gt;&lt;a class=&quot;button&quot; title=&quot;CSS Reference&quot; href=&quot;javascript:;&quot;&gt;CSS Reference▾&lt;/a&gt;&lt;/span&gt;&lt;a class=&quot;button&quot; title=&quot;quick edit&quot; href=&quot;javascript:;&quot;&gt;quick edit▾&lt;/a&gt;&lt;a class=&quot;button&quot; title=&quot;List tag tabs&quot; href=&quot;javascript:;&quot;&gt;List tag tabs▾&lt;/a&gt;&lt;a class=&quot;button&quot; title=&quot;systemConfig tiddlers&quot; href=&quot;javascript:;&quot;&gt;systemConfig tiddlers▾&lt;/a&gt; &lt;br&gt;&lt;br&gt;&lt;strong&gt;Needless to say we are only talking about&lt;/strong&gt; the theory of information and we do not want to give ourselves an epistemological rupture. &lt;span style=&quot;position: relative; width: 15px; height: 15px; margin-left: 1px; margin-right: 1px; padding-right: 12px; vertical-align: top;&quot; class=&quot;smiley&quot;&gt;&amp;nbsp;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 2px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 3px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 4px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 5px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 6px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 7px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 8px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 9px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 10px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 11px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 12px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 0px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 2px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 3px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 4px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 200, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 215, 88);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 200, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 10px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 11px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 12px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 1px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 2px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 3px; width: 1px; height: 1px; background-color: rgb(243, 203, 60);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 234, 123);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 204, 102);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 11px; width: 1px; height: 1px; background-color: rgb(221, 144, 48);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 12px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 2px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 1px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 2px; width: 1px; height: 1px; background-color: rgb(237, 195, 42);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 3px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 5px; width: 1px; height: 1px; background-color: rgb(70, 70, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 6px; width: 1px; height: 1px; background-color: rgb(70, 70, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 8px; width: 1px; height: 1px; background-color: rgb(70, 70, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 9px; width: 1px; height: 1px; background-color: rgb(70, 70, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 204, 102);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 11px; width: 1px; height: 1px; background-color: rgb(255, 204, 102);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 12px; width: 1px; height: 1px; background-color: rgb(221, 144, 48);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 13px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 3px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 1px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 2px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 3px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 5px; width: 1px; height: 1px; background-color: rgb(70, 70, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 6px; width: 1px; height: 1px; background-color: rgb(70, 70, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 8px; width: 1px; height: 1px; background-color: rgb(70, 70, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 9px; width: 1px; height: 1px; background-color: rgb(70, 70, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 200, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 11px; width: 1px; height: 1px; background-color: rgb(255, 200, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 12px; width: 1px; height: 1px; background-color: rgb(255, 200, 70);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 13px; width: 1px; height: 1px; background-color: rgb(53, 46, 24);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 4px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 0px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 1px; width: 1px; height: 1px; background-color: rgb(253, 245, 38);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 2px; width: 1px; height: 1px; background-color: rgb(253, 245, 38);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 3px; width: 1px; height: 1px; background-color: rgb(253, 245, 38);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 4px; width: 1px; height: 1px; background-color: rgb(253, 245, 38);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 237, 85);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 10px; width: 1px; height: 1px; background-color: rgb(253, 245, 38);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 11px; width: 1px; height: 1px; background-color: rgb(237, 195, 42);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 12px; width: 1px; height: 1px; background-color: rgb(237, 195, 42);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 13px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 5px; left: 14px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 0px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 1px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 2px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 3px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 4px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 5px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 6px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 7px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 8px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 9px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 10px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 11px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 12px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 13px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 6px; left: 14px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 0px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 1px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 2px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 3px; width: 1px; height: 1px; background-color: rgb(221, 221, 221);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 11px; width: 1px; height: 1px; background-color: rgb(221, 221, 221);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 12px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 13px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 7px; left: 14px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 0px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 1px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 2px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 3px; width: 1px; height: 1px; background-color: rgb(102, 102, 102);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 11px; width: 1px; height: 1px; background-color: rgb(102, 102, 102);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 12px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 13px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 8px; left: 14px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 0px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 1px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 2px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 3px; width: 1px; height: 1px; background-color: rgb(221, 221, 221);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 10px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 11px; width: 1px; height: 1px; background-color: rgb(221, 221, 221);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 12px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 13px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 9px; left: 14px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 1px; width: 1px; height: 1px; background-color: rgb(26, 21, 7);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 2px; width: 1px; height: 1px; background-color: rgb(255, 221, 1);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 3px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 4px; width: 1px; height: 1px; background-color: rgb(221, 221, 221);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 9px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 10px; width: 1px; height: 1px; background-color: rgb(221, 221, 221);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 11px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 12px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 13px; width: 1px; height: 1px; background-color: rgb(26, 21, 7);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 10px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 1px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 2px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 3px; width: 1px; height: 1px; background-color: rgb(255, 191, 6);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 4px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 5px; width: 1px; height: 1px; background-color: rgb(221, 221, 221);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 7px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 8px; width: 1px; height: 1px; background-color: rgb(255, 255, 255);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 9px; width: 1px; height: 1px; background-color: rgb(221, 221, 221);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 10px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 11px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 12px; width: 1px; height: 1px; background-color: rgb(204, 153, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 13px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 11px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 2px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 3px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 4px; width: 1px; height: 1px; background-color: rgb(255, 191, 6);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 5px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 6px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 7px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 8px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 9px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 10px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 11px; width: 1px; height: 1px; background-color: rgb(204, 153, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 12px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 12px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 2px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 3px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 4px; width: 1px; height: 1px; background-color: rgb(26, 21, 7);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 5px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 6px; width: 1px; height: 1px; background-color: rgb(255, 172, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 7px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 8px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 9px; width: 1px; height: 1px; background-color: rgb(232, 157, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 10px; width: 1px; height: 1px; background-color: rgb(26, 21, 7);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 11px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 12px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 13px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 0px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 1px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 2px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 3px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 4px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 5px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 6px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 7px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 8px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 9px; width: 1px; height: 1px; background-color: rgb(0, 0, 0);&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 10px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 11px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 12px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 13px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;img src=&quot;data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00%21%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B&quot; style=&quot;position: absolute; top: 14px; left: 14px; width: 1px; height: 1px; background-color: transparent;&quot; class=&quot;smileyPixel&quot; border=&quot;0&quot;&gt;&lt;/span&gt;&lt;br&gt;&lt;h3&gt;Special Tags&lt;/h3&gt;&lt;ul&gt;&lt;li&gt; &lt;strong&gt;excludeSearch&lt;/strong&gt;: excludes a tiddler from search results&lt;/li&gt;&lt;li&gt; &lt;strong&gt;excludeLists&lt;/strong&gt;: excludes a tiddler from the lists in the sidebar tabs&lt;/li&gt;&lt;li&gt; &lt;strong&gt;systemConfig&lt;/strong&gt;: marks tiddlers that contain JavaScript that should be executed once TiddlyWiki has loaded&lt;/li&gt;&lt;li&gt; &lt;strong&gt;excludeMissing&lt;/strong&gt;: excludes a tiddler from the processing that generates the MissingTiddlers list. Use it when you have a tiddler that contains links to missing tiddlers and you don't want those missing links to appear in the `MissingTiddlers list.&lt;/li&gt;&lt;/ul&gt;&lt;br&gt;&lt;strong&gt;NOTE:&lt;/strong&gt; &lt;span style=&quot;color: rgb(204, 0, 102);&quot;&gt;&lt;strong&gt;Missing tiddlers are ones that have been linked to, but don't have anything in them yet. Just as likely you used &lt;em&gt;WikiWords&lt;/em&gt; without de-wikifing them like this&lt;/strong&gt; &lt;code&gt;~WikiWords&lt;/code&gt;. &lt;strong&gt;They can be found under the More&amp;gt;Missing tab in the right sidebar.&lt;/strong&gt;  What ever you do don't worry about them.&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;h3&gt;End Tags&lt;/h3&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;li&gt;&lt;a class=&quot;button&quot; title=&quot;show Macros Built-in&quot; href=&quot;javascript:;&quot;&gt;Macros Built-in&lt;/a&gt;&lt;div style=&quot;display: none;&quot; class=&quot;sliderPanel&quot;&gt;&lt;span tiddler=&quot;Macros Built-in&quot; refresh=&quot;content&quot;&gt;&lt;div class=&quot;tabsClass&quot;&gt;&lt;div cookie=&quot;tabsClass&quot; class=&quot;tabset&quot;&gt;&lt;a title=&quot;&quot; content=&quot;MacroIntro&quot; tab=&quot;Intro&quot; class=&quot;tab tabSelected&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;today&quot; tab=&quot;today&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;today&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;tag&quot; tab=&quot;tag&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;tag&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;newJournal&quot; tab=&quot;newJournal&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;newJournal&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;newTiddler&quot; tab=&quot;newTiddler&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;newTiddler&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;tiddler&quot; tab=&quot;tiddler&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;tiddler&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;version&quot; tab=&quot;version&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;version&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;list&quot; tab=&quot;list&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;list&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Sliders&quot; tab=&quot;Sliders&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;Sliders&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;tabs&quot; tab=&quot;tabs&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;tabs&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;Sparklines&quot; tab=&quot; Sparklines &quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt; Sparklines &lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;GradientMacro&quot; tab=&quot;GradientMacro&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;GradientMacro&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;TaggingMacro&quot; tab=&quot;TaggingMacro&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;TaggingMacro&lt;/a&gt;&lt;a title=&quot;&quot; content=&quot;ToolbarMacro&quot; tab=&quot;ToolbarMacro&quot; class=&quot;tab tabUnselected&quot; href=&quot;javascript:;&quot;&gt;ToolbarMacro&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;tabContents&quot;&gt;&lt;h3&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; background-color: rgb(252, 252, 252);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 98%; top: 0pt; width: 3%; height: 100%; z-index: -1; background-color: rgb(253, 253, 253);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 100%; top: 0pt; width: 1%; height: 100%; z-index: -1; background-color: rgb(255, 255, 255);&quot;&gt;&lt;/div&gt;&lt;a tiddlylink=&quot;MacroIntro&quot; refresh=&quot;link&quot; class=&quot;tiddlyLink tiddlyLinkExisting&quot; title=&quot;MacroIntro - MorrisGray, Monday, 29 January, 2007 02:00:00&quot; href=&quot;javascript:;&quot;&gt;Intro&lt;/a&gt;&lt;/div&gt;&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;On these tabs are the macros that are built into the core code of TiddlyWiki.&lt;/li&gt;&lt;li&gt;Click on a tab to see how they are used.&lt;/li&gt;&lt;/ul&gt;&lt;h5&gt;&lt;div style=&quot;overflow: hidden; position: relative; z-index: 0;&quot; class=&quot;gradient&quot;&gt;&lt;div style=&quot;position: absolute; left: 0%; top: 0pt; width: 101%; height: 100%; z-index: -1; background-color: rgb(170, 170, 170);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 2%; top: 0pt; width: 99%; height: 100%; z-index: -1; background-color: rgb(171, 171, 171);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 4%; top: 0pt; width: 97%; height: 100%; z-index: -1; background-color: rgb(172, 172, 172);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 6%; top: 0pt; width: 95%; height: 100%; z-index: -1; background-color: rgb(174, 174, 174);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 8%; top: 0pt; width: 93%; height: 100%; z-index: -1; background-color: rgb(175, 175, 175);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 10%; top: 0pt; width: 91%; height: 100%; z-index: -1; background-color: rgb(176, 176, 176);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 12%; top: 0pt; width: 89%; height: 100%; z-index: -1; background-color: rgb(178, 178, 178);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 14%; top: 0pt; width: 87%; height: 100%; z-index: -1; background-color: rgb(179, 179, 179);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 16%; top: 0pt; width: 85%; height: 100%; z-index: -1; background-color: rgb(180, 180, 180);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 18%; top: 0pt; width: 83%; height: 100%; z-index: -1; background-color: rgb(182, 182, 182);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 20%; top: 0pt; width: 81%; height: 100%; z-index: -1; background-color: rgb(183, 183, 183);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 22%; top: 0pt; width: 79%; height: 100%; z-index: -1; background-color: rgb(184, 184, 184);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 24%; top: 0pt; width: 77%; height: 100%; z-index: -1; background-color: rgb(186, 186, 186);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 26%; top: 0pt; width: 75%; height: 100%; z-index: -1; background-color: rgb(187, 187, 187);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 28%; top: 0pt; width: 73%; height: 100%; z-index: -1; background-color: rgb(189, 189, 189);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 30%; top: 0pt; width: 71%; height: 100%; z-index: -1; background-color: rgb(190, 190, 190);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 32%; top: 0pt; width: 69%; height: 100%; z-index: -1; background-color: rgb(191, 191, 191);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 34%; top: 0pt; width: 67%; height: 100%; z-index: -1; background-color: rgb(193, 193, 193);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 36%; top: 0pt; width: 65%; height: 100%; z-index: -1; background-color: rgb(194, 194, 194);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 38%; top: 0pt; width: 63%; height: 100%; z-index: -1; background-color: rgb(195, 195, 195);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 40%; top: 0pt; width: 61%; height: 100%; z-index: -1; background-color: rgb(197, 197, 197);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 42%; top: 0pt; width: 59%; height: 100%; z-index: -1; background-color: rgb(198, 198, 198);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 44%; top: 0pt; width: 57%; height: 100%; z-index: -1; background-color: rgb(199, 199, 199);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 46%; top: 0pt; width: 55%; height: 100%; z-index: -1; background-color: rgb(201, 201, 201);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 48%; top: 0pt; width: 53%; height: 100%; z-index: -1; background-color: rgb(202, 202, 202);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 50%; top: 0pt; width: 51%; height: 100%; z-index: -1; background-color: rgb(204, 204, 204);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 52%; top: 0pt; width: 49%; height: 100%; z-index: -1; background-color: rgb(206, 206, 206);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 54%; top: 0pt; width: 47%; height: 100%; z-index: -1; background-color: rgb(209, 209, 209);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 56%; top: 0pt; width: 45%; height: 100%; z-index: -1; background-color: rgb(212, 212, 212);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 58%; top: 0pt; width: 43%; height: 100%; z-index: -1; background-color: rgb(214, 214, 214);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 60%; top: 0pt; width: 41%; height: 100%; z-index: -1; background-color: rgb(217, 217, 217);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 62%; top: 0pt; width: 39%; height: 100%; z-index: -1; background-color: rgb(220, 220, 220);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 64%; top: 0pt; width: 37%; height: 100%; z-index: -1; background-color: rgb(223, 223, 223);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 66%; top: 0pt; width: 35%; height: 100%; z-index: -1; background-color: rgb(225, 225, 225);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 68%; top: 0pt; width: 33%; height: 100%; z-index: -1; background-color: rgb(228, 228, 228);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 70%; top: 0pt; width: 31%; height: 100%; z-index: -1; background-color: rgb(231, 231, 231);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 72%; top: 0pt; width: 29%; height: 100%; z-index: -1; background-color: rgb(233, 233, 233);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 74%; top: 0pt; width: 27%; height: 100%; z-index: -1; background-color: rgb(236, 236, 236);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 76%; top: 0pt; width: 25%; height: 100%; z-index: -1; background-color: rgb(238, 238, 238);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 78%; top: 0pt; width: 23%; height: 100%; z-index: -1; background-color: rgb(240, 240, 240);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 80%; top: 0pt; width: 21%; height: 100%; z-index: -1; background-color: rgb(241, 241, 241);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 82%; top: 0pt; width: 19%; height: 100%; z-index: -1; background-color: rgb(242, 242, 242);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 84%; top: 0pt; width: 17%; height: 100%; z-index: -1; background-color: rgb(244, 244, 244);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 86%; top: 0pt; width: 15%; height: 100%; z-index: -1; background-color: rgb(245, 245, 245);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 88%; top: 0pt; width: 13%; height: 100%; z-index: -1; background-color: rgb(246, 246, 246);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 90%; top: 0pt; width: 11%; height: 100%; z-index: -1; background-color: rgb(248, 248, 248);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 92%; top: 0pt; width: 9%; height: 100%; z-index: -1; background-color: rgb(249, 249, 249);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 94%; top: 0pt; width: 7%; height: 100%; z-index: -1; background-color: rgb(250, 250, 250);&quot;&gt;&lt;/div&gt;&lt;div style=&quot;position: absolute; left: 96%; top: 0pt; width: 5%; height: 100%; z-index: -1; backgr