You can SaveChanges if you're using FireFox or InternetExplorer:\n# if you're using Windows XP you might run into ServicePack2Problems\n# right click on [[this link|empty.html]] and select 'Save link as...' or 'Save target as...'\n** do ''not'' try to use the File/Save command in your browser because of SaveUnpredictabilities.\n** choose where to save the file, and what to call it (but keep the .HTML extension)\n# open the newly downloaded file in your browser\n# click the 'options' button on the right to set your username\n# edit, create and delete the tiddlers you want\n** you can change the SpecialTiddlers to change the SiteTitle and MainMenu etc.\n# click the 'save changes' button on the right to save your changes\n# TiddlyWiki will make a backup copy of the existing file, and then replace it with the new version\n
Because TiddlyWiki is a single HTML file, you've actually already downloaded the entire software just by viewing this site. If you want to be able to SaveChanges, you can save your own blank TiddlyWiki to your local drive by right clicking on [[this link|empty.html]] and selecting 'Save link as...' or 'Save target as...'. You can choose where to save the file, and what to call it (but keep the .HTML extension).\n\nDo ''not'' use the File/Save command in your browser to save TiddlyWiki, because of SaveUnpredictabilities.
As you can see in the RevisionHistory, I've been occasionally updating TiddlyWiki with bug fixes and minor new features. If you've been using an earlier revision of TiddlyWiki, here's how to upgrade to the latest version:\n* Open your TiddlyWiki file in FireFox (say it's called "mystuff.html")\n* SaveChanges to make sure that you've got a backup of it\n* Without closing that page, right-click on [[this link|http://www.tiddlywiki.com]], select 'Save target' or 'Save link' and save it as "mystuff.html", replacing your existing file\n* Now go back to the previously opened copy of "mystuff.html" in your browser and SaveChanges again. It will inherit the newly saved code\n* Refresh the page in the browser to verify that the upgrade has worked
<<tabs txtMainTab\nTimeline Timeline TabTimeline\nMore "More lists" TabMore\n>>
<<tabs txtMoreTab\nTags "All tags" TabTags\nAll "All tiddlers" TabMoreAll\nMissing "Missing tiddlers" TabMoreMissing\nOrphans "Orphaned tiddlers" TabMoreOrphans\n>>
<<list orphans>>
<<timeline>>
<<list all>>
<<allTags>>
<<list missing>>
[[personal web notebook|SiteSubtitle]]
[[zRenard|SiteTitle]]
version.extensions.favicon = {major: 0, minor: 1, revision: 0, date:\n"18 July 2005"};\nvar n = document.createElement("link");\nn.rel = "shortcut icon";\nn.href = "http://www.zrenard.com/favicon.ico";\ndocument.getElementsByTagName("head")[0].appendChild(n);
config.macros.calendar = {};\n\nconfig.macros.calendar.monthdays = [ 31, 28, 31, 30, 31, 30, 31, 31,\n30, 31, 30, 31];\nconfig.macros.calendar.monthnames = ["Jan", "Feb", "Mar", "Apr",\n"May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];\nconfig.macros.calendar.tiddlerformat = "0DD/0MM/YYYY";\n\nconfig.macros.calendar.handler = function(place,macroName,params)\n{\n var calendar = createTiddlyElement(place, "table", null, null, null);\n\n if(params[0] == "thismonth") {\n var today = new Date();\n createCalendarMonth(calendar, today.getYear()+1900, today.getMonth());\n } else {\n var year;\n if(params[0]) {\n year = params[0];\n } else {\n year = (new Date()).getYear() + 1900;\n }\n\n if(params[1]) {\n var month = params[1] -1;\n createCalendarMonth(calendar, year, month);\n } else {\n createCalendarYear(calendar, year);\n }\n }\n}\n\nfunction createCalendarMonth(calendar, year, mon)\n{\n var row = createTiddlyElement(calendar, "tr", null, null, null);\n createCalendarMonthHeader(row,\nconfig.macros.calendar.monthnames[mon] + " " + year);\n row = createTiddlyElement(calendar, "tr", null, null, null);\n createCalendarDayHeader(row, 1);\n createCalendarDayRowsSingle(calendar, year, mon);\n}\n\nfunction createCalendarYear(calendar, year)\n{\n var row;\n\n row = createTiddlyElement(calendar, "tr", null, null, null);\n var yearHeader = createTiddlyElement(row, "td", null, null, year);\n yearHeader.align = "center";\n yearHeader.setAttribute("colSpan", 21);\n\n createCalendarMonthRow(calendar, year, 0);\n createCalendarMonthRow(calendar, year, 3);\n createCalendarMonthRow(calendar, year, 6);\n createCalendarMonthRow(calendar, year, 9);\n}\n\nfunction createCalendarMonthRow(cal, year, mon)\n{\n var row = createTiddlyElement(cal, "tr", null, null, null);\n createCalendarMonthHeader(row, config.macros.calendar.monthnames[mon]);\n createCalendarMonthHeader(row, config.macros.calendar.monthnames[mon+1]);\n createCalendarMonthHeader(row, config.macros.calendar.monthnames[mon+2]);\n row = createTiddlyElement(cal, "tr", null, null, null);\n createCalendarDayHeader(row, 3);\n createCalendarDayRows(cal, year, mon);\n}\n\nfunction createCalendarMonthHeader(row, name)\n{\n var month = createTiddlyElement(row, "td", null, null, name)\n month.setAttribute("colSpan", 7);\n month.align = "center";\n}\n\nfunction createCalendarDayHeader(row, num)\n{\n for(var i = 0; i < num; i++) {\n createTiddlyElement(row, "td", null, null, "M");\n createTiddlyElement(row, "td", null, null, "T");\n createTiddlyElement(row, "td", null, null, "W");\n createTiddlyElement(row, "td", null, null, "T");\n createTiddlyElement(row, "td", null, null, "F");\n createTiddlyElement(row, "td", null, null, "S");\n createTiddlyElement(row, "td", null, null, "S");\n }\n}\n\nfunction createCalendarDays(row, col, first, max, year, mon)\n{\n var i;\n for(i = 0; i < col; i++) {\n createTiddlyElement(row, "td", null, null, null);\n }\n var day = first;\n for(i = col; i < 7; i++) {\n if(day <= max) {\n var daycell = createTiddlyElement(row, "td", null, null, null);\n var title = (new Date(year, mon,\nday)).formatString(config.macros.calendar.tiddlerformat);\n var link = createTiddlyLink(daycell, title, false);\n link.appendChild(document.createTextNode(day));\n } else {\n createTiddlyElement(row, "td", null, null, null);\n }\n day++;\n }\n}\n\nfunction createCalendarDayRows(cal, year, mon)\n{\n var row = createTiddlyElement(cal, "tr", null, null, null);\n\n var first1 = (new Date(year, mon, 1)).getDay() -1;\n if(first1 < 0) first1 = 6;\n var first2 = (new Date(year, mon+1, 1)).getDay() -1;\n if(first2 < 0) first2 = 6;\n var first3 = (new Date(year, mon+2, 1)).getDay() -1;\n if(first3 < 0) first3 = 6;\n\n createCalendarDays(row, first1,1, 31, year, mon);\n createCalendarDays(row, first2,1, 31, year, mon);\n createCalendarDays(row, first3,1, 31, year, mon);\n\n var day1 = 7 - first1 + 1;\n var day2 = 7 - first2 + 1;\n var day3 = 7 - first3 + 1;\n\n var max1 = config.macros.calendar.monthdays[mon];\n var max2 = config.macros.calendar.monthdays[mon+1];\n var max3 = config.macros.calendar.monthdays[mon+2];\n\n while(day1 <= max1 || day2 <= max2 || day3 <= max3) {\n row = createTiddlyElement(cal, "tr", null, null, null);\n createCalendarDays(row, 0, day1, max1, year, mon); day1 += 7;\n createCalendarDays(row, 0, day2, max2, year, mon); day2 += 7;\n createCalendarDays(row, 0, day3, max3, year, mon); day3 += 7;\n }\n}\n\nfunction createCalendarDayRowsSingle(cal, year, mon)\n{\n var row = createTiddlyElement(cal, "tr", null, null, null);\n\n var first1 = (new Date(year, mon, 1)).getDay() -1;\n if(first1 < 0) first1 = 6;\n\n createCalendarDays(row, first1,1, 31, year, mon);\n\n var day1 = 7 - first1 + 1;\n var max1 = config.macros.calendar.monthdays[mon];\n\n while(day1 <= max1) {\n row = createTiddlyElement(cal, "tr", null, null, null);\n createCalendarDays(row, 0, day1, max1, year, mon); day1 += 7;\n }\n}
// Eric Shulman - ELS Design Studios\n// "SinglePageMode" Plug-in for TiddlyWiki version 1.2.31 or above\n// use : <<option chkSinglePageMode>> Single Page Mode\nversion.extensions.SinglePageMode= {major: 1, minor: 0, revision: 0, date: new Date(2005,8,13)};\nif (config.options.chkSinglePageMode==undefined)\n config.options.chkSinglePageMode=false;\nwindow.coreDisplayTiddler=window.displayTiddler;\nwindow.displayTiddler = function(src,title,state,highlightText,highlightCaseSensitive,animate,slowly)\n{\n if (config.options.chkSinglePageMode)\n closeAllTiddlers();\n coreDisplayTiddler(src,title,state,highlightText,highlightCaseSensitive,animate,slowly);\n}
// Eric Shulman - ELS Design Studios\n// SelectStylesheet Plug-in for TiddlyWiki version 1.2.31 or above\n\n// define macro "selectStylesheet" to render controls\nversion.extensions.selectStylesheet = {major: 2, minor: 0, revision: 0, date: new Date(2005,8,6)};\n\nconfig.macros.selectStylesheet = { };\nconfig.macros.selectStylesheet.handler = function(place,macroName,params) {\n setStylesheet(".selectStylesheet {width:100%;font-size:8pt;margin:0em}","selectStylesheetPlugin");\n createStyleList(place,params,false);\n if (!store.blanketNotifications.find(refreshSelectStylesheet))\n store.addNotification(null,refreshSelectStylesheet);\n store.namedNotifications["StyleSheet"]=null; // remove default notifications for "StyleSheet"\n window.refreshStyles=applyStylesheets; // hijack the core refreshStyles\n applyStylesheets(params);\n refreshSelectStylesheet();\n}\n\nconfig.macros.selectOverlays = { };\nconfig.macros.selectOverlays.handler = function(place,macroName,params) {\n setStylesheet(".selectStylesheet {width:100%;font-size:8pt;margin:0em}","selectStylesheetPlugin");\n createStyleList(place,params,true);\n store.addNotification(null,refreshSelectStylesheet);\n store.namedNotifications["StyleSheet"]=null; // remove default notifications for "StyleSheet"\n window.refreshStyles=applyStylesheets; // hijack the core refreshStyles\n applyStylesheets(params);\n refreshSelectStylesheet();\n}\n\nfunction createStyleList(place,params,overlaysOnly)\n{\n var theList=createTiddlyElement(place,"select",null,"selectStylesheet",null);\n theList.onchange=onChangeSelectStylesheet;\n theList.size=1;\n theList.autosize=1;\n if (params[0]!=null)\n {\n if (params[0] && (params[0]=="size:auto")) { theList.autosize=0; params.shift(); }\n if (params[0] && (params[0].substr(0,5)=="size:")) theList.autosize=(params.shift()).substr(5);\n if (params[0] && (params[0].substr(0,6)=="width:")) theList.style.width=(params.shift()).substr(6);\n }\n theList.extraStyles=params;\n theList.overlaysOnly=overlaysOnly;\n}\n\n// IE needs explicit global scoping for functions/vars called from browser events\nwindow.onChangeSelectStylesheet=onChangeSelectStylesheet;\nwindow.refreshSelectStylesheet=refreshSelectStylesheet;\nwindow.applyStylesheets=applyStylesheets;\n\nfunction onChangeSelectStylesheet()\n{\n if (this.value!="")\n {\n var theExtraCookie="txtStyleSheet";\n if (this.options[this.selectedIndex].extra)\n theExtraCookie+=this.options[this.selectedIndex].extra;\n var theExtraSheet=((this.value=="[default]")?"":this.value);\n config.options[theExtraCookie]=theExtraSheet;\n saveOptionCookie(theExtraCookie);\n applyStylesheets(this.extraStyles);\n }\n // if selection is a stylesheet, top heading or overlay heading, update the list display\n if ((this.value!="")||(this.selectedIndex==0)||this.options[this.selectedIndex].extra)\n refreshSelectStylesheet();\n return;\n}\n\nfunction getElementsByClass(classname)\n{\n var arr=new Array();\n var count=0;\n var all=document.all? document.all : document.getElementsByTagName("*");\n for (i=0; i<all.length; i++)\n if (all[i].className==classname)\n arr[count++]=all[i];\n return arr;\n}\n\nfunction refreshSelectStylesheet()\n{\n var sp=String.fromCharCode(160);\n\n var allStyleLists=getElementsByClass("selectStylesheet");\n for (var k=0; k<allStyleLists.length; k++)\n {\n var theList=allStyleLists[k];\n\n // save current selection\n var theSelected = theList.options[0];\n if (theList.selectedIndex!=-1) theSelected = theList.options[theList.selectedIndex];\n // clear current list contents\n while (theList.length > 0) { theList.options[0] = null; }\n theList.selectedIndex=-1;\n // fill the stylesheet list\n var count=0;\n if (!theList.overlaysOnly)\n {\n // prompt text\n theList.options[count++] = new Option("select a stylesheet:","",false,false);\n // option: built-in CSS (no custom stylesheet)\n var prefix = (config.options.txtStyleSheet=="[none]")?">":(sp+sp);\n theList.options[count++] = new Option(prefix+sp+"[none]","[none]",false,false);\n // option: default "StyleSheet" CSS tiddler (if any)\n if (store.tiddlers["StyleSheet"]!=undefined)\n {\n var prefix = (config.options.txtStyleSheet=="StyleSheet")?">":(sp+sp);\n theList.options[count++] = new Option(prefix+sp+"[default]","StyleSheet",false,false);\n }\n // options: CSS tiddlers tagged with "stylesheets" (excluding default "StyleSheet" tiddler)\n var theSheets=store.getTaggedTiddlers("stylesheets");\n for (var i=0; i<theSheets.length; i++)\n {\n var theTitle=theSheets[i].title;\n if (theTitle=="StyleSheet") continue;\n prefix = (theTitle==config.options.txtStyleSheet)?">":(sp+sp);\n theList.options[count] = new Option(prefix+sp+theTitle,theTitle,false,false);\n theList.options[count++].extra = theList.extraStyles[t];\n }\n }\n // optional "overlay" stylesheets (grouped by tag name)\n theList.extraIndex=count; // list index where extra styles begin\n if (theList.extraStyles.length>1)\n theList.options[count++] = new Option("overlay extra stylesheets:","",false,false);\n for (var t=0; t<theList.extraStyles.length; t++)\n {\n var theExtraSheet=config.options["txtStyleSheet"+theList.extraStyles[t]];\n var showSection=(theSelected && (theSelected.extra==theList.extraStyles[t]));\n showSection |= (theList.overlaysOnly && (theList.extraStyles.length==1));\n // section heading ("+ tagname: sheetname")\n var theHeading="+ "+theList.extraStyles[t];\n if (theExtraSheet && (theExtraSheet!="") && (!showSection))\n theHeading=theHeading+": "+theExtraSheet;\n theList.options[count] = new Option(theHeading,"",false,false);\n theList.options[count++].extra = theList.extraStyles[t];\n // only show overlay stylesheet choices if this branch is selected\n if (showSection)\n {\n // option: use default CSS (disable overlay - displayed only when an overlay is in use)\n if (theExtraSheet && (theExtraSheet!=""))\n {\n theList.options[count] = new Option(sp+sp+sp+"[default]","[default]",false,false);\n theList.options[count++].extra = theList.extraStyles[t];\n }\n // options: CSS tiddlers tagged with this 'extra style' tag\n var theSheets=store.getTaggedTiddlers(theList.extraStyles[t]);\n for (var i=0; i<theSheets.length; i++)\n {\n var theTitle=theSheets[i].title;\n prefix = (theTitle==theExtraSheet)?">":(sp+sp);\n theList.options[count] = new Option(prefix+sp+theTitle,theTitle,false,false);\n theList.options[count++].extra = theList.extraStyles[t];\n }\n }\n }\n // set the listbox selection\n theList.selectedIndex=-1; // start with nothing selected\n if (theSelected) // then restore the previous selection (if any)\n {\n\n if (theSelected.extra && ((theSelected.value=="")||(theSelected.value=="[default]")))\n { // overlay header or [default], select section heading by matching extra\n for (var t=0; t<theList.length; t++)\n if (theList.options[t].extra==theSelected.extra)\n { theList.selectedIndex=t; break; }\n }\n else if (theSelected.value!="") // non-heading... restore by matching value\n theList.value = theSelected.value;\n }\n if (theList.selectedIndex==-1) // if no selection, default to current stylesheet in use\n for (var t=0; t<theList.extraIndex; t++) \n if (theList.options[t].text.substr(0,1)==">")\n { theList.selectedIndex=t; break; }\n if (theList.selectedIndex==-1) // if still no selection, default to first item\n theList.selectedIndex=0;\n theList.size=(theList.autosize<1)?theList.options.length:theList.autosize; // autosize as appropriate\n\n } // for all stylesheets\n}\n\n// Notes about ordering of CSS overlays:\n// When loading stylesheets contain 'overlapping' CSS definitions (i.e., different values\n// for the same class attributes), the CSS that is actually rendered uses the value from\n// the *last* stylesheet definition that is loaded into the DOM ('last-in wins').\n\n// In IE, this behavior is reversed. That is, when CSS definitions overlap, the *first* definition\n// loaded into the DOM is the one that gets rendered ('first-in wins'). However, there also appears\n// to be an exception to this rule when applied to built-in 'hard coded' CSS vs. dynamically loaded\n// CSS. Although hard-coded styles are, by definition, the first ones loaded into the DOM,\n// dynamically loaded CSS will nonetheless supercede the class attribute values that were\n// specified in the hard-coded CSS.\n\n// As a result, hard-coded styles can be successfully overridden in most browsers by\n// dynamically adding a single stylesheet overlay (i.e., the default "StyleSheet"), but the\n// effect of any subsequent overlays is applied in reverse order when using IE, which can \n// create very different display results when overlapping CSS definitions are involved.\n// Of course, when there are no overlapping CSS definitions, the overlays will produce the\n// same display results regardless of the order in which they are applied.\n\n// Workaround:\n// To make IE apply the overlays in the same way as other browsers, we reverse the order\n// in which the stylesheets are loaded when IE is being used, so that IE's 'first-in wins' handling is\n// inverted and becomes equivalent to 'last-in wins' handling.\n\nfunction applyStylesheets(extraStyles)\n{\n // make sure the requested stylesheet exists, fallback if not...\n var theSheet=config.options.txtStyleSheet;\n if (theSheet==undefined)\n theSheet="StyleSheet";\n if ((theSheet!="[none]") && (store.tiddlers[theSheet]==undefined))\n theSheet="StyleSheet"\n if (store.tiddlers[theSheet]==undefined)\n theSheet='[none]';\n config.options.txtStyleSheet=theSheet;\n\n if(document.createStyleSheet) // Test for IE's non-standard createStyleSheet method\n ieApplyStylesheets(extraStyles);\n else\n mozApplyStylesheets(extraStyles);\n\n // DEBUG: show ordered list of ID/size of each CSS stylesheet that has been loaded\n // var out="Active Stylesheets:\sn";\n // var styles=document.getElementsByTagName("style");\n // for(var i=0; i < styles.length; i++)\n // out=out+"\sn"+(i+1)+") "+styles[i].getAttribute("id")+" ["+styles[i].innerHTML.length+" bytes]";\n // alert(out);\n}\n\nfunction mozApplyStylesheets(extraStyles)\n{\n // set the primary stylesheet\n var theSheet = config.options.txtStyleSheet;\n var theNotify = store.namedNotifications[theSheet];\n setStylesheet((theSheet=='[none]')?"":store.getRecursiveTiddlerText(theSheet,""));\n var theCode = theSheet+'Config';\n if (store.tiddlers[theCode]!=undefined)\n window.eval(store.getTiddlerText(theCode));\n if (theSheet!='[none]')\n // add notification for stylesheet changes (only if notify not already set)\n if (!theNotify || (theNotify.find(applyStylesheets)==null))\n store.addNotification(theSheet,applyStylesheets);\n // set (or clear) the extra overlay style sheets\n if (extraStyles) for (var t=0; t<extraStyles.length; t++)\n {\n var theExtraSheet=config.options["txtStyleSheet"+extraStyles[t]];\n var theNotify = store.namedNotifications[theExtraSheet];\n setStylesheet(store.getRecursiveTiddlerText(theExtraSheet,""),extraStyles[t]);\n var theExtraCode = theExtraSheet+'Config';\n if (store.tiddlers[theExtraCode]!=undefined)\n window.eval(store.getTiddlerText(theExtraCode));\n if (theExtraSheet && (theExtraSheet!=""))\n // add notification for stylesheet changes (only if notify not already set)\n if (!theNotify || (theNotify.find(applyStylesheets)==null))\n store.addNotification(theExtraSheet,applyStylesheets);\n }\n}\n\nfunction ieApplyStylesheets(extraStyles)\n{\n // set (or clear) the extra overlay style sheets\n if (extraStyles) for (var t=extraStyles.length-1; t>=0; t--)\n {\n var theExtraSheet=config.options["txtStyleSheet"+extraStyles[t]];\n var theNotify = store.namedNotifications[theExtraSheet];\n setStylesheet(store.getRecursiveTiddlerText(theExtraSheet,""),extraStyles[t]);\n var theExtraCode = theExtraSheet+'Config';\n if (store.tiddlers[theExtraCode]!=undefined)\n window.eval(store.getTiddlerText(theExtraCode));\n if (theExtraSheet && (theExtraSheet!=""))\n // add notification for stylesheet changes (only if notify not already set)\n if (!theNotify || (theNotify.find(applyStylesheets)==null))\n store.addNotification(theExtraSheet,applyStylesheets);\n }\n // set the primary stylesheet\n var theSheet=config.options.txtStyleSheet;\n var theNotify = store.namedNotifications[theSheet];\n setStylesheet((theSheet=='[none]')?"":store.getRecursiveTiddlerText(theSheet,""));\n var theCode = theSheet+'Config';\n if (store.tiddlers[theCode]!=undefined)\n window.eval(store.getTiddlerText(theCode));\n if (theSheet!='[none]')\n // add notification for stylesheet changes (only if notify not already set)\n if (!theNotify || (theNotify.find(applyStylesheets)==null))\n store.addNotification(theSheet,applyStylesheets);\n}\n
//Picto\nconfig.macros["picto"] = { text: "picto" };\nconfig.macros.picto.handler = function(place,macroName,params) {\n var pic= document.createElement("img");\n var data = params;\n if(data[0] == "warn")\npic.src='data:image/gif;base64,R0lGODlhEAAQAPcAAB0fVzgySX02Cn04C30/D39bQ311Xnd4eF9mlltlnFpnoHN7j3B9nnB7oIE9DoZHEotRGJBaHoNdPpZlJJptKZ92LqN7Jql5LqN9MpZ9YrWGGKaDNqSHN6qJOrCLOKqETqGFXaiKUq2RZ6eRe7WYdrebfrugaNycDs2fMcumNe22H/+zAv+2Bf+3CP+6Cv+/EcSdRcWvVNK+TsOxcf/BFf/EGP/IHv/BIv/IIP3KKP/QL/3TMO7LUfjWR/3ZQPrZTvrbXvrpT/bpV//lVvriYfnoZvLpdP/kd//odPrue//waoyQs5Wfqreghb6jh76vi7ysn7yxq8CjgsSwmMyzmMSzoca6r9bDrtXKvuXZr//qiv/1hv/6hvrymv/9lf/9l/jttP/2oP/9o9LIwNTOytjRyvHmy//+xf/+3/n25P7+6v///wAAARL2TBW1qAAABAAAARL2TBW1qAAAAgAAJgAAAAAAOQAAE////wAAAAAAJgAAAAAAAQAAJgAAAAEKlnWegRW1qBVmuMjQ1PQhIRR14AAAOBUAAAAAAAEPmwAAOgAABAAAExL2kHZ14AEhyQAAAAAAAAAAAgAAAQAAAAAAAAAAAMjQ1PQhIRR14AAAAAAAAOE6kAAAAAAAAQAAAgAAAAEhyfQgDvQx6QEhyfQgDvQx6YCAgBL2BOFy5AEhyQAAARL2UPQc8AEhyfQx5Pd5oABAAAoWHvQwmQoWHhL2UPQc8AEhyQCPChL2vOFxxgoAAMjQ1PQhIRR14AAADwAAAAAAAAAAAAABkAAAAAAAAGEATWwAcnQAZQAAdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAele/AYMLBL2wHPoNcjQ1PQhIRR14MjQ1BL2wHPoO8jQ1PQhIRR14AAAAQohyBL3iHIhMQYMLBL3EAAADxR14OGqiAAAAHWVyxW1qBVozBW1qAAAAAAQAAAAAUl2QRVoAQAABAAAAAEhyQAAAAAAAAAAAB0fVx0fVyH5BAEAAGsALAAAAAAQABAABwjAANcIHLhGihSCCBEaTMhwihkeUxgipBJmCAyJA52k8aKkBwmMWK6gYcIACYoxEkuoOdNAgRYcHxhWySLGy4IER2ycgJLQxBYlSg4kAEJjxQWETYz4WGoAQY8VLVSMGFgmxo4aOHBsWHJjRY0dHsgIFBFkhdkVGiy4qKHjR5EMa6zI2EHjhQsXAQAc2TGkCJcZUUII8bFDRw4cKZ4A+UEkSRcwEkB02IChAoUJESA8cCDAwYABBSRTtoxZM+fPoAMCADs='; else if(data[0] == "ok")\npic.src='data:image/gif;base64,R0lGODlhEAAQAPcAADlqNjtuODtwN0dvRE5tTUl2QUx2SzKCKDqKMDebKj2YMUGbNUmDREyVQ1COSViaU121UWWNZWmBaWmcZneQd3qWenqYemCiXWCoWGSwXGW/WmSoYGq3YGq5YHGob3G7a3+7eGnFXW3JYXHEZnTIaXnEcHDSZHnSbn/dc4CsfoHHeIDfdIPjdoXmeIXreIntfIvxfoGhgYiniJGykYrJgpTLjZjBk57HmJTTjI73gZDhhJDvg5D6g5j/iqvNpqrapL3YuqH/kbHjqsLkvs7pysz//+Tx4/n7+QAAABNVSBL2UOE6sBL2DAEkEPQ1qxL0aAAADwAAAAAAAAAAAAABkAAAAAAAAGEATWwAcnQAZQAAdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABIAAP///xL1KHF87HF+3QAAARL2TBW1uAAABAAAARL2TBW1uAAAAgAAJgAAAAAAOQAAE////wAAAAAAJgAAAAAAAQAAJgAAAAEbsnWegRW1uBW+yMjQ1PQhIRR2CAAAOBUAAAAAAAEV/AAAOgAABAAAExL2kHZ14AEkEAAAAAAAAAAAAgAAAQAAAAAAAAAAAMjQ1PQhIRR2CAAAAAAAAOE6kAAAAAAAAQAAAgAAAAEkEPQgDvQx6QEkEPQgDvQx6YCAgBL2BOFy5AEkEAAAARL2UPQc8AEkEPQx5Pd5oABAAAoQ5PQwmQoQ5BL2UPQc8AEkEABCChL2vOFxxgoAAMjQ1PQhIRR2CAAADwAAAAAAAAAAAAABkAAAAAAAAGEATWwAcnQAZQAAdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAele/FcM3hL2wHPoNcjQ1PQhIRR2CMjQ1BL2wHPoO8jQ1PQhIRR2CAAAAQoeZhL3iHIhMVcM3hL3EAAADxR2COGqiAAAAHWVyxW1uBXA3BW1uAAAAAAQAAAAAUl2QRXAAQAABBL4RAEkEAAAAAAAAAAAADlqNjlqNiH5BAAAAAAALAAAAAAQABAABwjdAI8IFDjDw4YLE2IMXHhkxocdPGC8YEFig8KFKXQE6RGxBQoNJDJEGDhDI8ccE0M08HACgwWBH4Js5IFyhQIgRX50YNBwR4+TLliIaFCkSIkOFyp44EEThguPC3wUGdKhQwYDG3K4SAABxQoRCIqq6MAhA4ALLkyAKAJCxAIbRYiQ5YABwIQVLIgUvXGgKA0OdDEMkEHixAkhRYsaIYsBwwMJRx6QmIwjcQ3AjQUIjJGBxIgRJYwYCYzBAWSBETBU7eBBRWAHBBhaYICBbgbHAk4zPELBQIAABXQLDAgAOw==';\n if (!pic.src=="") place.appendChild(pic); else createTiddlyElement(place,"span",null,null, "no pics");\n}
version.extensions.tagCloud = {major: 0, minor: 1, revision: 0, date: new Date(2005,7,31)};\n\nconfig.macros.tagCloud =\n{\n noTags: "No tag cloud created because there are no tags.",\n tooltip: "%1 tiddlers tagged with '%0'"\n};\nconfig.macros.tagCloud.handler = function(place,macroName,params) {\n\nvar tagCloudWrapper = createTiddlyElement(place,"div",null,"tagCloud",null);\n\nvar tags = store.getTags();\nvar tagsNoParams = new Array();\nfor (t=0; t<tags.length; t++) {\nvar keepTag = true;\nfor (p=0;p<params.length; p++) if (tags[t][0] == params[p]) tags[t][0] = "";\n// if (keepTag) tagsNoParams.push(tags[t][0]);\n}\n//tags = tagsNoParams;\n\n\nif(tags.length == 0)\ncreateTiddlyElement(tagCloudWrapper,"span",null,null,this.noTags);\n//Findout the maximum number of tags\nvar mostTags = 0;\nfor (var t=0; t<tags.length; t++)\n{\n if (tags[t][0]=="") continue;\n if (tags[t][1] > mostTags) mostTags = tags[t][1];\n}\n\n //divide the mostTags into 4 segments for the 4 different tagCloud sizes\nvar tagSegment = mostTags / 4;\n\nfor (t=0; t<tags.length; t++) {\nvar tagCloudElement = createTiddlyElement(tagCloudWrapper,"span",null,null,null);\ntagCloudWrapper.appendChild(document.createTextNode(" "));\nvar theTag = createTiddlyButton(tagCloudElement,tags[t][0],this.tooltip.format(tags[t]),onClickTag,"tagCloudtag tagCloud" + (Math.round(tags[t][1]/tagSegment)+1));\ntheTag.setAttribute("tag",tags[t][0]);\n}\n\n};
window.createTiddlerViewer_orig_mptw_autopre = window.createTiddlerViewer;\n\nwindow.createTiddlerViewer = function(title,highlightText,highlightCaseSensitive) {\n \n var theBody = document.getElementById("body" + title);\n if(theBody) {\n \n var tiddler = store.tiddlers[title];\n if (typeof tiddler != "undefined" &&\n (title=="StyleSheet"\n || tiddler.getTags().indexOf("stylesheets") != -1\n || tiddler.getTags().indexOf("systemConfig") != -1\n // TODO: should be configurable in config instead of hard coded here...\n )\n )\n {\n var realText = store.getTiddlerText(title);\n var tweakedText = "{{{\sn" + realText + "\sn}}}\sn";\n tiddler.text = tweakedText;\n createTiddlerViewer_orig_mptw_autopre(title,highlightText,highlightCaseSensitive);\n tiddler.text = realText;\n }\n else {\n createTiddlerViewer_orig_mptw_autopre(title,highlightText,highlightCaseSensitive);\n }\n }\n}
<<search>><<closeAll>><<permaview>><<saveChanges>><<exportHTML>><<slider chkSliderOptionsPanel OptionsPanel options "Change TiddlyWiki advanced options">>
!!!General configuration tiddler\n*MainMenu : Left Menu\n*SiteTitle : Title\n*SiteSubtitle : Subtitle\n*DefaultTiddlers : Tiddle on main page\n*SideBarOptions\n*OptionsPanel\n*SideBarTabs\n*TabTimeline\n*TabMore\n*TabMoreAll\n*TabMoreMissing\n*TabMoreOrphans\n*TabTags\n*StyleSheet : CSS stuff\n<<listTags stylesheets title *>>\n\n!!!List of systemConfig tags (aka macro)\n<<listTags systemConfig modified *>>\n!!!Patch\n*http://zrenard.com/tiddlywiki/
///////////////////////////////////////////////////////////////\n// http://www.digitaldimsum.co.uk/\n///////////////////////////////////////////////////////////////\n//Thanks to Roman Porotnikov\n//http://www.jroller.com/page/deep/20030701\n\n//NB this systemConfig needs to be evaluated before other ones \n//that use the Aspects so the name starts with "."\n//since they're loaded alphabetically\n//should really put it into the main source code, but\n//wanted to keep everything upgrade-proof\n\nAspects = new Object();\n\nAspects.addBefore = function(obj, fname, before) {\n var oldFunc = obj[fname];\n obj[fname] = function() {\n return oldFunc.apply(this, before(arguments, oldFunc, this));\n };\n};\n\nAspects.addAfter = function(obj, fname, after) {\n var oldFunc = obj[fname];\n obj[fname] = function() {\n return after(oldFunc.apply(this, arguments), arguments, oldFunc, this);\n };\n};\n\nAspects.addAround = function(obj, fname, around) {\n var oldFunc = obj[fname];\n obj[fname] = function() {\n return around(arguments, oldFunc, this);\n };\n};\nfunction setUpTagPromptZone(retVal, args, oldFunc, src) {\n var title = args[0];\n var tagsBox = document.getElementById("editorTags" + title);\n if (tagsBox) tagsBox.setAttribute("autocomplete","off");\n \n loadHotTagSuggestions(title);\n \n var tagsBox = document.getElementById("editorTags" + title);\n if (tagsBox) {\n tagsBox.tiddlerTitle = title;\n tagsBox.onkeydown = onChangeEditorTags;\n }\n \n return retVal;\n}\n\n\nfunction loadHotTagSuggestions(title,filter) {\n var theWrapper = document.getElementById("editorWrapper" + title);\n var theOldZone = document.getElementById("tagPromptZone"+title);\n if (theOldZone)\n theOldZone.parentNode.removeChild(theOldZone);\n var theZone = createTiddlyElement(theWrapper,"div","tagPromptZone"+title,"tagPromptZone");\n\n var tags = store.getTags();\n var lingo = config.views.editor.tagChooser;\n \n var doneHighlight = false;\n for (t=0; t<tags.length; t++) {\n if (filter && filter.length > 0 && tags[t][0].indexOf(filter) != 0) continue;\n var theTag = createTiddlyButton(theZone,tags[t][0],lingo.tagTooltip.format([tags[t][0]]),onClickAddTagPopup,null,"button");\n theTag.setAttribute("tag",tags[t][0]);\n theTag.setAttribute("tiddler",title);\n \n if (!doneHighlight) {\n theTag.id = "hotSuggestion";\n doneHighlight = true;\n }\n theZone.appendChild(document.createTextNode(" "));\n }\n}\n\nfunction onChangeEditorTags(e) {\n if (!e) e = window.event;\n var tagsBox = resolveTarget(e);\n if(tagsBox) {\n var pos = tagsBox.value.lastIndexOf(" ");\n if (e.keyCode == 9) {\n tagsBox.value = tagsBox.value.substring(0,pos);\n useSelectedTagSuggestion();\n e.cancelBubble = true;\n if (e.stopPropagation) e.stopPropagation();\n return(false);\n } else {\n window.setTimeout(function updateTagSuggestions() {\n var tagSuggestionFilter = tagsBox.value.substr(++pos,tagsBox.value.length);\n loadHotTagSuggestions(tagsBox.tiddlerTitle, \n tagSuggestionFilter.length > 0 ? tagSuggestionFilter : null);\n }, 100);\n }\n }\n return true;\n}\n\nfunction useSelectedTagSuggestion() {\n var selectedTag = document.getElementById("hotSuggestion");\n if (!selectedTag) return;\n var tiddler = selectedTag.getAttribute("tiddler");\n var tag = selectedTag.getAttribute("tag");\n var tagsBox = document.getElementById("editorTags" + tiddler);\n if(tagsBox)\n tagsBox.value += " " + String.encodeTiddlyLink(tag);\n}\n\nAspects.addAfter(this,"createTiddlerEditor",setUpTagPromptZone);\n
/* Colors:#F8F8F8 - body bg#E5E5E5 - border header!?#F93 - orange#B8CDE8 - blue#BBB - gray,slider panel text,header*/\nbody,#mainMenu,#sidebar,#titleLine,#sidebarOptions,#sidebarTabs{font:13px/125% "Lucida Grande","Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;background-color:#F8F8F8}body{margin:2em}#header{border-bottom:1px solid #E5E5E5}#titleLine{color:#F93;padding-top:0;background-color:transparent}#titleLine a{color:#F93}#siteTitle{font-size:22pt}#siteSubtitle{font-size:18px;color:#B8CDE8}#mainMenu{float:left;text-align:left;border-top:1px solid #E5E5E5;line-height:normal;padding:0;margin-top:1em;background-color:white}#mainMenu a{display:block;padding-left:5px;height:22px;line-height:22px;color:#B8CDE8;font-weight:bold;border:none;border-bottom:1px inset #E5E5E5}#mainMenu br{display:none}#mainMenu .tiddlyLink,#mainMenu .externalLink{color:#B8CDE8}#mainMenu .tiddlyLink:hover,#mainMenu .externalLink:hover{background-color:transparent;color:#F93;border-bottom:1px inset #E5E5E5}#mainMenu .button{color:#B8CDE8;text-transform:uppercase;font-size:80%;border-right:3px solid #F93}#mainMenu .button:hover{background-color:transparent;color:#F93}#displayArea{margin:1em 1em 1em 1em;padding-left:200px;color:#BBB}#messageArea{margin-bottom:1em;border:1px solid #F93;background-color:inherit;color:inherit}#messageArea a:link,#messageArea a:visited{color:#B8CDE8;text-decoration:none}#messageArea a:hover{color:#F93}#messageArea a:active{color:#F93}#popup{z-index:10;font-size:inherit;color:#F93;background-color:#B8CDE8;padding:.5em;border:1px dashed #E5E5E5}#popup A{color:#F93;border-bottom:1px inset #E5E5E5;text-decoration:none;line-height:normal}#popup A:hover{background-color:#B8CDE8;color:white}#popup hr{border-top:dotted 1px #B8CDE8;color:#B8CDE8}.tiddler{margin-bottom:1em;border:1px solid #E5E5E5;background-color:white;padding:inherit}.selectedTiddler,.unselectedTiddler{font-size:inherit}.tiddler .button{color:#B8CDE8}.tiddler .button:hover{ color:#F93;background-color:#B8CDE8}.tiddler .button:active{color:#F93;background-color:inherit}.title{font-size:150%;color:#F93;padding-bottom:.5em;border-bottom:1px dotted #ccc}.toolbar .button{background-color:#B8CDE8;font-weight:bold;color:white}.selectedTiddler .toolbar{visibility:visible}.body{padding-top:0.5em}.viewer{color:#BBB}.viewer a:link,.body a:visited{color:#B8CDE8}.viewer a:hover{color:#F93;background-color:transparent}.viewer .button{color:#fff;font-weight:bold;border:1px dotted #B8CDE8;background-color:white}.viewer .button:hover{background-color:white;color:#F93}.viewer blockquote{font-size:90%}.viewer h1,h2,h3,h4,h5{background-color:#F8F8F8;color:#BBB}.viewer th{background-color:#F8F8F8;color:#B8CDE8;text-transform:uppercase;font-size:80%;font-weight:bold}#sidebar{float:left;color:#F93;font-weight:bold;font-size:inherit;text-transform:capitalize}#sidebarOptions{margin-bottom:0.5em;font-weight:bold}#sidebarOptions .button{color:#F93;padding:0.3em 0.2em 0px 0.5em}#sidebarOptions .button:hover,#sidebarOptions .button:active{color:#B8CDE8;background-color:#F8F8F8}#sidebarOptions input{margin:0.4em 0em 0.3em 1em;border:1px solid #E5E5E5;background-color:#F8F8F8}#sidebarOptions input:hover{background-color:white}#sidebarOptions .sliderPanel{font-size:90%;background-color:white;color:#BBB;font-weight:normal;margin-top:0.5em;border-top:1px dotted #F93;border-bottom:1px dotted #F93}#sidebarOptions .sliderPanel A{color:#B8CDE8;font-weight:normal}#sidebarOptions .sliderPanel A:hover,#sidebarOptions .sliderPanel A:active{color:#F93;background-color:white}#sidebarTabs{border:none}#sidebarTabs .tabSelected{color:white;border:none;background-color:#B8CDE8;position:static}#sidebarTabs .tabUnselected{color:white;background-color:#F93}#sidebarTabs .tabUnselected:hover,#sidebarTabs .tabSelected:hover{text-decoration:underline}#sidebarTabs .tabContents{font-weight:normal;font-size:90%;background-color:#B8CDE8}#sidebarTabs .tabContents span{border-bottom:1px dashed #F93;display:block}#sidebarTabs .tabContents span+br{display:none}#sidebarTabs .txtMoreTab .tabSelected{background-color:#F93;font-weight:bold}#sidebarTabs .txtMoreTab .tabUnselected{background-color:#F93;color:black}#sidebarTabs .txtMoreTab .tabContents{background-color:#F93;color:black}#sidebarTabs .tabContents .tiddlyLink{color:white}#sidebarTabs .tabContents .tiddlyLink:hover{color:white;background-color:transparent;text-decoration:underline}#sidebarTabs .tabContents .button{color:white}#sidebarTabs .tabContents .button:hover{color:#F93;background-color:#B8CDE8}#saveTest{display:none}#sidebar,#mainMenu{clear:both;width:200px;border-right:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;border-left:3px solid #B8CDE8;-moz-opacity:.9;opacity:.9;filter:alpha(opacity=90)}body{ background-attachment:fixed; background-image:url("http://fire.atspace.org/images/fractalRainbowHappyFlower_by_love1008.jpg")}.sparkline{background-color:white;border:1px dotted #B8CDE8}.sparktick{background-color:#F93}#cacltitle,#calc,#calc input{position:absolute;top:50%;left:50%;background-color:#F8F8F8}#cacltitle{height:20px;margin:-70px 0 0 -170px;padding:0 10px;background-color:#B8CDE8;color:#F93;font-size:10px;line-height:20px}#cacltitle a{color:white}#cacltitle a:hover{color:#F93}#calc{border-radius:10px;border-top-left-radius:0px;-moz-border-radius:0 10px 10px 10px;height:60px;width:300px;margin:-50px 0 0 -170px;border:3px solid #B8CDE8;padding:20px}#calc input{width:300px;margin:-30px 0 0 -150px;border:none;border-bottom:1px dashed #B8CDE8;font-size:60px;color:#F93;text-align:right}
body {\n background: #D5D0C4;\n font-size: 9pt;\n font-family: verdana,arial,helvetica;\n padding: 0em 0em 0em 0em;\nmargin: 0em 0em 0em 0em;\n z-index: 0;\nposition: relative;\ntext-align: center;\nbackground-repeat: repeat-y;\nbackground-position: center; \nbackground-image: url(data:image/gif;base64,R0lGODlh0gMCAIAAANXQxP///yH5BAAAAAAALAAAAADSAwIAAAI3hI95we0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTL/Kjed4zff+DwwKh8Si8YhMKpfMi05XAAA7);\n\n}\n\na:link, a:visited {\n text-decoration: none;\n}\n\na:hover, a:active {\n text-decoration: none;\n}\n\n#contentFooter {\nbackground-color: #FFF;\nmax-height: 100%;\nposition: float;\n}\n\n#contentWrapper {\nwidth: 920px;\nmargin: auto;\ntext-align: left;\nbackground-color: #FFFFFF;\npadding: 10px;\nheight: 100%;\n}\n\n\n#header {\nbackground-color: #C9DCB2;\npadding: 0px;\n}\n\n#titleLine {\n background-color: #C9DCB2;\nbackground: #999 url(data:image/gif;base64,R0lGODlhBAAEAIAAALu7u5mZmSH5BAAAAAAALAAAAAAEAAQAAAIFDGKomQUAOw==);\n padding: 5em 1em 1em 1em;\n}\n\n#titleLine a {\n color: #CCFF66;\n}\n\n#siteTitle {\n font-size: 26pt;\n}\n\n#siteSubtitle {\n padding-left: 1em;\n font-size: 10pt;\n}\n\n#mainMenu {\n position: absolute;\n left: 10px;\n float: left;\n width: 10em;\n line-height: 166%;\n padding: 1.5em 0.5em 0.5em 0.5em;\n font-size: 10pt;\n color: black;\n text-align: right;\n}\n\n#mainMenu .tiddlyLink {\n color: #aec650;\n}\n\n#mainMenu .tiddlyLink:hover {\n background-color: #B1DCEF;\n}\n\n#mainMenu .externalLink {\n color: #996633;\n text-decoration: underline;\n}\n\n#mainMenu .externalLink:hover {\n background-color: #B1DCEF;\n}\n\n#mainMenu .button {\n color: #C1D399;\n margin: 0em 0.25em 0em 0.25em;\n padding: 0em 0.25em 0em 0.25em;\n background-color: #FFF;\n border-right: 1px solid #999;\n border-bottom: 1px solid #999;\n}\n\n#mainMenu .button:hover {\n color: #FFFFFF;\n background-color: #C1D399;\n}\n\n\n#displayArea {\n margin: 1em 17em 0em 14em;\n}\n\n#tiddlerDisplay {\n}\n\n#messageArea {\n background-color: #EC7230;\n color: #ffffff;\n padding: 0.5em 0.5em 0.5em 0.5em;\n display: none;\n}\n\n#messageArea a:link, #messageArea a:visited {\n display: inline;\n text-decoration: underline;\n color: #FFF;\n}\n\n#messageArea a:hover {\n color: #333;\n}\n\n#messageArea a:active {\n color: #ffffff;\n}\n\n#popup {\n display: none;\n position: absolute;\n font-size: 8pt;\n color: #999;\n background-color: #EEE;\n padding: 0.25em 0.25em 0.25em 0.25em;\n border-right: 1px solid #330000;\n border-bottom: 1px solid #330000;\n z-index: 10;\nfilter:alpha(opacity=50);\n-moz-opacity:0.5;\nopacity: 0.5;\n}\n\n#popup a {\n display: block;\n color: #333;\n line-height: 100%;\n}\n\n#popup a:hover {\n background-color: #FFF;\n color: #330000;\n}\n\n#popup hr {\n border-top: solid 1px #666;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666;\n}\n\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px 2px 2px 2px;\n} \n\n.tabSelected {\n background-color: #333333;\n}\n\n.tabUnselected {\n background-color: #999999;\n}\n\n.tab:hover {\n}\n\n.tab:active {\n}\n\n.tabContents {\n padding: 2px;\n background-color: #333333;\n}\n\n.tiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n\n.selectedTiddler {\nborder: 1px solid #EEE;\nmargin: 5px;\n}\n\n.unselectedTiddler {\nborder: 1px solid #EEE;\nmargin: 5px;\n}\n\n.tiddler .tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddler .tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n.tiddler .externalLink {\n text-decoration: underline;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #AAAAAA;\n}\n\n.tiddler .button:hover {\n text-decoration: none;\n color: #999999;\n background-color: #DAEEF7;\n}\n\n.tiddler .button:active {\n color: #ffffff;\n background-color: #C1D399;\n}\n\n.title {\n font-size: 10pt;\n color: #666;\n font-weight: bold;\npadding-left:5px;\n}\n\n.selectedTiddler .title {\n font-size: 10pt;\n color: #333;\n font-weight: bold;\n}\n\n.toolbar {\n text-align: right;\n font-weight: normal;\n font-size: 8pt;\n padding: 0em 0em 0em 2em;\n color: #aaaaaa;\n visibility: hidden;\n}\n\n.toolbar #popup {\n text-align: left;\n}\n\n.selectedTiddler .toolbar {\n visibility: visible;\n}\n\n.footer {\n font-weight: normal;\n font-size: 8pt;\n margin: 0.5em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n color: #dddddd;\n}\n\n.selectedTiddler .footer {\n color: #888888;\n}\n\n.body {\n padding-top: 0.5em;\n}\n\n.viewer {\n color: #000000;\n line-height: 15px;\n padding: 8px 8px 8px 8px;\n}\n\n.viewer a:link, .body a:visited {\n text-decoration: none;\n color: #C1D399;\n}\n\n.viewer a:hover {\n color: #ffffff;\n background-color: #B1DCEF;\n text-decoration: none;\n}\n\n.viewer .button {\n margin: 0em 0.25em 0em 0.25em;\n padding: 0em 0.25em 0em 0.25em;\n color: #999;\n background-color: #FFF;\n border-right: 1px solid #999;\n border-bottom: 1px solid #999;\n}\n\n.viewer .button:hover {\n background-color: #C1D399;\n color: #FFF;\n}\n\n.viewer blockquote {\n font-size: 8pt;\n line-height: 150%;\n border-left: 3px solid #666666;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer ol {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer h1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\nborder-bottom: dashed 1px #d6d6d6;\nbackground-color: #FFF;\n}\n\n.viewer h1 {\n font-size: 12pt;\n}\n\n.viewer h2 {\n font-size: 10pt;\n}\n\n.viewer h3 {\n font-size: 10pt;\n}\n\n.viewer h4 {\n font-size: 9pt;\n}\n\n.viewer h5 {\n font-size: 8pt;\n}\n\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n margin-left: 1.0em;\n margin-right: 1.0em;\n margin-top: 0.8em;\n margin-bottom: 0.8em;\n font-size: 100%;\n}\n\n.viewer th {\n background-color: #999966;\n border: 1px solid #606060;\n color: #ffffff;\n padding: 3px;\n}\n\n.viewer td, tr {\n border: 1px solid #606060;\n padding: 3px;\n}\n\n.viewer caption {\n padding: 3px;\n}\n\n.viewer pre, .viewer code {\n font-size: 100%;\n line-height: 1.4em;\n color: #660000;\n}\n\n.viewer hr {\n border-top: dashed 1px #606060;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666666;\n}\n\n.highlight, .marked {\n color: #000000;\n background-color: #ffe72f;\n}\n\n.editor {\n font-size: 8pt;\n color: #402C74;\n font-weight: normal;\n}\n\n.editor input {\n display: block;\n border: 1px solid black;\n width: 100%;\n}\n\n.editor textarea {\n display: block;\n font: inherit;\n border: 1px solid black;\n width: 100%;\n}\n\n.editorFooter {\n padding: 0.25em 0em 0.25em 0em;\n font-size: 8pt;\n color: #aaaaaa;\n}\n\n.editorFooter A {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #993300;\n}\n\n.editorFooter A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n\n.editorFooter A:active {\n color: #ffffff;\n background-color: #cc9900;\n}\n\n#sidebar {\n float: right;\n width: 16em;\n color: #000000;\n font-size: 8pt;\npostion: absolute;\n}\n\n#sidebarOptions {\n padding-top: 0.5em;\nmargin-top:10px;\nmargin-right: 10px;\n background-color: #F1EFEB;\n}\n\n#sidebarOptions .button {\n color: #999;\n padding: 0.3em 0.2em 0.3em 1em;\n display: block;\n}\n\n#sidebarOptions .button:hover {\n color: #999;\n background-color: #B1DCEF;\n}\n\n#sidebarOptions .button:active {\n color: #CFC9BC;\n background-color: #EEE;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0em 0.3em 1em;\n}\n\n#sidebarOptions .sliderPanel {\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: 7pt;\n background-color: #FFF;\n}\n\n#sidebarOptions .sliderPanel A {\n color: #6999C9;\n font-weight: bold;\n}\n\n#sidebarOptions .sliderPanel A:hover {\n color: #C1D399;\n background-color: #FFF;\n}\n\n#sidebarOptions .sliderPanel A:active {\n color: #333;\n background-color: #FFF;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0em 0em 0.3em 0em;\n}\n\n.sidebarSubHeading {\n font-size: 7pt;\n color: #330000;\n}\n\n#sidebarTabs {\n background-color: #fff;\nmargin-right:2px;\n}\n\n#sidebarTabs .tabSelected {\n color: #999;\n background-color: #ECF8FD;\n position: relative;\n top: -1px;\n}\n\n#sidebarTabs .tabUnselected {\n color: #999;\n background-color: #F5F5F5;\n}\n\n#sidebarTabs .tabContents {\n background-color: #ECF8FD;\nmargin-right: 10px;\n}\n\n#sidebarTabs .txtMoreTab .tabSelected {\n background-color: #F5F5F5;\n}\n\n#sidebarTabs .txtMoreTab .tabUnselected {\n background-color: #ECF8FD;\n}\n\n#sidebarTabs .txtMoreTab .tabContents {\n background-color: #F5F5F5;\n}\n\n#sidebarTabs .tabContents .tiddlyLink {\n color: #6999C9;\n}\n\n#sidebarTabs .tabContents .tiddlyLink:hover {\n background-color: #ECF8FD;\n color: #330000;\n}\n\n#sidebarTabs .tabContents .button {\n color: #6999C9;\n padding: 0em 0em 0em 0em;\n display: inline;\n}\n\n#sidebarTabs .tabContents .button:hover {\n color: #999;\n background-color: #ECF8FD;\n}\n\n#licensePanel {\n padding: 0.5em 0em 0.5em 0em;\n}\n\n#licensePanel A {\n display: block;\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: #993300;\n}\n\n#licensePanel A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n\n#licensePanel A:active {\n color: #993300;\n background-color: #ccff66;\n}\n\n#storeArea, #copyright {\n display: none;\n}\n\n.sparkline {\n background-color: #eeeeaa;\n border: none;\n line-height: 100%;\n}\n\n.sparktick {\n background-color: #993300;\n outline: 0;\n}\n\n.errorNoSuchMacro {\n color: #ffff00;\n background-color: #ff0000;\n}\n\n.zoomer {\n font-size: 10pt;\n display: none;\n color: #000000;\n position: absolute;\n padding: 1em 1em 1em 1em;\n border: 1px solid #000000;\n}\n\n#saveTest {\n display: none;\n}\n\n@media print {\n\n#mainMenu, #sidebar, #messageArea {\n display: none ! important;\n}\n\n#displayArea {\n margin: 1em 1em 0em 1em;\n}\n\n}
body {\n background: #FFFFFF;\n font-size: 9pt;\n font-family: verdana,arial,helvetica;\n padding: 0em 0em 0em 0em;\nmargin: 0em 0em 0em 0em;\n z-index: 0;\nposition: relative;\ntext-align: center;\nbackground-repeat: repeat-y;\nbackground-position: center; \nbackground-image: url(data:image/gif;base64,R0lGODlh0gMCALMAAP7+/vX19eLi4unp6dnZ2c/Pz/z8/Pn5+e/v7////wAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAADSAwIAAARLMMlJawXmBDQEKVYojmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcEjUFQiCASJwMACEGA3HAypar9isdsvter/gsHhMLnuPyWXz2YoAADs=);\n\n}\n\na:link, a:visited {\n text-decoration: none;\n}\n\na:hover, a:active {\n text-decoration: none;\n}\n\n#contentFooter {\nbackground-color: #FFF;\nmax-height: 100%;\nposition: float;\n}\n\n#bodydashboard {\nbackground-color: #f4f4f4;\nborder: solid 2px #EEE;\n}\n\n#tiddlerdashboard .selectedTiddler {\nborder: solid 0px #FFF;\n}\n\n\n#tiddlerdashboard .unselectedTiddler {\nborder: 0px solid #FFF;\n}\n\n#contentWrapper {\nwidth: 920px;\nborder-left: solid .01em #EEE;\nborder-right: solid .01em #EEE;\nmargin: auto;\ntext-align: left;\nbackground-color: #FFFFFF;\npadding: 0px;\nheight: 100%;\n}\n\n\n#header {\nmargin: 0px;\n background-color: #333333;\n}\n\n#titleLine {\n background-color: #333333;\nheight: 58px;\ntext-align: right;\nbackground: #333 url(data:image/gif;base64,R0lGODlhBABiAOYAADw8PSsrKxkZGTg4ODMzNBcXFz8/P1NTUyEiIicnJyQjIxITEx0dHEFBQUlJST4+PkZGRkBAQFBQUDo6OkdHRxQTFDIyMjc3N09PTzAwMC8vLyoqKkhIRygoKBMUE01NS0ZGRU1NTSwsLD49PhQTE09QUEhJSDIxMTg3N0VFRj09PVRUVEdISCEhHzo5ORAQDkJBQioqKDk6OignKA4QEEVFQ1BQTyUlIycoJ0NFQzo8PElKSU1OTTo6OUFCQUVFRVRUUzM1Mzw6PDM1NVBSUlRTUxsdG01LSy8vMDg4N0hHSE5NTVBSUE5NTigoKi8tL09QT0dIRz0+PiooKkNFRT9APzAvL1JSUC0tLU5OTjExMVJSUgwMDA4ODhYWFSYlJjY2NkNCQhEREUpKSh4eHhoaGgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAEAGIAAAf/gEArBytFB4dbW4iJW0RbV1sSTBISNhIlElAlNhidWZ9ZGJ9NnyE8IUsfqiFjR2OvsLE7Yw60Jg4Otywcu0ocFBxRFBAQFMMgxCAgKSk1NT85YdJU0tXVPjAwDdvbEd7eBlUGDwbl5A/oIyNSKgAA7e4AEwBCOhP3EzI9LjIuA/8AB6BAkeQCmAsGwShMqDDIEIUEIhKwMHGilhMWtFzUyDGDxwwakFjR8ASLBg1YUmIRoTJAABEiXMrcQHPKhhgxnHTYiWNGhxkJggb9kuCL0aNHFSi4oQCB0qYIoiJoQYYqmatYs5JhwHWrkTIMyogdS3asALEC0qotwLatl7dwKuFW8OKBhIe7JCroXcB3gRi/fsUIHiz4hRgaNLp0eaG4cRcuj7lInswlEAA7);\n padding: 30px 1em 1em 1em;\n}\n\n#titleLine a {\n color: #CCFF66;\n}\n\n#siteTitle {\n font-size: 26pt;\n}\n\n#siteSubtitle {\n padding-left: 1em;\n font-size: 10pt;\nfloat: right;\nmargin-bottom: 10px;\n}\n\n#mainMenu {\n position: absolute;\n left: 10px;\n float: left;\n width: 10em;\n line-height: 166%;\n padding: 1.5em 0.5em 0.5em 0.5em;\n font-size: 10pt;\n color: black;\n text-align: right;\n}\n\n#mainMenu .tiddlyLink {\n color: #aec650;\n}\n\n#mainMenu .tiddlyLink:hover {\n background-color: #B1DCEF;\n}\n\n#mainMenu .externalLink {\n color: #996633;\n text-decoration: underline;\n}\n\n#mainMenu .externalLink:hover {\n background-color: #B1DCEF;\n}\n\n#mainMenu .button {\n color: #C1D399;\n margin: 0em 0.25em 0em 0.25em;\n padding: 0em 0.25em 0em 0.25em;\n background-color: #FFF;\n border-right: 1px solid #999;\n border-bottom: 1px solid #999;\n}\n\n#mainMenu .button:hover {\n color: #FFFFFF;\n background-color: #C1D399;\n}\n\n\n#displayArea {\n margin: 1em 17em 0em 14em;\n}\n\n#tiddlerDisplay {\n}\n\n#messageArea {\n background-color: #EC7230;\n color: #ffffff;\n padding: 0.5em 0.5em 0.5em 0.5em;\n display: none;\n}\n\n#messageArea a:link, #messageArea a:visited {\n display: inline;\n text-decoration: underline;\n color: #FFF;\n}\n\n#messageArea a:hover {\n color: #333;\n}\n\n#messageArea a:active {\n color: #ffffff;\n}\n\n#popup {\n display: none;\n position: absolute;\n font-size: 8pt;\n color: #999;\n background-color: #EEE;\n padding: 0.25em 0.25em 0.25em 0.25em;\n border-right: 1px solid #330000;\n border-bottom: 1px solid #330000;\n z-index: 10;\nfilter:alpha(opacity=50);\n-moz-opacity:0.5;\nopacity: 0.5;\n}\n\n#popup a {\n display: block;\n color: #333;\n line-height: 100%;\n}\n\n#popup a:hover {\n background-color: #FFF;\n color: #330000;\n}\n\n#popup hr {\n border-top: solid 1px #666;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666;\n}\n\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px 2px 2px 2px;\n} \n\n.tabSelected {\n background-color: #333333;\n}\n\n.tabUnselected {\n background-color: #999999;\n}\n\n.tab:hover {\n}\n\n.tab:active {\n}\n\n.tabContents {\n padding: 2px;\n background-color: #333333;\n}\n\n.tiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n\n.selectedTiddler {\nborder: 1px solid #EEE;\nmargin: 5px;\n}\n\n.unselectedTiddler {\nborder: 1px solid #EEE;\nmargin: 5px;\n}\n\n.tiddler .tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddler .tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n.tiddler .externalLink {\n text-decoration: underline;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #AAAAAA;\n}\n\n.tiddler .button:hover {\n text-decoration: none;\n color: #999999;\n background-color: #DAEEF7;\n}\n\n.tiddler .button:active {\n color: #ffffff;\n background-color: #C1D399;\n}\n\n.title {\n font-size: 10pt;\n color: #666;\n font-weight: bold;\npadding-left:5px;\n}\n\n.selectedTiddler .title {\n font-size: 10pt;\n color: #333;\n font-weight: bold;\n}\n\n.toolbar {\n text-align: right;\n font-weight: normal;\n font-size: 8pt;\n padding: 0em 0em 0em 2em;\n color: #aaaaaa;\n visibility: hidden;\n}\n\n.toolbar #popup {\n text-align: left;\n}\n\n.selectedTiddler .toolbar {\n visibility: visible;\n}\n\n.footer {\n font-weight: normal;\n font-size: 8pt;\n margin: 0.5em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n color: #dddddd;\n}\n\n.selectedTiddler .footer {\n color: #888888;\n}\n\n.body {\n padding-top: 0.5em;\n}\n\n.viewer {\n color: #000000;\n line-height: 15px;\n padding: 8px 8px 8px 8px;\n}\n\n.viewer a:link, .body a:visited {\n text-decoration: none;\n color: #C1D399;\n}\n\n.viewer a:hover {\n color: #ffffff;\n background-color: #B1DCEF;\n text-decoration: none;\n}\n\n.viewer .button {\n margin: 0em 0.25em 0em 0.25em;\n padding: 0em 0.25em 0em 0.25em;\n color: #999;\n background-color: #FFF;\n border-right: 1px solid #999;\n border-bottom: 1px solid #999;\n}\n\n.viewer .button:hover {\n background-color: #C1D399;\n color: #FFF;\n}\n\n.viewer blockquote {\n font-size: 8pt;\n line-height: 150%;\n border-left: 3px solid #666666;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer ol {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer h1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\nborder-bottom: dashed 1px #d6d6d6;\nbackground-color: #FFF;\n}\n\n.viewer h1 {\n font-size: 12pt;\n}\n\n.viewer h2 {\n font-size: 10pt;\n}\n\n.viewer h3 {\n font-size: 10pt;\n}\n\n.viewer h4 {\n font-size: 9pt;\n}\n\n.viewer h5 {\n font-size: 8pt;\n}\n\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n margin-left: 1.0em;\n margin-right: 1.0em;\n margin-top: 0.8em;\n margin-bottom: 0.8em;\n font-size: 100%;\n}\n\n.viewer th {\n background-color: #999966;\n border: 1px solid #606060;\n color: #ffffff;\n padding: 3px;\n}\n\n.viewer td, tr {\n border: 1px solid #606060;\n padding: 3px;\n}\n\n.viewer caption {\n padding: 3px;\n}\n\n.viewer pre, .viewer code {\n font-size: 100%;\n line-height: 1.4em;\n color: #660000;\n}\n\n.viewer hr {\n border-top: dashed 1px #606060;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666666;\n}\n\n.highlight, .marked {\n color: #000000;\n background-color: #ffe72f;\n}\n\n.editor {\n font-size: 8pt;\n color: #402C74;\n font-weight: normal;\n}\n\n.editor input {\n display: block;\n border: 1px solid black;\n width: 100%;\n}\n\n.editor textarea {\n display: block;\n font: inherit;\n border: 1px solid black;\n width: 100%;\n}\n\n.editorFooter {\n padding: 0.25em 0em 0.25em 0em;\n font-size: 8pt;\n color: #aaaaaa;\n}\n\n.editorFooter A {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #993300;\n}\n\n.editorFooter A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n\n.editorFooter A:active {\n color: #ffffff;\n background-color: #cc9900;\n}\n\n#sidebar {\n float: right;\n width: 16em;\n color: #000000;\n font-size: 8pt;\npostion: absolute;\n}\n\n#sidebarOptions {\n padding-top: 0.5em;\nmargin-top:10px;\nmargin-right: 10px;\n background-color: #F1EFEB;\n}\n\n#sidebarOptions .button {\n color: #999;\n padding: 0.3em 0.2em 0.3em 1em;\n display: block;\n}\n\n#sidebarOptions .button:hover {\n color: #999;\n background-color: #B1DCEF;\n}\n\n#sidebarOptions .button:active {\n color: #CFC9BC;\n background-color: #EEE;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0em 0.3em 1em;\n}\n\n#sidebarOptions .sliderPanel {\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: 7pt;\n background-color: #FFF;\n}\n\n#sidebarOptions .sliderPanel A {\n color: #6999C9;\n font-weight: bold;\n}\n\n#sidebarOptions .sliderPanel A:hover {\n color: #C1D399;\n background-color: #FFF;\n}\n\n#sidebarOptions .sliderPanel A:active {\n color: #333;\n background-color: #FFF;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0em 0em 0.3em 0em;\n}\n\n.sidebarSubHeading {\n font-size: 7pt;\n color: #330000;\n}\n\n#sidebarTabs {\n background-color: #fff;\nmargin-right:2px;\n}\n\n#sidebarTabs .tabSelected {\n color: #999;\n background-color: #ECF8FD;\n position: relative;\n top: -1px;\n}\n\n#sidebarTabs .tabUnselected {\n color: #999;\n background-color: #F5F5F5;\n}\n\n#sidebarTabs .tabContents {\n background-color: #ECF8FD;\nmargin-right: 10px;\n}\n\n#sidebarTabs .txtMoreTab .tabSelected {\n background-color: #F5F5F5;\n}\n\n#sidebarTabs .txtMoreTab .tabUnselected {\n background-color: #ECF8FD;\n}\n\n#sidebarTabs .txtMoreTab .tabContents {\n background-color: #F5F5F5;\n}\n\n#sidebarTabs .tabContents .tiddlyLink {\n color: #6999C9;\n}\n\n#sidebarTabs .tabContents .tiddlyLink:hover {\n background-color: #ECF8FD;\n color: #330000;\n}\n\n#sidebarTabs .tabContents .button {\n color: #6999C9;\n padding: 0em 0em 0em 0em;\n display: inline;\n}\n\n#sidebarTabs .tabContents .button:hover {\n color: #999;\n background-color: #ECF8FD;\n}\n\n#licensePanel {\n padding: 0.5em 0em 0.5em 0em;\n}\n\n#licensePanel A {\n display: block;\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: #993300;\n}\n\n#licensePanel A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n\n#licensePanel A:active {\n color: #993300;\n background-color: #ccff66;\n}\n\n#storeArea, #copyright {\n display: none;\n}\n\n.sparkline {\n background-color: #eeeeaa;\n border: none;\n line-height: 100%;\n}\n\n.sparktick {\n background-color: #993300;\n outline: 0;\n}\n\n.errorNoSuchMacro {\n color: #ffff00;\n background-color: #ff0000;\n}\n\n.zoomer {\n font-size: 10pt;\n display: none;\n color: #000000;\n position: absolute;\n padding: 1em 1em 1em 1em;\n border: 1px solid #000000;\n}\n\n#saveTest {\n display: none;\n}\n\n@media print {\n\n#mainMenu, #sidebar, #messageArea {\n display: none ! important;\n}\n\n#displayArea {\n margin: 1em 1em 0em 1em;\n}\n\n}
body{\n background: #000;\n}\n\n#contentWrapper{\n margin: 0 10px;\n background: #321c10;\n border: 1px solid #613725;\n}\n\n#mainMenu{\n position: relative;\n float: left;\n font-size: 12px;\n text-align: left;\n background: #321c10;\n color: #c5886b;\n width: 15em;\n padding: .2em .5em .2em 0;\n}\n\n#MainMenu h1{\n font-size: 13px;\n font-weight: normal;\n margin: 0 0 0 2px;\n}\n\n#mainMenu li, #mainMenu ul{\n padding: 0;\n margin: 0;\n}\n\n#mainMenu ul, #messageArea{\n display: block;\n border: 1px solid #905437;\n padding: 0 0 0 1em;\n background: #522d1e;\n margin: 0 0 1em 0;\n}\n\n#messageArea{\n display: none;\n padding: 1em;\n}\n\n#mainMenu li{\n list-style: none;\n}\n\n#contentWrapper #mainMenu a.button,\n#contentWrapper #mainMenu a.tiddlyLink,\n#contentWrapper #mainMenu a.externalLink,\n#messageArea a:link, #sidebar .button{\n color: #fb9950;\n text-decoration: none;\n}\n\n#contentWrapper #mainMenu a.button:hover,\n#contentWrapper #mainMenu a.tiddlyLink:hover,\n#contentWrapper #mainMenu a.externalLink:hover,\n#messageArea a:hover, #sidebar .button:hover{\n color: #c17135;\n background: transparent;\n text-decoration: underline;\n}\n\n#sidebar{\n position: relative; \n float: right;\n}\n\n#sidebar .sliderPanel{\n background: #000;\n color: #94532d;\n}\n\n#titleLine{\n color: #94532d;\n background: #000;\n padding: 1em;\n border-bottom: 1px solid #613725;\n}\n\n#siteTitle{\n font-size: 24px;\n font-weight: bold;\n}\n\n#titleLine a{\n color: #fb9950;\n}\n\n#sidebar, #sidebarOptions, #sidebarTabs{\n background: transparent;\n}\n\n#contentWrapper .tabSelected{\n background: #522d1e;\n border: 1px solid #905437;\n border-bottom: 0;\n padding-bottom: 3px;\n cursor: default;\n color: #fb9950;\n font-weight: bold;\n}\n\n#contentWrapper .tabUnselected, #contentWrapper .tabcontents .tabSelected{\n background: #2a170d;\n border: 1px solid #542e21;\n border-bottom: 0;\n padding-bottom: 0px;\n color: #fb9950;\n}\n\n#contentWrapper .tabUnselected:hover{\n color: #c17135\n}\n\n#contentWrapper .tabcontents .tabSelected{\n padding-bottom: 3px;\n border: 1px solid #905437;\n border-bottom: 0;\n}\n\n#contentWrapper .tabcontents .tabUnselected{\nbackground: #522d1e;\n border: 1px solid #613725;\n border-bottom: 0;\n padding-bottom: 0;\n}\n\n/* TiddlySinister was desgined by Clint Checketts (http://15black.bluedepot.com) and inspired from Minz Meyer (http://www.minzweb.de) */\n\n\n#contentWrapper .tabContents{\n background: #522d1e;\n border: 1px solid #905437;\n border-width: 1px 0;\n}\n\n#contentWrapper .tabContents .tabContents{\nbackground: #2a170d;\n border: 1px solid #905437;\n}\n\n#contentWrapper .tabContents li.listTitle{\n color: #c5886b;\n}\n\n#contentWrapper .tabContents li a.tiddlyLink,#contentWrapper .tabContents li a.button{\n color: #fb9950\n}\n\n#contentWrapper .tabContents li a.tiddlyLink:hover, #contentWrapper .tabContents li a.button:hover{\n color: #c17135;\n background: transparent;\n text-decoration: underline;\n}\n\n#popup{\n background: #522d1e;\n border: 1px solid #905437;\n z-index: 50;\n}\n\n.toolbar #popup{\n min-width: 12em;\n}\n\n#popup hr{\n border-top: 1px solid #905437;\n width: 75%;\n}\n\n#popup a.button,#popup a.tiddlyLink{\n color: #fb9950\n}\n\n#popup a.button:hover,#popup a.tiddlyLink:hover{\n color: #c17135;\n background: transparent;\n text-decoration: underline;\n}\n\n#displayArea{\n position: relative;\n margin: 0 14em 0em 15.5em;\n padding: 1em 2em 0 2em;\n background: #33180a;\n border: 1px solid #613725;\n min-height: 400px;\n _position: static;\n}\n\ndiv.unselectedTiddler, div.selectedTiddler{\n border-top: 25px solid #000;\n}\n\n.tiddler{\n background: #2a170d;\n border: 1px solid #542e21;\n margin: 0 0 2em 0;\n position: relative;\n _position; static;\n}\n\n.title{\n position: absolute;\n top:1px;\n left: 5px;\n color: #fb9950;\n font-size: 14px;\n font-weight: normal;\n line-height: 23px;\n _position: static;\n}\n\n.toolbar{\n position: absolute;\n top: 5px;\n right: 2px;\n _position: static; /* Dumb IE hack */\n}\n\n\n.viewer h1, h2, h3, h4, h5, h6{\n background: transparent;\n}\n\n#contentWrapper #displayArea a.button,#contentWrapper #displayArea a.tiddlyLink,#contentWrapper #displayArea a.externalLink{\n color: #fb9950;\n background: transparent;\n border: 0;\n}\n\n\n#contentWrapper #displayArea a.button:hover,#contentWrapper #displayArea a.tiddlyLink:hover,#contentWrapper #displayArea a.externalLink:hover{\n color: #c17135;\n background: transparent;\n text-decoration: underline;\n}\n\n.viewer, .editer, .editorFooter{\n color: #c5886b;\n}\n\n.editor textarea, input{\n max-height: 35em;\n background: #c5886b;\n border: 2px inset #613725;\n}\n\n.editor textarea:focus, input:focus{\n background: #ddb9a8;\n}
*{\n margin: 0;\n padding: 0;\n}\n\na,.viewer a.tiddlyLink,.viewer a.button,.tiddler .viewer a:hover{\n color: #06c;\n text-decoration: none;\n background: transparent;\n}\n\na:hover{\n color: #147;\n text-decoration: underline;\n}\n\nbody {\n font-size: 62.5%; /* Resets 1em to 10px */\n font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;\n background-color: #d5d6d7;\n color: #333;\n text-align: left;\n background: url("kubrickbgcolor.jpg");\n width: 760;\n margin: 0 auto;\n}\n\n#titleLine{\n background: transparent;\n padding: 0;\n width: 745px;\n text-align: center;\n}\n\n#siteTitle{\n display: block;\n margin: 80px auto .2em;\n font-size: 3em;\n font-weight: bold;\n}\n\n#siteTitle a, #siteSubtitle a{\n color: #fff;\n}\n\n#siteTitle a:hover, #siteSubtitle a:hover{\n text-decoration: underline;\n}\n\n#siteSubtitle{\n display: block;\n margin: 0em auto 1em;\n}\n/*=================Header and footer=======*/\n#contentWrapper{\n background: url("kubrickbg.jpg") repeat-y 0px 0px;\n border: 0;\n width: 760px;\n margin: 0;\n}\n\n#otherContentWrapper{\nmargin: 0 auto;\n width: 760px;\n}\n\n#header {\n background: url("kubrickheader.jpg") no-repeat bottom center; \n margin: 0 !important;\n margin: 0 0 0 1px;\n padding: 1px;\n height: 198px;\n width: 758px;\n}\n\n#contentFooter {\n clear: both;\n background: url("kubrickfooter.jpg") no-repeat bottom;\n border: none;\n padding: 2em;\n height: 3em;\n}\n\n/*=========================================Sidebar====*/\n#sidebar, #mainMenu, #sideBarOptions{\n background: transparent;\n margin: 0 10px 0 0;\n _margin-right: 5px; /*IE Hack :-((((((((((( */\n width: 220px;\n text-align: left;\n}\n\n#contentWrapper #sidebar a.tiddlyLink,\n#contentWrapper #sidebar a.button{\n color: #06c !important;\n}\n\n#sidebar a.tiddlyLink:hover,#sidebar a.button:hover{\n background: transparent;\n color: #147;\n text-decoration: underline;\n}\n\n#mainMenu a.tiddlyLink:hover, #mainMenu a.button:hover{\n text-decoration: underline;\n }\n\n#sidebar h3{\n background: transparent;\n}\n\n#mainMenu{\n margin: 0;\n text-align: left;\n}\n\n#mainMenu h1,#mainMenu h2, #mainMenu h3{\n font-family: Arial, Helvetica, Sans-Serif;\n font-size: 1em;\n}\n\n#mainMenu .tabset{\n padding: 0;\n}\n\n#mainMenu div.txtTagsTab{\n margin-left: -3px;\n}\n\n#mainMenu a.tab{\n background: transparent;\n font-family: Arial, Helvetica, Sans-Serif;\n font-size: 1em;\n font-weight: bold;\n margin: 0 .5em 0 0;\n color: #000;\n}\n\n#mainMenu a.tab:hover{\n cursor: default;\n text-decoration: none;\n}\n\n#mainMenu .tabContents{\n margin: -.5em 0 -1.5em 0;\n background: transparent;\n}\n\n#mainMenu ul{\n margin: -.5em 0 1em .5em;\n}\n\n#mainMenu li{\n list-style: none;\n font-size: .8em;\n margin-bottom: -.5em;\n}\n\n#mainMenu li a, #sidebarOptions a{\n font-size: .8em;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n#mainMenu .tabContents a{\n font-size: .7em;\n margin-left: .2em;\n}\n\n#mainMenu ul li:before{\n color: #000;\n content: "\s00BB \s0020";\n} \n#mainMenu .tabContents a:before,#sidebarOptions a:before{\n font-size: 10px;\n color: #000;\n content: "\s00BB \s0020";\n} \n\n\n#sidebarOptions{\n margin-left: .75em;\n}\n\n#sidebarOptions h1{\n font-size: 1.3em;\n}\n\n#sidebarOptions .sliderPanel{\n background-color: transparent;\n font-size: 1em;\n}\n\n#sidebarOptions .sliderPanel a:before{\n content: "";\n}\n\n#sidebarTabs{\n background: transparent;\n}\n\n#sidebarTabs .tab,#contentWrapper .viewer .tab{\n border: 1px solid #ccc;\n}\n\n#sidebarTabs .tabSelected,#contentWrapper .viewer .tabSelected{\n background: #ccc;\n color: #333;\n}\n\n#sidebarTabs .tabUnselected,#contentWrapper .viewer .tabUnselected{\n background: #e6e6e6;\n color: #333;\n padding-bottom: 0;\n}\n\n#sidebarTabs .tabContents,#contentWrapper .viewer .tabContents{\n background: #ccc;\n color: #333;\n border: 1px solid #ccc;\n}\n\n#sidebar #sidebarTabs .tabContents a,#contentWrapper .viewer .tabContents a{\n color: #06c;\n}\n\n#sidebar #sidebarTabs .tabContents a:hover,#contentWrapper .viewer .tabContents a:hover{\n color: #147;\n background: transparent;\n}\n\n#sidebarTabs a.tabSelected:hover,#contentWrapper .viewer a.tabSelected{\n cursor: default;\n text-decoration: none;\n}\n\n#contentWrapper #sidebar .txtMoreTab .tab,#contentWrapper #displayArea .txtMoreTab .tab{\n border: 1px solid #aaa;\n color: #333;\n}\n\n#contentWrapper .txtMoreTab .tabSelected{\n background: #aaa;\n color: #333;\n}\n\n#contentWrapper #sidebar .txtMoreTab a.tabSelected:hover,#contentWrapper #displayArea .txtMoreTab a.tabSelected:hover{\n background: #aaa;\n color: #333\n}\n\n#contentWrapper #sidebar .txtMoreTab .tabUnselected,#contentWrapper #displayArea .txtMoreTab .tabUnselected{\n background: #ccc;\n color: #333;\n padding-bottom: 0;\n}\n\n#contentWrapper #sidebar .txtMoreTab .tabUnselected:hover,#contentWrapper #displayArea .txtMoreTab .tabUnselected:hover{\n color: #333;\n}\n\n#contentWrapper .txtMoreTab .tabContents{\n background: #aaa;\n color: #333;\n border: 1px solid #aaa;\n}\n\n/*==============================================Main Area====*/\n#messageArea {\nbackground-color: #eee;\n border: 1px solid #ccc;\n color: #bbb;\n margin-right: 1em;\n}\n\n#messageArea a:link{\n color: #bbb;\n}\n#messageArea a:hover{\n color: #06c;\n}\n\n#displayArea{\n margin: 1em 23em 1em 3em;\n text-align: left;\n}\n\n/*=========================================Tiddler====*/\nh1, h2, h3, .title{\n font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;\n font-weight: bold;\n \n}\n\n.viewer h1,.viewer h2,.viewer h3,.viewer h4,.viewer h5,.viewer h6{\n background: transparent;\n border-bottom: 1px dotted #ccc;\n}\n\n.title{\n font-size: 1.6em; \n position: relative;\n top: -0em;\n}\n\n.title a:hover, h3 a:hover {\n color: #06c;\n text-decoration: none;\n\n}\n\n.tiddlerDate{\n color: #777;\n font-size: .8em;\n margin-bottom: 1em;\n}\n\n.toolbar{\n padding-left: 0;\n margin-left: 0;\n}\n\n.toolbar a:link,.toolbar a:visited{\n background: #e6e6e6;\n border: 1px solid #ccc;\n color: #aaa;\n padding: 1px 3px;\n}\n\n.toolbar a.button:hover{\n background: #ccc;\n border-color: #bbb;\n color: #06c;\n}\n\n.viewer a.tiddlyLinkNonExisting:link{\n color: #b85b5a;\n font-style: normal;\n}\n\n.viewer a.tiddlyLinkNonExisting:hover{\n text-decoration: underline; \n}\n\n.viewer a.tiddlyLinkExisting:link,#displayArea .viewer a.externalLink{\n font-weight: normal;\n color: #06c;\n}\n\n.viewer a.tiddlyLinkExisting:hover,.viewer a.externalLink:hover{\n color: #147;\n text-decoration: underline; \n}\n\n.editor {\n font-size: 8pt;\n color: #402c74;\n font-weight: normal;\n padding: 10px 0;\n}\n\n.editor input, .editor textarea {\n display: block;\n font: 11px/110% "Andale Mono", "Monaco", "Lucida Console", "Courier New", monospace;\n margin: 0 0 10px 0;\n border: 1px inset #333;\n padding: 2px 0;\n}\n\n.editor textarea {\n height: 500px;\n}\n\n.footer, .footer a.button,.editorFooter, .footer a.button{\n color: #ddd;\n}\n\n.selectedTiddler .footer,.selectedTiddler .footer a{\n color: #777;\n}\n\n.selectedTiddler .footer a.button,.selectedTiddler .editorFooter a.button{\n color: #06c;\n}\n\n.footer a.button:hover,.editorFooter a.button:hover{\n color: #147;\n background: transparent;\n} \n\n\n#contentWrapper #popup,#contentWrapper #popup a{\n font-size: 9px;\n padding: 0;\n background-color: #ccc;\n color: #333;\n}\n\n#contentWrapper #popup a.button,#contentWrapper #popup a.tiddlyLink, #popup hr{\n padding: 1px 3px;\n margin: 0;\n text-decoration: none;\n color: #06c; \n font-weight: normal;\n border-color: #999\n}\n\n#contentWrapper #popup a.button:hover,#contentWrapper #popup a.tiddlyLink:hover{\n color: #147;\n background-color: #aaa;\n}\n\n#sidebar #popup a.button:link,#sidebar #popup a.tiddlyLink:link{\n text-decoration: none;\n}\n\n#sidebar #popup a:before{\n content: "";\n}
* {\n margin: 0px;\n padding: 0px;\n font-family: Arial, Helvetica, sans-serif;\n}\n\nbody {\n background-color: #fff; color: #333;\n}\n\n#header {\n color: #ff0084;\n padding: 20px 20px 10px 10px;\n height: auto;\n}\n\n#titleline{\n background-color: transparent;\n padding:0;\n}\n\n#displayArea {\n margin: 1em 13em 0em 16em;\n}\n\na {\n color: #0063dc;\n text-decoration: none;\n background: transparent;\n}\n\na:hover, a:active {\n color: #ff0084;\n text-decoration: none;\n}\n\n/* HEADER ========================================================== */\n\n#siteTitle {\n font-size: 30px;\n}\n\n#siteSubtitle {\n font-size: 13px;\n padding-left: 10px;\n color: #ff0084;\n}\n\n#titleLine a {\n color: #0063dc;\n}\n\n#titleLine a:hover {\n color: #ff0084;\n}\n\n/* SIDEBARS ========================================================== */\n\n#mainMenu{\n float: left;\n width: 175px;\n margin-top: -8px;\n}\n\n#mainMenu h1,#mainMenu h2,#mainMenu h3{\n color: #ff0084;\n font-weight: bold;\n padding: 2px 0px 2px 0px;\n font-size: 13px;\n letter-spacing: .1em;\n border-bottom: dotted 1px #ccc;\n background-color: transparent;\n display: block;\n}\n\n#mainMenu a.button,#mainMenu a.tiddlyLink {\n line-height: 1.75em;\n font-size: 12px;\n color: #0063dc;\n text-transform: capitalize;\n}\n\n#mainMenu a.externalLink{\n display: block;\n float: left;\n margin: 0 0 1em 0;\n padding: 0;\n text-align: left;\n line-height: 1em;\n font-size: 11px;\n color: #999;\n text-decoration: none;\n}\n\n#mainMenu a.button:hover,#mainMenu a.tiddlyLink:hover, #mainMenu a.externalLink:hover {\n color: #ff0084;\n background-color: transparent;\n}\n\n#mainMenu input{\n display: block;\n margin:0 0 0 auto;\n}\n\n\n\n\n\n\n\n#contentWrapper #mainMenu a.tab{\n border: dotted 1px #ccc ;\n border-bottom: 0;\n font-weight: bold;\n}\n\n#contentWrapper #mainMenu a.tabSelected{\n padding-bottom: 4px;\n background-color: #fff;\n color: #ff0084;\n}\n\n#contentWrapper #mainMenu a.tabUnselected{\n padding-bottom: 3px;\n}\n\n#contentWrapper #mainMenu .tabset{\n border-bottom: dotted 1px #ccc;\n}\n\n#contentWrapper #mainMenu .tabContents{\n font-size: 11px;\n background-color: transparent;\n border: 0;\n}\n\n#contentWrapper #mainMenu .tabContents a{\n line-height: 1.5em;\n}\n\n#contentWrapper #mainMenu .tabContents a:hover{\n color: #ff0084;\n}\n\n#mainMenu .sliderPanel{\n border: dotted 1px #ccc;\n margin: 3px;\n padding: 5px 5px 15px 5px;\n font-size: 11px;\n text-align: left;\n line-height: 1em;\n}\n\n#mainMenu .sliderPanel a{\n font-weight: normal;\n font-size: 11px;\n}\n\n#mainMenu .sliderPanel input{\n display: inline;\n}\n\n#optionsPanel {\n display: none;\n padding: 4px;\n font-size: 11px;\n border: dotted 1px #ccc;\n text-align: left;\n}\n\n#optionsPanel div{\n margin: 5px 0;\n}\n\n#optionsPanel a {\n display: inline;\n font-weight: normal;\n}\n\n#optionsPanel a:hover, #optionsPanel a:active {\n color: #ff0084;\n}\n\n#optionsPanel input {\n float: right;\n}\n\n#sidebar {\n float: right;\n width: 14em;\n background-color: transparent;\n}\n\n#sidebarOptions{\n display:none\n}\n\n#sidebarTabs{\n background-color: transparent;\n}\n\n#contentWrapper #sidebar a.tab {\n font-weight: bold;\n}\n\n#contentWrapper #sidebar a.tabSelected {\n font-size: 16px;\n color: #ff0084 !important;\n background-color: #fff !important;\n padding: 2px 4px 4px 4px;\n border: 1px solid #e6e6e6;\n border-bottom: 0;\n}\n\n#contentWrapper #sidebar a.tabUnselected {\n font-size: 14px;\n color: #0063dc !important;\n background-color: #e6e6e6 !important;\n padding: 2px 4px 2px 4px;\n}\n\n#contentWrapper #sidebar a.tab:hover {\n color: #ff0084 !important;\n text-decoration: none;\n}\n\n#contentWrapper #sidebar .tabContents{\n border: 1px solid #e6e6e6;\n}\n\n#contentWrapper #sidebar .tabContents a{\n color: #0063dc;\n line-height: 1.6em;\n margin-left: -.5em;\n}\n\n#contentWrapper #sidebar .tabContents a:hover{\n color: #ff0084;\n background-color: transparent;\n}\n\n#contentWrapper #sidebar .tabContents a:before{\n color: #ff0084;\n font-weight: bold;\n content: "» ";\n margin-right: .5em;\n}\n\n#popup{\n color: #000;\n background-color: #fff;\n text-align: left;\n}\n\n#popup hr{\n border: 0;\n border-top: solid 1px #e6e6e6;\n height: 1px;\n color: #e6e6e6;\n width: 98%;\n\n}\n\n#popup a{\n color: #ff0084;\n background-color: #fff;\n}\n\n#popup a:hover{\n color: #0063dc;\n background-color: #fff;\n}\n\n/* SIDEBAR (RIGHT) =============================================================*/\n/* SIDEBAR (RIGHT) =============================================================*/\n/* SIDEBAR (RIGHT) =============================================================*/\n/* SIDEBAR (RIGHT) =============================================================*/\n\n\n#sidebarTabs {\n padding: 8px 0 0 10px;\n}\n\n#sidebarTabs a {\n/* color: #fff;*/\n padding: 2px 8px 1px 8px;\n height: 22px;\n}\n\n#sidebarTabs a:hover {\n}\n\n#sidebarContent {\n padding: 0 10px 10px 10px;\n font-size: 11px;\n clear: both;\n border-left: solid 1px #e6e6e6;\n}\n\n#sidebarContent br{\n display: none;\n}\n\n.sidebarSubHeading {\n padding: 8px 0 0 0;\n display: block;\n width: 100%;\n color: #000;\n}\n\n#sidebarContent a {\n display: block;\n margin: 5px 0 1px 12px;\n}\n\n#sidebarContent span.arrows {\n float: left;\n font-weight: bold;\n color: #ff0084;\n margin-top: 5px;\n}\n\n#sidebarContent a:hover {\n}\n\n/*===================================================================*/\n/*===================================================================*/\n/*===================================================================*/\n/*===================================================================*/\n/*===================================================================*/\n\n#contentWrapper a.tab {\n font-weight: normal;\n display: inline;\n margin: 0px 1px; \n}\n\n#contentWrapper a.tabSelected {\n background-color: #fff !important;\n padding: 2px 4px 2px 4px;\n border: 1px solid #999;\n border-bottom: 0;\n}\n\n#contentWrapper a.tabUnselected {\n background-color: #e6e6e6 !important;\n padding: 2px 4px 0px 4px;\n}\n\n#contentWrapper .selectedTiddler a.tabSelected {\n color: #ff0084 !important;\n}\n\n#contentWrapper .selectedTiddler a.tabUnselected {\n color: #0063dc !important;\n}\n\n#contentWrapper .selectedTiddler a.tab:hover {\n color: #ff0084 !important;\n text-decoration: none;\n}\n\n/*===========================================================================================*/\n/*===========================================================================================*/\n#sidebarTabs{\n margin: 0;\n padding: 0;\n}\n\n#contentWrapper .tabContents {\n background-color: transparent;\n border:1px solid #999;\n}\n\n#contentWrapper .tabContents a.tiddlyLink, #contentWrapper .tabContents a.button{\n background-color: transparent;\n}\n\n#contentWrapper .tabContents a:hover{\n color: #b44;\n}\n\n#contentWrapper .txtMoreTab a.tabUnselected {\n background-color: #f5d7b4 !important;\n padding: 2px 4px 0px 4px;\n color: #000;\n}\n\n#contentWrapper .txtMoreTab a.tabSelected {\n background-color: #cf936c !important;\n padding: 2px 4px 2px 4px;\n color: #000;\n}\n\n.txtMoreTab .tabContents {\n background-color: #cf936c !important;\n border-bottom: solid #aaa 1px;\n color: #fff;\n}\n\n.txtMoreTab .tabContents a{\n background-color: transparent;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* TIDDLER DISPLAY/EDIT SPACE ========================================================== */\n\n#contentWrapper .tiddler {\n margin: 0 0 10px 0;\n padding: 0 15px !important;\n border: dotted 1px #fff;\n color: #666;\n}\n\n.tiddler .title {\n background-color: #e9e9e9;\n}\n\n.selectedTiddler {\n border: dotted 1px #ccc;\n margin: -1px;\n}\n\n.selectedTiddler .viewer {\n color: #000;\n}\n\n.selectedTiddler .viewer * {\n color: #000;\n}\n\n.selectedTiddler .viewer h2, .selectedTiddler .viewer h4, .selectedTiddler .viewer h6, .selectedTiddler .viewer h3, .selectedTiddler .viewer h5 {\n color: #0063dc;\n}\n\n.selectedTiddler .viewer pre{\n color: #000;\n}\n\n.selectedTiddler .title {\n color: #ff0084;\n background-color: #e9e9e9;\n}\n\n#contentWrapper .selectedTiddler .viewer a {\n color: #0063dc;\n background-color: transparent;\n}\n\n#contentWrapper .selectedTiddler .viewer a:hover {\n color: #ff0084;\n \n}\n\n#messageArea {\n font-size: 13px;\n font-weight: bold;\n padding: 5px;\n margin: 10px 20px;\n color: #ff0084;\n border: dotted 1px #ccc;\n text-align: center;\n background: transparent;\n}\n\n#messageArea a {\n color: #0063dc !important;\n}\n\n#messageArea a:hover {\n color: #ff0084 !important;\n}\n\n#displayArea .tiddlyLinkExisting {\n font-weight: bold;\n text-decoration: none;\n}\n\n#displayArea .tiddlyLinkNonExisting {\n font-style: italic;\n text-decoration: none;\n}\n\n#displayArea .externalLink {\n text-decoration: underline;\n}\n\n.title {\n font-size: 1.3em;\n padding: 0 0 0 0;\n font-weight: bold;\n display: block;\n color: #0063dc;\n}\n\n.toolbar {\n font-weight: normal;\n font-size: 11px;\n visibility: hidden;\n text-align: right;\n padding: 0 0 5px 0;\n margin: -8px 0 0 0;\n}\n\n.toolbar a.button {\n padding: 1px 5px;\n color: #fff;\n text-decoration: none;\n border: 1px outset #0063dc;\n background: #0063dc;\n}\n\n.toolbar a.button:hover {\n color: #fff;\n background: #ff0084;\n border: 1px outset #ff0084;\n}\n\n.toolbar a.button:active {\n color: #fff;\n background: #ff0084;\n border: 1px inset #ff0084;\n}\n\n.tagLinks {\n padding-top: 5px;\n margin-top: 10px;\n border-top: 1px dotted #ccc;\n color: #aaa;\n}\n\n.tagLinks a {\n color: #aaa;\n}\n\n.selectedTiddler .tagLinks a {\n color: #0063dc;\n}\n\n.tagLinks a:hover {\n color: #ff0084;\n}\n\n\n#contentWrapper .viewer {\n line-height: 140%;\n color: #999;\n}\n\n#contentWrapper .viewer a{\n font-weight: bold;\n color: #999;\n text-decoration: none;\n background-color: transparent;\n}\n\n#contentWrapper .viewer h1, #contentWrapper .viewer h2, #contentWrapper .viewer h3, #contentWrapper .viewer h4, #contentWrapper .viewer h5, #contentWrapper .viewer h6{\n background-color: transparent;\n border-bottom: 1px dotted #999;\n margin-bottom: .25em;\n}\n\n.viewer blockquote {\n border-left: 3px solid #777;\n margin: 5px;\n padding: 5px;\n}\n\n.viewer ul {\n padding-left: 30px;\n}\n\n.viewer ol {\n padding-left: 30px;\n}\n\nol\n{\n list-style-type: decimal;\n}\n\nol ol\n{\n list-style-type: lower-alpha;\n}\n\nol ol ol\n{\n list-style-type: lower-roman;\n}\n\n.viewer ul, .viewer ol, .viewer p {\n margin: 5px 0 12px 0;\n}\n\n.viewer li {\n margin: 3px 0;\n}\n\n.viewer pre{\n font-family: monspace;\n}\n\nh2,h3,h4,h5,h6 {\n font-weight: bold;\n}\n\n#contentWrapper .viewer *{\n color: #999;\n}\n\n\n.viewer h2 {\n font-size: 1.2em;\n}\n\n.viewer h3 {\n font-size: 1.1em;\n font-style: italic;\n}\n\n.viewer h4 {\n font-size: 1em;\n}\n\n.viewer h5 {\n font-size: .9em;\n font-style: italic;\n}\n\n.viewer h6 {\n font-size: .8em;\n}\n\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n font-size: 11px;\n margin: 10px 0;\n}\n\n.viewer th {\n background: #eee;\n border: 1px solid #aaa;\n padding: 3px;\n}\n\n.viewer td {\n border: 1px solid #aaa;\n padding: 3px;\n}\n\n.viewer caption {\n padding: 3px;\n}\n\n.viewer hr {\n border: none;\n border-top: dotted 1px #777;\n height: 1px;\n color: #fff;\n margin: 7px 0;\n}\n\n.body {\n margin: 5px 0 0px 0;\n padding: 5px 0;\n/* border-top: 1px dotted #ccc;*/\n}\n\n.highlight {\n color: #000;\n background: #ffe72f;\n}\n\n.editor {\n font-size: 8pt;\n color: #402c74;\n font-weight: normal;\n padding: 10px 0;\n}\n\n.editor input, .editor textarea {\n display: block;\n font: 13px/130% "Andale Mono", "Monaco", "Lucida Console", "Courier New", monospace;\n margin: 0 0 10px 0;\n border: 1px inset #333;\n padding: 2px 0;\n}\n\n.editor textarea {\n height: 500px;\n}\n\n.footer a.button,.editorFooter a.button{\n color: #e6e6e6;\n}\n\n.selectedTiddler .footer a.button,\n.selectedTiddler .editorFooter a.button{\n color: #0063dc;\n}\n\n.selectedTiddler .footer a.button:hover,\n.selectedTiddler .editorFooter a.button:hover{\n color: #ff0084;\n background-color: transparent;\n}\n\ninput:focus, textarea:focus {\n background: #ffe;\n border: 1px solid #000 !important;\n}\n\n#storeArea, #copyright {\n display: none;\n}\n\n.zoomer {\n border: 1px solid #0063dc;\n color: #9cf;\n width: 1px;\n}
body{\n background: #f9f9f9 url(headbg.jpg) no-repeat top left;\n}\n\n#titleLine{\n display: block;\n background: transparent url(wiki.png) no-repeat 18px -7px;\n height: 120px;\n width: 150px;\n color: #000;\n border: 1px;\n padding: 0;\n margin: 0;\n}\n\n#contentWrapper #siteTitle a{\n display: inline;\n font-weight: bold;\n color: #000;\n font-size: 13px;\n}\n\n#siteSubtitle{\n padding: 0;\n}\n\n#siteTitle, #mainMenu{\n position: static;\n}\n\n#sidebar{\n position:absolute;\n top: 0;\n left: 0;\n _left: -16em;\n}\n\n#displayArea {\n margin: 0 0 0 15em;\n}\n\n#messageArea{\n position: fixed;\n _position: absolute;\n color: #000;\n top: 0;\n right: 0;\n font-size: 10px;\n border: 1px solid #aaa;\n background: #fff;\n z-index: 25;\n}\n\n#messageArea a:link{\n color: #002bb8;\n text-decoration: none;\n}\n\n#messageArea a:hover{\n text-decoration: underline;\n}\n\n.viewer{\n background: #fff;\n border: 1px solid #aaa;\n padding: 1em;\nmargin: 0;\n}\n\n.body{\n padding: 1px;\n}\n\n.title{\n background: #fff;\n border: 1px solid #aaa;\n display: inline;\n margin-left: .5em;\n padding: 2px .5em;\n border-bottom: 0;\n font-weight: bold;\n}\n\n.toolbar{\n visibility: visible;\n display: inline;\n padding: 0;\n font-family: sans-serif;\n}\n\n.toolbar a.button:link,.toolbar a.button:visited{\n background: #fff;\n border: 1px solid #aaa;\n color:#002bb8;\n font-size: 11px;\n padding-bottom: 1px;\n}\n\n/* TiddlyPedia was Created by Clinton Checketts based on the Monobook skin of Wikipedia */\n\n#contentWrapper .toolbar .button:hover{\n border-bottom: 1px solid #fff;\n background: #fff;\n color:#002bb8;\n}\n\n.toolbar a.button:hover{\n border-bottom: 1px solid #fff;\n background: #fff;\n color:#000;\n}\n\n#displayArea .viewer a,a.button:link,a.button:visited,\na.tiddlyLink:link,a.tiddlyLink:visited,\n#sidebarOptions .sliderPanel a{\n color:#002bb8;\n background: transparent;\n}\n\n.viewer a:hover,a.button:hover,a.button:active,\na.tiddlyLink:hover,a.tiddlyLink:active,\n.viewer a.button:hover,\n#sidebarOptions .sliderPanel a:hover{\n color:#002bb8;\n background: transparent;\n text-decoration: underline;\n}\n\n#mainMenu{\n font-family: sans-serif;\n text-align: left;\n font-size: x-small;\n width: 100%;\n margin: 0;\n padding: 0;\n}\n\n#mainMenu h1{\n font-size: 11px;\n font-weight: normal;\n padding: 0;\n margin: 0;\n}\n\n#mainMenu ul{\n font-size: 11px;\n border: 1px solid #aaa;\n padding: .25em 0;\n margin: 0;\n list-style-type: square;\n list-style-image: url(bullet.gif);\n background: #fff;\n width: 100%;\n}\n\n#mainMenu li{\n margin: 0 0 0 2em;\n padding: 0;\n}\n\n#contentWrapper #mainMenu a:link,#contentWrapper #mainMenu a:visited{\n color:#002bb8;\n padding: 0;\n margin: 0;\n background: transparent;\n}\n\n#mainMenu .externalLink {\n text-decoration: none;\n}\n\n#mainMenu .externalLink:hover {\n text-decoration: underline;\n}\n\n#sidebar{\n padding: .5em;\n font-family: sans-serif;\n}\n\n#sidebarOptions{\n border: 1px solid #aaa;\n background: #fff;\n margin-top: .5em;\n width: 100%;\n}\n\n#contentWrapper #sidebarOptions .button,#contentWrapper #sidebarOptions .button:hover{\n color:#002bb8;\n padding: .1em 0 .1em 2em;\n background: transparent url(bullet.gif) 10px -2px no-repeat;\n}\n\n#sidebarOptions input{\n width: 80%;\n margin: 0 .5em;\n}\n\n#sidebarTabs{\n background: #fff;\n margin-top: .5em;\n width: 100%;\n}\n\n#sidebarTabs .tabContents,#sidebarTabs .tabContents .tabContents{\n border: 1px solid #aaa;\n background: #fff;\n}\n\n#sidebarTabs .tabSelected,#sidebarTabs .tabcontents .tabSelected {\n background: #fff;\n border: 1px solid #aaa;\n border-bottom: 0;\n cursor: default;\n padding-bottom: 3px;\n color: #000;\n}\n\n#sidebarTabs .tabUnselected,#sidebarTabs .tabContents .tabUnselected{\n background: #aaa;\n padding-bottom: 0;\n color: #000; \n}\n\n#contentWrapper #sidebarTabs .tiddlyLink,#contentWrapper #sidebarTabs .button,\n#contentWrapper #sidebarTabs a.tiddlyLink:hover,#contentWrapper #sidebarTabs a.button:hover{\n background: transparent;\n color: #002bb8;\n}\n\n.footer{\n margin: -1em 0 1em 0; \n}\n\n.footer .button:hover,.editorFooter .button:hover{\nbackground: transparent;\n color: #002bb8;\n border-bottom: 1px solid #002bb8;\n}\n\n#popup{\n background: #e9e9e9;\n color: #000;\n}\n\n#popup hr{\n border-color: #aaa;\n background-color: #aaa;\n width: 75%;\n}\n\n#popup a{\n color: #000;\n}\n\n#popup a:hover,#contentWrapper #sidebarTabs #popup a:hover{\n background: #666;\n color: #fff;\n text-decoration: none;\n}\n\n.tiddler a.tiddlyLinkNonExisting{\n color: #ba0000;\n}\n\n#displayArea .tiddler a.externalLink{\n text-decoration: none;\n color:#002bb8;\n padding-right: 1em;\n background: transparent url(external.png) 100% 50% no-repeat;\n}\n\n#displayArea .tiddler a.externalLink:hover{\n text-decoration: underline;\n}\n\n.viewer pre{\n background: #e9e9e9;\n border: 1px solid #666;\n}\n\n.viewer h1, .viewer h2, .viewer h3, .viewer h4, .viewer h5, .viewer h6{\n background: transparent;\n border-bottom: .2em solid #aaa;\n}\n\n#sidebar .sliderPanel{\n background: #e9e9e9;\n}\n\n#sidebar .sliderPanel input{width: auto;}
var sidebar = document.getElementById('sidebar');\nsidebar.insertBefore(document.getElementById('titleLine'),document.getElementById('sidebarOptions'));\nsidebar.insertBefore(document.getElementById('siteTitle'),document.getElementById('sidebarOptions'));\nsidebar.insertBefore(document.createTextNode("- "),document.getElementById('sidebarOptions'));\nsidebar.insertBefore(document.getElementById('siteSubtitle'),document.getElementById('sidebarOptions'));\nsidebar.insertBefore(document.getElementById('mainMenu'),document.getElementById('sidebarOptions'));\n\n// ''Swap the title and toolbar plugin''\n//Created by Clint Checketts\nwindow.createTiddler_original_moveTitle = window.createTiddler;\nwindow.createTiddler = function(place,before,title,state,highlightText,highlightCaseSensitive){\n var theTiddler =createTiddler_original_moveTitle(place,before,title,state,highlightText,highlightCaseSensitive);\n var thisTiddler = document.getElementById('tiddler'+title).firstChild;\n thisTiddler.insertBefore(document.getElementById("title"+title),document.getElementById("toolbar"+title));\n return(theTiddler);\n}\n\n//Enable the pransparency for the PNG image\n//From Drew McLellan at http://www.allinthehead.com/retro/69\nif (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {\n window.attachEvent("onload", alphaBackgrounds);\n}\n\nfunction alphaBackgrounds(){\n var rslt = navigator.appVersion.match(/MSIE (\sd+\s.\sd+)/, '');\n var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);\n for (i=0; i<document.all.length; i++){\n var bg = document.all[i].currentStyle.backgroundImage;\n if (itsAllGood && bg){\n if (bg.match(/\s.png/i) != null){\n var mypng = bg.substring(5,bg.length-2);\n document.all[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='scale')";\n document.all[i].style.backgroundImage = "url('/assets/images/x.gif')";\n }\n }\n }\n}\n\n//Hijack refreshStyles to keep th ShadowStyleSheet active\nwindow.refreshStyles_original_ShadowPackage = window.refreshStyles;\nwindow.refreshStyles = function(title) {\n //setStylesheet(config.shadowTiddlers.ShadowStyleSheet,"ShadowStyleSheetID");\n refreshStyles_original_ShadowPackage(title);\n}
/*\n{{{\n*/\n\n*{\n margin: 0;\n padding: 0;\n}\n\na,.viewer a.tiddlyLink,.viewer a.button, .viewer a.externalLink{\n color: #005d93;\n text-decoration: none;\n background: transparent;\n}\n\na:hover, .viewer a.tiddlyLink:hover, .viewer a.button:hover, .viewer a.externalLink:hover{\n color: #900;\n text-decoration: underline;\n}\n\nbody {\n background-color: #fff;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n font-size: 62.5%; /* Resets 1em to 10px */\n text-align: left;\n}\n\n#contentWrapper{\n border: 0;\n padding: .5em 1em;\n}\n\n/*================================================Header and footer=======*/\n#header {\n height: 175px;\n background: url('rinback.jpg') repeat-x bottom left;\n position: relative;\n}\n\n#titleLine{\n background: #ccc url('ringradient.jpg') repeat-x top center;\n padding: 0 5px;\n}\n\n#siteTitle, #siteSubtitle{\n display: inline;\n font-size: 11px;\n line-height: 25px;\n font-weight: bold;\n color: #000;\n}\n\n#siteTitle a{\n color: #000;\n}\n\n#siteTitle a:hover, #siteSubtitle a:hover,#header .headerOptions a:hover{\n color: #cdcecf;\n text-decoration: none;\n background: transparent;\n}\n\n#siteSubtitle, #siteSubtitle a{\n font-weight: normal;\n color: #8b9198;\n}\n\n\n#header .headerOptions{\n position: absolute;\n z-index: 10;\n top: 0;\n right: 5px;\n text-align: right;\n}\n\n#header .headerOptions a{\n position: relative;\n top: -2px;\n color: #8b9190;\n}\n\n#header .headerOptions .sliderPanel{\n color: #000;\n background: #fff;\n border-right: 2px solid #999;\n border-bottom: 2px solid #999;\n border-left: 1px solid #ccc;\n font-size: 10px;\n text-align: left;\n line-height: 1.2em;\n padding: .5em 1em;\n margin: -3px -2px 0 0;\n width: 180px; \n}\n\n.headerSearch input{\n margin: 0em 1em 0 .5em;\n font-size: 9px;\n}\n\n/*=========================================Sidebar====*/\n#sidebar, #sidebarOptions, #sidebarTabs{\n background: transparent;\n text-align: left;\n}\n\n#sidebar{\n float: left;\n margin: 9px 15px;\n position: relative;\n width: 220px;\n}\n\n#sidebarOptions a.button{\n display: inline;\n}\n\n.sidebarBlock{\n display: block;\n margin: 0 0 .5em 0;\n background: #fff;\n padding-bottom: 5px;\n}\n\n.sidebarBlock h1, .sidebarBlock h2, .sidebarBlock h3, .sidebarBlock .tabset{\n background: #ccc url('ringradient.jpg') repeat-x top left;\n font-size: 11px;\n line-height: 23px;\n font-weight: bold;\n color: #000; \n padding-left: 5px ;\n}\n\n.sidebarBlock .tabset{\n padding: 0;\n}\n\n#sidebar .sidebarBlock .tabContents,\n#displayArea .sidebarBlock .tabContents .tabContents, \n#displayArea .viewer .tabUnselected,\n#displayArea .viewer .tabContents .tabSelected{\n background: #fff;\n}\n\n\n#sidebar .sidebarBlock .tabContents .tabContents,\n#displayArea .sidebarBlock .tabContents,\n#displayArea .viewer .tabSelected,\n#displayArea .viewer .tabContents .tabUnselected{\n background: #f5f6f7;\n}\n\n#sidebar .sidebarBlock .tabContents .tab{\n background: #f5f6f8;\n}\n\n\n#sidebar .sidebarBlock .tabContents .tabUnselected{\n background: #f0f0f0;\n}\n\n#sidebar .sidebarBlock .tabContents .tabUnselected:hover{\n text-decoration: underline;\n}\n\n\n#contentWrapper .tab{\n position: relative;\n padding-bottom: 2px;\n font-weight: normal;\n top: 3px;\n background: #f5f6f8;\n color: #000;\n text-decoration: none;\n}\n\n#contentWrapper .tabSelected{\n top: 1px;\n padding-bottom: 4px !important;\n background: #fff;\n font-weight: bold;\n cursor: default;\n}\n\n#sidebarTabs .tabContents li.listTitle,#sidebarTabs .tabContents li.listTitle:hover{\n padding: 0 0 0 .5em;\n margin: 0;\n background: transparent;\n}\n\n#sidebarTabs .tabContents li.listLink{\n margin-left: 1em; \n}\n\n#sidebarTabs .sidebarBlock li{\n list-style: none;\n margin-left: 1em;\n padding: 1px 0 1px 1.5em;\n background: transparent url('rinbulletOver.gif') no-repeat left center;\n}\n\n#sidebarTabs .sidebarBlock li:hover{\n background: transparent url('rinbullet.gif') no-repeat left center;\n}\n\n#contentWrapper .tabContents a.tiddlyLink,#contentWrapper .tabContents a.button{\n display: block;\n color: #005d93;\n}\n\n#contentWrapper .tabContents a.tiddlyLink:hover,#contentWrapper .tabContents a.button:hover{\n color: #900;\n background: #f0f0f0;\n text-decoration: none;\n}\n\n/* TIddlyRin was designed by Clint Checketts http://15black.bluedepot.com */\n\n#mainMenu{\n bottom: 0;\n left: 0;\n width: auto;\n padding: 0;\n margin: 0;\n color: #fff;\n}\n#mainMenu br{\n display: none;\n}\n\n#mainMenu ul{\n margin: 0 auto -1px 2px;\n}\n\n#mainMenu li{\n display: inline;\n}\n\n#mainMenu li a.tiddlyLink,#mainMenu li a.button,#mainMenu li a.externalLink{\n padding: 2px 10px;\n color: #e6e6e6;\n text-decoration: none;\n}\n\n#mainMenu li a.tiddlyLink:hover,#mainMenu li a.button:hover,#mainMenu li a.externalLink:hover{\n background: #97ced5;\n color: #19729e;\n}\n\n/*========================================================================Display area and bodyWrapper======*/\n\n#bodyWrapper{\n border: 1px solid #d5d7db;\n border-width: 15px 1px 3px 1px;\n margin: 10px 0;\n background: #f5f6f7;\n}\n\n#displayArea{\n margin: 0em 0em 0em 24.5em;\n padding: 0 10px;\n position: relative;\n}\n\n#messageArea{\n background: #ccc url('ringradient.jpg') repeat-x left top;\n color: #000;\n position: absolute;\n top: -20px;\n right: 10px;\n}\n\n#messageArea a:link{\n color: #000;\n}\n\n#messageArea a:hover{\n text-decoration: none;\n}\n\n.tiddler{\n background: #fff;\n margin: 10px 0;\n}\n\n.tiddler .toolbar a.button,.tiddler .footer a.button,.tiddler .editorFooter a.button{\n padding: 2px 5px;\n color: #19729e;\n text-decoration: none;\n}\n\n.tiddler .toolbar a.button:hover,.tiddler .footer a.button:hover,.tiddler .editorFooter a.button:hover{\n background: #97ced5;\n color: #19729e;\n}\n\n.title{\n font-size: 16px;\n}\n\n.viewer h1,h2,h3,h4,h5,h6{\n background: transparent;\n}\n\n.viewer h1{\n border-bottom: 1px dotted #97ced5;\n}\n\n#contentFooter{\n clear: both;\n color: #fff;\n text-align: center;\n background: #d5d7db\n}\n\n.toolbar #popup{\n width: 12em;\n}\n\n#sidebarTabs #popup{\n width: 25em;;\n}\n\n#popup{\n color: #000;\n background: #d5d7db;\n margin-left: -3em;\n}\n\n#popup hr{\n color: #999;\n border-top: 1px solid #999;\n width: 96%;\n}\n\n#contentWrapper #popup a{\n display: block;\n color: #005d93;\n}\n\n#contentWrapper #popup a:hover{\n color: #900;\n background: #f0f0f0;\n text-decoration: none;\n }\n\n.zoomer{\n color: #005d93;\n border: 1px solid #005d93;\n\n/*\n}}}\n*/\n
#popup{\n padding-left: 2px !important;\n padding-bottom: 2px !important;\n}\n\n#popup *{\n border: 0 !important;\n}\n\n#popup hr {\n border-top: solid 1px #ccc !important; \n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #ccc;\n width: 98%;\n}\n\n#popup a:hover{\n color: black !important;\n}\n\nbody {\n margin: 0px;\n background-color: #e4e4e4;\n font-size: 9pt;\n font-family: tahoma,arial,helvetica;\n}\n\na:link, a:visited, a:hover, a:active {\n text-decoration: none;\n}\n\n#header {\n border-bottom: 1px solid #458;\n margin-bottom: 0em;\n}\n\n#titleLine {\n color: #fff;\n background: #bcd;\n padding: 0.7em 1em 1em 1em;\n}\n\n#titleLine a {\n text-decoration: none;\n color: #9ab;\n}\n\n#siteTitle {\n font-size: 40pt;\n font-weight: bold;\n padding-left: 20px;\n color: #9ab;\n}\n\n#siteSubtitle {\n font-size: 12pt;\n font-family: georgia,times;\n font-style: italic;\n color: #457;\n display: block;\n position: relative;\n bottom: 5px;\n left: 0px;\n padding-left: 70px;\n}\n\n#mainMenu {\n font-size: 12px;\n float: left;\n width: 13em;\n border: 1px solid #aaa;\n margin: .5em 1em .5em 1em;\n background: #f3f3f3;\n line-height: 125%;\n color: black;\n text-align: right;\npadding: 0;\n}\n\n#mainMenu .tiddlyLink, #mainMenu a.button{\n display: block; \n text-decoration: none;\n width: 12em;\n padding: .25em .5em;\n color: #444;\n text-transform: capitalize;\n}\n\n#mainMenu a:hover {\n color: #000 !important;\n background-color: #bcd !important;\n}\n\n#displayArea {\n margin: 1em 14em 0em 15em;\n}\n\n#messageArea {\n background-color: #5a84ad;\n color: #fff;\n padding: 0.5em 0.5em 0.5em 0.5em;\n margin: 0em 0em 0.6em 0em;\n border-bottom: 1px solid #458;\n display: none;\n}\n\n#messageArea a:link, #messageArea a:visited {\n display: inline;\n text-decoration: underline;\n color: #ddf;\n}\n\n#messageArea a:hover, #messageArea a:active{\n color: #fff;\n}\n\n.tiddler {\n border: 1px solid #aaa;\n margin: 0 10px 20px;\n padding: 8px;\n padding-top:0;\n font-family: arial,georgia,times;\n background-color: white;\n width: auto;\n overflow: hidden;\n}\n\n.innerTiddler {\n padding: 0.7em 1em 1em 0.8em;\n font-size: 9pt;\n}\n\n#displayArea .tiddlyLinkExisting {\n font-weight: bold;\n}\n\n#displayArea .tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n#displayArea .externalLink {\n text-decoration: underline;\n}\n.title {\n font-family: tahoma,arial,helvetica;\n font-size: 13pt;\n color: #469;\n font-weight: bold;\n }\n\n.toolbar {\n font-family: tahoma,arial,helvetica;\n font-weight: normal;\n font-size: 8pt;\n padding: 0em 0em 0em 1em;\n color: #aaa !important;\n visibility: hidden;\n}\n\n.toolbar a{\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #888 !important;\n}\n\n.toolbar a:hover{\n color: black;\n background-color: #e4e4e4 !important;\n border: 1px solid #aaa !important;\n margin-left: -1px; \n margin-right: -1px;\n}\n\n.toolbar a:active{\n color: #666;\n}\n\n.viewer a.button{\n border: 0;\n background-color: transparent !important;\n padding: 0em;\n color: #888 !important;\n border: 1px solid transparent;\n}\n\n.editorFooter a:hover, .footer a.button {\n color: #888 !important;\n}\n\n.editorFooter a:hover, .footer a:hover{\n color: black;\n background-color: #e4e4e4 !important;\n border: 1px solid #aaa !important;\n margin-left: -1px; \n margin-right: -1px;\n}\n\n.viewer a.button:hover{\n color: black;\n background-color: #e4e4e4 !important;\n border: 1px solid #aaa !important;\n}\n\n.viewer a.button,.editorFooter a:hover, .footer a.button {\n color: #666;\n}\n\n#popup {\n display: none;\n position: absolute;\n top: 1.5em;\n left: 13.25em;\n font-size: 8pt;\n color: #888;\n background-color: #e4e4e4;\n padding: 0;\n border-top: 1px solid #aaa;\n border-bottom: 1px solid #330000;\n border-right: 1px solid #330000;\n border-left: 1px solid #aaa;\n}\n\n#popup a {\n display: block;\n color: #888;\n min-width: 8em;\n border: 0;\n margin: 0;\n}\n\n#popup a:hover {\n background-color: #e4e4e4;\n color: black;\n}\n\n.body {\n border-top:1px solid #ccc;\n padding-top: 0.5em;\n margin-top:0.3em;\n overflow: hidden;\n}\n\n.viewer {\n color: black;\n line-height: 140%;\n}\n\n.viewer a:link, .body a:visited{\n color: #922;\n}\n\n.viewer a:hover {\n color: #b44;\n background-color: transparent;\n text-decoration: none;\n}\n\n.viewer blockquote {\n font-size: 8pt;\n line-height: 150%;\n border-left: 1px solid #ccc;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer ol {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n/*==============================================Headings================*/\n\n.viewer h1,.viewer h2,h3,h4,h5,h6 {\n font-weight: bold;\n text-decoration: none;\n color: #469;\n padding-left: .6em;\nbackground-color: transparent !important;\nborder-bottom: 3px dotted #ccc;\n}\n\n.viewer h2 {\n font-size: 12pt;\n}\n\n.viewer h3 {\n font-size: 11pt;\n}\n\n.viewer h4 {\n font-size: 10pt;\n}\n\n.viewer h5 {\n font-size: 9pt;\n}\n\n.viewer h6 {\n font-size: 8pt;\n}\n\n.viewer table {\n font-size: 10pt;\n border-collapse: collapse;\n border: 2px solid #303030;\n margin-left: 1.0em;\n margin-right: 1.0em;\n margin-top: 0.8em;\n margin-bottom: 0.8em;\n}\n\n.viewer th {\n background-color: #bcd;\n border: 1px solid #606060;\n padding: 3px;\n}\n\n.viewer td, tr {\n border: 1px solid #606060;\n padding: 3px;\n}\n\n.viewer caption {\n font-size: smaller;\n padding: 3px;\n}\n\n.viewer hr {\n border-top: dashed 1px #606060;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666666;\n}\n\n.highlight {\n color: #000000;\n background-color: #bcd;\n}\n\n.editor {\n font-size: 8pt;\n color: #402c74;\n font-weight: normal;\n}\n\n.editor input {\n display: block;\n border: 1px solid black;\n}\n\n.editor textarea {\n display: block;\n font: inherit;\n border: 1px solid black;\n}\n\n/*\n=================Sidebar==========\n=================================\n*/\n\n\n#sidebar {\n float: right;\n width: 14em;\n font-size: 8pt;\n border-left: 1px solid #aaa;\n border-bottom:1px solid #aaa;\n}\n\n#sidebarOptions {\n color: #666 !important;\n background-color: #f3f3f3 !important;\n}\n\n#sidebar #sidebarOptions a:hover{\n background-color: #f3f3f3;\n}\n\n#contentWrapper #sidebar a:hover{\n color: #b44;\n text-decoration: underline;\n}\n\n#contentWrapper .sidebarSubHeading {\n font-size: 0.95em;\n color: #236;\n}\n\n#contentWrapper #commandPanel {\n padding-top: 0.5em;\n background-color: #f3f3f3;\n color: black;\n font-size: 8pt;\n}\n\n#contentWrapper #commandPanel a {\n display: block;\n padding: 0.3em 0.2em 0.3em 1em;\n color: #666;\n text-decoration: none;\n}\n\n#contentWrapper #commandPanel a:hover {\n color: #922;\n text-decoration: underline;\n background-color: transparent;;\n}\n\n#contentWrapper #commandPanel input {\n margin: 0.4em 0em 0.3em 1em;\n border: 1px solid black;\n}\n\n#contentWrapper #optionsPanel {\n display: none;\n background-color: #f3f8ff;\n padding: 0.5em 0.5em 0em 0.5em;\n font-size: 7pt;\n color: black;\n}\n\n#contentWrapper #optionsPanel a:link, #optionsPanel a:visited {\n color: #666;\n font-weight: bold;\n}\n\n#contentWrapper #optionsPanel a:hover {\n color: #922;\n text-decoration: underline;\n background-color: transparent;\n}\n\n.optionsText {\n margin-top: 0.25em;\n margin-bottom: 0.75em;\n}\n\n.optionsItem {\n}\n/*========================================================================*/\n#contentWrapper #sidebarTabs {\n background-color: #f3f3f3;\n padding: 0em;\n}\n\n#contentWrapper #sidebarTabs a {\n color: black;\n background-color: transparent;\n}\n\n#contentWrapper #sidebarTabs a:hover {\n color: #922; text-decoration: underline;\n background-color: transparent;\n}\n\n#contentWrapper #sidebarTabs a:active {\n color: black;\n}\n\n#contentWrapper .tabContentTags #popup {\n display: none;\n position: absolute;\n top: 1em;\n left: 13.25em;\n font-size: 8pt;\n color: #888;\n background-color: #e4e4e4;\n padding: 0;\n margin-top: -2px;\n border-top: 1px solid #aaa;\n border-bottom: 1px solid #330000;\n border-right: 1px solid #330000;\n border-left: 1px solid #aaa;\n}\n\n#contentWrapper .tabContentTags #popup hr {\n color: #ccc;\n}\n\nhr{\n color: black !important;\n}\n\n#contentWrapper .tabContentTags #popup a {\n display: block;\n color: #888;\n min-width: 8em;\n border: 0;\n margin: 0;\n height: 1.2em;\n}\n\n#contentWrapper .tabContentTags #popup a:hover {\n background-color: #e4e4e4;\n color: black;\n}\n\n#contentWrapper a.tab {\n font-weight: normal;\n display: inline;\n margin: 0px 1px; \n border:1px solid #aaa;\n border-bottom:none;\n}\n\n#contentWrapper a.tabSelected {\n background-color: #e6e6e6 !important;\n padding: 2px 4px 2px 4px;\n}\n\n#contentWrapper a.tabUnselected {\n background-color: #f3f3f3;\n padding: 2px 4px 0px 4px;\n}\n\n/*===========================================================================================*/\n/*===========================================================================================*/\n#sidebarTabs{\n margin: 0;\n padding: 0;\n}\n\n#contentWrapper .tabContents {\n background-color: #e6e6e6;\n border-bottom: solid #aaa 1px;\n}\n\n#contentWrapper .tabContents a.tiddlyLink, #contentWrapper .tabContents a.button{\n background-color: #e6e6e6;\n color: #922 !important;\n}\n\n#contentWrapper .tabContents a:hover{\n color: #b44 !important;\n}\n\n#contentWrapper .txtMoreTab a.tabUnselected {\n background-color: #e6e6e6;\n padding: 2px 4px 0px 4px;\n}\n\n#contentWrapper .txtMoreTab a.tabSelected {\n background-color: #ccc !important;\n padding: 2px 4px 2px 4px;\n}\n\n.txtMoreTab .tabContents {\n background-color: #ccc !important;\n border-bottom: solid #aaa 1px;\n}\n\n.txtMoreTab .tabContents a{\n background-color: transparent !important;\n}\n\n#licensePanel {\n padding: 0.5em 0.2em 0.5em 0.2em;\n}\n\n#licensePanel a {\n display: block;\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: #555;\n}\n\n#licensePanel a:hover {\n text-decoration: none;\n color: #922;\n background-color: transparent;\n}\n\n#storeArea, #copyright {\n display: none;\n}\n\n#floater {\n font-size: 10pt;\n visibility: hidden;\n color: white;\n border: 1px solid #666;\n background-color: white;\n position: absolute;\n padding: 1em 1em 1em 1em;\n display:none;\n}\n\n@media print {\n\n#mainMenu {\n display: none;\n}\n\n#displayArea {\n margin: 1em 1em 0em 1em;\n}\n\n#sidebar {\n display: none;\n}\n\n}
config.views.wikified.toolbarCloseOthers = {text: "alone", tooltip: "Close all tiddlers other than this one"};\nconfig.views.wikified.toolbarNewHere = {text: "new", tooltip: "Create a new tiddler with tagged as this tiddler"};\nconfig.views.wikified.toolbarCollapse = {text: "collapse", tooltip: "Collapse this tiddler", toggleText: "expand", toggleTooltip: "Expand this tiddler"};\nconfig.views.editor.toolbarDuplicate = {text: "duplicate", tooltip: "Duplicate this tiddler", suffix: "Copy"};\n\nwindow.onClickToolbarNewHere = function(e)\n{\n if (!e) var e = window.event;\n clearMessage();\n if(this.parentNode.id) {\n displayTiddler(this.parentNode,"New Tiddler",2,null,null,false,false);\n tagBox = document.getElementById("editorTagsNew Tiddler"); \n tagBox.value = this.parentNode.id.substring(7);\n }\n e.cancelBubble = true;\n if (e.stopPropagation) e.stopPropagation();\n return(false);\n}\n\nwindow.onClickToolbarDuplicate= function(e)\n{\n if (!e) var e = window.event;\n clearMessage();\n if(this.parentNode.id) {\n\n clearMessage();\n var lingo = config.views\n lingo = lingo.editor;\n var thisSrc = document.getElementById(this.parentNode.id);\n var thisTiddler = this.parentNode.id.substr(7);\n var dupBody = document.getElementById("editorBody" + thisTiddler).value;\n var dupTitle = thisTiddler + lingo.toolbarDuplicate.suffix;\n displayTiddler(thisSrc,dupTitle,2,null,null,false);\n document.getElementById("editorBody" + dupTitle).value = dupBody;\n tagBox = document.getElementById("editorTags"+dupTitle);\n tagBox.value = document.getElementById("editorTags"+ thisTiddler).value;\n\n // If you want the original tiddler to close completely after you click 'duplicate,' then remove the slashes at the start of the next line\n //closeTiddler(thisTiddler,false);\n }\n e.cancelBubble = true;\n if (e.stopPropagation) e.stopPropagation();\n return(false);\n}\n\nfunction onClickToolbarCollapse(e)\n{\n if (!e) var e = window.event;\n title = this.parentNode.id.substr(7);\n if(title)\n {\n var viewerStatus = document.getElementById("viewer" + title).style.display\n var displayStyle;\n var buttonText;\n var buttonTooltip;\n var lingo = config.views\n lingo = lingo.wikified;\n if(viewerStatus == "none")\n {\n displayStyle = "block";\n buttonText = lingo.toolbarCollapse.text;\n buttonTooltip = lingo.toolbarCollapse.tooltip;\n }\n else\n {\n displayStyle = "none";\n buttonText = lingo.toolbarCollapse.toggleText;\n buttonTooltip = lingo.toolbarCollapse.toggleTooltip;\n }\n document.getElementById("viewer" + title).style.display = displayStyle; \n document.getElementById("footer" + title).style.display = displayStyle; \n this.innerHTML = buttonText;\n this.title = buttonTooltip;\n }\n}\n\nwindow.onClickToolbarCloseOthers = function(e)\n{\n if (!e) var e = window.event;\n clearMessage();\n if(this.parentNode.id)\n closeAllOtherTiddlers(this.parentNode.id.substr(7));\n e.cancelBubble = true;\n if (e.stopPropagation) e.stopPropagation();\n return(false);\n}\n\nfunction closeAllOtherTiddlers(thisTitle)\n{\n clearMessage();\n var place = document.getElementById("tiddlerDisplay");\n var tiddler = place.firstChild;\n var nextTiddler;\n while(tiddler)\n {\n nextTiddler = tiddler.nextSibling;\n if(tiddler.id)\n if(tiddler.id.substr(0,7) == "tiddler")\n {\n var title = tiddler.id.substr(7);\n if(!document.getElementById("editor" + title) && title != thisTitle)\n place.removeChild(tiddler);\n }\n tiddler = nextTiddler;\n }\n window.scrollTo(0,0);\n}\n// Create a tiddler toolbar according to whether it's an editor or not\nwindow.createTiddlerToolbar = function(title,isEditor)\n{\nvar theToolbar = document.getElementById("toolbar" + title);\nvar lingo = config.views;\nif(theToolbar)\n{\nremoveChildren(theToolbar);\ninsertSpacer(theToolbar);\nif(isEditor)\n{\n// Editor toolbar\nlingo = lingo.editor;\ncreateTiddlyButton(theToolbar,lingo.toolbarDone.text,lingo.toolbarDone.tooltip,onClickToolbarSave);\ninsertSpacer(theToolbar);\ncreateTiddlyButton(theToolbar,lingo.toolbarDuplicate.text,lingo.toolbarDuplicate.tooltip,onClickToolbarDuplicate);\ninsertSpacer(theToolbar);\ncreateTiddlyButton(theToolbar,lingo.toolbarCancel.text,lingo.toolbarCancel.tooltip,onClickToolbarUndo);\ninsertSpacer(theToolbar);\ncreateTiddlyButton(theToolbar,lingo.toolbarDelete.text,lingo.toolbarDelete.tooltip,onClickToolbarDelete);\n}\nelse\n{\n// Viewer toolbar\nlingo = lingo.wikified;\ncreateTiddlyButton(theToolbar,lingo.toolbarClose.text,lingo.toolbarClose.tooltip,onClickToolbarClose);\ninsertSpacer(theToolbar);\ncreateTiddlyButton(theToolbar,lingo.toolbarCloseOthers.text,lingo.toolbarCloseOthers.tooltip,onClickToolbarCloseOthers);\ninsertSpacer(theToolbar);\ncreateTiddlyButton(theToolbar,lingo.toolbarCollapse.text,lingo.toolbarCollapse.tooltip,onClickToolbarCollapse,"toolbarCollapse");\ninsertSpacer(theToolbar);\ncreateTiddlyButton(theToolbar,lingo.toolbarEdit.text,lingo.toolbarEdit.tooltip,onClickToolbarEdit);\ninsertSpacer(theToolbar);\ncreateTiddlyButton(theToolbar,lingo.toolbarPermalink.text,lingo.toolbarPermalink.tooltip,onClickToolbarPermaLink);\ninsertSpacer(theToolbar);\ncreateTiddlyButton(theToolbar,lingo.toolbarReferences.text,lingo.toolbarReferences.tooltip,onClickToolbarReferences);\ninsertSpacer(theToolbar);\ncreateTiddlyButton(theToolbar,lingo.toolbarNewHere.text,lingo.toolbarNewHere.tooltip,onClickToolbarNewHere);\ninsertSpacer(theToolbar);\n}\n}\n}
//Move the messageArea back to the top\nvar contentWrapper = document.getElementById('contentWrapper');\ncontentWrapper.insertBefore(document.getElementById('messageArea'),document.getElementById('mainMenu'));
#popup{\n padding-left: 2px !important;\n padding-bottom: 2px !important;\n}\n\n#popup *{\n border: 0 !important;\n}\n\n#popup hr {\n border-top: solid 1px #f5d7b8!important; \n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #f5d7b8;\n width: 98%;\n}\n\nbody {\n margin: 0px;\n background-color: #fff;\n font-size: 9pt;\n font-family: tahoma,arial,helvetica;\n padding: 0;\ncolor: #867663;\n}\n\na:link, a:visited, a:hover, a:active {\n text-decoration: none;\n color: #be540b;\n}\n\n#header {\n display: block;\n width: 100%;\n border-top: 100px solid #c51\n}\n\n#header a{\n color: white !important;\n line-height: .8em;\n}\n\n#header a:hover{\nborder-bottom: 2px dotted;\nmargin-bottom: -2px;\n}\n\n#titleLine {\n color: #fff;\n background: #bcd;\n padding: 0px;\n border-top: 8px solid #b8764c;\n background-color: #cf936c;\n border-bottom: 3px solid #f5d7b4;\n height: 5px;\n\n}\n\n#titleLine a {\n text-decoration: none;\n color: #9ab;\n}\n\n#siteTitle {\n font-size: 40pt;\n font-weight: bold;\nposition: absolute;\n right: 20px;\n top: .2em;\n color: #fff;\n float: right;\n}\n\n#siteSubtitle {\n font-size: 12pt;\n font-family: georgia,times;\n color: #fff;\n display: block;\n position: absolute;\n top: 4.5em;\n right: 40px;\ntext-align: right;\n}\n\n#mainMenu {\n font-size: 12px;\n float: left;\n width: 13em;\n margin: 1em 1em .5em 1em;\n background: #fff;\n color: black;\n text-align: center;\npadding: 0;\nborder: 1px solid #f5d7b4;\n}\n\n#mainMenu br{\n clear:both;\ndisplay:block;\nheight: 20px;\nborder: 0px solid red;\nwidth: 100px;\nmargin: .35em;\nfloat: left;\n}\n\n#mainMenu b a {\ncolor: #fff;\nbackground-color: #d16400;\nfont-weight: normal;\n}\n\n#mainMenu a.tiddlyLink, #mainMenu a.button{\ndisplay: block; \n text-decoration: none;\n width: 13em;\ncolor: #f79b60;\n border-top: 1px solid #f5d7b4;\n border-bottom: 1px solid #f5d7b4;\nmargin: -1px auto 0px auto;\nfloat: left;\nline-height: 1.5em;\n text-transform: capitalize;\n}\n\n#mainMenu a:hover {\n color: #930 !important;\n background-color: #f5d7b4 !important;\n}\n\n#displayArea {\n margin: 1em 14em 0em 15em;\n}\n\n#messageArea {\n background-color: #f5d7b4;\n color: #867663;\n padding: 0.5em 0.5em 0.5em 0.5em;\n margin: 0em 0em 0.6em 0em;\n border-bottom: 1px solid #458;\n display: none;\n}\n\n#messageArea a:link, #messageArea a:visited {\n display: inline;\n text-decoration: underline;\n color: #c51;\n}\n\n#messageArea a:hover {\n color: #f79b60;\n}\n\n#messageArea a:active {\n color: #fff;\n}\n\n.tiddler {\n border: 1px solid #fff;\n margin: 0 10px 20px;\n padding: 8px;\n padding-top:0;\n font-family: arial,georgia,times;\n background-color: #fff;\n}\n\n#tiddlerDisplay div.tiddler:hover {\n border: 1px solid #ccc;\n}\n\n.innerTiddler {\n padding: 0.7em 1em 1em 0.8em;\n font-size: 9pt;\n background-color: #fff;\n}\n\n#displayArea .tiddlyLinkExisting {\n font-weight: bold;\n}\n\n#displayArea .tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n#displayArea .externalLink {\n text-decoration: underline;\n}\n\n.title {\n font-family: tahoma,arial,helvetica;\n font-size: 13pt;\n color: #867663;\n font-weight: bold;\n display: inline;\n padding-bottom: 1em;\n margin-bottom: 1em;\n}\n\n.toolbar {\n font-family: tahoma,arial,helvetica;\n font-weight: normal;\n font-size: 8pt;\n padding: 0em 0em 0em 1em;\n margin-top: -2em;\n color: color: #aaa;\n visibility: hidden;\n position: relative;\n bottom: -1.5em;\n}\n\n.toolbar a {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #f79b60;\n border: 1px solid #f5d7b4;\n}\n\n.toolbar a:hover {\n color: #930 !important;\n background-color: #f5d7b4 !important;\n border-color: #f79b60 !important;\n}\n\n.toolbar a:active {\n color: #666;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nviewer a.button{\n border: 0;\n background-color: transparent; !important;\n padding: 0em;\n color: #888 !important;\n border: 1px solid transparent;\n}\n\n.footer a.button {\n color: #888 !important;\n}\n\n.editorFooter a:hover, .footer a:hover{\n color: #f79b60 !important;\n border: 1px solid #f5d7b4;\n background-color: #fff !important;\n margin-left: -1px; \n margin-right: -1px;\n}\n\n.editorFooter a:hover, .footer #popup a:hover{\n margin: 0;\n}\n\n.viewer a.button:hover{\n color: #f79b60 !important;\n background-color: #transparent !important;\n}\n\n.viewer a.button, .viewer a.tiddlyLink,.editorFooter a:hover, .footer a.button {\n color: #f79b60 ;\n background-color: transparent !important;\n}\n\n#popup {\n display: none;\n position: absolute;\n top: 1.5em;\n left: 13.25em;\n font-size: 8pt;\n color: #f79b60;\n background-color: #fff;\n padding: 0;\n border: 1px solid #f5d7b4;\n}\n\n#popup a {\n display: block;\n color: #f79b60 !important;\n border: 0;\n margin-bottom: -1px;\n}\n\n#popup a:hover {\n background-color: #f5d7b4;\n color: #930 !important;\n}\n\n.body {\n border-top:1px solid #ccc;\n padding-top: 0.5em;\n margin-top:0.3em;\n}\n\n.viewer {\n color: #867663;\n line-height: 140%;\n}\n\n.viewer a:link, .body a:visited{\n color: #be540b;;\n}\n\n.viewer a:hover {\n background-color: transparent;\n text-decoration: underline;\ncolor: #f79b60;\n}\n\n.viewer blockquote {\n font-size: 8pt;\n line-height: 150%;\n border-left: 1px solid #ccc;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer ol {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer h1, .viewer h2,h3,h4,h5,h6 {\n font-weight: bold;\n text-decoration: none;\n color: #867663;\n padding-left: 0em;\nbackground-color: transparent;\n}\n\n.viewer h2 {\n font-size: 12pt;\nborder-bottom: 2px dotted #ccc;\n}\n\n.viewer h3 {\n font-size: 11pt;\nborder-bottom: 1px dotted #ccc;\n}\n\n.viewer h4 {\n font-size: 10pt;\n}\n\n.viewer h5 {\n font-size: 9pt;\n}\n\n.viewer h6 {\n font-size: 8pt;\n}\n\n.viewer table {\n font-size: 10pt;\n border-collapse: collapse;\n border: 2px solid #303030;\n margin-left: 1.0em;\n margin-right: 1.0em;\n margin-top: 0.8em;\n margin-bottom: 0.8em;\n}\n\n.viewer th {\n background-color: #bcd;\n border: 1px solid #606060;\n padding: 3px;\n}\n\n.viewer td, tr {\n border: 1px solid #606060;\n padding: 3px;\n}\n\n.viewer caption {\n font-size: smaller;\n padding: 3px;\n}\n\n.viewer hr {\n border-top: dashed 1px #606060;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666666;\n}\n\n.highlight {\n color: #000000;\n background-color: #bcd;\n}\n\n.editor {\n font-size: 8pt;\n color: #402c74;\n font-weight: normal;\n}\n\n.editor input {\n display: block;\n border: 1px solid black;\n}\n\n.editor textarea {\n display: block;\n font: inherit;\n border: 1px solid black;\n}\n\n#sidebar {\n float: right;\n width: 14em;\n color: #666;\n font-size: 8pt;\n border-left: 1px solid #aaa;\n border-bottom:1px solid #aaa;\n background-color: #fdf8f2;\n}\n\n.sidebarSubHeading {\n font-size: 0.95em;\n color: #236;\n}\n\n#commandPanel {\n padding-top: 0.5em;\n background-color: #fdf8f2;\n color: black;\n font-size: 8pt;\n}\n\n#commandPanel a {\n display: block;\n padding: 0.3em 0.2em 0.3em 1em;\ncolor: #f79b60;\n text-decoration: none;\n background-color: white !important;\n}\n\n#commandPanel a:hover {\n color: #930;\n background-color: transparent;\n}\n\n#commandPanel input {\n margin: 0.4em 0em 0.3em 1em;\n border: 1px solid black;\n}\n\n#optionsPanel {\n display: none;\n background-color: #f3f8ff;\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: 7pt;\n color: black;\n}\n\n#optionsPanel a:link, #optionsPanel a:visited {\n color: #666;\n font-weight: bold;\n}\n\n#optionsPanel a:hover {\n color: #922;\n text-decoration: underline;\n background-color: transparent;\n}\n\n.optionsText {\n margin-top: 0.25em;\n margin-bottom: 0.75em;\n}\n\n.optionsItem {\n}\n\n#tabTimeline {\n background-color: #f5d7b4;\n}\n\n#tabTags {\n background-color: #cf936c;\n}\n\n#tabMore {\n background-color: #b8764c;\n}\n\n/*\n=================Sidebar==========\n=================================\n*/\n\n\n#sidebar {\n float: right;\n width: 14em;\n font-size: 8pt;\n border-left: 1px solid #aaa;\n border-bottom:1px solid #aaa;\n}\n\n#sidebarOptions a.button{\n color: #f79b60;\n background-color: #fff !important;\n}\n\n#sidebarOptions a.tiddlyLink, #sidebarOptions{\n color: #666;\n background-color: #fff !important;\n}\n\n#sidebar #sidebarOptions a.button:hover{\n color: #930;\n background-color: #fff;\n text-decoration: none;\n}\n\n#sidebar #sidebarOptions a.tiddlyLink:hover{\n color: #930;\n background-color: #fff;\n text-decoration: underline;\n}\n\n#contentWrapper #sidebar a:hover{\n color: #c51;\n text-decoration: underline;\n}\n\n#contentWrapper .sidebarSubHeading {\n font-size: 0.95em;\n color: #236;\n}\n\n#contentWrapper #commandPanel {\n padding-top: 0.5em;\n background-color: #f3f3f3;\n color: black;\n font-size: 8pt;\n}\n\n#contentWrapper #commandPanel a {\n display: block;\n padding: 0.3em 0.2em 0.3em 1em;\n color: #c51;\n text-decoration: none;\n}\n\n#contentWrapper #commandPanel a:hover {\n color: #922;\n text-decoration: underline;\n background-color: transparent;;\n}\n\n#contentWrapper #commandPanel input {\n margin: 0.4em 0em 0.3em 1em;\n border: 1px solid black;\n}\n\n#contentWrapper #optionsPanel {\n display: none;\n background-color: #f3f8ff;\n padding: 0.5em 0.5em 0em 0.5em;\n font-size: 7pt;\n color: black;\n}\n\n#contentWrapper #optionsPanel a:link, #optionsPanel a:visited {\n color: #c51;\n font-weight: bold;\n}\n\n#contentWrapper #optionsPanel a:hover {\n color: #922;\n text-decoration: underline;\n background-color: transparent;\n}\n\n.optionsText {\n margin-top: 0.25em;\n margin-bottom: 0.75em;\n}\n\n.optionsItem {\n}\n/*========================================================================*/\n#contentWrapper #sidebarTabs {\n background-color: #fff;\n padding: 0em;\n}\n\n#contentWrapper #sidebarTabs a {\n color: black;\n background-color: transparent;\n}\n\n#contentWrapper #sidebarTabs a:hover {\n color: #922; text-decoration: underline;\n background-color: transparent;\n}\n\n#contentWrapper #sidebarTabs a:active {\n color: black;\n}\n\n#contentWrapper .tabContentTags #popup {\n display: none;\n position: absolute;\n top: 1em;\n left: 13.25em;\n font-size: 8pt;\n color: #888;\n background-color: #e4e4e4;\n padding: 0;\n margin-top: -2px;\n border-top: 1px solid #aaa;\n border-bottom: 1px solid #330000;\n border-right: 1px solid #330000;\n border-left: 1px solid #aaa;\n}\n\n#contentWrapper .tabContentTags #popup hr {\n color: #aaa;\n}\n\nhr{\n color: black !important;\n}\n\n#contentWrapper .tabContentTags #popup a {\n display: block;\n color: #888;\n min-width: 8em;\n border: 0;\n margin: 0;\n height: 1.2em;\n}\n\n#contentWrapper .tabContentTags #popup a:hover {\n background-color: #e4e4e4;\n color: black;\n}\n\n#contentWrapper a.tab {\n font-weight: normal;\n display: inline;\n margin: 0px 1px; \n border:1px solid #aaa;\n border-bottom:none;\n}\n\n#contentWrapper a.tab:hover {\n text-decoration: none !important;\n border-color: black;\n}\n\n#contentWrapper a.tabSelected {\n background-color: #f5d7b4 !important;\n padding: 2px 4px 2px 4px;\n}\n\n#contentWrapper a.tabUnselected {\n background-color: #c51 !important;\n padding: 2px 4px 0px 4px;\n color: #fff !important;\n}\n\n/*===========================================================================================*/\n/*===========================================================================================*/\n#sidebarTabs{\n margin: 0;\n padding: 0;\n}\n\n#contentWrapper .tabContents {\n background-color: #f5d7b4;\n border-bottom: solid #aaa 1px;\n}\n\n#contentWrapper .tabContents a.tiddlyLink, #contentWrapper .tabContents a.button{\n background-color: #e6e6e6;\n color: #922 !important;\n}\n\n#contentWrapper .tabContents a:hover{\n color: #b44 !important;\n}\n\n#contentWrapper .txtMoreTab a.tabUnselected {\n background-color: #f5d7b4 !important;\n padding: 2px 4px 0px 4px;\n color: #000 !important;\n}\n\n#contentWrapper .txtMoreTab a.tabSelected {\n background-color: #cf936c !important;\n padding: 2px 4px 2px 4px;\n color: #000 !important;\n}\n\n.txtMoreTab .tabContents {\n background-color: #cf936c !important;\n border-bottom: solid #aaa 1px;\n color: #fff;\n}\n\n.txtMoreTab .tabContents a{\n background-color: transparent !important;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/*\n.\n\n#popup a {\n display: block;\n color: #888;\n min-width: 8em;\n border: 0;\n margin: 0;\n}\n\n#popup a:hover {\n background-color: #e4e4e4;\n color: black;\n}\n\n.body {\n border-top:1px solid #ccc;\n padding-top: 0.5em;\n margin-top:0.3em;\n overflow: hidden;\n}\n\n.viewer {\n color: black;\n line-height: 140%;\n}\n\n.viewer a:link, .body a:visited{\n color: #922;\n}\n\n.viewer a:hover {\n color: #b44;\n background-color: transparent;\n text-decoration: none;\n}\n\n.viewer blockquote {\n font-size: 8pt;\n line-height: 150%;\n border-left: 1px solid #ccc;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer ol {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n/*==============================================Headings================*/\n\n.viewer h1,.viewer h2,h3,h4,h5,h6 {\n font-weight: bold;\n text-decoration: none;\n color: #469;\n padding-left: .6em;\nbackground-color: transparent !important;\nborder-bottom: 3px dotted #ccc;\n}\n\n.viewer h2 {\n font-size: 12pt;\n}\n\n.viewer h3 {\n font-size: 11pt;\n}\n\n.viewer h4 {\n font-size: 10pt;\n}\n\n.viewer h5 {\n font-size: 9pt;\n}\n\n.viewer h6 {\n font-size: 8pt;\n}\n\n.viewer table {\n font-size: 10pt;\n border-collapse: collapse;\n border: 2px solid #303030;\n margin-left: 1.0em;\n margin-right: 1.0em;\n margin-top: 0.8em;\n margin-bottom: 0.8em;\n}\n\n.viewer th {\n background-color: #bcd;\n border: 1px solid #606060;\n padding: 3px;\n}\n\n.viewer td, tr {\n border: 1px solid #606060;\n padding: 3px;\n}\n\n.viewer caption {\n font-size: smaller;\n padding: 3px;\n}\n\n.viewer hr {\n border-top: dashed 1px #606060;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666666;\n}\n\n.highlight {\n color: #000000;\n background-color: #bcd;\n}\n\n.editor {\n font-size: 8pt;\n color: #402c74;\n font-weight: normal;\n}\n\n.editor input {\n display: block;\n border: 1px solid black;\n}\n\n.editor textarea {\n display: block;\n font: inherit;\n border: 1px solid black;\n}\n\n*/\n@media print {\n\n#mainMenu {\n display: none;\n}\n\n#displayArea {\n margin: 1em 1em 0em 1em;\n}\n\n#sidebar {\n display: none;\n}\n\n}
//Move the messageArea back to the top\nvar contentWrapper = document.getElementById('contentWrapper');\ncontentWrapper.insertBefore(document.getElementById('messageArea'),document.getElementById('mainMenu'));
//This rearranges the sidebars\nvar contentWrapper = document.getElementById('contentWrapper');\nvar sidebar = document.getElementById('sidebar');\nsidebar.insertBefore(document.getElementById('mainMenu'),document.getElementById('sidebarOptions'))\n
/* Style created by Nathan Bowers http://shared.snapgrid.com/gtd_tiddlywiki.html\n Imported and improved upon by Clint Checketts\nchecketts [at] gmail -dot- com */\n\n\n\n*{\n margin: 0;\n padding: 0;\n}\nbody {\n background: #464646 url('bodygradient.png') repeat-x top fixed;\n color: #000;\n font: 13px/125% "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;\n _text-align: center;\n}\n#contentWrapper {\n position: relative;\n margin: 0 auto;\n padding: 0;\n border: 1px black;\n width: 775px;\n _width: 770px; /* CSS UNDERSCORE HACK FOR PROPER WIN/IE DISPLAY */\n _text-align: left; /* CSS UNDERSCORE HACK FOR PROPER WIN/IE DISPLAY */ \n}\n#header{\n color: #fff;\n padding: 20px 20px 10px 0;\n}\n#mainMenu {\n position: static;\n line-height: 166%;\n background: #600;\n border-right: 3px solid #500;\n margin: 1em 0 0 0;\n width: 215px;\n padding: 0;\n text-align: left;\n}\n#sidebar {\n position: static;\n margin: 2em 0 0 0;\n float: left;\n clear: left;\n color: #000000;\n width: 218px;\n}\n#displayArea {\n float: right;\n margin: 0 2em 0 0;\n _margin: 0;\n width: 520px;\n _width: 545px; /* CSS UNDERSCORE HACK FOR PROPER WIN/IE DISPLAY */\n}\n#messageArea\n{\n font-size: 13px;\n font-weight: bold;\n padding: 5px;\n width: 41em;\n margin: 5px 0px;\n background: #ffe72f;\n border-right: 3px solid #da1;\n border-bottom: 3px solid #a80;\n text-align: center;\n display: none;\n}\na:link, a:visited, a:hover, a:active {\n text-decoration: none;\n}\n\n/* HEADER ========================================================== */\n#titleLine{\n background: transparent;\n margin: 0;\n padding: 0;\n}\n#siteTitle {\n font-size: 30px;\n}\n#siteSubtitle {\n font-size: 13px;\n padding-left: 10px;\n}\n#titleLine a {\n color: #cf6;\n}\n/* SIDEBARS ========================================================== */\n#mainMenu a {\n color: #fff !important;\n background: #700;\n display: block;\n padding: 0 5px 0 10px;\n height: 22px;\n line-height: 22px;\n border-bottom: 1px solid #500;\n border-top: 1px solid #900;\n text-transform: capitalize;\n}\n#mainMenu a.tiddlyLink:hover, #mainMenu a.button:hover{\n background: #b00 !important;\n}\n#sidebarTabs {\n background: transparent;\n padding: 8px 0 0 10px;\n}\n#sidebarTabs a {\n color: #fff;\n padding: 2px 8px 1px 8px;\n height: 22px;\n}\n#sidebarTabs a:hover {\n background: #000;\n color: #fff;\n}\n#sidebarTabs a:active {\n color: #000000;\n}\n#sidebarContent{\n padding: 0 10px 10px 10px;\n font-size: 11px;\n clear: both;\n}\n#sidebarContent br{\n display: none;\n}\n.sidebarSubHeading {\n padding: 8px 0 0 0;\n display: block;\n width: 100%;\n color: #000;\n}\n#sidebarContent a {\n color: #fff;\n display: block;\n margin: 1px 0 1px 5px;\n padding: 0;\n width: 100%;\n}\n#sidebarContent a:hover {\n color: #fff;\n background: #000;\n}\n#licensePanel {\n padding: 0px 10px;\n font-size: 11px;\n}\n#licensePanel a {\n color: #960;\n display: block;\n margin-top: 10px;\n}\n#licensePanel a:hover {\n color: #fff;\n}\n#licensePanel a:active {\n color: #fff;\n}\n#sidebarOptions {\n background: #eeb !important;\n border-right: 3px solid #bb8;\n color: #b4c675 !important;\n padding: 5px 0;\n}\n#sidebarOptions a {\n color: #700 !important;\n display: block;\n padding: 0 !important;\n margin: 3px 10px;\n}\n#sidebarOptions a:hover, #sidebarOptions a:active {\n color: #fff !important;\n background: #700 !important;\n}\n#sidebarOptions input {\n margin: 2px 10px;\n border: 1px inset #333;\n}\n#sidebarOptions .sliderPanel {\n display: none;\n background: #fff;\n color: #000;\n padding: 5px 10px;\n font-size: 11px;\n}\n.sliderPanel div{\n margin: 5px 0;\n}\n#sidebarOptions .sliderPanel a:link, #sidebarOptions .sliderPanel a:visited {\n color: #17b !important;\n font-weight: normal;\n margin: 0;\n display: inline;\n}\n#sidebarOptions .sliderPanel a:hover, #sidebarOptions .sliderPanel a:active {\n color: #fff !important;\n background: #000;\n}\n.optionsText {\n margin: 2px 0;\n}\n#tabTimeline {\n font-weight: bold;\n display: inline;\n background: #960;\n border-right: 1px solid #740;\n}\n#popup{\n background-color: #cf6;\n color: #000;\n}\n\n.tabset{\n border-right: 3px solid #bb8;\n background-color: #eeb;\n}\n#contentWrapper a.tab {\n font-weight: bold;\n display: inline;\n margin: 0px 2px; \n border-right:1px solid #aaa;\n font-size: 12px;\n color: #fff !important;\n text-decoration: none;\n}\n#contentWrapper a.tab:hover {\n background: #000 !important;\n}\n#contentWrapper a.tabSelected {\n background-color: #960 !important;\n border-right: 1px solid #740;\n padding: 4px 4px 2px 4px;\n}\n#contentWrapper a.tabUnselected {\n background-color: #660 !important;\n border-right: 1px solid #440;\n padding: 4px 4px 0px 4px;\n color: #fff !important;\n}\n/*===================================================================*/\n/*=====================================================================*/\n#sidebarTabs{\n margin: 0;\n padding: 0;\n}\n#contentWrapper .tabContents {\n background-color: #960;\n border-bottom: solid #520 2px;\n border-right: 3px #740 solid;\n}\n#contentWrapper .tabContents a.tiddlyLink, #contentWrapper .tabContents a.button{\n height: auto;\n margin: 0 0 0 1em !important;\n padding: 0 !important; \n background-color: transparent;\n color: #fff !important;\n font-weight: normal;\n text-decoration: none;\n}\n#contentWrapper .tabContents a.tiddlyLink:hover,#contentWrapper .tabContents a.button:hover{\n background-color: #000;\n}\n#contentWrapper .txtMoreTab .tabset{\n border: 0;\n background-color: transparent;\n}\n#contentWrapper .txtMoreTab a.tabUnselected {\n background-color: #b00 !important;\n padding: 2px 4px 0px 4px;\n color: #fff !important;\n border-right: 1px solid #900;\n}\n#contentWrapper .txtMoreTab a.tabSelected {\n background-color: #700 !important;\n padding: 2px 4px 2px 4px;\n color: #fff !important;\n border-right: 1px solid #500;\n}\n#contentWrapper .txtMoreTab a.tab:hover {\n background-color: #000 !important;\n border-right: 1px solid #500;\n}\n.txtMoreTab .tabContents {\n background-color: #700 !important;\n border-right: 3px solid #500 !important;\n border-bottom: 3px solid #500 !important;\n color: #fff;\n font-weight: bold;\n}\n.txtMoreTab .tabContents a{\n font-weight: normal;\n background-color: transparent !important;\n}\n.txtMoreTab .tabContents a:hover{\n background-color: #000 !important;\n}\n#sidebar popup{\n padding: 0;\n}\n\n#contentWrapper .viewer #popup *{\n color: #000 !important;\n}\n#contentWrapper #popup a{\n color: #000 !important;\n margin: 0 !important;\n padding: 0;\n}\n#contentWrapper #popup hr{\n border-top: solid 1px #000;\n border-left: 0;\n border-right: 0;\n border-bottom: none;\n height: 1px;\n color: #000;\n margin: 5px 0 !important;\n}\n#contentWrapper #popup a:hover{\n background-color: #ef9 !important;\n}\n\n\n\n\n\n\n\n\n/* TIDDLER DISPLAY/EDIT SPACE ============================================= */\n.tiddler {\n margin: 0 0 10px 0;\n padding: 0 15px;\n width: 99%;\n border-right: 3px solid #aaa;\n border-bottom: 3px solid #555;\n background: #fff;\n}\n#displayArea .tiddlyLinkExisting {\n font-weight: bold;\n text-decoration: none;\n}\n#displayArea .tiddlyLinkNonExisting {\n font-style: italic;\n text-decoration: none;\n}\n#displayArea .externalLink {\n text-decoration: underline;\n}\n.title {\n font-size: 1.5em;\n padding: 0 0 0 0;\n font-weight: bold;\n display: block;\n color: #900;\n}\n.toolbar {\n font-weight: normal;\n font-size: 11px;\n visibility: hidden;\n text-align: right;\n padding: 5px 0;\n}\n.toolbar a {\n padding: 1px 5px;\n color: #000 !important;\n text-decoration: none;\n border: 1px outset #cf6;\n background: #cf6;\n}\n.toolbar a:hover {\n background: #ef9 !important;\n}\n.toolbar a:active {\n background: #ff0 !important;\n}\n.viewer .tabset{\n background: transparent;\n border: 0;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n.viewer a.button{\n background-color: transparent !important;\n color: #700 !important;\n}\n\n.viewer {\n line-height: 140%;\n}\n.viewer a:link, .body a:visited {\n color: #15b;\n text-decoration: underline;\n}\n.viewer a:hover {\n color: #fff;\n background: #000;\n}\n.viewer blockquote {\n border-left: 3px solid #777;\n margin: 5px;\n padding: 5px;\n}\n.viewer ul {\n padding-left: 30px;\n}\n.viewer ol {\n padding-left: 30px;\n}\nol\n{ \n list-style-type: decimal;\n}\nol ol\n{ \n list-style-type: lower-alpha;\n}\nol ol ol\n{ \n list-style-type: lower-roman;\n}\n.viewer ul, .viewer ol, .viewer p {\n margin: 5px 0 12px 0;\n}\n.viewer li {\n margin: 3px 0;\n}\n.viewer h2,h3,h4,h5,h6 {\n font-weight: bold;\n background: #eee;\n padding: 2px 10px;\n margin: 5px 0;\n}\n.viewer h2 {\n font-size: 1.3em;\n}\n.viewer h3 {\n font-size: 1.2em;\n}\n.viewer h4 {\n font-size: 1.1em;\n}\n.viewer h5 {\n font-size: 1em;\n}\n.viewer h6 {\n font-size: .9em;\n}\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n font-size: 11px;\n margin: 10px 0;\n}\n.viewer th {\n background: #eee;\n border: 1px solid #aaa;\n padding: 3px;\n}\n.viewer td {\n border: 1px solid #aaa;\n padding: 3px;\n}\n.viewer caption {\n padding: 3px;\n}\n.viewer hr {\n border: none;\n border-top: dotted 1px #777;\n height: 1px;\n color: #777;\nmargin: 7px 0;\n}\n.body\n{\n margin: 5px 0 15px 0;\n padding: 5px 0;\n border-top: 1px solid #ccc;\n}\n.highlight {\n color: #000;\n background: #ffe72f;\n}\n.editor {\n font-size: 8pt;\n color: #402C74;\n font-weight: normal;\n padding: 10px 0;\n}\n.editor input, .editor textarea {\n display: block;\n font: 10px/130% "Andale Mono", "Monaco", "Lucida Console", "Courier New", monospace;\n margin: 0 0 10px 0;\n border: 1px inset #333;\n padding: 2px 0;\n}\n.editor textarea {\n height: 500px;\n}\ninput:focus, textarea:focus\n{\n background: #ffe;\n border: 1px solid #000 !important;\n}\n.editorFooter, .footer{\n font-size: 10px;\n}\n.editorFooter a.button:hover, .footer a.button:hover{\n color: #fff;\n}\n#storeArea, #copyright, .site_description {\n display: none;\n}\n#floater {\n background: #df9;\n border: 3px solid #999;\n color: #df9;\n position: absolute;\n left: -99999999px;\n top: -99999999px;\n width: 1px;\n display: none;\n}\n\n@media print{\n*\n{\n margin: 0;\n padding: 0;\n}\nbody {\n background: #fff;\n color: #000;\n width: 2.5in;\n height: 4.7in;\n font-size: 6.2pt;\n font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;\n}\nimg {\n max-width: 2.2in;\n max-height: 4.3in;\n}\n#header, #side_container, #storeArea, #copyright, .toolbar, #floater, #messageArea, .save_accesskey, .site_description\n{\n display: none;\n}\n#tiddlerDisplay, #displayArea\n{\n display: inline;\n}\n.tiddler {\n margin: 0 0 2em 0;\n border-top: 1px solid #000;\n page-break-before: always;\n}\n.tiddler:first-child {\n page-break-before: avoid;\n}\n.title {\n font-size: 1.6em;\n font-weight: bold;\n margin-bottom: .3em;\n padding: .2em 0;\n border-bottom: 1px dotted #000;\n}\np, blockquote, ul, li, ol, dt, dd, dl, table\n{\n margin: 0 0 .3em 0;\n}\nh1, h2, h3, h4, h5, h6\n{\n margin: .2em 0;\n} \nh1\n{\n font-size: 1.5em;\n}\nh2\n{\n font-size: 1.3em;\n}\nh3\n{\n font-size: 1.25em;\n}\nh4\n{\n font-size: 1.15em;\n}\nh5\n{\n font-size: 1.1em;\n}\nblockquote\n{\n margin: .6em;\n padding-left: .6em;\n border-left: 1px solid #ccc;\n}\nul\n{\n list-style-type: circle;\n}\nli\n{\n margin: .1em 0 .1em 2em;\n line-height: 1.4em; \n}\ntable\n{\n border-collapse: collapse;\n font-size: 1em;\n}\ntd, th\n{\n border: 1px solid #999;\n padding: .2em;\n}\nhr {\n border: none;\n border-top: dotted 1px #777;\n height: 1px;\n color: #777;\n margin: .6em 0;\n}}
//Move mainMenu into the sidebar\nvar sidebar = document.getElementById('sidebar');\nsidebar.insertBefore(document.getElementById('mainMenu'),document.getElementById('sidebarOptions'));\n\n\n//Create footer\nvar contentFooter = document.createElement('div');\ncontentFooter.id = 'contentFooter';\nvar footerContent = document.createElement('p');\n\nfooterContent.appendChild(document.createTextNode('TiddlyWiki was created by Jeremy Ruston and TiddlyKubrick was created by Clint Checketts'));\n\ncontentFooter.appendChild(footerContent);\nvar contentWrapper = document.getElementById('contentWrapper');\ncontentWrapper.appendChild(contentFooter);\n\n//Other wrapper\n//var otherContentWrapper = document.createElement('div');\n//otherContentWrapper.id = "otherContentWrapper";\n//var docBody = document.getElementsByTag('body')[0];\n//docBody.appendChild(otherContentWrapper);\n//otherContentWrapper.appendChild(contentWrapper);
[[Hello]]
| Agenda 2005 |c\n|>|>|>|>|>|>|>| !Janvier |!|>|>|>|>|>|>|>| !Fevrier |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W53|>|>|>|>|!|bgcolor(#FDBD20): 1 |bgcolor(#DEDEAD): 2 |!|W5|!| 1 | 2 | 3 | 4 |bgcolor(#DEDEAD): 5 |bgcolor(#DEDEAD): 6 |\n|W1| 3 | 4 | 5 | 6 | 7 |bgcolor(#DEDEAD): 8 |bgcolor(#DEDEAD): 9 |!|W6| 7 | 8 | 9 | 10 | 11 |bgcolor(#DEDEAD): 12 |bgcolor(#DEDEAD): 13 |\n|W2| 10 | 11 | 12 | 13 | 14 |bgcolor(#DEDEAD): 15 |bgcolor(#DEDEAD): 16 |!|W7| 14 | 15 | 16 | 17 | 18 |bgcolor(#DEDEAD): 19 |bgcolor(#DEDEAD): 20 |\n|W3| 17 | 18 | 19 | 20 | 21 |bgcolor(#DEDEAD): 22 |bgcolor(#DEDEAD): 23 |!|W8| 21 | 22 | 23 | 24 | 25 |bgcolor(#DEDEAD): 26 |bgcolor(#DEDEAD): 27 |\n|W4| 24 | 25 | 26 | 27 | 28 |bgcolor(#DEDEAD): 29 |bgcolor(#DEDEAD): 30 |!|W9| 28 |>|>|>|>|>|!|\n|W5| 31 |>|>|>|>|>|!|!|>|>|>|>|>|>|>|!|\n|>|>|>|>|>|>|>| !Mars |!|>|>|>|>|>|>|>| !Avril |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W9|!| 1 | 2 | 3 | 4 |bgcolor(#DEDEAD): 5 |bgcolor(#DEDEAD): 6 |!|W13|>|>|>|!| 1 |bgcolor(#DEDEAD): 2 |bgcolor(#DEDEAD): 3 |\n|W10| 7 | 8 | 9 | 10 | 11 |bgcolor(#DEDEAD): 12 |bgcolor(#DEDEAD): 13 |!|W14| 4 | 5 | 6 | 7 | 8 |bgcolor(#DEDEAD): 9 |bgcolor(#DEDEAD): 10 |\n|W11| 14 | 15 | 16 | 17 | 18 |bgcolor(#DEDEAD): 19 |bgcolor(#DEDEAD): 20 |!|W15| 11 | 12 | 13 | 14 | 15 |bgcolor(#DEDEAD): 16 |bgcolor(#DEDEAD): 17 |\n|W12| 21 | 22 | 23 | 24 | 25 |bgcolor(#DEDEAD): 26 |bgcolor(#DEDEAD): 27 |!|W16| 18 | 19 | 20 | 21 | 22 |bgcolor(#DEDEAD): 23 |bgcolor(#DEDEAD): 24 |\n|W13| 28 | 29 | 30 | 31 |>|>|!|!|W17| 25 | 26 | 27 | 28 | 29 |bgcolor(#DEDEAD): 30 |!|\n|>|>|>|>|>|>|>| !Mai |!|>|>|>|>|>|>|>| !Juin |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W17|>|>|>|>|>|!|bgcolor(#FDBD20): 1 |!|W22|>|!| 1 | 2 | 3 |bgcolor(#DEDEAD): 4 |bgcolor(#DEDEAD): 5 |\n|W18| 2 | 3 | 4 | 5 | 6 |bgcolor(#DEDEAD): 7 |bgcolor(#FDBD20): 8 |!|W23| 6 | 7 | 8 | 9 | 10 |bgcolor(#DEDEAD): 11 |bgcolor(#DEDEAD): 12 |\n|W19| 9 | 10 | 11 | 12 | 13 |bgcolor(#DEDEAD): 14 |bgcolor(#DEDEAD): 15 |!|W24| 13 | 14 | 15 | 16 | 17 |bgcolor(#DEDEAD): 18 |bgcolor(#DEDEAD): 19 |\n|W20| 16 | 17 | 18 | 19 | 20 |bgcolor(#DEDEAD): 21 |bgcolor(#DEDEAD): 22 |!|W25| 20 | 21 | 22 | 23 | 24 |bgcolor(#DEDEAD): 25 |bgcolor(#DEDEAD): 26 |\n|W21| 23 | 24 | 25 | 26 | 27 |bgcolor(#DEDEAD): 28 |bgcolor(#DEDEAD): 29 |!|W26| 27 | 28 | 29 | 30 |>|>|!|\n|W22| 30 | 31 |>|>|>|>|!|!|>|>|>|>|>|>|>|!|\n|>|>|>|>|>|>|>| !Juillet |!|>|>|>|>|>|>|>| !Août |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W26|>|>|>|!| 1 |bgcolor(#DEDEAD): 2 |bgcolor(#DEDEAD): 3 |!|W31| 1 | 2 | 3 | 4 | 5 |bgcolor(#DEDEAD): 6 |bgcolor(#DEDEAD): 7 |\n|W27| 4 | 5 | 6 | 7 | 8 |bgcolor(#DEDEAD): 9 |bgcolor(#DEDEAD): 10 |!|W32| 8 | 9 | 10 | 11 | 12 |bgcolor(#DEDEAD): 13 |bgcolor(#DEDEAD): 14 |\n|W28| 11 | 12 | 13 |bgcolor(#FDBD20): 14 | 15 |bgcolor(#DEDEAD): 16 |bgcolor(#DEDEAD): 17 |!|W33| 15 | 16 | 17 | 18 | 19 |bgcolor(#DEDEAD): 20 |bgcolor(#DEDEAD): 21 |\n|W29| 18 | 19 | 20 | 21 | 22 |bgcolor(#DEDEAD): 23 |bgcolor(#DEDEAD): 24 |!|W34| 22 | 23 | 24 | 25 | 26 |bgcolor(#DEDEAD): 27 |bgcolor(#DEDEAD): 28 |\n|W30| 25 | 26 | 27 | 28 | 29 |bgcolor(#DEDEAD): 30 |bgcolor(#DEDEAD): 31 |!|W35| 29 | 30 | 31 |>|>|>|!|\n|>|>|>|>|>|>|>| !Septembre |!|>|>|>|>|>|>|>| !Octobre |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W35|>|>|!| 1 | 2 |bgcolor(#DEDEAD): 3 |bgcolor(#DEDEAD): 4 |!|W39|>|>|>|>|!|bgcolor(#DEDEAD): 1 |bgcolor(#DEDEAD): 2 |\n|W36| 5 | 6 | 7 | 8 | 9 |bgcolor(#DEDEAD): 10 |bgcolor(#DEDEAD): 11 |!|W40| 3 | 4 | 5 | 6 | 7 |bgcolor(#DEDEAD): 8 |bgcolor(#DEDEAD): 9 |\n|W37| 12 | 13 | 14 | 15 | 16 |bgcolor(#DEDEAD): 17 |bgcolor(#DEDEAD): 18 |!|W41| 10 | 11 | 12 | 13 | 14 |bgcolor(#DEDEAD): 15 |bgcolor(#DEDEAD): 16 |\n|W38| 19 | 20 | 21 | 22 | 23 |bgcolor(#DEDEAD): 24 |bgcolor(#DEDEAD): 25 |!|W42| 17 | 18 | 19 | 20 | 21 |bgcolor(#DEDEAD): 22 |bgcolor(#DEDEAD): 23 |\n|W39| 26 | 27 | 28 | 29 | 30 |>|!|!|W43| 24 | 25 | 26 | 27 | 28 |bgcolor(#DEDEAD): 29 |bgcolor(#DEDEAD): 30 |\n|>|>|>|>|>|>|>|!|!|W44| 31 |>|>|>|>|>|!|\n|>|>|>|>|>|>|>| !Novembre |!|>|>|>|>|>|>|>| !Decembre |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W44|!| 1 | 2 | 3 | 4 |bgcolor(#DEDEAD): 5 |bgcolor(#DEDEAD): 6 |!|W48|>|>|!| 1 | 2 |bgcolor(#DEDEAD): 3 |bgcolor(#DEDEAD): 4 |\n|W45| 7 | 8 | 9 | 10 |bgcolor(#FDBD20): 11 |bgcolor(#DEDEAD): 12 |bgcolor(#DEDEAD): 13 |!|W49| 5 | 6 | 7 | 8 | 9 |bgcolor(#DEDEAD): 10 |bgcolor(#DEDEAD): 11 |\n|W46| 14 | 15 | 16 | 17 | 18 |bgcolor(#DEDEAD): 19 |bgcolor(#DEDEAD): 20 |!|W50| 12 | 13 | 14 | 15 | 16 |bgcolor(#DEDEAD): 17 |bgcolor(#DEDEAD): 18 |\n|W47| 21 | 22 | 23 | 24 | 25 |bgcolor(#DEDEAD): 26 |bgcolor(#DEDEAD): 27 |!|W51| 19 | 20 | 21 | 22 | 23 |bgcolor(#DEDEAD): 24 |bgcolor(#FDBD20): 25 |\n|W48| 28 | 29 | 30 |>|>|>|!|!|W52| 26 | 27 | 28 | 29 | 30 |bgcolor(#DEDEAD): 31 |!|
| Agenda 2006 |c\n|>|>|>|>|>|>|>| !Janvier |!|>|>|>|>|>|>|>| !Fevrier |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W52|>|>|>|>|>|!|bgcolor(#FDBD20): 1 |!|W5|>|!| 1 | 2 | 3 |bgcolor(#DEDEAD): 4 |bgcolor(#DEDEAD): 5 |\n|W1| 2 | 3 | 4 | 5 | 6 |bgcolor(#DEDEAD): 7 |bgcolor(#DEDEAD): 8 |!|W6| 6 | 7 | 8 | 9 | 10 |bgcolor(#DEDEAD): 11 |bgcolor(#DEDEAD): 12 |\n|W2| 9 | 10 | 11 | 12 | 13 |bgcolor(#DEDEAD): 14 |bgcolor(#DEDEAD): 15 |!|W7| 13 | 14 | 15 | 16 | 17 |bgcolor(#DEDEAD): 18 |bgcolor(#DEDEAD): 19 |\n|W3| 16 | 17 | 18 | 19 | 20 |bgcolor(#DEDEAD): 21 |bgcolor(#DEDEAD): 22 |!|W8| 20 | 21 | 22 | 23 | 24 |bgcolor(#DEDEAD): 25 |bgcolor(#DEDEAD): 26 |\n|W4| 23 | 24 | 25 | 26 | 27 |bgcolor(#DEDEAD): 28 |bgcolor(#DEDEAD): 29 |!|W9| 27 | 28 |>|>|>|>|!|\n|W5| 30 | 31 |>|>|>|>|!|!|>|>|>|>|>|>|>|!|\n|>|>|>|>|>|>|>| !Mars |!|>|>|>|>|>|>|>| !Avril |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W9|>|!| 1 | 2 | 3 |bgcolor(#DEDEAD): 4 |bgcolor(#DEDEAD): 5 |!|W13|>|>|>|>|!|bgcolor(#DEDEAD): 1 |bgcolor(#DEDEAD): 2 |\n|W10| 6 | 7 | 8 | 9 | 10 |bgcolor(#DEDEAD): 11 |bgcolor(#DEDEAD): 12 |!|W14| 3 | 4 | 5 | 6 | 7 |bgcolor(#DEDEAD): 8 |bgcolor(#DEDEAD): 9 |\n|W11| 13 | 14 | 15 | 16 | 17 |bgcolor(#DEDEAD): 18 |bgcolor(#DEDEAD): 19 |!|W15| 10 | 11 | 12 | 13 | 14 |bgcolor(#DEDEAD): 15 |bgcolor(#DEDEAD): 16 |\n|W12| 20 | 21 | 22 | 23 | 24 |bgcolor(#DEDEAD): 25 |bgcolor(#DEDEAD): 26 |!|W16| 17 | 18 | 19 | 20 | 21 |bgcolor(#DEDEAD): 22 |bgcolor(#DEDEAD): 23 |\n|W13| 27 | 28 | 29 | 30 | 31 |>|!|!|W17| 24 | 25 | 26 | 27 | 28 |bgcolor(#DEDEAD): 29 |bgcolor(#DEDEAD): 30 |\n|>|>|>|>|>|>|>| !Mai |!|>|>|>|>|>|>|>| !Juin |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W18|bgcolor(#FDBD20): 1 | 2 | 3 | 4 | 5 |bgcolor(#DEDEAD): 6 |bgcolor(#DEDEAD): 7 |!|W22|>|>|!| 1 | 2 |bgcolor(#DEDEAD): 3 |bgcolor(#DEDEAD): 4 |\n|W19|bgcolor(#FDBD20): 8 | 9 | 10 | 11 | 12 |bgcolor(#DEDEAD): 13 |bgcolor(#DEDEAD): 14 |!|W23| 5 | 6 | 7 | 8 | 9 |bgcolor(#DEDEAD): 10 |bgcolor(#DEDEAD): 11 |\n|W20| 15 | 16 | 17 | 18 | 19 |bgcolor(#DEDEAD): 20 |bgcolor(#DEDEAD): 21 |!|W24| 12 | 13 | 14 | 15 | 16 |bgcolor(#DEDEAD): 17 |bgcolor(#DEDEAD): 18 |\n|W21| 22 | 23 | 24 | 25 | 26 |bgcolor(#DEDEAD): 27 |bgcolor(#DEDEAD): 28 |!|W25| 19 | 20 | 21 | 22 | 23 |bgcolor(#DEDEAD): 24 |bgcolor(#DEDEAD): 25 |\n|W22| 29 | 30 | 31 |>|>|>|!|!|W26| 26 | 27 | 28 | 29 | 30 |>|!|\n|>|>|>|>|>|>|>| !Juillet |!|>|>|>|>|>|>|>| !Août |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W26|>|>|>|>|!|bgcolor(#DEDEAD): 1 |bgcolor(#DEDEAD): 2 |!|W31|!| 1 | 2 | 3 | 4 |bgcolor(#DEDEAD): 5 |bgcolor(#DEDEAD): 6 |\n|W27| 3 | 4 | 5 | 6 | 7 |bgcolor(#DEDEAD): 8 |bgcolor(#DEDEAD): 9 |!|W32| 7 | 8 | 9 | 10 | 11 |bgcolor(#DEDEAD): 12 |bgcolor(#DEDEAD): 13 |\n|W28| 10 | 11 | 12 | 13 |bgcolor(#FDBD20): 14 |bgcolor(#DEDEAD): 15 |bgcolor(#DEDEAD): 16 |!|W33| 14 | 15 | 16 | 17 | 18 |bgcolor(#DEDEAD): 19 |bgcolor(#DEDEAD): 20 |\n|W29| 17 | 18 | 19 | 20 | 21 |bgcolor(#DEDEAD): 22 |bgcolor(#DEDEAD): 23 |!|W34| 21 | 22 | 23 | 24 | 25 |bgcolor(#DEDEAD): 26 |bgcolor(#DEDEAD): 27 |\n|W30| 24 | 25 | 26 | 27 | 28 |bgcolor(#DEDEAD): 29 |bgcolor(#DEDEAD): 30 |!|W35| 28 | 29 | 30 | 31 |>|>|!|\n|W31| 31 |>|>|>|>|>|!|!|>|>|>|>|>|>|>|!|\n|>|>|>|>|>|>|>| !Septembre |!|>|>|>|>|>|>|>| !Octobre |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W35|>|>|>|!| 1 |bgcolor(#DEDEAD): 2 |bgcolor(#DEDEAD): 3 |!|W39|>|>|>|>|>|!|bgcolor(#DEDEAD): 1 |\n|W36| 4 | 5 | 6 | 7 | 8 |bgcolor(#DEDEAD): 9 |bgcolor(#DEDEAD): 10 |!|W40| 2 | 3 | 4 | 5 | 6 |bgcolor(#DEDEAD): 7 |bgcolor(#DEDEAD): 8 |\n|W37| 11 | 12 | 13 | 14 | 15 |bgcolor(#DEDEAD): 16 |bgcolor(#DEDEAD): 17 |!|W41| 9 | 10 | 11 | 12 | 13 |bgcolor(#DEDEAD): 14 |bgcolor(#DEDEAD): 15 |\n|W38| 18 | 19 | 20 | 21 | 22 |bgcolor(#DEDEAD): 23 |bgcolor(#DEDEAD): 24 |!|W42| 16 | 17 | 18 | 19 | 20 |bgcolor(#DEDEAD): 21 |bgcolor(#DEDEAD): 22 |\n|W39| 25 | 26 | 27 | 28 | 29 |bgcolor(#DEDEAD): 30 |!|!|W43| 23 | 24 | 25 | 26 | 27 |bgcolor(#DEDEAD): 28 |bgcolor(#DEDEAD): 29 |\n|>|>|>|>|>|>|>|!|!|W44| 30 | 31 |>|>|>|>|!|\n|>|>|>|>|>|>|>| !Novembre |!|>|>|>|>|>|>|>| !Decembre |\n|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |!|| Lun | Mar | Mer | Jeu | Ven | Sam | Dim |\n|W44|>|!| 1 | 2 | 3 |bgcolor(#DEDEAD): 4 |bgcolor(#DEDEAD): 5 |!|W48|>|>|>|!| 1 |bgcolor(#DEDEAD): 2 |bgcolor(#DEDEAD): 3 |\n|W45| 6 | 7 | 8 | 9 | 10 |bgcolor(#FDBD20): 11 |bgcolor(#DEDEAD): 12 |!|W49| 4 | 5 | 6 | 7 | 8 |bgcolor(#DEDEAD): 9 |bgcolor(#DEDEAD): 10 |\n|W46| 13 | 14 | 15 | 16 | 17 |bgcolor(#DEDEAD): 18 |bgcolor(#DEDEAD): 19 |!|W50| 11 | 12 | 13 | 14 | 15 |bgcolor(#DEDEAD): 16 |bgcolor(#DEDEAD): 17 |\n|W47| 20 | 21 | 22 | 23 | 24 |bgcolor(#DEDEAD): 25 |bgcolor(#DEDEAD): 26 |!|W51| 18 | 19 | 20 | 21 | 22 |bgcolor(#DEDEAD): 23 |bgcolor(#DEDEAD): 24 |\n|W48| 27 | 28 | 29 | 30 |>|>|!|!|W52|bgcolor(#FDBD20): 25 | 26 | 27 | 28 | 29 |bgcolor(#DEDEAD): 30 |bgcolor(#DEDEAD): 31 |
Adding Checkbox feature. (Original fix can be found [[here|http://www.dirtywaterdog.com/wiki.html#CodeChanges]])\n\nAdd the following to the setupRegexp function:\n{{{\nvar checkboxPattern = "^\s\s[([xX ])\s\s](.*?)$";\n}}}\nThen append that new variable to the the end of the structurePatterns variable:\n{{{\n ")|(" + checkboxPattern +\n}}}\nNow, in the wikifyStructures function, add a checkboxNum variable to the top and this else block towards the end:\n{{{\nvar checkboxNum = 0;\n...\nelse if(formatMatch[16])\n{\n isNewline = false;\n var theCheckbox = document.createElement("input");\n theCheckbox.type = "checkbox";\n // use the tiddler name as part of the checkbox ids (but strip the 'viewer' first)\n theCheckbox.id = parent.id.substr(6) + "_chk" + (checkboxNum++);\n theCheckbox.onclick = onClickCheckbox;\n body.appendChild(theCheckbox);\n if(formatMatch[17] != " ") { theCheckbox.checked = true; }\n body.appendChild(document.createTextNode(formatMatch[18]));\n}\n}}}\nFinally, add the onClickCheckbox function:\n{{{\n// Checkbox\nfunction onClickCheckbox(e)\n{\n if (!e) var e = window.event;\n var target = (e.target) ? e.target : e.srcElement;\n var tiddler = this.parentNode.id.substr(6);\n var text = store.getTiddlerText(tiddler);\n var re = new RegExp("^\s\s[([xX ])\s\s](.*?)$","mg");\n var checkboxNum = 0;\n do {\n // get the next match\n var matches = re.exec(text);\n var matchpos = matches ? matches.index : text.length;\n if (matchpos != text.length) {\n var chk = matches[1];\n var chkp = (chk == " ") ? "x" : " ";\n if (tiddler + "_chk" + checkboxNum == target.id) {\n store.tiddlers[tiddler].text =\n text.replace(new RegExp("\s\s["+chk+"\s\s]"+matches[2],"mg"),"["+chkp+"]"+matches[2]);\n matches = null;\n }\n checkboxNum++;\n }\n } while(matches);\n if(config.options.chkAutoSave) {\n saveChanges();\n clearMessage();\n }\n return(true);\n}\n}}}\n\nuse of checkbox:\n{{{\n[x] checked\n[ ] unchecked\n}}}\n[x] checked\n[ ] unchecked\n\n
<<listTags tipstrick modified *>>
For link (file://) in table\nJust remplace {{{explicitLinkPattern}}} with\n\n{{{var explicitLinkPattern = "\s\s[\s\s[([^\s\s[\s\s]\s\s|]+)[\s\s||=]([^\s\s[\s\s]\s\s|]+)\s\s]\s\s]";}}}\n\nthen just use = as a separator instead of | It's a workarround to use before jeremy's patch ;)
version.extensions.listOpen = {major: 0, minor: 1, revision: 0};\n\nconfig.macros.listOpen = { text: "Hello" };\n\nconfig.macros.listOpen.handler = function(place,macroName,params)\n{\nvar tiddlerDisplay = document.getElementById("tiddlerDisplay");\nfor(var t=0;t<tiddlerDisplay.childNodes.length;t++)\n{\nvar tiddlerName = tiddlerDisplay.childNodes[t].id.substr(7);\ncreateTiddlyLink(place,tiddlerName,true);\ncreateTiddlyElement(place,"br",null,null,"");\n}\n}
<<listOpen>>\nThere some refresh issue with firefox on windows.
<<tagCloud>>
<<calendar>>
version.extensions.smileyMacro = {major: 0, minor: 1, revision: 0, date: new Date(2005,7,20)};\n//Author: Alan Hecht\nconfig.macros.smiley = {}\nconfig.macros.smiley.handler = function(place,macroName,params)\n{\n var palette = ["transparent","#000000","#1a1507","#352e18","#464646","#666666","#a3141e","#b06b63","#cc9900","#dd9030","#dddddd","#e89d00","#edc32a","#f3cb3c","#fdf201","#fdf526","#ff3149","#ffac00","#ffbf06","#ffc846","#ffcc66","#ffd758","#ffdd01","#ffea7b","#ffed55","#ffffff"];\n var data = params;\n var imageMap = null;\n if(data[0] == ":-)" || data[0] == ":)" || !data[0])\n imageMap = "aaaaabbbbbaaaaaaaabdtyyvtdbaaaaabnyxxxxxujbaaabmyyffyffuujbaadyyyeeyeetttdabppppddyddpmmlbbwoooooooowsrlbbwwpooooowwmrlbbwwboooowwwbllbbwwwboooowbrllbacwwwbbbbbrllcaablswwwwsrrlibaaablsssrrllibaaaaabcrrlllcbaaaaaaaabbbbbaaaaa";\n else if(data[0] == ":-(" || data[0] == ":(")\n imageMap = "aaaaabbbbbaaaaaaaabdtyyvtdbaaaaabnyxxxxxujbaaabmyyyyyyyuujbaadyyyeeyeetttdabppppddyddpmmlbbwoooooooowsrlbbwwpooooowwmrlbbwwoooooowwrllbbwwwwbbbbbsrllbacwwbwwwwsbllcaablswwwwsrrlibaaablsssrrllibaaaaabcrrlllcbaaaaaaaabbbbbaaaaa";\n else if(data[0] == ";-)" || data[0] == ";)")\n imageMap = "aaaaabbbbbaaaaaaaabdtyyvtdbaaaaabnyxxxxxujbaaabmyyxxxxxuujbaadyyyxxxeetttdabppphddyddpmmlbbwoooooooowsrlbbwwpooooowwmrlbbwwboooowwwbllbbwwwboooowbrllbacwwwbbbbbrllcaablswwwwsrrlibaaablsssrrllibaaaaabcrrlllcbaaaaaaaabbbbbaaaaa";\n else if(data[0] == ":-|" || data[0] == ":|")\n imageMap = "aaaaabbbbbaaaaaaaabdtyyvtdbaaaaabnyxxxxxujbaaabmyyffyffuujbaadyyyeeyeetttdabppppddyddpmmlbbwoooooooowsrlbbwwpooooowwmrlbbwwoooooowwrllbbwwwwbbbbbsrllbacwwwwwwwsrllcaablswwwwsrrlibaaablsssrrllibaaaaabcrrlllcbaaaaaaaabbbbbaaaaa";\n else if(data[0] == ":-D" || data[0] == ":D")\n imageMap = "aaaaabbbbbaaaaaaaabdtyyvtdbaaaaabnyxxxxxujbaaabmyyeeyeeuujbaadyyyeeyeetttdabppppyyyyypmmlbbwbbbbbbbbbbblbbwbkzzzzzzzkbwbbwbfzzzzzzzfbwbbwbkzzzzzzzkbwbacwbkzzzzzkblcaablsbkzzzkblibaaablsbbbbblibaaaaabcrrlllcbaaaaaaaabbbbbaaaaa";\n else\n createTiddlyElement(place,"span",null,"errorNoSuchMacro","unknown smiley");\n if(imageMap)\n {\n var box = createTiddlyElement(place,"span",null,"smiley",String.fromCharCode(160));\n box.style.position = "relative";\n box.style.width = "15px";\n box.style.height = "15px";\n box.style.marginLeft = "1px";\n box.style.marginRight = "1px";\n box.style.paddingRight = "12px";\n box.style.verticalAlign = "top";\n\n //now divide into 15x15 grid and create each pixel\n // rows\n for(r=0; r<15; r++)\n {\n // columns\n for(c=0; c<15; c++)\n {\n //create each pixel with the correct background\n var pix = document.createElement("img");\n pix.className = "smileyPixel";\n pix.style.position = "absolute";\n pix.border = 0;\n pix.style.top = r + "px";\n pix.style.left = c + "px";\n pix.style.width = "1px";\n pix.style.height = "1px";\n pix.style.backgroundColor = palette[imageMap.charCodeAt((r*15)+c)-97];\n pix.src = "data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00!%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B";\n box.appendChild(pix);\n }\n }\n }\n}\n
<<smiley>>\n<<smiley :-)>>\n<<smiley :-(>>\n<<smiley ;-)>>\n<<smiley :-|>>\n<<smiley :-D>>\nEdit tiddler to check code.
<<option chkSinglePageMode>> Single Page Mode
Style : <<selectStylesheet width:70%>>
Picto Samples:\nwarning : <<picto warn>>\nOk sign : <<picto ok>>\n<<picto>>
<<exportHTML>>
version.extensions.exportHTML = {major: 0, minor: 1, revision: 0, date:new Date(2005,8,17)};\nconfig.macros.exportHTML = {};\n\nconfig.macros.exportHTML.handler = function(place,macroName,params) {\n createTiddlyButton(place,"export to HTML","export this file to simple HTML",exportToHtml);\n}\n\nElement.prototype.add = function(tagName, text) {\n var newElement = document.createElement(tagName);\n this.appendChild(newElement);\n if (text) newElement.appendChild(document.createTextNode(text));\n return newElement;\n};\n\nfunction doLink(theParent,theText,theTooltip,includeText) {\n if (!theText && theTooltip) theText = theToolTip;\n var newLink\n var theTiddler = store.tiddlers[theText] ;\n if ((theText && !theTiddler) || ignoreTiddler(theTiddler)) {\n newLink = document.createElement("i",theText);\n } else {\n newLink = document.createElement("a");\n if (theText) {\n newLink.setAttribute("href", "#"+theText);\n if (includeText)\n newLink.appendChild(document.createTextNode(theText));\n }\n }\n if (theParent) theParent.appendChild(newLink);\n return newLink;\n}\n\nfunction ignoreTiddler(theTiddler) {\n var allTags = theTiddler.tags.join(" ");\n return allTags.indexOf("systemTiddlers") != -1 ||allTags.indexOf("systemConfig") != -1;\n}\n\nfunction exportToHtml() {\n config.macros.tabs.handler = function(){};\n createTiddlyButton = doLink;\n createTiddlyLink = doLink;\n\n var body = document.getElementsByTagName("body").item(0);\n var menu = body.add("div");\n var doc = body.add("div");\n var end = doc.add("hr");\n\n var tiddlers = store.reverseLookup("tags","systemConfig",false,"title");\n var topAnchor = document.createElement("a");\n topAnchor.setAttribute("name","top");\n doc.insertBefore(topAnchor, end);\n\n var menuList = createTiddlyElement(menu, "ul");\n for (i=0;i<tiddlers.length;i++) {\n var theTiddler = tiddlers[i];\n if (!ignoreTiddler(theTiddler)) {\n var anchor = document.createElement("a");\n anchor.setAttribute("name",theTiddler.title);\n doc.insertBefore(anchor, end);\n\n\n var menuItem = menuList.add("li");\n var menuLink = menuItem.add("a",theTiddler.title);\n menuLink.setAttribute("href","#"+theTiddler.title);\n\n var tiddled = createTiddler(doc,end,theTiddler.title,1,null,false);\n\n var theToolbar = document.getElementById("toolbar" +theTiddler.title);\n var theFooter = document.getElementById("footer" +theTiddler.title);\n theToolbar.parentNode.removeChild(theToolbar);\n theFooter.parentNode.removeChild(theFooter);\n\n var topLinkHolder = tiddled.add("div");\n var topLink = createTiddlyElement(topLinkHolder,"a",null,"topLink","^- top -^");\n topLink.setAttribute("href","#top");\n }\n }\n\n var styleSheet;\n if (store.tiddlers["ExportHtmlStyleSheet"]) {\n styleSheet = store.tiddlers["ExportHtmlStyleSheet"].text;\n } else {\n styleSheet = "* {font-family:arial,sans serif;}\sn";\n styleSheet += ".siteTitle {background-color: #e9e9e9; color: #0063dc;font-size: 2em; margin: .5em 0 .5em 0; border-bottom: solid 1px#0063dc;}\sn";\n styleSheet += ".title {background-color: #e9e9e9; color: #0063dc;font-size: 1.5em; margin: .5em 0 .5em 0;}\sn";\n styleSheet += "H1 {color: #0063dc; font-size: 1.4em;}\sn";\n styleSheet += "H2 {color: #666; font-size: 1.25em;border-bottom:solid 1px #999;}\sn";\n styleSheet += "H3 {color: #666; font-size: 1.1em;}\sn";\n styleSheet += ".tiddler {border: dotted 1px #999; padding:4px;margin: 10px;}\sn";\n styleSheet += ".topLink {font-size: .75em; text-align: right;}\sn";\n styleSheet += "#theMenu {float: right; width: 20%;}";\n styleSheet += "#theOutput {float: right; width: 80%;}";\n }\n var header = '<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" ><title>TiddlyWiki</title><style>'+ styleSheet +'</style></head><body>\sn';\n header += '<h1 class="siteTitle">'+ store.tiddlers["SiteTitle"].text +'</h1>\sn';\n var footer = '\sn</body></html>';\n var theContent = header + '<div id="container"><div id="theMenu">'+ menu.innerHTML +'</div>\sn\sn<div id="theOutput">'+ doc.innerHTML +'</div></div>'+ footer;\n\n var originalPath = document.location.toString();\n var localPath = unescape(originalPath.substr(8)).replace(new RegExp("/","g"),"\s\s");\n var backupPath = localPath.substr(0,localPath.lastIndexOf("\s\s")) +"\s\shtml_export.html";\n var backup = saveFile(backupPath,theContent);\n body.removeChild(menu);\n body.removeChild(doc);\n document.location.href = document.location.href;\n}
// //''Name:'' EmailLink\n// //''Version:'' <<getversion email>> (<<getversiondate email "DD MMM YYYY">>)\n// //''Author:'' AlanHecht\n// //''Type:'' [[Macro|Macros]]\n\n// //''Description:'' email lets you list a "email" address without displaying it as readable text. This helps prevent your email address from being harvested by search engines and other web crawlers that read your page's contents. Using email, you type in the words "at" and "dot" instead of the punctuation symbols and add spaces inbetween words to disguise your address. However, email will display your email address in a web browser so that humans can read it. And email turns the address into a hyperlink that can be clicked to send you an instant email.\n\n// //''Syntax:'' << {{{email yourname at yourdomain dot com "?optional parameters"}}} >>\n// //Example 1: <<email sample at nowhere dot com>> (standard)\n// //Example 2: <<email sample at nowhere dot com "?subject=Submission&body=Type your message here.">> (with optional parameters)\n\n// //''Directions:'' <<tiddler MacroDirections>>\n\n// //''Notes:'' You can use the optional email parameters to stipulate a subject or message body for the message. Most (not all) email clients will use this information to construct the email message.\n\n// //''Related Links:'' none\n\n// //''Revision History:''\n// // v0.1.0 (20 August 2005): initial release\n// // v0.1.1 (22 August 2005): renamed the macro from "email" to "email" to further thwart email harvesters.\n\n// //''Code section:''\nversion.extensions.email = {major: 0, minor: 1, revision: 1, date: new Date(2005,7,22)};\nconfig.macros.email = {}\nconfig.macros.email.handler = function(place,macroName,params)\n{\nvar temp = params.join(" ");\ndata = temp.split("?");\nvar recipient = data[0];\nrecipient = recipient.replace(" at ","@").replace(" dot ",".");\nrecipient = recipient.replace(/\ss/g,"");\nvar optional = data[1] ? "?" + data[1] : "";\nvar theLink = createExternalLink(place,"ma"+"il"+"to:"+recipient+optional);\ntheLink.appendChild(document.createTextNode(recipient))\n}\n
Macros are only based on systemConfig tags buildin ~TiddlyWiki, so no code modification is needed.\n* ListMacro
Welcome to Tips repository.\nTheses tips need some modification in the code of tiddlywiki, so you must re-patch after upgrade to new tiddlywiki version.\n*ListTips\n\nSee also :\n* http://www.elsdesign.com/tiddlywiki/#%5B%5BDocument%20Info%5D%5D\n* http://tiddlywikitips.com/
There a StyleSheet repository for ~TiddlyWiki like http://www.csszengarden.com/ for CSS.\nIt's based on the empty template of ~TiddlyWiki, and a simple Help tiddle to show how all features are displayed.\nFeel free to submit a design.\nNo online submission, just send StyleSheet tiddler (and graphics or additionnal tiddlers if needed) by mail at zrenard {@-t} gmail |d0t| com\n\n*ListStyles
config.options["defaultLeadTime"] = 6000;\nconfig.macros["reminder"] = {};\nconfig.macros["showReminders"] = {};\nconfig.macros["displayTiddlersWithReminders"] = {};\nconfig.options["defaultReminderMessage"] = "DIFF TITLE on DATE ANNIVERSARY";\nconfig.options["defaultAnniversaryMessage"] = "(DIFF)";\n\nconfig.macros.showReminders.handler = function(place,macroName,params)\n{\n var now = new Date().getMidnight();\n var paramHash = {};\n var type = "";\n var num = 0;\n var leadtime = 14;\n var paramHash = getParamsForReminder(params);\n var bProvidedDate = (paramHash["year"] != null) || (paramHash["month"] != null) || (paramHash["day"] != null) || (paramHash["dayofweek"] != null)\n if (paramHash["leadtime"] != null)\n {\n leadtime = paramHash["leadtime"];\n if (bProvidedDate)\n//If they've entered a day, we need to make sure to find it. We'll reset the leadtime a few lines down.\n paramHash["leadtime"] = 10000\n }\n var matchedDate = now;\n if (bProvidedDate)\n{\n matchedDate = findDateForReminder(paramHash); \n}\n\n var arr = findTiddlersWithReminders(matchedDate, leadtime, paramHash["tag"], paramHash["limit"]);\nfor (j = 0; j < arr.length; j++) {\n var mess = getReminderMessageForDisplay(arr[j]["diff"], arr[j]["params"], arr[j]["matchedDate"]);\n var show=true;\n if ((paramHash["oldonly"]!=null)&&(arr[j]["diff"]>0)) show=false;\n if ((paramHash["withoutold"]!=null)&&(arr[j]["diff"]<0)) show=false;\n if(show==true) {\n if (paramHash["nolinks"] == null)\n mess += " -- ";\n createTiddlyElement(place,"span",null,null, mess);\n if (paramHash["nolinks"] == null)\n createTiddlyLink(place, arr[j]["tiddler"], arr[j]["tiddler"]);\n place.appendChild(document.createElement("br"));\n }\n}\n\n \n}\n\n\nconfig.macros.displayTiddlersWithReminders.handler = function(place,macroName,params)\n{\n var now = new Date().getMidnight();\n var paramHash = {};\n var type = "";\n var num = 0;\n var leadtime = 14;\n var paramHash = getParamsForReminder(params);\n var bProvidedDate = (paramHash["year"] != null) || (paramHash["month"] != null) || (paramHash["day"] != null) || (paramHash["dayofweek"] != null)\n if (paramHash["leadtime"] != null)\n {\n leadtime = paramHash["leadtime"];\n if (bProvidedDate)\n//If they've entered a day, we need to make sure to find it. We'll reset the leadtime a few lines down.\n paramHash["leadtime"] = 10000\n }\n var matchedDate = now;\n if (bProvidedDate)\n {\n matchedDate = findDateForReminder(paramHash); \n }\n\n var arr = findTiddlersWithReminders(matchedDate, leadtime, paramHash["tag"], paramHash["limit"]);\n for (j = 0; j < arr.length; j++)\n {\n displayTiddler(null,arr[j]["tiddler"],0,null,false,false,false)\n }\n}\n\nconfig.macros.reminder.handler = function(place,macroName,params)\n{\n var dateHash = getParamsForReminder(params);\n if (dateHash["hidden"] != null)\n return;\n var matchedDate = findDateForReminder(dateHash);\n var leadTime = dateHash["leadtime"];\n if (leadTime == null)\n leadTime = config.options["defaultLeadTime"]; \n\n if (matchedDate != null)\n {\n var diff = matchedDate.getDifferenceInDays(new Date())\n createTiddlyElement(place,"span",null,null, getReminderMessageForDisplay(diff, dateHash, matchedDate));\n }\n else\n createTiddlyElement(place,"span",null,null, "Couldn't find a match for " + dateHash["title"] + " in the next " + leadTime + " days.");\n}\n\nDate.prototype.getMidnight = function()\n{\n return Date.convertFromYYYYMMDDHHMM("" + this.getFullYear() + String.zeroPad(this.getMonth()+1,2) + String.zeroPad(this.getDate(),2) + "0000");\n}\n// Add the specified number of days to a date.\nDate.prototype.addDays = function(numberOfDays)\n{\n return(new Date(this.getTime() + (86400000 * numberOfDays)));\n}\n// Add the specified number of days to a date.\nDate.prototype.getDifferenceInDays = function(otherDate)\n{\n return Math.floor((this.getMidnight().getTime() - otherDate.getMidnight().getTime()) / 86400000);\n \n}\n\nfindTiddlersWithReminders = function(baseDate, leadtime, tags, limit)\n{\n var matches = store.search("reminder",false,false,"title","excludeSearch");\n var structureRegExp = new RegExp(structurePatterns,"mg");\n var arr = [];\n for(var t=matches.length-1; t>=0; t--)\n {\n if (tags != null)\n {\n var bHasTag = false;\n for(var t2=0; t2<matches[t].tags.length; t2++)\n {\n if (matches[t].tags[t2] == tags)\n {\n bHasTag = true;\n break;\n }\n }\n if (! bHasTag)\n continue;\n }\n\n var targetText = matches[t].text;\n do {\n // Get the next formatting match\n var formatMatch = structureRegExp.exec(targetText);\n var matchPos = formatMatch ? formatMatch.index : targetText.length;\n var level;\n var theBlockquote;\n if(formatMatch)\n {\n if (formatMatch[14] != null && formatMatch[14].toLowerCase() == "reminder")\n {\n //Find the matching date.\n var params = formatMatch[15].readMacroParams();\n var dateHash = getParamsForReminder(params);\n\n if (limit != null || dateHash["leadtime"] == null)\n dateHash["leadtime"] = leadtime;\n \n\n var matchedDate = findDateForReminder(dateHash, baseDate);\n if (matchedDate != null)\n {\n var hash = {};\n var diff = matchedDate.getDifferenceInDays(baseDate)\n hash["diff"] = diff;\n hash["matchedDate"] = matchedDate;\n hash["params"] = dateHash;\n hash["tiddler"] = matches[t].title;\n hash["tags"] = matches[t].tags;\n arr.pushUnique(hash);\n }\n }\n }\n }while(formatMatch);\n }\n arr.sort(function (a,b) {if(a["diff"] == b["diff"]) return(0); else return (a["diff"] < b["diff"]) ? -1 : +1; });\n return arr;\n}\ngetReminderMessageForDisplay = function(diff, params, matchedDate)\n{\n var anniversaryString = "";\n var reminderTitle = params["title"];\n if (reminderTitle == null)\n reminderTitle = "Untitled Reminder";\n else if (reminderTitle[0] == "\s"" && reminderTitle[reminderTitle.length -1] == "\s"")\n reminderTitle = reminderTitle.substr(1, reminderTitle.length - 2);\n if (params["firstyear"] != null)\n anniversaryString = config.options["defaultAnniversaryMessage"].replace("DIFF", (matchedDate.getFullYear() - params["firstyear"]));\n var mess = "";\n if (diff == 0)\n diffString = "Today : ";\n else if (diff == 1)\n diffString = "Tomorrow : ";\n else if (diff>1)\n diffString = diff + " days : ";\n else\n diffString="";\n mess = config.options["defaultReminderMessage"].replace("DIFF", diffString).replace("TITLE", reminderTitle).replace("DATE", matchedDate.formatString("DDD MMM DD, YYYY")).replace("ANNIVERSARY", anniversaryString);\n return mess;\n}\ngetParamsForReminder = function(params)\n{\n var dateHash = {};\n var type = "";\n var num = 0;\n var title = "";\n for(var t=0; t<params.length; t++)\n {\n type = params[t].split(":")[0].toLowerCase();\n if (type != "title" && type != "tag")\n num = parseInt(params[t].split(":")[1]);\n else if (type == "nolinks" || type == "limit" || type == "hidden")\n num = 1;\n else\n {\n title = params[t].split(":")[1];\n while (title[0] == '"' && title[title.length - 1] != '"')\n title += " " + params[++t];\n num = title;\n }\n dateHash[type] = num;\n }\n //date is synonymous with day\n if (dateHash["day"] == null)\n dateHash["day"] = dateHash["date"];\n return dateHash;\n}\nfindDateForReminder = function( dateHash, baseDate)\n{\n if (baseDate == null)\n baseDate = new Date().getMidnight();\n var leadTime = dateHash["leadtime"];\n if (leadTime == null)\n leadTime = config.options["defaultLeadTime"]; \n var matchedDate = baseDate.findMatch(dateHash, leadTime);\n if (matchedDate != null)\n {\n var newMatchedDate = matchedDate;\n if (dateHash["recurdays"] != null)\n {\n while (newMatchedDate.getTime() < baseDate.getTime())\n {\n newMatchedDate = newMatchedDate.addDays(dateHash["recurdays"]);\n }\n }\n else if (dateHash["offsetyear"] != null \n || dateHash["offsetmonth"] != null\n || dateHash["offsetday"] != null\n || dateHash["offsetdayofweek"] != null)\n {\n dateHash["year"] = dateHash["offsetyear"];\n dateHash["month"] = dateHash["offsetmonth"];\n dateHash["day"] = dateHash["offsetday"];\n dateHash["dayofweek"] = dateHash["offsetdayofweek"];\n newMatchedDate = matchedDate.findMatch(dateHash, leadTime);\n }\n var diff2 = newMatchedDate.getDifferenceInDays(baseDate);\n if (diff2 <= leadTime)\n return newMatchedDate;\n }\n return null;\n}\n// Add the specified number of days to a date.\nDate.prototype.findMatch = function(dateHash, leadTime)\n{\n var bSpecifiedYear = (dateHash["year"] != null);\n var bSpecifiedMonth = (dateHash["month"] != null);\n var bSpecifiedDay = (dateHash["day"] != null);\n var bSpecifiedDayOfWeek = (dateHash["dayofweek"] != null);\n if (bSpecifiedYear && bSpecifiedMonth && bSpecifiedDay)\n return Date.convertFromYYYYMMDDHHMM("" + dateHash["year"] + String.zeroPad(dateHash["month"],2) + String.zeroPad(dateHash["day"],2) + "0000");\n var bMatchedYear = !bSpecifiedYear;\n var bMatchedMonth = !bSpecifiedMonth;\n var bMatchedDay = !bSpecifiedDay;\n var bMatchedDayOfWeek = !bSpecifiedDayOfWeek;\n var searchInterval = 1;\n if (bSpecifiedDayOfWeek && dateHash["dayofweek"] < 0)\n {\n dateHash["dayofweek"] = dateHash["dayofweek"] * -1;\n searchInterval = -1;\n }\n if (bSpecifiedDay && bSpecifiedMonth && !bSpecifiedYear && !bSpecifiedDayOfWeek)\n {\n //Shortcut -- First try this year. If it's too small, try next year.\n var tmpMidnight = this.getMidnight();\n var tmpDate = Date.convertFromYYYYMMDDHHMM("" + this.getFullYear() + String.zeroPad(dateHash["month"],2) + String.zeroPad(dateHash["day"],2) + "0000");\n if (tmpDate.getTime() < tmpMidnight.getTime())\n tmpDate = Date.convertFromYYYYMMDDHHMM("" + (this.getFullYear() + 1) + String.zeroPad(dateHash["month"],2) + String.zeroPad(dateHash["day"],2) + "0000");\n var diff2 = tmpDate.getDifferenceInDays(tmpMidnight);\n if (diff2 <= leadTime && diff2 >= 0)\n return tmpDate;\n else\n return null;\n }\n for (i = 0; i <= leadTime; i+=searchInterval)\n {\n var newDate = this.addDays(i);\n if (bSpecifiedYear)\n bMatchedYear = ((dateHash["year"] - 1900) == newDate.getYear());\n if (bSpecifiedMonth)\n bMatchedMonth = ((dateHash["month"] - 1) == newDate.getMonth() );\n if (bSpecifiedDay)\n bMatchedDay = (dateHash["day"] == newDate.getDate());\n if (bSpecifiedDayOfWeek)\n bMatchedDayOfWeek = (dateHash["dayofweek"] == newDate.getDay());\n\n if (bMatchedYear && bMatchedMonth && bMatchedDay && bMatchedDayOfWeek)\n return newDate;\n }\n}\n\n// Convert a date to UTC YYYYMMDD string format\nDate.prototype.convertToYYYYMMDD = function()\n{\n return(String.zeroPad(this.getFullYear(),4) + String.zeroPad(this.getMonth()+1,2) + String.zeroPad(this.getDate(),2));\n}
version.extensions.displayAllTiddlers = {major: 0, minor: 1, revision: 0, date:new Date(2005,8,23)};\nconfig.macros.displayAllTiddlers= {label: "last tiddlers", prompt: "Display last updated tiddlers"};\n \nconfig.macros.displayAllTiddlers.handler = function(place,macroName,params) {\n var displayAllTiddlersFunc = function () {\n var limit=10;\n for(var t=0; t<params.length; t++) {\n type = params[t].split(":")[0].toLowerCase();\n if (type == "limit")\n limit = parseInt(params[t].split(":")[1]);\n if (type == "lastfirst")\n lastfirst= true;\n else\n lastfirst= false;\n }\n var matches = store.search("",false,false,"modified","excludeSearch");\n var j=0;\n var arr = [];\n for(var t=matches.length-1;t>=0&&j<limit; t--) { \n var hash = {};\n hash["diff"] = matches[t].modified;\n hash["title"] = matches[t].title;\n arr.pushUnique(hash);\n j=j+1;\n }\n if (lastfirst==true) {\n for(var t=arr.length-1;t>=0; t--)\n displayTiddler(null, arr[t].title,0,null,false,false,false);\n } else {\n for(var t=0;t<=arr.length; t++)\n displayTiddler(null, arr[t].title,0,null,false,false,false);\n }\n }\n createTiddlyButton(place,this.label,this.prompt,displayAllTiddlersFunc);\n}
Display 5 last tiddlers last updated first :\n{{{<< displayAllTiddlers limit:5 lastfirst >>}}}\n<<displayAllTiddlers limit:5 lastfirst>>\n\nDisplay 2 last tiddlers\n{{{<< displayAllTiddlers limit:2 >>}}}\n<<displayAllTiddlers limit:2>>
*[[Styles|HelloStyle]]\n**[[Wygent]] style update\n**A new style from mark [[Wygent-Pale-Blue]]\n\n*[[Macro|HelloMacro]]\n**Some modifications on [[ReminderMacro]] to handle "old" reminder check [[ReminderTest]]\n**Add macro DisplayAllTiddlers usefull to display and edit last updated tiddlers.
!!Show next 30 days's reminder whitout old reminder\n<<showReminders leadtime:30 withoutold>>\n\n!!Show old reminder\n<<showReminders leadtime:6000 oldonly>>\n\n!!!!Simple reminders For a specific date\n*<<reminder month:1 day:1 year:2003 title:"2K3 New Year's Day" >>\n\n!!!!Simple reminders that fire on the same month/day of every year.\n*<<reminder month:1 day:1 title:"New Year's Day" >>\n*<<reminder month:2 day:2 title:"Groundhog Day" >>\n\n!!!!Offset reminders\nThese are all holidays that are specified as the Nth DAYOFWEEK in Month.\n*President's Day is the third Monday of February\n**<<reminder month:2 day:15 offsetdayofweek:1 title:"President's Day">>\n*Mother's Day is the second Sunday of May\n**<<reminder month:5 day:8 offsetdayofweek:0 title:"Mother's Day">>\n\n*Memorial Day is the last Monday of May (note that offsetdayofweek is a negative number, meaning match backwards)\n**<<reminder month:5 day:31 offsetdayofweek:-1 title:"Memorial Day">>\n\n!!!!The next two reminders flag the 15th and 27th of every month to pay bills\nThe low leadtime keeps these from showing up in the showReminders macro until 2 days before they are due.\n*<<reminder day:15 title:"Bill Day" leadtime:2>>\n*<<reminder day:27 title:"Bill Day" leadtime:2>>\n\n!!!Reminder that fires once every N days\n*This is a reminder that fires every three weeks. It's imperative to specify a base date with year, month and day if you want this to return consistent dates.\n**<<reminder year:2005 month:7 day:31 recurdays:27 title:"Haircut Day" leadtime:2>>\n\n!!!!Tracking the number of years that a reminder has happened\n*This is a reminder that uses firstyear to specify when something started. Very useful for birthdays and anniversaries.\n**<<reminder month:9 day:20 title:"TiddlyWiki's First Release Anniversary" leadtime:60 firstyear:2004>>\n\n!!!!Use the showReminders macro to show upcoming reminders\nNote that leadtime is 14 days by default, but below, it is specified as 30 days.\n<<showReminders leadtime:30>>\n!!!Ignore these\nThese are just here to fill in the common US holidays\n*<<reminder month:2 day:14 title:"Valentine's Day" >>\n*<<reminder month:3 day:1 title:"April Fool's Day" >>\n*<<reminder month:3 day:15 title:"Tax day">>\n*<<reminder month:3 day:22 title:"Earth Day">>\n*<<reminder month:6 day:14 title:"Flag Day" >>\n*Father's Day is the third Sunday of June\n**<<reminder month:6 day:15 offsetdayofweek:0 title:"Father's Day">>\n*<<reminder month:7 day:4 title:"Independence Day" >>\n*Labor Day is the first Monday of September\n**<<reminder month:9 day:1 offsetdayofweek:1 title:"Labor Day">>\n*Columbus Day is the second Monday of October\n**<<reminder month:10 day:8 offsetdayofweek:1 title:"Columbus Day">>\n*<<reminder month:10 day:31 title:"Halloween" >>\n*<<reminder month:11 day:11 title:"Veteran's Day" >>\n*Thanksgiving(US) is the third Thursday of November\n**<<reminder month:11 day:22 offsetdayofweek:4 title:"Thanksgiving (US)">>\n*<<reminder month:12 day:25 title:"Christmas Day" >>
/* Alternative Style created by monkymind\n{{{\n*/\n\nbody {\n background-color: #d7d8e8;\n font-size: 9pt;\n font-family: verdana,arial,helvetica;\n margin: 0em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n position: relative;\n z-index: 0;\n}\n#siteTitle {\n font-size: 38pt;\n}\n#titleLine {\n color: #ffffff;\n background-color: #6b69ad;\n padding: 2em 1em 1em 1em;\n}\n\n#titleLine a {\n color: #fff;\n}\n#mainMenu {\n width: 12em;\n font-weight: bold;\n}\n#mainMenu .tiddlyLink {\n color: red;\n}\n#mainMenu .tiddlyLink:hover {\n background-color: white;\n color: red;\n}\n#mainMenu .externalLink {\n color: red;\n text-decoration: underline;\n}\n#mainMenu .externalLink:hover {\n background-color: white;\n color: red;\n}\n#mainMenu .button {\n color: red;\n}\n\n#mainMenu .button:hover {\n color: red;\n background-color: #fff;\n}\n#sidebarOptions {\n padding-top: 0.5em;\n background-color: #d7d8e8;\n}\n#sidebarOptions .button {\n color: red;\n padding: 0.3em 0.2em 0.3em 1em;\n display: block;\n}\n#sidebarOptions .button:hover {\n color: red;\n background-color: #fff;\n}\n#sidebarTabs {\n background-color: #d7d8e8;\n}\n#sidebarTabs .tabSelected {\n color: #fff;\n background-color: #6b69ad;\n position: relative;\n top: -2px;\n}\n#sidebarTabs .tabUnselected {\n color: #000;\n background-color: #a4a2e6;\n}\n#sidebarTabs .tabContents {\n color: black;\n background-color: #eae9ee;\n}\n#sidebarTabs .txtMoreTab .tabSelected {\n background-color: #6b69ad;\n}\n\n#sidebarTabs .txtMoreTab .tabUnselected {\n background-color: #d7d8e8;\n}\n#sidebarTabs .txtMoreTab .tabContents {\n background-color: #eae9ee;\n border: ridge 2px #a4a2e6;\n}\n\n#sidebarTabs .tabContents .tiddlyLink {\n color: #6b69ad;\n}\n#sidebarTabs .tabContents .tiddlyLink:hover {\n background-color: #6b69ad;\n color: white;\n}\n#sidebarTabs .tabContents .button {\n color: red;\n padding: 0em 0em 0em 0em;\n display: inline;\n}\n#sidebarTabs .tabContents .button:hover {\n color: red;\n background-color: #fff;\n}\n#tiddlerDisplay {\n background-color: white;\n border-right: solid 1.5px #6b69ad;\n border-bottom: solid 1.5px #6b69ad;\n}\n.title {\n padding-left: 1em;\n font-size: 10pt;\n font-weight: bold;\n border-left: ridge 2px #a4a2e6;\n border-bottom: groove 2px #a4a2e6;\n margin-right: 5em;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #6b69ad;\n}\n\n.tiddler .button:hover {\n text-decoration: none;\n color: #fff;\n background-color: #6b69ad;\n}\n.viewer a:link, .body a:visited {\n text-decoration: none;\n color: red;\n}\n\n.viewer a:hover {\n color: #fff;\n background-color: #6b69ad;\n text-decoration: none;\n}\n.viewer h1,.viewer h2,.viewer h3,.viewer h4,.viewer h5 {\n font-weight: bold;\n text-decoration: none;\n background-color: #e2e2e2;\n padding-left: 0.4em;\n}\n#sidebarOptions .sliderPanel {\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: 7pt;\n background-color: #eae9ee;\n border: solid 1px #a4a2e6;\n}\n\n#sidebarOptions .sliderPanel A {\n color: red;\n font-weight: bold;\n}\n\n#sidebarOptions .sliderPanel A:hover {\n color: red;\n background-color: #fff;\n}\n#popup {\n color: red;\n background-color: #fff;\n}\n#popup a {\n display: block;\n color: #6b69ad;\n line-height: 100%;\n}\n\n#popup a:hover {\n background-color: #6b69ad;\n color: #fff;\n}\n.viewer pre {\n border: 1px solid #660000;\n padding: 0.5em 0.5em 0.5em 0.5em;\n background: #000;\n color: #fff;\n}\n/*\n}}}\n*/\n/*\n!!! Start Calendar CSS\n{{{\n*/\n\n#mainMenu #calendarWrapper {\n display: block;\n}\n.viewer #calendarArea {\n width: 220px;\n}\n\n\n#calendarWrapper table {\n width: 100%;\n background-color: #6b69ad;\n border-collapse: collapse;\n padding: 0px;\n margin: 0px;\n border: none;\n cursor: pointer;\n}\n\n#calendarWrapper #calendarArea {\n}\n\n#calendarWrapper #calendarTable .calendarCell {\n display: block;\n width: 100%;\n cursor: pointer;\n text-align: inherit;\n}\n\n#calendarWrapper #calendarHeader {\n font-weight: normal;\n width: 100%;\n text-align: center;\n font-size: 8pt;\n color: #ffffff;\n}\n\n#calendarWrapper #calendarHeader tr {\n width: 100%;\n}\n\n#calendarWrapper #calendarHeader td {\n padding: 1px 2px 1px 2px;\n}\n\n#calendarWrapper #calendarHeader .selectMonth {\n}\n\n#calendarWrapper #calendarHeader .selectYear {\n}\n\n#calendarWrapper #calendarHeader .selectToday {\n width: 100%;\n}\n\n#calendarWrapper #calendarTable {\n width: 100%;\n text-align: center;\n color: #000000;\n background-color: #ffffff;\n font-size: 8pt;\n}\n\n#calendarWrapper #calendarTable td {\n width: 14%;\n}\n\n#calendarWrapper #calendarTable .weekNames {\n color: #000;\n background-color: #d7d8e8;\n}\n\n#calendarWrapper #calendarTable .weekDay {\n background-color: #ededed;\n}\n\n#calendarWrapper #calendarTable .currentDay {\n background-color: #ffb6c1;\n}\n\n#calendarWrapper #calendarTable .workingDay {\n background-color: #ffffff;\n}\n\n#calendarWrapper #calendarTable .scheduledDay {\n background-color: #444444;\n color: #ffffff;\n}\n\n/*\n}}}\n!!! End Calendar CSS */
*[[Styles|HelloStyle]]\n**[[Wygent-Pale-Blue]] style update\n**[[MonkyMind]] style update and new home site
There the list of style enable accessible with the Style menu in options :\n<<listTags stylesheets modified *>>\n\nAnd links to original site :\n| !Name | !Description | !URL |\n|[[Wygent-Tan]] | Mark Wygent | http://www.wygent.com/ |\n|[[Wygent-Pale-Blue]] |~|~|\n|[[Wygent-Pale-Grey]] |~|~|\n|[[Wygent-3-Col]] |~|~|\n|[[Ectopolis2]] | Ectopolis 2 | http://ectopolis.com/ectopolis2.htm |\n|[[Ectopolis1]] | Ectopolis 1 | http://ectopolis.com/ectopolis1.htm |\n|[[TiddlySinister]] | 'cause even bad guys need to use TiddlyWiki | http://15black.bluedepot.com/styles/tiddlysinister.html |\n|[[zRenard-Orange]] | Orange colors with included graphics, work only with firefox | here |\n|[[MonkyMind]] | - | http://monkymind.atspace.org/ |\n|[[TiddlyKubrick]] | Graphics are now hosted on this server. Nota : use TiddlyKubrickConfig tiddler. | http://15black.bluedepot.com/kubricktiddly.html |\n|[[TiddlyTag]] | - | http://15black.bluedepot.com/tiddlytagtiddlywiki.html |\n|[[GTDStyle]] | GTD stylesheet, Style created by Nathan Bowers. Imported and improved upon by Clint Checketts (checketts [at] gmail -dot- com). Nota : use and GTDStyleConfig tiddler. | http://shared.snapgrid.com/gtd_tiddlywiki.html |\n|[[Fire]] | Valentin Valchev stylesheet. Nota : this style use FireConfig tiddler | http://fire.atspace.org/ |\n|[[zRenard-Blue]] | zRenard stylesheet, blue color to match current web colors | here |\n|- | Default stylesheet is empty, and use build in style | http://tiddlywiki.com |
body {\n background-color: #eeeeee;\n font-size: 9pt;\n font-family: verdana,arial,helvetica;\n margin: 0em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n position: relative;\n z-index: 0;\n}\na:link, a:visited {\n text-decoration: none;\n}\na:hover, a:active {\n text-decoration: none;\n}\n#contentWrapper {\n position: absolute;\n width: 100%;\n}\n#header {\n}\n#titleLine {\n background-color: #e3dcb0;\n padding: 3em 1em 2em 1em;\n text-align: center; \n border-right: solid 2px #a3a3a3;\n border-bottom: solid 2px #575757;\n}\n#titleLine a {\n font-weight: bold;\n color: #ca2d1c;\n}\n#siteTitle {\n font-family: times, serif;\n font-size: 28pt;\n font-weight: bold;\n color: #ca2d1c;\n text-align: center;\n}\n#siteSubtitle {\n padding-right: 2px;\n padding-top: 1em;\n font-size: 8pt;\n font-weight: bold;\n color: #000000;\n text-align: center;\n}\n#mainMenu {\n position: absolute;\n width: 12em;\n line-height: 150%;\n margin: -2px 10px 0px 0px;\n padding: 15px 10px 10px 5px;\n border-right: solid #8f8f8f 2px;\n border-bottom: solid #575757 3px; \n font-size: 8pt;\n color: black;\n text-align: right;\n background-color: #e3dcb0;\n}\n#mainMenu .tiddlyLink {\n color: #ba773a;\n font-weight: bold;\n}\n#mainMenu .tiddlyLink:hover {\n background-color: #b5b3a6;\n color: #ffffff;\n}\n#mainMenu .externalLink {\n color: #3333ff;\n text-decoration: underline;\n font-size: 8pt;\n}\n#mainMenu .externalLink:hover {\n background-color: #e5e5e5;\n color: #cc0000;\n}\n#mainMenu .button {\n color: #6298d5;\n}\n#mainMenu .button:hover {\n color: #e9d565;\n background-color: #6298d5;\n}\n#displayArea {\n margin: 1em 14.5em 0em 13em;\n}\n#tiddlerDisplay {\n}\n#messageArea {\n background-color: #ffffff;\n border: solid 1px #aaa;\n color: #000000;\n padding: 0.5em 0.5em 0.5em 0.5em;\n display: none;\n width: relative;\n text-align: center\n}\n#messageArea a:link, #messageArea a:visited {\n display: inline;\n text-decoration: underline;\n color: #cc9900;\n}\n#messageArea a:hover {\n color: #996633;\n}\n#messageArea a:active {\n color: #000000;\n}\n#popup {\n display: none;\n position: absolute;\n line-height: 110%;\n font-size: 8pt;\n color: #ba773a;\n background-color: #eeeeee;\n padding: 0.25em 0.25em 0.25em 0.25em;\n z-index: 10;\n}\n#popup a {\n display: block;\n color: #000000;\n padding: 1px 1px 1px 1px;\n}\n#popup a:hover {\n background-color: #330000;\n color: #ccff66;\n}\n#popup hr {\n border-top: solid 1px #ccff66;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n width: 5em;\n left: 0em;\n color: #ccff66;\n}\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px 2px 2px 2px;\n}\n.tabSelected {\n background-color: #eeeeaa;\n}\n.tabUnselected {\n background-color: #cc9900;\n}\n.tab:hover {\n}\n.tab:active {\n}\n.tabContents {\n padding: 0.5em 0.5em 0.5em 0.5em;\n background-color: #eeeeaa;\n}\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n.tabContents li {\n list-style: none;\n}\n.tabContents li.listLink {\n margin-left: .75em;\n}\n.tiddler {\n width: relative;\n background: #ffffff;\n border-top: solid #ccc 1px;\n border-right: solid #aaa 2px;\n border-bottom: solid #575757 3px;\n border-left: solid #ccc 1px;\n margin-bottom: 5px;\n padding-bottom: 10px;\n}\ndiv.tiddler {\n}\n.selectedTiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n.unselectedTiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n.tiddler .tiddlyLinkExisting {\n font-weight: bold;\n}\n.tiddler .tiddlyLinkNonExisting {\n font-style: italic;\n}\n.tiddler .externalLink {\n text-decoration: underline;\n}\n.tiddler .button {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #ba773a;\n}\n.tiddler .button:hover {\n text-decoration: none;\n color: #ffffff;\n background-color: #b5b3a6;\n}\n.tiddler .button:active {\n color: #ffffff;\n background-color: #cc9900;\n}\n.title {\n font-size: 12pt;\n font-family: tahoma, arial, sans-serif;\n background-color: #fefbf1;\n color: red;\n font-weight: bold;\n text-align: left;\n border: solid 0.5px #e5e5e5;\n padding: 2px 1px 1px 3px;\n}\n.selectedTiddler .title {\n}\n.toolbar {\n text-align: right;\n font-weight: normal;\n font-size: 8pt;\n padding: 0em 0em 0em 2em;\n color: #aaaaaa;\n visibility: hidden;\n}\n.toolbar #popup { \n text-align: left;\n}\n.selectedTiddler .toolbar {\n visibility: visible;\n}\n.footer {\n font-weight: normal;\n font-size: 8pt;\n margin: 0em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n color: #dddddd;\n}\n.selectedTiddler .footer {\n color: #888888;\n}\n.body {\n padding-top: 0.5em;\n color: #000000;\n}\n.viewer {\n color: #000000;\n line-height: 140%;\n}\n.viewer a:link, .body a:visited {\n text-decoration: none;\n color: #000000;\n}\n.viewer a:hover {\n color: #ffffff;\n background-color: #996633;\n text-decoration: none;\n}\n.viewer .button {\n margin: 0em 0.25em 0em 0.25em;\n padding: 0em 0.25em 0em 0.25em;\n background-color: #cc9900;\n color: #ffffff;\n}\n.viewer .button:hover {\n background-color: #eeeeaa;\n color: #000000;\n}\n.viewer blockquote {\n font-size: 8pt;\n line-height: 150%;\n border-left: 3px solid #666666;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n.viewer ul {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n.viewer ol {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n.viewer h1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\n background-color: #cccc99;\n padding-left: 0.4em;\n}\n.viewer h1 {\n font-size: 12pt;\n}\n.viewer h2 {\n font-size: 11pt;\n}\n.viewer h3 {\n font-size: 10pt;\n}\n.viewer h4 {\n font-size: 9pt;\n}\n.viewer h5 {\n font-size: 8pt;\n}\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n margin-left: 1.0em;\n margin-right: 1.0em;\n margin-top: 0.8em;\n margin-bottom: 0.8em;\n font-size: 100%;\n}\n.viewer th {\n background-color: #999966;\n border: 1px solid #606060;\n color: #ffffff;\n padding: 3px;\n}\n.viewer td, tr {\n border: 1px solid #606060;\n padding: 3px;\n}\n.viewer caption {\n padding: 3px;\n}\n.viewer pre {\n padding: 0.5em 0.5em 0.5em 0.5em;\n margin-left: 0.5em;\n font-size: 100%;\n line-height: 1.4em;\n color: #000000;\n border: 1px solid #996633;\n background-color: #eeeeaa;\n overflow: auto;\n}\n.viewer code {\n font-size: 100%;\n line-height: 1.4em;\n color: #663300;\n}\n.viewer hr {\n border-top: dashed 1px #606060;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666666;\n}\n.highlight, .marked {\n color: #000000;\n background-color: #ffe72f;\n}\n.editor {\n font-size: 8pt;\n color: #402C74;\n font-weight: normal;\n}\n.editor input {\n display: block;\n border: 1px solid black;\n width: 100%;\n background-color: #ffffee;\n}\n.editor textarea {\n display: block;\n font: inherit;\n border: 1px solid black;\n width: 100%;\n background-color: #ffffee;\n}\n.editorFooter {\n padding: 0.25em 0em 0.25em 0em;\n font-size: 8pt;\n color: #aaaaaa;\n}\n.editorFooter A {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #993300;\n}\n.editorFooter A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n.editorFooter A:active {\n color: #ffffff;\n background-color: #cc9900;\n}\n#sidebar {\n position: absolute;\n width: 14.75em;\n margin-right: 5px;\n background-color: #eeeeee;\n color: #000000;\n font-size: 8pt;\n}\n#sidebarOptions {\n background-color: #eeeeee;\n}\n#sidebarOptions .button {\n color: #b5b3a6;\n display: block;\n}\n#sidebarOptions .button:hover {\n color: #ffffff;\n background-color: #b5b3a6;\n}\n#sidebarOptions .button:active {\n color: #993300;\n background-color: #ffffff;\n}\n#sidebarOptions input {\n margin: 0.4em 0em 0.3em 1em;\n}\n#sidebarOptions .sliderPanel {\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: 7pt;\n background-color: #f8e4a3;\n}\n#sidebarOptions .sliderPanel A {\n color: #993300;\n font-weight: bold;\n}\n#sidebarOptions .sliderPanel A:hover {\n color: #ccff66;\n background-color: #993300;\n}\n#sidebarOptions .sliderPanel A:active {\n color: #993300;\n background-color: #ccff66;\n}\n#sidebarOptions .sliderPanel input {\n margin: 0em 0em 0.3em 0em;\n}\n.sidebarSubHeading {\n font-size: 7pt;\n color: #330000;\n}\n#sidebarTabs {\n background-color: #eeeeee;\n}\n#sidebarTabs .tabSelected {\n color: #ba773a;\n font-weight: bold;\n background-color: #eeeeee;\n position: relative;\n top: -2px;\n}\n#sidebarTabs .tabUnselected {\n color: #b5b3a6;\n background-color: #eeeeee;\n}\n#sidebarTabs .tabContents {\n background-color: #eeeeee;\n}\n#sidebarTabs .txtMoreTab .tabSelected {\n background-color: #eeeeee;\n}\n#sidebarTabs .txtMoreTab .tabUnselected {\n background-color: #eeeeee;\n}\n#sidebarTabs .txtMoreTab .tabContents {\n background-color: #eeeeee;\n}\n#sidebarTabs .tabContents .tiddlyLink {\n color: #b5b3a6;\n}\n#sidebarTabs .tabContents .tiddlyLink:hover {\n background-color: #ffffff;\n color: #330000;\n}\n#sidebarTabs .tabContents .button {\n color: #b5b3a6;\n padding: 0em 0em 0em 0em;\n display: inline;\n}\n#sidebarTabs .tabContents .button:hover {\n color: #ffffff;\n background-color: #b5b3a6;\n}\n#licensePanel {\n padding: 0.5em 0em 0.5em 0em;\n}\n#licensePanel A {\n display: block;\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: #993300;\n}\n#licensePanel A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n#licensePanel A:active {\n color: #993300;\n background-color: #ccff66;\n}\n#storeArea, #copyright {\n display: none;\n}\n.sparkline {\n background-color: #eeeeaa;\n border: none;\n line-height: 100%;\n}\n.sparktick {\n background-color: #993300;\n outline: 0;\n}\n.errorNoSuchMacro {\n color: #ffff00;\n background-color: #ff0000;\n}\n.zoomer {\n font-size: 10pt;\n display: none;\n color: #996633;\n position: absolute;\n padding: 1em 1em 1em 1em;\n border: 1px solid #996633;\n}\n#saveTest {\n display: none;\n}\n@media print {\n#mainMenu, #sidebar, #messageArea {\n display: none ! important;\n}\n#displayArea {\n margin: 1em 1em 0em 1em;\n}\n\n}
body {\n background-color: #ffffff;\n font-size: 9pt;\n font-family: verdana,arial,helvetica;\n margin: 0em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n position: relative;\n z-index: 0;\n}\n\na:link, a:visited {\n text-decoration: none;\n}\n\na:hover, a:active {\n text-decoration: none;\n}\n\n#contentWrapper {\n position: absolute;\n width: 100%;\n}\n\n#header {\n}\n\n#titleLine {\n background-color:#dccdad;\n padding: 1em 1em 1em 1em;\n margin-top: 1em;\n margin-left: 0.5em;\n margin-right: 0.5em;\n border-top: solid #e9e9e9 4px;\n border-left: solid #e9e9e9 4px;\n border-bottom: solid #9a9a9a 5px;\n border-right: solid #aaa 4px;\n text-align: center;\n}\n\n#titleLine a {\n font-weight: bold;\n color: #ca2d1c;\n}\n\n#siteTitle {\n font-family: times, serif;\n font-size: 28pt;\n font-weight: bold;\n color: #ca2d1c;\n text-align: center;\n}\n\n#siteSubtitle {\n padding-right: 2px;\n padding-top: 1em;\n font-size: 8pt;\n font-weight: bold;\n color: #000000;\n text-align: center;\n}\n\n#mainMenu {\n position: absolute;\n left:5px;\n top: 11.5em;\n right: 9em;\n width: 12em;\n line-height: 166%;\n padding: 0.5em;\n /*border-top:solid #ccc 1px;\n border-left:solid #ccc 1px;\n border-bottom:solid #aaa 2px;\n border-right:solid #aaa 2px;*/\n font-size: 8pt;\n color: black;\n text-align: right;\n background-color: #f5f4e9;\n}\n\n#mainMenu .tiddlyLink {\n color: #ba773a;\n font-weight: bold;\n}\n\n#mainMenu .tiddlyLink: hover {\n background-color: #b5b3a6;\n color: #ffffff;\n}\n\n#mainMenu .externalLink {\n color: #3333ff;\n text-decoration: underline;\n font-size: 8pt;\n}\n\n#mainMenu .externalLink: hover {\n background-color: #e5e5e5;\n color: #cc0000;\n}\n\n#mainMenu .button {\n color: #6298d5;\n}\n\n#mainMenu .button: hover {\n color: #e9d565;\n background-color: #6298d5;\n}\n\n#displayArea {\n margin: 1em 14.5em 0em 13em;\n}\n\n#tiddlerDisplay {\n}\n\n#messageArea {\n background-color: #fefbf1;\n border: solid 1px #ca2d1c;\n color: #000000;\n padding: 0.5em 0.5em 0.5em 0.5em;\n display: none;\n width: relative;\n text-align:center\n}\n\n#messageArea a:link, #messageArea a:visited {\n display: inline;\n text-decoration: underline;\n color: #cc9900;\n}\n\n#messageArea a:hover {\n color: #996633;\n}\n\n#messageArea a:active {\n color: #000000;\n}\n\n#popup {\n display: none;\n position: absolute;\n line-height: 110%;\n font-size: 8pt;\n color: #ba773a;\n background-color: #f5f4e9;\n padding: 0.25em 0.25em 0.25em 0.25em;\n /*border-right: 1px solid #330000;\n border-bottom: 1px solid #330000;*/\n z-index: 10;\n}\n\n#popup a {\n display: block;\n color: #000000;\n padding: 1px 1px 1px 1px;\n}\n\n#popup a:hover {\n background-color: #330000;\n color: #ccff66;\n}\n\n#popup hr {\n border-top: solid 1px #ccff66;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n width: 5em;\n left: 0em;\n color: #ccff66;\n}\n\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px 2px 2px 2px;\n}\n\n.tabSelected {\n background-color: #eeeeaa;\n}\n\n.tabUnselected {\n background-color: #cc9900;\n}\n\n.tab:hover {\n}\n\n.tab:active {\n}\n\n.tabContents {\n padding: 0.5em 0.5em 0.5em 0.5em;\n background-color: #eeeeaa;\n}\n\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n\n.tabContents li {\n list-style: none;\n}\n\n.tabContents li.listLink {\n margin-left: .75em;\n}\n\n.tiddler {\n width: relative;\n background: #g8g8g8;\n border-top:solid #ccc 1px;\n border-left:solid #ccc 1px;\n border-bottom:solid #aaa 2px;\n border-right:solid #aaa 2px;\n margin-bottom:5px;\n padding-bottom:10px;\n}\n\ndiv.tiddler {\n}\n\n.selectedTiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n\n.unselectedTiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n\n.tiddler .tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddler .tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n.tiddler .externalLink {\n text-decoration: underline;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #ba773a;\n}\n\n.tiddler .button:hover {\n text-decoration: none;\n color: #ffffff;\n background-color: #b5b3a6;\n}\n\n.tiddler .button:active {\n color: #ffffff;\n background-color: #cc9900;\n}\n\n.title {\n font-size: 12pt;\n font-family: tahoma, arial, sans-serif;\n background-color: #fefbf1;\n color: red;\n font-weight: bold;\n text-align: left;\n border: solid 0.5px #e5e5e5;\n padding: 5px;\n margin-top: 0.5em;\n}\n\n.selectedTiddler .title {\n}\n\n.toolbar {\n text-align: right;\n font-weight: normal;\n font-size: 8pt;\n padding: 0em 0em 0em 2em;\n color: #aaaaaa;\n visibility: hidden;\n}\n\n.toolbar #popup { \n text-align: left;\n}\n\n.selectedTiddler .toolbar {\n visibility: visible;\n}\n\n.footer {\n font-weight: normal;\n font-size: 8pt;\n margin: 0em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n color: #dddddd;\n}\n\n.selectedTiddler .footer {\n color: #888888;\n}\n\n.body {\n padding-top: 0.5em;\n color: #000000;\n}\n\n.viewer {\n color: #000000;\n line-height: 140%;\n}\n\n.viewer a:link, .body a:visited {\n text-decoration: none;\n color: #000000;\n}\n\n.viewer a:hover {\n color: #ffffff;\n background-color: #996633;\n text-decoration: none;\n}\n\n.viewer .button {\n margin: 0em 0.25em 0em 0.25em;\n padding: 0em 0.25em 0em 0.25em;\n background-color: #cc9900;\n color: #ffffff;\n /*border-right: 1px solid #33000;\n border-bottom: 1px solid #33000;*/\n}\n\n.viewer .button:hover {\n background-color: #eeeeaa;\n color: #000000;\n}\n\n.viewer blockquote {\n font-size: 8pt;\n line-height: 150%;\n border-left: 3px solid #666666;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer ol {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer h1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\n background-color: #cccc99;\n padding-left: 0.4em;\n}\n\n.viewer h1 {\n font-size: 12pt;\n}\n\n.viewer h2 {\n font-size: 11pt;\n}\n\n.viewer h3 {\n font-size: 10pt;\n}\n\n.viewer h4 {\n font-size: 9pt;\n}\n\n.viewer h5 {\n font-size: 8pt;\n}\n\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n margin-left: 1.0em;\n margin-right: 1.0em;\n margin-top: 0.8em;\n margin-bottom: 0.8em;\n font-size: 100%;\n}\n\n.viewer th {\n background-color: #999966;\n border: 1px solid #606060;\n color: #ffffff;\n padding: 3px;\n}\n\n.viewer td, tr {\n border: 1px solid #606060;\n padding: 3px;\n}\n\n.viewer caption {\n padding: 3px;\n}\n\n.viewer pre {\n padding: 0.5em 0.5em 0.5em 0.5em;\n margin-left: 0.5em;\n font-size: 100%;\n line-height: 1.4em;\n color: #000000;\n border: 1px solid #996633;\n background-color: #eeeeaa;\n overflow: auto;\n}\n\n.viewer code {\n font-size: 100%;\n line-height: 1.4em;\n color: #663300;\n}\n\n.viewer hr {\n border-top: dashed 1px #606060;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666666;\n}\n\n.highlight, .marked {\n color: #000000;\n background-color: #ffe72f;\n}\n\n.editor {\n font-size: 8pt;\n color: #402C74;\n font-weight: normal;\n}\n\n.editor input {\n display: block;\n border: 1px solid black;\n width: 100%;\n background-color: #ffffee;\n}\n\n.editor textarea {\n display: block;\n font: inherit;\n border: 1px solid black;\n width: 100%;\n background-color: #ffffee;\n}\n\n.editorFooter {\n padding: 0.25em 0em 0.25em 0em;\n font-size: 8pt;\n color: #aaaaaa;\n}\n\n.editorFooter A {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #993300;\n}\n\n.editorFooter A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n\n.editorFooter A:active {\n color: #ffffff;\n background-color: #cc9900;\n}\n\n#sidebar {\n position: absolute;\n top: 11.5em;\n right: 5px;\n width: 14.75em;\n background-color: #f5f4e9;\n color: #000000;\n font-size: 8pt;\n /*border-top:solid #ccc 1px;\n border-left:solid #ccc 1px;\n border-bottom:solid #aaa 2px;\n border-right:solid #aaa 2px;*/\n}\n\n#sidebarOptions {\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n background-color: #f5f4e9;\n}\n\n#sidebarOptions .button {\n color: #b5b3a6;\n padding: 0.3em 0.2em 0.3em 1em;\n display: block;\n}\n\n#sidebarOptions .button:hover {\n color: #ffffff;\n background-color: #b5b3a6;\n}\n\n#sidebarOptions .button:active {\n color: #993300;\n background-color: #ffffff;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0em 0.3em 1em;\n}\n\n#sidebarOptions .sliderPanel {\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: 7pt;\n background-color: #f8e4a3;\n}\n\n#sidebarOptions .sliderPanel A {\n color: #993300;\n font-weight: bold;\n}\n\n#sidebarOptions .sliderPanel A:hover {\n color: #ccff66;\n background-color: #993300;\n}\n\n#sidebarOptions .sliderPanel A:active {\n color: #993300;\n background-color: #ccff66;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0em 0em 0.3em 0em;\n}\n\n.sidebarSubHeading {\n font-size: 7pt;\n color: #330000;\n}\n\n#sidebarTabs {\n background-color: #f5f4e9;\n}\n\n#sidebarTabs .tabSelected {\n color: #ba773a;\n font-weight: bold;\n background-color: #f5f4e9;\n position: relative;\n top: -2px;\n}\n\n#sidebarTabs .tabUnselected {\n color: #b5b3a6;\n background-color: #f5f4e9;\n}\n\n#sidebarTabs .tabContents {\n background-color: #f5f4e9;\n}\n\n#sidebarTabs .txtMoreTab .tabSelected {\n background-color: #f5f4e9;\n}\n\n#sidebarTabs .txtMoreTab .tabUnselected {\n background-color: #f5f4e9;\n}\n\n#sidebarTabs .txtMoreTab .tabContents {\n background-color: #f5f4e9;\n}\n\n#sidebarTabs .tabContents .tiddlyLink {\n color: #b5b3a6;\n}\n\n#sidebarTabs .tabContents .tiddlyLink:hover {\n background-color: #ffffff;\n color: #330000;\n}\n\n#sidebarTabs .tabContents .button {\n color: #b5b3a6;\n padding: 0em 0em 0em 0em;\n display: inline;\n}\n\n#sidebarTabs .tabContents .button:hover {\n color: #ffffff;\n background-color: #b5b3a6;\n}\n\n#licensePanel {\n padding: 0.5em 0em 0.5em 0em;\n}\n\n#licensePanel A {\n display: block;\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: #993300;\n}\n\n#licensePanel A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n\n#licensePanel A:active {\n color: #993300;\n background-color: #ccff66;\n}\n\n#storeArea, #copyright {\n display: none;\n}\n\n.sparkline {\n background-color: #eeeeaa;\n border: none;\n line-height: 100%;\n}\n\n.sparktick {\n background-color: #993300;\n outline: 0;\n}\n\n.errorNoSuchMacro {\n color: #ffff00;\n background-color: #ff0000;\n}\n\n.zoomer {\n font-size: 10pt;\n display: none;\n color: #996633;\n position: absolute;\n padding: 1em 1em 1em 1em;\n border: 1px solid #996633;\n}\n\n#saveTest {\n display: none;\n}\n\n@media print {\n\n#mainMenu, #sidebar, #messageArea {\n display: none ! important;\n}\n\n#displayArea {\n margin: 1em 1em 0em 1em;\n}\n\n}\n
*[[Styles|HelloStyle]]\n**[[Wygent-Pale-Blue]] style update\n**[[Wygent-Tan]] style update\n**New [[Wygent-Pale-Grey]]\n**New [[Wygent-3-Col]]\n\n*[[Macro|HelloMacro]]\n**Adding a limit parameter to ListTagsMacro\n**Adding RssReaderMacro
*zRenard.com\n<<rssfeed http://zrenard.com/rss.xml 5>>
*[[Styles|HelloStyle]]\n**[[zRenard-Orange-800x600]] altered by Mark Wygent to fit in smaller resolutions\n*[[Macro|HelloMacro]]\n**Update for RssReaderMacro (maxItems and description)
TiddlyWiki uses Wiki style markup, a way of lightly "tagging" plain text so it can be transformed into HTML. Edit this Tiddler to see samples.\n\n! Header Samples\n!Header 1\n!!Header 2\n!!!Header 3\n!!!!Header 4\n!!!!!Header 5\n\n! Unordered Lists:\n* Lists are where it's at\n* Just use an asterisk and you're set\n** To nest lists just add more asterisks...\n***...like this\n* The circle makes a great bullet because once you've printed a list you can mark off completed items\n* You can also nest mixed list types\n## Like this\n\n! Ordered Lists\n# Ordered lists are pretty neat too\n# If you're handy with HTML and CSS you could customize the [[numbering scheme|http://www.w3schools.com/css/pr_list-style-type.asp]]\n## To nest, just add more octothorpes (pound signs)...\n### Like this\n* You can also\n** Mix list types\n*** like this\n# Pretty neat don't you think?\n\n! Tiddler links\nTo create a Tiddler link, just use mixed-case WikiWord, or use [[brackets]] for NonWikiWordLinks.\n\nNote that existing Tiddlers are in bold and empty Tiddlers are in italics. See CreatingTiddlers for details.\nYou can use a {{{~WikiWord}}} to don't wikify a word like ~ThisOne.\n\n!Tiddle Link\nTo link a tiddle you can also use [[A link like this one|WikiHelp]] to link the WikiHelp tiddle.\n\n! External Links\nYou can link to [[external sites (google)|http://www.google.com/]] with brackets or without will just type the url link http://www.google.com/ .You can also Link to folders on your machine or network shares.\n\n! Images\nEdit this tiddler to see how it's done.\n[img[http://zrenard.com/zrenard.png]]\n\n! Sparkline\n<<sparkline 163 218 231 236 232 266 176 249 289 1041 1835 2285 3098 2101 1755 3283 3353 3335 2898 2224 1404 1354 1825 1839 2142 1942 1784 1145 979 1328 1611 49 289 1041 1835 2285 3098 2101 1755 3283 3353 3335 2898 2224 1404 1354 1825 1839 2142 1942 1784 1145 979 1328 1611 49 289 1041 1835 2285 3098 2101 1755 3283 3353 3335 2898 2224 1404 1354 1825 1839 2142 1942 1784 1145 979 1328 1611 49 289 1041 1835 2285 3098 2101 1755 3283 3353 3335 2898 2224 1404 1354 1825 1839 2142 1942 1784 1145 979 1328 1611>>\n\n!Checkbox\n{{{\n[x] checked\n[ ] unchecked\n}}}\n[x] checked\n[ ] unchecked\n\n!Tab \nThis is an example of a tab:\n<<tabs txtFavourite\nConfiguration "Standards Configuration" Configuration\nOptions "Tiddly options" SideBarOptions\n>>\n\n!Tables\nYou can create a table by enclosing text in sets of vertical bars (||, or shift-backslash on your keyboard). \n|!Headings: add an exclamation point (!) right after the vertical bar.|!Heading2|!Heading3|\n|Row 1, Column 1|Row 1, Column 2|Row 1, Column 3|\n|>|>|Have one row span multiple columns by using a >|\n|Have one column span multiple rows by using a ~|>| Use a space to right-align text in a cell|\n|~|>| Enclose text in a cell with spaces to center it |\n|>|>|bgcolor(#6699CC):Add color to a cell using bgcolor(yourcolorhere):|\n|Add a caption by ending the table with a vertical bar followed by a c|c\n\nFor a complex table example, see PeriodicTable.\n\n! Horizontal Rules\nYou can divide a tiddler into\n----\nsections by typing four dashes on a line by themselves.\n\n! Blockquotes\n<<<\nThis is how you do an extended, wrapped blockquote so you don't have to put angle quotes on every line.\n<<<\n>level 1\n>level 1\n>>level 2\n>>level 2\n>>>level 3\n>>>level 3\n>>level 2\n>level 1\n\n! Other Formatting\n''Bold''\n==Strike==\n__Underline__\n//Italic//\nSuperscript: 2^^3^^=8\nSubscript: a~~ij~~ = -a~~ji~~\n@@highlight@@ highlighting.\n@@color(green):green colored@@\n@@bgcolor(#ff0000): bg red colored@@\n@@bgcolor(#ff0000):color(#ffffff):red colored@@ Hex colors are also broken right now.\n\n!Link to folder\nThe format for PrettyLinks allows for links that open local or network folders. Depending on your browser and operating system, the folders are opened in Windows Explorer, the OS X Finder, or the browser itself.\n\nEdit this tiddler to see [[this link to a Windows network share|file://server/share/folder/path/name]], [[this link to a Windows drive-mapped folder|file:///c:/folder/path/name]] and [[this link to a Unix-style folder|file:///folder/path/name]].\n\n!{{{Monospaced text}}} is now supported, thanks to [[AlecThomas|http://www.swapoff.org/]]. Edit this tiddler to see the syntax.\n\nYou can also have monospaced blocks (useful for source code):\n\n{{{\nvar posTop = findPosY(e);\nvar posBot = posTop + e.offsetHeight;\nvar winTop = findScrollY();\nvar winHeight = findWindowHeight();\nvar winBot = winTop + winHeight;\nif(posTop < winTop)\n return(posTop);\nelse if(posBot > winBot)\n {\n if(e.offsetHeight < winHeight)\n return(posTop - (winHeight - e.offsetHeight));\n else\n return(posTop);\n }\nelse\n return(winTop);\n}}}\n\nHere's a formatting variation for monospaced blocks. To use it, copy it into the StyleSheet tiddler, SaveChanges and refresh in your browser.\n\n{{{\n.viewer pre {\n border: 1px solid #660000;\n padding: 0.5em 0.5em 0.5em 0.5em;\n background: #eeeeaa;\n color: #660000;\n}\n}}}\n\nColorPad\n|bgcolor(#FFFFFF):FFF FFF |bgcolor(#CCCCCC):CCC CCC |bgcolor(#999999):999 999 |bgcolor(#666666):@@color(white):666 666@@ |bgcolor(#333333):@@color(white):333 333@@ |bgcolor(#000000):@@color(white):000 000@@ |bgcolor(#FFCC00):FFC C00 |bgcolor(#FF9900):~FF9 900 |bgcolor(#FF6600):@@color(white):~FF6 600@@ |bgcolor(#FF3300):@@color(white):~FF3 300@@ |>|>|>|>|>| |\n|bgcolor(#99CC00):99C C00 |>|>|>| |bgcolor(#CC9900):~CC9 900 |bgcolor(#FFCC33):FFC C33 |bgcolor(#FFCC66):FFC C66 |bgcolor(#FF9966):~FF9 966 |bgcolor(#FF6633):@@color(white):~FF6 633@@ |bgcolor(#CC3300):@@color(white):~CC3 300@@ |>|>|>| |bgcolor(#CC0033):@@color(white):~CC0 033@@ |\n|bgcolor(#CCFF00):CCF F00 |bgcolor(#CCFF33):CCF F33 |bgcolor(#333300):@@color(white):333 300@@ |bgcolor(#666600):@@color(white):666 600@@ |bgcolor(#999900):999 900 |bgcolor(#CCCC00):CCC C00 |bgcolor(#FFFF00):FFF F00 |bgcolor(#CC9933):~CC9 933 |bgcolor(#CC6633):@@color(white):~CC6 633@@ |bgcolor(#330000):@@color(white):330 000@@ |bgcolor(#660000):@@color(white):660 000@@ |bgcolor(#990000):@@color(white):990 000@@ |bgcolor(#CC0000):@@color(white):~CC0 000@@ |bgcolor(#FF0000):@@color(white):~FF0 000@@ |bgcolor(#FF3366):@@color(white):~FF3 366@@ |bgcolor(#FF0033):@@color(white):~FF0 033@@ |\n|bgcolor(#99FF00):99F F00 |bgcolor(#CCFF66):CCF F66 |bgcolor(#99CC33):99C C33 |bgcolor(#666633):@@color(white):666 633@@ |bgcolor(#999933):999 933 |bgcolor(#CCCC33):CCC C33 |bgcolor(#FFFF33):FFF F33 |bgcolor(#996600):@@color(white):996 600@@ |bgcolor(#993300):@@color(white):993 300@@ |bgcolor(#663333):@@color(white):663 333@@ |bgcolor(#993333):@@color(white):993 333@@ |bgcolor(#CC3333):@@color(white):~CC3 333@@ |bgcolor(#FF3333):@@color(white):~FF3 333@@ |bgcolor(#CC3366):@@color(white):~CC3 366@@ |bgcolor(#FF6699):@@color(white):~FF6 699@@ |bgcolor(#FF0066):@@color(white):~FF0 066@@ |\n|bgcolor(#66FF00):66F F00 |bgcolor(#99FF66):99F F66 |bgcolor(#66CC33):66C C33 |bgcolor(#669900):669 900 |bgcolor(#999966):999 966 |bgcolor(#CCCC66):CCC C66 |bgcolor(#FFFF66):FFF F66 |bgcolor(#996633):@@color(white):996 633@@ |bgcolor(#663300):@@color(white):663 300@@ |bgcolor(#996666):@@color(white):996 666@@ |bgcolor(#CC6666):@@color(white):~CC6 666@@ |bgcolor(#FF6666):@@color(white):~FF6 666@@ |bgcolor(#990033):@@color(white):990 033@@ |bgcolor(#CC3399):@@color(white):~CC3 399@@ |bgcolor(#FF66CC):@@color(white):~FF6 6CC@@ |bgcolor(#FF0099):@@color(white):~FF0 099@@ |\n|bgcolor(#33FF00):33F F00 |bgcolor(#66FF33):66F F33 |bgcolor(#339900):339 900 |bgcolor(#66CC00):66C C00 |bgcolor(#99FF33):99F F33 |bgcolor(#CCCC99):CCC C99 |bgcolor(#FFFF99):FFF F99 |bgcolor(#CC9966):~CC9 966 |bgcolor(#CC6600):@@color(white):~CC6 600@@ |bgcolor(#CC9999):~CC9 999 |bgcolor(#FF9999):~FF9 999 |bgcolor(#FF3399):@@color(white):~FF3 399@@ |bgcolor(#CC0066):@@color(white):~CC0 066@@ |bgcolor(#990066):@@color(white):990 066@@ |bgcolor(#FF33CC):@@color(white):~FF3 3CC@@ |bgcolor(#FF00CC):@@color(white):~FF0 0CC@@ |\n|bgcolor(#00CC00):00C C00 |bgcolor(#33CC00):33C C00 |bgcolor(#336600):@@color(white):336 600@@ |bgcolor(#669933):669 933 |bgcolor(#99CC66):99C C66 |bgcolor(#CCFF99):CCF F99 |bgcolor(#FFFFCC):FFF FCC |bgcolor(#FFCC99):FFC C99 |bgcolor(#FF9933):~FF9 933 |bgcolor(#FFCCCC):FFC CCC |bgcolor(#FF99CC):~FF9 9CC |bgcolor(#CC6699):@@color(white):~CC6 699@@ |bgcolor(#993366):@@color(white):993 366@@ |bgcolor(#660033):@@color(white):660 033@@ |bgcolor(#CC0099):@@color(white):~CC0 099@@ |bgcolor(#330033):@@color(white):330 033@@ |\n|bgcolor(#33CC33):33C C33 |bgcolor(#66CC66):66C C66 |bgcolor(#00FF00):00F F00 |bgcolor(#33FF33):33F F33 |bgcolor(#66FF66):66F F66 |bgcolor(#99FF99):99F F99 |bgcolor(#CCFFCC):CCF FCC |>|>| |bgcolor(#CC99CC):~CC9 9CC |bgcolor(#996699):@@color(white):996 699@@ |bgcolor(#993399):@@color(white):993 399@@ |bgcolor(#990099):@@color(white):990 099@@ |bgcolor(#663366):@@color(white):663 366@@ |bgcolor(#660066):@@color(white):660 066@@ |\n|bgcolor(#006600):@@color(white):006 600@@ |bgcolor(#336633):@@color(white):336 633@@ |bgcolor(#009900):009 900 |bgcolor(#339933):339 933 |bgcolor(#669966):669 966 |bgcolor(#99CC99):99C C99 |>|>| |bgcolor(#FFCCFF):FFC CFF |bgcolor(#FF99FF):~FF9 9FF |bgcolor(#FF66FF):@@color(white):~FF6 6FF@@ |bgcolor(#FF33FF):@@color(white):~FF3 3FF@@ |bgcolor(#FF00FF):@@color(white):~FF0 0FF@@ |bgcolor(#CC66CC):@@color(white):~CC6 6CC@@ |bgcolor(#CC33CC):@@color(white):~CC3 3CC@@ |\n|bgcolor(#003300):@@color(white):003 300@@ |bgcolor(#00CC33):00C C33 |bgcolor(#006633):@@color(white):006 633@@ |bgcolor(#339966):339 966 |bgcolor(#66CC99):66C C99 |bgcolor(#99FFCC):99F FCC |bgcolor(#CCFFFF):CCF FFF |bgcolor(#3399FF):339 9FF |bgcolor(#99CCFF):99C CFF |bgcolor(#CCCCFF):CCC CFF |bgcolor(#CC99FF):~CC9 9FF |bgcolor(#9966CC):@@color(white):996 6CC@@ |bgcolor(#663399):@@color(white):663 399@@ |bgcolor(#330066):@@color(white):330 066@@ |bgcolor(#9900CC):@@color(white):990 0CC@@ |bgcolor(#CC00CC):@@color(white):~CC0 0CC@@ |\n|bgcolor(#00FF33):00F F33 |bgcolor(#33FF66):33F F66 |bgcolor(#009933):009 933 |bgcolor(#00CC66):00C C66 |bgcolor(#33FF99):33F F99 |bgcolor(#99FFFF):99F FFF |bgcolor(#99CCCC):99C CCC |bgcolor(#0066CC):@@color(white):006 6CC@@ |bgcolor(#6699CC):669 9CC |bgcolor(#9999FF):999 9FF |bgcolor(#9999CC):999 9CC |bgcolor(#9933FF):@@color(white):993 3FF@@ |bgcolor(#6600CC):@@color(white):660 0CC@@ |bgcolor(#660099):@@color(white):660 099@@ |bgcolor(#CC33FF):@@color(white):~CC3 3FF@@ |bgcolor(#CC00FF):@@color(white):~CC0 0FF@@ |\n|bgcolor(#00FF66):00F F66 |bgcolor(#66FF99):66F F99 |bgcolor(#33CC66):33C C66 |bgcolor(#009966):009 966 |bgcolor(#66FFFF):66F FFF |bgcolor(#66CCCC):66C CCC |bgcolor(#669999):669 999 |bgcolor(#003366):@@color(white):003 366@@ |bgcolor(#336699):@@color(white):336 699@@ |bgcolor(#6666FF):@@color(white):666 6FF@@ |bgcolor(#6666CC):@@color(white):666 6CC@@ |bgcolor(#666699):@@color(white):666 699@@ |bgcolor(#330099):@@color(white):330 099@@ |bgcolor(#9933CC):@@color(white):993 3CC@@ |bgcolor(#CC66FF):@@color(white):~CC6 6FF@@ |bgcolor(#9900FF):@@color(white):990 0FF@@ |\n|bgcolor(#00FF99):00F F99 |bgcolor(#66FFCC):66F FCC |bgcolor(#33CC99):33C C99 |bgcolor(#33FFFF):33F FFF |bgcolor(#33CCCC):33C CCC |bgcolor(#339999):339 999 |bgcolor(#336666):@@color(white):336 666@@ |bgcolor(#006699):@@color(white):006 699@@ |bgcolor(#003399):@@color(white):003 399@@ |bgcolor(#3333FF):@@color(white):333 3FF@@ |bgcolor(#3333CC):@@color(white):333 3CC@@ |bgcolor(#333399):@@color(white):333 399@@ |bgcolor(#333366):@@color(white):333 366@@ |bgcolor(#6633CC):@@color(white):663 3CC@@ |bgcolor(#9966FF):@@color(white):996 6FF@@ |bgcolor(#6600FF):@@color(white):660 0FF@@ |\n|bgcolor(#00FFCC):00F FCC |bgcolor(#33FFCC):33F FCC |bgcolor(#00FFFF):00F FFF |bgcolor(#00CCCC):00C CCC |bgcolor(#009999):009 999 |bgcolor(#006666):@@color(white):006 666@@ |bgcolor(#003333):@@color(white):003 333@@ |bgcolor(#3399CC):339 9CC |bgcolor(#3366CC):@@color(white):336 6CC@@ |bgcolor(#0000FF):@@color(white):000 0FF@@ |bgcolor(#0000CC):@@color(white):000 0CC@@ |bgcolor(#000099):@@color(white):000 099@@ |bgcolor(#000066):@@color(white):000 066@@ |bgcolor(#000033):@@color(white):000 033@@ |bgcolor(#6633FF):@@color(white):663 3FF@@ |bgcolor(#3300FF):@@color(white):330 0FF@@ |\n|bgcolor(#00CC99):00C C99 |>|>|>| |bgcolor(#0099CC):009 9CC |bgcolor(#33CCFF):33C CFF |bgcolor(#66CCFF):66C CFF |bgcolor(#6699FF):669 9FF |bgcolor(#3366FF):@@color(white):336 6FF@@ |bgcolor(#0033CC):@@color(white):003 3CC@@ |>|>|>| |bgcolor(#3300CC):@@color(white):330 0CC@@ |\n|>|>|>|>|>| |bgcolor(#00CCFF):00C CFF |bgcolor(#0099FF):009 9FF |bgcolor(#0066FF):@@color(white):006 6FF@@ |bgcolor(#0033FF):@@color(white):003 3FF@@ |>|>|>|>|>| |
// use <<displayDefaultTiddlers 'Home Page'>>\n// <<displayDefaultTiddlers>>\n\nversion.extensions.displayDefaultTiddlers = {major: 0, minor: 1, revision: 0, date:new Date(2005,8,23)};\nconfig.macros.displayDefaultTiddlers = {label: "default tiddlers", prompt: "Display default tiddlers"};\n \nconfig.macros.displayDefaultTiddlers .handler = function(place,macroName,params) {\n var displayDefaultTiddlersFunc = function () {\n var start = store.getTiddlerText("DefaultTiddlers");\n closeAllTiddlers();\n displayTiddlers(null,start,1,null,null);\n }\n if (params[0]==null) {\n createTiddlyButton(place,this.label,this.prompt,displayDefaultTiddlersFunc);\n } else {\n createTiddlyButton(place,params[0],this.prompt,displayDefaultTiddlersFunc);\n }\n }
List of macro in beta :\n<<listTags beta title *>>\nList of macro enable :\n<<listTags systemConfig title *>>\nList of macro disable :\n<<listTags disable title *>>\nAnd some tests and sample to use these macros :\n<<listTags macrotest title *>>\n
// GMail Notifier based on Rss Plugin (zrenard.com)\n// Original source by :\n// An experiment to source tiddlers from an external RSS feed.\n// ed dot tobin at gmail dotcom\n// use : <<gmail https://xxx@xxxmail.google.com/gmail/feed/atom >>\n\nversion.extensions.gmail = {major: 0, minor: 0, revision: 3, date: new\nDate(2005,9,7)};\nconfig.macros.gmail = {};\nconfig.macros.gmail.handler = function(place,macroName,params)\n{\nvar feedURL=params[0];\nvar request;\n\n/* Create XMLHttpRequest Object */\ntry {\nrequest = new XMLHttpRequest();\n} catch (e) { request = new ActiveXObject("Msxml2.XMLHTTP"); }\ntry {\n// Needed for Mozilla if local file tries to access an http URL\nnetscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");\n} catch (e) { /* ignore */ }\n\nrequest.open("GET",feedURL,false);\nrequest.send(null);\n\nvar feed=request.responseXML;\nvar feedList = feed.getElementsByTagName('feed');\nmainfeed = feedList[0];\n\ncreateTiddlyElement(place,"div",null,null,mainfeed.getElementsByTagName('title').item(0).firstChild.nodeValue+'\sn');\ncreateTiddlyElement(place,"div",null,null,mainfeed.getElementsByTagName('fullcount').item(0).firstChild.nodeValue+' '+mainfeed.getElementsByTagName('tagline').item(0).firstChild.nodeValue+' at ' + mainfeed.getElementsByTagName('modified').item(0).firstChild.nodeValue);\n\nvar maxItem =10;\nvar mailList = mainfeed.getElementsByTagName('entry');\nvar numItems=(mailList.length<maxItem) ? mailList.length : maxItem;\n\nvar mailitem = createTiddlyElement(place,"ul",null,null,null);\nfor (var i=0; i< numItems; i++)\n {\n\n var titleElm= mailList[i].getElementsByTagName('title').item(0);\n var titleText = titleElm.firstChild.nodeValue;\n var descElm= mailList[i].getElementsByTagName('summary').item(0);\n var descText = descElm.firstChild.nodeValue;\n var dateElm= mailList[i].getElementsByTagName('modified').item(0);\n var dateText = dateElm.firstChild.nodeValue;\n\n var authorList = mailList[i].getElementsByTagName('author');\n var authorText="";\n for (var j=0; j< authorList.length; j++) {\n authorText = authorText + authorList [j].getElementsByTagName('name').item(0).firstChild.nodeValue + ', ';\n }\n\n var contributorList = mailList[i].getElementsByTagName('contributor');\n var contributorText="";\n for (var j=0; j< contributorList.length; j++) {\n contributorText = contributorText + contributorList [j].getElementsByTagName('name').item(0).firstChild.nodeValue + ', ';\n }\n\n var story = createTiddlyElement(mailitem,"li",null,null,contributorText + ' - ' +authorText + ' - ' + titleText + ' - ' + dateText);\n var summary= createTiddlyElement(story,"div",null,null,descText);\n\n }\n\n}
// RSS Plugin\n// An experiment to source tiddlers from an external RSS feed.\n// ed dot tobin at gmail dotcom\n\nversion.extensions.rssfeed= {major: 0, minor: 0, revision: 3, date: new\nDate(2005,7,26)};\nconfig.macros.rssfeed= {};\nconfig.macros.rssfeed.handler = function(place,macroName,params)\n{\n\nvar feedURL=params[0];\nvar maxItem = 100;\nvar request;\nif(params[1]) maxItem = parseInt(params[1]);\n\n/* Create XMLHttpRequest Object */\ntry {\nrequest = new XMLHttpRequest();\n} catch (e) { request = new ActiveXObject("Msxml2.XMLHTTP"); }\ntry {\n// Needed for Mozilla if local file tries to access an http URL\nnetscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");\n} catch (e) { /* ignore */ }\n\nrequest.open("GET",feedURL,false);\nrequest.send(null);\n\nvar feed=request.responseXML;\nvar itemList = feed.getElementsByTagName('item');\nvar numItems=(itemList.length<maxItem) ? itemList.length : maxItem;\n\nvar article = createTiddlyElement(place,"ul",null,null,null);\nfor (var i=0; i< numItems; i++)\n {\n var titleElm= itemList[i].getElementsByTagName('title').item(0);\n var titleText = titleElm.firstChild.nodeValue;\n\n var descElm =itemList[i].getElementsByTagName('description').item(0);\n var linkElm = itemList[i].getElementsByTagName("link").item(0);\n\n var linkURL = linkElm.firstChild.nodeValue;\n var desc = descElm.firstChild.nodeValue;\n\n titleText = '[[' + titleText + '|' + linkURL + ']]' + "\sn";\n var linkText = "\sn<html>" + desc + "</html>\sn";\n\n var story =createTiddlyElement(article,"li",null,"RSSItem",null);\n wikify(titleText,story,null,null);\n\n //story.appendChild(document.createTextNode(linkText));\n wikify(linkText,story,null,null);\n }\n}
// Eric Shulman - ELS Design Studios\n// "Mixed HTML and wiki-style rendering" Plug-in for TiddlyWiki version 1.2.25 or above\nversion.extensions.HTMLFormatting = {major: 1, minor: 0, revision: 1, date: new Date(2005,7,26)};\nwindow.coreWikify=window.wikify;\nwindow.wikify = function(tiddlerText,theViewer,highlightText,highlightCaseSensitive)\n{\n var startHTML = tiddlerText.indexOf('<'+'html'+'>');\n var endHTML = tiddlerText.lastIndexOf('<'+'/html'+'>');\n if (startHTML==-1) // bypass HTML parsing\n { coreWikify(tiddlerText,theViewer,highlightText,highlightCaseSensitive); return; }\n if (startHTML>0) // wikify everything up to HTML tag\n coreWikify(tiddlerText.substr(0,startHTML-1),theViewer,highlightText,highlightCaseSensitive);\n if (startHTML!=-1) // browser parse everything between HTML and /HTML tags (or end of text)\n {\n var HTMLText = tiddlerText.substr(startHTML);\n if (endHTML!=-1) HTMLText = tiddlerText.substring(startHTML,endHTML+7);\n // suppress wiki-style literal handling of newlines\n if (HTMLText.indexOf('<hide linebreaks>')!=-1) HTMLText=HTMLText.replace(regexpNewLine,' ');\n // strip any carriage returns added by Internet Explorer's textarea edit field\n HTMLText=HTMLText.replace(regexpCarriageReturn,'');\n // encode newlines as \sn so Internet Explorer's HTML parser won't eat them\n HTMLText=HTMLText.replace(regexpNewLine,'\s\sn');\n // encode macro brackets (<< and >>) so HTML parser won't eat them\n HTMLText=HTMLText.replace(/<</g,'%macro(').replace(/>>/g,')%');\n // create a span to hold browser-parsed DOM objects\n var newSpan = createTiddlyElement(theViewer,"span",null,null,null);\n // give HTML source to browser's parser (builds DOM nodes)\n newSpan.innerHTML=HTMLText;\n newSpan.normalize();\n // walk resulting node tree and call wikify() on each text node\n wikifyTextNodes(newSpan,highlightText,highlightCaseSensitive);\n }\n if (endHTML!=-1) // wikify everything after HTML tag\n coreWikify(tiddlerText.substr(endHTML+8),theViewer,highlightText,highlightCaseSensitive);\n // DEBUG showNodeTree(theViewer.parentNode,theViewer);\n\n}\n\nfunction wikifyTextNodes(theNode,highlightText,highlightCaseSensitive)\n{\n // pre-order traversal\n for (var i=0;i<theNode.childNodes.length;i++)\n {\n var theChild=theNode.childNodes.item(i);\n wikifyTextNodes(theChild,highlightText,highlightCaseSensitive);\n if (theChild.nodeName=='#text')\n {\n // don't bother to wikify pure whitespace nodes (if any)\n if (theChild.nodeValue.replace(/\ss+/,"").replace(/\st+/,"").length!=0)\n {\n // DEBUG alert('wikify text: "'+theChild.nodeValue.replace(regexpBackSlashEn,'\sn')+'"');\n var theClass = theNode.id.substr(0,6)=="viewer"?"viewer":theNode.id;\n var newNode = createTiddlyElement(null,"span",null,theClass,null);\n // decode newlines and macro brackets for wikification\n var theText = theChild.nodeValue.replace(regexpBackSlashEn,'\sn').replace(/\s%macro\s(/g,'<<').replace(/\s)\s%/g,'>>');\n coreWikify(theText,newNode,highlightText,highlightCaseSensitive);\n theNode.replaceChild(newNode,theChild);\n }\n }\n }\n}\n\n// Use this function to generate a report of the DOM tree objects starting from a given node.\n// place = where to display DOM object report, theNode = root of DOM object tree to be reported\nfunction showNodeTree(place,theNode)\n{\n createTiddlyElement(place,"HR",null,null,null);\n var theReport = createTiddlyElement(place,"div",null,null,null);\n walkNodeTree(theReport,theNode,'');\n}\nfunction walkNodeTree(theOutput,theNode,thePrefix)\n{\n var msg=thePrefix+':'+((theNode.nodeName=='#text')?' ':theNode.nodeName);\n var href = (theNode.href)?' href='+theNode.href:'';\n var id = (theNode.id)?' id='+theNode.id:'';\n var val = (theNode.name)?' '+theNode.name+((theNode.value)?'='+theNode.value:''):'';\n var text = (theNode.nodeName=='#text')?'"'+theNode.nodeValue.replace(regexpBackSlashEn,'\sn')+'"':'';\n if ( (theNode.nodeName!='B')\n &&(theNode.nodeName!='I')\n &&(theNode.nodeName!='TBODY')\n &&(theNode.nodeName!='SPAN'))\n createTiddlyElement(theOutput,"div",null,null,msg+val+id+href+text);\n for (var i=0;i<theNode.childNodes.length;i++)\n {\n var theChild=theNode.childNodes.item(i);\n var childmsg=msg;\n if (theNode.childNodes.length>1) childmsg+='['+(i+1)+']';\n walkNodeTree(theOutput,theChild,childmsg);\n }\n}\n
// //''Name:'' WebView\n// //''Version:'' <<getversion webview>> (<<getversiondate webview "DD MMM YYYY">>)\n// //''Author:'' AlanHecht\n// //''Type:'' SystemConfig\n// //''Note:'' Not compatible with ToolBarMacro\n\n\n// //''Description:'' WebView lets you customize how your ~TiddlyWiki file will appear when viewed as a website (i.e. when accessed via an "http:..." URL). This lets you use ~TiddlyWiki as a website without it being obvious or confusing to your web visitors. You can selectively set which toolbar buttons appear to visitors as well hide/show the tiddler tag footers, sidebar commands, options, advanced options, and even the sidebar tabs. You can even disable the "double-click to edit" feature.\n// //@@''To illustrate, I've put an example of a ~WebView configuration [[here|http://snipurl.com/qwikiweb/webviewsample.htm]]. Note: don't use the code from this example as the WebView version is old.''@@\n\n// //''Directions:'' <<tiddler StartupBehaviorDirections>> \n// //Then, in the code section below, change the lines in the WebView settings section to enable or disable that particular feature. If you wish to use an alternate version of the sidebar commands, options, advanced options, or the sidebar tabs, you'll need to edit the alternate versions that appear below. The default versions for these has been included for convenience. Leave them as is if you do not want them to be changed for web viewing.\n\n// //''Revision History:''\n// // v0.1.0 (09 August 2005): preview release (to ~TiddlyWikiDev community)\n// // v0.1.1 (10 August 2005): initial release (includes a slight change from the "preview" version)\n// // v0.1.2 (10 August 2005): added a contentWrapper class name ("webView") to allow custom CSS for the web-based ~TiddlyWiki (see notes for more information). Thanks to Clint Checketts for this addition.\n// // v0.1.3 (3 September 2005): retooled the shadow tiddlers for SideBarTabs and MoreTab to reflect the changes made in TiddlyWiki version 1.2.32. Also added macro code that lets you preview the WebView look before you upload to your server. Simply add the {{{<< testWebView >>}}} macro into your AdvancedOptions tiddler or other location to create a button for the preview.\n\n// //''Notes:'' ~WebView 0.1.2 added a class name for the web-served ~TiddlyWiki contentWrapper. This means that you can have sections in your stylesheet tiddler that get applied only when the wiki is viewed from the web. For instance, you can enlarge the toolbar font with the following CSS in the stylesheet tiddler: {{{.webView #displayArea .toolbar {font-size: 2em;} }}}\n\n// //''Code section:''\n// //Webview settings (edit the following with true (enable) or false (disable) according to how the page should look from the web)\nvar wvShowNewTiddler = false; // //''affects all "new tidder" macro links''\nvar wvShowNewJournal = false; // //''affects all "new journal" macro links''\nvar wvDblClickToEdit = false; // //''enables/disables the "double-click to edit a tiddler" feature''\nvar wvShowClose = true; // //''show/hide toolbar close buttons''\nvar wvShowEdit = false; // //''show/hide toolbar edit buttons''\nvar wvShowPermalink = true; // //''show/hide toolbar permalink buttons''\nvar wvShowReferences = false; // //''show/hide toolbar references buttons''\nvar wvShowTags = true; // //''show/hide tiddler tag footers''\nvar wvShowTabs = false; // //''show/hide sidebar tabs entirely (you can also customize them below)''\n\n// //Alternate versions of SideBar, Options, AdvancedOptions, SideBarTabs, and MoreTab\nconfig.shadowTiddlers.wvSideBarOptions = "<<search>><<closeAll>><<permaview>><<slider chkSliderOptionsPanel OptionsPanel options 'Change TiddlyWiki advanced options'>>";\n\nconfig.shadowTiddlers.wvOptionsPanel = "<<option chkRegExpSearch>> Regexp Search\sn<<option chkCaseSensitiveSearch>> Case Sensitive Search\sn<<option chkAnimate>> Enable Animations\sn<<option chkOpenInNewWindow>> Open Links In New Window\sn";\n\nconfig.shadowTiddlers.wvAdvancedOptions = "";\n\nconfig.shadowTiddlers.wvSideBarTabs = "<<tabs txtMainTab Timeline Timeline TabTimeline>>";\n\nconfig.shadowTiddlers.wvTabMore = "";\n\n\n// //''Actual code section (no need to edit below this line for most users)''\n// //------------------------------------------------------------------------------\nversion.extensions.webview = {major: 0, minor: 1, revision: 3, date: new Date("Sep 3, 2005")};\n// Identify special tiddlers to intercept\nvar wvShadowTiddlers = ["SideBarOptions","OptionsPanel","AdvancedOptions","SideBarTabs","TabMore"];\n\n// Determine if the page is being loaded locally or from the web\nvar docPath = document.location.toString().substring(0,document.location.toString().indexOf(":"));\nif(docPath == "file")\n var inWebView = false;\nelse\n {\n var inWebView = true;\n document.getElementById('contentWrapper').className += " webView";\n }\n\n// Hijack the newTiddler function\nconfig.macros.newTiddler.handler_orig_webView = config.macros.newTiddler.handler;\nconfig.macros.newTiddler.handler = function(place,macroName,params)\n{\n if (!inWebView || wvShowNewTiddler)\n config.macros.newTiddler.handler_orig_webView(place,macroName,params);\n}\n\n// Hijack the newJournal function\nconfig.macros.newJournal.handler_orig_webView = config.macros.newJournal.handler;\nconfig.macros.newJournal.handler = function(place,macroName,params)\n{\n if (!inWebView || wvShowNewJournal)\n config.macros.newJournal.handler_orig_webView(place,macroName,params);\n}\n\n// Replace "double-click to edit" function\nwindow.onDblClickTiddler_orig_webView = window.onDblClickTiddler;\nwindow.onDblClickTiddler = function(e) {\nif(!inWebView || wvDblClickToEdit)\n {\n clearMessage();\n if(document.selection)\n document.selection.empty();\n var tiddler;\n if(this.id.substr(0,7) == "tiddler")\n tiddler = this.id.substr(7);\n if(tiddler)\n displayTiddler(null,tiddler,2,null,null,false,false);\n }\n}\n\n// Hijack the createTiddlerToolbar function\nwindow.createTiddlerToolbar_orig_webView = window.createTiddlerToolbar;\nwindow.createTiddlerToolbar = function(title,isEditor)\n{\n var theToolbar = document.getElementById("toolbar" + title);\n var lingo = config.views;\n if(theToolbar)\n {\n removeChildren(theToolbar);\n insertSpacer(theToolbar);\n if(isEditor)\n {\n // Editor toolbar\n lingo = lingo.editor;\n createTiddlyButton(theToolbar,lingo.toolbarDone.text,lingo.toolbarDone.tooltip,onClickToolbarSave);\n insertSpacer(theToolbar);\n createTiddlyButton(theToolbar,lingo.toolbarCancel.text,lingo.toolbarCancel.tooltip,onClickToolbarUndo);\n insertSpacer(theToolbar);\n createTiddlyButton(theToolbar,lingo.toolbarDelete.text,lingo.toolbarDelete.tooltip,onClickToolbarDelete);\n }\n else\n {\n // Viewer toolbar\n lingo = lingo.wikified;\n if(!inWebView || wvShowClose)\n {\n createTiddlyButton(theToolbar,lingo.toolbarClose.text,lingo.toolbarClose.tooltip,onClickToolbarClose);\n insertSpacer(theToolbar);\n }\n if(!inWebView || wvShowEdit)\n {\n createTiddlyButton(theToolbar,lingo.toolbarEdit.text,lingo.toolbarEdit.tooltip,onClickToolbarEdit);\n insertSpacer(theToolbar);\n }\n if(!inWebView || wvShowPermalink)\n {\n createTiddlyButton(theToolbar,lingo.toolbarPermalink.text,lingo.toolbarPermalink.tooltip,onClickToolbarPermaLink);\n insertSpacer(theToolbar);\n }\n if(!inWebView || wvShowReferences)\n {\n createTiddlyButton(theToolbar,lingo.toolbarReferences.text,lingo.toolbarReferences.tooltip,onClickToolbarReferences);\n }\n }\n insertSpacer(theToolbar);\n }\n}\n\n// Hijack the createTiddlerFooter function\nwindow.createTiddlerFooter_orig_webView = window.createTiddlerFooter;\nwindow.createTiddlerFooter = function(title,isEditor)\n{\n if(!inWebView || wvShowTags)\n createTiddlerFooter_orig_webView(title,isEditor);\n}\n\n// sideBar, options, and tab settings code\n// Hijack the getTiddlerText prototype function\nTiddlyWiki.prototype.getTiddlerText_orig_webView = TiddlyWiki.prototype.getTiddlerText;\nTiddlyWiki.prototype.getTiddlerText = function(title,defaultText)\n{\n if(inWebView && (wvShadowTiddlers.join("~").match(title) == title))\n {\n defaultText = store.getTiddlerText_orig_webView(title,defaultText);\n var tiddlerText = store.getTiddlerText_orig_webView("wv"+title,defaultText);\n }\n else\n var tiddlerText = store.getTiddlerText_orig_webView(title,defaultText);\n return tiddlerText;\n}\n// Reset the getTiddlerText function for the current store\nstore.getTiddlerText = TiddlyWiki.prototype.getTiddlerText;\n// SideBarTabs show/hide code\n// Remove the old refreshTabs function from notifyTiddlers & store notifications\nfor(t=0; t<config.notifyTiddlers.length; t++)\n if(config.notifyTiddlers[t] == window.refreshTabs)\n config.notifyTiddlers.splice(t,1);\n// Hijack the refreshTabs function\nwindow.refreshTabs_orig_webView = window.refreshTabs;\nwindow.refreshTabs = function(hint)\n{\n if(!inWebView || wvShowTabs)\n refreshTabs_orig_webView(hint);\n else\n document.getElementById("sidebarTabs").style.display = "none";\n}\n// Add our new refreshTabs function to the notifyTiddlers list & store notifications\nconfig.notifyTiddlers.push(refreshTabs());\nstore.addNotification(null,refreshTabs);\n\n// WebView Preview code...\nfunction toggleWebView()\n{\n var forceWebView = confirm("Do you want to preview this TiddlyWiki using WebView? This preview can be cancelled by refreshing the page in your browser. Be sure to save changes before previewing WebView settings.");\n if(forceWebView)\n inWebView=true;\n else\n inWebView=false;\n refreshMenu();\n refreshStory();\n refreshTabs();\n refreshSidebar("SideBarOptions");\n}\n\nconfig.macros.testWebView = {}\nconfig.macros.testWebView.handler = function(place,macroName,params)\n{\n createTiddlyButton(place,"Test WebView","Manually turn WebView on ",toggleWebView);\n}\n\n
// listtags tagname * or # or nothing\n// adding parameters to limit number of items (limit:number)\n// adding parameters to reverse order (reverse)\n\nversion.extensions.listTags = {major: 0, minor: 1, revision: 0};\nconfig.macros.listTags = { text: "" };\nconfig.macros.listTags.handler = function(place,macroName,params)\n{ var limit=0;\n for(var t=0; t<params.length; t++) {\n type = params[t].split(":")[0].toLowerCase();\n if (type == "limit")\n limit = parseInt(params[t].split(":")[1]);\n if (type == "reverse")\n reverse= true;\n else\n reverse = false;\n }\n var tagged = store.getTaggedTiddlers(params[0],params[1]); //Second parameter is field to sort by (eg, title, modified, modifier or text)\n\nvar string = "";\nif (limit==0) limit = tagged.length; else limit=(limit>tagged.length) ? tagged.length : limit;\n\n if (reverse==true) {\nfor(var r=tagged.length-1;r>=(tagged.length-limit)&&r>=0;r--) {\n if(params[2]) string = string + params[2] + " ";\n string = string + "[[" + tagged[r].title + "]]\sn";\n}\n } else {\nfor(var r=0;r<limit;r++) {\n if(params[2]) string = string + params[2] + " ";\n string = string + "[[" + tagged[r].title + "]]\sn";\n}\n }\n\nwikify(string, place, null, null);\n}
.tagcloud span {\n color: #6699cc;\n height: 1.8em;\n margin: 3px !important;\n}\n.tagcloud1 {\n color: #6699cc;\n font-size: 0.8em;\n}\n.tagcloud2 {\n color: #6699cc;\n font-size: 1.2em;\n}\n.tagcloud3 {\n color: #6699cc;\n font-size: 1.6em;\n}\n.tagcloud4 {\n color: #6699cc;\n font-size: 2.0em;\n}\n.tagcloud5 {\n color: #6699cc;\n font-size: 2.4em;\n font-weight: bold;\n}\ndiv[tags~="todo"].viewer {\n background-color: #ffffc8;\n}\nh1, h2, h3, h4, h5, h6 {\n background-color: #8ba3ff;\n color: #fff;\n text-align: center;\n}\n#popup {\n background-color: #4275a8;\n color: #fff;\n border-right: 2px solid #bcbcbc;\n border-bottom: 2px solid #bcbcbc;\n}\n#popup a {\n color: #eee;\n}\n#popup a:hover {\n background-color: #6699cc;\n color: #fff;\n}\n.toolbar a {\n color: #4275a8;\n padding-left: 2px;\n}\n.toolbar a:active {\n color: #ffffff;\n background-color: #4275a8;\n}\n.toolbar a:hover {\n color: #ffffff;\n background-color: #6699cc;\n}\ntoolbar {\n position: relative;\n top: -5px;\n left: -1px;\n border: 0px;\n background-color: transparent;\n color: #000;\n height: 16px;\n padding-top: 2px;\n margin-left: 35px;\n margin-bottom: 10px;\n}\n.toolbar #popup {\n background-color: #4275a8;\n color: #fff;\n border-right: 2px solid #bcbcbc;\n border-bottom: 2px solid #bcbcbc;\n width: 9.5em;\n}\n.toolbar #popup a {\n color: #eee;\n}\n.toolbar #popup a:hover {\n background-color: #6699cc;\n color: #fff;\n}\nhr {\n border: none;\n border-top: dotted 1px #777;\n height: 1px;\n color: #777;\n margin: 7px 0px 0px 0px;\n}\n#titleline .tiddlylink {\n color: #fff;\n}\n.tiddler .button {\n color: #6699cc;\n}\n.tiddler .button:active {\n background-color: #fff;\n color: #4275a8;\n}\n.tiddler .button:hover {\n background-color: #6699cc;\n color: #fff;\n}\n.tiddler .tabselected {\n color: #6699cc;\n font-weight: bold;\n background-color: #dcdcdc;\n position: relative;\n top: -2px;\n}\n.tiddler .tabunselected {\n font-style: italic;\n color: #6699cc;\n background-color: #eee;\n}\n.tiddler .tabcontents {\n color: #7189e5;\n background-color: #dcdcdc;\n}\n.tiddler .tabcontents span {\n font-weight: bold;\n}\n.tiddler .tabcontents .tiddlylink {\n color: #6699cc;\n}\n.tiddler .tabcontents .tiddlylink:hover {\n color: #fff;\n background-color: #4275a8;\n}\n#messagearea {\n background-color: #ffd85d;\n color: #000000;\n}\n#messagearea a:link, #messagearea a:visited {\n color: #4275a8;\n}\n#messagearea a:hover {\n color: #fff;\n background-color: #4275a8;\n}\n#messagearea a:active {\n color: #4275a8;\n}\n#mainmenu {\n border: 1px solid #555;\n background-color: #eee;\n color: #4275a8;\n font-size: 9pt;\n margin: 5px 0px 0px 5px;\n}\n#mainmenu .button {\n color: #6699cc;\n}\n#mainmenu .button:active {\n background-color: #fff;\n color: #4275a8;\n}\n#mainmenu .button:hover {\n background-color: #6699cc;\n color: #fff;\n}\n#mainmenu .tiddlylink {\n color: #4275a8;\n}\n#mainmenu h1 {\n font-size: 11pt;\n}\n#mainmenu h1 .tiddlylink {\n font-size: 11pt;\n color: #fff;\n}\n#mainmenu h2 {\n font-size: 10pt;\n}\n#mainmenu h2 .tiddlylink {\n font-size: 10pt;\n color: #fff;\n}\n#mainmenu .tiddlylink:hover {\n background-color: #4275a8;\n color: #ffffff;\n}\n#mainmenu .externallink:hover {\n background-color: #4275a8;\n color: #ffffff;\n text-decoration: underline;\n}\n#mainmenu .externallink {\n color: #4275a8;\n text-decoration: none;\n}\n#sitetitle {\n font-size: 26pt;\n}\n#sitesubtitle {\n padding-left: 1em;\n font-size: 10pt;\n}\n#header {\n border-bottom: solid 1px #69c;\n}\n#header a {\n color: #69c;\n}\n#titleline {\n padding: 2em 2em 2.5em 2em;\n color: #69c;\n background-color: #fff;\n}\n#titleline .tiddlylink {\n color: #69c;\n}\n#titleline .tiddlylink:hover {\n background-color: #4275a8;\n color: #69c;\n}\n#titleline .externallink:hover {\n background-color: #4275a8;\n color: #69c;\n text-decoration: underline;\n}\n#titleline .externallink {\n color: #69c;\n text-decoration: none;\n}\nbody {\n font: 13px/125% lucida grande, trebuchet ms, bitstream vera sans, verdana, helvetica, sans-serif;\n}\n.editor textarea {\n height: 300px;\n background-color: #f2f2f2;\n}\n.editor input {\n background-color: #dcdcdc;\n}\n.title {\n font-size: 10pt;\n font-weight: bold;\n background-color: #dcdcdc;\n color: #4275a8;\n margin-top: 15px;\n padding-left: 30px;\n padding-right: 30px;\n}\n.viewer {\n padding: 10px;\n border: 1px solid #dcdcdc;\n background-color: #f2f2f2;\n z-index: -2;\n}\n.viewer h1, .viewer h2, .viewer h3, .viewer h4, .viewer h5, .viewer h6 {\n background-color: #8ba3ff;\n color: #fff;\n text-align: center;\n}\n.viewer a:link, .body a:visited {\n text-decoration: none;\n color: #4275a8;\n}\n.viewer a:hover {\n color: #ffffff;\n background-color: #4275a8;\n}\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n font-size: 11px;\n margin: 5px;\n}\n.viewer th {\n background: #dedede;\n border: 1px solid #aaa;\n color: #000;\n padding: 3px;\n}\n.viewer td {\n border: 1px solid #aaa;\n padding: 3px;\n}\n.viewer caption {\n padding: 3px;\n}\n.viewer hr {\n border: none;\n border-top: dotted 1px #777;\n height: 1px;\n color: #777;\n margin: 7px 0px 0px 0px;\n}\n.viewer pre {\n border: 1px solid #cbcbcb;\n margin: 5px;\n padding: 2px;\n background: #eaeaea;\n color: #3c6fa2;\n}\n.viewer code {\n background: #eaeaea;\n color: #3c6fa2;\n}\n.viewer input {\n border: 0px solid black;\n color: #4275a8;\n}\n.viewer #popup {\n background-color: #4275a8;\n color: #fff;\n border-right: 2px solid #bcbcbc;\n border-bottom: 2px solid #bcbcbc;\n}\n.viewer #popup a {\n color: #6699cc;\n}\n.viewer #popup a:hover {\n background-color: #6699cc;\n color: #fff;\n}\n.viewer .button {\n background-color: transparent;\n}\n.viewer .button:active {\n background-color: #fff;\n color: #4275a8;\n}\n.viewer .button:hover {\n background-color: #6699cc;\n color: #fff;\n}\n.sparkline {\n background-color: #99ccff;\n border: none;\n}\n.sparktick {\n background-color: #6699cc;\n outline: 0;\n}\n#sidebar {\n float: right;\n width: 16em;\n color: #000;\n font-size: 8pt;\n}\n#sidebar input {\n border: 0px solid black;\n background-color: #f2f2f2;\n color: #4275a8;\n}\n#sidebar a {\n color: #4275a8;\n}\n#sidebar a:active {\n background-color: #fff;\n color: #4275a8;\n}\n#sidebar a:hover {\n background-color: #6699cc;\n color: #fff;\n}\n#sidebaroptions {\n padding-top: 0.5em;\n background-color: #fbfbfb;\n color: #000;\n}\n#sidebaroptions .button {\n color: #6699cc;\n}\n#sidebaroptions .button:active {\n background-color: #fff;\n color: #4275a8;\n}\n#sidebaroptions .button:hover {\n background-color: #6699cc;\n color: #fff;\n}\n#sidebaroptions .sliderpanel {\n background-color: #dcdcdc;\n}\n#sidebaroptions .sliderpanel a {\n color: #4275a8;\n}\n#sidebaroptions .sliderpanel a:active {\n color: #fff;\n background-color: #4275a8;\n}\n#sidebaroptions .sliderpanel a:hover {\n color: #fff;\n background-color: #6699cc;\n}\n.sidebarsubheading {\n font-size: 7pt;\n color: #fbfbfb;\n}\n#sidebartabs {\n color: #000;\n background-color: #fbfbfb;\n}\n#sidebartabs a {\n color: #4275a8;\n}\n#sidebartabs a:hover {\n color: #fff;\n background-color: #4275a8;\n}\n#sidebartabs a:active {\n color: #000;\n background-color: #4275a8;\n}\n#sidebartabs .tabselected {\n color: #6699cc;\n font-weight: bold;\n background-color: #dcdcdc;\n position: relative;\n top: -2px;\n}\n#sidebartabs .tabunselected {\n font-style: italic;\n color: #6699cc;\n background-color: #eee;\n}\n#sidebartabs .tabcontents {\n color: #7189e5;\n background-color: #dcdcdc;\n}\n#sidebartabs .tabcontents span {\n font-weight: bold;\n}\n#sidebartabs .tabcontents .tiddlylink {\n color: #6699cc;\n}\n#sidebartabs .tabcontents .tiddlylink:hover {\n color: #fff;\n background-color: #4275a8;\n}\n#sidebartabs .txtmoretab .tabselected {\n color: #fff;\n background-color: #8ba3ff;\n}\n#sidebartabs .txtmoretab .tabunselected {\n font-weight: normal;\n font-style: italic;\n color: #fff;\n background-color: #4275a8;\n}\n#sidebartabs .txtmoretab .tabcontents {\n color: #000;\n background-color: #8ba3ff;\n}\n#sidebartabs .txtmoretab .tabcontents .tiddlylink {\n color: #fff;\n}\n#sidebartabs .tabcontents .button {\n color: #fff;\n}\n#sidebartabs .tabcontents .button:active {\n background-color: #fff;\n color: #4275a8;\n}\n#sidebartabs .tabcontents .button:hover {\n background-color: #6699cc;\n color: #fff;\n}\n#sidebartabs .tabcontents #popup {\n background-color: #4275a8;\n color: #fff;\n border-right: 2px solid #bcbcbc;\n border-bottom: 2px solid #bcbcbc;\n}\n#sidebartabs .tabcontents #popup a {\n color: #eee;\n}\n#sidebartabs .tabcontents hr {\n color: #fff;\n}\n#sidebartabs .tabcontents #popup a:hover {\n background-color: #6699cc;\n color: #fff;\n}\n\n}
.tagcloud span {\n color: #f90;\n height: 1.8em;\n margin: 3px !important;\n}\n.tagcloud1 {\n color: #f90;\n font-size: 0.8em;\n}\n.tagcloud2 {\n color: #f90;\n font-size: 1.2em;\n}\n.tagcloud3 {\n color: #f90;\n font-size: 1.6em;\n}\n.tagcloud4 {\n color: #f90;\n font-size: 2.0em;\n}\n.tagcloud5 {\n color: #f90;\n font-size: 2.4em;\n font-weight: bold;\n}\n#tiddlernotes .title {\n color: #f00;\n border-bottom: 2px solid red;\n}\ndiv[tags~="todo"].viewer {\n background-color: #f9f9f0;\n}\nh1, h2, h3, h4, h5, h6 {\n border-bottom: 2px solid #eee;\n background-color: transparent;\n color: #f90;\n ext-align: left;\n}\n#popup {\n background-color: #dcdcdc;\n color: #f90;\n border-right: 2px solid #fbfbfb;\n border-bottom: 2px solid #fbfbfb;\n width: 9.5em;\n}\n#popup a {\n color: #f90;\n background-color: #dcdcdc;\n}\n#popup a:hover {\n background-color: #f90;\n color: #fff;\n}\n#popup hr {\n color: #fff;\n}\nul {\n margin-left: 10px;\n list-style: none;\n}\nli {\n padding-left: 14px;\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAMAAAA4jZ0cAAAACXBIWXMAAAsTAAALEwEAmpwYAAADAFBMVEXchhTcihzkjhzkkhzslhzkkiTsmiT0niT0niz0oiT8oiz8piz8rjT8sjT8ujT8wjz82kz84kz88lz89lz////sv/QS9SxFBvMS9XAS9ExFNyAS9bjs3sgS9XQS9aTqReQS9GhFNyBGniLqReQS9FDkFY+tE5gABAEAAADumqxyFEG6q80S9HTjr6FyFEGtE5gABAEAAADumqwABAHpWmQS9JTifi3/DAOtE5gABAEAAADumqwAAAES9eRFOAT/DAOtE5gABAEAAADumqz0by8S9OAAAWQAAAAAAAATU8gS9sjjhwgS9oQBI7P0b50S9OAAAA8AAAAAAAAAAAAAAZAAAAAAAABhAE1sAHJ0AGUAAHQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASAAD7fmT4MUj///8S9yT8rhUTB6gAABES93QAAAAAAAHjwk4S9YQAAT8AAAEAAIQS9eTh6Hl5EroAAIQAAABMAT8AAAEAARIS99TpNUwS99TpNUzI0NT0TfYUk7gAAkwSAAAAAAB6FQhMAT96FQgTj9gS9wh2deABI7MAAAAAAAAAAAIAAAEAAAAAAAAAAADI0NT0TfYUk7gAAAAAAADiAZwAAAAAAAEAAAIAAAABI7P0TVT0ZL4BI7P0TVT0ZL6AgIAS9nziAY8BI7MAAAES9sj0S1ABI7P0cEL3sIAAQAAKCkb0VhoKCkYS9sj0S1ABI7MAJwoS9zTjhu0KAADI0NT0TfYUk7gAAA8AAAAAAAAAAAAAAZAAAAAAAABhAE1sAHJ0AGUAAHQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAHpXvytE5gS9zhz6DXI0NT0TfYUk7jI0NQS9zhz6DvI0NT0TfYUk7gAAAEKF0gS+AByITGtE5gS94gAAA8Uk7jkF2AAAADhvugAAAAAAAIS+FAAAAAAAAAAAAFJhE0AAAEAAAQOK7oBI7MAAAAAAAAAAADchhTchhS5nyqtAAAAFXRSTlP//////////////////////////wAr2X3qAAAARElEQVR42h2LQRLAIAgDQaooAxYZ/v/WYk/ZySaQqsKjJ2xTmYMQNns4PwhmcsI7lBKJePFCNdRgz9qsX5ms+0qi1io+e0gC3TYSp4cAAAAASUVORK5CYII=);\n background-repeat: no-repeat;\n background-position: 0px 3px 0px 0px;\n}\n.button {\n color: #f90;\n}\n.button:active {\n background-color: #fff;\n color: #f90;\n}\n.button:hover {\n background-color: #f90;\n color: #fff;\n}\n.toolbar a {\n color: #f90;\n}\n.toolbar a:active {\n background-color: #fff;\n color: #f90;\n}\n.toolbar a:hover {\n background-color: #f90;\n color: #fff;\n}\n.toolbar {\n position: relative;\n top: -5px;\n left: -1px;\n border: 0px;\n background-color: transparent;\n color: #000;\n height: 16px;\n padding-top: 2px;\n margin-left: 35px;\n}\nhr {\n border: none;\n border-top: dotted 1px #777;\n height: 1px;\n color: #777;\n margin: 7px 0px 0px 0px;\n}\n.tiddler .button {\n color: #f90;\n}\n.tiddler .button:active {\n background-color: #fff;\n color: #f90;\n}\n.tiddler .button:hover {\n background-color: #f90;\n color: #fff;\n}\n.tiddler .tiddlylink {\n text-align: left;\n color: #f90;\n}\n.tiddler .tiddlylink:hover {\n background-color: #f90;\n color: #fff;\n}\n.tiddler .externallink:hover {\n background-color: #f90;\n color: #fff;\n text-decoration: none;\n}\n.tiddler .externallink {\n color: #f9c;\n text-decoration: underline;\n}\n.tiddler {\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAABbCAMAAAAoXweDAAADAFBMVEUAAAD////+/v79/f38/Pz7+/v6+vr5+fn4+Pj39/f29vb19fX09PTz8/Py8vLx8fHw8PDv7+/u7u7t7e3s7Ozr6+vq6urp6eno6Ojn5+fm5ubl5eX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjeV9AAAAcklEQVRIie3KSRKCQBAAsEFRARcQWVT+/0++kCr74KFzTtlI+ef2JcHtQ4LbmwS3lWhbiLaZBLeJaHsRbSPR9iTaBqKtJ9oepNyJthvRdiXaOqKtJdoaou1CgtuZaDsRbTUJbkcS3A4kuFUkW7Zs2X5pO8hWjs3oEtOqAAAAAElFTkSuQmCC) repeat-x;\n background-position: 55px 15px 0px 0px;\n}\n#messagearea {\n background-color: #fbfbfb;\n color: #000;\n border: 1px solid #dcdcdc;\n}\n#messagearea a:link, #messagearea a:visited {\n color: #f90;\n}\n#messagearea a:hover {\n color: #fff;\n background-color: #f90;\n}\n#messagearea a:active {\n color: #f90;\n}\n#mainmenu {\n border: 0px solid #555;\n text-align: left;\n background-color: #fbfbfb;\n padding-top: 0px;\n color: #f90;\n font-size: 9pt;\n margin-top: 5px;\n margin-left: 5px;\n}\n#mainmenu .button {\n color: #f90;\n}\n#mainmenu .button:active {\n background-color: #fff;\n color: #f90;\n}\n#mainmenu .button:hover {\n background-color: #e7920e;\n color: #fff;\n}\n#mainmenu h1 {\n font-size: 11pt;\n}\n#mainmenu h2 {\n font-size: 10pt;\n}\n#mainmenu .tiddlylink {\n text-align: left;\n color: #f90;\n}\n#mainmenu .tiddlylink:hover {\n background-color: #f90;\n color: #fff;\n}\n#mainmenu .externallink:hover {\n background-color: #f90;\n color: #fff;\n text-decoration: none;\n}\n#mainmenu .externallink {\n color: #f90;\n text-decoration: underline;\n}\n#titleline {\n color: #f90;\n background-color: #f9f9f0;\n padding: 2em 2em 2.5em 2em;\n border-bottom: 1px solid #eee;\n}\n#titleline .tiddlylink {\n color: #f90;\n}\nbody {\n font: 13px/125% lucida grande, trebuchet ms, bitstream vera sans, verdana, helvetica, sans-serif;\n}\n.editor textarea {\n height: 300px;\n background-color: #f2f2f2;\n margin-bottom: -18px;\n}\n.editor input {\n background-color: #dcdcdc;\n margin-top: 20px;\n}\n.title {\n font-size: 10pt;\n font-weight: bold;\n background-color: transparent;\n color: #f90;\n margin-bottom: 15px;\n padding-right: 30px;\n}\n.viewer h1, .viewer h2, .viewer h3, .viewer h4, .viewer h5, .viewer h6 {\n border-bottom: 2px solid #eee;\n background-color: transparent;\n color: #f90;\n text-align: left;\n}\n.viewer {\n margin-left: -12px;\n margin-right: -12px;\n padding: 5px;\n padding-top: 12px;\n background-color: transparent;\n}\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n font-size: 11px;\n margin: 5px;\n}\n.viewer th {\n background: #dedede;\n border: 1px solid #aaa;\n color: #000;\n padding: 3px;\n}\n.viewer td {\n border: 1px solid #aaa;\n padding: 3px;\n}\n.viewer caption {\n padding: 3px;\n}\n.viewer hr {\n border: none;\n border-top: dotted 1px #777;\n height: 1px;\n color: #777;\n margin: 7px 0px 0px 0px;\n}\n.viewer pre {\n font-size: 8pt;\n border: 1px solid #cbcbcb;\n margin: 5px;\n padding: 2px;\n color: #123;\n background-color: #fbfbfb;\n}\n.viewer code {\n background: #fbfbfb;\n color: #123;\n}\n.viewer input {\n border: 0px solid black;\n background-color: #f2f2f2;\n color: #f90;\n}\n.viewer .button {\n color: #f90;\n background-color: #fff;\n}\n.viewer .button:active {\n background-color: #fff;\n color: #f90;\n}\n.viewer .button:hover {\n background-color: #f90;\n color: #fff;\n}\n.viewer blockquote {\n background-color: #fbfbfb;\n border-left: 2px solid #dcdcdc;\n}\n.viewer a.tiddlylink {\n text-align: left;\n color: #f90;\n}\n.viewer a.tiddlylink:hover {\n background-color: #f90;\n color: #fff;\n}\n.viewer a.externallink {\n color: #f90;\n background-color: transparent;\n text-decoration: underline;\n}\n.viewer a.externallink:hover {\n background-color: #f90;\n color: #fff;\n text-decoration: none;\n}\n.viewer a.tabselected {\n color: #000;\n font-weight: bold;\n background-color: #dcdcdc;\n position: relative;\n}\n.viewer a.tabunselected {\n font-style: italic;\n color: #000;\n background-color: #eee;\n top: -2px;\n}\n.viewer a.tabselected:hover {\n color: #fff;\n background-color: #d15e00;\n}\n.viewer a.tabunselected:hover {\n color: #fff;\n background-color: #d15e00;\n}\n.viewer .tabcontents {\n color: #ff9900;\n background-color: #dcdcdc;\n}\n.viewer .tabcontents span {\n font-weight: bold;\n}\n.viewer .tabcontents .tiddlylink {\n color: #000;\n}\n.viewer .tabcontents .tiddlylink:hover {\n color: #fff;\n background-color: #d15e00;\n}\n.viewer .tabcontents .button {\n color: #fff;\n background-color: #d15e00;\n}\n.viewer .tabcontents .button:active {\n background-color: #fff;\n color: #d15e00;\n}\n.viewer .tabcontents .button:hover {\n background-color: #f90;\n color: #fff;\n}\n.viewer .tabcontents #popup {\n background-color: #d15e00;\n color: #fff;\n border-right: 2px solid #bcbcbc;\n border-bottom: 2px solid #bcbcbc;\n}\n.viewer .tabcontents #popup a {\n color: #fff;\n background-color: transparent;\n}\n.viewer .tabcontents hr {\n color: #fff;\n}\n.viewer .tabcontents #popup a:hover {\n background-color: #f90;\n color: #fff;\n}\n.sparkline {\n background-color: transparent;\n border: none;\n}\n.sparktick {\n background-color: #f90;\n outline: 0;\n}\n#sidebar {\n float: right;\n width: 16em;\n color: #000;\n font-size: 8pt;\n}\n#sidebar input {\n border: 0px solid black;\n background-color: #f2f2f2;\n color: #f90;\n}\n#sidebar a {\n color: #f90;\n}\n#sidebar a:active {\n background-color: #fff;\n color: #f90;\n}\n#sidebar a:hover {\n background-color: #f90;\n color: #fff;\n}\n#sidebaroptions {\n padding-top: 0.5em;\n background-color: #fbfbfb;\n color: #000;\n}\n#sidebaroptions .button {\n color: #f90;\n}\n#sidebaroptions .button:active {\n background-color: #fff;\n color: #d15e00;\n}\n#sidebaroptions .button:hover {\n background-color: #f90;\n color: #fff;\n}\n#sidebaroptions .sliderpanel {\n background-color: #dcdcdc;\n}\n#sidebaroptions .sliderpanel a {\n color: #d15e00;\n}\n#sidebaroptions .sliderpanel a:active {\n color: #fff;\n background-color: #d15e00;\n}\n#sidebaroptions .sliderpanel a:hover {\n color: #fff;\n background-color: #f90;\n}\n.sidebarsubheading {\n font-size: 7pt;\n color: #fbfbfb;\n}\n#sidebartabs ul {\n list-style: none;\n margin-left: 3px;\n}\n#sidebartabs li {\n background-image: none;\n padding-left: 5px;\n}\n#sidebartabs a {\n color: #d15e00;\n}\n#sidebartabs a:hover {\n color: #fff;\n background-color: #d15e00;\n}\n#sidebartabs a:active {\n color: #000;\n background-color: #d15e00;\n}\n#sidebartabs {\n background-color: transparent;\n}\n#sidebartabs .tabselected {\n color: #000;\n font-weight: bold;\n background-color: #dcdcdc;\n position: relative;\n}\n#sidebartabs .tabunselected {\n font-style: italic;\n color: #000;\n background-color: #eee;\n top: -2px;\n}\n#sidebartabs .tabcontents {\n color: #ff9900;\n background-color: #dcdcdc;\n}\n#sidebartabs .tabcontents span {\n font-weight: bold;\n}\n#sidebartabs .tabcontents .tiddlylink {\n color: #000;\n}\n#sidebartabs .tabcontents .tiddlylink:hover {\n color: #fff;\n background-color: #d15e00;\n}\n#sidebartabs .txtmoretab .tabselected {\n color: #fff;\n background-color: #f90;\n}\n#sidebartabs .txtmoretab .tabunselected {\n font-weight: normal;\n font-style: italic;\n color: #fff;\n background-color: #d15e00;\n}\n#sidebartabs .txtmoretab .tabcontents {\n color: #000;\n background-color: #f90;\n}\n#sidebartabs .txtmoretab .tabcontents .tiddlylink {\n color: #fff;\n}\n#sidebartabs .tabcontents .button {\n color: #fff;\n}\n#sidebartabs .tabcontents .button:active {\n background-color: #fff;\n color: #d15e00;\n}\n#sidebartabs .tabcontents .button:hover {\n background-color: #f90;\n color: #fff;\n}\n#sidebartabs .tabcontents #popup {\n background-color: #d15e00;\n color: #fff;\n border-right: 2px solid #bcbcbc;\n border-bottom: 2px solid #bcbcbc;\n}\n#sidebartabs .tabcontents #popup a {\n color: #fff;\n background-color: transparent;\n}\n#sidebartabs .tabcontents hr {\n color: #fff;\n}\n#sidebartabs .tabcontents #popup a:hover {\n background-color: #f90;\n color: #fff;\n}\n\n}
// InsertFirstTagMacro tagname [reverse]\n\nversion.extensions.insertFirstTag = {major: 0, minor: 1, revision: 0};\nconfig.macros.insertFirstTag = { text: "" };\nconfig.macros.insertFirstTag.handler = function(place,macroName,params)\n{ var limit=0;\n for(var t=0; t<params.length; t++) {\n type = params[t].split(":")[0].toLowerCase();\n if (type == "reverse")\n reverse= true;\n else\n reverse = false;\n }\n var tagged = store.getTaggedTiddlers(params[0],params[1]); //Second parameter is field to sort by (eg, title, modified, modifier or text)\n\n if (reverse==true) \n string = "[[" + tagged[tagged.length-1].title + "]]\sn" + "<<tiddler '" + tagged[tagged.length-1].title + "'>>\sn";\nelse\n string = "[[" + tagged[0].title + "]]\sn" + "<<tiddler '" + tagged[0].title + "'>>\sn";\n\nwikify(string, place, null, null);\n}
*[[Styles|HelloStyle]]\n**Mark Wygent update zRenard style (small code and 800x600 support)\n**A new style from mark [[Wygent-Forest]]\n\n*[[Macro|HelloMacro]]\n**Add HTMLFormattingMacro\n**Some modifications on RssReaderMacro (need HTMLFormattingMacro)\n**Add GmailNotifierMacro (in beta)\n**Add DisplayDefaultMacro ; work as Home page link.\n**Add PreviewMacro (use edit to view preview, don't work with option Single Page Mode ON)\n**Add WebViewMacro : Notice, not compatible with ToolBarMacro\n**ListTagsMacro\n***adding parameters to limit number of items (limit:number)\n***adding parameters to reverse order (reverse)\n**InsertFirstTagMacro : check [[Hello]] to understand why it could be usefull :)\n\n*Misc\n**Adding Colorchart in [[Help]] from http://phpetterson.objectis.net/#ColorChart
Welcome to this small repository !\nYou can find [[macros|HelloMacro]], [[styles|HelloStyle]] and also [[tips|HelloTips]].\n\n<<insertFirstTag Blog reverse>>\n!Old News\n<<listTags Blog modified ' ' reverse>>
All about firefox :\n<<liveSearch firefox>>
// //''Name:'' liveSearch macro\n// //''Version:'' <<getversion liveSearch>> (<<getversiondate liveSearch "DD MMM YYYY">>)\n// //''Author:'' SteveRumsby\n\n// //''Syntax:''\n// //<< {{{liveSearch //string//}}} >> or << {{{liveSearch //string// //prefix//}}} >>\n\n// //''Description:''\n// //The first produces a simple list of tiddlers, one per line, that match //string//. The usual search rules apply, including the regexp search option.\n// //The second produces the same list, but with //prefix// before each tiddler and with the result being wikified, so that a prefix of\n//*// will\n// //produce a bullet list, etc.\n\nconfig.macros.liveSearch = {};\nversion.extensions.liveSearch = { major: 0, minor: 1, revision: 0,date: new Date(2005, 08, 09)};\nconfig.macros.liveSearch.handler = function(place,macroName,params) {\n var matches = store.search(params[0],config.options.chkCaseSensitiveSearch,config.options.chkRegExpSearch,"title","excludeSearch");\n var string = "";\n for(var r=0;r<matches.length;r++) {\n if(params[1]) string = string + params[1] + " ";\n string = string + "[[" + matches[r].title + "]]\sn";\n }\n wikify(string, place, null, null);\n}
body {\n background-color: #f1f0df;\n font-size: 9pt;\n font-family: verdana, arial, helvetica;\n margin: 0em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n position: relative;\n z-index: 0;\n}\na:link, a:visited {\n text-decoration: none;\n}\na:hover, a:active {\n text-decoration: none;\n}\ncontentwrapper {\n position: absolute;\n width: 100%;\n}\n#header {\n width: relative;\n color: #ffffff;\n padding: 1em 1em 1em 1em;\n background-color: #80805a;\n margin-bottom: 0em;\n}\n#titleline {\n padding: 1em 0em 1em 1em;\n}\n#sitetitle {\n font-size: 26pt;\n color: #008200;\n}\n#sitesubtitle {\n padding-left: 1em;\n font-size: 10pt;\n}\n#header a {\n color: #008200;\n}\n#mainmenu {\n position: absolute;\n width: 10em;\n left: 5px;\n top: 120px;\n line-height: 166%;\n padding: 6px 6px 6px 6px;\n font-size: 10pt;\n color: black;\n text-align: right;\n border-right: 1px solid #e5e5bf;\n}\n#mainmenu a {\n color: #72338f;\n}\n#displayarea {\n margin: 1em 16em 1em 13em;\n}\n#messagearea {\n background-color: #fefbf1;\n border: solid 1px #ca2d1c;\n color: #000000;\n padding: 0.5em 0.5em 0.5em 0.5em;\n display: none;\n width: relative;\n text-align: center;\n}\n#messagearea a:link, #messagearea a:visited {\n display: inline;\n text-decoration: underline;\n color: #cc9900;\n}\n#messagearea a:hover {\n color: #996633;\n}\n#messagearea a:active {\n color: #000000;\n}\n#popup {\n display: none;\n position: absolute;\n line-height: 110%;\n font-size: 7pt;\n color: #7b7579;\n background-color: #f2f2f2;\n padding: 0.25em 0.25em 0.25em 0.25em;\n border: 1px solid #aaa;\n z-index: 10;\n}\n#popup a {\n display: block;\n color: #7b7579;\n padding: 1px 1px 1px 1px;\n}\n#popup a:hover {\n background-color: #deecd8;\n color: #330000;\n}\n#popup hr {\n border-top: solid 1px #aaa;\n border-left: #aaa;\n border-right: #aaa;\n border-bottom: #aaa;\n height: 1px;\n width: 5em;\n left: 0em;\n color: #330000;\n}\n.tiddler {\n background-color: #ffffff;\n width: relative;\n padding: 1em 1em 1em 1em;\n font-size: 9pt;\n border-top: solid #ccc 1px;\n border-right: solid #aaa 2px;\n border-bottom: solid #575757 3px;\n border-left: solid #ccc 1px;\n margin-bottom: 5px;\n padding-bottom: 10px;\n}\n.tiddler {\n padding: 0em 0em 0em 0em;\n}\n.selectedTiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n.unselectedTiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n.tiddler a.tiddlyLinkExisting {\n font-weight: bold;\n}\n.tiddler a.tiddlyLinkNonExisting {\n font-style: italic;\n}\n.tiddler a.externalLink {\n text-decoration: underline;\n}\n.tiddler .button {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #5a8080;\n}\n.tiddler .button:hover {\n text-decoration: none;\n color: #dff1f0;\n background-color: #5a8080;\n}\n.tiddler .button:active {\n color: #ffffff;\n background-color: #cc9900;\n}\n.selectedTiddler .title {\n}\n#displayarea .tiddlylinkexisting {\n font-weight: bold;\n}\n#displayarea .tiddlylinknonexisting {\n font-style: italic;\n}\n.title {\n font-size: 10pt;\n font-weight: bold;\n padding: 5px 1px 5px 10px;\n background-color: #efefef;\n border-left: solid 2px #339900;\n margin-left: -4px;\n margin-right: -4px;\n}\n.body {\n padding-top: 0.5em;\n}\n.body a {\n color: #72338f;\n}\n.highlight {\n color: #000000;\n background-color: #ffe72f;\n}\n.editor {\n font-size: 8pt;\n color: #402c74;\n font-weight: normal;\n}\n.editor input {\n display: block;\n border: 1px solid black;\n width: 100%;\n background-color: #ffffee;\n}\n.editor textarea {\n display: block;\n font: inherit;\n border: 1px solid black;\n width: 100%;\n height: 200px;\n background-color: #ffffee;\n}\n.toolbar {\n font-weight: normal;\n font-size: 8pt;\n padding: 0em 0em 0em 0em;\n margin-bottom: 15px;\n color: #aaaaaa;\n text-align: right;\n visibility: hidden;\n}\n.toolbar a {\n margin: 1px 1px 1px 1px;\n border: 1px solid #aaaaaa;\n padding: 0.1em 0.2em 0.1em 0.2em;\n color: #aaaaaa;\n background-color: #efefef;\n}\n.toolbar a:hover {\n margin: 1px 1px 1px 1px;\n border: 1px solid #339900;\n text-decoration: none;\n color: #000000 !important;\n background-color: #ffffee !important;\n}\n.toolbar a:active {\n color: #000000 !important;\n background-color: #ffffee !important;\n}\n#sidebar {\n position: absolute;\n top: 115px;\n right: 5px;\n width: 16em;\n text-align: center;\n color: #000000 !important;\n font-size: 8pt;\n background-color: #f1f0df;\n}\n#sidebaroptions {\n padding-top: 0.5em;\n padding-bottom: 1em;\n margin-right: 4px;\n background-color: #cd994f;\n border-top: solid 1px #aaa;\n border-right: solid 1px #aaa;\n border-bottom: solid 1px #aaa;\n border-left: solid 1px #aaa;\n}\n#sidebaroptions .button {\n color: #993300;\n padding: 0.3em 0.2em 0.3em 1em;\n display: block;\n}\n#sidebaroptions .button:hover {\n color: #ffffff;\n background-color: #cd994f;\n}\n#sidebaroptions .button:active {\n color: #000000;\n background-color: #cc9900;\n}\n#sidebaroptions input {\n margin: 0.4em 0em 0.3em 1em;\n}\n#sidebaroptions .sliderpanel {\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: 7pt;\n background-color: #f6f2d9;\n text-align: left;\n}\n#sidebaroptions .sliderpanel a {\n color: #5a8080;\n font-weight: bold;\n}\n#sidebaroptions .sliderpanel a:hover {\n color: #dff1f0;\n background-color: #5a8080;\n}\n#sidebaroptions .sliderpanel a:active {\n color: #000000;\n background-color: #5a8080;\n}\n#sidebaroptions .sliderpanel input {\n margin: 0em 0em 0.3em 0em;\n}\n.sidebarsubheading {\n font-size: 7pt;\n color: #b2acb8;\n background-color: #e5e5e5;\n}\n#sidebartabs {\n color: #aaa;\n background-color: #f1f0df;\n font-size: 7pt;\n}\n#sidebartabs .tabselected {\n color: #996633;\n background-color: #f1f0df;\n position: relative;\n top: -2px;\n font-weight: bold;\n}\n#sidebartabs .tabunselected {\n color: #7b7579;\n background-color: #f1f0df;\n}\n#sidebartabs .tabcontents {\n font-size: 7pt;\n background-color: #f1f0df;\n}\n#sidebartabs .txtmoretab .tabselected {\n background-color: #f1f0df;\n}\n#sidebartabs .txtmoretab .tabunselected {\n background-color: #f1f0df;\n}\n#sidebartabs .txtmoretab .tabcontents {\n background-color: #f1f0df;\n}\n#sidebartabs .tabcontents .tiddlylink {\n color: #ccc;\n}\n#sidebartabs .tabcontents .tiddlylink:hover {\n color: #330000;\n background-color: #deecd8;\n}\n#sidebartabs .tabcontents .button {\n color: #aaa;\n padding: 0em 0em 0em 0em;\n display: inline;\n}\n#sidebartabs .tabcontents .button:hover {\n color: #330000;\n background-color: #deecd8;\n}\n#commandpanel {\n padding: 0.5em 0em 0.5em 0em;\n}\n#commandpanel a {\n display: block;\n padding: 0.2em 0.2em 0.2em 0.2em;\n border: 1px solid #f1f0df;\n color: #72338f;\n}\n#commandpanel a:hover {\n border: 1px solid #72338f;\n text-decoration: none;\n color: #000000;\n background-color: #f1f0df;\n}\n#commandpanel a:active {\n color: #ffffff;\n background-color: #72338f;\n}\n.tabset {\n padding-top: 1em;\n}\n.tabset a {\n color: #ccff66;\n}\n.tabset a:hover {\n background-color: #e7e7d9;\n color: #72338f;\n text-decoration: none;\n}\n.tabset a:active {\n color: #000000;\n}\n.tabselected {\n font-weight: bold;\n display: inline;\n background-color: #8266ff;\n padding: 0.3em 0.3em 0.2em 0.3em;\n margin: 0px 1px 0px 1px;\n}\n.tabselected:hover {\n color: #000000;\n text-decoration: underline;\n}\n.tabunselected {\n font-weight: bold;\n display: inline;\n background-color: #8266ff;\n padding: 2px 3px 1px 3px;\n margin: 0px 1px 0px 1px;\n}\n.tabcontent {\n background-color: #8266ff;\n padding: 0.5em 0.5em 0.5em 0.5em;\n}\n.tabcontent a {\n color: #ffffff;\n}\n.tabcontent a:hover {\n color: #000000;\n background-color: #ccff33;\n text-decoration: none;\n}\n#licensepanel {\n padding: 0.5em 0em 0.5em 0em;\n}\n#licensepanel a {\n display: block;\n padding: 0.2em 0.2em 0.2em 0.2em;\n border: 1px solid #55553c;\n color: #000000;\n}\n#licensepanel a:hover {\n border: 1px solid #72338f;\n text-decoration: none;\n color: #000000;\n background-color: #cccc99;\n}\n#savemessage, #storearea, #copyright {\n display: none;\n}\n#storearea {\n display: none;\n}\n#floater {\n font-size: 10pt;\n visibility: hidden;\n color: white;\n background-color: #b8b896;\n position: absolute;\n padding: 1em 1em 1em 1em;\n opacity: 0.5;\n filter: alpha(opacity=50);\n}\n\n}\n
// //''Name:'' Gallery Plugin\n// //''Version:'' <<getversion gallery>> (<<getversiondate gallery "DDMMM YYYY">>)\n// //''Author:'' BradleyMeck\n// //''Type:'' [[Macro|Macros]]\n// //''Description:'' Inserts a small slideshow gallery element into the page\n// //''Syntax:'' << {{{gallery list image1 image2...}}}>> or <<{{{gallery number-expression image selectthisnumberinaddress endingnumber incrementby}}}>>\n// //''Directions:'' <<tiddler MacroDirections>>\n// //''Notes:''\n// //''Revision History:''\n// // v0.0.0 (10 September 2005): initial release\n\n// //''Code section:''\nversion.extensions.gallery = {major: 0, minor: 1, revision: 1, date:\nnew Date("Jul 20, 2005")};\nconfig.macros.gallery = {}\nconfig.macros.gallery.handler = function(place,macroName,params)\n{\n var box = createTiddlyElement(place,"table",null,"gallery","");\n box.style.width="100%";\n box.style.border="1px solid black";\n var image = document.createElement("img");\n image.currentNumber = 1;\n image.type = params[0];\n image.data = new Array();\n image.src = params[1];\n\n if(image.type == "list"){\n for(var i = 1; i < params.length; i++ ){\n image.data[i-1] = params[i];\n }\n }\n\n if(image.type == "number-expression"){\n var s = params[1].replace(/[^\sd]+/gi,",")\n if(s.charAt(0)==","){\n s=s.substring(1,s.length)\n }\n if(s.charAt(s.length-1)==","){\n s=s.substring(0,s.length-1)\n }\n var numbers = s.split(",")\n\n if(numbers[0] == ""){\n alert("No Numbers, Cannot Complete Slideshow")\n return;\n }\n\n var startlength = 0;\n var firstnumber = 0;\n var lastnumber = new Number(numbers[0])\n var incrementby = 1;\n var format = numbers[0].length;\n var selectedNumber = 0;\n\n if(params[2]){\n selectedNumber = params[2]-1;\n }\n\n if(params.length >= 5){\n firstnumber = new Number(numbers[selectedNumber]);\n lastnumber = new Number(params[3]);\n incrementby = new Number(params[4]);\n format = numbers[selectedNumber].length;\n }\n\n var startstring;\n if(numbers.length == 1){\n startstring =params[1].substring(0,params[1].indexOf(numbers[0]));\n }\n else{\n s = params[1]\n startlength = 0;\n for(var i = 0; i <= selectedNumber; i++){\n startlength += s.indexOf(numbers[i]);\n startlength += numbers[i].length;\n s = params[1].substring(startlength,params[1].length);\n }\n startstring = params[1].substring(0,startlength-(numbers[selectedNumber].length));\n }\n\n\n var endstring = params[1].substring(startstring.length+format,params[1].length);\n var count = 0;\n for(var i = firstnumber; i <= lastnumber; i += incrementby){\n count = i;\n var c=Math.pow(10,format);\n var formatting = "";\n while((c/=10)>9){\n if(i<c){\n formatting +="0"\n }\n }\n image.data[i-firstnumber] = startstring + formatting + i + endstring;\n }\n }\n\n var centerrowofgallery = document.createElement("tr");\n var leftsideofgallery = document.createElement("td");\n var middleofgallery = document.createElement("td");\n var rightsideofgallery = document.createElement("td");\n\n\n leftsideofgallery.appendChild(createTiddlyButton(place,"Previous","See Previous Image",function (){--image.currentNumber;if(image.currentNumber<0){image.currentNumber = image.data.length-1;}image.src=image.data[image.currentNumber];}))\n leftsideofgallery.style.textAlign="left";\n\n middleofgallery.appendChild(image);\n middleofgallery.style.textAlign="center";\n\n\n rightsideofgallery.appendChild(createTiddlyButton(place,"Forward","See Next Image",function (){++image.currentNumber;if(image.currentNumber>image.data.length-1){image.currentNumber = 0;}image.src=image.data[image.currentNumber];}));\n rightsideofgallery.style.textAlign="right";\n\n centerrowofgallery.appendChild(leftsideofgallery);\n centerrowofgallery.appendChild(middleofgallery);\n centerrowofgallery.appendChild(rightsideofgallery);\n\n box.appendChild(centerrowofgallery);\n}
* Image Gallery\n**work with local, http or data images\n\n<<gallery list 'http://www.zrenard.com/pictures/show.php?filename=Li9ub3Vub3Vycy5qcGc=' 'http://www.zrenard.com/pictures/show.php?filename=Li9jb2xsYWdlLmpwZw==' 'data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAA8CAIAAADAPzDDAAAABmJLR0QA/wD/AP+gvaeTAAAABnRSTlMA/wD/AP83WBt9AAAgAElEQVR42u19eZRcV3nnd+9bal+6lt43qVtLS7KktuRFXmTD2GBWM7bJwHFMADMHOBlPgAGUE5KMD4Hk4MCMwcmMz+RgyHGIE9tySCDg2AYj2caStbRkSd1Wq6Xe1dW1dNf6qt5y750/XtXr17V1VS9ajO7RH9VPVW+573e/+/t+33e/ixhjcK1da5epnYiqMgEA4DFs9PIuAa3p5fC1Hi/bYjl6MUNiOSqTa+ZgrZqkMR3rAKBRCEl0ra/IX+v00jaZIuFsvut5jHYErvXS2oAPo0t8xWvWvUzLmiy6RllKvWbg16SJGBwm9hKwrjn6r9mtMs0poJRyDeKXovU18JEsIQw1WJCdvwb3y9FcIp7J0MJntNb+00raTIYmFOoRcYvjqpyoOQTNdu6SXQ5dU2bKNpkwhQIAXOFYH01q+ucOF9fh5K69uGvWfTnNwiFLCXhSKotlaUJhGs3bCDuPRA68FuwR0aV3vAysA8BcjnU4r723a3BfpRbO0skUKTooaUzSIC4THqOgDTXa8KUEvc+K53K0wAquzdLXyMwqEZvxFKnFebXzqMvNXQKXS2+EwemYllGpQ8Db/DyHrr2rqwfu4ykSl6mVQz0e7tITg0pNo+zMHDHYSy0saIOXs9QJvaTCEgptdXDveshKGjMH7iwcEvHvHtyn0uRCMk8VPCLaERCukNczNKdJWn1dZOdRn68OljiZJpMpQhnMy3Sdm3cKyGvBXgta9XGbVhkAOIW63YzJFCEMOARBO7Yua0QSBpEsmc5QrSRy6hBQgwX/bgmRsdxCNySuGM07nKX1Yl03YLEc9VtrsloZNe8SzGZpRqECJkEbjuXojgC/ulPc0LwWLYSKr/MLAVutRjUu05FE3iceS6HbW8V6L51S2XBc02ilHmAZlUylocuF11qUvFLEWqdJ77tyJnRDfV+7H1r5Ra9AKbCmLFnlZ8mZxm26njhxjiyaIuq97rxMq2B9MZulxgz/LrfuXS5Oo5AjDADaHFeEfpxS2TLeruHdxmVWCyHhEPR6uJEEsWAgwoJ5qzTmZcIuZkhSgYxKzQzYY8FuARorW0czxOsyKKqJa9fLZAiD4XgdCI5kKY9RpxO/y+HOY7Sp4cpSRVMKXeHPvZaaxq1NwDmiYYxswHQ4tThwWSI7l6PvzGtlx0BYImGAGYn1erBDKAOXPp9wLq5plDkFVFcItsPFEQZxmQJAr7e+d7QMaz2TIS4BGiz4KoZ7TmO65fZarppYd1ZbkQuRrTlz+FhYlQkgAB4jvw13u7gqHm3REUllHIJWZ179zKj0dIxu8PK+Es+h2Y6b7eLynqXbzQHUPeWmVDaXW47JGE+Rqw/uOY1NZ0haZUWup4NHTgG1ObFTWLVHmp6OTk1Hav9+e1tQ/9DWFqgyEV+CprFF46oSx53JFAe5olk6W0gQT8fJzkKWMmFwLq71+QS3eJl9oGXnr8sE5mW6Fojn1+xRyfkEKYuYjMYyGpvN0i4X1+VaNZqeTEqDQ+OyrEYi8SWtjkKZz+912IR7bt+656a+sl8TMQJYPuRrZLk8WhQcbbKXecdJhZnzBUpnjyIfQ0f8zqCwdk6/SllSYTa+mnqYXAEbTKnQYFn9214T3T0kkRodlCYbXi3KfvitoU8++G1WP0A/++kP/Nk3fr/0eNmsgdpbiwO31uxzj6WIRsFnxb5y3u3pmJosEWdTKjtb4PFeEZWy6mUkjYUkGsmSnMbMfm2zHbc4ODMLnUqTk1EVAOw8uq1VFMoJppLGTsWKh6hCQCbMziNuKcPtFlHfGvhyq3/GaJbW7ozPZmkukwwgpfbzB4MeUVzNINRTP/5lMOD5wuc/YozVlMJ4DK0ObtIwZooan0tUOYkgCl6fZ5ESEolNx7HbbXe57Eveg1NOy7KaTUOq5PsyYclygYhcLNaogSJYXS67v9zCiItpYg7TRqMJWVYr3YCksZG4mlaZKIpun7toDERzrMWBu10cj1E0mjgbys5lCADMARzL8MagMj9s6cQ+miSRLAGABgve4L08ssTqX/V8UqvPKr89Pn922FpzRO2B+/ZWIdzLawdeO3nH3u19fV1JhR4P5+/fxiO/Fevxr/hc4tVfvF7lDI0tgTs/cJvxp51Hv/zZ6wBgEQX9zEvcwMGTU9NRALj5pr6bbuxbrMaUwfr4yMSx1wYAoK9/c1PTpkq+RyxLDGnSuERpS6sssljn37xj86adm8xkaTJFIhK9LiAcOHhyYCQ8L+eJyjkrLhtQa+1s4VvbWjtbSrnNvEwlldkvR2b1KsM9JBG5/vl/aCx8oCqYzO3xH+z/0n+//48eua+qJxp44P47Kt7kXProkXcmx2ZkeWFWGRwa7+vrMtvRf37lzPf/x2P651o40t9+64fPvfGjApPhAOD5/QempqOP/2D/vq994jOfvqcsA76QJHYeqRQOHR48dHgIAG6+acsz//ANky9bfGlVUd9+67Sqqr989qX9P/opAuRw2v/3s4/ZncXTSFKFRtOfxiWWbAM9A3aXPdAU+Owff3ZhPiFsIKL++o3BX/zba5V+aBGFYDA/y9m8np03b//ogx8URAEAeIyMde5LygAO4WpQZmL1C0+B5kB7T2ddPxkYOFfL16oMif/1+PPPv3BwZiZWShkX+EmdHc6APfvUT9/zwds2dAXNASZZUb/57aeTKan0fg5MK3qSglmfnpoKf/+JF4wvz+VoNEvTGpMLAs7oiaFQQhk/8Y6q5MlJJi298KN//f1HPlkijtFlCIgAMHF+AgE6C2fv/vjdHT0dZjOfkKu9YllRF+aQ6ei5M+eHT4987qt/EGwJrHNxE+n81OdaSjVyCQsWYTRJBATrPPyVBXeNsliO1Q93/+adm/t39UVCxUqilJWJRjVCMpmccXBLX1d//4YV3irHYa6cg+UW8fYAP5UmAkZuU5pag8/DW5Z2GFIKS8isbGjz+z94YXBw/LuPfd5MzY2EHLVC+HYsRQYii/xUKZ4cOTMixVOjQ+fN33zxuZe3vWdPoLuDxzUthwsGPBaLoFBEF88eUlqS0pLx5/HXjpvhXvYki+Auq5HoIifn5OFTT/7VD7/4J58LNPs31+Z98hjcItb759CMYvTSyhG/mnBPL3fFfmdvx1/8n33v/ObNRfR0Ijw8PCnL6pFjZ81Yf9/du4MBT/UTEspSKWl6OqpPOLMSjeUWcvGktDSa1NQKRqrdybU7OQA4PLZwcPct2xs7mhv81a47K9EcARVzr07JH11nLf3Cy68c++BH/uT//d+v9PV1FiYQpFbOU3g7pk2nSdF9jg2cAYCxE6f1P+/8zH8Z+PdfJ8NRAHjmb/7pPz/6FQTgFvGS2YV37N2xpa8rzCxqCbF469W3Bo8NUrL0RK2fxO0uJlFT09FkMnP4raEzg+MAcOb40N9//ydf/MbnSulW2dZgwbqHPZshBtZDEl3nuZKs+0oyGTUK99+3d4HND41PTUfXr295fv9Bw7QbWH/g/r3VzyZlcmcGx3/y3IGQRJQKvkQyman99pwc89r4bf2bjSd0OO3ml2fh0AWTj14pj3J6OvqJB7/153/60P333Q4ANzQJOv2bdXDvFPkz89p0muicKls4GBmdTEaikbGpRDgKAFaHPdjdcfPHP/zS3/4YAKYHh9/5zZub79yjUQaAoCT/rNib7OnsXtdTRlubjYYmQtFQtJae2bKlq8i3NhzTE29f+PpXnpidiQLAkdeOdz/38v2fubcW095ekHr8Ng5AM45fWWTGskoho6Gh8ZdeOSbLyvP7DxozoxnrpUJkKiVFIgnDoUwkM4cODx46PLjseyg6YSSakKQcp8pZDWTKCIWNOzZt7d+sM1G/DTfasKTRSnHEYMDjdjvOX7gIAMlU5qv7nhw4cW7f1z4RcNkDVgwApxfL7RqDsQKbdwo4qRAAIKo6fmKQqNrYQN60t2/dlAzHNt22+8hPfzk3HQKAgz9+1t/ebNmzUf+Cr3KOWjSaOH56rCFRLKMl55O6H6I/ezQUnRyZ7OjN85nJkclsJlu964bj2nSaSBqbI7YNu6+b/dmr+vHXD57s2L7lxl1LENEuF2cs+HCL6IYmMaFQAFjn5q4suFtXI4i3DKzrusqBgyeXfdHO3s7qJ3z9jVMA8B8vHzV/p0hC2eYXPBYCAAKCIi5hsQgf+fAeXVbSj/zkmV8dOHjysce/3NDVDgBFjMXs8TsExGPQKEydGdZUZfL0WU1VC6a93eKwcYKw6dYb3nz2ZwAgS9KRf3ju5t4vBJsDDgH7Kufcj43PplRmGxwvoxcpaqIQZIjNxiZGJgy4T4xMmJl9qXj/dlQ137y7YUHClxLJt8+MW7q6O51cSmUZlZp9kqANN9u56wJ8YPE9N9lx2Ujz5Ye714I5tMxUEz1o9/IrxwaHxouw/r67dm3Z0l0F6ytpvib/ur6eLG/dtLmr3t8WSSh2Hm2qGj35o0fu29LX9dWvP5lMSTrB/dSDj378kYduuPtWc348BZRcrH4027nhqfmZ4QtSPDVz7kIeBz3dcibrDvqT4Vj71k2N3SfCY5MAcH7w/GsvvnHfp++tbg7HxkNj46Eln1GoucNVyg6HFDOLKx0Y6fnkVJqendea7bhofWMsR208msvRgHUNkwhXWYhsd3Ljywq8N9mwjvVIJP6zn7+pA8LA+pa+rrvv2lUXiPe8fyHoc/KN41PnJxeutam3fVuf34r0nBKbw76ur8fR3lZdyG9vDxbLOC57vY+5+eadj/7NH3/vm383fX4SADRFfeZ7T02en2jral0QN0oMho1HscEhs4fKCwIhRIonzx85YRAbHe4AcPAXr3/ovTvdLSvVrwRRaOlsES015VGejKpFHsvEyERSWohsYMQUShXCKGWxHGt1oMJx8IjYIyKMYHhei2Xp7iZBWJvFyqsM9zYHnkqTeg18mwO/9pvjOtaf339QLsjJy8O60T740L3Gh6f/+oeHXnojL6GcHfG7rPf8+R9abBazrrLOXRnu7cFtt1xvbW3Tp9dKMXB93bGNK1PsUybslUlZ0hjX0vbId7/+j9996u03BvJM6aevtPZ0umwV7ejU+clsNJqYnNY9VADQVHXqzNlK34+Eov/yzH/c2t9dZTK84/btDQFvNEsTc4lTb50y8zqD2tmddpvT1t7TvmRXSxqbXey3jA5dOD8emRmbWYCay40A3AKAgFUKNg4arBwAWLliInd0Vt3TIl4FcOcx2uTlB+fryCNw8Gj48InhsxOri/Wi9tDXHgYAA/GDR08//tXv/Nc//0Nfk18/MrdUxIBZbOuu2wQAARu+qdx6zbEkMWhr4+KVoCqFyTTdXDB+Nof94f/533759L+++PS/6Ucunp+oqFmp2uCRU1lZPXfsVO3P+9LLR196edeHP7SnomQe9L7v7t1yoCWrsdBk6MlvPqlzj4mRiaa2po999mM6jSlNoSnbjITNbCYbC0UHj5zWVFVT1dDgwph0Bf1Wj7ugwIJMmLUC24rl6HBc21iwKReSRJ/xeIzMjuzlh7uOhjYFT9e2WJNDMHHs5MRIMdZ7e1qTqeyFCxd1r9H8k2XnzDz0tYdtTvurL7ycn2qHx7735b/8/KOPdG7sXvK309NR9Y3jU1MRAHCJaKAk07C9LdB92wK25uRFg0dlQEr09Q88dG9bT+c/fvepbAnHNUucoYkZcLrPvnlKj6FyAm/zeGi5nnSJOJOSEskMAMiK+tSPX+zfuaFSXwWDnva2QENX89CcGmgO7Ht833e+9B0d8UcOHMlK2U995VOB5iX6eeid8f0vvDYwMBLmHOZMfUEUTv12YHJkQveqAUC02xpam11Bv/GdTNUozWiCrHNzAkYKhUjWODXjEKxfgUSzJolpPR6ex2RJEu/gkTo5VoR1BMjlsgcCXgAIRxLhSELXyA2Z/MDBkw9+8i5dt663PfDFT3o7O376eD6zJRGJf+9Lf/nAvi9ed/OO6susIpFEIp0bHZ4AAIEDPbvJYhGDQe+CH/bPBx99Yl8hjFATn9t+S7//u1//yV//cNrkWgBAu0kpsrW24phy8cwwAgQA7du3Bro7HUEfoWAERBECp4BvaRHVTObxH+zXIxUDJ0aef+FgUeaCfhIAuGPvDj1xbTKF0irr6Ol49O8efeJPn5g8PwkAp4+cfuzLj33+zz7fs6VYmDfTtLHx2UgkcXzgHOdamAGyaWlq8eNwAr9+z24AaOxdZxysznhVykIZ2uHiinpyhbtLrFUeZpeL84hoPEXKxp4sHHS5uGY7NxQTLaJgtuu65n14cSaTOUNrajoaDHiDQc/e27cvPIbNRh2u6rckEzaRIv4bb9r7BXrwyb83qMI/feuJsYd+74YP/6f+IN9SyFB3u+xGqhMA5GQlJysAqaJzXrgwU/ZaLhG1twUsNTh5bes7iqi82UuTCZtOk0NPP5fX4AO+QHenr6ute3d/6aneu9nW4eI4jL/57af1I8/vP3DH7dt37uzV2Yvb5Sj91XUB4cisqlFm2Hgd8dFQ9LEvP/bwvodvfO+NxpdbGr2tfqcRzshkcplMLhyJI5ip6Pb0dDZtWAcOV+euHRbHIuc+rdIqK9rmZNrh4ux8XofVW8PKyu+soejjteAdAeH6IK9DX//XZMPb/fxNTaKe19HX19Xf36so9eUMJ1MZ85KlWI5OOZpbr9tqmK6ybSSu6WkOG/bu2fuFPzD/16Gnn33z6efemlWN/Ke+vq479u6ofsLS1uHiWhy4w8Vt9PL337fXbPurNJ3K3/PQR/NjmzFbQbafSGpDv3lzZiifEnf9/R8GgJa+jeUGGJyd11TKPvPpex4oxKenpqNP/fhFRVEBYO/t27ds6SobLekPCnrMxO6073t8363vv9UQ4J/8iydffj5P/5wCevBD/du21KTYbtix6c777rr34Qe239rfsnH9+j27A90dJQQMAcA789pbYeV4pDgXXyqwnb4G3mfFbhGtvBDNlVJF7PtPvFCFlx9+a6goc7W9LWAkHUymiNFZx/b/3G/F5xMaZQvKDABMpYmJAi604/t/btjj7nUt1+3pv2udw2MiNvqNVVInzYkPZdtzvzr96ht5a2gA2mTeWFymxlrV6FRo8thJnmq/d9c21NUrEzaYXxCUTwoAgLGjA2VNe6+X04Hb4eKgEK3T/6u6u59R6WiSzMuMsAUsXBi6UCTXvP89O7Y22gxP5vkXDpr7wXr9jeUt9GxMSktCS1soU4bZbg8IksZOz+Xf3TafYA7P+a141fWZd0lJ1JcnZEljAkbvaRdtPDoX186ZVlSlFDqSINU95o0N+ZKidh7d2S6ulu7725ASzZb32udydCpNyiZi7WoUbDwaT5FQicevECqalr7p9TD8VqyX6et0cTuDdUTijKKq+THj4SQNIlliZPs123GDlQtYl6izdzSszFZeiB3NUj3/pyiYoOu5xyOqxhiP0FYfb449rQXc3yUFr+/utMRy1M4jnQZ0u7nRJDEI38UMzWmsyoKpdufCIjdJYxMp0uNZnZ5xi7gs3EMSnUmTyo4aqAorylWUST7XXMDEa8UIkKTRuMwcAsoWyvTVW+Ivp1FzeaakCr0errt+6aPZzlWBu6PcwiXj4FYfLxNm4VBRnLXZvvpM+92zFZnfig3KK2C0qzFv5LIaG5xTQxK5WAFeDRZctNpgMl3xzR0KKc8MZ381KSu1SQRlqWZCYVWwLhaeggHY+XzhdsKYkVmgUsiqeR3aY8EeEQGAPktUmkkqA3FRDSbfch3Bdme1Mt82HomLocwhaCp0jYVDbhGX1kxuWoNicu/anff8VnxTs8BjMFZV6uUXNcqiWTqeIvq/OZnGFXouQSJZagC4yoKd0SQBgHCWzss1Aau55J0RBlOpaq65ub5KVmN9PqHLxTn4RdsV8Bg12vGOgKDvVucUsc+KAMBTc22WtMrGkmQsSZpsSHcEez2cbwX5KturFm0u6ocO1xLV6HVNZtVR8W7evcNvxbe1iqdj2omIKhPmFlFSYQZM7TxyiEhAoBCmEJZWIJyl6z28rapNETmkECZyqMaiP3YedTi5SZMtT8hUqRqQMLQ2G49nKZ3LUZ8Vu0TeJSKdUiMEbY58Cfmiytq2mg3iSFwzuqLXw3e4+JX39o6AoBfkKPtQcyJOK1SveVa95JOA0RqVKriccDdKL7U58GpxZZ18X8xQAGh1YDuPbmwSZjKWjMpCWRrNUr3Qc9lAtELYubi2wVsG8Ydn1dGE5rXgezotulos1pztvKmBD0nUWLVUfZfWgA2LBafQLSIOQUplPisAQJOdsyiUMnDwqNJ2CYGa8W4uXbZa9dLanZxbRINzWtkly91ubi4LbsvCA1ZqW3z8GtV6v2xw1ygzytFMZ6hDIKtV2/toWNUp7MUM3tsq6taCAUvKdMl0C0LZhYR2Q+OieTku09GEpn9QKWuq8z7tPOoPCm/NKsagqqyTgayx0YSGMSIUEgpNKWwqrcayVOSQx4Ja7NX2fhIw6nDVykbMPq119bDlFvHNzWJSoSGJGqXRXCLyiNhnxQKGo7NqlfX7dh5t9QtN9nddBeCiha3yWtb1Dtjw2XitkSyFMISK34HBYZZndZrtuD8oDERUAEhXWOLos+GUzFIqC0tEocgtIoeAHALKaki/q4jEIhJd7+Eq5TtsauBr10/7g8JoUiMUnCJadQ3ELWJ3BdOyp0WcTJGpNCkCvZ1H7S5Oz5NZOyRcNrg7BWThFlBuWT0vPGjLa3/BQlqiz4oT8vLrFYocuq/HGs5SR4nCUHvrcHI2Hg3HtYTKkjkKAC4L9ooIABwiarZzVg4lZE3HOgDo3AcjaHVyCBYyzMZTtOyo29TAr/dwdfX/df7VWSuTVKhKwSiuJGlsOk0SCjMkzqANd7sX+EmHi+twcZLGDELlt14iyeSywZ3HaIdfmM1SHeuruEtJXwNfWl7QIeJMbRU63RZctkhdo22lryRgxYFm8fisNg5EowwYtDo5Y9U9AMga07EOppWQbhEHbXgypenbbxDKzsXJVt/Cbm12Hm0LCM32yyOyvTol62L/Vp8QksjQnBqSqENATXbMFWbJSJaOJcnOoGAummnn0SXbovCKcFWtPFphBeCMxjIq81qQ4f1EstScLCBgaHNyKmXdLu5CErIqXRLresVDSWNLvoyZDDkd0ySNbfPztbvavV4+nCUAyClg80I1hQJC4BYRZSBySOAWNA0rBxu8fDRHYzmmaJRQNpWmejBovYeri8OsbpM0ZgS2BufUc/H8tm0ZlckE7Pyib/52RtndKHS7Lyfkrm4h8s0ZZVaiDgF9bL1VpfDGRbk0MeZERAUABrDezc1KMC8zQiuxZ669sK2FQpaG+0BE0/WWs/N1RGFvaeGn0oQyViRy63SrKABp47Gxa1XAigNWUAiO5lg4Sxus1C3ibf7LuUWhOZ3xVEyjSyWkHA2rDgEHbYuSIEYSJKPSVgdXu/g4HNdUCl4RtdVZ4vjqhrvu72ZUNp0mR2aVSrY7mqXzMu318q0OLmBj0SyNKzCfI/oMIyBwiLjZjh0mfNeyy0iLA0+kCCxVXi8k0YRCW+x5sdkt4o+ttxwKFd9tfPGKEIVALEd9VhZX8hTfcCQwYggYAKIMjofV6xuFywd3tCMgTKXJvEwbLCilMj2kIHJQyVgcmVU+2L1Qc+pihowlNX1a3uDlw4snZzuPSheYh7NUd/obLPh3C+63tIhvR9VNDfyJiFqFp7gteDpDptOky82LGLU6OMIooxgArALqKenQGuuy6yXgJJVt81fsxsk00d/N2XntlhZRZy8BG97VKB4LK1XuWWdTGFBcpl5x0f14RDQrGUOu4q2mVHYopGgUbDza1Si41qbirl507bczSsbKfIWknSrCg6SxSJYGSxyhsET+5UKuVKU9EUU3NgpmWBvLoObrlx+ubrg32vBdHZbBpXb6FTF4RBzL0WYH0wM02UL6WE5lpTS918sBwHSGnp1TwyZj47XgTV7OqFRo41H/UumH5hszR3ZaHPj9XdZTUbXsmi+Rw1v9eCyhFc0zOcISMrXxaKOX7/HyGzxcle1RB+fy2ztmNTY4p93UtIaTwMVCfm8t3mckSwy4d7v5SJa+M69pDGU1NpejGJjfFCxTCHt9RrmtRTQQ3+bAbU5OpdBdv+P3bkgiGJ5Xl/xOkx0nFBrKkC43r3NitZB6W4SXgA0HrPjFcTleYjziMj08S0eT5LZWsUZFsopJFTBc3yj0ePloliZkmlFhOgMcAr8V67QnYBUW0xt2rhA9aLThHYEyoceQRHUf4FIKNfE6rayZttl5FLBxXomqFIbm1FiOqYS1ONnWxckRA1EtaMtHskUO3bbcxOCrHu5xmak19LaNR50u3kiKbHVgXdTzWrB1MWXf0ywORFT9FRIGYYlmCbNxqNGOOQSRLD0zpx6aVde5OZFDjTbc7uTaHBVzCvTFFvr0WxaCHhF5RA6Aa3Zwb85U28XE/JhlpXeVsoGwqnvPCRl3e/ikki8Eu6a7Zagr2JAzo7LTMRUAkjJJFXKe53I0LlPztJZR6bkEKRoDv5twr7WzGywIgCOUcRhxCAJWRAGZ3dNWB7erUZiXqbHnUU5j0RzV34pbRNFcPjCuEBqSoNnOTaXJVJo4BHRTk1CUXHAopGRUtqmBX1+baNPqwHYBSZUzasz7GZWtEJZUmJGZozFosuHbWi1Zjdl4ZFvLjZmDdUYkzMXvhwvzlUPADPLGCJUbQsNxbeVwv+oTgOta0NBgQXe2W/p8/EyGnotr5+NaUmEChlYHt7dNvLlZEDCcnStPjSbSZM40tMwJwxmV/XpKMc/RcZmNJkk4S1+7uMS2UwphsxLV//VWHRhWDrU7uUYb7vMJNzSVmc3tPBJM6WUAYOPAZ1lbrNcuZJVVAuKFiJ6VR5sbeK8Vu0Tkt+FSx1ohLJylK7zPq8a6qxT+fTSrUtjg5c3r09ehcOUAAAFgSURBVOo1LUEbFjG0O7HfhgllPiu+q8NiKIkKYeYKOQ4BuUVMGMuoLKcx80JtQiEhU7N2fvDiQll3ueAYOCqT94zK3o6qo4v3ldb95koJjw0W3OrAu5vEstKnjUd3tov6+F/rsLyksYzKjM7v9XBHw7TG/q80NnxWXD3hPqMysP1uwP1cPL8Bgb5j6ErsiseCA1YczVHg0Ho3Z4ZOvCR9oMuFAeDtWBmTrywOV2VUNpUmem3yJjt3faOgENbh5Cu5HK+UWxJl51GOgEZZ2XGywcv3+fgqMr+tsHxxrd+FntcuYLh3vU0XWEYSpBZiucV3OeNiVw3cWx3cmZhaas4FDN1ubixZvKN0QmEihwLWRa9/YyGX5vpGQdfOaomGJhSWN9ZL8abRJDFK8VepBqyQ8lgvkJa8lGTlkaExOwS0dlng9c+0rNRJ3d0o/HZGqc4tdwSEotfnqOeJvJaVPv7/BzGPdCB8gLI6AAAAAElFTkSuQmCC'>>
//Macro: newFromTemplate\n//Author: Denis Méline (based on newNote from Clint Checketts)\n//Version: 1.0 Sept 13, 2005\n\n//usage: <<newFromTemplate "New GTD Project" "Project XXX - Sept/07" "GTDProjectTemplate" Tag1 Tag2 OtherTag> > \n//example: < <newFromTemplate (button text) (title for the created tiddler) (TemplateTiddler) (default tags, unlimited) > >\n\nversion.extensions.newFromTemplate = {major: 0, minor: 1, revision: 0, date: new Date(2005,9,13)};\nconfig.macros.newFromTemplate = {label: "newFromTemplate (this.label isn't used anymore)", prompt: "Create a new tiddler from the current date and time as title and tag using a tiddler as template"};\n\nconfig.macros.newFromTemplate.handler = function(place,macroName,params)\n{\n var now = new Date();\n var title = now.formatString(params[1].trim());\n var createNote = function() {\n displayTiddler(null,title,2,null,null,false,false);\n var tagsBox = document.getElementById("editorTags" + title);\n tagsBox.value = "";\n if(tagsBox && params[3])\n for(var i=3; i < params.length; i++) {\n if(params[i]) tagsBox.value += " "+String.encodeTiddlyLink(params[i]);\n }\n var e = document.getElementById("editorBody" + title);\n e.value = store.getTiddlerText(params[2]);\n e.focus();\n e.select();\n };\n createTiddlyButton(place,params[0],this.prompt,createNote);\n}
*[[Styles|HelloStyle]]\n**None\n\n*[[Macro|HelloMacro]]\n**None\n\n*[[Tips|HelloTips]]\n**None\n\n*Misc\n**None
!![[Menu|MainMenu]]\n<<displayDefaultTiddlers 'Home Page'>>\n----\n[[Macro|HelloMacro]]\n[[Tips|HelloTips]]\n[[Styles|HelloStyle]]\n----\n[[Agenda2005]]\n[[Agenda2006]]\n----\n[[Configuration]]\n[[XML feed|tiddlywiki.xml]]\n[[Help]]\n----\n[[Tiddlywiki|http://tiddlywiki.com]] <<version>>\n----\n<<newTiddler>>\n<<newFromTemplate "new blog entry" "DD MMM YYYY" "BlogTemplate" Blog>>\n
*[[Styles|HelloStyle]]\n**Update for [[Wygent-Forest]]\n*[[Macro|HelloMacro]]\n**Add GalleryMacro and [[Gallery]] for testing\n**Add NewFromTemplate and [[BlogTemplate]] ; use ''new blog entry'' button to test.
body {\n background-color: #f2f2f2;\n font-size: 9pt;\n font-family: verdana, arial, helvetica;\n margin: 0em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n position: relative;\n z-index: 0;\n}\na:link, a:visited {\n text-decoration: none;\n}\na:hover, a:active {\n text-decoration: none;\n}\n#contentWrapper {\n position: absolute;\n width: 100%;\n}\n#header {\n height: 10em;\n}\n#titleLine {\n background-color: #f2f2f2;\n border-bottom: solid 1px #cbcdd9;\n margin-left: 4px;\n margin-right: 4px;\n padding: 2em 0em 1em 14em;\n}\n#titleLine a {\n color: #353d61;\n}\n#siteTitle {\n font-family: 'Times New Roman', serif;\n color: #445577;\n font-size: 26pt;\n font-weight: bold;\n}\n#siteSubtitle {\n color: #008800;\n font-size: 8pt;\n font-weight: bold;\n}\n#mainMenu {\n position: absolute;\n top: 25px;\n margin-left: 4px;\n width: 10.5em;\n line-height: 150%;\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: 9pt;\n color: black;\n text-align: center;\n background-color: #f3ede0;\n border: solid 1px #cbcdd9;\n}\n#mainMenu .tiddlyLink {\n color: #996633;\n}\n#mainMenu .tiddlyLink:hover {\n background-color: #e6f0ee;\n color: #5f5f5f;\n font-weight: bold;\n}\n#mainMenu .externalLink {\n color: #e27c88;\n text-decoration: underline;\n font-weight: bold;\n font-size: 7pt;\n}\n#mainMenu .externalLink:hover {\n background-color: #e6f0ee;\n color: #000;\n}\n#mainMenu .button {\n color: #993300;\n font-size: 7pt;\n}\n#mainMenu .button:hover {\n color: #ccff66;\n background-color: #993300;\n}\n#displayArea {\n margin: -3em 17em 1em 14em;\n}\n#messageArea {\n background-color: #fef9d6;\n color: #993300;\n padding: 0.5em 0.5em 0.5em 0.5em;\n display: none;\n text-align: center;\n font-weight: bold;\n border: solid #996633 2px;\n}\n#messageArea a:link, #messageArea a:visited {\n display: inline;\n text-decoration: underline;\n color: #cc9900;\n}\n#messageArea a:hover {\n color: #996633;\n}\n#messageArea a:active {\n color: #000000;\n}\n#popup {\n display: none;\n position: absolute;\n line-height: 110%;\n font-size: 7pt;\n color: #7b7579;\n background-color: #f2f2f2;\n padding: 0.25em 0.25em 0.25em 0.25em;\n border: 1px solid #aaa;\n z-index: 10;\n}\n#popup a {\n display: block;\n color: #7b7579;\n padding: 1px 1px 1px 1px;\n}\n#popup a:hover {\n background-color: #deecd8;\n color: #330000;\n}\n#popup hr {\n border-top: solid 1px #aaa;\n border-left: #aaa;\n border-right: #aaa;\n border-bottom: #aaa;\n height: 1px;\n width: 5em;\n left: 0em;\n color: #330000;\n}\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px 2px 2px 2px;\n}\n.tabSelected {\n background-color: #eeeeaa;\n}\n.tabUnselected {\n background-color: #cc9900;\n}\n.tab:hover {\n}\n.tab:active {\n}\n.tabContents {\n padding: 0.5em 0.5em 0.5em 0.5em;\n background-color: #eeeeaa;\n}\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n.tabContents li {\n list-style: none;\n}\n.tabContents li.listLink {\n margin-left: .75em;\n}\n#tiddlerDisplay {\n}\n.tiddler {\n padding: 0em 0em 1em 0em;\n background-color: #ffffff;\n border: 1px #cbcdd9 solid;\n margin-bottom: 1em;\n margin-top: 1em;\n}\n.selectedTiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n.unselectedTiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n.tiddler a.tiddlyLinkExisting {\n font-weight: bold;\n}\n.tiddler a.tiddlyLinkNonExisting {\n font-style: italic;\n}\n.tiddler a.externalLink {\n text-decoration: underline;\n}\n.tiddler .button {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #aaa;\n}\n.tiddler .button:hover {\n text-decoration: none;\n color: #000;\n background-color: #bcd;\n}\n.tiddler .button:active {\n color: #ffffff;\n background-color: #353d61;\n}\n.selectedTiddler .footer {\n color: #9ab !important;\n}\n.selectedTiddler .footer a:hover {\n color: #000 !important;\n background-color: #deecd8 !important;\n}\n.selectedTiddler .title {\n}\n.selectedTiddler .toolbar {\n visibility: visible;\n}\n.title {\n font-size: 11pt;\n font-family: tahoma, arial, sans-serif;\n color: #8995a6;\n background-color: #f5f5f5;\n font-weight: bold;\n text-align: left;\n padding: 5px 3px 3px 10px;\n border: solid 1px #e3d3b0;\n margin-top: 0.5em;\n}\n.toolbar {\n text-align: right;\n font-size: 8pt;\n padding: 0em 0em 0em 2em;\n color: #aaa;\n visibility: hidden;\n}\n.toolbar a: {\n color: #aaa;\n}\n.toolbar a:hover {\n color: #000000 !important;\n background-color: #dff1f0 !important;\n border: 1px solid #9ab !important;\n margin: 0px -1px 0px -1px;\n}\n.toolbar a:active {\n color: #000000 !important;\n background-color: #dff1f0 !important;\n}\n.toolbar #popup {\n text-align: center;\n}\n.footer {\n font-weight: normal;\n font-size: 8pt;\n margin: 0em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n color: #dddddd;\n}\n.body {\n padding-top: 0.5em;\n}\n.viewer {\n color: #000000;\n line-height: 140%;\n}\n.viewer a:link, .body a:visited {\n color: #996633;\n}\n.viewer a:hover {\n color: #ffffff;\n background-color: #996633;\n}\n.viewer .button {\n margin: 0em 0.25em 0em 0.25em;\n padding: 0em 0.25em 0em 0.25em;\n background-color: #cc9900;\n color: #330000;\n border-right: 1px solid #33000;\n border-bottom: 1px solid #33000;\n}\n.viewer .button:hover {\n background-color: #eeeeaa;\n color: #cc9900;\n}\n.viewer blockquote {\n font-size: 8pt;\n line-height: 150%;\n border-left: 3px solid #666666;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n.viewer ul {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n.viewer ol {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n.viewer h1, .viewer h2, .viewer h3, .viewer h4, .viewer h5 {\n font-weight: bold;\n text-decoration: none;\n background-color: #cccc99;\n padding-left: 0.4em;\n}\n.viewer h1 {\n font-size: 12pt;\n}\n.viewer h2 {\n font-size: 11pt;\n}\n.viewer h3 {\n font-size: 10pt;\n}\n.viewer h4 {\n font-size: 9pt;\n}\n.viewer h5 {\n font-size: 8pt;\n}\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n margin-left: 1.0em;\n margin-right: 1.0em;\n margin-top: 0.8em;\n margin-bottom: 0.8em;\n font-size: 100%;\n}\n.viewer th {\n background-color: #999966;\n border: 1px solid #606060;\n color: #ffffff;\n padding: 3px;\n}\n.viewer td, .viewer tr {\n border: 1px solid #606060;\n padding: 3px;\n}\n.viewer caption {\n padding: 3px;\n}\n.viewer pre {\n padding: 0.5em 0.5em 0.5em 0.5em;\n margin-left: 0.5em;\n font-size: 100%;\n line-height: 1.4em;\n color: #000000;\n border: 1px solid #996633;\n background-color: #eeeeaa;\n overflow: auto;\n}\n.viewer code {\n font-size: 100%;\n line-height: 1.4em;\n color: #663300;\n}\n.viewer hr {\n border-top: dashed 1px #606060;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666666;\n}\n.highlight, .marked {\n color: #000000;\n background-color: #ffe72f;\n}\n.editor {\n font-size: 8pt;\n color: #402C74;\n font-weight: normal;\n}\n.editor input {\n display: block;\n border: 1px solid black;\n width: 100%;\n}\n.editor textarea {\n display: block;\n font: inherit;\n border: 1px solid black;\n width: 100%;\n height: 200px;\n background-color: #fefbf1;\n}\n.editorFooter {\n padding: 0.25em 0em 0.25em 0em;\n font-size: 8pt;\n color: #aaaaaa;\n}\n.editorFooter A {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #993300;\n}\n.editorFooter A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n.editorFooter A:active {\n color: #ffffff;\n background-color: #cc9900;\n}\n#sidebar {\n position: absolute;\n top: 65px;\n width: 16.5em;\n color: #000000;\n font-size: 8pt;\n text-align: center;\n}\n#sidebarOptions {\n padding-top: 0.5em;\n padding-bottom: 1em;\n margin-right: 4px;\n background-color: #f4ecea;\n border: solid 1px #cbcdd9;\n}\n#sidebarOptions .button {\n color: #993300;\n padding: 0.3em 0.2em 0.3em 1em;\n display: block;\n}\n#sidebarOptions .button:hover {\n color: #330000;\n background-color: #f4ecea;\n font-weight: bold;\n}\n#sidebarOptions .button:active {\n color: #ffcc00;\n background-color: #ecd8de;\n}\n#sidebarOptions input {\n margin: 0.4em 0em 0.3em 1em;\n}\n#sidebarOptions .sliderPanel {\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: 7pt;\n background-color: #eeeeaa;\n text-align: left;\n}\n#sidebarOptions .sliderPanel A {\n color: #993300;\n font-weight: bold;\n}\n#sidebarOptions .sliderPanel A:hover {\n color: #ccff66;\n background-color: #993300;\n}\n#sidebarOptions .sliderPanel A:active {\n color: #993300;\n background-color: #ccff66;\n}\n#sidebarOptions .sliderPanel input {\n margin: 0em 0em 0.3em 0em;\n}\n.sidebarSubHeading {\n font-size: 7pt;\n color: #b2acb8;\n background-color: #e5e5e5;\n}\n#sidebarTabs {\n color: #aaa;\n background-color: #f2f2f2;\n font-size: 7pt;\n}\n#sidebarTabs .tabSelected {\n color: #996633;\n background-color: #f4ecea;\n position: relative;\n top: -2px;\n font-weight: bold;\n}\n#sidebarTabs .tabUnselected {\n color: #7b7579;\n background-color: #f2f2f2;\n}\n#sidebarTabs .tabContents {\n font-size: 7pt;\n background-color: #f2f2f2;\n}\n#sidebarTabs .txtMoreTab .tabSelected {\n background-color: #f4ecea;\n}\n#sidebarTabs .txtMoreTab .tabUnselected {\n background-color: #f2f2f2;\n}\n#sidebarTabs .txtMoreTab .tabContents {\n background-color: #f2f2f2;\n}\n#sidebarTabs .tabContents .tiddlyLink {\n color: #ccc;\n}\n#sidebarTabs .tabContents .tiddlyLink:hover {\n color: #330000;\n background-color: #deecd8;\n}\n#sidebarTabs .tabContents .button {\n color: #aaa;\n padding: 0em 0em 0em 0em;\n display: inline;\n}\n#sidebarTabs .tabContents .button:hover {\n color: #330000;\n background-color: #deecd8;\n}\n#licensePanel {\n padding: 0.5em 0em 0.5em 0em;\n}\n#licensePanel A {\n display: block;\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: #993300;\n}\n#licensePanel A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n#licensePanel A:active {\n color: #993300;\n background-color: #ccff66;\n}\n#storeArea, #copyright {\n display: none;\n}\n.sparkline {\n background-color: #eeeeaa;\n border: none;\n line-height: 100%;\n}\n.sparktick {\n background-color: #993300;\n outline: 0;\n}\n.errorNoSuchMacro {\n color: #ffff00;\n background-color: #ff0000;\n}\n.zoomer {\n font-size: 10pt;\n display: none;\n color: #996633;\n position: absolute;\n padding: 1em 1em 1em 1em;\n border: 1px solid #996633;\n}\n#saveTest {\n display: none;\n}\n@media print {\n#mainMenu, #sidebar, #messageArea {\n display: none ! important;\n}\n#displayArea {\n margin: 1em 1em 1em 1em;\n}\n\n}
*[[Styles|HelloStyle]]\n**Wygent-Pale-Grey update\n\n*[[Macro|HelloMacro]]\n**[[systemConfigFromMark]] some usefull tips to have a default setup in tiddlywiki
body {\n background-color: #c3c8dc;\n font-size: 9pt;\n font-family: verdana, arial, helvetica;\n margin: 0em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n position: relative;\n z-index: 0;\n}\na:link, a:visited {\n text-decoration: none;\n}\na:hover, a:active {\n text-decoration: none;\n}\n#contentWrapper {\n position: absolute;\n width: 100%;\n}\n#header {\n height: 10em;\n}\n#titleLine {\n background-color: #c3c8dc;\n /*border-bottom: solid 1px #aaa;*/\n padding: 1em 1em 0.5em 1em;\n margin-left: 5px;\n margin-right: 5px;\n}\n#titleLine a {\n color: #ca0000;\n}\n#siteTitle {\n font-family: 'Times New Roman', serif;\n color: #ca0000;\n font-size: 26pt;\n font-weight: bold;\n padding-left: 5em;\n}\n#siteSubtitle {\n color: #008800;\n padding-left: 1em;\n font-size: 8pt;\n font-weight: bold;\n}\n#mainMenu {\n position: absolute;\n left: 5px;\n top: 25px;\n width: 10em;\n line-height: 150%;\n padding: 1em 0.5em 0.5em 0.5em;\n font-size: 10pt;\n color: black;\n text-align: center;\n background-color: #d8e4ec;\n border: solid 1px #aaa;\n}\n#mainMenu .tiddlyLink {\n color: #0055e5;\n}\n#mainMenu .tiddlyLink:hover {\n background-color: #e6eef6;\n color: #000;\n font-weight: bold;\n}\n#mainMenu .externalLink {\n color: #e27c88;\n text-decoration: underline;\n font-weight: bold;\n font-size: 8pt;\n}\n#mainMenu .externalLink:hover {\n background-color: #0055e5;\n color: #e2db7c;\n}\n#mainMenu .button {\n color: #993300;\n font-size: 8pt;\n}\n#mainMenu .button:hover {\n color: #ccff66;\n background-color: #993300;\n}\n#displayArea {\n margin: -4em 16em 1em 13.5em;\n}\n#tiddlerDisplay {\n}\n#messageArea {\n background-color: #fefbf1;\n color: red;\n padding: 0.5em 0.5em 0.5em 0.5em;\n display: none;\n text-align: center;\n font-weight: bold;\n border: solid #7c99e2 2px;\n}\n#messageArea a:link, #messageArea a:visited {\n display: inline;\n text-decoration: underline;\n color: red;\n}\n#messageArea a:hover {\n color: blue;\n}\n#messageArea a:active {\n color: #000000;\n}\n#popup {\n display: none;\n position: absolute;\n line-height: 110%;\n font-size: 8pt;\n color: #7b7579;\n background-color: #d8dae6;\n padding: 0.25em 0.25em 0.25em 0.25em;\n border-right: 1px solid #330000;\n border-bottom: 1px solid #330000;\n z-index: 10;\n}\n#popup a {\n display: block;\n color: #7b7579;\n padding: 1px 1px 1px 1px;\n}\n#popup a:hover {\n background-color: #deecd8;\n color: #330000;\n}\n#popup hr {\n border-top: solid 1px #ccff66;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n width: 5em;\n left: 0em;\n color: #330000;\n}\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px 2px 2px 2px;\n}\n.tabSelected {\n background-color: #eeeeaa;\n}\n.tabUnselected {\n background-color: #cc9900;\n}\n.tab:hover {\n}\n.tab:active {\n}\n.tabContents {\n padding: 0.5em 0.5em 0.5em 0.5em;\n background-color: #eeeeaa;\n}\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n.tabContents li {\n list-style: none;\n}\n.tabContents li.listLink {\n margin-left: .75em;\n}\n.tiddler {\n padding: 0em 0em 0em 0em;\n background-color: #ffffff;\n border-top: solid 3px #e5e5e5;\n border-right: solid 3px #aaa;\n border-bottom: solid 3px #aaa;\n border-left: solid 3px #e5e5e5;\n}\n.selectedTiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n.unselectedTiddler {\n padding: 1em 1em 0em 1em;\n font-size: 9pt;\n}\n.tiddler a.tiddlyLinkExisting {\n font-weight: bold;\n}\n.tiddler a.tiddlyLinkNonExisting {\n font-style: italic;\n}\n.tiddler a.externalLink {\n text-decoration: underline;\n}\n.tiddler .button {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #7c99e2;\n}\n.tiddler .button:hover {\n text-decoration: none;\n color: #ffffff;\n background-color: #7c99e2;\n}\n.tiddler .button:active {\n color: #ffffff;\n background-color: #353d61;\n}\n.title {\n font-size: 12pt;\n font-family: tahoma, arial, sans-serif;\n background-color: #fefbf1;\n color: #3e517d;\n font-weight: bold;\n text-align: left;\n border: solid 1px #e5e5e5;\n padding: 10px 5px 5px 10px;\n margin-top: 0.5em;\n}\n.selectedTiddler .title {\n}\n.toolbar {\n text-align: right;\n font-weight: normal;\n font-size: 8pt;\n padding: 0em 0em 0em 2em;\n color: #aaaaaa;\n visibility: hidden;\n}\n.toolbar a:hover {\n color: #0055e5 !important;\n background-color: #e6f0ee !important;\n border: 1px solid #aaa !important;\n margin-left: -1px;\n margin-right: -1px;\n}\n.toolbar #popup {\n text-align: left;\n}\n.selectedTiddler .toolbar {\n visibility: visible;\n}\n.footer {\n font-weight: normal;\n font-size: 8pt;\n margin: 0em 0em 0em 0em;\n padding: 0em 0em 0em 0em;\n color: #dddddd;\n}\n.selectedTiddler .footer {\n color: #888888;\n}\n.body {\n padding-top: 0.5em;\n}\n.viewer {\n color: #000000;\n line-height: 140%;\n}\n.viewer a:link, .body a:visited {\n color: #996633;\n}\n.viewer a:hover {\n color: #ffffff;\n background-color: #996633;\n}\n.viewer .button {\n margin: 0em 0.25em 0em 0.25em;\n padding: 0em 0.25em 0em 0.25em;\n background-color: #cc9900;\n color: #330000;\n border-right: 1px solid #33000;\n border-bottom: 1px solid #33000;\n}\n.viewer .button:hover {\n background-color: #eeeeaa;\n color: #cc9900;\n}\n.viewer blockquote {\n font-size: 8pt;\n line-height: 150%;\n border-left: 3px solid #666666;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n.viewer ul {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n.viewer ol {\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n.viewer h1, .viewer h2, .viewer h3, .viewer h4, .viewer h5 {\n font-weight: bold;\n text-decoration: none;\n background-color: #cccc99;\n padding-left: 0.4em;\n}\n.viewer h1 {\n font-size: 12pt;\n}\n.viewer h2 {\n font-size: 11pt;\n}\n.viewer h3 {\n font-size: 10pt;\n}\n.viewer h4 {\n font-size: 9pt;\n}\n.viewer h5 {\n font-size: 8pt;\n}\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n margin-left: 1.0em;\n margin-right: 1.0em;\n margin-top: 0.8em;\n margin-bottom: 0.8em;\n font-size: 100%;\n}\n.viewer th {\n background-color: #999966;\n border: 1px solid #606060;\n color: #ffffff;\n padding: 3px;\n}\n.viewer td, .viewer tr {\n border: 1px solid #606060;\n padding: 3px;\n}\n.viewer caption {\n padding: 3px;\n}\n.viewer pre {\n padding: 0.5em 0.5em 0.5em 0.5em;\n margin-left: 0.5em;\n font-size: 100%;\n line-height: 1.4em;\n color: #000000;\n border: 1px solid #996633;\n background-color: #eeeeaa;\n overflow: auto;\n}\n.viewer code {\n font-size: 100%;\n line-height: 1.4em;\n color: #663300;\n}\n.viewer hr {\n border-top: dashed 1px #606060;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666666;\n}\n.highlight, .marked {\n color: #000000;\n background-color: #ffe72f;\n}\n.editor {\n font-size: 8pt;\n color: #402C74;\n font-weight: normal;\n}\n.editor input {\n display: block;\n border: 1px solid black;\n width: 100%;\n}\n.editor textarea {\n display: block;\n font: inherit;\n border: 1px solid black;\n width: 100%;\n height: 200px;\n background-color: #fefbf1;\n}\n.editorFooter {\n padding: 0.25em 0em 0.25em 0em;\n font-size: 8pt;\n color: #aaaaaa;\n}\n.editorFooter A {\n padding: 0.2em 0.4em 0.2em 0.4em;\n color: #993300;\n}\n.editorFooter A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n.editorFooter A:active {\n color: #ffffff;\n background-color: #cc9900;\n}\n#sidebar {\n position: absolute;\n top: 100px;\n right: 5px;\n width: 16.5em;\n color: #000000;\n font-size: 8pt;\n background-color: #c3c8dc;\n text-align: center;\n}\n#sidebarOptions {\n padding-top: 0.5em;\n padding-bottom: 1em;\n background-color: #ecd8de;\n border: solid 1px #aaa;\n}\n#sidebarOptions .button {\n color: #993300;\n padding: 0.3em 0.2em 0.3em 1em;\n display: block;\n}\n#sidebarOptions .button:hover {\n color: #330000;\n background-color: #ecd8de;\n font-weight: bold;\n}\n#sidebarOptions .button:active {\n color: #ffffff;\n background-color: #ecd8de;\n}\n#sidebarOptions input {\n margin: 0.4em 0em 0.3em 1em;\n}\n#sidebarOptions .sliderPanel {\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: 7pt;\n background-color: #eeeeaa;\n text-align: left;\n}\n#sidebarOptions .sliderPanel A {\n color: #993300;\n font-weight: bold;\n}\n#sidebarOptions .sliderPanel A:hover {\n color: #ccff66;\n background-color: #993300;\n}\n#sidebarOptions .sliderPanel A:active {\n color: #993300;\n background-color: #ccff66;\n}\n#sidebarOptions .sliderPanel input {\n margin: 0em 0em 0.3em 0em;\n}\n.sidebarSubHeading {\n font-size: 7pt;\n color: #b2acb8;\n background-color: #c3c8dc;\n}\n#sidebarTabs {\n background-color: #c3c8dc;\n}\n#sidebarTabs .tabSelected {\n color: #353d61;\n background-color: #d8e4ec;\n position: relative;\n top: -2px;\n font-weight: bold;\n}\n#sidebarTabs .tabUnselected {\n color: #7b7579;\n background-color: #d8dae6;\n}\n#sidebarTabs .tabContents {\n background-color: #c3c8dc;\n}\n#sidebarTabs .txtMoreTab .tabSelected {\n background-color: #d8e4ec;\n}\n#sidebarTabs .txtMoreTab .tabUnselected {\n background-color: #d8dae6;\n}\n#sidebarTabs .txtMoreTab .tabContents {\n background-color: #c3c8dc;\n}\n#sidebarTabs .tabContents .tiddlyLink {\n color: #7b7579;\n}\n#sidebarTabs .tabContents .tiddlyLink:hover {\n background-color: #d8dae6;\n color: #330000;\n}\n#sidebarTabs .tabContents .button {\n color: #7b7579;\n padding: 0em 0em 0em 0em;\n display: inline;\n}\n#sidebarTabs .tabContents .button:hover {\n color: #330000;\n background-color: #d8dae6;\n}\n#licensePanel {\n padding: 0.5em 0em 0.5em 0em;\n}\n#licensePanel A {\n display: block;\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: #993300;\n}\n#licensePanel A:hover {\n text-decoration: none;\n color: #ccff66;\n background-color: #993300;\n}\n#licensePanel A:active {\n color: #993300;\n background-color: #ccff66;\n}\n#storeArea, #copyright {\n display: none;\n}\n.sparkline {\n background-color: #eeeeaa;\n border: none;\n line-height: 100%;\n}\n.sparktick {\n background-color: #993300;\n outline: 0;\n}\n.errorNoSuchMacro {\n color: #ffff00;\n background-color: #ff0000;\n}\n.zoomer {\n font-size: 10pt;\n display: none;\n color: #996633;\n position: absolute;\n padding: 1em 1em 1em 1em;\n border: 1px solid #996633;\n}\n#saveTest {\n display: none;\n}\n@media print {\n#mainMenu, #sidebar, #messageArea {\n display: none ! important;\n}\n#displayArea {\n margin: 1em 1em 0em 1em;\n}\n\n}
<html><div align="right"><sup><em><a id="topTid" href="#bottomTid" alt="Go to the bottom of this tiddler.">''__Bottom__''</a> of this tiddler.</em></sup></div></html>\nAlthough TiddlyWiki has rendered your browser's 'Back' button nearly obsolete (at least as it pertains to viewing and manipulating a TiddlyWiki), I still like to be able to move quickly from the bottom of a tiddler to the top of the site. When structuring this feature for my own website, no small consideration was that I like a fresh start and a good view of most of the site's main links to my left. If you think that you might like to incorporate this feature within your own TiddlyWiki, read on. Otherwise, TTFN. <<smiley :-D>>\n| @@bgcolor(#bde3fd):''Prerequisite''@@ - Getting this to work will necessitate the installation of [[Eric Shulman]]'s excellent [[HTMLFormatting Plugin]], which allows for the convenient inclusion of HTML code within the body of a tiddler, ''//and//'' provides for mixing TiddlyWiki's formatting conventions //within your HTML code''!''// After installing the plugin, you may proceed. |\n\n@@color(#cc0000):''__Insert 'Top' Link Which Springs to Top of Website__''@@\n\n1. Place the following code snippet at the ''bottom'' of any tiddler's content...\n\n@@bgcolor(#f5f4e6):''<{{{html}}}><{{{a id="bottom" href="#top" alt="Go to the top of this site."}}}>Top of Site<{{{/a}}}><{{{/html}}}>''@@ \n\n2. This next step is just a bit trickier, as you must add the second code snippet directly to the 'contentWrapper' division in the source code. If you don't feel comfortable doing this, remember the admonition: "//When in doubt, leave it out.//" If your comfort level is high, it really is quite simple. Close your TiddlyWiki. Now open the source code in your favorite text editor, travel nearly all the way to the bottom to the HTML divisional structure of the site (appearing just after the built-in style sheet), locate the following line of code...\n\n@@bgcolor(#f5f4e6):''<{{{div id="contentWrapper"}}}>''@@\n\nand place this line of code... \n\n@@bgcolor(#f5f4e6):''<{{{a id="top"}}}><{{{/a}}}>''@@\n\nright after it. It will end up looking like this...\n\n@@bgcolor(#f5f4e6):''<{{{div id="contentWrapper"}}}><{{{a id="top"}}}><{{{/a}}}>''@@\n\nSave your changes, load TiddlyWiki, and rocket from the bottom of any tiddler to the top of your site. Who needs a shuttle?\n|bgcolor(#bde3fd):^^''Although any code added directly to a tiddler will survive an upgrade of TiddlyWiki, this latter source code change will __not__. You'll have to edit the source code directly again as outlined in 'Step 2' just above subsequent to an upgrade. I suggest that you save the code snippets in a tiddler for a quick copy/paste archive.''^^|\n\n@@color(#cc0000):''__Insert 'Top' Link Which Springs to Top of Tiddler Only__''@@\n\nThis tweak //will// work alongside the first code manipulations illustrated above. Personally, I prefer the previous "universal" approach. But the following "localized" tweak can be useful, so here it is...\n\n1. Place something like this code snippet at the ''bottom'' of any tiddler's content...\n\n@@bgcolor(#f5f4e6):''<{{{html}}}><{{{div align="right"}}}><{{{sup}}}><{{{em}}}><{{{a id="bottomTid" href="#topTid" alt="Top of this tiddler."}}}>__Top__<{{{/a}}}> of this tiddler.<{{{/em}}}><{{{/sup}}}><{{{/div}}}><{{{/html}}}>''@@\n\n2. Place something like the following at the top of the same tiddler...\n\n@@bgcolor(#f5f4e9):''<{{{html}}}><{{{div align="right"}}}><{{{sup}}}><{{{em}}}><{{{a id="topTid" href="#bottomTid" alt="Go to the bottom of this tiddler."}}}>__Bottom__<{{{/a}}}> of this tiddler.<{{{/em}}}><{{{/sup}}}><{{{/div}}}><{{{/html}}}>''@@ \n\nThat should do it. I have installed //both// of these tweaks within this tiddler so that you can see how everything works.\n<html><div align="right"><sup><em><a id="bottomTid" href="#topTid" alt="Top of this tiddler.">''__Top__''</a> of this tiddler.</em></sup></div></html>\n\n<html><div align="right"><sup><font color="#cc0000">Go to the <a id="bottom" href="#top" alt="Go to the top of this site.">''__Top__''</a> of this site.</font></sup></div></html>
*[[Styles|HelloStyle]]\n**Wygent-Pale-Blue updated\n\n*[[Tips|HelloTips]]\n**[[GoToTop Hint]] Goto Top/Bottom by Mark Wygent
/* (I have written this small systemConfig/plugin for TiddlyWiki to address some 'window dressing' issues, falling within the category of the //For what it's worth department//. If you think it's useful, edit this tiddler, copy and paste the content into a new tiddler in your own TiddlyWiki, making changes relevant to your needs, naming it whatever you like, and tagging it with //systemConfig//. Changes will be visible subsequent to a save and refresh. Enjoy! -MarkWygent) */\n/* Begin config/code changes... */\n/* Substitute your own name below between the quotes instead of "YourName", as a permanent selection in the 'options' sidebar. Obviates the necessity of re-typing your name every time you open a new instance of your own TiddlyWiki for editing. */\nconfig.options.txtUserName = "MarkWygent";\n/* The next three options are examples found at Jeremy Ruston's ''__[[TiddlyWiki|http://www.tiddlywiki.com]]__'' website. //The second configuration has the animations slowed from the default of 0.12//. */\nconfig.numRssItems = 20, // Number of items in the RSS feed.\nconfig.animFast = 0.10; // Speed for animations with lower being == slower.\nconfig.animSlow = 0.01; // Speed for EasterEgg animations.\n/* The following tweak was contributed by Simon Baird at ''__[[MonkeyPirateTiddlyWiki|http://homes.jcu.edu.au/~ccscb/mptw]]__'', and results in no default text being placed within the body of a new tiddler. The title of a new tiddler gets the focus and is highlighted, so that you can begin typing that immediately. */\nconfig.views.editor.defaultText = ""; // instead of "Type the text for '%0'."\n/* The remaining tweaks merely address/correct grammar and punctuation issues in toolbar popup hints, messages, etc., throughout TiddlyWiki. You can, of course, change the messages to conform to your own sense of things. <<smiley ;-)>> */\nconfig.shadowTiddlers.SideBarOptions = "<<search>><<closeAll>><<permaview>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel Options 'Change Advanced Options for this TiddlyWiki.'>>";\nconfig.messages.customConfigError = "Error in customConfig - %0.";\nconfig.messages.savedSnapshotError = "It appears that this TiddlyWiki has been saved incorrectly. Please see http://www.tiddlywiki.com/#DownloadSoftware for details.";\nconfig.messages. undefinedTiddlerToolTip = "The tiddler '%0' doesn't exist yet.";\nconfig.messages.externalLinkTooltip = "External link to %0.";\nconfig.messages.noTags.text = "There are no tagged tiddlers.";\nconfig.messages.notFileUrlError = "You need to save this TiddlyWiki to a file before you can save changes.";\nconfig.messages.cantSaveError = "It's not possible to save changes using this browser. Use FireFox if you can.";\nconfig.messages.invalidFileError = "The original file '%0' does not appear to be a valid TiddlyWiki.";\nconfig.messages.backupSaved = "Backup saved.";\nconfig.messages.backupFailed = "Failed to save backup file.";\nconfig.messages.rssSaved = "RSS feed saved.";\nconfig.messages.rssFailed = "Failed to save RSS feed file.";\nconfig.messages.emptySaved.text = "Empty template saved.";\nconfig.messages.emptyFailed = "Failed to save empty template file.";\nconfig.messages.mainSaved = "Main TiddlyWiki file saved.";\nconfig.messages.mainFailed = "Failed to save main TiddlyWiki file. Your changes have not been saved.";\nconfig.messages.macroError = "Error executing macro '%0'.";\nconfig.messages.overwriteWarning = "A tiddler named '%0' already exists. Choose OK to overwrite it.";\nconfig.messages.unsavedChangesWarning = "WARNING! There are unsaved changes in TiddlyWiki.\sn\snChoose OK to save.\snChoose CANCEL to discard.";\nconfig.views.wikified.tag.tooltip = "Show tiddlers tagged with '%0'.";\nconfig.views.wikified.tag.openAllText.text = "Open all.";\nconfig.views.wikified.tag.openAllTooltip = "Open all of these tiddlers.";\nconfig.views.wikified.tag.popupNone = "No other tiddlers tagged with '%0'.";\nconfig.views.wikified.toolbarClose.text = "Close";\nconfig.views.wikified.toolbarClose.tooltip = "Close this tiddler.";\nconfig.views.wikified.toolbarEdit.text = "Edit";\nconfig.views.wikified.toolbarEdit.tooltip = "Edit this tiddler.";\nconfig.views.wikified.toolbarPermalink.text = "Permalink";\nconfig.views.wikified.toolbarPermalink.tooltip = "Permalink for this tiddler.";\nconfig.views.wikified.toolbarReferences.text = "References";\nconfig.views.wikified.toolbarReferences.tooltip = "Show tiddlers that link to this one.";\nconfig.views.wikified.toolbarReferences.popupNone = "No references.";\nconfig.views.wikified.defaultText = "The tiddler '%0' doesn't exist yet. Double-click to create it.";\nconfig.views.editor.tagPrompt.text = "Type tags separated with spaces, [[use double square brackets]] if necessary, or add existing tags.";\nconfig.views.editor.tagChooser.tooltip = "Choose existing tags to add to this tiddler.";\nconfig.views.editor.toolbarDone.text = "Finished";\nconfig.views.editor.toolbarDone.tooltip = "Save changes to this tiddler.";\nconfig.views.editor.toolbarCancel.text = "Cancel";\nconfig.views.editor.toolbarCancel.tooltip = "Undo changes to this tiddler.";\nconfig.views.editor.toolbarDelete.text = "Delete!";\nconfig.views.editor.toolbarDelete.tooltip = "Delete this tiddler.";\nconfig.macros.search.label = "Search Site";\nconfig.macros.search.prompt = "Search this TiddlyWiki.";\nconfig.macros.search.sizeTextbox = 15;\nconfig.macros.search.successMsg = "%0 tiddlers found matching %1.";\nconfig.macros.search.failureMsg = "No tiddlers found matching %0.";\nconfig.macros.timeline.dateFormat.text = "MMM DD YYYY";\nconfig.macros.allTags.tooltip = "Show tiddlers tagged with '%0'.";\nconfig.macros.allTags.noTags.text = "There are no tagged tiddlers.";\nconfig.macros.list.all.prompt = "All tiddlers in alphabetical order.";\nconfig.macros.list.missing.prompt = "Tiddlers that have links to them but are not defined.";\nconfig.macros.list.orphans.prompt = "Tiddlers that are not linked to from any other tiddlers.";\nconfig.macros.closeAll.label = "Close All";\nconfig.macros.closeAll.prompt = "Close all open tiddlers (except those being edited).";\nconfig.macros.permaview.label = "Permaview";\nconfig.macros.permaview.prompt = "Link to a URL that retrieves all the currently displayed tiddlers.";\nconfig.macros.saveChanges.label = "Save Changes";\nconfig.macros.saveChanges.prompt = "Save all tiddlers to create a new updated TiddlyWiki.";\nconfig.macros.newTiddler.label = "New Tiddler";\nconfig.macros.newTiddler.prompt = "Create a new tiddler.";\nconfig.macros.newJournal.label = "New Journal";\nconfig.macros.newJournal.prompt = "Create a new tiddler from the current date and time.";
<<option txtUserName>>\n<<option chkPreviewEditor>> Preview Editor\n<<option chkSaveBackups>> Save Backups\n<<option chkAutoSave>> Auto Save\n<<option chkGenerateAnRssFeed>> Generate An Rss Feed\n<<option chkRegExpSearch>> ~RegExp Search\n<<option chkCaseSensitiveSearch>> Case Sensitive Search\n<<option chkAnimate>> Enable Animations\n<<option chkOpenInNewWindow>> Open Links In New Window\n<<option chkSaveEmptyTemplate>> Save Empty Template\n<<option chkSinglePageMode>> Single Page Mode\n<<option chkHttpReadOnly>> Hide Editing Features when viewed over HTTP\nStyle : <<selectStylesheet width:70%>>
if (config.options.chkPreviewEditor==undefined)\n config.options.chkPreviewEditor=false;\n\nwindow.createTiddler = (function (create) {\n return function(place,before,title,state,highlightText,highlightCaseSensitive)\n{\n if (2 == state&&config.options.chkPreviewEditor) { // Editor\n var theTiddler = createTiddlerSkeleton(place,before,title);\n createTiddlerTitle(title,highlightText,highlightCaseSensitive);\n var theViewer = document.getElementById("viewer" + title);\n var theEditor = document.getElementById("editorWrapper" + title);\n if(!theEditor) {\n createTiddlerToolbar(title,true);\n createTiddlerEditor(title);\n createTiddlerFooter(title,true);\n }\n return(theTiddler);\n }\n else {\n return create(place,before,title,state,highlightText,highlightCaseSensitive);\n }\n };\n})(window.createTiddler);\n\nwindow.createTiddlerEditor = (function(create) {\n\n function onEditChangeFunc(title) {\n return function(event) {\n var viewer = document.getElementById('viewer' + title);\n removeChildren(viewer);\n wikify(this.value, viewer, false, false);\n };\n }\n\n return function(title) {\n create(title);\n if (config.options.chkPreviewEditor)\n document.getElementById('editorBody' + title).onkeypress = onEditChangeFunc(title);\n };\n})(window.createTiddlerEditor);
config.macros.today.handler = function(place,macroName,params)\n{\n var now = new Date();\n if (params[0]!=null)\n createTiddlyElement(place,"span",null,null,now.formatString(params[0].trim()));\n else\n createTiddlyElement(place,"span",null,null,(new Date()).toLocaleString());\n}\n
// //''Name:'' liveSearch macro\n// //''Version:'' <<getversion liveSearch>> (<<getversiondate liveSearch "DD MMM YYYY">>)\n// //''Author:'' SteveRumsby\n\n// //''Syntax:''\n// //<< {{{liveSearch //string//}}} >> or << {{{liveSearch //string// //prefix//}}} >>\n\n// //''Description:''\n// //The first produces a simple list of tiddlers, one per line, that match //string//. The usual search rules apply, including the regexp search option.\n// //The second produces the same list, but with //prefix// before each tiddler and with the result being wikified, so that a prefix of\n//*// will\n// //produce a bullet list, etc.\n\nconfig.macros.liveSearch = {};\nversion.extensions.liveSearch = { major: 0, minor: 1, revision: 0,date: new Date(2005, 08, 09)};\nconfig.macros.liveSearch.handler = function(place,macroName,params) {\n var matches = store.search(params[0],config.options.chkCaseSensitiveSearch,config.options.chkRegExpSearch,"title","excludeSearch");\n var string = "";\n for(var r=0;r<matches.length;r++) {\n if(params[1]) string = string + params[1] + " ";\n string = string + "[[" + matches[r].title + "]]\sn";\n }\n wikify(string, place, null, null);\n}
config.macros.list.withTags = {}\nconfig.macros.list.withTags.handler = function(params)\n{\nvar results = [];\nif ( !params || !params[1] ) return config.macros.list.all.handler(params);\n\n// build us a regex of all our tags as a big-old regex that\n// OR's the tags together (tag1|tag2|tag3...)\nvar tags = store.getTags();\nif ( tags.length == 0 ) return results ;\nvar exp = "(" + tags.join("|") + ")" ;\nexp = exp.replace( /(,[\sd]+)/g, "" ) ;\nvar regex = new RegExp( exp, "ig" );\n\n// build us string such that an expression that looks like this:\n// tag1 AND tag2 OR NOT tag3\n// turns into :\n// /tag1/.test(...) && /tag2/.test(...) || ! /tag2/.test(...)\nvar cond = params.slice(1).join(" ");\ncond = cond.replace( regex, "/$1/.test( tiddlerTags )" );\ncond = cond.replace( /and/ig, " && " ) ;\ncond = cond.replace( /or/ig, " || " ) ;\ncond = cond.replace( /not/ig, " ! " ) ;\n\nfor( var t in store.tiddlers ) {\nvar tiddler = store.tiddlers[t];\nvar tiddlerTags = tiddler.tags?tiddler.tags.join():"" ;\ntry {\nif ( eval( cond ) ) results.push( tiddler );\n} catch( e ) {\n//displayMessage( "Exception = '" + e + "'" ) ;\n}\n}\nresults.sort(function (a,b) {\nif(a["title"] == b["title"]) return(0);\nelse return (a["title"] < b["title"]) ? -1 : +1;\n});\nreturn results;\n}
config.macros.timeline.handler = function(place,macroName,params)\n{\n // // We don't want to show tiddlers tagged as systemTiddlers etc.\n var filteredTags = "(excludeLists";\n for (p=1;p<params.length; p++) {\n filteredTags = filteredTags + "|" + params[p];\n }\n filteredTags = filteredTags + ")";\n\n var filterRegExp = new RegExp(filteredTags);\n\n var tiddlers = store.reverseLookup("tags","excludeLists",false,"modified");\n var lastDay = "";\n var nbTLitemmax=20;\n var nbTLitem=0;\n for (t=tiddlers.length-1; t>=0; t--)\n {\n var tiddler = tiddlers[t];\n\nif ( (params.length == 0) ||\n ((params[0] == 'exclude') && (! filterRegExp.test(tiddler.tags))) ||\n\n ((params[0] == 'include') && (filterRegExp.test(tiddler.tags)))\n ) {\n if (nbTLitem>=nbTLitemmax) break; else nbTLitem++;\n var theDay = tiddler.modified.convertToYYYYMMDDHHMM().substr(0,8);\n if(theDay != lastDay)\n {\n var theDateElement = document.createElement("span");\n var theDateCaption = tiddler.modified.toLocaleDateString();\n theDateElement.appendChild(document.createTextNode(theDateCaption));\n place.appendChild(theDateElement);\n place.appendChild(document.createElement("br"));\n lastDay = theDay;\n }\n place.appendChild(document.createTextNode(String.fromCharCode(160)));\n place.appendChild(document.createTextNode(String.fromCharCode(160)));\n createTiddlyLinkShortened(place,tiddler.title,true);\n place.appendChild(document.createElement("br"));\n }\n }\n}\n\nfunction createTiddlyLinkShortened(place,title,includeText)\n{\n var maxLen = 20;\n var displayTitle;\n\n if (title.length > maxLen)\n displayTitle = title.substring(0,maxLen).trim()+"...";\n else\n displayTitle = title;\n\n var text = includeText ? displayTitle : null;\n var subTitle;\n var tiddler = store.tiddlers[title];\n if(tiddler)\n subTitle = tiddler.getSubtitle();\n else\n subTitle = title + config.messages.undefinedTiddlerToolTip;\n var theClass = tiddler ? "tiddlyLinkExisting tiddlyLink" : "tiddlyLinkNonExisting tiddlyLink";\n var btn = createTiddlyButton(place,text,subTitle,onClickTiddlerLink,theClass);\n btn.setAttribute("tiddlyLink",title);\n return(btn);\n}
*[[Macro|HelloMacro]]\n**[[systemConfigFromMark]] some usefull tips to have a default setup in tiddlywiki\n**New PreviewMacro, with checkbox in option panel to activate or not.\n**Small hack in TodayMacro to format output.\n**LiveSearchMacro\n**ListWithTags (adding and/or/not to ListTagsMacro)\n**ShortenTabLinksMacro, updated with and exclude list