Background: #000
Foreground: #FFFF99
PrimaryPale: #8cf 
PrimaryLight: #18f   
PrimaryMid: #7B68EE
PrimaryDark: #8B8989
SecondaryPale: #ffc
SecondaryLight: #A52A2A
SecondaryMid: #db4
SecondaryDark: #FF6600
TertiaryPale: #CDC8B1
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}

a {color:[[ColorPalette::PrimaryMid]];}
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
a img {border:0;}

h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}

.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}

.header {background:[[ColorPalette::PrimaryMid]];}
.headerShadow {color:[[ColorPalette::Foreground]];}
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
.headerForeground {color:[[ColorPalette::Background]];}
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}

	border-left:1px solid [[ColorPalette::TertiaryLight]];
	border-top:1px solid [[ColorPalette::TertiaryLight]];
	border-right:1px solid [[ColorPalette::TertiaryLight]];
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}

#sidebar {}
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}

.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
	border:1px solid [[ColorPalette::PrimaryMid]];}
.wizardStep.wizardStepDone {background::[[ColorPalette::TertiaryLight]];}
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
	border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
	border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}

#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}

.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}

.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}

.tiddler .defaultCommand {font-weight:bold;}

.shadow .title {color:[[ColorPalette::TertiaryDark]];}

.title {color:[[ColorPalette::SecondaryDark]];}
.subtitle {color:[[ColorPalette::TertiaryDark]];}

.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}

.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}

.footer {color:[[ColorPalette::TertiaryLight]];}
.selected .footer {color:[[ColorPalette::TertiaryMid]];}

.sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
.sparktick {background:[[ColorPalette::PrimaryDark]];}

.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
.lowlight {background:[[ColorPalette::TertiaryLight]];}

.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}

.imageLink, #displayArea .imageLink {background:transparent;}

.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}

.viewer .listTitle {list-style-type:none; margin-left:-2em;}
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}

.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}

.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
.viewer code {color:[[ColorPalette::SecondaryDark]];}
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}

.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}

.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
.editorFooter {color:[[ColorPalette::TertiaryMid]];}

#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity:60)';}
* html .tiddler {height:1%;}

body {margin:0; padding:0;
color: #FFFF99;

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size: x-small;font-variant: small-caps;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}

hr {height:1px;}

a {text-decoration:none;}

dt {font-weight:bold;}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

.txtOptionInput {width:11em;}

#contentWrapper .chkOptionInput {border:0;}

.externalLink {text-decoration:underline;}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}

/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

#mainMenu .tiddlyLinkExisting,
	#mainMenu .tiddlyLinkNonExisting,
	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}

.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}

#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

#sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0em 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

.wizard {padding:0.1em 1em 0em 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0em 0em 0em; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0em;}
.wizardFooter .status {padding:0em 0.4em 0em 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em 0.1em 0.2em;}

#messageArea {position:fixed; top:2em; right:0em; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em 0.2em 0.2em 0.2em;}
#messageArea a {text-decoration:underline;}

.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 1em; margin:0;}

.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0em;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}

.tabset {padding:1em 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}

#contentWrapper {display:block;}
#splashScreen {display:none;}

#displayArea {margin:1em 17em 0em 14em;}

.toolbar {text-align:right; font-size:.9em;}

.tiddler {padding:1em 1em 0em 1em;}

.missing .viewer,.missing .title {font-style:italic;}

.title {font-size:1.6em; font-weight:bold;}

.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}

.tiddler .button {padding:0.2em 0.4em;}

.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}

.footer {font-size:.9em;}
.footer li {display:inline;}

.annotation {padding:0.5em; margin:0.5em;}

* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0em 0.25em; padding:0em 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}

.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}

.fieldsetFix {border:0; padding:0; margin:1px 0px 1px 0px;}

.sparkline {line-height:1em;}
.sparktick {outline:0;}

.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}

* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

.twoColLiqRtHdr #mainContentx {margin: 0 26% 0 10px;} 
.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which use a logographic writing system and need larger font sizes.

body {font-size:0.8em;}

#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}

.subtitle {font-size:0.8em;}

.viewer table.listView {font-size:0.95em;}

