<<list untagged>>

config.macros.list["untagged"] = {prompt: "Tiddlers that are not tagged"};\n\nconfig.macros.list.untagged.handler = function(params)\n{\n//displayMessage("Building list of untagged tiddlers");\n var results = [];\n for(var t in store.tiddlers) {\n var tiddler = store.tiddlers[t];\n if(tiddler.getTags() == "")\n results.push(t);\n }\n results.sort();\n return results;\n}

version.extensions.listTags = {major: 0, minor: 1, revision: 0};\n\nconfig.macros.listTags = {\n text: "Hello"\n};\n\nconfig.macros.listTags.handler = function(place,macroName,params) {\n var tagged = store.getTaggedTiddlers(params[0]);\n for(var r=0;r<tagged.length;r++){\n createTiddlyLink(place,tagged[r].title,true);\n createTiddlyElement(place,"br",null,null,"");\n }\n}

Its useful to understand the structure of a web page so you can 'describe' in your styles which element (like div, a, or #contentWrapper) you are coloring. For simplicity I'll only include elements that you would want to style. (Firefox extensions make this easier and somwhat automated.) I hope to make this list collapsable in the future to improve legibility.\n\n*html\n**body\n***div#contentWrapper //Use this for [[Centering the TiddlyWiki]] or [[Increasing specificity]]//\n****div#header\n*****div#titleLine\n******span.siteTitle //The site's title (content is controlled by the SiteTitle tiddler)// \n******span.siteSubtitle //The site's subtitle (content is controlled by the SiteSubtitle tiddler)//\n****div#sidebar //The sidebar on the right//\n*****div#sidebarOptions //The sidebar that contains the seach box (content is controlled by the SideBarOptions tiddler)//\n******div.sliderPanel //This is the panel containing the option checkboxes (content is controled by the OptionsPanel tiddler)//\n*****div#sidebarTabs //The sidebar with the tabs (content is controlled by the SideBarTabs tiddler) //\n******div.txtMainTab //The class name is determined by the tab generating macro//\n*******div.tabset //The tabs are contained in the tabset//\n********a.tab.tabSelected\n********a.tab.tabUnselected\n*******div.tabContents\n****div#mainMenu\n****div#displayArea\n*****div#messageArea\n*****div#tiddlerDisplay\n******div#tiddlerTiddlerName.tiddler //The TiddlerName part of the id is customized per tiddler (See [[Tiddler IDs]]) //\n*******div.unselectedTiddler //This div's class changes to .unselected when the mouse hovers over it. //\n********div#toolbarTiddlerName.toolbar\n********div#titleTiddlerName.title\n********div#bodyTiddlerName.body //This div and its children (.viewer and .footer) change when editing (see [[Editor Structure]]) //\n*********div#viewerTiddlerName.viewer\n**********div#popup //The popup is generated in a number of places but it uses the same code (see [[Styling the popup]]) //\n***********hr //The horizontal rule exists in all popups//\n*********div#footerTiddlerName.footer\n**********div //This div holds the tags listing//

config.macros.search.handler = function(place,macroName,params)\n{\n var lastSearchText = "";\n var searchTimeout = null;\n var doSearch = function(txt)\n {\n closeAllTiddlers();\n var matches = store.search(txt.value,config.options.chkCaseSensitiveSearch,config.options.chkRegExpSearch,"title","excludeSearch");\n for(var t=matches.length-1; t>=0; t--)\n displayTiddler(null,matches[t].title,1,txt.value,config.options.chkCaseSensitiveSearch,false,false);\n var q = config.options.chkRegExpSearch ? "/" : "'";\n if(matches.length > 0)\n displayMessage(matches.length + config.macros.search.successMsg + q + txt.value + q);\n else\n displayMessage(config.macros.search.failureMsg + q + txt.value + q);\n lastSearchText = txt.value;\n };\n var clickHandler = function(e)\n {\n doSearch(this.nextSibling);\n };\n var keyHandler = function(e)\n {\n if (!e) var e = window.event;\n switch(e.keyCode)\n {\n case 27:\n this.value = "";\n clearMessage();\n break;\n }\n if((this.value.length > 2) && (this.value != lastSearchText))\n {\n if(searchTimeout)\n clearTimeout(searchTimeout);\n var txt = this;\n searchTimeout = setTimeout(function() {doSearch(txt);},200);\n }\n };\n var focusHandler = function(e)\n {\n this.select();\n };\n var txt = createTiddlyElement(place,"input",null,null,null);\n if(params[0])\n txt.value = params[0];\nvar btn = createTiddlyButton(place,this.label,this.prompt,clickHandler);\n txt.onkeyup = keyHandler;\n txt.onfocus = focusHandler;\n txt.setAttribute("size",this.sizeTextbox);\n txt.setAttribute("autocomplete","off");\n if(navigator.userAgent.toLowerCase().indexOf("safari") == -1)\n txt.setAttribute("type","text");\n else\n {\n txt.setAttribute("type","search");\n txt.setAttribute("results","5");\n }\n}\n

<<tabs txtMainTab\nTimeline Timeline TabTimeline\nAll "All tiddlers" TabMoreAll\nMore "More tabs" TabMore\n>>\n

<<tabs txtMoreTab\nUntagged "Untagged tiddlers" TabMoreUntagged\nMissing "Missing tiddlers" TabMoreMissing\nOrphaned "Orphaned tiddlers" TabMoreOrphans\n>>

version.extensions.email = {major: 0, minor: 1, revision: 1, date: new Date("Jul 22, 2005")};\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}

http://www.skinyourscreen.com/mrbiotech/

TiddlyWiki is the HTML/Javascript engine that powers this blog. It is an open source project that is maintained by Jeremy Ruston. Its home online is at http://www.tiddlywiki.com

!Meta\n<<closeAll>><<permaview>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel options "Change TiddlyWiki advanced options">>

config.views.editor.tagChooser.text = "add a tag";\n\nwindow.createTiddlerEditor_mptw_tagstop = window.createTiddlerEditor;\nwindow.createTiddlerEditor = function(title) {\ncreateTiddlerEditor_mptw_tagstop(title);\nvar theEditor = document.getElementById("editorWrapper"+title);\nvar theTitleBox = document.getElementById("editorTitle"+title);\nvar theBodyBox = document.getElementById("editorBody"+title);\nvar theTagsBox = document.getElementById("editorTags"+title);\nvar tagPrompt = document.getElementById("editorFooter"+title);\ntheEditor.insertBefore(theTagsBox,theBodyBox);\ntheEditor.insertBefore(theEditor.childNodes[3],theBodyBox);\n\n\n}

config.macros.toolbarCloseOthers = {};\n\nconfig.views.wikified["toolbarCloseOthers"] = { text: "close others", tooltip: "Close other tiddlers"};\n\nconfig.macros.toolbarCloseOthers = {};\nconfig.macros.toolbarCloseOthers.handler = function(place,macroName,params)\n{\nlingo = config.views.wikified;\ncreateTiddlyButton(place,lingo.toolbarCloseOthers.text,lingo.toolbarCloseOthers.tooltip,onClickToolbarCloseOthers);\n}\nfunction onClickToolbarCloseOthers(e)\n{\nif (!e) var e = window.event;\nclearMessage();\nif(this.parentNode.id)\ncloseAllBut(this.parentNode.id.substr(7));\n}\n\nfunction closeAllBut(keeptitle)\n{\nclearMessage();\nvar place = document.getElementById("tiddlerDisplay");\nvar tiddler = place.firstChild;\nvar nextTiddler;\nwhile(tiddler)\n{\nnextTiddler = tiddler.nextSibling;\nif(tiddler.id)\nif(tiddler.id.substr(0,7) == "tiddler")\n{\nvar title = tiddler.id.substr(7);\nif(title != keeptitle && !document.getElementById("editor" + title))\nplace.removeChild(tiddler);\n}\ntiddler = nextTiddler;\n}\n}

These options for customising TiddlyWiki are saved in your browser\n\n<<option chkSaveBackups>> SaveBackups\n<<option chkAutoSave>> AutoSave\n<<option chkGenerateAnRssFeed>> GenerateAnRssFeed\n<<option chkRegExpSearch>> RegExpSearch\n<<option chkCaseSensitiveSearch>> CaseSensitiveSearch\n<<option chkAnimate>> EnableAnimations\n\nSee AdvancedOptions\n\nYour username for signing your edits. Write it as a WikiWord (eg LiteStep)\n\n<<option txtUserName>>

/*\n{{{\n*/\n\n\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: #004A80;\n color: #333;\n text-align: left;\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: 30px auto .2em;\n font-size: 3em;\n font-weight: bold;\n}\n\n#siteTitle a, #siteSubtitle a{\n color: #555555;\n}\n\n#siteTitle a:hover, #siteSubtitle a:hover{\n text-decoration: underline;\n}\n\n#siteSubtitle{\n display: block;\n color: #666666;\n margin: 0em auto 1em;\n}\n/*=================Header and footer=======*/\n#contentWrapper{\n background: url("bg.gif") 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("header.jpg") no-repeat bottom center; \n margin: 0 !important;\n margin: 0 0 0 1px;\n padding: 1px;\n height: 230px;\n width: 758px;\n}\n\n#contentFooter {\n clear: both;\n background: url("footer.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 20px 0 0;\n _margin-right: 15px; /*IE Hack :-((((((((((( */\n width: 210px;\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 background-color: #B0B7Bd;\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\n/*\n}}}\n*/

mrbiotech is an amateur skinning enthusiast who typically makes themes and skins for alternate Windows shells like Litestep or Astonshell.\n\nHere are some of the sites he made or operates:\n[[Skinyourscreen.com|http://www.skinyourscreen.com]]\n[[SkinWiki|http://www.skinyourscreen.com/skinwiki]]\n[[Lifesciencenexus|http://www.lifesciencenexus.com]]\n[[SYSPodcasts|http://www.skinyourscreen.com/podcasts]]\n\nContact him at mailto:mrbiotech@skinyourscreen.com.

//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';\ncontentFooter.style.verticalAlign = 'bottom'\nvar footerContent = document.createElement('p');\n\nfooterContent.innerHTML = '...Powered by <a href="http://tiddlywiki.com/">TiddlyWiki</a> by Jeremy Ruston. Theme modified by <a href="http://www.skinyourscreen.com/">mrbiotech</a> from <a href="http://15black.bluedepot.com/styles/kubricktiddly.html">TiddlyKubrick</a> by Clint Checketts';\ncontentFooter.appendChild(footerContent);\nvar contentWrapper = document.getElementById('contentWrapper');\ncontentWrapper.appendChild(contentFooter);

Ein Blick in das Land an der Elbe

[img[Bilder/Hitzacker.jpg]]

[img[Bilder/Hochwasser.jpg]]

[img[Bilder/Land.jpg]]

[img[Bilder/NebelSonne.jpg]]

<<search>>\n\n!Menu\n[[Stadt]]\n[[Land]]\n[[Fluss]]\n[[Mensch]]\n[[Hund]]\n[[Sonne]]\n\n\n!Blog!\n*<<newTiddler>>\n*<<newJournal "DD MMM YYYY">>

Type the text for New Tiddler

[img[Bilder/Elblandschaft3.jpg]]

[img[Bilder/NebelSonne.jpg]]

Stadt