HelloThere [[28 September 2005]] [[27 September 2005]] NewFeatures MainFeatures TiddlyWikiExamples

HelloThere\nTiddlyWiki\n[[TiddlyWiki/Dev]]\nGettingStarted\nUsingThisSite\n[[Community]]\nDownloadSoftware\nPluginsAndMacros\n[[ThankYou]]\n[[RSS|RssFeed]]\n\n© [[osmosoft|http://www.osmosoft.com]] 2005\n\n\n<<newTiddler>>\n<<newJournal "DD MMM YYYY">>

a reusable non-linear personal web notebook

TiddlyWiki

http://www.tiddlywiki.com/

/*\n{{{\n*/\n\nbody {\n background: #FFF;\n font-size: small;\n font-family: tuberchus,arial,helvetica;\n letter-spacing: 0.025em;\n padding: 0em 0em 0em 0em;\n margin: 0em 0em 0em 0em;\n z-index: 0;\n position: relative;\n text-align: center;\n background-repeat: repeat-y;\n background-position: center ; 41\n background-image: url(data:image/gif;base64,R0lGODlh0gMCALMAAP7+/vX19eLi4unp6dnZ2c/Pz/z8/Pn5+e/v7////wAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAADSAwIAAARLMMlJawXmBDQEKVYojmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcEjUFQiCASJwMACEGA3HAypar9isdsvter/gsHhMLnuPyWXz2YoAADs=);\n}\n a: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: #F4FADC;\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: 90%;\nborder-left: solid 1px #EEE;\nborder-right: solid 1px #EEE;\nmargin-left: auto;\nmargin-right: auto;\ntext-align: left;\nbackground-color: #FCFCFC;\npadding: 1%;\n}\n\n/* Header */\n#header {\n margin: 0;\n background-color: #000000;\n padding-top: 1em;\n padding-bottom: 1.2em;\n-moz-border-radius: 11px;\n overflow: auto;\n min-width: 436px;\n}\n\n#titleLine {\n background-color: #000;\n text-align: left;\n background: url(data:image/gif;base64,R0lGODlhBABiAOYAADw8PSsrKxkZGTg4ODMzNBcXFz8/P1NTUyEiIicnJyQjIxITEx0dHEFBQUlJST4+PkZGRkBAQFBQUDo6OkdHRxQTFDIyMjc3N09PTzAwMC8vLyoqKkhIRygoKBMUE01NS0ZGRU1NTSwsLD49PhQTE09QUEhJSDIxMTg3N0VFRj09PVRUVEdISCEhHzo5ORAQDkJBQioqKDk6OignKA4QEEVFQ1BQTyUlIycoJ0NFQzo8PElKSU1OTTo6OUFCQUVFRVRUUzM1Mzw6PDM1NVBSUlRTUxsdG01LSy8vMDg4N0hHSE5NTVBSUE5NTigoKi8tL09QT0dIRz0+PiooKkNFRT9APzAvL1JSUC0tLU5OTjExMVJSUgwMDA4ODhYWFSYlJjY2NkNCQhEREUpKSh4eHhoaGgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAEAGIAAAf/gEArBytFB4dbW4iJW0RbV1sSTBISNhIlElAlNhidWZ9ZGJ9NnyE8IUsfqiFjR2OvsLE7Yw60Jg4Otywcu0ocFBxRFBAQFMMgxCAgKSk1NT85YdJU0tXVPjAwDdvbEd7eBlUGDwbl5A/oIyNSKgAA7e4AEwBCOhP3EzI9LjIuA/8AB6BAkeQCmAsGwShMqDDIEIUEIhKwMHGilhMWtFzUyDGDxwwakFjR8ASLBg1YUmIRoTJAABEiXMrcQHPKhhgxnHTYiWNGhxkJggb9kuCL0aNHFSi4oQCB0qYIoiJoQYYqmatYs5JhwHWrkTIMyogdS3asALEC0qotwLatl7dwKuFW8OKBhIe7JCroXcB3gRi/fsUIHiz4hRgaNLp0eaG4cRcuj7lInswlEAA7);\n padding: 3.0em 1em 0.4em 3em;\n}\n\n#titleLine a {\n color: #FF7F2A;\n}\n\n#siteTitle {\n font-size: 250%;\n}\n\n#siteSubtitle {\n font-size: small;\n float: right;\n}\n\n\n/* Main Menu */\n#mainMenu {\n width: 16%;\n line-height: 180%;\n font-size: small;\n color: black;\n text-align: right;\n background-color: #F9FFDE;\n float: left;\n margin-top: 1.5em;\n margin-left: 1.5%;\n border: 1px dotted #999;\n padding-top: 1.5em;\n padding-right: 1.5%;\n}\n\n#mainMenu .tiddlyLink {\n color: #4B4B4B;\n}\n\n#mainMenu .tiddlyLink:hover {\n color: #EC7230;\n background-color: #F4FADC;\n}\n\n#mainMenu .externalLink {\n color: #4B4B4B;\n text-decoration: underline;\n}\n\n#mainMenu .externalLink:hover {\n background-color: #F4FADC;\n color: #EC7230;\n}\n\n#mainMenu .button {\n margin: 0em 0.25em 0em 0.25em;\n padding: 0.15em 0.25em 0.15em 0.25em;\n color: #999;\n background-color: #FFF;\n border-right: 1px solid #999;\n border-bottom: 1px solid #999;\n}\n\n#mainMenu .button:hover {\n background-color: #D9F390;\n color: #666;\n}\n\n\n/* Display Area */\n#displayArea {\n margin: 1.5em 29% 1.5em 20.1%;\n position: absolute;\n width: 52%;\n /*border: 1px dotted #999;*/\n overflow: auto;\n}\n\n#tiddlerDisplay {\n}\n\n/* Display Area ---- Message Area */\n#messageArea {\n display: none;\n background-color: #EC7230;\n color: #ffffff;\n padding: 0.5em 1% 0.3em 1.4%;\n width:93%;\n margin: 0 auto 2% auto;\n}\n\n#messageArea a:link, #messageArea a:visited {\n display: inline;\n text-decoration: underline;\n color: #FFFFD4;\n}\n\n#messageArea a:hover {\n color: #FFF;\n}\n\n#messageArea a:active {\n color: #FFF;\n}\n\n/* Display Area - Popup */\n#popup {\n display: none;\n position: absolute;\n font-size: small;\n color: #999;\n line-height: 140%;\n background-color: #EEE;\n padding: 0.4em 0.4em 0.4em 0.4em;\n border-right: 1px solid #330000;\n border-bottom: 1px solid #330000;\n z-index: 10;\nfilter:alpha(opacity=80);\n-moz-opacity:0.8;\nopacity: 0.8;\n}\n\n#popup a {\n display: block;\n color: #333;\n}\n\n#popup a:hover {\n background-color: #D9F390;\n color: #333;\n}\n\n#popup hr {\n border-top: solid 1px #999;\n border-left: none;\n border-right: none;\n border-bottom: none;\n height: 1px;\n color: #666;\n}\n\n\n/* Display Area - Tiddlers */\n.tiddler {\n font-size: small;\n line-height: 166%;\n width:93%;\n margin: 0 auto 5% auto;\n padding: 1%;\n border: 1px dotted #999;\n background-color: #EBFCD6;\n}\n\n.selectedTiddler {\nborder: 1px solid #EEE;\nmargin: 0;\n}\n\n.unselectedTiddler {\nborder: 1px solid #EEE;\nmargin: 0;\n}\n\n.tiddler .tiddlyLinkExisting {\n font-weight: normal;\n padding-left: 0.2em;\n}\n\n.tiddler .tiddlyLinkNonExisting .tiddlyLink{\n text-decoration: underline;\n padding-left: 0.2em;\n}\n\n.tiddler .externalLink {\n color: #536EBF;\n text-decoration: normal;\n}\n\n.tiddler .button {\n padding: 0.15em 0.3em none 0.3em;\n color: #AAAAAA;\n}\n\n.tiddler .button:hover {\n text-decoration: none;\n color: #464646;\n background-color: #D9F390;\n}\n\n.tiddler .button:active {\n color: #464646;\n background-color: #D9F390;\n}\n\n.title {\n font-size: 150%;\n color: #333;\n font-weight: bold;\n padding:0.5em 0.8em 0.4em 0.8em;\n background-color: #CCF167;\n border: 1px solid #A8D52C;\n width:88%;\n margin-left:auto;\n margin-right: auto;\n margin-bottom:0.1em;\n -moz-border-radius: 7px;\n}\n\n.selectedTiddler .title {\n font-size: 150%;\n color: #333;\n font-weight: bold;\n}\n\n.toolbar {\n text-align: right;\n font-weight: normal;\n font-size: small;\n padding: 0.1em 0em 0em 0em;\n margin: 0.1em;\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: small;\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.viewer {\n color: #333;\n line-height: 166%;\n width:88%;\n margin: 1.2em auto;\n}\n\n.viewer a:link, .body a:visited {\n text-decoration: none;\n background-color: #EBFCD6;\n color: #666;\n}\n\n.viewer a:hover {\n color: #666;\n text-decoration: underline;\n background-color: #EBFCD6;\n}\n\n.viewer .button {\n margin: 0em;\n padding: 0.15em 0.25em 0.15em 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: #D9F390;\n color: #666;\n}\n\n.viewer blockquote {\n font-size: small;\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: 132%;\n}\n\n.viewer h2 {\n font-size: 124%;\n}\n\n.viewer h3 {\n font-size: 116%;\n}\n\n.viewer h4 {\n font-size: 108%;\n}\n\n.viewer h5 {\n font-size: 100%;\n}\n\n.viewer table {\n border-collapse: collapse;\n border: 2px solid #303030;\n margin-left: 0.4em;\n margin-right: 0.4em;\n margin-top: 0.4em;\n margin-bottom: 0.4em;\n font-size: 100%;\n}\n\n.viewer th {\n background-color: #999966;\n border: 1px solid #606060;\n color: #ffffff;\n padding: 0.3em;\n}\n\n.viewer td, tr {\n border: 1px solid #606060;\n padding: 0.3em;\n}\n\n.viewer caption {\n padding: 0.3em;\n}\n\n.viewer pre, .viewer code {\n font-size: 100%;\n line-height: 140%;\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: 100%;\n color: #402C74;\n font-weight: normal;\n}\n\n.editor input {\n display: block;\n border: 1px solid black;\n padding: 0.2em 0.3em 0.2em 0.3em;\n width: 88%;\n margin-left: auto;\n margin-right: auto;\n}\n\n.editor textarea {\n display: block;\n font: inherit;\n line-height: 140%;\n border: 1px solid black;\n padding: 0.2em 0.3em 0.2em 0.3em;\n width: 88%;\n margin-top: 0.3em;\n margin-bottom: 0.3em;\n margin-left: auto;\n margin-right: auto;\n}\n\n.editorFooter {\n padding: 0.5em 1em 0.5em 1em;\n font-size: 100%;\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\n/* Sidebar */\n#sidebar {\n color: #000000;\n font-size: 100%;\n float: right;\n border: 1px dotted #999;\n margin-top: 1.5em;\n margin-right: 1.5%;\n width: 26%;\n}\n\n/*Sidebar - Sidebar Options*/\n#sidebarOptions {\n padding-top: 1.5em;\n width: 100%;\n margin:0 auto;\n background-color: #FBE3D7;\n}\n\n#sidebarOptions .button {\n color: #999;\n padding: 0.3em 1em 0.3em 1em;\n display: block;\n}\n\n#sidebarOptions .button:hover {\n color: #FFF;\n background-color: #D496BF;\n}\n\n#sidebarOptions .button:active {\n color: #594359;\n background-color: #FBE3D7;\n}\n\n#sidebarOptions input {\n padding: 0.15em 0.3em 0.2em 0.3em;\n width: 80%;\n margin: 0.5em 1em 0.5em 1em;\n}\n\n#sidebarOptions .sliderPanel {\n padding: 0.5em 0.5em 0.5em 0.5em;\n font-size: x-small;\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: #0055FF;\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 padding: 0.15em 0.3em 0.2em 0.3em;\n width: auto;\n margin-left: 0.5em;\n margin-top: 0.25em;\n}\n\n.sidebarSubHeading {\n font-size: x-small;\n color: #330000;\n padding-left: 0.5em;\n}\n\n/* Sidebar Tabs */\n#sidebarTabs {\n background-color: #ECF8FD;\n line-height: 150%;\n width: 95%;\n margin:auto;\n margin-top: 1em;\n overflow: auto;\n padding: 0.2em;\n height: 100%;\n}\n\n#sidebarTabs .tabSelected {\n color: #333;\n background-color: #DEF4F1;\n border-bottom: none;\n position: relative;\n top: -1px;\n}\n\n#sidebarTabs .tabUnselected {\n color: #999;\n background-color: #ECF8FD;\n}\n\n#sidebarTabs .tabContents {\n background-color: #DEF4F1;\n width: 92%;\n margin: auto;\n padding-left: 0.8em;\n}\n\n#sidebarTabs .txtMoreTab .tabSelected {\n margin-right: 0.25em;\n background-color: #ECF8FD;\n color: #333;\n}\n\n#sidebarTabs .txtMoreTab .tabUnselected {\n margin-right: 0.25em;\n background-color: #ECF8FD;\n}\n\n#sidebarTabs .txtMoreTab .tabContents {\n background-color: #ECF8FD;\n margin-right: 1.2em;\n}\n\n#sidebarTabs .tabContents .tiddlyLink {\n color: #666;\n}\n\n#sidebarTabs .tabContents .tiddlyLink:hover {\n background-color: #DEF4F1;\n color: #333;\n}\n\n#sidebarTabs .tabContents .button {\n color: #666;\n padding: 0em 0.15em 0em 0.15em;\n display: inline;\n}\n\n#sidebarTabs .tabContents .button:hover {\n color: #333;\n padding: 0em 0.15em 0em 0.15em;\n background-color: #CBEDE9;\n}\n\n\n.tabset {\n padding: 0em 0em 0em 0em;\n}\n\n.tab {\n margin-left: 0.1em;\n padding: 0.2em 0.2em 0.4em 0.2em;\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: 0.2em;\n padding-top: 0.5em;\n background-color: #333333;\n}\n\n/* License Panel */\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: small;\n display: none;\n color: #FFD455;\n position: absolute;\n padding: 1em 1em 1em 1em;\n border: 1px dotted #FFD455;\n}\n\n#saveTest {\n display: none;\n}\n\n@media print {\n\n#mainMenu, #sidebar, #messageArea {\n display: none ! important;\n}\n\n}10px\n\n}}}\n\n