.htmlarea .toolbarHA table {border:1px solid ButtonFace; margin:0em 0em;}
@media print {
#mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton {display: none ! important;}
#displayArea {margin: 1em 1em 0em 1em;}
/* Fixes a feature in Firefox where print preview displays the noscript content */
noscript {display:none;}
<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>

<div id='mainMenux' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler > fields syncing permalink references jump'></div>
<div class='title' macro='view title'></div>
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>
<div class='title' macro='view title'></div>
<div class='editor' macro='edit title'></div>
<div macro='annotations'></div>
<div class='editor' macro='edit text'></div>
<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>
To get started with this blank TiddlyWiki, you'll need to modify the following tiddlers:
* SiteTitle & SiteSubtitle: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
* MainMenu: The menu (usually on the left)
* DefaultTiddlers: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
You'll also need to enter your username for signing your edits: <<option txtUserName>>
These InterfaceOptions for customising TiddlyWiki are saved in your browser

Your username for signing your edits. Write it as a WikiWord (eg JoeBloggs)

<<option txtUserName>>
<<option chkSaveBackups>> SaveBackups
<<option chkAutoSave>> AutoSave
<<option chkRegExpSearch>> RegExpSearch
<<option chkCaseSensitiveSearch>> CaseSensitiveSearch
<<option chkAnimate>> EnableAnimations

Also see AdvancedOptions
|''Description:''|Allows you to disable TiddlyWiki's automatic linking of WikiWords|
|''Author:''|Martin Budden (mjbudden (at) gmail (dot) com)|
|''Source:''| |
|''CodeRepository:''| |
|''Date:''|Aug 5, 2006|
|''Comments:''|Please make comments at |
|''License:''|[[Creative Commons Attribution-ShareAlike 2.5 License|]] |

|''Disable WikiLinks''|<<option chkDisableWikiLinks>>|


// Ensure that the DisableWikiLinksPlugin is only installed once.
if(!version.extensions.DisableWikiLinksPlugin) {
version.extensions.DisableWikiLinksPlugin = {installed:true};

if(version.major < 2 || (version.major == 2 && version.minor < 1))
	{alertAndThrow('DisableWikiLinksPlugin requires TiddlyWiki 2.1 or newer.');}

if (config.options.chkDisableWikiLinks==undefined)
	{config.options.chkDisableWikiLinks = false;}

Tiddler.prototype.autoLinkWikiWords = function()
		{return false;}
	return !this.isTagged('systemConfig') && !this.isTagged('excludeMissing');

} // end of 'install only once'

|''Date:''|Jan 1, 2006|
|''Version:''|1.0 beta|
|''Author:''|Saq Imtiaz|
|''License:''|[[Creative Commons Attribution-ShareAlike 3.0 License|]]|
|''Based on:''|DC3.LightBox<br>Light Box Gone Wild <br>Ibox|

config.macros.imagebox ={};
config.macros.imagebox.handler = function (place,macroName,params,wikifier,paramString,tiddler)
    var e = place.lastChild;
    e.onclick = function(){TiddlyLightBox.initBox('image',this,params[1],params[2],params[0]);return false;};

config.macros.divbox ={};
config.macros.divbox.handler = function (place,macroName,params,wikifier,paramString,tiddler)
    if (params[0]!=".")
        createTiddlyButton(place,params[0],params[0],function(){TiddlyLightBox.initBox('html',params[1],params[3],params[4],params[2]);return false;});
        var e = place.lastChild;
        e.onclick = function(){TiddlyLightBox.initBox('html',params[1],params[3],params[4],params[2]);return false;};

config.macros.tiddlerbox ={}
config.macros.tiddlerbox.handler = function (place,macroName,params,wikifier,paramString,tiddler)
    return false;


if (!window.TiddlyLightBox)
    window.TiddlyLightBox = {};
    var loadingImage = "indicator.gif";
    window.TiddlyLightBox =
    _curBox: null, // [sentinel]

    lightBoxHtml : '<div id="lightBoxOverlay" onclick="TiddlyLightBox.hideBox()" style="display:none"></div><div id="lightboxprogress" style="display:none;"><img src=\''+loadingImage+'\' alt=\'loading\' style="width:128px;height:128px;"></div><div class="lightBox" id="lightBox" style="display:none"><div id="lightBoxContent"></div><div id="lightBoxTitle">This is a title</div><div id="lightBoxClose"><a href:"#" onclick="TiddlyLightBox.hideBox();return false;">Click to close</a></div></div>',

    createBoxWrapper : function()
        var wrapper = createTiddlyElement(document.getElementsByTagName("body")[0],"div","tiddlyLightBoxWrapper");
        wrapper.innerHTML = this.lightBoxHtml;

    initBox : function(contentType,url,w,h,text)
        if (this._curBox)
        this._curBox = true;
        if (contentType == 'image')
        else if (contentType == 'html')
        return false;
    sizeTheBox : function(contentType,w,h)
        var box = document.getElementById("lightBoxContent");
        if (w && isNaN(parseInt(w)))
        else if (w ||h || contentType == 'html')
   = w? w+ "px" : "450px";
   = h? h+ "px" : "280px";
            if (contentType=='image')
                setStylesheet("#lightBoxContent img{height:100%;width:100%;}","lightBoxImageSizeHack");

    showProgress : function()
        var progress = document.getElementById("lightboxprogress");'';
    hideProgress: function()
        var progress = document.getElementById("lightboxprogress");'none';

    //this function lifted from Lightbox Gone Wild
    hideSelects: function(visibility)
        var selects = document.getElementsByTagName('select');
        for(i = 0; i < selects.length; i++)
            selects[i].style.visibility = visibility;

    showBg: function()
        var overlay = document.getElementById('lightBoxOverlay');
        if (config.browser.isIE)
   = Math.max(document.documentElement.scrollHeight,document.documentElement.offsetHeight);
   = document.documentElement.scrollWidth;
            } = 'block';

    showImage: function (url,text)
        imgPreloader = new Image();
        imgPreloader.onload = function ()
            var lb = document.getElementById("lightBoxContent");
            lb.innerHTML = "<img src="+url+">";
            lb.onclick = function(){TiddlyLightBox.hideBox();return false;};
        imgPreloader.src = url;
    showHtml : function(theID,text)
        var lb = document.getElementById("lightBoxContent");
        if (theID.indexOf("tiddler:")==-1)
             lb.innerHTML = document.getElementById(theID).innerHTML;
            } = "auto";

    posBox: function(text)
       var lb = document.getElementById("lightBox"); = ""; = "hidden"; = "absolute";
       if(!TiddlyLightBox._curBox) return; = "visible"; = "block";

     setTitle: function(text)
        document.getElementById("lightBoxTitle").innerHTML=  (text==undefined)? '': text;

    _center: function(lb)
       var lbSize = new TiddlyLightBox.getElementSize(lb); = (Math.round(findWindowWidth()/2) - (lbSize.width /2) + findScrollX())+'px'; = (Math.round(findWindowHeight()/2) - (lbSize.height /2) + findScrollY())+'px';

    //this function lifted from Ibox
    getElementSize : function(elem)
       this.width = elem.offsetWidth ||;
       this.height = elem.offsetHeight ||;

     hideBox: function()
         document.getElementById("tiddlyLightBoxWrapper").innerHTML= this.lightBoxHtml;
         this._curBox = null;
         return false;


Story.prototype.findContainingTiddler = function(e)
    while(e && (!hasClass(e,"tiddler") || !e.getAttribute("tiddler")))
        e = e.parentNode;

config.shadowTiddlers.TiddlyLightBoxStyles="/*{{{*/\n#lightBoxOverlay {\n position:absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 90; \n background-color: #000;\n -moz-opacity: 0.75;\n opacity: .75;\n filter: alpha(opacity=75);\n}\n#lightBoxOverlay[id]{ \n position: fixed;\n}\n\n#lightboxprogress { \n margin:0;padding:0;\n position: absolute;\n z-index:95;\n}\n\ndiv.lightBox {\n background: #fff;\n color: #fff;\n border: 4px solid #525252;\npadding:20px 20px 25px 20px; position:absolute; z-index:99;\n}\n\n#lightBoxClose {text-align:right; color:#000; font-size:1.0em; position:absolute; bottom:6px; right:20px;}\n#lightBoxClose a{color:#666; border-bottom:1px solid #666;cursor:pointer;}\n#lightBoxClose a:hover {color:#111; border-bottom:1px solid #666; cursor:pointer; background:transparent;}\n\n#lightBoxContent {border:1px solid #525252;color:#000; background:#fff;}\n#lightBox .tiddler {background:#fff;}\n\n#lightBoxContent img {border:0;margin:0;padding:0;display:block;cursor:pointer;}\n\n#lightBoxTitle {padding:0px; font-weight:bold; position:absolute; left:20px;bottom:6px; font-size:1.1em; color:#000;}\n\n/*}}}*/";
!!WHAT ?
@@color(white):creative@@ creates amazing graphics from images, at the same time enhancing image quality: it transforms jagged, low-quality images into //sketches// or //outlines//. in other words, it enables you to convert bitmap images to scalable raster drawings. this not only visibly ''enhances image quality'', but allows you to easily @@color(red):colorize@@ images.
see the screenshot below to see how @@color(white):creative@@ transforms images.
!!WHY ?
*create attractive graphical content without having to draw from scratch!
*adjust images to fit the color scheme you choose
*choose from an impressive list of colors (the good old-fashioned way, with colors selected and named by humans, i.e //siena//, //chocolate//)
*save to PDF, EPS or SVG or standard image formats like JPG, GIF or PNG
*print results on large format paper, posters, t-shirts
[img[download creative|download.png][]]
[img[creative screenshot|creative-shot2.gif]]
@@color(white):creative@@ is a utility for ''tracing bitmaps'' or ''vectorizing images'', in other words, transforming "jagged" pixel images into smooth, scalable drawings, which can then be rendered or printed at any resolution. this is especially important when transferring images from screen to ''print'' (posters, t-shirts), where maximum quality is required. 

the resulting images ''look perfect in all sizes'' and resolutions. the images (or, more technically, their finite pixel representation) are transformed into a series of lines, curves and other shapes represented by mathematical equations, and therefore become infinitely scalable.

@@color(white):creative@@ is, technically speaking, a graphical front-end for [[potrace|]], the wonderful algorithm by Peter Selinger to transform images into drawings.
*very fast and smooth graphics
*colorful, easy to use interface
*real-time preview
*work on multiple sketches at once
[[download source code (open source)|]]
@@color(white):creative@@ is written in Delphi 7. it uses Adobe SVG Viewer 2.0 to display graphics. before you compile, you will need to add the fsDrpFls, Xi Controls components to your IDE. both can be found inside the //components// folder inside the source code zip archive.
see [[screenshots|screenshots : creative]]
see [[gallery of examples & user content|gallery : creative]]
!!WHAT ?
crosswords is a very easy to use tool to create:
*half a crossword pair work activities for the ESL (English as a Second Language) classroom.
it allows you to create professional looking crosswords in PDF format and enables you to easily print and share your work with everyone.
!!WHY ?
easier to use than any other crossword creator. automatically finds word definitions - crosswords can be created with a single mouse click. and, last but not least, completely free and open-source.
[img[download crosswords|download.png][]]
[img[crosswords screenshot|crosswords-shot1.gif]]
* very very easy to use (just push the button)
* automatically looks up word definitions, so you don't have to write anything
* export to PDF (easy to print anywhere)
* publish on the internet
[[download source code (open source)|]]
crosswords is written in Delphi 7.
see [[screenshots|screenshots : crosswords]]
see [[gallery of examples & user content|gallery : crosswords]]
!!WHAT ?
backup all your documents and program settings in one click.
!!WHY ?
easier to use than any other backup solution. 
[img[download easy backup|download.png][]]
[img[creative screenshot|backup-shot1.gif]]
easy backup is extensible via configuration file.
*simple to use
*creates self-extracting archives
*no external programs are needed to recover data from backup
[[download source code (open source)|]]
easy backup is written in Delphi 7. before you compile, you will need to add the dropsource, backup tools components to your IDE. both can be found inside the //components// folder.
!!WHAT ?
finds example sentences for a given word.
!!WHY ?
*to make it easier to come up with examples!
[img[download examples finder|download.png][]]
[img[creative screenshot|examples-finder-shot1.gif]]
example finder searches for the word you specify in a database of examples compiled from different dictionaries, written and spoken corpora and other linguistic data sources. for a complete list of sources, click [[here|examples finder - more information]].
*very fast
*broad selection of sources ([[linguistic data banks|examples finder - more information]])
*highlights the word you're looking for
[[download source code (open source)|]]
examples finder is written in Delphi 7. it uses two extra components: Syn Edit and Syn Uni Highlighter. both can be found inside the //components// folder.
see [[screenshots|screenshots : examples finder]]
*dictionary phrases (taken from leading dictionaries)
*literature (small selection of books and essays)
*films (english subtitles)
*critical and theoretical texts
*information technology texts
*fortune cookies
*british national corpus spoken
*british national corpus written
*brown corpus
*children's stories corpus
*newspaper corpus
*university papers corpus
!!WHAT ?
flash video album creates thumbnails for videos downloaded from video sharing sites like youtube.
!!WHY ?
create and share video albums with your friends. download and manage video content with unparalleled ease.
[img[download flash video album |download.png][]]
[img[flash video album creator screenshot|flash-shot1.gif]]
*easy to use (just drag and drop)
*enables you to share your favorite videos online
*perfect for burning offline cd compilations
*automatically creates thumbnails for all videos
*divide videos into pages or create one huge page
[[download source code (open source)|]]
flash video album creator is written in Delphi 7. it uses the uconsoleapp unit written by [[Peter Johnson|]] for [[PasHGUI|]]. before you compile, you will need to add the fsDrpFls, dialogs components to your IDE. both can be found inside the components folder.
see [[screenshots|screenshots : flash video album creator]]
see [[gallery of examples & user content|gallery : flash video album creator]]
!!!which way is up?
[[which way is up?|]] is a traditional and challenging 2D platformer with a slight rotational twist. Help a mysterious big-eared salaryman named Guy find his keys in a labyrinth of dangers and bad dialogue.

!!!trip on the funny boat
[[trip on the funny boat|]] is side scrolling arcade shooter game on a steamboat equipped with a cannon and the ability to jump. The player will need to take advantage of waves to defeat the enemies and dodge hazards.

!!!kite story
[[kite story|]] is a game of satellites, string and helicopters. The player has to use the mouse to tighten the kite string around balloons.

!!WHAT ?
an ultra-fast movie player that plays __everything__ - all the codecs are built in. no more hassles with movies playing without sound, or the other way around, or whatever. this movie player does the trick - it works on all movie files out of the box.
!!WHY ?
*move forwards and backwards through the movie very quickly
*boost the volume on movies that are very quiet - increase volume to 300%
*no need to install any audio or video codecs - ever! everything simply works out of the box
*displays subtitles if included with movie
[img[download movie player|download.png][]]
[img[creative screenshot|media-player-shot1.gif]]
movie player plus is a modified version of [[MPUI|]], an open-source graphical frontend (GUI) for mplayer for windows written in delphi 7. 
*ultra fast seeking and playback (thanks to mplayer)
*minimalistic interface
*automatic subtitle display  (can be turned off)
*volume boost - perfect for making those quiet movies audible
*reads most audio, video and subtitle files (for details see here)
[[download source code (open source)|]]
It is easy to extend the Ultimate Dictionary by installing new dictionaries. For more informations, see the websites below:
*[[Stardict - Extra Dictionaries|]]
*[[XDXF Dictionaries Download|]]
*[[illustrated tutorial on how to install new dictionaries|]]
!!WHAT ?
@@color(white):the ultimate dictionary@@ is a complete set of English, Spanish, French and Polish word references, including dictionaries, thesauruses and glossaries. it is easy to use and is probably the only dictionary you'll ever need, as it contains all the others. @@color(white):the ultimate dictionary@@ looks up words in all dictionaries at once, so you can browse a list of results from the 33+ included dictionaries.
!!WHY ?
*all in one dictionary - instantly lookup words in many sources
*multiple dictionary support
*quickly jump from one information source to another (translations, encyclopedia entries, glossaries)
*compare  explanations between dictionaries with ease
*easy to install [[new dictionaries]]
*understands the Stardict dictionary format
*manage dictionaries with ease: management tool allows you to add, delete or reorder dictionaries
*simple, uncluttered and easy to use interface
[img[download dictionary|download.png][]]

Additional files:
>To enable @@color(red):pronunciation@@ in the dictionary, you need to download the audio pack below:
>[[download audio files (needed for word pronunciation in American English)|]]
>If you speak @@color(red):Spanish@@ , here is special version of @@color(white):the ultimate dictionary@@, which includes additional Spanish bilingual and monolingual dictionaries:
>[[download spanish edition of dictionary|]]
[img[creative screenshot|dictionary-shot1.gif]]
[[gcide dictionary (based on Webster's Dictionary)|]]
[[wikipedia dictionary (English)|]]
[[wikipedia dictionary (French)|]]
[[wikipedia dictionary (Polish)|]]
[[linux manuals (man)|]]
the ultimate dictionary is a modification of [[stardict|]] and uses the same dictionary format.
[[download source code developer package, including c++ compiler (open source)|]]
[[download source code only (open source)|]]
the ultimate dictionary is written in C++ using Dev-Cpp.
[[dictionary cd cover|]]
[[dictionary cd booklet|]]
see [[screenshots|screenshots : dictionary]]
@@color(white):creative side@@  is a group of projects designed to unleash creativity through multimedia, allowing you to easily create digital content and share it with friends. @@color(white):creative side@@  is home to the following open-source freeware projects:
*[[creative]] - create amazing graphics from images (like the title image above). enhance quality, colorize, convert bitmap images to scalable raster drawings
*[[ultimate dictionary]] - 33+ Dictionaries in One (English, Spanish, French, Polish) 
*[[examples finder]] - find example usages of words (dictionary examples, literature)
*[[flash video album creator]] - create online albums with downloaded youtube videos
*[[crosswords]] - create crosswords, wordsearches, half a crossword ESL activities
*[[movie player plus]] - fast playback, volume boost, subtitles, all codecs included
*[[games]] - what's creativity without a little fun?
*[[easy backup]] - one click backup of personal documents and settings
the open source projects comprising @@color(white):creative side@@ are proudly hosted on:[>img[sourceforge|]]