PageRenderTime 68ms CodeModel.GetById 27ms RepoModel.GetById 0ms app.codeStats 2ms

/fancybox.html

https://github.com/pmario/tw.FancyBoxPlugin
HTML | 11772 lines | 10528 code | 1235 blank | 9 comment | 0 complexity | c44cc56437b15b0f38227dbf36502abb MD5 | raw file
    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    3. 

  3. <head>
    4. 

  4. <script id="versionArea" type="text/javascript">
    5. 

  5. //<![CDATA[
    6. 

  6. var version = {title: "TiddlyWiki", major: 2, minor: 6, revision: 2, date: new Date("Jan 6, 2011"), extensions: {}};
    7. 

  7. //]]>
    8. 

  8. </script>
    9. 

  9. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    10. 

  10. <meta name="copyright" content="
    11. 

  11. TiddlyWiki created by Jeremy Ruston, (jeremy [at] osmosoft [dot] com)
    12. 

  12. 

  13. Copyright (c) Jeremy Ruston 2004-2007
    14. 

  14. Copyright (c) UnaMesa Association 2007-2011
    15. 

  15. 

  16. Redistribution and use in source and binary forms, with or without modification,
    17. 

  17. are permitted provided that the following conditions are met:
    18. 

  18. 

  19. Redistributions of source code must retain the above copyright notice, this
    20. 

  20. list of conditions and the following disclaimer.
    21. 

  21. 

  22. Redistributions in binary form must reproduce the above copyright notice, this
    23. 

  23. list of conditions and the following disclaimer in the documentation and/or other
    24. 

  24. materials provided with the distribution.
    25. 

  25. 

  26. Neither the name of the UnaMesa Association nor the names of its contributors may be
    27. 

  27. used to endorse or promote products derived from this software without specific
    28. 

  28. prior written permission.
    29. 

  29. 

  30. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 'AS IS' AND ANY
    31. 

  31. EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
    32. 

  32. OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT
    33. 

  33. SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
    34. 

  34. INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
    35. 

  35. TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
    36. 

  36. BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
    37. 

  37. CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
    38. 

  38. ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH
    39. 

  39. DAMAGE.
    40. 

  40. " />
    41. 

  41. <!--PRE-HEAD-START-->
    42. 

  42. <!--{{{-->
    43. 

  43. <link rel="shortcut icon" href="/recipes/fancybox_public/tiddlers/favicon.ico" />
    44. 

  44. <link href="/bags/fancybox_public/tiddlers.atom" rel="alternate"
    45. 

  45. 	type="application/atom+xml" title="fancybox's public feed" />
    46. 

  46. <!--}}}-->
    47. 

  47. <!--PRE-HEAD-END-->
    48. 

  48. <title> fancybox - a TiddlySpace </title>
    49. 

  49. <style id="styleArea" type="text/css">
    50. 

  50. #saveTest {display:none;}
    51. 

  51. #messageArea {display:none;}
    52. 

  52. #copyright {display:none;}
    53. 

  53. #storeArea {display:none;}
    54. 

  54. #storeArea div {padding:0.5em; margin:1em 0em 0em 0em; border-color:#fff #666 #444 #ddd; border-style:solid; border-width:2px; overflow:auto;}
    55. 

  55. #shadowArea {display:none;}
    56. 

  56. #javascriptWarning {width:100%; text-align:center; font-weight:bold; background-color:#dd1100; color:#fff; padding:1em 0em;}
    57. 

  57. </style>
    58. 

  58. <!--POST-HEAD-START-->
    59. 

  59. 

  60. <!--POST-HEAD-END-->
    61. 

  61. </head>
    62. 

  62. <body onload="main();" onunload="if(window.unload) unload();">
    63. 

  63. <!--PRE-BODY-START-->
    64. 

  64. 

  65. <!--PRE-BODY-END-->
    66. 

  66. <div id="copyright">
    67. 

  67. Welcome to TiddlyWiki created by Jeremy Ruston; Copyright &copy; 2004-2007 Jeremy Ruston, Copyright &copy; 2007-2011 UnaMesa Association
    68. 

  68. </div>
    69. 

  69. <noscript>
    70. 

  70. 

  71. <div id="javascriptWarning">
    72. 

  72. This page requires JavaScript to function properly.<br /><br />
    73. 

  73. If you do not use JavaScript you may still <a href="http://fancybox.tiddlyspace.com/recipes/fancybox_private/tiddlers">browse
    74. 

  74. the content of this wiki</a>.
    75. 

  75. </div>
    76. 

  76. 

  77. </noscript>
    78. 

  78. <div id="saveTest"></div>
    79. 

  79. <div id="backstageCloak"></div>
    80. 

  80. <div id="backstageButton"></div>
    81. 

  81. <div id="backstageArea"><div id="backstageToolbar"></div></div>
    82. 

  82. <div id="backstage">
    83. 

  83. 	<div id="backstagePanel"></div>
    84. 

  84. </div>
    85. 

  85. <div id="contentWrapper"></div>
    86. 

  86. <div id="contentStash"></div>
    87. 

  87. <div id="shadowArea">
    88. 

  88. <div title="MarkupPreHead">
    89. 

  89. <pre>&lt;!--{{{--&gt;
    90. 

  90. &lt;link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' /&gt;
    91. 

  91. &lt;!--}}}--&gt;
    92. 

  92. </pre>
    93. 

  93. </div>
    94. 

  94. <div title="ColorPalette">
    95. 

  95. <pre>Background: #fff
    96. 

  96. Foreground: #000
    97. 

  97. PrimaryPale: #8cf
    98. 

  98. PrimaryLight: #18f
    99. 

  99. PrimaryMid: #04b
    100. 

  100. PrimaryDark: #014
    101. 

  101. SecondaryPale: #ffc
    102. 

  102. SecondaryLight: #fe8
    103. 

  103. SecondaryMid: #db4
    104. 

  104. SecondaryDark: #841
    105. 

  105. TertiaryPale: #eee
    106. 

  106. TertiaryLight: #ccc
    107. 

  107. TertiaryMid: #999
    108. 

  108. TertiaryDark: #666
    109. 

  109. Error: #f88
    110. 

  110. </pre>
    111. 

  111. </div>
    112. 

  112. <div title="StyleSheetColors">
    113. 

  113. <pre>/*{{{*/
    114. 

  114. body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
    115. 

  115. 

  116. a {color:[[ColorPalette::PrimaryMid]];}
    117. 

  117. a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
    118. 

  118. a img {border:0;}
    119. 

  119. 

  120. h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
    121. 

  121. h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
    122. 

  122. h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}
    123. 

  123. 

  124. .button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
    125. 

  125. .button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
    126. 

  126. .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}
    127. 

  127. 

  128. .header {background:[[ColorPalette::PrimaryMid]];}
    129. 

  129. .headerShadow {color:[[ColorPalette::Foreground]];}
    130. 

  130. .headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
    131. 

  131. .headerForeground {color:[[ColorPalette::Background]];}
    132. 

  132. .headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}
    133. 

  133. 

  134. .tabSelected{color:[[ColorPalette::PrimaryDark]];
    135. 

  135. 	background:[[ColorPalette::TertiaryPale]];
    136. 

  136. 	border-left:1px solid [[ColorPalette::TertiaryLight]];
    137. 

  137. 	border-top:1px solid [[ColorPalette::TertiaryLight]];
    138. 

  138. 	border-right:1px solid [[ColorPalette::TertiaryLight]];
    139. 

  139. }
    140. 

  140. .tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
    141. 

  141. .tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
    142. 

  142. .tabContents .button {border:0;}
    143. 

  143. 

  144. #sidebar {}
    145. 

  145. #sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
    146. 

  146. #sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
    147. 

  147. #sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
    148. 

  148. #sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
    149. 

  149. #sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}
    150. 

  150. 

  151. .wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
    152. 

  152. .wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
    153. 

  153. .wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
    154. 

  154. .wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
    155. 

  155. 	border:1px solid [[ColorPalette::PrimaryMid]];}
    156. 

  156. .wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
    157. 

  157. .wizardFooter {background:[[ColorPalette::PrimaryPale]];}
    158. 

  158. .wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
    159. 

  159. .wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
    160. 

  160. 	border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
    161. 

  161. .wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
    162. 

  162. .wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
    163. 

  163. 	border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}
    164. 

  164. 

  165. .wizard .notChanged {background:transparent;}
    166. 

  166. .wizard .changedLocally {background:#80ff80;}
    167. 

  167. .wizard .changedServer {background:#8080ff;}
    168. 

  168. .wizard .changedBoth {background:#ff8080;}
    169. 

  169. .wizard .notFound {background:#ffff80;}
    170. 

  170. .wizard .putToServer {background:#ff80ff;}
    171. 

  171. .wizard .gotFromServer {background:#80ffff;}
    172. 

  172. 

  173. #messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
    174. 

  174. #messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}
    175. 

  175. 

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

  177. 

  178. .popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
    179. 

  179. .popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
    180. 

  180. .popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
    181. 

  181. .popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
    182. 

  182. .popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
    183. 

  183. .popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
    184. 

  184. .popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
    185. 

  185. .listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}
    186. 

  186. 

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

  188. 

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

  190. 

  191. .title {color:[[ColorPalette::SecondaryDark]];}
    192. 

  192. .subtitle {color:[[ColorPalette::TertiaryDark]];}
    193. 

  193. 

  194. .toolbar {color:[[ColorPalette::PrimaryMid]];}
    195. 

  195. .toolbar a {color:[[ColorPalette::TertiaryLight]];}
    196. 

  196. .selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
    197. 

  197. .selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}
    198. 

  198. 

  199. .tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
    200. 

  200. .selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
    201. 

  201. .tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
    202. 

  202. .tagging .button, .tagged .button {border:none;}
    203. 

  203. 

  204. .footer {color:[[ColorPalette::TertiaryLight]];}
    205. 

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

  206. 

  207. .sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
    208. 

  208. .sparktick {background:[[ColorPalette::PrimaryDark]];}
    209. 

  209. 

  210. .error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
    211. 

  211. .warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
    212. 

  212. .lowlight {background:[[ColorPalette::TertiaryLight]];}
    213. 

  213. 

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

  215. 

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

  217. 

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

  219. 

  220. .viewer .listTitle {list-style-type:none; margin-left:-2em;}
    221. 

  221. .viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
    222. 

  222. .viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}
    223. 

  223. 

  224. .viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
    225. 

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

  226. .viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}
    227. 

  227. 

  228. .viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
    229. 

  229. .viewer code {color:[[ColorPalette::SecondaryDark]];}
    230. 

  230. .viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}
    231. 

  231. 

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

  233. 

  234. .editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
    235. 

  235. .editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
    236. 

  236. .editorFooter {color:[[ColorPalette::TertiaryMid]];}
    237. 

  237. .readOnly {background:[[ColorPalette::TertiaryPale]];}
    238. 

  238. 

  239. #backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
    240. 

  240. #backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
    241. 

  241. #backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
    242. 

  242. #backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
    243. 

  243. #backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
    244. 

  244. #backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
    245. 

  245. #backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
    246. 

  246. .backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
    247. 

  247. .backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
    248. 

  248. #backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity=60)';}
    249. 

  249. /*}}}*/</pre>
    250. 

  250. </div>
    251. 

  251. <div title="StyleSheetLayout">
    252. 

  252. <pre>/*{{{*/
    253. 

  253. * html .tiddler {height:1%;}
    254. 

  254. 

  255. body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}
    256. 

  256. 

  257. h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
    258. 

  258. h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
    259. 

  259. h4,h5,h6 {margin-top:1em;}
    260. 

  260. h1 {font-size:1.35em;}
    261. 

  261. h2 {font-size:1.25em;}
    262. 

  262. h3 {font-size:1.1em;}
    263. 

  263. h4 {font-size:1em;}
    264. 

  264. h5 {font-size:.9em;}
    265. 

  265. 

  266. hr {height:1px;}
    267. 

  267. 

  268. a {text-decoration:none;}
    269. 

  269. 

  270. dt {font-weight:bold;}
    271. 

  271. 

  272. ol {list-style-type:decimal;}
    273. 

  273. ol ol {list-style-type:lower-alpha;}
    274. 

  274. ol ol ol {list-style-type:lower-roman;}
    275. 

  275. ol ol ol ol {list-style-type:decimal;}
    276. 

  276. ol ol ol ol ol {list-style-type:lower-alpha;}
    277. 

  277. ol ol ol ol ol ol {list-style-type:lower-roman;}
    278. 

  278. ol ol ol ol ol ol ol {list-style-type:decimal;}
    279. 

  279. 

  280. .txtOptionInput {width:11em;}
    281. 

  281. 

  282. #contentWrapper .chkOptionInput {border:0;}
    283. 

  283. 

  284. .externalLink {text-decoration:underline;}
    285. 

  285. 

  286. .indent {margin-left:3em;}
    287. 

  287. .outdent {margin-left:3em; text-indent:-3em;}
    288. 

  288. code.escaped {white-space:nowrap;}
    289. 

  289. 

  290. .tiddlyLinkExisting {font-weight:bold;}
    291. 

  291. .tiddlyLinkNonExisting {font-style:italic;}
    292. 

  292. 

  293. /* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
    294. 

  294. a.tiddlyLinkNonExisting.shadow {font-weight:bold;}
    295. 

  295. 

  296. #mainMenu .tiddlyLinkExisting,
    297. 

  297. 	#mainMenu .tiddlyLinkNonExisting,
    298. 

  298. 	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
    299. 

  299. #sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}
    300. 

  300. 

  301. .header {position:relative;}
    302. 

  302. .header a:hover {background:transparent;}
    303. 

  303. .headerShadow {position:relative; padding:4.5em 0 1em 1em; left:-1px; top:-1px;}
    304. 

  304. .headerForeground {position:absolute; padding:4.5em 0 1em 1em; left:0px; top:0px;}
    305. 

  305. 

  306. .siteTitle {font-size:3em;}
    307. 

  307. .siteSubtitle {font-size:1.2em;}
    308. 

  308. 

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

  310. 

  311. #sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
    312. 

  312. #sidebarOptions {padding-top:0.3em;}
    313. 

  313. #sidebarOptions a {margin:0 0.2em; padding:0.2em 0.3em; display:block;}
    314. 

  314. #sidebarOptions input {margin:0.4em 0.5em;}
    315. 

  315. #sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
    316. 

  316. #sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
    317. 

  317. #sidebarOptions .sliderPanel input {margin:0 0 0.3em 0;}
    318. 

  318. #sidebarTabs .tabContents {width:15em; overflow:hidden;}
    319. 

  319. 

  320. .wizard {padding:0.1em 1em 0 2em;}
    321. 

  321. .wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
    322. 

  322. .wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
    323. 

  323. .wizardStep {padding:1em 1em 1em 1em;}
    324. 

  324. .wizard .button {margin:0.5em 0 0; font-size:1.2em;}
    325. 

  325. .wizardFooter {padding:0.8em 0.4em 0.8em 0;}
    326. 

  326. .wizardFooter .status {padding:0 0.4em; margin-left:1em;}
    327. 

  327. .wizard .button {padding:0.1em 0.2em;}
    328. 

  328. 

  329. #messageArea {position:fixed; top:2em; right:0; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
    330. 

  330. .messageToolbar {display:block; text-align:right; padding:0.2em;}
    331. 

  331. #messageArea a {text-decoration:underline;}
    332. 

  332. 

  333. .tiddlerPopupButton {padding:0.2em;}
    334. 

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

  335. 

  336. .popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
    337. 

  337. .popup .popupMessage {padding:0.4em;}
    338. 

  338. .popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0;}
    339. 

  339. .popup li.disabled {padding:0.4em;}
    340. 

  340. .popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
    341. 

  341. .listBreak {font-size:1px; line-height:1px;}
    342. 

  342. .listBreak div {margin:2px 0;}
    343. 

  343. 

  344. .tabset {padding:1em 0 0 0.5em;}
    345. 

  345. .tab {margin:0 0 0 0.25em; padding:2px;}
    346. 

  346. .tabContents {padding:0.5em;}
    347. 

  347. .tabContents ul, .tabContents ol {margin:0; padding:0;}
    348. 

  348. .txtMainTab .tabContents li {list-style:none;}
    349. 

  349. .tabContents li.listLink { margin-left:.75em;}
    350. 

  350. 

  351. #contentWrapper {display:block;}
    352. 

  352. #splashScreen {display:none;}
    353. 

  353. 

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

  355. 

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

  357. 

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

  359. 

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

  361. 

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

  363. 

  364. .missing .subtitle {display:none;}
    365. 

  365. .subtitle {font-size:1.1em;}
    366. 

  366. 

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

  368. 

  369. .tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
    370. 

  370. .isTag .tagging {display:block;}
    371. 

  371. .tagged {margin:0.5em; float:right;}
    372. 

  372. .tagging, .tagged {font-size:0.9em; padding:0.25em;}
    373. 

  373. .tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
    374. 

  374. .tagClear {clear:both;}
    375. 

  375. 

  376. .footer {font-size:.9em;}
    377. 

  377. .footer li {display:inline;}
    378. 

  378. 

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

  380. 

  381. * html .viewer pre {width:99%; padding:0 0 1em 0;}
    382. 

  382. .viewer {line-height:1.4em; padding-top:0.5em;}
    383. 

  383. .viewer .button {margin:0 0.25em; padding:0 0.25em;}
    384. 

  384. .viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
    385. 

  385. .viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}
    386. 

  386. 

  387. .viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
    388. 

  388. .viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
    389. 

  389. table.listView {font-size:0.85em; margin:0.8em 1.0em;}
    390. 

  390. table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}
    391. 

  391. 

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

  393. .viewer code {font-size:1.2em; line-height:1.4em;}
    394. 

  394. 

  395. .editor {font-size:1.1em;}
    396. 

  396. .editor input, .editor textarea {display:block; width:100%; font:inherit;}
    397. 

  397. .editorFooter {padding:0.25em 0; font-size:.9em;}
    398. 

  398. .editorFooter .button {padding-top:0px; padding-bottom:0px;}
    399. 

  399. 

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

  401. 

  402. .sparkline {line-height:1em;}
    403. 

  403. .sparktick {outline:0;}
    404. 

  404. 

  405. .zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
    406. 

  406. .zoomer div {padding:1em;}
    407. 

  407. 

  408. * html #backstage {width:99%;}
    409. 

  409. * html #backstageArea {width:99%;}
    410. 

  410. #backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em;}
    411. 

  411. #backstageToolbar {position:relative;}
    412. 

  412. #backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em;}
    413. 

  413. #backstageButton {display:none; position:absolute; z-index:175; top:0; right:0;}
    414. 

  414. #backstageButton a {padding:0.1em 0.4em; margin:0.1em;}
    415. 

  415. #backstage {position:relative; width:100%; z-index:50;}
    416. 

  416. #backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin-left:3em; padding:1em;}
    417. 

  417. .backstagePanelFooter {padding-top:0.2em; float:right;}
    418. 

  418. .backstagePanelFooter a {padding:0.2em 0.4em;}
    419. 

  419. #backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}
    420. 

  420. 

  421. .whenBackstage {display:none;}
    422. 

  422. .backstageVisible .whenBackstage {display:block;}
    423. 

  423. /*}}}*/
    424. 

  424. </pre>
    425. 

  425. </div>
    426. 

  426. <div title="StyleSheetLocale">
    427. 

  427. <pre>/***
    428. 

  428. StyleSheet for use when a translation requires any css style changes.
    429. 

  429. This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
    430. 

  430. ***/
    431. 

  431. /*{{{*/
    432. 

  432. body {font-size:0.8em;}
    433. 

  433. #sidebarOptions {font-size:1.05em;}
    434. 

  434. #sidebarOptions a {font-style:normal;}
    435. 

  435. #sidebarOptions .sliderPanel {font-size:0.95em;}
    436. 

  436. .subtitle {font-size:0.8em;}
    437. 

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

  438. /*}}}*/</pre>
    439. 

  439. </div>
    440. 

  440. <div title="StyleSheetPrint">
    441. 

  441. <pre>/*{{{*/
    442. 

  442. @media print {
    443. 

  443. #mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none !important;}
    444. 

  444. #displayArea {margin: 1em 1em 0em;}
    445. 

  445. noscript {display:none;} /* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
    446. 

  446. }
    447. 

  447. /*}}}*/</pre>
    448. 

  448. </div>
    449. 

  449. <div title="PageTemplate">
    450. 

  450. <pre>&lt;!--{{{--&gt;
    451. 

  451. &lt;div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'&gt;
    452. 

  452. &lt;div class='headerShadow'&gt;
    453. 

  453. &lt;span class='siteTitle' refresh='content' tiddler='SiteTitle'&gt;&lt;/span&gt;&amp;nbsp;
    454. 

  454. &lt;span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'&gt;&lt;/span&gt;
    455. 

  455. &lt;/div&gt;
    456. 

  456. &lt;div class='headerForeground'&gt;
    457. 

  457. &lt;span class='siteTitle' refresh='content' tiddler='SiteTitle'&gt;&lt;/span&gt;&amp;nbsp;
    458. 

  458. &lt;span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'&gt;&lt;/span&gt;
    459. 

  459. &lt;/div&gt;
    460. 

  460. &lt;/div&gt;
    461. 

  461. &lt;div id='mainMenu' refresh='content' tiddler='MainMenu'&gt;&lt;/div&gt;
    462. 

  462. &lt;div id='sidebar'&gt;
    463. 

  463. &lt;div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'&gt;&lt;/div&gt;
    464. 

  464. &lt;div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'&gt;&lt;/div&gt;
    465. 

  465. &lt;/div&gt;
    466. 

  466. &lt;div id='displayArea'&gt;
    467. 

  467. &lt;div id='messageArea'&gt;&lt;/div&gt;
    468. 

  468. &lt;div id='tiddlerDisplay'&gt;&lt;/div&gt;
    469. 

  469. &lt;/div&gt;
    470. 

  470. &lt;!--}}}--&gt;</pre>
    471. 

  471. </div>
    472. 

  472. <div title="ViewTemplate">
    473. 

  473. <pre>&lt;!--{{{--&gt;
    474. 

  474. &lt;div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'&gt;&lt;/div&gt;
    475. 

  475. &lt;div class='title' macro='view title'&gt;&lt;/div&gt;
    476. 

  476. &lt;div class='subtitle'&gt;&lt;span macro='view modifier link'&gt;&lt;/span&gt;, &lt;span macro='view modified date'&gt;&lt;/span&gt; (&lt;span macro='message views.wikified.createdPrompt'&gt;&lt;/span&gt; &lt;span macro='view created date'&gt;&lt;/span&gt;)&lt;/div&gt;
    477. 

  477. &lt;div class='tagging' macro='tagging'&gt;&lt;/div&gt;
    478. 

  478. &lt;div class='tagged' macro='tags'&gt;&lt;/div&gt;
    479. 

  479. &lt;div class='viewer' macro='view text wikified'&gt;&lt;/div&gt;
    480. 

  480. &lt;div class='tagClear'&gt;&lt;/div&gt;
    481. 

  481. &lt;!--}}}--&gt;</pre>
    482. 

  482. </div>
    483. 

  483. <div title="EditTemplate">
    484. 

  484. <pre>&lt;!--{{{--&gt;
    485. 

  485. &lt;div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'&gt;&lt;/div&gt;
    486. 

  486. &lt;div class='title' macro='view title'&gt;&lt;/div&gt;
    487. 

  487. &lt;div class='editor' macro='edit title'&gt;&lt;/div&gt;
    488. 

  488. &lt;div macro='annotations'&gt;&lt;/div&gt;
    489. 

  489. &lt;div class='editor' macro='edit text'&gt;&lt;/div&gt;
    490. 

  490. &lt;div class='editor' macro='edit tags'&gt;&lt;/div&gt;&lt;div class='editorFooter'&gt;&lt;span macro='message views.editor.tagPrompt'&gt;&lt;/span&gt;&lt;span macro='tagChooser excludeLists'&gt;&lt;/span&gt;&lt;/div&gt;
    491. 

  491. &lt;!--}}}--&gt;</pre>
    492. 

  492. </div>
    493. 

  493. <div title="GettingStarted">
    494. 

  494. <pre>To get started with this blank [[TiddlyWiki]], you'll need to modify the following tiddlers:
    495. 

  495. * [[SiteTitle]] &amp; [[SiteSubtitle]]: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
    496. 

  496. * [[MainMenu]]: The menu (usually on the left)
    497. 

  497. * [[DefaultTiddlers]]: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
    498. 

  498. You'll also need to enter your username for signing your edits: &lt;&lt;option txtUserName&gt;&gt;</pre>
    499. 

  499. </div>
    500. 

  500. <div title="OptionsPanel">
    501. 

  501. <pre>These [[InterfaceOptions]] for customising [[TiddlyWiki]] are saved in your browser
    502. 

  502. 

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

  504. 

  505. &lt;&lt;option txtUserName&gt;&gt;
    506. 

  506. &lt;&lt;option chkSaveBackups&gt;&gt; [[SaveBackups]]
    507. 

  507. &lt;&lt;option chkAutoSave&gt;&gt; [[AutoSave]]
    508. 

  508. &lt;&lt;option chkRegExpSearch&gt;&gt; [[RegExpSearch]]
    509. 

  509. &lt;&lt;option chkCaseSensitiveSearch&gt;&gt; [[CaseSensitiveSearch]]
    510. 

  510. &lt;&lt;option chkAnimate&gt;&gt; [[EnableAnimations]]
    511. 

  511. 

  512. ----
    513. 

  513. Also see [[AdvancedOptions]]</pre>
    514. 

  514. </div>
    515. 

  515. <div title="ImportTiddlers">
    516. 

  516. <pre>&lt;&lt;importTiddlers&gt;&gt;</pre>
    517. 

  517. </div>
    518. 

  518. </div>
    519. 

  519. <!--POST-SHADOWAREA-->
    520. 

  520. <div id="storeArea">
    521. 

  521. <div title="01.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222351" tags="attachment panorama reference thumb" server.title="01.jpg" server.page.revision="255486" server.etag="&quot;fancybox_public/01.jpg/255486;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="17273cb2721d12e442843de46ba5b6c2174ffe22" changecount="8" info="Some Info text\snSecond Line" label="San Benedicto Island" slide="01.jpg">
    522. 

  522. <pre>!labelX
    523. 

  523. The label is stored in the tiddler custom field
    524. 

  524. 

  525. !usage
    526. 

  526. {{{[img[01.jpg]]}}}
    527. 

  527. [img[01.jpg]]
    528. 

  528. !notes
    529. 

  529. attached by FileDropPlugin
    530. 

  530. !type
    531. 

  531. image/jpg
    532. 

  532. !file
    533. 

  533. ./thumbs/01.jpg
    534. 

  534. !url
    535. 

  535. http://fancybox-thumbs.tiddlyspace.com/01.jpg
    536. 

  536. !link
    537. 

  537. [[San Benedicto Island|http://fancybox-pics.tiddlyspace.com/01.jpg]]
    538. 

  538. !end
    539. 

  539. </pre>
    540. 

  540. </div>
    541. 

  541. <div title="02.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222327" tags="attachment thumb" server.title="02.jpg" server.page.revision="261782" server.etag="&quot;fancybox_public/02.jpg/261782;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="c38208842cc7c77ea197cb30d787609c12cf1fdf">
    542. 

  542. <pre>!label
    543. 

  543. 

  544. !usage
    545. 

  545. {{{[img[02.jpg]]}}}
    546. 

  546. [img[02.jpg]]
    547. 

  547. !notes
    548. 

  548. attached by FileDropPlugin
    549. 

  549. !type
    550. 

  550. image/jpg
    551. 

  551. !file
    552. 

  552. ./thumbs/02.jpg
    553. 

  553. !url
    554. 

  554. http://fancybox-thumbs.tiddlyspace.com/02.jpg
    555. 

  555. !link
    556. 

  556. [[02.jpg|http://fancybox-pics.tiddlyspace.com/02.jpg]]
    557. 

  557. !end
    558. 

  558. </pre>
    559. 

  559. </div>
    560. 

  560. <div title="03.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222328" tags="attachment thumb" server.title="03.jpg" server.page.revision="261783" server.etag="&quot;fancybox_public/03.jpg/261783;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="114722c51943e6de8dffa6aaa207bea8dcba2fe6">
    561. 

  561. <pre>!label
    562. 

  562. 

  563. !usage
    564. 

  564. {{{[img[03.jpg]]}}}
    565. 

  565. [img[03.jpg]]
    566. 

  566. !notes
    567. 

  567. attached by FileDropPlugin
    568. 

  568. !type
    569. 

  569. image/jpg
    570. 

  570. !file
    571. 

  571. ./thumbs/03.jpg
    572. 

  572. !url
    573. 

  573. http://fancybox-thumbs.tiddlyspace.com/03.jpg
    574. 

  574. !link
    575. 

  575. [[03.jpg|http://fancybox-pics.tiddlyspace.com/03.jpg]]
    576. 

  576. !end
    577. 

  577. </pre>
    578. 

  578. </div>
    579. 

  579. <div title="04.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222328" tags="attachment thumb" server.title="04.jpg" server.page.revision="261784" server.etag="&quot;fancybox_public/04.jpg/261784;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="fe52207214bf881c18e5425c1d281b3798764276">
    580. 

  580. <pre>!label
    581. 

  581. 

  582. !usage
    583. 

  583. {{{[img[04.jpg]]}}}
    584. 

  584. [img[04.jpg]]
    585. 

  585. !notes
    586. 

  586. attached by FileDropPlugin
    587. 

  587. !type
    588. 

  588. image/jpg
    589. 

  589. !file
    590. 

  590. ./thumbs/04.jpg
    591. 

  591. !url
    592. 

  592. http://fancybox-thumbs.tiddlyspace.com/04.jpg
    593. 

  593. !link
    594. 

  594. [[04.jpg|http://fancybox-pics.tiddlyspace.com/04.jpg]]
    595. 

  595. !end
    596. 

  596. </pre>
    597. 

  597. </div>
    598. 

  598. <div title="05.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222329" tags="attachment thumb" server.title="05.jpg" server.page.revision="261785" server.etag="&quot;fancybox_public/05.jpg/261785;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="71399b52d14b062055505beb353c421d3b9af2cf">
    599. 

  599. <pre>!label
    600. 

  600. 

  601. !usage
    602. 

  602. {{{[img[05.jpg]]}}}
    603. 

  603. [img[05.jpg]]
    604. 

  604. !notes
    605. 

  605. attached by FileDropPlugin
    606. 

  606. !type
    607. 

  607. image/jpg
    608. 

  608. !file
    609. 

  609. ./thumbs/05.jpg
    610. 

  610. !url
    611. 

  611. http://fancybox-thumbs.tiddlyspace.com/05.jpg
    612. 

  612. !link
    613. 

  613. [[05.jpg|http://fancybox-pics.tiddlyspace.com/05.jpg]]
    614. 

  614. !end
    615. 

  615. </pre>
    616. 

  616. </div>
    617. 

  617. <div title="05slide.jpg" creator="pmario" modifier="pmario" created="201102111153" modified="201102111153" tags="attachment" server.title="05slide.jpg" server.page.revision="249043" server.etag="&quot;fancybox_public/05slide.jpg/249043;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="6bb4fbcbfea4e535239f91d6038294fa4a4c77b4">
    618. 

  618. <pre>!usage
    619. 

  619. {{{[img[05slide.jpg]]}}}
    620. 

  620. [img[05slide.jpg]]
    621. 

  621. !notes
    622. 

  622. 

  623. !type
    624. 

  624. image/jpg
    625. 

  625. !file
    626. 

  626. ./pics/05.jpg
    627. 

  627. !url
    628. 

  628. http://fancybox-pics.tiddlyspace.com/05.jpg
    629. 

  629. !link
    630. 

  630. [[05slide.jpg|http://fancybox-pics.tiddlyspace.com/05.jpg]]
    631. 

  631. !end
    632. 

  632. </pre>
    633. 

  633. </div>
    634. 

  634. <div title="06.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222326" tags="attachment panorama reference thumb" server.title="06.jpg" server.page.revision="261786" server.etag="&quot;fancybox_public/06.jpg/261786;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="936f3c107efe4211f749cea78277d188924517c4">
    635. 

  635. <pre>!label
    636. 

  636. The Lobster     
    637. 

  637. !usage
    638. 

  638. {{{[img[06.jpg]]}}}
    639. 

  639. [img[06.jpg]]
    640. 

  640. !slide
    641. 

  641. 06slide.jpg  
    642. 

  642. !notes
    643. 

  643. attached by FileDropPlugin
    644. 

  644. !type
    645. 

  645. image/jpg
    646. 

  646. !file
    647. 

  647. ./thumbs/06.jpg
    648. 

  648. !url
    649. 

  649. http://fancybox-thumbs.tiddlyspace.com/06.jpg
    650. 

  650. !link
    651. 

  651. [[06.jpg|http://fancybox-pics.tiddlyspace.com/06.jpg]]
    652. 

  652. !end
    653. 

  653. </pre>
    654. 

  654. </div>
    655. 

  655. <div title="06slide.jpg" creator="pmario" modifier="pmario" created="201102072057" modified="201102072057" tags="attachment" server.title="06slide.jpg" server.page.revision="245583" server.etag="&quot;fancybox_public/06slide.jpg/245583;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="54a809f8cd6950b3dfe827224b296a65e621ac67">
    656. 

  656. <pre>!usage
    657. 

  657. {{{[img[06slide.jpg]]}}}
    658. 

  658. [img[06slide.jpg]]
    659. 

  659. !notes
    660. 

  660. attached by FileDropPlugin
    661. 

  661. !type
    662. 

  662. image/jpg
    663. 

  663. !file
    664. 

  664. ./pics/06.jpg
    665. 

  665. !url
    666. 

  666. http://fancybox-pics.tiddlyspace.com/06.jpg
    667. 

  667. !link
    668. 

  668. [[Lobster|http://fancybox-pics.tiddlyspace.com/06.jpg]]
    669. 

  669. !end
    670. 

  670. </pre>
    671. 

  671. </div>
    672. 

  672. <div title="07.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222326" tags="attachment manual thumb" server.title="07.jpg" server.page.revision="261787" server.etag="&quot;fancybox_public/07.jpg/261787;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="9d4f058ac8294b3d62d79da43cc07fd5c252ca71">
    673. 

  673. <pre>!label
    674. 

  674. Strobe Fish
    675. 

  675. !usage
    676. 

  676. {{{[img[07.jpg]]}}}
    677. 

  677. [img[07.jpg]]
    678. 

  678. !notes
    679. 

  679. attached by FileDropPlugin
    680. 

  680. !type
    681. 

  681. image/jpg
    682. 

  682. !file
    683. 

  683. ./thumbs/07.jpg
    684. 

  684. !url
    685. 

  685. http://fancybox-thumbs.tiddlyspace.com/07.jpg
    686. 

  686. !link
    687. 

  687. [[07.jpg|http://fancybox-pics.tiddlyspace.com/07.jpg]]
    688. 

  688. !end
    689. 

  689. </pre>
    690. 

  690. </div>
    691. 

  691. <div title="08.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222326" tags="attachment manual thumb" server.title="08.jpg" server.page.revision="261788" server.etag="&quot;fancybox_public/08.jpg/261788;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="97b7f0c527be5112fabee71f8a607c24cd8a42e7">
    692. 

  692. <pre>!label
    693. 

  693. Octopus
    694. 

  694. !usage
    695. 

  695. {{{[img[08.jpg]]}}}
    696. 

  696. [img[08.jpg]]
    697. 

  697. !notes
    698. 

  698. attached by FileDropPlugin
    699. 

  699. !type
    700. 

  700. image/jpg
    701. 

  701. !file
    702. 

  702. ./thumbs/08.jpg
    703. 

  703. !url
    704. 

  704. http://fancybox-thumbs.tiddlyspace.com/08.jpg
    705. 

  705. !link
    706. 

  706. [[08.jpg|http://fancybox-pics.tiddlyspace.com/08.jpg]]
    707. 

  707. !end
    708. 

  708. </pre>
    709. 

  709. </div>
    710. 

  710. <div title="09.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222328" tags="attachment thumb" server.title="09.jpg" server.page.revision="261789" server.etag="&quot;fancybox_public/09.jpg/261789;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="7b64b98add773c98e3c83be1c7f1c0542d1da27e">
    711. 

  711. <pre>!label
    712. 

  712. 

  713. !usage
    714. 

  714. {{{[img[09.jpg]]}}}
    715. 

  715. [img[09.jpg]]
    716. 

  716. !notes
    717. 

  717. attached by FileDropPlugin
    718. 

  718. !type
    719. 

  719. image/jpg
    720. 

  720. !file
    721. 

  721. ./thumbs/09.jpg
    722. 

  722. !url
    723. 

  723. http://fancybox-thumbs.tiddlyspace.com/09.jpg
    724. 

  724. !link
    725. 

  725. [[09.jpg|http://fancybox-pics.tiddlyspace.com/09.jpg]]
    726. 

  726. !end
    727. 

  727. </pre>
    728. 

  728. </div>
    729. 

  729. <div title="10.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222328" tags="attachment thumb" server.title="10.jpg" server.page.revision="261790" server.etag="&quot;fancybox_public/10.jpg/261790;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="27616138348a3409888b6b586e3c93fedb147d24">
    730. 

  730. <pre>!label
    731. 

  731. 

  732. !usage
    733. 

  733. {{{[img[10.jpg]]}}}
    734. 

  734. [img[10.jpg]]
    735. 

  735. !notes
    736. 

  736. attached by FileDropPlugin
    737. 

  737. !type
    738. 

  738. image/jpg
    739. 

  739. !file
    740. 

  740. ./thumbs/10.jpg
    741. 

  741. !url
    742. 

  742. http://fancybox-thumbs.tiddlyspace.com/10.jpg
    743. 

  743. !link
    744. 

  744. [[10.jpg|http://fancybox-pics.tiddlyspace.com/10.jpg]]
    745. 

  745. !end
    746. 

  746. </pre>
    747. 

  747. </div>
    748. 

  748. <div title="11.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222326" tags="attachment panorama thumb" server.title="11.jpg" server.page.revision="261791" server.etag="&quot;fancybox_public/11.jpg/261791;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="8c638bf7799466856b4265001b2c49320177d2b1">
    749. 

  749. <pre>!label
    750. 

  750. San Benedicto Island Sunset
    751. 

  751. !usage
    752. 

  752. {{{[img[11.jpg]]}}}
    753. 

  753. [img[11.jpg]]
    754. 

  754. !notes
    755. 

  755. attached by FileDropPlugin
    756. 

  756. !type
    757. 

  757. image/jpg
    758. 

  758. !file
    759. 

  759. ./thumbs/11.jpg
    760. 

  760. !url
    761. 

  761. http://fancybox-thumbs.tiddlyspace.com/11.jpg
    762. 

  762. !link
    763. 

  763. [[11.jpg|http://fancybox-pics.tiddlyspace.com/11.jpg]]
    764. 

  764. !end
    765. 

  765. </pre>
    766. 

  766. </div>
    767. 

  767. <div title="12.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222328" tags="attachment thumb" server.title="12.jpg" server.page.revision="261792" server.etag="&quot;fancybox_public/12.jpg/261792;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="becf503db0e0ef6469ceffdd65882abe556a9774">
    768. 

  768. <pre>!label
    769. 

  769. 

  770. !usage
    771. 

  771. {{{[img[12.jpg]]}}}
    772. 

  772. [img[12.jpg]]
    773. 

  773. !notes
    774. 

  774. attached by FileDropPlugin
    775. 

  775. !type
    776. 

  776. image/jpg
    777. 

  777. !file
    778. 

  778. ./thumbs/12.jpg
    779. 

  779. !url
    780. 

  780. http://fancybox-thumbs.tiddlyspace.com/12.jpg
    781. 

  781. !link
    782. 

  782. [[12.jpg|http://fancybox-pics.tiddlyspace.com/12.jpg]]
    783. 

  783. !end
    784. 

  784. </pre>
    785. 

  785. </div>
    786. 

  786. <div title="13.jpg" creator="pmario" modifier="pmario" created="201101271327" modified="201102222329" tags="attachment thumb" server.title="13.jpg" server.page.revision="261793" server.etag="&quot;fancybox_public/13.jpg/261793;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="1a98a0fcc4cd3767496c5b7bc0c098bb6df44c29">
    787. 

  787. <pre>!label
    788. 

  788. 

  789. !usage
    790. 

  790. {{{[img[13.jpg]]}}}
    791. 

  791. [img[13.jpg]]
    792. 

  792. !notes
    793. 

  793. attached by FileDropPlugin
    794. 

  794. !type
    795. 

  795. image/jpg
    796. 

  796. !file
    797. 

  797. ./thumbs/13.jpg
    798. 

  798. !url
    799. 

  799. http://fancybox-thumbs.tiddlyspace.com/13.jpg
    800. 

  800. !link
    801. 

  801. [[13.jpg|http://fancybox-pics.tiddlyspace.com/13.jpg]]
    802. 

  802. !end
    803. 

  803. </pre>
    804. 

  804. </div>
    805. 

  805. <div title="@news" creator="fancybox" modifier="fancybox" created="201101211613" modified="201101211613" tags="list" server.title="@news" server.page.revision="47550" server.etag="&quot;fancybox_public/%40news/47550;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="661a1b3592e66afa62d728501c6c5895ffaf8ccb">
    806. 

  806. <pre>Have fun with @FanxyBox </pre>
    807. 

  807. </div>
    808. 

  808. <div title="About" creator="pmario" modifier="pmario" created="201102131915" modified="201102211548" tags="mainMenu topMenu" server.title="About" server.page.revision="261794" server.etag="&quot;fancybox_public/About/261794;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.topmenu="0000" _hash="84c40df5d775847664e5a678690d0460f81ad328">
    809. 

  809. <pre>!Info
    810. 

  810. FancyBox site adds FancyBoxPlugin@fancybox for easy usage with TW. It includes the ~FancyBox library from fancybox.net. Have fun!
    811. 

  811. /%===== Do not use these examples. Look at [[Examples]] instead !%/&lt;&lt;tiddler DifferentTransitions&gt;&gt;&lt;&lt;tiddler DifferentTitles&gt;&gt;
    812. 

  812. &lt;&lt;tiddler ImageGallery&gt;&gt;
    813. 

  813. &lt;&lt;tiddler ManualCalls&gt;&gt;
    814. 

  814. !~HowToo's
    815. 

  815. See [[HowToo's]] for detailed information!</pre>
    816. 

  816. </div>
    817. 

  817. <div title="AttachFileMIMETypes" creator="pmario" modifier="pmario" created="201102072259" modified="201102072259" server.title="AttachFileMIMETypes" server.page.revision="245734" server.etag="&quot;fancybox_private/AttachFileMIMETypes/245734;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="634022a843b6e8cfdb474d292238853292f720cf">
    818. 

  818. <pre>text/plain
    819. 

  819. .txt .text .js .vbs .asp .cgi .pl
    820. 

  820. ----
    821. 

  821. text/html
    822. 

  822. .htm .html .hta .htx .mht
    823. 

  823. ----
    824. 

  824. text/comma-separated-values
    825. 

  825. .csv
    826. 

  826. ----
    827. 

  827. text/javascript
    828. 

  828. .js
    829. 

  829. ----
    830. 

  830. text/css
    831. 

  831. .css
    832. 

  832. ----
    833. 

  833. text/xml
    834. 

  834. .xml .xsl .xslt
    835. 

  835. ----
    836. 

  836. image/gif
    837. 

  837. .gif
    838. 

  838. ----
    839. 

  839. image/jpeg
    840. 

  840. .jpg .jpe .jpeg
    841. 

  841. ----
    842. 

  842. image/png
    843. 

  843. .png
    844. 

  844. ----
    845. 

  845. image/bmp
    846. 

  846. .bmp
    847. 

  847. ----
    848. 

  848. image/tiff
    849. 

  849. .tif .tiff
    850. 

  850. ----
    851. 

  851. audio/basic
    852. 

  852. .au .snd
    853. 

  853. ----
    854. 

  854. audio/wav
    855. 

  855. .wav
    856. 

  856. ----
    857. 

  857. audio/x-pn-realaudio
    858. 

  858. .ra .rm .ram
    859. 

  859. ----
    860. 

  860. audio/x-midi
    861. 

  861. .mid .midi
    862. 

  862. ----
    863. 

  863. audio/mp3
    864. 

  864. .mp3
    865. 

  865. ----
    866. 

  866. audio/m3u
    867. 

  867. .m3u
    868. 

  868. ----
    869. 

  869. video/x-ms-asf
    870. 

  870. .asf
    871. 

  871. ----
    872. 

  872. video/avi
    873. 

  873. .avi
    874. 

  874. ----
    875. 

  875. video/mpeg
    876. 

  876. .mpg .mpeg
    877. 

  877. ----
    878. 

  878. video/quicktime
    879. 

  879. .qt .mov .qtvr
    880. 

  880. ----
    881. 

  881. application/pdf
    882. 

  882. .pdf
    883. 

  883. ----
    884. 

  884. application/rtf
    885. 

  885. .rtf
    886. 

  886. ----
    887. 

  887. application/postscript
    888. 

  888. .ai .eps .ps
    889. 

  889. ----
    890. 

  890. application/wordperfect
    891. 

  891. .wpd
    892. 

  892. ----
    893. 

  893. application/mswrite
    894. 

  894. .wri
    895. 

  895. ----
    896. 

  896. application/msexcel
    897. 

  897. .xls .xls3 .xls4 .xls5 .xlw
    898. 

  898. ----
    899. 

  899. application/msword
    900. 

  900. .doc
    901. 

  901. ----
    902. 

  902. application/mspowerpoint
    903. 

  903. .ppt .pps
    904. 

  904. ----
    905. 

  905. application/x-director
    906. 

  906. .swa
    907. 

  907. ----
    908. 

  908. application/x-shockwave-flash
    909. 

  909. .swf
    910. 

  910. ----
    911. 

  911. application/x-zip-compressed
    912. 

  912. .zip
    913. 

  913. ----
    914. 

  914. application/x-gzip
    915. 

  915. .gz
    916. 

  916. ----
    917. 

  917. application/x-rar-compressed
    918. 

  918. .rar
    919. 

  919. ----
    920. 

  920. application/octet-stream
    921. 

  921. .com .exe .dll .ocx
    922. 

  922. ----
    923. 

  923. application/java-archive
    924. 

  924. .jar</pre>
    925. 

  925. </div>
    926. 

  926. <div title="AttachFilePlugin" creator="pmario" modifier="pmario" created="201102072259" modified="201102072259" tags="systemConfig" server.title="AttachFilePlugin" server.page.revision="245735" server.etag="&quot;fancybox_private/AttachFilePlugin/245735;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="9078408df7f276d0b62e4aeea5a4b3fb172d17c6">
    927. 

  927. <pre>/***
    928. 

  928. |Name|AttachFilePlugin|
    929. 

  929. |Source|http://www.TiddlyTools.com/#AttachFilePlugin|
    930. 

  930. |Documentation|http://www.TiddlyTools.com/#AttachFilePluginInfo|
    931. 

  931. |Version|4.0.0|
    932. 

  932. |Author|Eric Shulman|
    933. 

  933. |License|http://www.TiddlyTools.com/#LegalStatements|
    934. 

  934. |~CoreVersion|2.1|
    935. 

  935. |Type|plugin|
    936. 

  936. |Requires|AttachFilePluginFormatters, AttachFileMIMETypes|
    937. 

  937. |Description|Store binary files as base64-encoded tiddlers with fallback links for separate local and/or remote file storage|
    938. 

  938. Store or link binary files (such as jpg, gif, pdf or even mp3) within your TiddlyWiki document and then use them as images or links from within your tiddler content.
    939. 

  939. &gt; Important note: As of version 3.6.0, in order to //render// images and other binary attachments created with this plugin, you must also install [[AttachFilePluginFormatters]], which extends the behavior of the TiddlyWiki core formatters for embedded images ({{{[img[tooltip|image]]}}}), linked embedded images ({{{[img[tooltip|image][link]]}}}), and external/&quot;pretty&quot; links ({{{[[label|link]]}}}), so that these formatter will process references to attachment tiddlers as if a normal file reference had been provided. |
    940. 

  940. !!!!!Documentation
    941. 

  941. &gt;see [[AttachFilePluginInfo]]
    942. 

  942. !!!!!Inline interface (live)
    943. 

  943. &gt;see [[AttachFile]] (shadow tiddler)
    944. 

  944. &gt;&lt;&lt;tiddler AttachFile&gt;&gt;
    945. 

  945. !!!!!Revisions
    946. 

  946. &lt;&lt;&lt;
    947. 

  947. 2009.06.04 [4.0.0] changed attachment storage format to use //sections// instead of embedded substring markers.
    948. 

  948. |please see [[AttachFilePluginInfo]] for additional revision details|
    949. 

  949. 2005.07.20 [1.0.0] Initial Release
    950. 

  950. &lt;&lt;&lt;
    951. 

  951. !!!!!Code
    952. 

  952. ***/
    953. 

  953. // // version
    954. 

  954. //{{{
    955. 

  955. version.extensions.AttachFilePlugin= {major: 4, minor: 0, revision: 0, date: new Date(2009,6,4)};
    956. 

  956. 

  957. // shadow tiddler
    958. 

  958. config.shadowTiddlers.AttachFile=&quot;&lt;&lt;attach inline&gt;&gt;&quot;;
    959. 

  959. 

  960. // add 'attach' backstage task (insert before built-in 'importTask')
    961. 

  961. if (config.tasks) { // for TW2.2b or above
    962. 

  962. 	config.tasks.attachTask = {
    963. 

  963. 		text: &quot;attach&quot;,
    964. 

  964. 		tooltip: &quot;Attach a binary file as a tiddler&quot;,
    965. 

  965. 		content: &quot;&lt;&lt;attach inline&gt;&gt;&quot;
    966. 

  966. 	}
    967. 

  967. 	config.backstageTasks.splice(config.backstageTasks.indexOf(&quot;importTask&quot;),0,&quot;attachTask&quot;);
    968. 

  968. }
    969. 

  969. 

  970. config.macros.attach = {
    971. 

  971. // // lingo
    972. 

  972. //{{{
    973. 

  973. 	label: &quot;attach file&quot;,
    974. 

  974. 	tooltip: &quot;Attach a file to this document&quot;,
    975. 

  975. 	linkTooltip: &quot;Attachment: &quot;,
    976. 

  976. 

  977. 	typeList: &quot;AttachFileMIMETypes&quot;,
    978. 

  978. 

  979. 	titlePrompt: &quot; enter tiddler title...&quot;,
    980. 

  980. 	MIMEPrompt: &quot;&lt;option value=''&gt;select MIME type...&lt;/option&gt;&lt;option value='editlist'&gt;[edit list...]&lt;/option&gt;&quot;,
    981. 

  981. 	localPrompt: &quot; enter local path/filename...&quot;,
    982. 

  982. 	URLPrompt: &quot; enter remote URL...&quot;,
    983. 

  983. 

  984. 	tiddlerErr: &quot;Please enter a tiddler title&quot;,
    985. 

  985. 	sourceErr: &quot;Please enter a source path/filename&quot;,
    986. 

  986. 	storageErr: &quot;Please select a storage method: embedded, local or remote&quot;,
    987. 

  987. 	MIMEErr: &quot;Unrecognized file format.  Please select a MIME type&quot;,
    988. 

  988. 	localErr: &quot;Please enter a local path/filename&quot;,
    989. 

  989. 	URLErr: &quot;Please enter a remote URL&quot;,
    990. 

  990. 	fileErr: &quot;Invalid path/file or file not found&quot;,
    991. 

  991. 

  992. 	tiddlerFormat: '!usage\n{{{%0}}}\n%0\n!notes\n%1\n!type\n%2\n!file\n%3\n!url\n%4\n!data\n%5\n',
    993. 

  993. 

  994. //}}}
    995. 

  995. // // macro definition
    996. 

  996. //{{{
    997. 

  997. 	handler:
    998. 

  998. 	function(place,macroName,params) {
    999. 

  999. 		if (params &amp;&amp; !params[0])
    1000. 

  1000. 			{ createTiddlyButton(place,this.label,this.tooltip,this.toggleAttachPanel); return; }
    1001. 

  1001. 		var id=params.shift();
    1002. 

  1002. 		this.createAttachPanel(place,id+&quot;_attachPanel&quot;,params);
    1003. 

  1003. 		document.getElementById(id+&quot;_attachPanel&quot;).style.position=&quot;static&quot;;
    1004. 

  1004. 		document.getElementById(id+&quot;_attachPanel&quot;).style.display=&quot;block&quot;;
    1005. 

  1005. 	},
    1006. 

  1006. //}}}
    1007. 

  1007. //{{{
    1008. 

  1008. 	createAttachPanel:
    1009. 

  1009. 	function(place,panel_id,params) {
    1010. 

  1010. 		if (!panel_id || !panel_id.length) var panel_id=&quot;_attachPanel&quot;;
    1011. 

  1011. 		// remove existing panel (if any)
    1012. 

  1012. 		var panel=document.getElementById(panel_id); if (panel) panel.parentNode.removeChild(panel);
    1013. 

  1013. 		// set styles for this panel
    1014. 

  1014. 		setStylesheet(this.css,&quot;attachPanel&quot;);
    1015. 

  1015. 		// create new panel
    1016. 

  1016. 		var title=&quot;&quot;; if (params &amp;&amp; params[0]) title=params.shift();
    1017. 

  1017. 		var types=this.MIMEPrompt+this.formatListOptions(store.getTiddlerText(this.typeList)); // get MIME types
    1018. 

  1018. 		panel=createTiddlyElement(place,&quot;span&quot;,panel_id,&quot;attachPanel&quot;,null);
    1019. 

  1019. 		var html=this.html.replace(/%id%/g,panel_id);
    1020. 

  1020. 		html=html.replace(/%title%/g,title);
    1021. 

  1021. 		html=html.replace(/%disabled%/g,title.length?&quot;disabled&quot;:&quot;&quot;);
    1022. 

  1022. 		html=html.replace(/%IEdisabled%/g,config.browser.isIE?&quot;disabled&quot;:&quot;&quot;);
    1023. 

  1023. 		html=html.replace(/%types%/g,types);
    1024. 

  1024. 		panel.innerHTML=html;
    1025. 

  1025. 		if (config.browser.isGecko) { // FF3 FIXUP
    1026. 

  1026. 			document.getElementById(&quot;attachSource&quot;).style.display=&quot;none&quot;;
    1027. 

  1027. 			document.getElementById(&quot;attachFixPanel&quot;).style.display=&quot;block&quot;;
    1028. 

  1028. 		}
    1029. 

  1029. 		return panel;
    1030. 

  1030. 	},
    1031. 

  1031. //}}}
    1032. 

  1032. //{{{
    1033. 

  1033. 	toggleAttachPanel:
    1034. 

  1034. 	function (e) {
    1035. 

  1035. 		if (!e) var e = window.event;
    1036. 

  1036. 		var parent=resolveTarget(e).parentNode;
    1037. 

  1037. 		var panel = document.getElementById(&quot;_attachPanel&quot;);
    1038. 

  1038. 		if (panel==undefined || panel.parentNode!=parent)
    1039. 

  1039. 			panel=config.macros.attach.createAttachPanel(parent,&quot;_attachPanel&quot;);
    1040. 

  1040. 		var isOpen = panel.style.display==&quot;block&quot;;
    1041. 

  1041. 		if(config.options.chkAnimate)
    1042. 

  1042. 			anim.startAnimating(new Slider(panel,!isOpen,e.shiftKey || e.altKey,&quot;none&quot;));
    1043. 

  1043. 		else
    1044. 

  1044. 			panel.style.display = isOpen ? &quot;none&quot; : &quot;block&quot; ;
    1045. 

  1045. 		e.cancelBubble = true;
    1046. 

  1046. 		if (e.stopPropagation) e.stopPropagation();
    1047. 

  1047. 		return(false);
    1048. 

  1048. 	},
    1049. 

  1049. //}}}
    1050. 

  1050. //{{{
    1051. 

  1051. 	formatListOptions:
    1052. 

  1052. 	function(text) {
    1053. 

  1053. 		if (!text || !text.trim().length) return &quot;&quot;;
    1054. 

  1054. 		// get MIME list content from text
    1055. 

  1055. 		var parts=text.split(&quot;\n----\n&quot;);
    1056. 

  1056. 		var out=&quot;&quot;;
    1057. 

  1057. 		for (var p=0; p&lt;parts.length; p++) {
    1058. 

  1058. 			var lines=parts[p].split(&quot;\n&quot;);
    1059. 

  1059. 			var label=lines.shift(); // 1st line=display text
    1060. 

  1060. 			var value=lines.shift(); // 2nd line=item value
    1061. 

  1061. 			out +='&lt;option value=&quot;%1&quot;&gt;%0&lt;/option&gt;'.format([label,value]);
    1062. 

  1062. 		}
    1063. 

  1063. 		return out;
    1064. 

  1064. 	},
    1065. 

  1065. //}}}
    1066. 

  1066. // // interface definition
    1067. 

  1067. //{{{
    1068. 

  1068. 	css:
    1069. 

  1069. 	&quot;.attachPanel { display: none; position:absolute; z-index:10; width:35em; right:105%; top:0em;\
    1070. 

  1070. 		background-color: #eee; color:#000; font-size: 8pt; line-height:110%;\
    1071. 

  1071. 		border:1px solid black; border-bottom-width: 3px; border-right-width: 3px;\
    1072. 

  1072. 		padding: 0.5em; margin:0em; -moz-border-radius:1em;-webkit-border-radius:1em; text-align:left }\
    1073. 

  1073. 	.attachPanel form { display:inline;border:0;padding:0;margin:0; }\
    1074. 

  1074. 	.attachPanel select { width:99%;margin:0px;font-size:8pt;line-height:110%;}\
    1075. 

  1075. 	.attachPanel input  { width:98%;padding:0px;margin:0px;font-size:8pt;line-height:110%}\
    1076. 

  1076. 	.attachPanel textarea { width:98%;margin:0px;height:2em;font-size:8pt;line-height:110%}\
    1077. 

  1077. 	.attachPanel table { width:100%;border:0;margin:0;padding:0;color:inherit; }\
    1078. 

  1078. 	.attachPanel tbody, .attachPanel tr, .attachPanel td { border:0;margin:0;padding:0;color:#000; }\
    1079. 

  1079. 	.attachPanel .box { border:1px solid black; padding:.3em; margin:.3em 0px; background:#f8f8f8; \
    1080. 

  1080. 		-moz-border-radius:5px;-webkit-border-radius:5px; }\
    1081. 

  1081. 	.attachPanel .chk { width:auto;border:0; }\
    1082. 

  1082. 	.attachPanel .btn { width:auto; }\
    1083. 

  1083. 	.attachPanel .btn2 { width:49%; }\
    1084. 

  1084. 	&quot;,
    1085. 

  1085. //}}}
    1086. 

  1086. //{{{
    1087. 

  1087. 	html:
    1088. 

  1088. 	'&lt;form&gt;\
    1089. 

  1089. 		attach from source file\
    1090. 

  1090. 		&lt;input type=&quot;file&quot; id=&quot;attachSource&quot; name=&quot;source&quot; size=&quot;56&quot;\
    1091. 

  1091. 			onChange=&quot;config.macros.attach.onChangeSource(this)&quot;&gt;\
    1092. 

  1092. 		&lt;div id=&quot;attachFixPanel&quot; style=&quot;display:none&quot;&gt;&lt;!-- FF3 FIXUP --&gt;\
    1093. 

  1093. 			&lt;input type=&quot;text&quot; id=&quot;attachFixSource&quot; style=&quot;width:90%&quot;\
    1094. 

  1094. 				title=&quot;Enter a path/file to attach&quot;\
    1095. 

  1095. 				onChange=&quot;config.macros.attach.onChangeSource(this);&quot;&gt;\
    1096. 

  1096. 			&lt;input type=&quot;button&quot; style=&quot;width:7%&quot; value=&quot;...&quot;\
    1097. 

  1097. 				title=&quot;Enter a path/file to attach&quot;\
    1098. 

  1098. 				onClick=&quot;config.macros.attach.askForFilename(document.getElementById(\'attachFixSource\'));&quot;&gt;\
    1099. 

  1099. 		&lt;/div&gt;&lt;!--end FF3 FIXUP--&gt;\
    1100. 

  1100. 		&lt;div class=&quot;box&quot;&gt;\
    1101. 

  1101. 		&lt;table style=&quot;border:0&quot;&gt;&lt;tr style=&quot;border:0&quot;&gt;&lt;td style=&quot;border:0;text-align:right;width:1%;white-space:nowrap&quot;&gt;\
    1102. 

  1102. 			embed data &lt;input type=checkbox class=chk name=&quot;useData&quot; %IEdisabled% \
    1103. 

  1103. 				onclick=&quot;if (!this.form.MIMEType.value.length)\
    1104. 

  1104. 					this.form.MIMEType.selectedIndex=this.checked?1:0; &quot;&gt;&amp;nbsp;\
    1105. 

  1105. 		&lt;/td&gt;&lt;td style=&quot;border:0&quot;&gt;\
    1106. 

  1106. 			&lt;select size=1 name=&quot;MIMEType&quot; \
    1107. 

  1107. 				onchange=&quot;this.title=this.value; if (this.value==\'editlist\')\
    1108. 

  1108. 					{ this.selectedIndex=this.form.useData.checked?1:0; story.displayTiddler(null,config.macros.attach.typeList,2); return; }&quot;&gt;\
    1109. 

  1109. 				&lt;option value=&quot;&quot;&gt;&lt;/option&gt;\
    1110. 

  1110. 				%types%\
    1111. 

  1111. 			&lt;/select&gt;\
    1112. 

  1112. 		&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;border:0&quot;&gt;&lt;td style=&quot;border:0;text-align:right;width:1%;white-space:nowrap&quot;&gt;\
    1113. 

  1113. 			local link &lt;input type=checkbox class=chk name=&quot;useLocal&quot;\
    1114. 

  1114. 				onclick=&quot;this.form.local.value=this.form.local.defaultValue=this.checked?config.macros.attach.localPrompt:\'\';&quot;&gt;&amp;nbsp;\
    1115. 

  1115. 		&lt;/td&gt;&lt;td style=&quot;border:0&quot;&gt;\
    1116. 

  1116. 			&lt;input type=text name=&quot;local&quot; size=15 autocomplete=off value=&quot;&quot;\
    1117. 

  1117. 				onchange=&quot;this.form.useLocal.checked=this.value.length&quot; \
    1118. 

  1118. 				onkeyup=&quot;this.form.useLocal.checked=this.value.length&quot; \
    1119. 

  1119. 				onfocus=&quot;if (!this.value.length) this.value=config.macros.attach.localPrompt; this.select()&quot;&gt;\
    1120. 

  1120. 		&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;border:0&quot;&gt;&lt;td style=&quot;border:0;text-align:right;width:1%;white-space:nowrap&quot;&gt;\
    1121. 

  1121. 			remote link &lt;input type=checkbox class=chk name=&quot;useURL&quot;\
    1122. 

  1122. 				onclick=&quot;this.form.URL.value=this.form.URL.defaultValue=this.checked?config.macros.attach.URLPrompt:\'\';\&quot;&gt;&amp;nbsp;\
    1123. 

  1123. 		&lt;/td&gt;&lt;td style=&quot;border:0&quot;&gt;\
    1124. 

  1124. 			&lt;input type=text name=&quot;URL&quot; size=15 autocomplete=off value=&quot;&quot;\
    1125. 

  1125. 				onfocus=&quot;if (!this.value.length) this.value=config.macros.attach.URLPrompt; this.select()&quot;\
    1126. 

  1126. 				onchange=&quot;this.form.useURL.checked=this.value.length;&quot;\
    1127. 

  1127. 				onkeyup=&quot;this.form.useURL.checked=this.value.length;&quot;&gt;\
    1128. 

  1128. 		&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;\
    1129. 

  1129. 		&lt;/div&gt;\
    1130. 

  1130. 		&lt;table style=&quot;border:0&quot;&gt;&lt;tr style=&quot;border:0&quot;&gt;&lt;td style=&quot;border:0;text-align:right;vertical-align:top;width:1%;white-space:nowrap&quot;&gt;\
    1131. 

  1131. 			notes&amp;nbsp;\
    1132. 

  1132. 		&lt;/td&gt;&lt;td style=&quot;border:0&quot; colspan=2&gt;\
    1133. 

  1133. 			&lt;textarea name=&quot;notes&quot; style=&quot;width:98%;height:3.5em;margin-bottom:2px&quot;&gt;&lt;/textarea&gt;\
    1134. 

  1134. 		&lt;/td&gt;&lt;tr style=&quot;border:0&quot;&gt;&lt;td style=&quot;border:0;text-align:right;width:1%;white-space:nowrap&quot;&gt;\
    1135. 

  1135. 			attach as&amp;nbsp;\
    1136. 

  1136. 		&lt;/td&gt;&lt;td style=&quot;border:0&quot; colspan=2&gt;\
    1137. 

  1137. 			&lt;input type=text name=&quot;tiddlertitle&quot; size=15 autocomplete=off value=&quot;%title%&quot;\
    1138. 

  1138. 				onkeyup=&quot;if (!this.value.length) { this.value=config.macros.attach.titlePrompt; this.select(); }&quot;\
    1139. 

  1139. 				onfocus=&quot;if (!this.value.length) this.value=config.macros.attach.titlePrompt; this.select()&quot; %disabled%&gt;\
    1140. 

  1140. 		&lt;/td&gt;&lt;/tr&gt;&lt;/tr&gt;&lt;tr style=&quot;border:0&quot;&gt;&lt;td style=&quot;border:0;text-align:right;width:1%;white-space:nowrap&quot;&gt;\
    1141. 

  1141. 			add tags&amp;nbsp;\
    1142. 

  1142. 		&lt;/td&gt;&lt;td style=&quot;border:0&quot;&gt;\
    1143. 

  1143. 			&lt;input type=text name=&quot;tags&quot; size=15 autocomplete=off value=&quot;&quot; onfocus=&quot;this.select()&quot;&gt;\
    1144. 

  1144. 		&lt;/td&gt;&lt;td style=&quot;width:40%;text-align:right;border:0&quot;&gt;\
    1145. 

  1145. 			&lt;input type=button class=btn2 value=&quot;attach&quot;\
    1146. 

  1146. 				onclick=&quot;config.macros.attach.onClickAttach(this)&quot;&gt;&lt;!--\
    1147. 

  1147. 			--&gt;&lt;input type=button class=btn2 value=&quot;close&quot;\
    1148. 

  1148. 				onclick=&quot;var panel=document.getElementById(\'%id%\'); if (panel) panel.parentNode.removeChild(panel);&quot;&gt;\
    1149. 

  1149. 		&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;\
    1150. 

  1150. 	&lt;/form&gt;',
    1151. 

  1151. //}}}
    1152. 

  1152. // // control processing
    1153. 

  1153. //{{{
    1154. 

  1154. 	onChangeSource:
    1155. 

  1155. 	function(here) {
    1156. 

  1156. 		var form=here.form;
    1157. 

  1157. 		var list=form.MIMEType;
    1158. 

  1158. 		var theFilename  = here.value;
    1159. 

  1159. 		var theExtension = theFilename.substr(theFilename.lastIndexOf('.')).toLowerCase();
    1160. 

  1160. 		// if theFilename is in current document folder, remove path prefix and use relative reference
    1161. 

  1161. 		var h=document.location.href; folder=getLocalPath(decodeURIComponent(h.substr(0,h.lastIndexOf(&quot;/&quot;)+1)));
    1162. 

  1162. 		if (theFilename.substr(0,folder.length)==folder) theFilename='./'+theFilename.substr(folder.length);
    1163. 

  1163. 		else theFilename='file:///'+theFilename; // otherwise, use absolute reference
    1164. 

  1164. 		theFilename=theFilename.replace(/\\/g,&quot;/&quot;); // fixup: change \ to /
    1165. 

  1165. 		form.useLocal.checked = true;
    1166. 

  1166. 		form.local.value = theFilename;
    1167. 

  1167. 		form.useData.checked = !form.useData.disabled;
    1168. 

  1168. 		list.selectedIndex=1;
    1169. 

  1169. 		for (var i=0; i&lt;list.options.length; i++) // find matching MIME type
    1170. 

  1170. 			if (list.options[i].value.indexOf(theExtension)!=-1) { list.selectedIndex = i; break; }
    1171. 

  1171. 		if (!form.tiddlertitle.disabled)
    1172. 

  1172. 			form.tiddlertitle.value=theFilename.substr(theFilename.lastIndexOf('/')+1); // get tiddlername from filename
    1173. 

  1173. 	},
    1174. 

  1174. //}}}
    1175. 

  1175. //{{{
    1176. 

  1176. 	onClickAttach:
    1177. 

  1177. 	function (here) {
    1178. 

  1178. 		clearMessage();
    1179. 

  1179. 		// get input values
    1180. 

  1180. 		var form=here.form;
    1181. 

  1181. 		var src=form.source; if (config.browser.isGecko) src=document.getElementById(&quot;attachFixSource&quot;);
    1182. 

  1182. 		src=src.value!=src.defaultValue?src.value:&quot;&quot;;
    1183. 

  1183. 		var when=(new Date()).formatString(config.macros.timeline.dateFormat);
    1184. 

  1184. 		var title=form.tiddlertitle.value;
    1185. 

  1185. 		var local = form.local.value!=form.local.defaultValue?form.local.value:&quot;&quot;;
    1186. 

  1186. 		var url = form.URL.value!=form.URL.defaultValue?form.URL.value:&quot;&quot;;
    1187. 

  1187. 		var notes = form.notes.value;
    1188. 

  1188. 		var tags = &quot;attachment excludeMissing &quot;+form.tags.value;
    1189. 

  1189. 		var useData=form.useData.checked;
    1190. 

  1190. 		var useLocal=form.useLocal.checked;
    1191. 

  1191. 		var useURL=form.useURL.checked;
    1192. 

  1192. 		var mimetype = form.MIMEType.value.length?form.MIMEType.options[form.MIMEType.selectedIndex].text:&quot;&quot;;
    1193. 

  1193. 		// validate checkboxes and get filename
    1194. 

  1194. 		if (useData) {
    1195. 

  1195. 			if (src.length) { if (!theLocation) var theLocation=src; }
    1196. 

  1196. 			else { alert(this.sourceErr); src.focus(); return false; }
    1197. 

  1197. 		}
    1198. 

  1198. 		if (useLocal) {
    1199. 

  1199. 			if (local.length) { if (!theLocation) var theLocation = local; }
    1200. 

  1200. 			else { alert(this.localErr); form.local.focus(); return false; }
    1201. 

  1201. 		}
    1202. 

  1202. 		if (useURL) {
    1203. 

  1203. 			if (url.length) { if (!theLocation) var theLocation = url; }
    1204. 

  1204. 			else { alert(this.URLErr); form.URL.focus(); return false; }
    1205. 

  1205. 		}
    1206. 

  1206. 		if (!(useData||useLocal||useURL))
    1207. 

  1207. 			{ form.useData.focus(); alert(this.storageErr); return false; }
    1208. 

  1208. 		if (!theLocation)
    1209. 

  1209. 			{ src.focus(); alert(this.sourceErr); return false; }
    1210. 

  1210. 		if (!title || !title.trim().length || title==this.titlePrompt)
    1211. 

  1211. 			{ form.tiddlertitle.focus(); alert(this.tiddlerErr); return false; }
    1212. 

  1212. 		// if not already selected, determine MIME type based on filename extension (if any)
    1213. 

  1213. 		if (useData &amp;&amp; !mimetype.length &amp;&amp; theLocation.lastIndexOf('.')!=-1) {
    1214. 

  1214. 			var theExt = theLocation.substr(theLocation.lastIndexOf('.')).toLowerCase();
    1215. 

  1215. 			var theList=form.MIMEType;
    1216. 

  1216. 			for (var i=0; i&lt;theList.options.length; i++)
    1217. 

  1217. 				if (theList.options[i].value.indexOf(theExt)!=-1)
    1218. 

  1218. 					{ var mimetype=theList.options[i].text; theList.selectedIndex=i; break; }
    1219. 

  1219. 		}
    1220. 

  1220. 		// attach the file
    1221. 

  1221. 		return this.createAttachmentTiddler(src, when, notes, tags, title,
    1222. 

  1222. 			useData, useLocal, useURL, local, url, mimetype);
    1223. 

  1223. 	},
    1224. 

  1224. 	getMIMEType:
    1225. 

  1225. 	function(src,def) {
    1226. 

  1226. 		var ext = src.substr(src.lastIndexOf('.')).toLowerCase();
    1227. 

  1227. 		var list=store.getTiddlerText(this.typeList);
    1228. 

  1228. 		if (!list || !list.trim().length) return def;
    1229. 

  1229. 		// get MIME list content from tiddler
    1230. 

  1230. 		var parts=list.split(&quot;\n----\n&quot;);
    1231. 

  1231. 		for (var p=0; p&lt;parts.length; p++) {
    1232. 

  1232. 			var lines=parts[p].split(&quot;\n&quot;);
    1233. 

  1233. 			var mime=lines.shift(); // 1st line=MIME type
    1234. 

  1234. 			var match=lines.shift(); // 2nd line=matching extensions
    1235. 

  1235. 			if (match.indexOf(ext)!=-1) return mime;
    1236. 

  1236. 		}
    1237. 

  1237. 		return def;
    1238. 

  1238. 	},
    1239. 

  1239. 	createAttachmentTiddler:
    1240. 

  1240. 	function (src, when, notes, tags, title, useData, useLocal, useURL, local, url, mimetype, noshow) {
    1241. 

  1241. 		if (useData) { // encode the data
    1242. 

  1242. 			if (!mimetype.length) {
    1243. 

  1243. 				alert(this.MIMEErr);
    1244. 

  1244. 				form.MIMEType.selectedIndex=1; form.MIMEType.focus();
    1245. 

  1245. 				return false;
    1246. 

  1246. 			}
    1247. 

  1247. 			var d = this.readFile(src); if (!d) { return false; }
    1248. 

  1248. 			displayMessage('encoding '+src);
    1249. 

  1249. 			var encoded = this.encodeBase64(d);
    1250. 

  1250. 			displayMessage('file size='+d.length+' bytes, encoded size='+encoded.length+' bytes');
    1251. 

  1251. 		}
    1252. 

  1252. 		var usage=(mimetype.substr(0,5)==&quot;image&quot;?'[img[%0]]':'[[%0|%0]]').format([title]);
    1253. 

  1253. 		var theText=this.tiddlerFormat.format([
    1254. 

  1254. 			usage, notes.length?notes:'//none//', mimetype,
    1255. 

  1255. 			useLocal?local.replace(/\\/g,'/'):'', useURL?url:'',
    1256. 

  1256. 			useData?('data:'+mimetype+';base64,'+encoded):'' ]);
    1257. 

  1257. 		store.saveTiddler(title,title,theText,config.options.txtUserName,new Date(),tags);
    1258. 

  1258. 		var panel=document.getElementById(&quot;attachPanel&quot;); if (panel) panel.style.display=&quot;none&quot;;
    1259. 

  1259. 		if (!noshow) { story.displayTiddler(null,title); story.refreshTiddler(title,null,true); }
    1260. 

  1260. 		displayMessage('attached &quot;'+title+'&quot;');
    1261. 

  1261. 		return true;
    1262. 

  1262. 	},
    1263. 

  1263. //}}}
    1264. 

  1264. // // base64 conversion
    1265. 

  1265. //{{{
    1266. 

  1266. 	encodeBase64:
    1267. 

  1267. 	function (d) {
    1268. 

  1268. 		if (!d) return null;
    1269. 

  1269. 		// encode as base64
    1270. 

  1270. 		var keyStr = &quot;ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=&quot;;
    1271. 

  1271. 		var out=&quot;&quot;;
    1272. 

  1272. 		var chr1,chr2,chr3=&quot;&quot;;
    1273. 

  1273. 		var enc1,enc2,enc3,enc4=&quot;&quot;;
    1274. 

  1274. 		for (var count=0,i=0; i&lt;d.length; ) {
    1275. 

  1275. 			chr1=d.charCodeAt(i++);
    1276. 

  1276. 			chr2=d.charCodeAt(i++);
    1277. 

  1277. 			chr3=d.charCodeAt(i++);
    1278. 

  1278. 			enc1=chr1 &gt;&gt; 2;
    1279. 

  1279. 			enc2=((chr1 &amp; 3) &lt;&lt; 4) | (chr2 &gt;&gt; 4);
    1280. 

  1280. 			enc3=((chr2 &amp; 15) &lt;&lt; 2) | (chr3 &gt;&gt; 6);
    1281. 

  1281. 			enc4=chr3 &amp; 63;
    1282. 

  1282. 			if (isNaN(chr2)) enc3=enc4=64;
    1283. 

  1283. 			else if (isNaN(chr3)) enc4=64;
    1284. 

  1284. 			out+=keyStr.charAt(enc1)+keyStr.charAt(enc2)+keyStr.charAt(enc3)+keyStr.charAt(enc4);
    1285. 

  1285. 			chr1=chr2=chr3=enc1=enc2=enc3=enc4=&quot;&quot;;
    1286. 

  1286. 		}
    1287. 

  1287. 		return out;
    1288. 

  1288. 	},
    1289. 

  1289. 	decodeBase64: function(input) {
    1290. 

  1290. 		var out=&quot;&quot;;
    1291. 

  1291. 		var chr1,chr2,chr3;
    1292. 

  1292. 		var enc1,enc2,enc3,enc4;
    1293. 

  1293. 		var i = 0;
    1294. 

  1294. 		// remove all characters that are not A-Z, a-z, 0-9, +, /, or =
    1295. 

  1295. 		input=input.replace(/[^A-Za-z0-9\+\/\=]/g, &quot;&quot;);
    1296. 

  1296. 		do {
    1297. 

  1297. 			enc1=keyStr.indexOf(input.charAt(i++));
    1298. 

  1298. 			enc2=keyStr.indexOf(input.charAt(i++));
    1299. 

  1299. 			enc3=keyStr.indexOf(input.charAt(i++));
    1300. 

  1300. 			enc4=keyStr.indexOf(input.charAt(i++));
    1301. 

  1301. 			chr1=(enc1 &lt;&lt; 2) | (enc2 &gt;&gt; 4);
    1302. 

  1302. 			chr2=((enc2 &amp; 15) &lt;&lt; 4) | (enc3 &gt;&gt; 2);
    1303. 

  1303. 			chr3=((enc3 &amp; 3) &lt;&lt; 6) | enc4;
    1304. 

  1304. 			out=out+String.fromCharCode(chr1);
    1305. 

  1305. 			if (enc3!=64) out=out+String.fromCharCode(chr2);
    1306. 

  1306. 			if (enc4!=64) out=out+String.fromCharCode(chr3);
    1307. 

  1307. 		} while (i&lt;input.length);
    1308. 

  1308. 		return out;
    1309. 

  1309. 	},
    1310. 

  1310. //}}}
    1311. 

  1311. // // I/O functions
    1312. 

  1312. //{{{
    1313. 

  1313. 	readFile: // read local BINARY file data
    1314. 

  1314. 	function(filePath) {
    1315. 

  1315. 		if(!window.Components) { return null; }
    1316. 

  1316. 		try { netscape.security.PrivilegeManager.enablePrivilege(&quot;UniversalXPConnect&quot;); }
    1317. 

  1317. 		catch(e) { alert(&quot;access denied: &quot;+filePath); return null; }
    1318. 

  1318. 		var file = Components.classes[&quot;@mozilla.org/file/local;1&quot;].createInstance(Components.interfaces.nsILocalFile);
    1319. 

  1319. 		try { file.initWithPath(filePath); } catch(e) { alert(&quot;cannot read file - invalid path: &quot;+filePath); return null; }
    1320. 

  1320. 		if (!file.exists()) { alert(&quot;cannot read file - not found: &quot;+filePath); return null; }
    1321. 

  1321. 		var inputStream = Components.classes[&quot;@mozilla.org/network/file-input-stream;1&quot;].createInstance(Components.interfaces.nsIFileInputStream);
    1322. 

  1322. 		inputStream.init(file, 0x01, 00004, null);
    1323. 

  1323. 		var bInputStream = Components.classes[&quot;@mozilla.org/binaryinputstream;1&quot;].createInstance(Components.interfaces.nsIBinaryInputStream);
    1324. 

  1324. 		bInputStream.setInputStream(inputStream);
    1325. 

  1325. 		return(bInputStream.readBytes(inputStream.available()));
    1326. 

  1326. 	},
    1327. 

  1327. //}}}
    1328. 

  1328. //{{{
    1329. 

  1329. 	writeFile:
    1330. 

  1330. 	function(filepath,data) {
    1331. 

  1331. 		// TBD: decode base64 and write BINARY data to specified local path/filename
    1332. 

  1332. 		return(false);
    1333. 

  1333. 	},
    1334. 

  1334. //}}}
    1335. 

  1335. //{{{
    1336. 

  1336. 	askForFilename: // for FF3 fixup
    1337. 

  1337. 	function(target) {
    1338. 

  1338. 		var msg=config.messages.selectFile;
    1339. 

  1339. 		if (target &amp;&amp; target.title) msg=target.title; // use target field tooltip (if any) as dialog prompt text
    1340. 

  1340. 		// get local path for current document
    1341. 

  1341. 		var path=getLocalPath(document.location.href);
    1342. 

  1342. 		var p=path.lastIndexOf(&quot;/&quot;); if (p==-1) p=path.lastIndexOf(&quot;\\&quot;); // Unix or Windows
    1343. 

  1343. 		if (p!=-1) path=path.substr(0,p+1); // remove filename, leave trailing slash
    1344. 

  1344. 		var file=&quot;&quot;
    1345. 

  1345. 		var result=window.mozAskForFilename(msg,path,file,true); // FF3 FIXUP ONLY
    1346. 

  1346. 		if (target &amp;&amp; result.length) // set target field and trigger handling
    1347. 

  1347. 			{ target.value=result; target.onchange(); }
    1348. 

  1348. 		return result; 
    1349. 

  1349. 	}
    1350. 

  1350. };
    1351. 

  1351. //}}}
    1352. 

  1352. //{{{
    1353. 

  1353. if (window.mozAskForFilename===undefined) { // also defined by CoreTweaks (for ticket #604)
    1354. 

  1354. 	window.mozAskForFilename=function(msg,path,file,mustExist) {
    1355. 

  1355. 		if(!window.Components) return false;
    1356. 

  1356. 		try {
    1357. 

  1357. 			netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
    1358. 

  1358. 			var nsIFilePicker = window.Components.interfaces.nsIFilePicker;
    1359. 

  1359. 			var picker = Components.classes['@mozilla.org/filepicker;1'].createInstance(nsIFilePicker);
    1360. 

  1360. 			picker.init(window, msg, mustExist?nsIFilePicker.modeOpen:nsIFilePicker.modeSave);
    1361. 

  1361. 			var thispath = Components.classes['@mozilla.org/file/local;1'].createInstance(Components.interfaces.nsILocalFile);
    1362. 

  1362. 			thispath.initWithPath(path);
    1363. 

  1363. 			picker.displayDirectory=thispath;
    1364. 

  1364. 			picker.defaultExtension='';
    1365. 

  1365. 			picker.defaultString=file;
    1366. 

  1366. 			picker.appendFilters(nsIFilePicker.filterAll|nsIFilePicker.filterText|nsIFilePicker.filterHTML);
    1367. 

  1367. 			if (picker.show()!=nsIFilePicker.returnCancel)
    1368. 

  1368. 				var result=picker.file.persistentDescriptor;
    1369. 

  1369. 		}
    1370. 

  1370. 		catch(ex) { displayMessage(ex.toString()); }
    1371. 

  1371. 		return result;
    1372. 

  1372. 	}
    1373. 

  1373. }
    1374. 

  1374. //}}}</pre>
    1375. 

  1375. </div>
    1376. 

  1376. <div title="AttachFilePluginFormatters" creator="fancybox" modifier="pmario" created="201101211613" modified="201101261415" tags="systemConfig" server.title="AttachFilePluginFormatters" server.page.revision="173302" server.etag="&quot;fancybox_public/AttachFilePluginFormatters/173302;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="315fcc4a02e8fc87f4302d794d78b7ec92654677">
    1377. 

  1377. <pre>/***
    1378. 

  1378. |Name|AttachFilePluginFormatters|
    1379. 

  1379. |Source|http://www.TiddlyTools.com/#AttachFilePluginFormatters|
    1380. 

  1380. |Version|4.0.1|
    1381. 

  1381. |Author|Eric Shulman|
    1382. 

  1382. |License|http://www.TiddlyTools.com/#LegalStatements|
    1383. 

  1383. |~CoreVersion|2.1.3|
    1384. 

  1384. |Type|plugin|
    1385. 

  1385. |Description|run-time library for displaying attachment tiddlers|
    1386. 

  1386. Runtime processing for //rendering// attachment tiddlers created by [[AttachFilePlugin]].   Attachment tiddlers are tagged with&lt;&lt;tag attachment&gt;&gt;and contain binary file content (e.g., jpg, gif, pdf, mp3, etc.) that has been stored directly as base64 text-encoded data or can be loaded from external files stored on a local filesystem or remote web server.  Note: after creating new attachment tiddlers, you can remove [[AttachFilePlugin]], as long as you retain //this// tiddler (so that images can be rendered later on).
    1387. 

  1387. !!!!!Formatters
    1388. 

  1388. &lt;&lt;&lt;
    1389. 

  1389. This plugin extends the behavior of the following TiddlyWiki core &quot;wikify()&quot; formatters:
    1390. 

  1390. * embedded images: {{{[img[tooltip|image]]}}}
    1391. 

  1391. * linked embedded images: {{{[img[tooltip|image][link]]}}}
    1392. 

  1392. * external/&quot;pretty&quot; links: {{{[[label|link]]}}}
    1393. 

  1393. ''Please refer to AttachFilePlugin (source: http://www.TiddlyTools.com/#AttachFilePlugin) for additional information.''
    1394. 

  1394. &lt;&lt;&lt;
    1395. 

  1395. !!!!!Revisions
    1396. 

  1396. &lt;&lt;&lt;
    1397. 

  1397. 2009.10.10 [4.0.1] in fileExists(), check for IE to avoid hanging Chrome during startup
    1398. 

  1398. 2009.06.04 [4.0.0] changed attachment storage format to use //sections// instead of embedded substring markers.
    1399. 

  1399. 2008.01.08 [*.*.*] plugin size reduction: documentation moved to ...Info
    1400. 

  1400. 2007.12.04 [*.*.*] update for TW2.3.0: replaced deprecated core functions, regexps, and macros
    1401. 

  1401. 2007.10.29 [3.7.0] more code reduction: removed upload handling from AttachFilePlugin (saves ~7K!)
    1402. 

  1402. 2007.10.28 [3.6.0] removed duplicate formatter code from AttachFilePlugin (saves ~10K!) and updated documentation accordingly.  This plugin ([[AttachFilePluginFormatters]]) is now //''required''// in order to display attached images/binary files within tiddler content.
    1403. 

  1403. 2006.05.20 [3.4.0] through 2007.03.01 [3.5.3] sync with AttachFilePlugin
    1404. 

  1404. 2006.05.13 [3.2.0] created from AttachFilePlugin v3.2.0
    1405. 

  1405. &lt;&lt;&lt;
    1406. 

  1406. !!!!!Code
    1407. 

  1407. ***/
    1408. 

  1408. // // version
    1409. 

  1409. //{{{
    1410. 

  1410. version.extensions.AttachFilePluginFormatters= {major: 4, minor: 0, revision: 1, date: new Date(2009,10,10)};
    1411. 

  1411. //}}}
    1412. 

  1412. 

  1413. //{{{
    1414. 

  1414. if (config.macros.attach==undefined) config.macros.attach= { };
    1415. 

  1415. //}}}
    1416. 

  1416. //{{{
    1417. 

  1417. if (config.macros.attach.isAttachment==undefined) config.macros.attach.isAttachment=function (title) {
    1418. 

  1418. 	var tiddler = store.getTiddler(title);
    1419. 

  1419. 	if (tiddler==undefined || tiddler.tags==undefined) return false;
    1420. 

  1420. 	return (tiddler.tags.indexOf(&quot;attachment&quot;)!=-1);
    1421. 

  1421. }
    1422. 

  1422. //}}}
    1423. 

  1423. 

  1424. //{{{
    1425. 

  1425. // test for local file existence - returns true/false without visible error display
    1426. 

  1426. if (config.macros.attach.fileExists==undefined) config.macros.attach.fileExists=function(f) {
    1427. 

  1427. 	if(window.Components) { // MOZ
    1428. 

  1428. 		try { netscape.security.PrivilegeManager.enablePrivilege(&quot;UniversalXPConnect&quot;); }
    1429. 

  1429. 		catch(e) { return false; } // security access denied
    1430. 

  1430. 		var file = Components.classes[&quot;@mozilla.org/file/local;1&quot;].createInstance(Components.interfaces.nsILocalFile);
    1431. 

  1431. 		try { file.initWithPath(f); }
    1432. 

  1432. 		catch(e) { return false; } // invalid directory
    1433. 

  1433. 		return file.exists();
    1434. 

  1434. 	}
    1435. 

  1435. 	else if (config.browser.isIE) { // IE
    1436. 

  1436. 		var fso = new ActiveXObject(&quot;Scripting.FileSystemObject&quot;);
    1437. 

  1437. 		return fso.FileExists(f);
    1438. 

  1438. 	}
    1439. 

  1439. 	else return true; // other browsers: assume file exists
    1440. 

  1440. }
    1441. 

  1441. //}}}
    1442. 

  1442. 

  1443. //{{{
    1444. 

  1444. if (config.macros.attach.getAttachment==undefined) config.macros.attach.getAttachment=function(title) {
    1445. 

  1445. 

  1446. 	// extract embedded data, local and remote links (if any)
    1447. 

  1447. 	var text=store.getTiddlerText(title,'');
    1448. 

  1448. 	var embedded=store.getTiddlerText(title+'##data','').trim();
    1449. 

  1449. 	var locallink=store.getTiddlerText(title+'##file','').trim();
    1450. 

  1450. 	var remotelink=store.getTiddlerText(title+'##url','').trim();
    1451. 

  1451. 

  1452. 	// backward-compatibility for older attachments (pre 4.0.0)
    1453. 

  1453. 	var startmarker=&quot;---BEGIN_DATA---\n&quot;;
    1454. 

  1454. 	var endmarker=&quot;\n---END_DATA---&quot;;
    1455. 

  1455. 	var pos=0; var endpos=0;
    1456. 

  1456. 	if ((pos=text.indexOf(startmarker))!=-1 &amp;&amp; (endpos=text.indexOf(endmarker))!=-1)
    1457. 

  1457. 		embedded=&quot;data:&quot;+(text.substring(pos+startmarker.length,endpos)).replace(/\n/g,'');
    1458. 

  1458. 	if ((pos=text.indexOf(&quot;/%LOCAL_LINK%/&quot;))!=-1)
    1459. 

  1459. 		locallink=text.substring(text.indexOf(&quot;|&quot;,pos)+1,text.indexOf(&quot;]]&quot;,pos));
    1460. 

  1460. 	if ((pos=text.indexOf(&quot;/%REMOTE_LINK%/&quot;))!=-1)
    1461. 

  1461. 		remotelink=text.substring(text.indexOf(&quot;|&quot;,pos)+1,text.indexOf(&quot;]]&quot;,pos));
    1462. 

  1462. 

  1463. 	// if there is a data: URI defined (not supported by IE)
    1464. 

  1464. 	if (embedded.length &amp;&amp; !config.browser.isIE) return embedded;
    1465. 

  1465. 

  1466. 	// document is being served remotely... use remote URL (if any)  (avoids security alert)
    1467. 

  1467. 	if (remotelink.length &amp;&amp; document.location.protocol!=&quot;file:&quot;)
    1468. 

  1468. 		return remotelink;  
    1469. 

  1469. 

  1470. 	// local link only... return link without checking file existence (avoids security alert)
    1471. 

  1471. 	if (locallink.length &amp;&amp; !remotelink.length) 
    1472. 

  1472. 		return locallink; 
    1473. 

  1473. 

  1474. 	// local link, check for file exist... use local link if found
    1475. 

  1475. 	if (locallink.length) { 
    1476. 

  1476. 		locallink=locallink.replace(/^\.[\/\\]/,''); // strip leading './' or '.\' (if any)
    1477. 

  1477. 		if (this.fileExists(getLocalPath(locallink))) return locallink;
    1478. 

  1478. 		// maybe local link is relative... add path from current document and try again
    1479. 

  1479. 		var pathPrefix=document.location.href;  // get current document path and trim off filename
    1480. 

  1480. 		var slashpos=pathPrefix.lastIndexOf(&quot;/&quot;); if (slashpos==-1) slashpos=pathPrefix.lastIndexOf(&quot;\\&quot;); 
    1481. 

  1481. 		if (slashpos!=-1 &amp;&amp; slashpos!=pathPrefix.length-1) pathPrefix=pathPrefix.substr(0,slashpos+1);
    1482. 

  1482. 		if (this.fileExists(getLocalPath(pathPrefix+locallink))) return locallink;
    1483. 

  1483. 	}
    1484. 

  1484. 

  1485. 	// no embedded data, no local (or not found), fallback to remote URL (if any)
    1486. 

  1486. 	if (remotelink.length) return remotelink;
    1487. 

  1487. 

  1488. 	// attachment URL doesn't resolve, just return input as is
    1489. 

  1489. 	return title;
    1490. 

  1490. }
    1491. 

  1491. //}}}
    1492. 

  1492. //{{{
    1493. 

  1493. if (config.macros.attach.init_formatters==undefined) config.macros.attach.init_formatters=function() {
    1494. 

  1494. 	if (this.initialized) return;
    1495. 

  1495. 

  1496. 	// find the formatter for &quot;image&quot; and replace the handler
    1497. 

  1497. 	for (var i=0; i&lt;config.formatters.length &amp;&amp; config.formatters[i].name!=&quot;image&quot;; i++);
    1498. 

  1498. 	if (i&lt;config.formatters.length)	config.formatters[i].handler=function(w) {
    1499. 

  1499. 		this.lookaheadRegExp.lastIndex = w.matchStart;
    1500. 

  1500. 		var lookaheadMatch = this.lookaheadRegExp.exec(w.source)
    1501. 

  1501. 		if(lookaheadMatch &amp;&amp; lookaheadMatch.index == w.matchStart) // Simple bracketted link
    1502. 

  1502. 			{
    1503. 

  1503. 			var e = w.output;
    1504. 

  1504. 			if(lookaheadMatch[5])
    1505. 

  1505. 				{
    1506. 

  1506. 				var link = lookaheadMatch[5];
    1507. 

  1507. 				// ELS -------------
    1508. 

  1508. 				var external=config.formatterHelpers.isExternalLink(link);
    1509. 

  1509. 				if (external)
    1510. 

  1510. 					{
    1511. 

  1511. 					if (config.macros.attach.isAttachment(link))
    1512. 

  1512. 						{
    1513. 

  1513. 						e = createExternalLink(w.output,link);
    1514. 

  1514. 						e.href=config.macros.attach.getAttachment(link);
    1515. 

  1515. 						e.title = config.macros.attach.linkTooltip + link;
    1516. 

  1516. 						}
    1517. 

  1517. 					else
    1518. 

  1518. 						e = createExternalLink(w.output,link);
    1519. 

  1519. 					}
    1520. 

  1520. 				else 
    1521. 

  1521. 					e = createTiddlyLink(w.output,link,false,null,w.isStatic);
    1522. 

  1522. 				// ELS -------------
    1523. 

  1523. 				addClass(e,&quot;imageLink&quot;);
    1524. 

  1524. 				}
    1525. 

  1525. 			var img = createTiddlyElement(e,&quot;img&quot;);
    1526. 

  1526. 			if(lookaheadMatch[1])
    1527. 

  1527. 				img.align = &quot;left&quot;;
    1528. 

  1528. 			else if(lookaheadMatch[2])
    1529. 

  1529. 				img.align = &quot;right&quot;;
    1530. 

  1530. 			if(lookaheadMatch[3])
    1531. 

  1531. 				img.title = lookaheadMatch[3];
    1532. 

  1532. 			img.src = lookaheadMatch[4];
    1533. 

  1533. 			// ELS -------------
    1534. 

  1534. 			if (config.macros.attach.isAttachment(lookaheadMatch[4]))
    1535. 

  1535. 				img.src=config.macros.attach.getAttachment(lookaheadMatch[4]);
    1536. 

  1536. 			// ELS -------------
    1537. 

  1537. 			w.nextMatch = this.lookaheadRegExp.lastIndex;
    1538. 

  1538. 		}
    1539. 

  1539. 	}
    1540. 

  1540. //}}}
    1541. 

  1541. //{{{
    1542. 

  1542. 	// find the formatter for &quot;prettyLink&quot; and replace the handler
    1543. 

  1543. 	for (var i=0; i&lt;config.formatters.length &amp;&amp; config.formatters[i].name!=&quot;prettyLink&quot;; i++);
    1544. 

  1544. 	if (i&lt;config.formatters.length)	{
    1545. 

  1545. 		config.formatters[i].handler=function(w) {
    1546. 

  1546. 			this.lookaheadRegExp.lastIndex = w.matchStart;
    1547. 

  1547. 			var lookaheadMatch = this.lookaheadRegExp.exec(w.source);
    1548. 

  1548. 			if(lookaheadMatch &amp;&amp; lookaheadMatch.index == w.matchStart) {
    1549. 

  1549. 				var e;
    1550. 

  1550. 				var text = lookaheadMatch[1];
    1551. 

  1551. 				if(lookaheadMatch[3]) {
    1552. 

  1552. 					// Pretty bracketted link
    1553. 

  1553. 					var link = lookaheadMatch[3];
    1554. 

  1554. 					if (config.macros.attach.isAttachment(link)) {
    1555. 

  1555. 						e = createExternalLink(w.output,link);
    1556. 

  1556. 						e.href=config.macros.attach.getAttachment(link);
    1557. 

  1557. 						e.title=config.macros.attach.linkTooltip+link;
    1558. 

  1558. 					}
    1559. 

  1559. 					else e = (!lookaheadMatch[2] &amp;&amp; config.formatterHelpers.isExternalLink(link))
    1560. 

  1560. 						? createExternalLink(w.output,link)
    1561. 

  1561. 						: createTiddlyLink(w.output,link,false,null,w.isStatic);
    1562. 

  1562. 				} else {
    1563. 

  1563. 					e = createTiddlyLink(w.output,text,false,null,w.isStatic);
    1564. 

  1564. 				}
    1565. 

  1565. 				createTiddlyText(e,text);
    1566. 

  1566. 				w.nextMatch = this.lookaheadRegExp.lastIndex;
    1567. 

  1567. 			}
    1568. 

  1568. 		}
    1569. 

  1569. 	} // if &quot;prettyLink&quot; formatter found
    1570. 

  1570. 	this.initialized=true;
    1571. 

  1571. }
    1572. 

  1572. //}}}
    1573. 

  1573. //{{{
    1574. 

  1574. config.macros.attach.init_formatters(); // load time init
    1575. 

  1575. //}}}
    1576. 

  1576. //{{{
    1577. 

  1577. if (TiddlyWiki.prototype.coreGetRecursiveTiddlerText==undefined) {
    1578. 

  1578. 	TiddlyWiki.prototype.coreGetRecursiveTiddlerText = TiddlyWiki.prototype.getRecursiveTiddlerText;
    1579. 

  1579. 	TiddlyWiki.prototype.getRecursiveTiddlerText = function(title,defaultText,depth) {
    1580. 

  1580. 		return config.macros.attach.isAttachment(title)?
    1581. 

  1581. 			config.macros.attach.getAttachment(title):this.coreGetRecursiveTiddlerText.apply(this,arguments);
    1582. 

  1582. 	}
    1583. 

  1583. }
    1584. 

  1584. //}}}</pre>
    1585. 

  1585. </div>
    1586. 

  1586. <div title="Automatic" creator="pmario" modifier="pmario" created="201008061923" modified="201011081330" tags="excludeLists systemPalette" server.title="Automatic" server.page.revision="107040" server.etag="&quot;neui-em_public/Automatic/107040;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="8d1b740254a4a1d74f79824d1175ebfeea75eaf2">
    1587. 

  1587. <pre>/*{{{*/
    1588. 

  1588. Name:Automatic
    1589. 

  1589. Background: #e5f0e5
    1590. 

  1590. Foreground: #0e190f
    1591. 

  1591. PrimaryPale: #fcfdfc
    1592. 

  1592. PrimaryLight: #accfae
    1593. 

  1593. PrimaryMid: #4A6C4A
    1594. 

  1594. PrimaryDark: #000000
    1595. 

  1595. SecondaryPale: #fdfcfc
    1596. 

  1596. SecondaryLight: #cfacac
    1597. 

  1597. SecondaryMid: #a15d5c
    1598. 

  1598. SecondaryDark: #000000
    1599. 

  1599. TertiaryPale: #fcfcfd
    1600. 

  1600. TertiaryLight: #afaccf
    1601. 

  1601. TertiaryMid: #615ca1
    1602. 

  1602. TertiaryDark: #000000
    1603. 

  1603. /*}}}*/</pre>
    1604. 

  1604. </div>
    1605. 

  1605. <div title="Backstage" creator="osmosoft" modifier="osmosoft" created="201102181424" modified="201102181424" tags="excludeLists excludeMissing excludeSearch" server.title="Backstage" server.page.revision="257473" server.etag="&quot;tiddlyspace/Backstage/257473;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/tiddlyspace" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="tiddlyspace" server.permissions="read" server.content-type="" _hash="b6ad083e2212cc2964a85891daac144647f3b296">
    1606. 

  1606. <pre>!UserUnplugged
    1607. 

  1607. &lt;&lt;TiddlySpaceLogin&gt;&gt;
    1608. 

  1608. 

  1609. !SpaceUnplugged
    1610. 

  1610. {{unpluggedSpaceTab{
    1611. 

  1611. {{wizard{
    1612. 

  1612. &lt;&lt;image unsyncedIcon width:48&gt;&gt; &lt;&lt;message messages.syncExplanation&gt;&gt;
    1613. 

  1613. }}}
    1614. 

  1614. {{wizard syncKey{
    1615. 

  1615. {{keyHeading{
    1616. 

  1616. Key}}}
    1617. 

  1617. {{changedServer keyItem{&lt;&lt;message macros.sync.syncStatusList.changedServer.text&gt;&gt;}}} {{changedBoth keyItem{&lt;&lt;message macros.sync.syncStatusList.changedBoth.text&gt;&gt;}}} {{changedLocally keyItem{&lt;&lt;message macros.sync.syncStatusList.changedLocally.text&gt;&gt;}}} {{notFound keyItem{&lt;&lt;message macros.sync.syncStatusList.notFound.text&gt;&gt;}}}
    1618. 

  1618. }}}
    1619. 

  1619. &lt;&lt;sync&gt;&gt;
    1620. 

  1620. 

  1621. !User
    1622. 

  1622. {{textRight{
    1623. 

  1623. &lt;&lt;TiddlySpaceLogout&gt;&gt;
    1624. 

  1624. &lt;&lt;tabs txtUserTab
    1625. 

  1625. 	&quot;Your Identities&quot; &quot;Manage your identities&quot; [[Backstage##Identities]]
    1626. 

  1626. 	&quot;Your Spaces&quot; &quot;Maintain your spaces and create new ones&quot; [[Backstage##UserSpaces]]
    1627. 

  1627. 	&quot;Your Password&quot; &quot;Change your password&quot; [[Backstage##Password]]
    1628. 

  1628. &gt;&gt;
    1629. 

  1629. }}}
    1630. 

  1630. 

  1631. !Menu
    1632. 

  1632. {{tiddlyspaceMenu{
    1633. 

  1633. &lt;&lt;message messages.memberStatus&gt;&gt; &lt;&lt;homeLink&gt;&gt;
    1634. 

  1634. {{unsyncedList{&lt;&lt;message messages.syncListHeading&gt;&gt; &lt;&lt;list filter [is[unsynced]]&gt;&gt;}}}
    1635. 

  1635. 

  1636. &lt;&lt;tabs txtTiddlySpaceTab
    1637. 

  1637. search &quot;search across TiddlySpace&quot; Backstage##Search
    1638. 

  1638. help &quot;quick access to useful space resources&quot; Backstage##Resources
    1639. 

  1639. &gt;&gt;
    1640. 

  1640. running TiddlySpace@glossary version &lt;&lt;message extensions.tiddlyweb.status.tiddlyspace_version&gt;&gt;
    1641. 

  1641. }}}
    1642. 

  1642. 

  1643. !Resources
    1644. 

  1644. [[blog|@@blog]]
    1645. 

  1645. [[documentation|@@docs]]
    1646. 

  1646. [[featured spaces|@@featured]]
    1647. 

  1647. 

  1648. !Search
    1649. 

  1649. &lt;&lt;tsSearch&gt;&gt;
    1650. 

  1650. 

  1651. !Space
    1652. 

  1652. &lt;&lt;followSpace&gt;&gt;
    1653. 

  1653. &lt;&lt;tabs txtSpaceTab
    1654. 

  1654. 	members Members Backstage##SpaceMembers
    1655. 

  1655. 	includes &quot;include spaces&quot; Backstage##SpaceInclusions
    1656. 

  1656. 	tiddlers &quot;tiddlers control panel&quot; Backstage##Tiddlers
    1657. 

  1657. 	plugins &quot;Manage installed plugins&quot; PluginManager
    1658. 

  1658. 	batch &quot;Perform batch operations on public/private tiddlers&quot; Backstage##BatchOps
    1659. 

  1659. 	options &quot;TiddlyWiki options&quot; Backstage##Options
    1660. 

  1660. 	tweaks &quot;Tweak the appearance and behaviour of TiddlyWiki&quot; AdvancedOptions
    1661. 

  1661. 	import &quot;Import tiddlers from a TiddlyWiki&quot; Backstage##FileImport
    1662. 

  1662. 	export &quot;Export this TiddlySpace for offline use&quot; Backstage##Export
    1663. 

  1663. &gt;&gt;
    1664. 

  1664. 

  1665. !FileImport
    1666. 

  1666. &lt;&lt;fileImport&gt;&gt;
    1667. 

  1667. 

  1668. !Export
    1669. 

  1669. You can download this TiddlySpace as an offline TiddlyWiki:
    1670. 

  1670. {{chunkyButton{&lt;&lt;exportSpace&gt;&gt;}}}
    1671. 

  1671. 

  1672. !Identities
    1673. 

  1673. You can associate your account with multiple identities. If you have an open id for example you could log into TiddlySpace with that as well as a TiddlySpace user account.
    1674. 

  1674. &lt;&lt;TiddlySpaceIdentities add&gt;&gt;
    1675. 

  1675. {{inlineList{
    1676. 

  1676. 	&lt;&lt;TiddlySpaceIdentities list&gt;&gt;
    1677. 

  1677. }}}
    1678. 

  1678. {{backstageClear{}}}
    1679. 

  1679. 

  1680. !Login
    1681. 

  1681. &lt;&lt;tabs txtLoginTab 
    1682. 

  1682. &quot;TiddlySpace Username&quot; &quot;Login via a TiddlySpace username and password&quot; Backstage##UserUnplugged
    1683. 

  1683. &quot;OpenID&quot; &quot;Login via an OpenID&quot;  Backstage##TabOpenID
    1684. 

  1684. &quot;Register&quot; &quot;Register a TiddlySpace account&quot; Backstage##TabRegister
    1685. 

  1685. &gt;&gt;
    1686. 

  1686. 

  1687. !TabOpenID
    1688. 

  1688. &lt;&lt;TiddlySpaceLogin openid&gt;&gt;
    1689. 

  1689. 

  1690. !TabRegister
    1691. 

  1691. &lt;&lt;TiddlySpaceRegister&gt;&gt;
    1692. 

  1692. 

  1693. !Options
    1694. 

  1694. upload a &lt;&lt;message messages.privacySetting&gt;&gt; file:
    1695. 

  1695. &lt;&lt;binaryUpload&gt;&gt;
    1696. 

  1696. &lt;&lt;search&gt;&gt;&lt;&lt;closeAll&gt;&gt;&lt;&lt;permaview&gt;&gt;&lt;&lt;newTiddler&gt;&gt;&lt;&lt;newJournal &quot;DD MMM YYYY&quot; &quot;journal&quot;&gt;&gt;&lt;&lt;saveChanges&gt;&gt;&lt;&lt;slider chkSliderOptionsPanel OptionsPanel &quot;options »&quot; &quot;Change TiddlyWiki advanced options&quot;&gt;&gt;
    1697. 

  1697. 

  1698. !Password
    1699. 

  1699. &lt;&lt;TiddlySpaceChangePassword&gt;&gt;
    1700. 

  1700. 

  1701. !SpaceInclusions
    1702. 

  1702. This space includes the public tiddlers from the following spaces:
    1703. 

  1703. &lt;&lt;TiddlySpaceInclusion list&gt;&gt;
    1704. 

  1704. &lt;&lt;TiddlySpaceInclusion passive&gt;&gt;
    1705. 

  1705. 

  1706. !SpaceMembers
    1707. 

  1707. The following people are members of the space ''&lt;&lt;message extensions.tiddlyspace.currentSpace.name&gt;&gt;''. Only members have access to the private tiddlers in a space.
    1708. 

  1708. &lt;&lt;TiddlySpaceMembers list&gt;&gt;
    1709. 

  1709. &lt;&lt;TiddlySpaceMembers add&gt;&gt;
    1710. 

  1710. 

  1711. !Tiddlers
    1712. 

  1712. &lt;&lt;tabs
    1713. 

  1713. 	txtMainTab
    1714. 

  1714. 	&quot;Recent&quot; &quot;Recently edited tiddlers&quot; TabTimeline
    1715. 

  1715. 	&quot;All&quot; &quot;All tiddlers&quot; TabAll
    1716. 

  1716. 	&quot;Public&quot; &quot;All public tiddlers&quot; [[TiddlySpaceTabs##Public]]
    1717. 

  1717. 	&quot;Private&quot; &quot;All private tiddlers&quot; [[TiddlySpaceTabs##Private]]
    1718. 

  1718. 	&quot;Tags&quot; &quot;All tags&quot; TabTags
    1719. 

  1719. 	&quot;Spaces&quot; &quot;Tiddlers grouped by space&quot; [[TiddlySpaceTabs##Spaces]]
    1720. 

  1720. 	&quot;Missing&quot; &quot;Missing tiddlers&quot; TabMoreMissing
    1721. 

  1721. 	&quot;Orphans&quot; &quot;Orphaned tiddlers&quot; TabMoreOrphans
    1722. 

  1722. 	&quot;Shadows&quot; &quot;Shadowed tiddlers&quot; TabMoreShadowed
    1723. 

  1723. &gt;&gt;
    1724. 

  1724. 

  1725. !BatchOps
    1726. 

  1726. &lt;&lt;tabs
    1727. 

  1727. 	txtPublisherTab
    1728. 

  1728. 	&quot;Private&quot; &quot;Move tiddlers from private to public&quot; Backstage##BatchPrivate
    1729. 

  1729. 	&quot;Public&quot; &quot;Move tiddlers from public to private&quot; Backstage##BatchPublic
    1730. 

  1730. &gt;&gt;
    1731. 

  1731. 

  1732. !BatchPrivate
    1733. 

  1733. &lt;&lt;TiddlySpacePublisher type:private&gt;&gt;
    1734. 

  1734. 

  1735. !BatchPublic
    1736. 

  1736. &lt;&lt;TiddlySpacePublisher type:public&gt;&gt;
    1737. 

  1737. 

  1738. !UserSpaces
    1739. 

  1739. &lt;&lt;TiddlySpaceSpaces add&gt;&gt;
    1740. 

  1740. You are currently a member of the following spaces.
    1741. 

  1741. {{inlineList{
    1742. 

  1742. &lt;&lt;TiddlySpaceSpaces list&gt;&gt;
    1743. 

  1743. }}}
    1744. 

  1744. {{backstageClear{}}}</pre>
    1745. 

  1745. </div>
    1746. 

  1746. <div title="BinaryTiddlersPlugin" creator="FND" modifier="FND" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch systemConfig" server.title="BinaryTiddlersPlugin" server.page.revision="257447" server.etag="&quot;system/BinaryTiddlersPlugin/257447;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system" server.permissions="read" server.content-type="text/javascript" _hash="fb178a76f84a9fb609c4ad3061ec0ab6537f290d">
    1747. 

  1747. <pre>/***
    1748. 

  1748. |''Name''|BinaryTiddlersPlugin|
    1749. 

  1749. |''Description''|renders base64-encoded binary tiddlers as images or links|
    1750. 

  1750. |''Author''|FND|
    1751. 

  1751. |''Version''|0.3.0|
    1752. 

  1752. |''Status''|@@beta@@|
    1753. 

  1753. |''Source''|http://svn.tiddlywiki.org/Trunk/association/plugins/BinaryTiddlersPlugin.js|
    1754. 

  1754. |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    1755. 

  1755. |''CoreVersion''|2.5|
    1756. 

  1756. !Code
    1757. 

  1757. ***/
    1758. 

  1758. //{{{
    1759. 

  1759. (function($) {
    1760. 

  1760. 

  1761. var ctfield = &quot;server.content-type&quot;;
    1762. 

  1762. 

  1763. var plugin = config.extensions.BinaryTiddlersPlugin = {
    1764. 

  1764. 	isWikiText: function(tiddler) {
    1765. 

  1765. 		var ctype = tiddler.fields[ctfield];
    1766. 

  1766. 		if(ctype) {
    1767. 

  1767. 			return !this.isBinary(tiddler) &amp;&amp; !this.isTextual(ctype);
    1768. 

  1768. 		} else {
    1769. 

  1769. 			return true;
    1770. 

  1770. 		}
    1771. 

  1771. 	},
    1772. 

  1772. 	// NB: pseudo-binaries are considered non-binary here
    1773. 

  1773. 	isBinary: function(tiddler) {
    1774. 

  1774. 		var ctype = tiddler.fields[ctfield];
    1775. 

  1775. 		return ctype ? !this.isTextual(ctype) : false;
    1776. 

  1776. 	},
    1777. 

  1777. 	isTextual: function(ctype) {
    1778. 

  1778. 		return ctype.indexOf(&quot;text/&quot;) == 0 || this.endsWith(ctype, &quot;+xml&quot;);
    1779. 

  1779. 	},
    1780. 

  1780. 	endsWith: function(str, suffix) {
    1781. 

  1781. 		return str.length &gt;= suffix.length &amp;&amp;
    1782. 

  1782. 			str.substr(str.length - suffix.length) == suffix;
    1783. 

  1783. 	}
    1784. 

  1784. };
    1785. 

  1785. 

  1786. // hijack text viewer to add special handling for binary tiddlers
    1787. 

  1787. var _view = config.macros.view.views.wikified;
    1788. 

  1788. config.macros.view.views.wikified = function(value, place, params, wikifier,
    1789. 

  1789. 		paramString, tiddler) {
    1790. 

  1790. 	var ctype = tiddler.fields[&quot;server.content-type&quot;];
    1791. 

  1791. 	if(params[0] == &quot;text&quot; &amp;&amp; ctype &amp;&amp; !tiddler.tags.contains(&quot;systemConfig&quot;)) {
    1792. 

  1792. 		var el;
    1793. 

  1793. 		if(plugin.isBinary(tiddler)) {
    1794. 

  1794. 			var uri = &quot;data:%0;base64,%1&quot;.format([ctype, tiddler.text]); // TODO: fallback for legacy browsers
    1795. 

  1795. 			if(ctype.indexOf(&quot;image/&quot;) == 0) {
    1796. 

  1796. 				el = $(&quot;&lt;img /&gt;&quot;).attr(&quot;alt&quot;, tiddler.title).attr(&quot;src&quot;, uri);
    1797. 

  1797. 			} else {
    1798. 

  1798. 				el = $(&quot;&lt;a /&gt;&quot;).attr(&quot;href&quot;, uri).text(tiddler.title);
    1799. 

  1799. 			}
    1800. 

  1800. 		} else {
    1801. 

  1801. 			el = $(&quot;&lt;pre /&gt;&quot;).text(tiddler.text);
    1802. 

  1802. 		}
    1803. 

  1803. 		el.appendTo(place);
    1804. 

  1804. 	} else {
    1805. 

  1805. 		_view.apply(this, arguments);
    1806. 

  1806. 	}
    1807. 

  1807. };
    1808. 

  1808. 

  1809. // hijack edit macro to disable editing of binary tiddlers' body
    1810. 

  1810. var _editHandler = config.macros.edit.handler;
    1811. 

  1811. config.macros.edit.handler = function(place, macroName, params, wikifier,
    1812. 

  1812. 		paramString, tiddler) {
    1813. 

  1813. 	if(params[0] == &quot;text&quot; &amp;&amp; plugin.isBinary(tiddler)) {
    1814. 

  1814. 		return false;
    1815. 

  1815. 	} else {
    1816. 

  1816. 		_editHandler.apply(this, arguments);
    1817. 

  1817. 	}
    1818. 

  1818. };
    1819. 

  1819. 

  1820. // hijack autoLinkWikiWords to ignore binary tiddlers
    1821. 

  1821. var _autoLink = Tiddler.prototype.autoLinkWikiWords;
    1822. 

  1822. Tiddler.prototype.autoLinkWikiWords = function() {
    1823. 

  1823. 	return plugin.isWikiText(this) ? _autoLink.apply(this, arguments) : false;
    1824. 

  1824. };
    1825. 

  1825. 

  1826. })(jQuery);
    1827. 

  1827. //}}}</pre>
    1828. 

  1828. </div>
    1829. 

  1829. <div title="BinaryUpload" creator="pmario" modifier="pmario" created="201009282106" modified="201009282108" tags="excludeLists" server.title="BinaryUpload" server.page.revision="107042" server.etag="&quot;neui-em_public/BinaryUpload/107042;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="99645e55d5d5d43ad416e0db7779188e8e0329cf">
    1830. 

  1830. <pre>&lt;&lt;binaryUpload edit:title&gt;&gt;
    1831. 

  1831. Learn more at: BinaryUploadPlugin</pre>
    1832. 

  1832. </div>
    1833. 

  1833. <div title="BinaryUploadPlugin" creator="osmosoft" modifier="osmosoft" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch systemConfig" server.title="BinaryUploadPlugin" server.page.revision="257433" server.etag="&quot;system-plugins_public/BinaryUploadPlugin/257433;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system-plugins_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system-plugins_public" server.permissions="read" server.content-type="text/javascript" _hash="e6a01dab653fcd8fe406a2a6332e09d0ca4e3fa0">
    1834. 

  1834. <pre>/***
    1835. 

  1835. |''Name''|BinaryUploadPlugin|
    1836. 

  1836. |''Version''|0.3.15|
    1837. 

  1837. |''Author''|Ben Gillies and Jon Robson|
    1838. 

  1838. |''Type''|plugin|
    1839. 

  1839. |''Source''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/BinaryUploadPlugin.js|
    1840. 

  1840. |''Description''|Upload a binary file to TiddlyWeb|
    1841. 

  1841. |''CoreVersion''|2.6.1|
    1842. 

  1842. |''Requires''|TiddlySpaceConfig TiddlyWebConfig|
    1843. 

  1843. !Usage
    1844. 

  1844. {{{
    1845. 

  1845. &lt;&lt;binaryUpload bag:&lt;name&gt; edit:tags edit:title tags:&lt;default tags&gt; title:&lt;title&gt; &gt;&gt;
    1846. 

  1846. }}}
    1847. 

  1847. * {{{bag:&lt;name&gt;}}}: optional; if left out, the file will be saved to the current workspace
    1848. 

  1848. * {{{edit:tags}}}: specifies that you want to tag the file being uploaded
    1849. 

  1849. * {{{edit:title}}}: specifies that you want to set the title to something other than the filename
    1850. 

  1850. * {{{tags:&lt;default tags&gt;}}}: specifies a default set of tags to apply to the file (requires {{{edit:tags}}} to be set)
    1851. 

  1851. * {{{title:&lt;title&gt;}}}: predefines the title of the binary tiddler
    1852. 

  1852. !Requires
    1853. 

  1853. TiddlyWeb
    1854. 

  1854. tiddlywebplugins.form
    1855. 

  1855. !Code
    1856. 

  1856. ***/
    1857. 

  1857. //{{{
    1858. 

  1858. (function($) {
    1859. 

  1859. 

  1860. var tiddlyspace = config.extensions.tiddlyspace;
    1861. 

  1861. 

  1862. var macro = config.macros.binaryUpload = {
    1863. 

  1863. 	locale: {
    1864. 

  1864. 		titleDefaultValue: &quot;Please enter a title...&quot;,
    1865. 

  1865. 		tagsDefaultValue: &quot;Please enter some tags...&quot;,
    1866. 

  1866. 		titlePrefix: &quot;title: &quot;,
    1867. 

  1867. 		tagsPrefix: &quot;tags: &quot;,
    1868. 

  1868. 		loadSuccess: 'Tiddler %0 successfully uploaded',
    1869. 

  1869. 		loadError: &quot;An error occurred when uploading the tiddler %0&quot;,
    1870. 

  1870. 		uploadInProgress: &quot;Please wait while the file is uploaded...&quot;,
    1871. 

  1871. 		membersOnly: &quot;Only members can upload.&quot;
    1872. 

  1872. 	},
    1873. 

  1873. 	renderInputFields: function(container, options) {
    1874. 

  1874. 		var locale = macro.locale;
    1875. 

  1875. 		var editableFields = options.edit;
    1876. 

  1876. 		var includeFields = {
    1877. 

  1877. 			tags:  editableFields &amp;&amp; editableFields.contains(&quot;tags&quot;) ? true : false,
    1878. 

  1878. 			title: editableFields &amp;&amp; editableFields.contains(&quot;title&quot;) ? true : false
    1879. 

  1879. 		};
    1880. 

  1880. 		var fields = [&quot;title&quot;, &quot;tags&quot;];
    1881. 

  1881. 		for(var i = 0; i &lt; fields.length; i++) {
    1882. 

  1882. 			var fieldName = fields[i];
    1883. 

  1883. 			var userDefault = options[fieldName];
    1884. 

  1884. 			var defaultValue = userDefault ? userDefault[0] : false;
    1885. 

  1885. 			if(includeFields[fieldName] || defaultValue) {
    1886. 

  1886. 				var localeDefault = locale[&quot;%0DefaultValue&quot;.format(fieldName)];
    1887. 

  1887. 				var className = defaultValue ? &quot;userInput&quot; : &quot;userInput notEdited&quot;;
    1888. 

  1888. 				var inputEl;
    1889. 

  1889. 				var val = defaultValue || localeDefault || &quot;&quot;;
    1890. 

  1890. 				var iContainer = $(&quot;&lt;div /&gt;&quot;).addClass(&quot;binaryUpload%0&quot;.format(fieldName)).
    1891. 

  1891. 					appendTo(container);
    1892. 

  1892. 				if(defaultValue &amp;&amp; !includeFields[fieldName]) {
    1893. 

  1893. 					var label = locale[&quot;%0Prefix&quot;.format(fieldName)];
    1894. 

  1894. 					$(&quot;&lt;span /&gt;&quot;).text(label).appendTo(iContainer);
    1895. 

  1895. 					$(&quot;&lt;span /&gt;&quot;).addClass(&quot;disabledInput&quot;).text(val).appendTo(iContainer);
    1896. 

  1896. 					inputEl = $(&quot;&lt;input /&gt;&quot;).attr(&quot;type&quot;, &quot;hidden&quot;);
    1897. 

  1897. 				} else {
    1898. 

  1898. 					inputEl = $(&quot;&lt;input /&gt;&quot;).attr(&quot;type&quot;, &quot;text&quot;);
    1899. 

  1899. 				}
    1900. 

  1900. 				inputEl.attr(&quot;name&quot;, fieldName).
    1901. 

  1901. 					addClass(&quot;%0Edit&quot;.format(fieldName)).
    1902. 

  1902. 					val(val).addClass(className).appendTo(iContainer);
    1903. 

  1903. 			}
    1904. 

  1904. 		}
    1905. 

  1905. 	},
    1906. 

  1906. 	getTiddlerName: function(fileName) {
    1907. 

  1907. 		var fStart = fileName.lastIndexOf(&quot;\\&quot;);
    1908. 

  1908. 		var fStart2 = fileName.lastIndexOf(&quot;/&quot;);
    1909. 

  1909. 		fStart = fStart &lt; fStart2 ? fStart2 : fStart;
    1910. 

  1910. 		fileName = fileName.substr(fStart+1);
    1911. 

  1911. 		return fileName;
    1912. 

  1912. 	},
    1913. 

  1913. 	errorHandler: function(fileName) {
    1914. 

  1914. 		displayMessage(&quot;upload of file %0 failed&quot;.format(fileName));
    1915. 

  1915. 	},
    1916. 

  1916. 	uploadFile: function(place, baseURL, workspace, options) {
    1917. 

  1917. 		var pleaseWait = $(&quot;.uploadProgress&quot;, place);
    1918. 

  1918. 		var iframeName = options.target;
    1919. 

  1919. 		var form = $(&quot;form&quot;, place);
    1920. 

  1920. 		var existingVal = $(&quot;input[name=title]&quot;, form).val();
    1921. 

  1921. 		var fileName = existingVal || $('input:file', form).val();
    1922. 

  1922. 		if(!fileName) {
    1923. 

  1923. 			return false; // the user hasn't selected a file yet
    1924. 

  1924. 		}
    1925. 

  1925. 		fileName = macro.getTiddlerName(fileName);
    1926. 

  1926. 		$(&quot;input[name=title]&quot;, place).val(fileName);
    1927. 

  1927. 		// we need to go somewhere afterwards to ensure the onload event triggers
    1928. 

  1928. 		var redirectTo = &quot;/%0/tiddlers.txt?select=title:%1&quot;.
    1929. 

  1929. 			format(workspace, fileName);
    1930. 

  1930. 		var token = tiddlyspace ? tiddlyspace.getCSRFToken() : &quot;&quot;;
    1931. 

  1931. 		var action = &quot;%0?csrf_token=%1&amp;redirect=%2&quot;
    1932. 

  1932. 			.format(baseURL, token, redirectTo);
    1933. 

  1933. 		form[0].action = action; // dont use jquery to work with ie
    1934. 

  1934. 		form[0].target = iframeName;
    1935. 

  1935. 		// do not refactor following line... won't work in IE6 otherwise
    1936. 

  1936. 		$(place).append($('&lt;iframe name=&quot;' + iframeName + '&quot; id=&quot;' + iframeName + '&quot;/&gt;').css('display','none'));
    1937. 

  1937. 		macro.iFrameLoader(iframeName, function() {
    1938. 

  1938. 			var content = document.getElementById(iframeName).contentWindow.document.documentElement;
    1939. 

  1939. 			if($(content).text().indexOf(fileName) &gt; -1) {
    1940. 

  1940. 				options.callback(place, fileName, workspace, baseURL);
    1941. 

  1941. 			} else {
    1942. 

  1942. 				macro.errorHandler(fileName);
    1943. 

  1943. 			}
    1944. 

  1944. 			form.show(1000);
    1945. 

  1945. 			pleaseWait.hide(1000);
    1946. 

  1946. 		});
    1947. 

  1947. 		form.hide(1000);
    1948. 

  1948. 		pleaseWait.show(1000);
    1949. 

  1949. 		return true;
    1950. 

  1950. 	},
    1951. 

  1951. 	createUploadForm: function(place, options) {
    1952. 

  1952. 		var locale = macro.locale;
    1953. 

  1953. 		if(readOnly) {
    1954. 

  1954. 			$('&lt;div class=&quot;annotation&quot; /&gt;').text(locale.membersOnly).
    1955. 

  1955. 				appendTo(place);
    1956. 

  1956. 			return;
    1957. 

  1957. 		}
    1958. 

  1958. 		var bag = options.bag;
    1959. 

  1959. 		options.callback = options.callback ? options.callback :
    1960. 

  1960. 			function(place, fileName, workspace, baseurl) {
    1961. 

  1961. 				macro.displayFile(place, fileName, workspace);
    1962. 

  1962. 				displayMessage(locale.loadSuccess.format(fileName));
    1963. 

  1963. 				$(&quot;input[type=text]&quot;, place).val(&quot;&quot;);
    1964. 

  1964. 			};
    1965. 

  1965. 		var defaults = config.defaultCustomFields;
    1966. 

  1966. 		place = $(&quot;&lt;div /&gt;&quot;).addClass(&quot;container&quot;).appendTo(place)[0];
    1967. 

  1967. 		var workspace = bag ? &quot;bags/%0&quot;.format(bag) : config.defaultCustomFields[&quot;server.workspace&quot;];
    1968. 

  1968. 		var baseURL = defaults[&quot;server.host&quot;];
    1969. 

  1969. 		baseURL += (baseURL[baseURL.length - 1] !== &quot;/&quot;) ? &quot;/&quot; : &quot;&quot;;
    1970. 

  1970. 		baseURL = &quot;%0%1/tiddlers&quot;.format(baseURL, workspace);
    1971. 

  1971. 		//create the upload form, complete with invisible iframe
    1972. 

  1972. 		var iframeName = &quot;binaryUploadiframe%0&quot;.format(Math.random());
    1973. 

  1973. 		// do not refactor following line of code to work in IE6.
    1974. 

  1974. 		var form = $('&lt;form action=&quot;%0&quot; method=&quot;POST&quot; enctype=&quot;multipart/form-data&quot; /&gt;'.
    1975. 

  1975. 					format(baseURL)).addClass(&quot;binaryUploadForm&quot;).
    1976. 

  1976. 			attr(&quot;method&quot;, &quot;POST&quot;).attr(&quot;enctype&quot;, &quot;multipart/form-data&quot;).appendTo(place)[0];
    1977. 

  1977. 		macro.renderInputFields(form, options);
    1978. 

  1978. 		$(form).
    1979. 

  1979. 			append('&lt;div class=&quot;binaryUploadFile&quot;&gt;&lt;input type=&quot;file&quot; name=&quot;file&quot; /&gt;&lt;/div&gt;').
    1980. 

  1980. 			append('&lt;div class=&quot;binaryUploadSubmit&quot;&gt;&lt;input type=&quot;submit&quot; value=&quot;Upload&quot; /&gt;&lt;/div&gt;').
    1981. 

  1981. 			submit(function(ev) {
    1982. 

  1982. 				this.target = iframeName;
    1983. 

  1983. 				options.target = iframeName;
    1984. 

  1984. 				macro.uploadFile(place, baseURL, workspace, options);
    1985. 

  1985. 			});
    1986. 

  1986. 		$('&lt;div /&gt;').addClass(&quot;uploadProgress&quot;).text(locale.uploadInProgress).hide().appendTo(place);
    1987. 

  1987. 		$(&quot;input[name=file]&quot;, place).change(function(ev) {
    1988. 

  1988. 			var target = $(ev.target);
    1989. 

  1989. 			var fileName = target.val();
    1990. 

  1990. 			var title = $(&quot;input[type=text][name=title]&quot;, place);
    1991. 

  1991. 			if(!title.val()) {
    1992. 

  1992. 				title.val(fileName);
    1993. 

  1993. 			}
    1994. 

  1994. 		});
    1995. 

  1995. 	},
    1996. 

  1996. 	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    1997. 

  1997. 		params = paramString.parseParams(null, null, true);
    1998. 

  1998. 		macro.createUploadForm(place, params[0]);
    1999. 

  1999. 	},
    2000. 

  2000. 	iFrameLoader: function(iframeName, callback) {
    2001. 

  2001. 		var iframe = document.getElementById(iframeName); //jQuery doesn't seem to want to do this!?
    2002. 

  2002. 		var locale = macro.locale;
    2003. 

  2003. 		$(&quot;.userInput&quot;).addClass(&quot;notEdited&quot;); // reset editing
    2004. 

  2004. 		var finishedLoading = function() {
    2005. 

  2005. 			callback();
    2006. 

  2006. 		};
    2007. 

  2007. 		var iFrameLoadHandler = function() {
    2008. 

  2008. 			finishedLoading.apply();
    2009. 

  2009. 			return;
    2010. 

  2010. 		};
    2011. 

  2011. 

  2012. 		iframe.onload = iFrameLoadHandler;
    2013. 

  2013. 		//IE
    2014. 

  2014. 		completeReadyStateChanges = 0;
    2015. 

  2015. 		iframe.onreadystatechange = function() {
    2016. 

  2016. 			if (++(completeReadyStateChanges) == 3) {
    2017. 

  2017. 				iFrameLoadHandler();
    2018. 

  2018. 			}
    2019. 

  2019. 		};
    2020. 

  2020. 	},
    2021. 

  2021. 	displayFile: function(place, title, workspace) {
    2022. 

  2022. 		var adaptor = store.getTiddlers()[0].getAdaptor();
    2023. 

  2023. 		var context = {
    2024. 

  2024. 			workspace: workspace,
    2025. 

  2025. 			host: config.defaultCustomFields['server.host']
    2026. 

  2026. 		};
    2027. 

  2027. 		adaptor.getTiddler(title, context, null, function(context) {
    2028. 

  2028. 			if(context.status) {
    2029. 

  2029. 				store.addTiddler(context.tiddler);
    2030. 

  2030. 				story.displayTiddler(place, title);
    2031. 

  2031. 				var image = config.macros.image;
    2032. 

  2032. 				if(image &amp;&amp; image.refreshImage) {
    2033. 

  2033. 					image.refreshImage(&quot;/%0/tiddlers/%1&quot;.format(workspace, title));
    2034. 

  2034. 					image.refreshImage(title);
    2035. 

  2035. 					image.refreshImage(&quot;/%0&quot;.format(title));
    2036. 

  2036. 					image.refreshImage(&quot;%0/%1/tiddlers/%2&quot;.format(config.extensions.tiddlyweb.host, workspace, title));
    2037. 

  2037. 				}
    2038. 

  2038. 			} else {
    2039. 

  2039. 				displayMessage(macro.locale.loadError.format(title));
    2040. 

  2040. 			}
    2041. 

  2041. 		});
    2042. 

  2042. 	}
    2043. 

  2043. };
    2044. 

  2044. 

  2045. if(tiddlyspace) {
    2046. 

  2046. 	config.macros.binaryUploadPublic = {
    2047. 

  2047. 		handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    2048. 

  2048. 			var options = paramString.parseParams(null, null, true)[0];
    2049. 

  2049. 			var bag = tiddlyspace.getCurrentBag(&quot;public&quot;);
    2050. 

  2050. 			options.bag = bag;
    2051. 

  2051. 			macro.createUploadForm(place, options);
    2052. 

  2052. 		}
    2053. 

  2053. 	};
    2054. 

  2054. 	config.messages.privacySetting = config.options.chkPrivateMode ?
    2055. 

  2055. 		&quot;private&quot; : &quot;public&quot;;
    2056. 

  2056. 	config.macros.binaryUpload.defaultWorkspace = tiddlyspace.
    2057. 

  2057. 		getCurrentWorkspace(config.messages.privacySetting);
    2058. 

  2058. }
    2059. 

  2059. 

  2060. })(jQuery);
    2061. 

  2061. //}}}</pre>
    2062. 

  2062. </div>
    2063. 

  2063. <div title="CSideBarTabs" creator="pmario" modifier="pmario" created="201008061923" modified="201009282130" tags="excludeLists" server.title="CSideBarTabs" server.page.revision="107056" server.etag="&quot;neui-em_public/CSideBarTabs/107056;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" revision.text="" _hash="9b16ef156953eb5ac75a1132c2c9b87150489146">
    2064. 

  2064. <pre>&lt;&lt;tiddler SideBarTabs&gt;&gt;
    2065. 

  2065. /%
    2066. 

  2066. *Renaming this tiddler, will make the right sidebar invisible.
    2067. 

  2067. *Using this tiddler with the theme, makes it possible to keep the original SideBarTabs tiddler. 
    2068. 

  2068.  
    2069. 

  2069. !!!old content
    2070. 

  2070. &lt;&lt;tiddler SidebarButtons&gt;&gt;
    2071. 

  2071. &lt;&lt;slider chkSliderSideBarTabs SideBarTabs &quot;Index »&quot; &quot;display the timeline&quot;&gt;&gt; 
    2072. 

  2072. %/</pre>
    2073. 

  2073. </div>
    2074. 

  2074. <div title="CSidebarOptions" creator="pmario" modifier="pmario" created="201008061923" modified="201009181705" tags="excludeLists" server.title="CSidebarOptions" server.page.revision="107058" server.etag="&quot;neui-em_public/CSidebarOptions/107058;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="5df8176c6db1d12bb775584228ad916db46298e0">
    2075. 

  2075. <pre>&lt;&lt;slider chkSliderOptionsPanel OptionsPanel &quot;Options »&quot; &quot;display the options panel&quot;&gt;&gt;</pre>
    2076. 

  2076. </div>
    2077. 

  2077. <div title="CSidebarTools" creator="pmario" modifier="pmario" created="201009181848" modified="201009282132" tags="excludeLists hide" server.title="CSidebarTools" server.page.revision="107067" server.etag="&quot;neui-em_public/CSidebarTools/107067;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="1a95384f6922582486736cfc64fa9bece392ceba">
    2078. 

  2078. <pre>&lt;&lt;tiddler SidebarTools&gt;&gt;/%
    2079. 

  2079. If you prefere a Tools slider, use the line below
    2080. 

  2080. &lt;&lt;slider chkSliderToolsPanel  SidebarTools  &quot;Tools »&quot; &quot;new, save, ...&quot;&gt;&gt;
    2081. 

  2081. %/</pre>
    2082. 

  2082. </div>
    2083. 

  2083. <div title="CTagBox" creator="pmario" modifier="pmario" created="201009061254" modified="201012201644" tags="addon excludeLists" server.title="CTagBox" server.page.revision="107493" server.etag="&quot;neui-tagsearch_public/CTagBox/107493;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-tagsearch_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-tagsearch_public" server.permissions="read, write, create, delete" server.content-type="" _hash="c88eae9dda7d51ef81e61a41e475b21b50898587">
    2084. 

  2084. <pre>{{tagSearch{&lt;&lt;tagsearch label:'edit tags'&gt;&gt;}}}</pre>
    2085. 

  2085. </div>
    2086. 

  2086. <div title="ColorPalette" creator="fancybox" modifier="fancybox" created="201101181525" modified="201101211613" tags="excludeLists excludeSearch" server.title="ColorPalette" server.page.revision="47560" server.etag="&quot;fancybox_public/ColorPalette/47560;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="f8ab9a39a816a5549f388cf1f48e9f4b3abaccd6">
    2087. 

  2087. <pre>/*{{{*/
    2088. 

  2088. Background: #e3eaf2
    2089. 

  2089. Foreground: #0c141b
    2090. 

  2090. PrimaryPale: #ffffff
    2091. 

  2091. PrimaryLight: #adc3d9
    2092. 

  2092. PrimaryMid: #5b87b3
    2093. 

  2093. PrimaryDark: #0a0f15
    2094. 

  2094. SecondaryPale: #ffffff
    2095. 

  2095. SecondaryLight: #bed9ad
    2096. 

  2096. SecondaryMid: #7eb35b
    2097. 

  2097. SecondaryDark: #0e150a
    2098. 

  2098. TertiaryPale: #ffffff
    2099. 

  2099. TertiaryLight: #d9adc7
    2100. 

  2100. TertiaryMid: #b35b90
    2101. 

  2101. TertiaryDark: #150a11
    2102. 

  2102. Error: #f88
    2103. 

  2103. ColorPaletteParameters: HSL([210|66], [0.36509835156374804],[0.06232365550379004|1])
    2104. 

  2104. /*}}}*/</pre>
    2105. 

  2105. </div>
    2106. 

  2106. <div title="CoralFish.jpg" creator="pmario" modifier="pmario" created="201102072057" modified="201102111136" tags="attachment flikr flikrSlide" server.title="CoralFish.jpg" server.page.revision="249008" server.etag="&quot;fancybox_public/CoralFish.jpg/249008;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="7d37b690997b62edfbee5e86207cbe6107807a6c">
    2107. 

  2107. <pre>!slide
    2108. 

  2108. CoralFishSlide.jpg
    2109. 

  2109. !usage
    2110. 

  2110. {{{[img[CoralFish.jpg]]}}}
    2111. 

  2111. [img[CoralFish.jpg]]
    2112. 

  2112. !notes
    2113. 

  2113. 

  2114. !type
    2115. 

  2115. image/jpg
    2116. 

  2116. !file
    2117. 

  2117. ./thumbs/5098/5421258927_8fe35503cc_t.jpg
    2118. 

  2118. !url
    2119. 

  2119. http://farm6.static.flickr.com/5098/5421258927_8fe35503cc_t.jpg
    2120. 

  2120. !link
    2121. 

  2121. [[CoralFish|http://farm6.static.flickr.com/5098/5421258927_8fe35503cc_t.jpg]]
    2122. 

  2122. !end
    2123. 

  2123. </pre>
    2124. 

  2124. </div>
    2125. 

  2125. <div title="CoralFishSlide.jpg" creator="pmario" modifier="pmario" created="201102072057" modified="201102072138" tags="attachment flikr" server.title="CoralFishSlide.jpg" server.page.revision="245638" server.etag="&quot;fancybox_public/CoralFishSlide.jpg/245638;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="7ea0292c928e28c2d1729eee7253a1266470e4e0">
    2126. 

  2126. <pre>!usage
    2127. 

  2127. {{{[img[CoralFishSlide.jpg]]}}}
    2128. 

  2128. [img[CoralFishSlide.jpg]]
    2129. 

  2129. !notes
    2130. 

  2130. 

  2131. !type
    2132. 

  2132. image/jpg
    2133. 

  2133. !file
    2134. 

  2134. ./thumbs/5098/5421258927_8fe35503cc_b.jpg
    2135. 

  2135. !url
    2136. 

  2136. http://farm6.static.flickr.com/5098/5421258927_8fe35503cc_b.jpg
    2137. 

  2137. !link
    2138. 

  2138. [[CoralFish|http://farm6.static.flickr.com/5098/5421258927_8fe35503cc_b.jpg]]
    2139. 

  2139. !end
    2140. 

  2140. </pre>
    2141. 

  2141. </div>
    2142. 

  2142. <div title="DefaultTiddlers" creator="pmario" modifier="pmario" created="201008061923" modified="201009181658" tags="excludeLists" server.title="DefaultTiddlers" server.page.revision="107079" server.etag="&quot;neui-em_public/DefaultTiddlers/107079;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="ff104d449420c166858787134d7183c5a0993955">
    2143. 

  2143. <pre>[tag[default]]</pre>
    2144. 

  2144. </div>
    2145. 

  2145. <div title="DiaShowConfig" creator="pmario" modifier="pmario" created="201102111348" modified="201102111348" server.title="DiaShowConfig" server.page.revision="251110" server.etag="&quot;fancybox_public/DiaShowConfig/251110;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="718508b83b9ff102a05a258739eed48cb33d2399">
    2146. 

  2146. <pre>see: [[About]]</pre>
    2147. 

  2147. </div>
    2148. 

  2148. <div title="DiaShowTest" creator="pmario" modifier="pmario" created="201102111349" modified="201102111349" server.title="DiaShowTest" server.page.revision="251112" server.etag="&quot;fancybox_public/DiaShowTest/251112;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="1df53ee1de99de6d8ae803a4b7bd95c625a2cbba">
    2149. 

  2149. <pre>See: [[About]]</pre>
    2150. 

  2150. </div>
    2151. 

  2151. <div title="DiffFormatter" creator="FND" modifier="FND" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch systemConfig" server.title="DiffFormatter" server.page.revision="257448" server.etag="&quot;system/DiffFormatter/257448;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system" server.permissions="read" server.content-type="text/javascript" _hash="2232cd0549946d29c475cec846de3378177301ae">
    2152. 

  2152. <pre>/***
    2153. 

  2153. |''Name''|DiffFormatter|
    2154. 

  2154. |''Description''|highlighting of text comparisons|
    2155. 

  2155. |''Author''|FND|
    2156. 

  2156. |''Version''|0.9.0|
    2157. 

  2157. |''Status''|beta|
    2158. 

  2158. |''Source''|http://svn.tiddlywiki.org/Trunk/contributors/FND/formatters/DiffFormatter.js|
    2159. 

  2159. |''CodeRepository''|http://svn.tiddlywiki.org/Trunk/contributors/FND/|
    2160. 

  2160. |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    2161. 

  2161. |''Keywords''|formatting|
    2162. 

  2162. !Description
    2163. 

  2163. Highlights changes in a unified [[diff|http://en.wikipedia.org/wiki/Diff#Unified_format]].
    2164. 

  2164. !Notes
    2165. 

  2165. Based on Martin Budden's [[DiffFormatterPlugin|http://svn.tiddlywiki.org/Trunk/contributors/MartinBudden/formatters/DiffFormatterPlugin.js]].
    2166. 

  2166. !Usage
    2167. 

  2167. The formatter is applied to blocks wrapped in &lt;html&gt;&lt;code&gt;{{{diff{..}}}&lt;/code&gt;&lt;/html&gt; within tiddlers tagged with &quot;diff&quot;.
    2168. 

  2168. !Revision History
    2169. 

  2169. !!v0.9 (2010-04-07)
    2170. 

  2170. * initial release; fork of DiffFormatterPlugin
    2171. 

  2171. !StyleSheet
    2172. 

  2172. .diff { white-space: pre; font-family: monospace; }
    2173. 

  2173. .diff ins, .diff del { display: block; text-decoration: none; }
    2174. 

  2174. .diff ins { background-color: #dfd; }
    2175. 

  2175. .diff del { background-color: #fdd; }
    2176. 

  2176. .diff .highlight { background-color: [[ColorPalette::SecondaryPale]]; }
    2177. 

  2177. !Code
    2178. 

  2178. ***/
    2179. 

  2179. //{{{
    2180. 

  2180. (function() {
    2181. 

  2181. 

  2182. config.shadowTiddlers.StyleSheetDiffFormatter = store.getTiddlerText(tiddler.title + &quot;##StyleSheet&quot;);
    2183. 

  2183. store.addNotification(&quot;StyleSheetDiffFormatter&quot;, refreshStyles);
    2184. 

  2184. 

  2185. var formatters = [{
    2186. 

  2186. 		name: &quot;diffWrapper&quot;,
    2187. 

  2187. 		match: &quot;^\\{\\{diff\\{\n&quot;, // XXX: suboptimal
    2188. 

  2188. 		termRegExp: /(.*\}\}\})$/mg,
    2189. 

  2189. 		handler: function(w) {
    2190. 

  2190. 			var el = createTiddlyElement(w.output, &quot;div&quot;, null, &quot;diff&quot;);
    2191. 

  2191. 			w.subWikifyTerm(el, this.termRegExp);
    2192. 

  2192. 		}
    2193. 

  2193. 	}, {
    2194. 

  2194. 		name: &quot;diffRange&quot;,
    2195. 

  2195. 		match: &quot;^(?:@@|[+\\-]{3}) &quot;,
    2196. 

  2196. 		lookaheadRegExp: /^(?:@@|[+\-]{3}) .*\n/mg,
    2197. 

  2197. 		handler: function(w) {
    2198. 

  2198. 			createTiddlyElement(w.output, &quot;div&quot;, null, &quot;highlight&quot;).
    2199. 

  2199. 				innerHTML = &quot;&amp;#8230;&quot;;
    2200. 

  2200. 			this.lookaheadRegExp.lastIndex = w.matchStart;
    2201. 

  2201. 			var lookaheadMatch = this.lookaheadRegExp.exec(w.source);
    2202. 

  2202. 			if(lookaheadMatch &amp;&amp; lookaheadMatch.index == w.matchStart) {
    2203. 

  2203. 				w.nextMatch = this.lookaheadRegExp.lastIndex;
    2204. 

  2204. 			}
    2205. 

  2205. 		}
    2206. 

  2206. 	}, {
    2207. 

  2207. 		name: &quot;diffAdded&quot;,
    2208. 

  2208. 		match: &quot;^\\+&quot;,
    2209. 

  2209. 		termRegExp: /(\n)/mg,
    2210. 

  2210. 		handler: function(w) {
    2211. 

  2211. 			var el = createTiddlyElement(w.output, &quot;ins&quot;, null, &quot;added&quot;);
    2212. 

  2212. 			w.subWikifyTerm(el, this.termRegExp);
    2213. 

  2213. 		}
    2214. 

  2214. 	}, {
    2215. 

  2215. 		name: &quot;diffRemoved&quot;,
    2216. 

  2216. 		match: &quot;^-&quot;,
    2217. 

  2217. 		termRegExp: /(\n)/mg,
    2218. 

  2218. 		handler: function(w) {
    2219. 

  2219. 			var el = createTiddlyElement(w.output, &quot;del&quot;, null, &quot;removed&quot;);
    2220. 

  2220. 			w.subWikifyTerm(el, this.termRegExp);
    2221. 

  2221. 		}
    2222. 

  2222. 	}
    2223. 

  2223. ];
    2224. 

  2224. 

  2225. config.parsers.diffFormatter = new Formatter(formatters);
    2226. 

  2226. config.parsers.diffFormatter.format = &quot;diff&quot;;
    2227. 

  2227. config.parsers.diffFormatter.formatTag = &quot;diff&quot;;
    2228. 

  2228. 

  2229. })();
    2230. 

  2230. //}}}</pre>
    2231. 

  2231. </div>
    2232. 

  2232. <div title="DifferentTitles" creator="pmario" modifier="pmario" created="201102131915" modified="201102131915" tags="excludeLists excludeSearch" server.title="DifferentTitles" server.page.revision="253382" server.etag="&quot;fancybox_public/DifferentTitles/253382;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="188633fcdd2e8461f3280182a5414758cb06aa65">
    2233. 

  2233. <pre>&lt;html&gt;&lt;style&gt;.imgStack {display:inline;}&lt;/style&gt;&lt;/html&gt;
    2234. 

  2234. !!!Different title positions - 'outside', 'inside' and 'over'
    2235. 

  2235. &lt;&lt;fancyBox 04.jpg label:&quot;Foto session with manta&quot; defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;DifferentTitles##Outside&quot;&gt;&gt;&lt;&lt;fancyBox 08.jpg label:&quot;Find me!&quot; defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;DifferentTitles##Inside&quot;&gt;&gt;&lt;&lt;fancyBox 09.jpg label:&quot;Found you!&quot; defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;DifferentTitles##Over&quot;&gt;&gt;
    2236. 

  2236. /%
    2237. 

  2237. !Outside
    2238. 

  2238. !Inside
    2239. 

  2239. titlePosition: inside
    2240. 

  2240. !Over
    2241. 

  2241. titlePosition: over
    2242. 

  2242. %/</pre>
    2243. 

  2243. </div>
    2244. 

  2244. <div title="DifferentTransitions" creator="pmario" modifier="pmario" created="201102131915" modified="201102221826" tags="excludeLists excludeSearch" server.title="DifferentTransitions" server.page.revision="261795" server.etag="&quot;fancybox_public/DifferentTransitions/261795;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="561db2c3f10ad4834371cac38ff5193521b3d98e">
    2245. 

  2245. <pre>&lt;html&gt;&lt;style&gt;.imgStack {display:inline;}&lt;/style&gt;&lt;/html&gt;
    2246. 

  2246. !!!Different animations - 'fade', 'elastic' and 'none'
    2247. 

  2247. &lt;&lt;fancyBox 02.jpg defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;DifferentTransitions##Fade&quot;&gt;&gt;&lt;&lt;fancyBox 03.jpg defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;DifferentTransitions##Elastic&quot;&gt;&gt;&lt;&lt;fancyBox 07.jpg defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;DifferentTransitions##None&quot;&gt;&gt;
    2248. 

  2248. 

  2249. /%
    2250. 

  2250. !Fade
    2251. 

  2251. titleShow: false
    2252. 

  2252. speedIn: 1000
    2253. 

  2253. speedOut: 1000
    2254. 

  2254. 

  2255. !Elastic
    2256. 

  2256. titleShow: false
    2257. 

  2257. transitionIn: elastic
    2258. 

  2258. transitionOut: elastic
    2259. 

  2259. easingIn: easeOutBack
    2260. 

  2260. easingOut: easeInBack
    2261. 

  2261. speedIn: 1000
    2262. 

  2262. speedOut: 1000
    2263. 

  2263. 

  2264. !None
    2265. 

  2265. titleShow: false
    2266. 

  2266. transitionIn: none
    2267. 

  2267. transitionOut: none
    2268. 

  2268. %/</pre>
    2269. 

  2269. </div>
    2270. 

  2270. <div title="DirectoryConfig" creator="pmario" modifier="pmario" created="201102111153" modified="201102111153" server.title="DirectoryConfig" server.page.revision="249044" server.etag="&quot;fancybox_public/DirectoryConfig/249044;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" deleted="true" _hash="0bd2451e6f4cc6dc1f25d3335f3c46fb24146ba5">
    2271. 

  2271. <pre>!Defaults
    2272. 

  2272. {{{
    2273. 

  2273. thumbHost: http://fancybox-thumbs.tiddlyspace.com/
    2274. 

  2274. picHost: http://fancybox-pics.tiddlyspace.com/
    2275. 

  2275. }}}
    2276. 

  2276. !Offline
    2277. 

  2277. {{{
    2278. 

  2278. thumbHost: ./thumbs/
    2279. 

  2279. picHost: ./pics/
    2280. 

  2280. }}}
    2281. 

  2281. </pre>
    2282. 

  2282. </div>
    2283. 

  2283. <div title="EditTemplate" creator="osmosoft" modifier="osmosoft" created="201102181425" modified="201102181425" tags="excludeLists excludeSearch" server.title="EditTemplate" server.page.revision="257502" server.etag="&quot;system-theme_public/EditTemplate/257502;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system-theme_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system-theme_public" server.permissions="read" server.content-type="" _hash="bb2ebcb9880f563a789711fbbbec5d3bfcb1b248">
    2284. 

  2284. <pre>&lt;!--{{{--&gt;
    2285. 

  2285. &lt;div class='toolbar'
    2286. 

  2286. 	macro='toolbar [[ToolbarCommands::EditToolbar]] icons:yes'&gt;
    2287. 

  2287. &lt;/div&gt;
    2288. 

  2288. &lt;div class='heading editorHeading'&gt;
    2289. 

  2289. 	&lt;div class='editor title' macro='edit title'&gt;&lt;/div&gt;
    2290. 

  2290. 	&lt;div class='tagClear'&gt;&lt;/div&gt;
    2291. 

  2291. &lt;/div&gt;
    2292. 

  2292. &lt;div class='annotationsBox' macro='annotations'&gt;
    2293. 

  2293. 	&lt;div class='editSpaceSiteIcon'
    2294. 

  2294. 		macro='tiddlerOrigin height:16 width:16 label:no interactive:no'&gt;
    2295. 

  2295. 	&lt;/div&gt;
    2296. 

  2296. 	&lt;div class=&quot;privacyEdit&quot; macro='setPrivacy label:no interactive:no'&gt;&lt;/div&gt;
    2297. 

  2297. 	&lt;div class='tagClear'&gt;&lt;/div&gt;
    2298. 

  2298. &lt;/div&gt;
    2299. 

  2299. &lt;div class='editor' macro='edit text'&gt;&lt;/div&gt;
    2300. 

  2300. &lt;div class='editorFooter'&gt;
    2301. 

  2301. 	&lt;div class='tagTitle'&gt;tags&lt;/div&gt;
    2302. 

  2302. 	&lt;div class='editor' macro='edit tags'&gt;&lt;/div&gt;
    2303. 

  2303. 	&lt;div class='tagAnnotation'&gt;
    2304. 

  2304. 		&lt;span macro='message views.editor.tagPrompt'&gt;&lt;/span&gt;
    2305. 

  2305. 		&lt;span macro='tagChooser excludeLists'&gt;&lt;/span&gt;
    2306. 

  2306. 	&lt;/div&gt;
    2307. 

  2307. &lt;/div&gt;
    2308. 

  2308. &lt;!--}}}--&gt;</pre>
    2309. 

  2309. </div>
    2310. 

  2310. <div title="EmasticSystem" creator="pmario" modifier="pmario" created="201008061923" modified="201011042041" tags="EmasticSystem FreeStyle excludeLists" server.title="EmasticSystem" server.page.revision="107086" server.etag="&quot;neui-em_public/EmasticSystem/107086;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" taggly.listmode="commas" _hash="2da0f856de248dd1443585c6d250f195849f10c3">
    2311. 

  2311. <pre>/***
    2312. 

  2312. !EmasticPercent
    2313. 

  2313. ***/
    2314. 

  2314. /*{{{*/
    2315. 

  2315. .dp5, .dp10,.dp15,.dp20,.dp25,.dp30,.dp33,.dp35,.dp40,.dp45,.dp50,
    2316. 

  2316. .dp55,.dp60,.dp65,.dp67,.dp70,.dp75,.dp80,.dp85,.dp90,.dp95,.dp100
    2317. 

  2317. {float:left; display: inline; }
    2318. 

  2318. 	
    2319. 

  2319. .dp5{width:5%;}
    2320. 

  2320. .dp10{width:10%;*width:9.9%;}  .dp15{width:15%;*width:14.9%;}    .dp20 {width:20%;*width:19.9%;}
    2321. 

  2321. .dp25{width:25%;*width:24.9%;} .dp30{width:30%;*width:29.9%;}    .dp33 {width:33.33%;*width:33.3%;}
    2322. 

  2322. .dp35{width:35%;*width:34.9%;} .dp40{width:40%;*width:39.9%;}    .dp45 {width:45%;*width:44.9%;}
    2323. 

  2323. .dp50{width:50%;*width:49.9%;} .dp55{width:55%;*width:54.9%;}    .dp60 {width:60%;*width:59.9%;}
    2324. 

  2324. .dp65{width:65%;*width:64.9%;} .dp67{width:66.67%;*width:66.6%;} .dp70 {width:70%;*width:69.9%;}
    2325. 

  2325. .dp75{width:75%;*width:74.9%;} .dp80{width:80%;*width:79.9%;}    .dp85 {width:85%;*width:84.9%;}
    2326. 

  2326. .dp90{width:90%;*width:89.9%;} .dp95{width:95%;*width:94.9%;}    .dp100{width:100%;*width:99.9%;}
    2327. 

  2327. /*}}}*/
    2328. 

  2328. /***
    2329. 

  2329. !EmasticGrid
    2330. 

  2330. ***/
    2331. 

  2331. /*{{{*/
    2332. 

  2332. .main { width:70em;margin:0 auto;text-align:left;  }
    2333. 

  2333. .clear {clear:both;}
    2334. 

  2334. 

  2335. .dl1,.dl2,.dl5,.dl10,.dl15,.dl20,.dl25,.dl30,.dl35,.dl40,.dl45,.dl50,.dl55,.dl60,.dl65,.dl70,.dl75
    2336. 

  2336. {float:left; display: inline; }
    2337. 

  2337. 

  2338. .dr1,.dr2,.dr5,.dr10,.dr15,.dr20,.dr25,.dr30,.dr35,.dr40,.dr45,.dr50,.dr55,.dr60,.dr65,.dr70,.dr75
    2339. 

  2339. {float:right; display: inline; }
    2340. 

  2340. 

  2341. .dl1,  .dr1 {width:1em;}  .dl2,  .dr2 {width:2em;}  .dl5,  .dr5 {width:5em;}
    2342. 

  2342. .dl10, .dr10{width:10em;} .dl15, .dr15{width:15em;} .dl20, .dr20{width:20em;}
    2343. 

  2343. .dl25, .dr25{width:25em;} .dl30, .dr30{width:30em;} .dl35, .dr35{width:35em;}
    2344. 

  2344. .dl40, .dr40{width:40em;} .dl45, .dr45{width:45em;} .dl50, .dr50{width:50em;}
    2345. 

  2345. .dl55, .dr55{width:55em;} .dl60, .dr60{width:60em;} .dl65, .dr65{width:65em;}
    2346. 

  2346. .dl70, .dr70{width:70em;} .dl75, .dr75{width:75em;}
    2347. 

  2347. 

  2348. .ml1 {margin-left:1em;}  .ml2 {margin-left:2em;}  .ml3 {margin-left:3em;}  .ml4 {margin-left:4em;}    
    2349. 

  2349. .ml5 {margin-left:5em;}  .ml10{margin-left:10em;} .ml15{margin-left:15em;}
    2350. 

  2350. .ml20{margin-left:20em;} .ml25{margin-left:25em;} .ml30{margin-left:30em;}
    2351. 

  2351. .ml35{margin-left:35em;} .ml40{margin-left:40em;} .ml45{margin-left:45em;}
    2352. 

  2352. .ml50{margin-left:50em;} .ml55{margin-left:55em;} .ml60{margin-left:60em;}
    2353. 

  2353. .ml65{margin-left:65em;} .ml70{margin-left:70em;} .ml75{margin-left:75em;}
    2354. 

  2354. 

  2355. .mr5 {margin-right:5em;}  .mr10{margin-right:10em;} .mr15{margin-right:15em;} 
    2356. 

  2356. .mr20{margin-right:20em;} .mr25{margin-right:25em;} .mr30{margin-right:30em;}
    2357. 

  2357. .mr35{margin-right:35em;} .mr40{margin-right:40em;} .mr45{margin-right:45em;}
    2358. 

  2358. .mr50{margin-right:50em;} .mr55{margin-right:55em;} .mr60{margin-right:60em;}
    2359. 

  2359. .mr65{margin-right:65em;} .mr70{margin-right:70em;} .mr75{margin-right:75em;}
    2360. 

  2360. 

  2361. .mt1{margin-top:1em;}   .mt2{margin-top:2em;}   .mt3{margin-top:3em;}   .mt4{margin-top:4em;}
    2362. 

  2362. .mt5{margin-top:5em;}   .mt10{margin-top:10em;}
    2363. 

  2363. .mt20{margin-top:20em;} .mt30{margin-top:30em;} .mt40{margin-top:40em;}
    2364. 

  2364. .mt50{margin-top:50em;}
    2365. 

  2365. 

  2366. .fluid {width:auto; float:none;}
    2367. 

  2367. 

  2368. .hp{width:100%;  float:left; }
    2369. 

  2369. 

  2370. .clearfix, .main{ display:block;} 
    2371. 

  2371. 

  2372. .clearfix:after, .main:after {
    2373. 

  2373.      visibility: hidden;
    2374. 

  2374.      display: block;
    2375. 

  2375.      font-size: 0;
    2376. 

  2376.      content: &quot; &quot;;
    2377. 

  2377.      clear: both;
    2378. 

  2378.      height: 0;
    2379. 

  2379. 	 
    2380. 

  2380.      }
    2381. 

  2381. 

  2382. /* IE5/MAC hack \*/
    2383. 

  2383. * html .clearfix{ display: inline;  height: 1px;}
    2384. 

  2384. /* close */ 
    2385. 

  2385. /*}}}*/
    2386. 

  2386. /***
    2387. 

  2387. !EmasticAbsolut
    2388. 

  2388. ***/
    2389. 

  2389. /*{{{*/
    2390. 

  2390. .main{position:relative;}
    2391. 

  2391. .lf0,.lf5,.lf10,.lf15,.lf20,.lf25,.lf30,.lf35,.lf40,.lf45,.lf50,.lf55,.lf60,.lf65,.lf70,.lf75,.lf80,.lf85,.lfn5,.lfn10,.lfn15,.lfn20,.lfn25,.lfn30,
    2392. 

  2392. .tp0,.tp5,.tp10,.tp15,.tp20,.tp25,.tp30,.tp35,.tp40,.tp45,.tp50,
    2393. 

  2393. .bt0,.bt5,.bt10,.bt15,.bt20,.bt25,.bt30,.bt35,.bt40,.bt45,.bt50,
    2394. 

  2394. .rtn5,.rtn10,.rtn20,.rtn30{position:absolute;}
    2395. 

  2395. .lf0{left:0em;}   .lf5{left:5em;}   .lf10{left:10em;} .lf15{left:15em;} .lf20{left:20em;}
    2396. 

  2396. .lf25{left:25em;} .lf30{left:30em;} .lf35{left:35em;} .lf40{left:40em;} .lf45{left:45em;}
    2397. 

  2397. .lf50{left:50em;} .lf55{left:55em;} .lf60{left:60em;} .lf65{left:65em;} .lf70{left:70em;}
    2398. 

  2398. .lf75{left:75em;} .lf80{left:80em;} .lf85{left:85em;} .lfn5{left:-5em;} .lfn10{left:-10em;}
    2399. 

  2399. 

  2400. .lfn15{left:-15em;} .lfn20{left:-20em;} .lfn25{left:-25em;} .lfn30{left:-30em;}
    2401. 

  2401. 

  2402. .rtn5 {right:-5em;}  .rtn10{right:-10em;} .rtn15{right:-15em;} .rtn20{right:-20em;}
    2403. 

  2403. .rtn25{right:-25em;} .rtn30{right:-30em;}
    2404. 

  2404. 

  2405. .tp0 {top:0em;}  .tp5{top:5em;}   .tp10{top:10em;} .tp15{top:15em;} .tp20{top:20em;} .tp25{top:25em;}
    2406. 

  2406. .tp30{top:30em;} .tp35{top:35em;} .tp40{top:40em;} .tp45{top:45em;} .tp50{top:50em;} 
    2407. 

  2407. 

  2408. .bt0{bottom:0em;}   .bt5{bottom:0em;} .bt10{bottom:10em;} .bt15{bottom:15em;} .bt20{bottom:20em;}
    2409. 

  2409. .bt25{bottom:25em;} .bt30{bottom:30em;} .bt35{bottom:35em;} .bt40{bottom:40em;} .bt45{bottom:45em;}
    2410. 

  2410. .bt50{bottom:50em;}
    2411. 

  2411. 

  2412. .zi1{ z-index:1;} .zi2{ z-index:2;} .zi3{ z-index:3;} .zi4{ z-index:4;} .zi5{ z-index:5;}
    2413. 

  2413. /*}}}*/
    2414. 

  2414. /***
    2415. 

  2415. !EmasticGadgets
    2416. 

  2416. ***/
    2417. 

  2417. /*{{{*/
    2418. 

  2418. /* CSS Document */
    2419. 

  2419. .rc {-moz-border-radius: 10px;  -webkit-border-radius: 10px;  border:1px solid #fff; }
    2420. 

  2420. .fr {border:1px solid #ccc; padding:0.25em;}
    2421. 

  2421. 

  2422. .byline {
    2423. 

  2423. font-family: &quot;Lucida Grande&quot;, Tahoma;
    2424. 

  2424. 	font-size: 0.865em;
    2425. 

  2425. 	font-weight: lighter;
    2426. 

  2426. 	font-variant: normal;
    2427. 

  2427. 	text-transform: uppercase;
    2428. 

  2428. 	color: #666666;
    2429. 

  2429. 	letter-spacing: 0.4em;
    2430. 

  2430. 	display: block;
    2431. 

  2431. 	margin-bottom: 1.734em;
    2432. 

  2432. 	padding:0em 0em 0em 1em;
    2433. 

  2433. 	}
    2434. 

  2434. 	
    2435. 

  2435. .and {font-family: Baskerville, &quot;Goudy Old Style&quot;, &quot;Palatino&quot;, &quot;Book Antiqua&quot;, serif;
    2436. 

  2436. 	font-style: italic;
    2437. 

  2437. 	color: #777;
    2438. 

  2438. 	}
    2439. 

  2439. 

  2440. .tc {text-align:center;}
    2441. 

  2441. .tr {text-align:right;}
    2442. 

  2442. .tl {text-align:left;}
    2443. 

  2443. .b  {font-weight:bold;}
    2444. 

  2444. .pl1{padding-left:1em;}
    2445. 

  2445. .pl2{padding-left:2em;}
    2446. 

  2446. .pl3{padding-left:3em;}
    2447. 

  2447. 

  2448. .ppl2{padding-left:1.8%;}
    2449. 

  2449. .ppl3{padding-left:3.13%;}
    2450. 

  2450. .ppl5{padding-left:4.8%;}
    2451. 

  2451. 

  2452. .water{color:#5582d1;}
    2453. 

  2453. .earth{color:#4e3e2c;}
    2454. 

  2454. .air{color:#f1fff7;}
    2455. 

  2455. .fire{ color:#ff8a19;}
    2456. 

  2456.  /* drinks food */
    2457. 

  2457.  .wine{color:#4a040a;}
    2458. 

  2458.  .beer{color:#F0C030;}
    2459. 

  2459.  .caffe{color:#473523;}
    2460. 

  2460.  .caffe-cream{color:#b68d3d;}
    2461. 

  2461.  .espresso{color:#2c1901;}
    2462. 

  2462.  .caramel{color:#ab671f;}
    2463. 

  2463.  .chocolate{color:#290200;}
    2464. 

  2464.  .black-pepper{color:#444334;}
    2465. 

  2465.  .pepper-lite{color:#8d8a72;}
    2466. 

  2466.  
    2467. 

  2467.  .lipstick{color:#c20c0c;}
    2468. 

  2468.  .oldbook{font-family:&quot;Book Antiqua&quot;,&quot;Warnock Pro&quot;,&quot;Goudy Old Style&quot;,&quot;Palatino&quot;,Georgia,serif;}
    2469. 

  2469. .note{font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-style:italic; font-size:0.9em; margin:0.1em; color:#333;} 
    2470. 

  2470. .mono{font-family:&quot;Courier New&quot;, Courier, monospace;}
    2471. 

  2471. /*}}}*/
    2472. 

  2472. /***
    2473. 

  2473. !EmasticFreeStyle
    2474. 

  2474. ***/
    2475. 

  2475. /*{{{*/
    2476. 

  2476. .dpfr{float:right;}
    2477. 

  2477. /*}}}*/
    2478. 

  2478. </pre>
    2479. 

  2479. </div>
    2480. 

  2480. <div title="ErrorHandler" creator="jon" modifier="jon" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch systemConfig" server.title="ErrorHandler" server.page.revision="257478" server.etag="&quot;tiddlyspace/ErrorHandler/257478;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/tiddlyspace" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="tiddlyspace" server.permissions="read" server.content-type="text/javascript" _hash="0e66098b519d5e27cbba0afcd8ba4cea883bfa67">
    2481. 

  2481. <pre>/***
    2482. 

  2482. |''Name''|ErrorHandlerPlugin|
    2483. 

  2483. |''Version''|0.4.2|
    2484. 

  2484. |''Author''|Jon Robson|
    2485. 

  2485. |''Description''|Localised tiddler save errors including edit conflict resolution.|
    2486. 

  2486. |''CoreVersion''|2.6.1|
    2487. 

  2487. |''Requires''|TiddlySpaceConfig|
    2488. 

  2488. ***/
    2489. 

  2489. //{{{
    2490. 

  2490. (function($) {
    2491. 

  2491. 

  2492. var tiddlyspace = config.extensions.tiddlyspace;
    2493. 

  2493. var currentSpace = tiddlyspace.currentSpace.name;
    2494. 

  2494. tiddlyspace.getLocalTitle = function(title, workspace, suffix) {
    2495. 

  2495. 	var endsWith = config.extensions.BinaryTiddlersPlugin.endsWith;
    2496. 

  2496. 	if(!suffix) {
    2497. 

  2497. 		var isPublic = endsWith(workspace, &quot;_public&quot;);
    2498. 

  2498. 		suffix = tiddlyspace.resolveSpaceName(workspace);
    2499. 

  2499. 		if(currentSpace == suffix) {
    2500. 

  2500. 			suffix = isPublic ? &quot;public&quot; : &quot;private&quot;;
    2501. 

  2501. 		} else {
    2502. 

  2502. 			suffix = &quot;@%0&quot;.format(suffix);
    2503. 

  2503. 		}
    2504. 

  2504. 	}
    2505. 

  2505. 	return &quot;%0 *(%1)*&quot;.format(title, suffix);
    2506. 

  2506. };
    2507. 

  2507. 

  2508. var sssp = config.extensions.ServerSideSavingPlugin;
    2509. 

  2509. 

  2510. var msgs = config.messages.editConflict = {
    2511. 

  2511. 	loading: &quot;Loading..&quot;,
    2512. 

  2512. 	resolve: &quot;[[Edit Conflict]]@glossary: this tiddler may have been changed by someone else.&quot;,
    2513. 

  2513. 	reviewDiff: &quot;review (recommended)&quot;,
    2514. 

  2514. 	reviewDiffTooltip: &quot;review changes made to this tiddler&quot;,
    2515. 

  2515. 	reviewDiffError: &quot;error retrieving revision.&quot;,
    2516. 

  2516. 	save: &quot;overwrite&quot;,
    2517. 

  2517. 	saveTooltip: &quot;make this revision the top revision of this tiddler&quot;,
    2518. 

  2518. 	discard: &quot;cancel&quot;,
    2519. 

  2519. 	discardTooltip: &quot;undo changes to this tiddler and get most recent version&quot;,
    2520. 

  2520. 	diffTitle: &quot;%0&quot;,
    2521. 

  2521. 	diffFieldTitle: &quot;%0 - fields&quot;,
    2522. 

  2522. 	diffTextTitle: &quot;%0 - text&quot;,
    2523. 

  2523. 	updating: &quot;updating your version...&quot;,
    2524. 

  2524. 	diffHeader: [&quot;Review the changes that have been made whilst you were editing this tiddler. &quot;,
    2525. 

  2525. 		&quot;Fold relevant changes back into your version.\n&quot;,
    2526. 

  2526. 		&quot;{{removed{Red}}} highlight shows content removed. &quot;,
    2527. 

  2527. 		&quot;{{added{Green}}} highlight shows content added.\n&quot;].join(&quot;&quot;),
    2528. 

  2528. 	diffTextHeader: &quot;View changes in text&quot;,
    2529. 

  2529. 	diffFieldsHeader: &quot;View changes in fields&quot;
    2530. 

  2530. };
    2531. 

  2531. 

  2532. var plugin = config.extensions.errorHandler = {
    2533. 

  2533. 	diffTags: [&quot;excludeLists&quot;, &quot;excludeMissing&quot;, &quot;excludeSearch&quot;],
    2534. 

  2534. 	displayMessage: function(message, tiddler, context) {
    2535. 

  2535. 		var desc = context &amp;&amp; context.httpStatus ? context.statusText :
    2536. 

  2536. 			sssp.locale.connectionError;
    2537. 

  2537. 		var reportArea = plugin.reportError(tiddler.title);
    2538. 

  2538. 		var msg = $(&quot;&lt;div /&gt;&quot;).appendTo(reportArea);
    2539. 

  2539. 		if(message == &quot;saveConflict&quot;) {
    2540. 

  2540. 			wikify(msgs.resolve, msg[0]);
    2541. 

  2541. 			var choiceArea = $(&quot;&lt;div /&gt;&quot;).appendTo(reportArea)[0];
    2542. 

  2542. 			plugin.editConflictHandler(choiceArea, tiddler);
    2543. 

  2543. 		} else {
    2544. 

  2544. 			msg.text(sssp.locale[message].format(tiddler.title, desc));
    2545. 

  2545. 		}
    2546. 

  2546. 	},
    2547. 

  2547. 	editConflictHandler: function(container, tiddler) {
    2548. 

  2548. 		var title = tiddler.title;
    2549. 

  2549. 		var myrev = tiddler.fields[&quot;server.page.revision&quot;];
    2550. 

  2550. 		// note user now needs to edit, fix problem and save. 
    2551. 

  2551. 		// TODO: make sure this gets reset in save callback
    2552. 

  2552. 		store.getTiddler(title).fields[&quot;server.page.revision&quot;] = &quot;false&quot;;
    2553. 

  2553. 

  2554. 		var diffBtn = createTiddlyButton(container, msgs.reviewDiff, msgs.reviewDiffTooltip, function(ev) {
    2555. 

  2555. 			var title = $(ev.target).data(&quot;title&quot;);
    2556. 

  2556. 			plugin.displayDiff(ev.target, store.getTiddler(title), myrev);
    2557. 

  2557. 		});
    2558. 

  2558. 		var saveBtn = createTiddlyButton(container, msgs.save, msgs.saveTooltip, function(ev) {
    2559. 

  2559. 				var title = $(ev.target).data(&quot;title&quot;);
    2560. 

  2560. 				var tid = store.saveTiddler(store.getTiddler(title));
    2561. 

  2561. 				autoSaveChanges(null, [tid]);
    2562. 

  2562. 			});
    2563. 

  2563. 		var ignoreBtn = createTiddlyButton(container, msgs.discard, msgs.discardTooltip, function(ev) {
    2564. 

  2564. 			var title = $(ev.target).text(msgs.updating).data(&quot;title&quot;);
    2565. 

  2565. 			plugin.resetToServerVersion(store.getTiddler(title));
    2566. 

  2566. 		});
    2567. 

  2567. 		$([diffBtn, ignoreBtn, saveBtn]).data(&quot;title&quot;, title);
    2568. 

  2568. 	},
    2569. 

  2569. 	getDiffTiddlerTexts: function(diffText) {
    2570. 

  2570. 		var chunks = diffText.split(&quot;\n  \n&quot;);
    2571. 

  2571. 		if(chunks.length &lt; 2) {
    2572. 

  2572. 			return [chunks[0], &quot;&quot;];
    2573. 

  2573. 		} else {
    2574. 

  2574. 			var diffFieldsText = &quot;{{diff{\n%0\n}}}&quot;.format(chunks[0]);
    2575. 

  2575. 			diffText = '{{diff{\n%0\n}}}'.format(chunks.splice(1, chunks.length).join(&quot;\n&quot;));
    2576. 

  2576. 			return [diffText, diffFieldsText];
    2577. 

  2577. 		}
    2578. 

  2578. 	},
    2579. 

  2579. 	makeDiffTiddler: function(title, diff) {
    2580. 

  2580. 		var newTiddler = new Tiddler(title);
    2581. 

  2581. 		var tags = plugin.diffTags;
    2582. 

  2582. 		newTiddler.text = msgs.loading;
    2583. 

  2583. 		newTiddler.fields.doNotSave = true;
    2584. 

  2584. 		newTiddler.tags = diff ? tags.concat([&quot;diff&quot;]) : tags;
    2585. 

  2585. 		newTiddler = store.saveTiddler(newTiddler);
    2586. 

  2586. 		$.extend(store.getTiddler(title).fields,
    2587. 

  2587. 			config.defaultCustomFields); // allow option to save it
    2588. 

  2588. 		return newTiddler;
    2589. 

  2589. 	},
    2590. 

  2590. 	displayDiff: function(src, tiddler, latestRevision) {
    2591. 

  2591. 		var adaptor = tiddler.getAdaptor();
    2592. 

  2592. 		var title = tiddler.title;
    2593. 

  2593. 		var ts = new Date().formatString(&quot;0hh:0mm:0ss&quot;);
    2594. 

  2594. 		var suffix = &quot;edit conflict %0&quot;.format(ts);
    2595. 

  2595. 		var diffTitle = tiddlyspace.getLocalTitle(msgs.diffTitle.format(title), &quot;&quot;, suffix);
    2596. 

  2596. 		var diffTextTitle = tiddlyspace.getLocalTitle(msgs.diffTextTitle.format(title), &quot;&quot;, suffix);
    2597. 

  2597. 		var diffFieldsTitle = tiddlyspace.getLocalTitle(msgs.diffFieldTitle.format(title), &quot;&quot;, suffix);
    2598. 

  2598. 		plugin.makeDiffTiddler(diffTextTitle, true);
    2599. 

  2599. 		plugin.makeDiffTiddler(diffFieldsTitle, true);
    2600. 

  2600. 		var newTiddler = plugin.makeDiffTiddler(diffTitle, false);
    2601. 

  2601. 		newTiddler.text = ['%0\n&lt;&lt;slider chkViewDiffText &quot;%1&quot; &quot;%2&quot;&gt;&gt;\n',
    2602. 

  2602. 			'&lt;&lt;slider chkViewDiffField &quot;%3&quot; &quot;%4&quot;&gt;&gt;'].join(&quot;&quot;).
    2603. 

  2603. 			format(msgs.diffHeader, diffTextTitle, msgs.diffTextHeader,
    2604. 

  2604. 				diffFieldsTitle, msgs.diffFieldsHeader);
    2605. 

  2605. 		store.saveTiddler(newTiddler);
    2606. 

  2606. 

  2607. 		var callback = function(r) {
    2608. 

  2608. 			var text = plugin.getDiffTiddlerTexts(r);
    2609. 

  2609. 			store.getTiddler(diffTextTitle).text = text[0];
    2610. 

  2610. 			store.getTiddler(diffFieldsTitle).text = text[1];
    2611. 

  2611. 			story.refreshTiddler(diffTitle, null, true);
    2612. 

  2612. 		};
    2613. 

  2613. 		var workspace = &quot;bags/%0&quot;.format(tiddler.fields[&quot;server.bag&quot;]);
    2614. 

  2614. 		ajaxReq({
    2615. 

  2615. 			type: &quot;get&quot;,
    2616. 

  2616. 			dataType: &quot;text&quot;,
    2617. 

  2617. 			url: &quot;/diff?rev1=%0/%1/%2&amp;rev2=%0/%1&quot;.format(workspace, title, latestRevision),
    2618. 

  2618. 			success: callback,
    2619. 

  2619. 			error: function() {
    2620. 

  2620. 				displayMessage(msgs.reviewDiffError);
    2621. 

  2621. 			}
    2622. 

  2622. 		});
    2623. 

  2623. 		story.displayTiddler(src, diffTitle);
    2624. 

  2624. 	},
    2625. 

  2625. 	resetToServerVersion: function(tiddler) {
    2626. 

  2626. 		var adaptor = tiddler.getAdaptor();
    2627. 

  2627. 		var ctx = { 
    2628. 

  2628. 			host: tiddler.fields[&quot;server.host&quot;],
    2629. 

  2629. 			workspace: &quot;bags/&quot; + tiddler.fields[&quot;server.bag&quot;]
    2630. 

  2630. 		};
    2631. 

  2631. 		adaptor.getTiddler(tiddler.title, ctx, null, function(context) {
    2632. 

  2632. 			store.saveTiddler(context.tiddler);
    2633. 

  2633. 			story.refreshTiddler(tiddler.title);
    2634. 

  2634. 			store.setDirty(false);
    2635. 

  2635. 		});
    2636. 

  2636. 	},
    2637. 

  2637. 	reportError: function(title) {
    2638. 

  2638. 		var el = story.getTiddler(title);
    2639. 

  2639. 		if(!el) {
    2640. 

  2640. 			el = story.displayTiddler(null, title);
    2641. 

  2641. 		}
    2642. 

  2642. 		return $(&quot;&lt;div /&gt;&quot;).addClass(&quot;error annotation&quot;).prependTo(el)[0];
    2643. 

  2643. 	}
    2644. 

  2644. };
    2645. 

  2645. 

  2646. sssp.reportFailure = function(message, tiddler, context) {
    2647. 

  2647. 	config.options.chkViewDiffText = config.options.chkViewDiffText === undefined ?
    2648. 

  2648. 		true : config.options.chkViewDiffText;
    2649. 

  2649. 	config.options.chkViewDiffFields = config.options.chkViewDiffFields || false;
    2650. 

  2650. 	plugin.displayMessage(message, tiddler, context);
    2651. 

  2651. };
    2652. 

  2652. 

  2653. })(jQuery);
    2654. 

  2654. //}}}</pre>
    2655. 

  2655. </div>
    2656. 

  2656. <div title="Example_AdvancedTitles_1" creator="pmario" modifier="pmario" created="201102072057" modified="201102111136" tags="advanced example" server.title="Example_AdvancedTitles_1" server.page.revision="249010" server.etag="&quot;fancybox_public/Example_AdvancedTitles_1/249010;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.advanced="0000" _hash="69b002d5f72b13fc2c5d134bc24fef5454cff24b">
    2657. 

  2657. <pre>!Important
    2658. 

  2658. This example only works, if FancyBoxPluginAddOns are installed! 
    2659. 

  2659. Docu: FancyBoxPluginAddOns
    2660. 

  2660. !Defaults
    2661. 

  2661. {{{
    2662. 

  2662. titlePosition: over
    2663. 

  2663. onComplete: showTitleOnHover
    2664. 

  2664. titleFormat: titleFormatSpecial
    2665. 

  2665. }}}
    2666. 

  2666. !!!!!!end
    2667. 

  2667. {{{
    2668. 

  2668. &lt;&lt;tiddler Pictures&gt;&gt;
    2669. 

  2669. &lt;&lt;fancyBox defaults:&quot;##Defaults&quot;&gt;&gt;
    2670. 

  2670. }}}
    2671. 

  2671. &lt;&lt;tiddler Pictures&gt;&gt;
    2672. 

  2672. &lt;&lt;fancyBox defaults:&quot;##Defaults&quot;&gt;&gt;
    2673. 

  2673. 

  2674. 

  2675. </pre>
    2676. 

  2676. </div>
    2677. 

  2677. <div title="Example_AdvancedTitles_2" creator="pmario" modifier="pmario" created="201102072057" modified="201102111136" tags="advanced example" server.title="Example_AdvancedTitles_2" server.page.revision="249012" server.etag="&quot;fancybox_public/Example_AdvancedTitles_2/249012;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.advanced="0001" _hash="44ca66aee539a9548d25f053ba313d210c37ca2f">
    2678. 

  2678. <pre>!Important
    2679. 

  2679. This example only works, if FancyBoxPluginAddOns are installed! 
    2680. 

  2680. Docu: FancyBoxPluginAddOns
    2681. 

  2681. !~StyleSheet
    2682. 

  2682. {{{
    2683. 

  2683. #tip7-title { text-align: left; }
    2684. 

  2684. #tip7-title b { display: block; margin-right: 80px; }
    2685. 

  2685. #tip7-title span { float: right; }
    2686. 

  2686. }}}
    2687. 

  2687. !Defaults
    2688. 

  2688. ''If the close image is an attachment, thumbHost parameter is __not__ needed!''
    2689. 

  2689. {{{
    2690. 

  2690. thumbHost: http://fancybox-thumbs.tiddlyspace.com/
    2691. 

  2691. }}}
    2692. 

  2692. !Offline
    2693. 

  2693. {{{
    2694. 

  2694. thumbHost: ./thumbs/
    2695. 

  2695. }}}
    2696. 

  2696. !Fancy
    2697. 

  2697. {{{
    2698. 

  2698. showCloseButton: false
    2699. 

  2699. titlePosition: inside
    2700. 

  2700. 

  2701. titleFormat: titleFormatTip7
    2702. 

  2702. }}}
    2703. 

  2703. !!!!!!end
    2704. 

  2704. {{{
    2705. 

  2705. &lt;&lt;tiddler Pictures&gt;&gt;
    2706. 

  2706. &lt;&lt;fancyBox defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    2707. 

  2707. }}}
    2708. 

  2708. &lt;&lt;tiddler Pictures&gt;&gt;
    2709. 

  2709. &lt;&lt;fancyBox defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    2710. 

  2710. </pre>
    2711. 

  2711. </div>
    2712. 

  2712. <div title="Example_AttachmentReference" creator="pmario" modifier="pmario" created="201102072057" modified="201102261024" tags="example simple" server.title="Example_AttachmentReference" server.page.revision="261796" server.etag="&quot;fancybox_public/Example_AttachmentReference/261796;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="89996dd7fad694541d3dfce5c6ae782b2f08e168" changecount="1">
    2713. 

  2713. <pre>!!Info
    2714. 

  2714. &lt;&lt;&lt;
    2715. 

  2715. If AttachFilePluginFormatters is installed, the thumb needs to contain a {{{!slide}}} section see: ''06.jpg'', to reference the &quot;big&quot; picture. Click the sliders to see the tiddler content. This configuration will work online and offline. Using the fallback mechanism, built in by ~AttachFilePluginFormatters.
    2716. 

  2716. &lt;&lt;&lt;
    2717. 

  2717. !!Important
    2718. 

  2718. &lt;&lt;&lt;
    2719. 

  2719. If you use attached pictures, they must be tagged ''attachment'', otherwise ~AttachFilePluginFormatters will not list them!
    2720. 

  2720. &lt;&lt;&lt;
    2721. 

  2721. !!!Usage
    2722. 

  2722. &lt;&lt;&lt;
    2723. 

  2723. {{{
    2724. 

  2724. &lt;&lt;fancyBox tag:reference&gt;&gt;
    2725. 

  2725. }}}
    2726. 

  2726. ''tag'' .. Fancybox tag parameter will list all tiddlers tagged: reference. Fancybox creates a thumblist.
    2727. 

  2727. If a slide reference is missing, like in 01.jpg here you'll get a title &quot;Slide reference in [[01.jpg]] is missing&quot; and the thumbnail will be used.
    2728. 

  2728. &lt;&lt;&lt;
    2729. 

  2729. &lt;&lt;fancyBox tag:reference&gt;&gt; Hover the pictures and you'll see the difference.
    2730. 

  2730. {{dp33{&lt;&lt;slider chk01 01.jpg &quot;01.jpg code ...&quot; &quot;01.jpg code ...&quot; &gt;&gt;}}}{{dp33{&lt;&lt;slider chk06 06.jpg &quot;06.jpg code ...&quot; &quot;06.jpg code ...&quot; &gt;&gt;}}}{{dp33{&lt;&lt;slider chk06slide 06slide.jpg &quot;06slide.jpg code ...&quot; &quot;06slide.jpg code ...&quot; &gt;&gt;}}}
    2731. 

  2731. </pre>
    2732. 

  2732. </div>
    2733. 

  2733. <div title="Example_AutomaticSlideShow" creator="pmario" modifier="pmario" created="201102111153" modified="201102111156" tags="advanced example" server.title="Example_AutomaticSlideShow" server.page.revision="249050" server.etag="&quot;fancybox_public/Example_AutomaticSlideShow/249050;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.advanced="0002" _hash="49ca532f7376ea4a53600a252f3dcf13867c025c">
    2734. 

  2734. <pre>!Important
    2735. 

  2735. This example only works, if FancyBoxPluginAddOns are installed! 
    2736. 

  2736. Docu: FancyBoxPluginAddOns
    2737. 

  2737. !~StyleSheet
    2738. 

  2738. {{{
    2739. 

  2739. #tip7-title { text-align: left; overflow: auto; }
    2740. 

  2740. #tip7-title b { display: block; margin-right: 80px; }
    2741. 

  2741. #tip7-title span { float: right; text-align: right; }
    2742. 

  2742. }}}
    2743. 

  2743. !Defaults
    2744. 

  2744. {{{
    2745. 

  2745. thumbHost: http://fancybox-thumbs.tiddlyspace.com/
    2746. 

  2746. 

  2747. showCloseButton: false
    2748. 

  2748. titlePosition: inside
    2749. 

  2749. 

  2750. cyclic: true
    2751. 

  2751. 

  2752. titleFormat: automaticSlideShow_title
    2753. 

  2753. 

  2754. onComplete: automaticSlideShow_onComplete
    2755. 

  2755. onClosed: automaticSlideShow_onClosed
    2756. 

  2756. 

  2757. slideShowInterval: 3000
    2758. 

  2758. slideShowAutostart: false
    2759. 

  2759. }}}
    2760. 

  2760. !!!!!!end
    2761. 

  2761. {{{
    2762. 

  2762. &lt;&lt;tiddler Pictures&gt;&gt;
    2763. 

  2763. &lt;&lt;fancyBox defaults:&quot;##Defaults&quot;&gt;&gt;
    2764. 

  2764. }}}
    2765. 

  2765. &lt;&lt;tiddler Pictures&gt;&gt;
    2766. 

  2766. &lt;&lt;fancyBox defaults:&quot;##Defaults&quot;&gt;&gt;
    2767. 

  2767. </pre>
    2768. 

  2768. </div>
    2769. 

  2769. <div title="Example_DirectPicture" creator="pmario" modifier="pmario" created="201102111141" modified="201102161347" tags="example medium" server.title="Example_DirectPicture" server.page.revision="255508" server.etag="&quot;fancybox_public/Example_DirectPicture/255508;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.medium="0004" _hash="dc26c1520ec7bdac06b5b6c57374c69092f07011">
    2770. 

  2770. <pre>!FancyOver
    2771. 

  2771. {{{
    2772. 

  2772. titlePosition: over
    2773. 

  2773. 

  2774. showCloseButton: false
    2775. 

  2775. // Toggle close button. false / true
    2776. 

  2776. }}}
    2777. 

  2777. !FancyInside
    2778. 

  2778. {{{
    2779. 

  2779. titlePosition: inside
    2780. 

  2780. padding: 5
    2781. 

  2781. }}}
    2782. 

  2782. !!!!!!end
    2783. 

  2783. !!Usage
    2784. 

  2784. &lt;&lt;&lt;
    2785. 

  2785. {{{
    2786. 

  2786. &lt;&lt;fancyBox picName label:&quot;Label with spaces&quot; ... &gt;&gt;
    2787. 

  2787. }}}
    2788. 

  2788. eg:
    2789. 

  2789. {{{
    2790. 

  2790. &lt;&lt;fancyBox 05.jpg label:Manta defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;##FancyOver&quot;&gt;&gt;
    2791. 

  2791. }}}
    2792. 

  2792. &gt;''picName'' .. fancyBox can handle direct picture input. This mode is meant for testing purpose only! 
    2793. 

  2793. &gt;''label:'' .. every picture needs it own label.
    2794. 

  2794. &gt;link to: [[DirectoryConfig]]
    2795. 

  2795. &lt;&lt;&lt;
    2796. 

  2796. &lt;&lt;fancyBox 05.jpg label:Manta defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;##FancyOver&quot;&gt;&gt;
    2797. 

  2797. &lt;&lt;&lt;
    2798. 

  2798. {{{
    2799. 

  2799. &lt;&lt;fancyBox 05.jpg 06.jpg label:&quot;Manta&quot; label:&quot;Jam Jam&quot; defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;##FancyInside&quot;&gt;&gt;
    2800. 

  2800. }}}
    2801. 

  2801. &gt;fancyBox can handle several input pictures. 
    2802. 

  2802. &gt;If you want to have several labels they have to be specified like: ''{{{label:&quot;label1&quot; label:&quot;label2&quot; ... }}}''
    2803. 

  2803. &lt;&lt;&lt;
    2804. 

  2804. &lt;&lt;fancyBox 05.jpg 06.jpg label:&quot;Manta&quot; label:&quot;Jam Jam&quot; defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;##FancyInside&quot;&gt;&gt;
    2805. 

  2805. </pre>
    2806. 

  2806. </div>
    2807. 

  2807. <div title="Example_FadeInOut" creator="pmario" modifier="pmario" created="201102072057" modified="201102221910" tags="example medium" server.title="Example_FadeInOut" server.page.revision="261797" server.etag="&quot;fancybox_public/Example_FadeInOut/261797;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.medium="0000" _hash="8d3d81de1542978b8e3cc65ee2716d2af32d8fc2">
    2808. 

  2808. <pre>!Fancy
    2809. 

  2809. {{{
    2810. 

  2810. transitionIn: elastic
    2811. 

  2811. transitionOut: elastic
    2812. 

  2812. 

  2813. speedIn: 1000
    2814. 

  2814. speedOut: 1000
    2815. 

  2815. 

  2816. centerOnScroll: true
    2817. 

  2817. 

  2818. titlePosition: over
    2819. 

  2819. }}}
    2820. 

  2820. !!!!!!end
    2821. 

  2821. !!Usage
    2822. 

  2822. &lt;&lt;&lt;
    2823. 

  2823. Just to show some nice transitions. Nothing special here :)
    2824. 

  2824. {{{
    2825. 

  2825. &lt;&lt;tiddler Pictures&gt;&gt;
    2826. 

  2826. &lt;&lt;fancyBox fancy:&quot;##Fancy&quot;&gt;&gt;
    2827. 

  2827. }}}
    2828. 

  2828. &lt;&lt;&lt;
    2829. 

  2829. &lt;&lt;tiddler Pictures&gt;&gt;
    2830. 

  2830. &lt;&lt;fancyBox fancy:&quot;##Fancy&quot;&gt;&gt;
    2831. 

  2831. 

  2832. 

  2833. </pre>
    2834. 

  2834. </div>
    2835. 

  2835. <div title="Example_FancyBoxPicture" creator="pmario" modifier="pmario" created="201101261756" modified="201102111136" tags="example simple" server.title="Example_FancyBoxPicture" server.page.revision="249015" server.etag="&quot;fancybox_public/Example_FancyBoxPicture/249015;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="9c71a358e53a9c6bc15825f319b11f5b172dedb2" sort.simple="0001">
    2836. 

  2836. <pre>!!Info
    2837. 

  2837. &lt;&lt;&lt;
    2838. 

  2838. If the macro is called with {{{mode:picture}}} parameter, fancyBox creates a single picture link, per picture found in the tiddler. See: ''Links that can be used by fancyBox plugin'' below. Link to: [[Pictures]]
    2839. 

  2839. &lt;&lt;&lt;
    2840. 

  2840. !!!Usage
    2841. 

  2841. &lt;&lt;&lt;
    2842. 

  2842. {{{
    2843. 

  2843. &lt;&lt;tiddler Pictures&gt;&gt;
    2844. 

  2844. &lt;&lt;fancyBox mode:picture&gt;&gt;
    2845. 

  2845. }}}
    2846. 

  2846. &lt;&lt;&lt;
    2847. 

  2847. &lt;&lt;tiddler Pictures&gt;&gt;
    2848. 

  2848. &lt;&lt;fancyBox  mode:picture&gt;&gt;
    2849. 

  2849. </pre>
    2850. 

  2850. </div>
    2851. 

  2851. <div title="Example_FancyBoxSlides" creator="pmario" modifier="pmario" created="201101261756" modified="201102111136" tags="example simple" server.title="Example_FancyBoxSlides" server.page.revision="249016" server.etag="&quot;fancybox_public/Example_FancyBoxSlides/249016;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="4199fafe4c23e5f8dde89d7126094baf09919568" sort.simple="0000">
    2852. 

  2852. <pre>!!Info
    2853. 

  2853. &lt;&lt;&lt;
    2854. 

  2854. If the macro is called without any parameters, fancyBox creates a slideshow, with all pictures found in the tiddler. See: ''Links that can be used by fancyBox plugin'' below. Link to: [[Pictures]]
    2855. 

  2855. &lt;&lt;&lt;
    2856. 

  2856. !!!Usage
    2857. 

  2857. &lt;&lt;&lt;
    2858. 

  2858. {{{
    2859. 

  2859. &lt;&lt;tiddler Pictures&gt;&gt;
    2860. 

  2860. &lt;&lt;fancyBox&gt;&gt;
    2861. 

  2861. }}}
    2862. 

  2862. &lt;&lt;&lt;
    2863. 

  2863. &lt;&lt;tiddler Pictures&gt;&gt;
    2864. 

  2864. &lt;&lt;fancyBox&gt;&gt;
    2865. 

  2865. </pre>
    2866. 

  2866. </div>
    2867. 

  2867. <div title="Example_FlikrStatic" creator="pmario" modifier="pmario" created="201102072057" modified="201102161347" tags="example medium" server.title="Example_FlikrStatic" server.page.revision="255507" server.etag="&quot;fancybox_public/Example_FlikrStatic/255507;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.medium="0006" _hash="be5c114403a7a160bf143bd89817c12891941e11">
    2868. 

  2868. <pre>/%
    2869. 

  2869. http://farm6.static.flickr.com/5259/5421866042_f2df6080d2_t.jpg
    2870. 

  2870. http://farm6.static.flickr.com/5259/5421866042_f2df6080d2_b.jpg
    2871. 

  2871. 

  2872. {{{
    2873. 

  2873. http://farm6.static.flickr.com/5098/5421258927_8fe35503cc_t.jpg
    2874. 

  2874. http://farm6.static.flickr.com/5098/5421258927_8fe35503cc_b.jpg
    2875. 

  2875. 

  2876. thumb http://farm6.static.flickr.com/5096/5421865716_41cf6bbb6b_t.jpg
    2877. 

  2877. small http://farm6.static.flickr.com/5096/5421865716_41cf6bbb6b_m.jpg
    2878. 

  2878. medium http://farm6.static.flickr.com/5096/5421865716_41cf6bbb6b.jpg
    2879. 

  2879. medium 640x480 http://farm6.static.flickr.com/5096/5421865716_41cf6bbb6b_z.jpg
    2880. 

  2880. large http://farm6.static.flickr.com/5096/5421865716_41cf6bbb6b_b.jpg
    2881. 

  2881. }}}
    2882. 

  2882. %/
    2883. 

  2883. !Defaults
    2884. 

  2884. {{{
    2885. 

  2885. titlePosition: over
    2886. 

  2886. }}}
    2887. 

  2887. !Fancy
    2888. 

  2888. {{{
    2889. 

  2889. titlePosition: inside
    2890. 

  2890. padding: 5
    2891. 

  2891. }}}
    2892. 

  2892. !!!!!!end
    2893. 

  2893. {{{
    2894. 

  2894. &lt;&lt;fancyBox tag:flikrSlide fancy:##Fancy&gt;&gt;
    2895. 

  2895. }}}
    2896. 

  2896. 

  2897. &lt;&lt;fancyBox tag:flikrSlide fancy:##Fancy&gt;&gt;
    2898. 

  2898. 

  2899. {{{
    2900. 

  2900. &lt;&lt;list filter [tag[flikr]]&gt;&gt;
    2901. 

  2901. }}}
    2902. 

  2902. &lt;&lt;list filter [tag[flikr]]&gt;&gt;
    2903. 

  2903. </pre>
    2904. 

  2904. </div>
    2905. 

  2905. <div title="Example_Iframe" creator="pmario" modifier="pmario" created="201102111335" modified="201102111335" tags="advanced example" server.title="Example_Iframe" server.page.revision="251100" server.etag="&quot;fancybox_public/Example_Iframe/251100;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="9c6b93b0d6a32619e698f513e131abe22469f428">
    2906. 

  2906. <pre>!Iframe
    2907. 

  2907. {{{
    2908. 

  2908. width: 75%
    2909. 

  2909. height: 75%
    2910. 

  2910. autoScale: false
    2911. 

  2911. transitionIn: none
    2912. 

  2912. transitionOut: none
    2913. 

  2913. type: iframe
    2914. 

  2914. }}}
    2915. 

  2915. !!!!!!end
    2916. 

  2916. {{{
    2917. 

  2917. &lt;&lt;fancyBox &quot;Stack.png&quot; label:&quot;Open an iframe&quot; href:&quot;http://www.google.com&quot; defaults:&quot;Example_Iframe##Iframe&quot;&gt;&gt;
    2918. 

  2918. }}}
    2919. 

  2919. &lt;&lt;fancyBox &quot;Stack.png&quot; label:&quot;Open an iframe&quot; href:&quot;http://www.google.com&quot; defaults:&quot;Example_Iframe##Iframe&quot;&gt;&gt;
    2920. 

  2920. </pre>
    2921. 

  2921. </div>
    2922. 

  2922. <div title="Example_ImageMacro" creator="fancybox" modifier="pmario" created="201101211613" modified="201102161347" tags="example medium" server.title="Example_ImageMacro" server.page.revision="255512" server.etag="&quot;fancybox_public/Example_ImageMacro/255512;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.medium="0007" _hash="388ae6ca23be66dbb051470a570937e893428fd2">
    2923. 

  2923. <pre>!!Usage
    2924. 

  2924. &lt;&lt;&lt;
    2925. 

  2925. {{{
    2926. 

  2926. &lt;&lt;image &quot;http://fancybox-thumbs.tiddlyspace.com/01.jpg&quot; link:&quot;http://fancybox-pics.tiddlyspace.com/01.jpg&quot; alt:&quot;San Benedicto Island&quot;&gt;&gt;
    2927. 

  2927. &lt;&lt;image &quot;http://fancybox-thumbs.tiddlyspace.com/02.jpg&quot;&gt;&gt;   Not contained in slideshow, because it has no link!
    2928. 

  2928. &lt;&lt;image &quot;http://fancybox-thumbs.tiddlyspace.com/03.jpg&quot; link:&quot;http://fancybox-pics.tiddlyspace.com/03.jpg&quot;&gt;&gt;
    2929. 

  2929. &lt;&lt;fancyBox&gt;&gt;
    2930. 

  2930. }}}
    2931. 

  2931. &gt;Image macro description see: http://macros.tiddlyspace.com
    2932. 

  2932. &lt;&lt;&lt;
    2933. 

  2933. &lt;&lt;image &quot;http://fancybox-thumbs.tiddlyspace.com/01.jpg&quot; link:&quot;http://fancybox-pics.tiddlyspace.com/01.jpg&quot; alt:&quot;San Benedicto Island&quot;&gt;&gt;
    2934. 

  2934. &lt;&lt;image &quot;http://fancybox-thumbs.tiddlyspace.com/02.jpg&quot; &gt;&gt;   Not contained in slideshow, because it has no link!
    2935. 

  2935. &lt;&lt;image &quot;http://fancybox-thumbs.tiddlyspace.com/03.jpg&quot; link:&quot;http://fancybox-pics.tiddlyspace.com/03.jpg&quot;&gt;&gt;
    2936. 

  2936. &lt;&lt;fancyBox&gt;&gt;</pre>
    2937. 

  2937. </div>
    2938. 

  2938. <div title="Example_ImageMacroSelector" creator="pmario" modifier="pmario" created="201101310759" modified="201102111136" tags="example testing" server.title="Example_ImageMacroSelector" server.page.revision="249018" server.etag="&quot;fancybox_public/Example_ImageMacroSelector/249018;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.advanced="0004" _hash="2f4a39880ac866b9a5e6eaee801a71bced5ecbfa">
    2939. 

  2939. <pre>!Important
    2940. 

  2940. *@@These functions are meant for testing purpose only!!@@
    2941. 

  2941. *@@Don't use this function for production. Most of the time, a manually calculated selector is wrong!@@
    2942. 

  2942. //{{{
    2943. 

  2943. {{wrapper1{&lt;&lt;image &quot;http://fancybox-thumbs.tiddlyspace.com/01.jpg&quot; link:&quot;http://fancybox-pics.tiddlyspace.com/01.jpg&quot; alt:&quot;San Benedicto Island&quot;&gt;&gt;}}}
    2944. 

  2944. &lt;&lt;fancyBox  selector:&quot;.wrapper1 a.image&quot; title:&quot;San Benedicto Island x&quot;&gt;&gt;
    2945. 

  2945. //}}}
    2946. 

  2946. 

  2947. {{wrapper1{&lt;&lt;image &quot;http://fancybox-thumbs.tiddlyspace.com/01.jpg&quot; link:&quot;http://fancybox-pics.tiddlyspace.com/01.jpg&quot; alt:&quot;San Benedicto Island&quot;&gt;&gt;}}}
    2948. 

  2948. &lt;&lt;fancyBox  selector:&quot;.wrapper1 a.image&quot; title:&quot;San Benedicto Island x&quot;&gt;&gt;
    2949. 

  2949. 

  2950. //{{{
    2951. 

  2951. {{wrapper2{&lt;&lt;image &quot;http://fancybox-thumbs.tiddlyspace.com/01.jpg&quot; link:&quot;http://fancybox-pics.tiddlyspace.com/01.jpg&quot;&gt;&gt;}}}
    2952. 

  2952. &lt;&lt;fancyBox  selector:&quot;.wrapper2 a.image&quot; title:&quot;San Benedicto Island - test overwrite href&quot; href:&quot;http://fancybox-pics.tiddlyspace.com/11.jpg&quot;&gt;&gt;
    2953. 

  2953. //}}}
    2954. 

  2954. * clicking the picture will show 11.jpg instead of 01.jpg
    2955. 

  2955. 

  2956. {{wrapper2{&lt;&lt;image &quot;http://fancybox-thumbs.tiddlyspace.com/01.jpg&quot; link:&quot;http://fancybox-pics.tiddlyspace.com/01.jpg&quot;&gt;&gt;}}}
    2957. 

  2957. &lt;&lt;fancyBox  selector:&quot;.wrapper2 a.image&quot; title:&quot;San Benedicto Island - test overwrite href&quot; href:&quot;http://fancybox-pics.tiddlyspace.com/11.jpg&quot;&gt;&gt;
    2958. 

  2958. 

  2959. </pre>
    2960. 

  2960. </div>
    2961. 

  2961. <div title="Example_RoundaboutAndFancy" creator="pmario" modifier="pmario" created="201102210011" modified="201102261534" tags="example medium" server.title="Example_RoundaboutAndFancy" server.page.revision="260288" server.etag="&quot;fancybox_public/Example_RoundaboutAndFancy/260288;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="c9ee5b2ab3de120edd9023295fb14df1e43ae702" changecount="2">
    2962. 

  2962. <pre>&lt;html&gt;&lt;style&gt; .imgStack img {width: 9em; height: 6em; padding:2px;}&lt;/style&gt;&lt;/html&gt;
    2963. 

  2963. !SlideShow One
    2964. 

  2964. *Use the mouse wheel
    2965. 

  2965. *Click a picture to open
    2966. 

  2966. *Click the picture to close
    2967. 

  2967. *Don't forget to include the RoundaboutStyleSheet into your StyleSheet!
    2968. 

    2969. 

  2969. &lt;&lt;fancyBox tag:thumb mode:picture defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;##Fancy&quot; labelSection:label&gt;&gt;
    2970. 

  2970. &lt;&lt;roundabout selector:'.imgStack' childSelector:'span' defaults:'##Roundabout'&gt;&gt;
    2971. 

  2971. 

  2972. !Usage
    2973. 

  2973. &lt;&lt;&lt;
    2974. 

  2974. {{{
    2975. 

  2975. &lt;html&gt;&lt;style&gt; .imgStack img {width: 9em; height: 6em; padding:2px;}&lt;/style&gt;&lt;/html&gt;
    2976. 

  2976. !SlideShow One
    2977. 

  2977. &lt;&lt;fancyBox tag:thumb mode:picture defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    2978. 

  2978. &lt;&lt;roundabout selector:'.imgStack' childSelector:'span' defaults:'##Roundabout'&gt;&gt;
    2979. 

  2979. }}}
    2980. 

  2980. &lt;&lt;&lt;
    2981. 

  2981. 

  2982. !Roundabout
    2983. 

  2983. {{{
    2984. 

  2984. minOpacity: 0.2
    2985. 

  2985. minScale: 0.2
    2986. 

  2986. duration: 2500
    2987. 

  2987. reflect: true
    2988. 

  2988. tilt: -6
    2989. 

  2989. 

  2990. mousewheel: mousewheelAddOn
    2991. 

  2991. mouseSpeed: 1
    2992. 

  2992. // mouseSpeed is a modifier, +/- .. controles the direction; 0.2 -&gt; 5 makes sense
    2993. 

  2993. }}}
    2994. 

  2994. 

  2995. !Fancy
    2996. 

  2996. {{{
    2997. 

  2997. hideOnContentClick: true
    2998. 

  2998. overlayShow: false
    2999. 

  2999. speedIn: 600
    3000. 

  3000. showCloseButton: false
    3001. 

  3001. 

  3002. opacity: true
    3003. 

  3003. // When true, transparency of content is changed for elastic transitions
    3004. 

  3004. 

  3005. titlePosition:	over
    3006. 

  3006. // The position of title. Can be set to 'outside', 'inside' or 'over'
    3007. 

  3007. 

  3008. transitionIn:	elastic
    3009. 

  3009. transitionOut:	elastic
    3010. 

  3010. // The transition type. Can be set to 'elastic', 'fade' or 'none'
    3011. 

  3011. }}}
    3012. 

  3012. </pre>
    3013. 

  3013. </div>
    3014. 

  3014. <div title="Example_Selector" creator="fancybox" modifier="pmario" created="201101211613" modified="201102111136" tags="example testing" server.title="Example_Selector" server.page.revision="249019" server.etag="&quot;fancybox_public/Example_Selector/249019;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.advanced="0005" _hash="25f4e614dac3f9c37aeec4d492452b35f0deda66">
    3015. 

  3015. <pre>!Important
    3016. 

  3016. *@@These functions are meant for testing purpose only!!@@
    3017. 

  3017. *@@Don't use this function for production. Most of the time, a manually calculated selector is wrong!@@
    3018. 

  3018. {{{
    3019. 

  3019. &lt;&lt;tiddler Pictures&gt;&gt;
    3020. 

  3020. &lt;&lt;fancyBox selector:&quot;a.imageLink&quot;&gt;&gt;
    3021. 

  3021. }}}
    3022. 

  3022. &lt;&lt;tiddler Pictures&gt;&gt;
    3023. 

  3023. &lt;&lt;fancyBox selector:&quot;a.imageLink&quot;&gt;&gt;
    3024. 

  3024. </pre>
    3025. 

  3025. </div>
    3026. 

  3026. <div title="Example_SlideShowConfig" creator="pmario" modifier="pmario" created="201101261756" modified="201102221954" tags="example medium" server.title="Example_SlideShowConfig" server.page.revision="261798" server.etag="&quot;fancybox_public/Example_SlideShowConfig/261798;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.medium="0001" _hash="4c0c429b118adfea8c58c58eb82441dabc148f11">
    3027. 

  3027. <pre>!!Usage
    3028. 

  3028. &lt;&lt;&lt;
    3029. 

  3029. {{{
    3030. 

  3030. &lt;&lt;fancyBox button:&quot;click me&quot; tag:manual index:1 fancy:&quot;SlideShowConfig##Fancy&quot; defaults:&quot;SlideShowConfig##Default&quot;&gt;&gt;
    3031. 

  3031. }}}
    3032. 

  3032. ''button'' .. specifies a text for the button. If clicked it starts a slideshow.
    3033. 

  3033. ''tag'' .. use all tiddlers tagged &quot;manual&quot;
    3034. 

  3034. ''defaults:'' .. get the default parameters [[SlideShowConfig]]
    3035. 

  3035. ''index:'' .. Slide show start index
    3036. 

  3036. &lt;&lt;&lt;
    3037. 

  3037. &lt;&lt;fancyBox button:&quot;click me&quot; tag:manual index:1 fancy:&quot;SlideShowConfig##Fancy&quot; defaults:&quot;SlideShowConfig##Default&quot; &gt;&gt;
    3038. 

  3038. &lt;&lt;&lt;
    3039. 

  3039. //{{{
    3040. 

  3040. {{trImageBackground{&lt;&lt;fancyBox imageButton:&quot;[img[Mexico|Stack.png]]&quot; tag:manual fancy:&quot;SlideShowConfig##Fancy&quot; defaults:&quot;SlideShowConfig##Default&quot;&gt;&gt;}}}
    3041. 

  3041. //}}}
    3042. 

  3042. ''imageButton'' .. Uses a button instead of text only.
    3043. 

  3043. &lt;&lt;&lt;
    3044. 

  3044. {{trImageBackground{&lt;&lt;fancyBox imageButton:&quot;[img[Mexico|Stack.png]]&quot; tag:manual fancy:&quot;SlideShowConfig##Fancy&quot; defaults:&quot;SlideShowConfig##Default&quot;&gt;&gt;}}}
    3045. 

  3045. </pre>
    3046. 

  3046. </div>
    3047. 

  3047. <div title="Example_ThumblistSlideShow" creator="pmario" modifier="pmario" created="201101251454" modified="201102161347" tags="example medium" server.title="Example_ThumblistSlideShow" server.page.revision="255513" server.etag="&quot;fancybox_public/Example_ThumblistSlideShow/255513;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.medium="0003" _hash="a6cd1a3c904ee3c851f0c0e4fa81775c4009696d">
    3048. 

  3048. <pre>!Defaults
    3049. 

  3049. {{{
    3050. 

  3050. thumbHost: http://fancybox-thumbs.tiddlyspace.com/
    3051. 

  3051. picHost: http://fancybox-pics.tiddlyspace.com/
    3052. 

  3052. }}}
    3053. 

  3053. If you don't use ~AttachFilePluginFormatters, fancybox can also handle online/offline behaviour. Two additional parameters are needed. 
    3054. 

  3054. *{{{thumbHost}}} .. link. must end with ''/''
    3055. 

  3055. *{{{picHost}}} .. link. must end with ''/''
    3056. 

  3056. !Offline
    3057. 

  3057. {{{
    3058. 

  3058. thumbHost: ./thumbs/
    3059. 

  3059. picHost: ./pics/
    3060. 

  3060. }}}
    3061. 

  3061. If there is an Offline section, it will be automatically used, if the brwser URL starts with ''&quot;file:&quot;''. If there is no ''Offline'' section, ''Defaults'' section will be used. 
    3062. 

  3062. !Fancy
    3063. 

  3063. {{{
    3064. 

  3064. opacity: true
    3065. 

  3065. // When true, transparency of content is changed for elastic transitions
    3066. 

  3066. 

  3067. titlePosition:	over
    3068. 

  3068. // The position of title. Can be set to 'outside', 'inside' or 'over'
    3069. 

  3069. 

  3070. transitionIn:	elastic
    3071. 

  3071. transitionOut:	elastic
    3072. 

  3072. // The transition type. Can be set to 'elastic', 'fade' or 'none'
    3073. 

  3073. }}}
    3074. 

  3074. !!!!!!end of section
    3075. 

  3075. !!Usage
    3076. 

  3076. &lt;&lt;&lt;
    3077. 

  3077. {{{
    3078. 

  3078. !SlideShow One
    3079. 

  3079. &lt;&lt;fancyBox tag:thumb defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    3080. 

  3080. !SlideShow Two
    3081. 

  3081. &lt;&lt;fancyBox tag:panorama defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    3082. 

  3082. }}}
    3083. 

  3083. &gt;''defaults:'' .. is used to point to thumbs and pictures directory. The format is: {{{&quot;TiddlerName##SectionName&quot;}}} or only {{{&quot;##SectionName&quot;}}}. If no ~TiddlerName is specified, the plugin assumes, that the section is within the containing tiddler. It can be a hidden section like: {{{/% hidden %/}}}.
    3084. 

  3084. 

  3085. &gt;''fancy:'' .. is used to sepcify fancyBox parameters. A list of all parameters can be found at: [[Template.Config]]. Copy/Paste them into your configuration tiddler.
    3086. 

  3086. &lt;&lt;&lt;
    3087. 

  3087. !SlideShow One
    3088. 

  3088. &lt;&lt;fancyBox tag:thumb defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    3089. 

  3089. !SlideShow Two
    3090. 

  3090. &lt;&lt;fancyBox tag:panorama defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    3091. 

  3091. </pre>
    3092. 

  3092. </div>
    3093. 

  3093. <div title="Example_ThumblistSlideShow II" creator="pmario" modifier="pmario" created="201102082345" modified="201102140108" tags="advanced example" server.title="Example_ThumblistSlideShow II" server.page.revision="253613" server.etag="&quot;fancybox_public/Example_ThumblistSlideShow%20II/253613;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="3f3520ee1cb38d261a013b95efa9b57bcef4a5c1">
    3094. 

  3094. <pre>@@If ~AttachFilePluginFormatters is installed, and the pictures contain the needed URL and file information, no thumbHost and picHost parameters are needed.
    3095. 

  3095. At the moment, only the lobster picture has the appropriate {{{!slide}}} section parameter, to work propperly.@@
    3096. 

  3096. !Defaults
    3097. 

  3097. {{{
    3098. 

  3098. 

  3099. }}}
    3100. 

  3100. 

  3101. !Offline
    3102. 

  3102. If there is an Offline section, it will be used, if the brwser URL starts with ''&quot;file:&quot;''. If there is no ''Offline'' section, ''Defaults'' section will be used. 
    3103. 

  3103. {{{
    3104. 

  3104. 

  3105. }}}
    3106. 

  3106. 

  3107. !Fancy
    3108. 

  3108. {{{
    3109. 

  3109. opacity: true
    3110. 

  3110. // When true, transparency of content is changed for elastic transitions
    3111. 

  3111. 

  3112. titlePosition:	over
    3113. 

  3113. // The position of title. Can be set to 'outside', 'inside' or 'over'
    3114. 

  3114. 

  3115. transitionIn:	elastic
    3116. 

  3116. transitionOut:	elastic
    3117. 

  3117. // The transition type. Can be set to 'elastic', 'fade' or 'none'
    3118. 

  3118. }}}
    3119. 

  3119. !!!!!!end
    3120. 

  3120. 

  3121. {{{
    3122. 

  3122. !SlideShow One
    3123. 

  3123. &lt;&lt;fancyBox tag:thumb defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    3124. 

  3124. !SlideShow Two
    3125. 

  3125. &lt;&lt;fancyBox tag:panorama defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    3126. 

  3126. }}}
    3127. 

  3127. !SlideShow One
    3128. 

  3128. &lt;&lt;fancyBox tag:thumb defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    3129. 

  3129. !SlideShow Two
    3130. 

  3130. &lt;&lt;fancyBox tag:panorama defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    3131. 

  3131. </pre>
    3132. 

  3132. </div>
    3133. 

  3133. <div title="Example_TitleHandling" creator="pmario" modifier="pmario" created="201102161346" modified="201102222330" tags="example medium" server.title="Example_TitleHandling" server.page.revision="261799" server.etag="&quot;fancybox_public/Example_TitleHandling/261799;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.medium="0002" _hash="d49456915eedda914c6dc49066ed19a7eadf725e">
    3134. 

  3134. <pre>!Fancy
    3135. 

  3135. {{{
    3136. 

  3136. labelSection: label
    3137. 

  3137. infoSection: info
    3138. 

  3138. }}}
    3139. 

  3139. !Usage
    3140. 

  3140. &lt;&lt;&lt;
    3141. 

  3141. {{{
    3142. 

  3142. &lt;&lt;fancyBox tag:panorama labelSection:label infoSection:notes defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3143. 

  3143. }}}
    3144. 

  3144. ''labelSection'' .. references the a section in the picture tiddler, that contains the title, to be used for a slideshow. See: [[01.jpg]], [[06.jpg]], [[11.jpg]], for there ''title'' section.
    3145. 

  3145. ''infoSection'' .. references some additional information, that can be used for a slideshow. The &quot;titleFormat&quot; parameter has to be set, and an AddOn that uses it has to be made
    3146. 

  3146. {{{
    3147. 

  3147. &lt;&lt;fancyBox tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3148. 

  3148. }}}
    3149. 

  3149. ''fancy'' .. label-, infoSection can also be set with a fancy section parameter. 
    3150. 

  3150. {{{
    3151. 

  3151. &lt;&lt;fancyBox imageButton:[img[ClickMe|Stack.png]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3152. 

  3152. }}}
    3153. 

  3153. ''imageButton'' .. references a button, that must exist as an image to be used to activate the show.
    3154. 

  3154. {{trImageBackground{&lt;&lt;fancyBox imageButton:[img[ClickMe|Stack.png]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;}}}
    3155. 

  3155. 

  3156. !!!~WebKit/Mozilla only!
    3157. 

  3157. {{{
    3158. 

  3158. &lt;&lt;fancyBox imageStack:[img[ClickMe|06.jpg]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3159. 

  3159. }}}
    3160. 

  3160. ''imageStack'' .. similar to imageButton, but uses any picture that can be used for shows. Styling is set by [[StackImgStyleSheet]]. If the browser doesn't support CSS3 &quot;transform&quot;, imageButton is activated by the plugin, as a fallback mechanism. The following buttons should look similar to the above imageButton.
    3161. 

  3161. &lt;&lt;&lt;
    3162. 

  3162. &lt;&lt;fancyBox imageStack:[img[ClickMe|03.jpg]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3163. 

  3163. &lt;&lt;fancyBox imageStack:[img[ClickMe|06.jpg]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3164. 

  3164. </pre>
    3165. 

  3165. </div>
    3166. 

  3166. <div title="Example_TitleHandling [draft]" creator="pmario" modifier="pmario" created="201102161428" modified="201102222332" tags="example medium" server.title="Example_TitleHandling [draft]" server.page.revision="255600" server.etag="&quot;fancybox_private/Example_TitleHandling%20%5Bdraft%5D/255600;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" publish.name="Example_TitleHandling" sort.medium="0002" _hash="1dc8d30f22b7542977d381d798873dc80af7b8ed">
    3167. 

  3167. <pre>!Fancy
    3168. 

  3168. {{{
    3169. 

  3169. labelSection: label
    3170. 

  3170. infoSection: info
    3171. 

  3171. }}}
    3172. 

  3172. !Usage
    3173. 

  3173. &lt;&lt;&lt;
    3174. 

  3174. {{{
    3175. 

  3175. &lt;&lt;fancyBox tag:panorama labelSection:label infoSection:notes defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3176. 

  3176. or
    3177. 

  3177. &lt;&lt;fancyBox tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3178. 

  3178. or
    3179. 

  3179. &lt;&lt;fancyBox imageButton:[img[ClickMe|06.jpg]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3180. 

  3180. 

  3181. or WebKit/Mozilla only!
    3182. 

  3182. &lt;&lt;fancyBox imageStack:[img[ClickMe|06.jpg]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3183. 

  3183. }}}
    3184. 

  3184. &lt;&lt;&lt;
    3185. 

  3185. &lt;&lt;fancyBox imageStack:[img[ClickMe|06.jpg]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;&lt;&lt;fancyBox imageStack:[img[ClickMe|03.jpg]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt;
    3186. 

  3186. 

  3187. 

  3188. |&lt;&lt;fancyBox imageStack:[img[ClickMe|06.jpg]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt; |
    3189. 

  3189. | Caption |c
    3190. 

  3190. 

  3191. | Caption |c
    3192. 

  3192. |&lt;&lt;fancyBox imageStack:[img[ClickMe|03.jpg]] tag:panorama fancy:##Fancy defaults:&quot;DirectoryConfig##Defaults&quot;&gt;&gt; |</pre>
    3193. 

  3193. </div>
    3194. 

  3194. <div title="Example_Various" creator="pmario" modifier="pmario" created="201102091339" modified="201102091433" tags="advanced example" server.title="Example_Various" server.page.revision="247221" server.etag="&quot;fancybox_private/Example_Various/247221;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="e39a0af3e8e8837812ccc3d56a0eddd230b48492">
    3195. 

  3195. <pre>The library seems to have a problem here.
    3196. 

  3196. &lt;html&gt;
    3197. 

  3197. &lt;style&gt;
    3198. 

  3198. 	#inline1, #inline2 {
    3199. 

  3199. 		display: none;
    3200. 

  3200. 	}
    3201. 

  3201. &lt;/style&gt;
    3202. 

  3202. 

  3203. &lt;div id=&quot;inline1&quot;&gt;
    3204. 

  3204. 	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien. Vestibulum imperdiet porta ante ac ornare. Nulla et lorem eu nibh adipiscing ultricies nec at lacus. Cras laoreet ultricies sem, at blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium varius, cursus ac tortor. Vivamus fringilla congue laoreet. Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac. Maecenas nisl nunc, molestie vitae eleifend vel, iaculis sed magna. Aenean tempus lacus vitae orci posuere porttitor eget non felis. Donec lectus elit, aliquam nec eleifend sit amet, vestibulum sed nunc.
    3205. 

  3205. &lt;/div&gt; 
    3206. 

  3206. 

  3207. &lt;div id=&quot;inline2&quot;&gt;
    3208. 

  3208. 	Lorem ipsum dolor sit amet, consectetur adipiscing elit. &amp;nbsp;&amp;nbsp; &lt;a href=&quot;javascript:;&quot; onclick=&quot;jQuery.fancybox.close();&quot;&gt;Close&lt;/a&gt;
    3209. 

  3209. &lt;/div&gt;
    3210. 

  3210. 

  3211. &lt;ul&gt;
    3212. 

  3212. 	&lt;li&gt;&lt;a id=&quot;various1&quot; href=&quot;#inline1&quot; title=&quot;Lorem ipsum dolor sit amet&quot;&gt;Inline - auto detect width / height&lt;/a&gt;&lt;/li&gt;
    3213. 

  3213. 	&lt;li&gt;&lt;a id=&quot;various2&quot; href=&quot;#inline2&quot;&gt;Inline - modal window&lt;/a&gt;&lt;/li&gt;
    3214. 

  3214. 	&lt;li&gt;&lt;a id=&quot;various5&quot; href=&quot;http://www.google.ca&quot;&gt;Iframe (75% width and height)&lt;/a&gt;&lt;/li&gt;
    3215. 

  3215. &lt;/ul&gt;
    3216. 

  3216. &lt;/html&gt;
    3217. 

  3217. 

  3218. !Inline1
    3219. 

  3219. titlePosition: inside
    3220. 

  3220. transitionIn: none
    3221. 

  3221. transitionOut: none
    3222. 

  3222. 

  3223. !Inline2
    3224. 

  3224. modal: true
    3225. 

  3225. 

  3226. !Iframe
    3227. 

  3227. width: 75%
    3228. 

  3228. height: 75%
    3229. 

  3229. autoScale: false
    3230. 

  3230. transitionIn: none
    3231. 

  3231. transitionOut: none
    3232. 

  3232. type: iframe
    3233. 

  3233. 

  3234. 

  3235. !!!!!!end
    3236. 

  3236. {{{
    3237. 

  3237. &lt;&lt;fancyBox selector:'#various1' defaults:'##Inline1'&gt;&gt;
    3238. 

  3238. &lt;&lt;fancyBox selector:'#various2' defaults:'##Inline2'&gt;&gt;
    3239. 

  3239. &lt;&lt;fancyBox selector:'#various2' defaults:'##Inline2'&gt;&gt;
    3240. 

  3240. }}}
    3241. 

  3241. &lt;&lt;fancyBox selector:'#various1' defaults:'##Inline1'&gt;&gt;
    3242. 

  3242. &lt;&lt;fancyBox selector:'#various2' defaults:'##Inline2'&gt;&gt;
    3243. 

  3243. 

  3244. &lt;&lt;fancyBox selector:'#various5' defaults:'##Iframe'&gt;&gt;
    3245. 

  3245. 

  3246. </pre>
    3247. 

  3247. </div>
    3248. 

  3248. <div title="Example_YouTube" creator="pmario" modifier="pmario" created="201102072057" modified="201102161347" tags="example medium" server.title="Example_YouTube" server.page.revision="255509" server.etag="&quot;fancybox_public/Example_YouTube/255509;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.advanced="0002" sort.medium="0005" _hash="6141d4ba0b3ace913d4fa60f73a897c29948707e">
    3249. 

  3249. <pre>!Defaults
    3250. 

  3250. {{{
    3251. 

  3251. padding: 0
    3252. 

  3252. autoScale: true
    3253. 

  3253. transitionIn: none
    3254. 

  3254. transitionOut: none
    3255. 

  3255. title: Test YouTube
    3256. 

  3256. width: 700
    3257. 

  3257. height: 425
    3258. 

  3258. 

  3259. type: swf
    3260. 

  3260. swf: {&quot;wmode&quot;:&quot;transparent&quot;, &quot;allowfullscreen&quot;:&quot;true&quot;}
    3261. 

  3261. }}}
    3262. 

  3262. !Fancy
    3263. 

  3263. If the link below contains {{{&amp;fs=1}}} and {{{&quot;allowfullscreen&quot;:&quot;true&quot;}}} the fullscreenmode can be activated
    3264. 

  3264. {{{
    3265. 

  3265. href: http://www.youtube.com/watch?v=jTaovgc4V5w&amp;fs=1
    3266. 

  3266. or
    3267. 

  3267. // href http://www.youtube.com/v/jTaovgc4V5w&amp;fs=1
    3268. 

  3268. }}}
    3269. 

  3269. !!!!!!end
    3270. 

  3270. !!Usage
    3271. 

  3271. &lt;&lt;&lt;
    3272. 

  3272. {{{
    3273. 

  3273. &lt;&lt;fancyBox &quot;youtube.thumb&quot; label:test defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    3274. 

  3274. }}}
    3275. 

  3275. Similar to: Example_DirectPicture, but the ''Defaults'' settings are important.
    3276. 

  3276. &lt;&lt;&lt;
    3277. 

  3277. &lt;&lt;fancyBox &quot;youtube.thumb&quot; label:test defaults:&quot;##Defaults&quot; fancy:&quot;##Fancy&quot;&gt;&gt;
    3278. 

  3278. </pre>
    3279. 

  3279. </div>
    3280. 

  3280. <div title="ExternalScripts" creator="pmario" modifier="GUEST" created="201102072303" modified="201103151347" server.title="ExternalScripts" server.page.revision="249023" server.etag="&quot;fancybox_private/ExternalScripts/249023;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="b7932138a5245d7ac2ca15910486bc48cb1bd959" changecount="1">
    3281. 

  3281. <pre>fancyBoxPlugin.js
    3282. 

  3282. fancyBoxPluginAddOn.js
    3283. 

  3283. test.js</pre>
    3284. 

  3284. </div>
    3285. 

  3285. <div title="FAQ's" creator="pmario" modifier="pmario" created="201102162342" modified="201102222332" tags="mainMenu topMenu" server.title="FAQ's" server.page.revision="259649" server.etag="&quot;fancybox_public/FAQ's/259649;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="6b46d402865e0f15a74fac5d3e2ab82a3e546a9b">
    3286. 

  3286. <pre>!!!!Why didn't you include AttachFilePluginFormatters plugin?
    3287. 

  3287. *Because, FancyBoxPlugin can work without it. 
    3288. 

  3288. *But if AttachFilePluginFormatters is installed, it will be used to handle &lt;&lt;tag attachment&gt;&gt; pictures.
    3289. 

  3289. 

  3290. !!!!What are named parameters / params?
    3291. 

  3291. *eg: {{{&lt;&lt;fancyBox 01.jpg tag:panorama ...&gt;&gt;}}}
    3292. 

  3292. ** tag:panorama .. name:value .. tag is the name, panorama is tha value. value can be any tag name that you use in your TW. 
    3293. 

  3293. ***named parameters can be in any order.
    3294. 

  3294. **01.jpg .. is a unnamed parameter
    3295. 

  3295. ***unnamed parameters must be orderd like specified.
    3296. 

  3296. 

  3297. !!!!If I have thumbnails only. How do I specify the picture store.
    3298. 

  3298. *{{{thumbHost}}} and {{{picHost}}} parameters are used to define the paths.
    3299. 

  3299. *see: [[Example_SlideShowConfig]]
    3300. 

  3300. 

  3301. !!!!Does FancyBoxPlugin work with AttachFilePluginFormatters
    3302. 

  3302. *yes
    3303. 

  3303. *If the thumbs and pictures are properly defined, facyBox plugin can use this information
    3304. 

  3304. *''file'', ''url'' and ''slide'' sections are used to find the picture content
    3305. 

  3305. *See: [[Example_AttachmentReference]] for more info.
    3306. 

  3306. *''title'' and ''info'' are optional and can be freely defined with ''labelSection'' parameter 
    3307. 

  3307. 

  3308. !!!!It works, but there are no titles
    3309. 

  3309. *Check if you defined &quot;labelSection&quot; similar to [[Example_TitleHandling]] Fancy section!
    3310. 

  3310. *Check if there is a title section, that you referenced like above, at the picture. 
    3311. 

  3311. 

  3312. !!!!It works in online mode, but it won't in offline mode
    3313. 

  3313. *Check you {{{thumbHost}}} and {{{picHost}}} settings.
    3314. 

  3314. *see: [[DirectoryConfig]] as an example. 
    3315. 

  3315. *fancyBox plugin uses it like: {{{&lt;&lt;fancyBoy ... default:&quot;DirectoryConfig##Defaults&quot; ...&gt;&gt;}}}
    3316. 

  3316. **You should ''not'' use {{{&quot;default: DirectoryConfig##Offline&quot;}}}. ''It will not work, propperly!''
    3317. 

  3317. 

  3318. </pre>
    3319. 

  3319. </div>
    3320. 

  3320. <div title="FancyBox Modes" creator="pmario" modifier="pmario" created="201102072057" modified="201102072057" server.title="FancyBox Modes" server.page.revision="245599" server.etag="&quot;fancybox_public/FancyBox%20Modes/245599;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="590c4d48af5224651ffe6b651c97d2e80faad89a">
    3321. 

  3321. <pre>!!!!mode
    3322. 

  3322. *slide (default)
    3323. 

  3323. *picture
    3324. 

  3324. *button
    3325. 

  3325. </pre>
    3326. 

  3326. </div>
    3327. 

  3327. <div title="FancyBox named params" creator="fancybox" modifier="pmario" created="201101211613" modified="201101211623" server.title="FancyBox named params" server.page.revision="47580" server.etag="&quot;fancybox_public/FancyBox%20named%20params/47580;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="6eb34b122058e6e83a2b386ff2588d42386bedf1">
    3328. 

  3328. <pre>!!!This are named params for {{{fancyBox}}} macro
    3329. 

  3329. {{{
    3330. 

  3330. type 	Forces content type. Can be set to 'image', 'ajax', 'iframe', 'swf' or 'inline'
    3331. 

  3331. href 	Forces content source
    3332. 

  3332. title 	Forces title
    3333. 

  3333. content 	Forces content (can be any html data)
    3334. 

  3334. orig 	Sets object whos position and dimensions will be used by 'elastic' transition
    3335. 

  3335. index 	Custom start index of manually created gallery (since 1.3.1)
    3336. 

  3336. }}}</pre>
    3337. 

  3337. </div>
    3338. 

  3338. <div title="FancyBoxParamTest" creator="pmario" modifier="pmario" created="201102072317" modified="201102072317" server.title="FancyBoxParamTest" server.page.revision="245748" server.etag="&quot;fancybox_private/FancyBoxParamTest/245748;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="dcab912ff6444dd4ef2fc7334b6b5941c3f02445">
    3339. 

  3339. <pre>{{{
    3340. 

  3340. &lt;&lt;fancyBox type:image href:'http://fancybox.tiddlyspace.com/01.jpg' title:'hugo' orig:null index:1 content:'nix'&gt;&gt;
    3341. 

  3341. 

  3342. &lt;&lt;fancyBox defaults:FancyBoxConfig title:gurke&gt;&gt;
    3343. 

  3343. 

  3344. &lt;&lt;fancyBox defaults:FancyBoxConfigXX&gt;&gt; .. doesn't exis
    3345. 

  3345. }}}
    3346. 

  3346. 

  3347. &lt;&lt;fancyBox type:image href:'http://fancybox.tiddlyspace.com/01.jpg' title:'hugo' orig:null index:1 content:'nix'&gt;&gt;
    3348. 

  3348. 

  3349. &lt;&lt;fancyBox defaults:FancyBoxConfig title:gurke&gt;&gt;
    3350. 

  3350. 

  3351. &lt;&lt;fancyBox defaults:FancyBoxConfigXX&gt;&gt; .. doesn't exis</pre>
    3352. 

  3352. </div>
    3353. 

  3353. <div title="FancyBoxPlugin" creator="pmario" modifier="pmario" created="201101211553" modified="201102211547" tags="excludeLists excludeSearch excludeMissing" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="2580d133a264fcf798e5b289083613a1e00fd51f" changecount="1" deleted="true">
    3354. 

  3354. <pre>This tiddler has been deleted.</pre>
    3355. 

  3355. </div>
    3356. 

  3356. <div title="FancyBoxPluginAddOns" creator="pmario" modifier="pmario" created="201102111143" modified="201102211548" tags="excludeLists excludeSearch excludeMissing" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="42d85ba15ea9b5d50d788ae728ecc4aa5d473532" changecount="1" deleted="true">
    3357. 

  3357. <pre>This tiddler has been deleted.</pre>
    3358. 

  3358. </div>
    3359. 

  3359. <div title="FancyBoxStyleSheet" creator="pmario" modifier="pmario" created="201101211534" modified="201101211534" server.title="FancyBoxStyleSheet" server.page.revision="47474" server.etag="&quot;fancybox-plugin_public/FancyBoxStyleSheet/47474;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox-plugin_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox-plugin_public" server.permissions="read, write, create, delete" server.content-type="" _hash="355a92a2af4476235b2ef1e64f7edbd135e5817e">
    3360. 

  3360. <pre>/*{{{*/
    3361. 

  3361. /*
    3362. 

  3362.  * FancyBox - jQuery Plugin
    3363. 

  3363.  * Simple and fancy lightbox alternative
    3364. 

  3364.  *
    3365. 

  3365.  * Examples and documentation at: http://fancybox.net
    3366. 

  3366.  * 
    3367. 

  3367.  * Copyright (c) 2008 - 2010 Janis Skarnelis
    3368. 

  3368.  * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
    3369. 

  3369.  * 
    3370. 

  3370.  * Version: 1.3.4 (11/11/2010)
    3371. 

  3371.  * Requires: jQuery v1.3+
    3372. 

  3372.  *
    3373. 

  3373.  * Dual licensed under the MIT and GPL licenses:
    3374. 

  3374.  *   http://www.opensource.org/licenses/mit-license.php
    3375. 

  3375.  *   http://www.gnu.org/licenses/gpl.html
    3376. 

  3376.  */
    3377. 

  3377. 

  3378. #fancybox-loading {
    3379. 

  3379. 	position: fixed;
    3380. 

  3380. 	top: 50%;
    3381. 

  3381. 	left: 50%;
    3382. 

  3382. 	width: 40px;
    3383. 

  3383. 	height: 40px;
    3384. 

  3384. 	margin-top: -20px;
    3385. 

  3385. 	margin-left: -20px;
    3386. 

  3386. 	cursor: pointer;
    3387. 

  3387. 	overflow: hidden;
    3388. 

  3388. 	z-index: 1104;
    3389. 

  3389. 	display: none;
    3390. 

  3390. }
    3391. 

  3391. 

  3392. #fancybox-loading div {
    3393. 

  3393. 	position: absolute;
    3394. 

  3394. 	top: 0;
    3395. 

  3395. 	left: 0;
    3396. 

  3396. 	width: 40px;
    3397. 

  3397. 	height: 480px;
    3398. 

  3398. 	background-image: url([[fancybox.png##data]]);
    3399. 

  3399. }
    3400. 

  3400. 

  3401. #fancybox-overlay {
    3402. 

  3402. 	position: absolute;
    3403. 

  3403. 	top: 0;
    3404. 

  3404. 	left: 0;
    3405. 

  3405. 	width: 100%;
    3406. 

  3406. 	z-index: 1100;
    3407. 

  3407. 	display: none;
    3408. 

  3408. }
    3409. 

  3409. 

  3410. #fancybox-tmp {
    3411. 

  3411. 	padding: 0;
    3412. 

  3412. 	margin: 0;
    3413. 

  3413. 	border: 0;
    3414. 

  3414. 	overflow: auto;
    3415. 

  3415. 	display: none;
    3416. 

  3416. }
    3417. 

  3417. 

  3418. #fancybox-wrap {
    3419. 

  3419. 	position: absolute;
    3420. 

  3420. 	top: 0;
    3421. 

  3421. 	left: 0;
    3422. 

  3422. 	padding: 20px;
    3423. 

  3423. 	z-index: 1101;
    3424. 

  3424. 	outline: none;
    3425. 

  3425. 	display: none;
    3426. 

  3426. }
    3427. 

  3427. 

  3428. #fancybox-outer {
    3429. 

  3429. 	position: relative;
    3430. 

  3430. 	width: 100%;
    3431. 

  3431. 	height: 100%;
    3432. 

  3432. 	background: #fff;
    3433. 

  3433. }
    3434. 

  3434. 

  3435. #fancybox-content {
    3436. 

  3436. 	width: 0;
    3437. 

  3437. 	height: 0;
    3438. 

  3438. 	padding: 0;
    3439. 

  3439. 	outline: none;
    3440. 

  3440. 	position: relative;
    3441. 

  3441. 	overflow: hidden;
    3442. 

  3442. 	z-index: 1102;
    3443. 

  3443. 	border: 0px solid #fff;
    3444. 

  3444. }
    3445. 

  3445. 

  3446. #fancybox-hide-sel-frame {
    3447. 

  3447. 	position: absolute;
    3448. 

  3448. 	top: 0;
    3449. 

  3449. 	left: 0;
    3450. 

  3450. 	width: 100%;
    3451. 

  3451. 	height: 100%;
    3452. 

  3452. 	background: transparent;
    3453. 

  3453. 	z-index: 1101;
    3454. 

  3454. }
    3455. 

  3455. 

  3456. #fancybox-close {
    3457. 

  3457. 	position: absolute;
    3458. 

  3458. 	top: -15px;
    3459. 

  3459. 	right: -15px;
    3460. 

  3460. 	width: 30px;
    3461. 

  3461. 	height: 30px;
    3462. 

  3462. 	background: transparent url([[fancybox.png##data]]) -40px 0px;
    3463. 

  3463. 	cursor: pointer;
    3464. 

  3464. 	z-index: 1103;
    3465. 

  3465. 	display: none;
    3466. 

  3466. }
    3467. 

  3467. 

  3468. #fancybox-error {
    3469. 

  3469. 	color: #444;
    3470. 

  3470. 	font: normal 12px/20px Arial;
    3471. 

  3471. 	padding: 14px;
    3472. 

  3472. 	margin: 0;
    3473. 

  3473. }
    3474. 

  3474. 

  3475. #fancybox-img {
    3476. 

  3476. 	width: 100%;
    3477. 

  3477. 	height: 100%;
    3478. 

  3478. 	padding: 0;
    3479. 

  3479. 	margin: 0;
    3480. 

  3480. 	border: none;
    3481. 

  3481. 	outline: none;
    3482. 

  3482. 	line-height: 0;
    3483. 

  3483. 	vertical-align: top;
    3484. 

  3484. }
    3485. 

  3485. 

  3486. #fancybox-frame {
    3487. 

  3487. 	width: 100%;
    3488. 

  3488. 	height: 100%;
    3489. 

  3489. 	border: none;
    3490. 

  3490. 	display: block;
    3491. 

  3491. }
    3492. 

  3492. 

  3493. #fancybox-left, #fancybox-right {
    3494. 

  3494. 	position: absolute;
    3495. 

  3495. 	bottom: 0px;
    3496. 

  3496. 	height: 100%;
    3497. 

  3497. 	width: 35%;
    3498. 

  3498. 	cursor: pointer;
    3499. 

  3499. 	outline: none;
    3500. 

  3500. 	background: transparent url([[blank.gif##data]]);
    3501. 

  3501. 	z-index: 1102;
    3502. 

  3502. 	display: none;
    3503. 

  3503. }
    3504. 

  3504. 

  3505. #fancybox-left {
    3506. 

  3506. 	left: 0px;
    3507. 

  3507. }
    3508. 

  3508. 

  3509. #fancybox-right {
    3510. 

  3510. 	right: 0px;
    3511. 

  3511. }
    3512. 

  3512. 

  3513. #fancybox-left-ico, #fancybox-right-ico {
    3514. 

  3514. 	position: absolute;
    3515. 

  3515. 	top: 50%;
    3516. 

  3516. 	left: -9999px;
    3517. 

  3517. 	width: 30px;
    3518. 

  3518. 	height: 30px;
    3519. 

  3519. 	margin-top: -15px;
    3520. 

  3520. 	cursor: pointer;
    3521. 

  3521. 	z-index: 1102;
    3522. 

  3522. 	display: block;
    3523. 

  3523. }
    3524. 

  3524. 

  3525. #fancybox-left-ico {
    3526. 

  3526. 	background-image: url([[fancybox.png##data]]);
    3527. 

  3527. 	background-position: -40px -30px;
    3528. 

  3528. }
    3529. 

  3529. 

  3530. #fancybox-right-ico {
    3531. 

  3531. 	background-image: url([[fancybox.png##data]]);
    3532. 

  3532. 	background-position: -40px -60px;
    3533. 

  3533. }
    3534. 

  3534. 

  3535. #fancybox-left:hover, #fancybox-right:hover {
    3536. 

  3536. 	visibility: visible; /* IE6 */
    3537. 

  3537. }
    3538. 

  3538. 

  3539. #fancybox-left:hover span {
    3540. 

  3540. 	left: 20px;
    3541. 

  3541. }
    3542. 

  3542. 

  3543. #fancybox-right:hover span {
    3544. 

  3544. 	left: auto;
    3545. 

  3545. 	right: 20px;
    3546. 

  3546. }
    3547. 

  3547. 

  3548. .fancybox-bg {
    3549. 

  3549. 	position: absolute;
    3550. 

  3550. 	padding: 0;
    3551. 

  3551. 	margin: 0;
    3552. 

  3552. 	border: 0;
    3553. 

  3553. 	width: 20px;
    3554. 

  3554. 	height: 20px;
    3555. 

  3555. 	z-index: 1001;
    3556. 

  3556. }
    3557. 

  3557. 

  3558. #fancybox-bg-n {
    3559. 

  3559. 	top: -20px;
    3560. 

  3560. 	left: 0;
    3561. 

  3561. 	width: 100%;
    3562. 

  3562. 	background-image: url([[fancybox-x.png##data]]);
    3563. 

  3563. }
    3564. 

  3564. 

  3565. #fancybox-bg-ne {
    3566. 

  3566. 	top: -20px;
    3567. 

  3567. 	right: -20px;
    3568. 

  3568. 	background-image: url([[fancybox.png##data]]);
    3569. 

  3569. 	background-position: -40px -162px;
    3570. 

  3570. }
    3571. 

  3571. 

  3572. #fancybox-bg-e {
    3573. 

  3573. 	top: 0;
    3574. 

  3574. 	right: -20px;
    3575. 

  3575. 	height: 100%;
    3576. 

  3576. 	background-image: url([[fancybox-y.png##data]]);
    3577. 

  3577. 	background-position: -20px 0px;
    3578. 

  3578. }
    3579. 

  3579. 

  3580. #fancybox-bg-se {
    3581. 

  3581. 	bottom: -20px;
    3582. 

  3582. 	right: -20px;
    3583. 

  3583. 	background-image: url([[fancybox.png##data]]);
    3584. 

  3584. 	background-position: -40px -182px; 
    3585. 

  3585. }
    3586. 

  3586. 

  3587. #fancybox-bg-s {
    3588. 

  3588. 	bottom: -20px;
    3589. 

  3589. 	left: 0;
    3590. 

  3590. 	width: 100%;
    3591. 

  3591. 	background-image: url([[fancybox-x.png##data]]);
    3592. 

  3592. 	background-position: 0px -20px;
    3593. 

  3593. }
    3594. 

  3594. 

  3595. #fancybox-bg-sw {
    3596. 

  3596. 	bottom: -20px;
    3597. 

  3597. 	left: -20px;
    3598. 

  3598. 	background-image: url([[fancybox.png##data]]);
    3599. 

  3599. 	background-position: -40px -142px;
    3600. 

  3600. }
    3601. 

  3601. 

  3602. #fancybox-bg-w {
    3603. 

  3603. 	top: 0;
    3604. 

  3604. 	left: -20px;
    3605. 

  3605. 	height: 100%;
    3606. 

  3606. 	background-image: url([[fancybox-y.png##data]]);
    3607. 

  3607. }
    3608. 

  3608. 

  3609. #fancybox-bg-nw {
    3610. 

  3610. 	top: -20px;
    3611. 

  3611. 	left: -20px;
    3612. 

  3612. 	background-image: url([[fancybox.png##data]]);
    3613. 

  3613. 	background-position: -40px -122px;
    3614. 

  3614. }
    3615. 

  3615. 

  3616. #fancybox-title {
    3617. 

  3617. 	font-family: Helvetica;
    3618. 

  3618. 	font-size: 12px;
    3619. 

  3619. 	z-index: 1102;
    3620. 

  3620. }
    3621. 

  3621. 

  3622. .fancybox-title-inside {
    3623. 

  3623. 	padding-bottom: 10px;
    3624. 

  3624. 	text-align: center;
    3625. 

  3625. 	color: #333;
    3626. 

  3626. 	background: #fff;
    3627. 

  3627. 	position: relative;
    3628. 

  3628. }
    3629. 

  3629. 

  3630. .fancybox-title-outside {
    3631. 

  3631. 	padding-top: 10px;
    3632. 

  3632. 	color: #fff;
    3633. 

  3633. }
    3634. 

  3634. 

  3635. .fancybox-title-over {
    3636. 

  3636. 	position: absolute;
    3637. 

  3637. 	bottom: 0;
    3638. 

  3638. 	left: 0;
    3639. 

  3639. 	color: #FFF;
    3640. 

  3640. 	text-align: left;
    3641. 

  3641. }
    3642. 

  3642. 

  3643. #fancybox-title-over {
    3644. 

  3644. 	padding: 10px;
    3645. 

  3645. 	background-image: url([[fancy_title_over.png##data]]);
    3646. 

  3646. 	display: block;
    3647. 

  3647. }
    3648. 

  3648. 

  3649. .fancybox-title-float {
    3650. 

  3650. 	position: absolute;
    3651. 

  3651. 	left: 0;
    3652. 

  3652. 	bottom: -20px;
    3653. 

  3653. 	height: 32px;
    3654. 

  3654. }
    3655. 

  3655. 

  3656. #fancybox-title-float-wrap {
    3657. 

  3657. 	border: none;
    3658. 

  3658. 	border-collapse: collapse;
    3659. 

  3659. 	width: auto;
    3660. 

  3660. }
    3661. 

  3661. 

  3662. #fancybox-title-float-wrap td {
    3663. 

  3663. 	border: none;
    3664. 

  3664. 	white-space: nowrap;
    3665. 

  3665. }
    3666. 

  3666. 

  3667. #fancybox-title-float-left {
    3668. 

  3668. 	padding: 0 0 0 15px;
    3669. 

  3669. 	background: url([[fancybox.png##data]]) -40px -90px no-repeat;
    3670. 

  3670. }
    3671. 

  3671. 

  3672. #fancybox-title-float-main {
    3673. 

  3673. 	color: #FFF;
    3674. 

  3674. 	line-height: 29px;
    3675. 

  3675. 	font-weight: bold;
    3676. 

  3676. 	padding: 0 0 3px 0;
    3677. 

  3677. 	background: url([[fancybox-x.png##data]]) 0px -40px;
    3678. 

  3678. }
    3679. 

  3679. 

  3680. #fancybox-title-float-right {
    3681. 

  3681. 	padding: 0 0 0 15px;
    3682. 

  3682. 	background: url([[fancybox.png##data]]) -55px -90px no-repeat;
    3683. 

  3683. }
    3684. 

  3684. 

  3685. /* IE6 */
    3686. 

  3686. 

  3687. .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
    3688. 

  3688. .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
    3689. 

  3689. .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
    3690. 

  3690. .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', izingMethod='scale'); zoom: 1; }
    3691. 

  3691. .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
    3692. 

  3692. .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
    3693. 

  3693. .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
    3694. 

  3694. 

  3695. .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
    3696. 

  3696. 	height: expression(this.parentNode.clientHeight + &quot;px&quot;);
    3697. 

  3697. }
    3698. 

  3698. 

  3699. #fancybox-loading.fancybox-ie6 {
    3700. 

  3700. 	position: absolute; margin-top: 0;
    3701. 

  3701. 	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
    3702. 

  3702. }
    3703. 

  3703. 

  3704. #fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
    3705. 

  3705. 

  3706. /* IE6, IE7, IE8 */
    3707. 

  3707. 

  3708. .fancybox-ie .fancybox-bg { background: transparent !important; }
    3709. 

  3709. .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
    3710. 

  3710. .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
    3711. 

  3711. .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
    3712. 

  3712. .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
    3713. 

  3713. .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
    3714. 

  3714. .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
    3715. 

  3715. .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
    3716. 

  3716. .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
    3717. 

  3717. /*}}}*/</pre>
    3718. 

  3718. </div>
    3719. 

  3719. <div title="FieldsEditorPlugin" modifier="pmario" created="201102211748" tags="systemConfig" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com" server.workspace="bags/fancybox_private" server.bag="fancybox_private" server.page.revision="261800" server.etag="&quot;fancybox_private/FieldsEditorPlugin/261800;679c808ea83728c9f0922e0ac831727f87829617&quot;">
    3720. 

  3720. <pre>/***
    3721. 

  3721. |''Name:''|FieldsEditorPlugin|
    3722. 

  3722. |''Description:''|//create//, //edit//, //view// and //delete// commands in toolbar &lt;&lt;toolbar fields&gt;&gt;.|
    3723. 

  3723. |''Version:''|1.0.2|
    3724. 

  3724. |''Date:''|Dec 21,2007|
    3725. 

  3725. |''Source:''|http://visualtw.ouvaton.org/VisualTW.html|
    3726. 

  3726. |''Author:''|Pascal Collin|
    3727. 

  3727. |''License:''|[[BSD open source license|License]]|
    3728. 

  3728. |''~CoreVersion:''|2.2.0|
    3729. 

  3729. |''Browser:''|Firefox 2.0; InternetExplorer 6.0, others|
    3730. 

  3730. !Demo:
    3731. 

  3731. On [[homepage|http://visualtw.ouvaton.org/VisualTW.html]], see [[FieldEditor example]]
    3732. 

  3732. !Installation:
    3733. 

  3733. *import this tiddler from [[homepage|http://visualtw.ouvaton.org/VisualTW.html]] (tagged as systemConfig)
    3734. 

  3734. *save and reload
    3735. 

  3735. *optionnaly : add the following css text in your StyleSheet : {{{#popup tr.fieldTableRow td {padding:1px 3px 1px 3px;}}}
    3736. 

  3736. !Code
    3737. 

  3737. ***/
    3738. 

  3738. 

  3739. //{{{
    3740. 

  3740. 

  3741. config.commands.fields.handlePopup = function(popup,title) {
    3742. 

  3742. 	var tiddler = store.fetchTiddler(title);
    3743. 

  3743. 	if(!tiddler)
    3744. 

  3744. 		return;
    3745. 

  3745. 	var fields = {};
    3746. 

  3746. 	store.forEachField(tiddler,function(tiddler,fieldName,value) {fields[fieldName] = value;},true);
    3747. 

  3747. 	var items = [];
    3748. 

  3748. 	for(var t in fields) {
    3749. 

  3749. 		var editCommand = &quot;&lt;&lt;untiddledCall editFieldDialog &quot;+escape(title)+&quot; &quot;+escape(t)+&quot;&gt;&gt;&quot;;
    3750. 

  3750. 		var deleteCommand = &quot;&lt;&lt;untiddledCall deleteField &quot;+escape(title)+&quot; &quot;+escape(t)+&quot;&gt;&gt;&quot;;
    3751. 

  3751. 		var renameCommand = &quot;&lt;&lt;untiddledCall renameField &quot;+escape(title)+&quot; &quot;+escape(t)+&quot;&gt;&gt;&quot;;
    3752. 

  3752. 		items.push({field: t,value: fields[t], actions: editCommand+renameCommand+deleteCommand});
    3753. 

  3753. 	}
    3754. 

  3754. 	items.sort(function(a,b) {return a.field &lt; b.field ? -1 : (a.field == b.field ? 0 : +1);});
    3755. 

  3755. 	var createNewCommand = &quot;&lt;&lt;untiddledCall createField &quot;+escape(title)+&quot;&gt;&gt;&quot;;
    3756. 

  3756. 	items.push({field : &quot;&quot;, value : &quot;&quot;, actions:createNewCommand });
    3757. 

  3757. 	if(items.length &gt; 0)
    3758. 

  3758. 		ListView.create(popup,items,this.listViewTemplate);
    3759. 

  3759. 	else
    3760. 

  3760. 		createTiddlyElement(popup,&quot;div&quot;,null,null,this.emptyText);
    3761. 

  3761. }
    3762. 

  3762. 

  3763. config.commands.fields.listViewTemplate = {
    3764. 

  3764. 	columns: [
    3765. 

  3765. 		{name: 'Field', field: 'field', title: &quot;Field&quot;, type: 'String'},
    3766. 

  3766. 		{name: 'Actions', field: 'actions', title: &quot;Actions&quot;, type: 'WikiText'},
    3767. 

  3767. 		{name: 'Value', field: 'value', title: &quot;Value&quot;, type: 'WikiText'}
    3768. 

  3768. 	],
    3769. 

  3769. 	rowClasses: [
    3770. 

  3770. 			{className: 'fieldTableRow', field: 'actions'}
    3771. 

  3771. 	],
    3772. 

  3772. 	buttons: [	//can't use button for selected then delete, because click on checkbox will hide the popup
    3773. 

  3773. 	]
    3774. 

  3774. }
    3775. 

  3775. 

  3776. config.macros.untiddledCall = {  // when called from listview, tiddler is unset, so we need to pass tiddler as parameter
    3777. 

  3777. 	handler : function(place,macroName,params,wikifier,paramString) {
    3778. 

  3778. 		var macroName = params.shift();
    3779. 

  3779. 		if (macroName) var macro = config.macros[macroName];
    3780. 

  3780. 		var title = params.shift();
    3781. 

  3781. 		if (title) var tiddler = store.getTiddler(unescape(title));
    3782. 

  3782. 		if (macro) macro.handler(place,macroName,params,wikifier,paramString,tiddler);		
    3783. 

  3783. 	}
    3784. 

  3784. }
    3785. 

  3785. 

  3786. config.macros.deleteField = {
    3787. 

  3787. 	handler : function(place,macroName,params,wikifier,paramString,tiddler) {
    3788. 

  3788. 		if(!readOnly &amp;&amp; params[0]) {
    3789. 

  3789. 			fieldName = unescape(params[0]);
    3790. 

  3790. 			var btn = createTiddlyButton(place,&quot;delete&quot;, &quot;delete &quot;+fieldName,this.onClickDeleteField);
    3791. 

  3791. 			btn.setAttribute(&quot;title&quot;,tiddler.title);
    3792. 

  3792. 			btn.setAttribute(&quot;fieldName&quot;, fieldName);
    3793. 

  3793. 		}
    3794. 

  3794. 	},
    3795. 

  3795. 	onClickDeleteField : function() {
    3796. 

  3796. 		var title=this.getAttribute(&quot;title&quot;);
    3797. 

  3797. 		var fieldName=this.getAttribute(&quot;fieldName&quot;);
    3798. 

  3798. 		var tiddler = store.getTiddler(title);
    3799. 

  3799. 		if (tiddler &amp;&amp; fieldName &amp;&amp; confirm(&quot;delete field &quot; + fieldName+&quot; from &quot; + title +&quot; tiddler ?&quot;)) {
    3800. 

  3800. 			delete tiddler.fields[fieldName];
    3801. 

  3801. 			store.saveTiddler(tiddler.title,tiddler.title,tiddler.text,tiddler.modifier,tiddler.modified,tiddler.tags,tiddler.fields);
    3802. 

  3802. 			story.refreshTiddler(title,&quot;ViewTemplate&quot;,true);
    3803. 

  3803. 		}
    3804. 

  3804. 		return false;
    3805. 

  3805. 	}
    3806. 

  3806. }
    3807. 

  3807. 

  3808. config.macros.createField = {
    3809. 

  3809. 	handler : function(place,macroName,params,wikifier,paramString,tiddler) {
    3810. 

  3810. 		if(!readOnly) {
    3811. 

  3811. 			var btn = createTiddlyButton(place,&quot;create new&quot;, &quot;create a new field&quot;,this.onClickCreateField);
    3812. 

  3812. 			btn.setAttribute(&quot;title&quot;,tiddler.title);
    3813. 

  3813. 		}
    3814. 

  3814. 	},
    3815. 

  3815. 	onClickCreateField : function() {
    3816. 

  3816. 		var title=this.getAttribute(&quot;title&quot;);
    3817. 

  3817. 		var tiddler = store.getTiddler(title);
    3818. 

  3818. 		if (tiddler) {
    3819. 

  3819. 			var fieldName = prompt(&quot;Field name&quot;,&quot;&quot;);
    3820. 

  3820. 			if (store.getValue(tiddler,fieldName)) {
    3821. 

  3821. 				window.alert(&quot;This field already exists.&quot;);
    3822. 

  3822. 			}
    3823. 

  3823. 			else if (fieldName) {
    3824. 

  3824. 				var v = prompt(&quot;Field value&quot;,&quot;&quot;);
    3825. 

  3825. 				tiddler.fields[fieldName]=v;
    3826. 

  3826. 				store.saveTiddler(tiddler.title,tiddler.title,tiddler.text,tiddler.modifier,tiddler.modified,tiddler.tags,tiddler.fields);
    3827. 

  3827. 				story.refreshTiddler(title,&quot;ViewTemplate&quot;,true);
    3828. 

  3828. 			}
    3829. 

  3829. 		}
    3830. 

  3830. 		return false;
    3831. 

  3831. 	}
    3832. 

  3832. }
    3833. 

  3833. 

  3834. config.macros.editFieldDialog = {
    3835. 

  3835. 	handler : function(place,macroName,params,wikifier,paramString,tiddler) {
    3836. 

  3836. 		if(!readOnly &amp;&amp; params[0]) {
    3837. 

  3837. 			fieldName = unescape(params[0]);
    3838. 

  3838. 			var btn = createTiddlyButton(place,&quot;edit&quot;, &quot;edit this field&quot;,this.onClickEditFieldDialog);
    3839. 

  3839. 			btn.setAttribute(&quot;title&quot;,tiddler.title);
    3840. 

  3840. 			btn.setAttribute(&quot;fieldName&quot;, fieldName);
    3841. 

  3841. 		}
    3842. 

  3842. 	},
    3843. 

  3843. 	onClickEditFieldDialog : function() {
    3844. 

  3844. 		var title=this.getAttribute(&quot;title&quot;);
    3845. 

  3845. 		var tiddler = store.getTiddler(title);
    3846. 

  3846. 		var fieldName=this.getAttribute(&quot;fieldName&quot;);
    3847. 

  3847. 		if (tiddler &amp;&amp; fieldName) {
    3848. 

  3848. 			var value = tiddler.fields[fieldName];
    3849. 

  3849. 			value = value ? value : &quot;&quot;;
    3850. 

  3850. 			var lines = value.match(/\n/mg);
    3851. 

  3851. 			lines = lines ? true : false;
    3852. 

  3852. 			if (!lines || confirm(&quot;This field contains more than one line. Only the first line will be kept if you edit it here. Proceed ?&quot;)) {
    3853. 

  3853. 				var v = prompt(&quot;Field value&quot;,value);
    3854. 

  3854. 				tiddler.fields[fieldName]=v;
    3855. 

  3855. 				store.saveTiddler(tiddler.title,tiddler.title,tiddler.text,tiddler.modifier,tiddler.modified,tiddler.tags,tiddler.fields);
    3856. 

  3856. 				story.refreshTiddler(title,&quot;ViewTemplate&quot;,true);
    3857. 

  3857. 			}
    3858. 

  3858. 		}
    3859. 

  3859. 		return false;
    3860. 

  3860. 	}
    3861. 

  3861. }
    3862. 

  3862. 

  3863. config.macros.renameField = {
    3864. 

  3864. 	handler : function(place,macroName,params,wikifier,paramString,tiddler) {
    3865. 

  3865. 		if(!readOnly &amp;&amp; params[0]) {
    3866. 

  3866. 			fieldName = unescape(params[0]);
    3867. 

  3867. 			var btn = createTiddlyButton(place,&quot;rename&quot;, &quot;rename &quot;+fieldName,this.onClickRenameField);
    3868. 

  3868. 			btn.setAttribute(&quot;title&quot;,tiddler.title);
    3869. 

  3869. 			btn.setAttribute(&quot;fieldName&quot;, fieldName);
    3870. 

  3870. 		}
    3871. 

  3871. 	},
    3872. 

  3872. 	onClickRenameField : function() {
    3873. 

  3873. 		var title=this.getAttribute(&quot;title&quot;);
    3874. 

  3874. 		var fieldName=this.getAttribute(&quot;fieldName&quot;);
    3875. 

  3875. 		var tiddler = store.getTiddler(title);
    3876. 

  3876. 		if (tiddler &amp;&amp; fieldName) {
    3877. 

  3877. 			var newName = prompt(&quot;Rename &quot; + fieldName + &quot; as ?&quot;, fieldName);
    3878. 

  3878. 			if (newName) {
    3879. 

  3879. 				tiddler.fields[newName]=tiddler.fields[fieldName];
    3880. 

  3880. 				delete tiddler.fields[fieldName];
    3881. 

  3881. 				store.saveTiddler(tiddler.title,tiddler.title,tiddler.text,tiddler.modifier,tiddler.modified,tiddler.tags,tiddler.fields);
    3882. 

  3882. 				story.refreshTiddler(title,&quot;ViewTemplate&quot;,true);
    3883. 

  3883. 			}
    3884. 

  3884. 		}
    3885. 

  3885. 		return false;
    3886. 

  3886. 	}
    3887. 

  3887. }
    3888. 

  3888. 

  3889. config.shadowTiddlers.StyleSheetFieldsEditor = &quot;/*{{{*/\n&quot;;
    3890. 

  3890. config.shadowTiddlers.StyleSheetFieldsEditor += &quot;.fieldTableRow td {padding : 1px 3px}\n&quot;;
    3891. 

  3891. config.shadowTiddlers.StyleSheetFieldsEditor += &quot;.fieldTableRow .button {border:0; padding : 0 0.2em}\n&quot;;
    3892. 

  3892. config.shadowTiddlers.StyleSheetFieldsEditor +=&quot;/*}}}*/&quot;;
    3893. 

  3893. store.addNotification(&quot;StyleSheetFieldsEditor&quot;, refreshStyles);
    3894. 

  3894. 

  3895. //}}}</pre>
    3896. 

  3896. </div>
    3897. 

  3897. <div title="FileDropPlugin" creator="pmario" modifier="pmario" created="201102072317" modified="201102072317" tags="systemConfig" server.title="FileDropPlugin" server.page.revision="245747" server.etag="&quot;fancybox_private/FileDropPlugin/245747;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="7b67be54a0fcece0cf8f1752ff6b5acc54d002dd">
    3898. 

  3898. <pre>/***
    3899. 

  3899. |Name|FileDropPlugin|
    3900. 

  3900. |Source|http://www.TiddlyTools.com/#FileDropPlugin|
    3901. 

  3901. |Version|2.1.4 MP|
    3902. 

  3902. |Author|BradleyMeck and Eric Shulman|
    3903. 

  3903. |License|http://www.TiddlyTools.com/#LegalStatements|
    3904. 

  3904. |~CoreVersion|2.1|
    3905. 

  3905. |Type|plugin|
    3906. 

  3906. |Description|drag-and-drop files/directories to create tiddlers|
    3907. 

  3907. ''requires FireFox or another Mozilla-compatible browser.''
    3908. 

  3908. !!!!!Important
    3909. 

  3909. *PMario
    3910. 

  3910. *added TS default fields to make it save the tiddlers.
    3911. 

  3911. !!!!!Usage
    3912. 

  3912. &lt;&lt;&lt;
    3913. 

  3913. This plugin automatically creates tiddlers from files that are dropped onto an open TiddlyWiki document.  You can drop multiple selected files and/or folders to create many tiddlers at once.  New tiddler titles are created using the filename of each dropped file (i.e., omitting the path).  If a title is already in use, you are prompted to enter a new title for that file.  If you drop a folder, you will be asked if you want to create a simple 'directory list' of files in a single tiddler or create one tiddler for each file in that folder.  
    3914. 

    3915. 

  3915. By default, it is assumed that all dropped files contain text.  However, if [[AttachFilePlugin]], [[AttachFilePluginFormatters]] and [[AttachFileMIMETypes]] are installed, then you can drop ''//binary data files//'' as well as text files.  If the MIME type of a dropped file is not &quot;text/plain&quot;, then AttachFilePlugin is used to create an 'attachment' tiddler, rather than creating a simple text tiddler.
    3916. 

    3917. 

  3917. When creating text tiddlers, you can embed a //link// to the original external file at the top of the new tiddler, in addition to (or instead of) the text content itself.  The format for this link (see Configuration, below) uses embedded ''//replacement markers//'' that allow you to generate a variety of wiki-formatted output, where:
    3918. 

  3918. *%0 = filename (without path)
    3919. 

  3919. *%1 = local &quot;&quot;&quot;file://...&quot;&quot;&quot; URL
    3920. 

  3920. *%2 = local path and filename (OS-native format)
    3921. 

  3921. *%3 = relative path (if subdirectory of current document directory)
    3922. 

  3922. *%4 = file size
    3923. 

  3923. *%5 = file date
    3924. 

  3924. *%6 = current date
    3925. 

  3925. *%7 = current ~TiddlyWiki username
    3926. 

  3926. *\n = newline
    3927. 

  3927. By default, the link format uses the filename (%0) and local URL (%1), enclosed within a //hidden section// syntax, like this:
    3928. 

  3928. {{{
    3929. 

  3929. /%
    3930. 

  3930. !link
    3931. 

  3931. [[%0|%1]]
    3932. 

  3932. !end
    3933. 

  3933. %/
    3934. 

  3934. }}}
    3935. 

  3935. This permits the link to be embedded along with the text content, without changing the appearance of that content when the tiddler is viewed.  To display the link in your tiddler content, use:
    3936. 

  3936. {{{
    3937. 

  3937. &lt;&lt;tiddler TiddlerName##link&gt;&gt;
    3938. 

  3938. }}}
    3939. 

  3939. &lt;&lt;&lt;
    3940. 

  3940. !!!!!Configuration
    3941. 

  3941. &lt;&lt;&lt;
    3942. 

  3942. __FileDropPlugin options:__
    3943. 

  3943. &lt;&lt;option chkFileDropContent&gt;&gt;Copy file content into tiddlers if smaller than: &lt;&lt;option txtFileDropDataLimit&gt;&gt; bytes
    3944. 

  3944. &amp;nbsp; //(note: excess text content will be truncated, oversized binary files will skipped, 0=no limit)//
    3945. 

  3945. &lt;&lt;option chkFileDropLink&gt;&gt;Generate external links to files, using this format:{{editor{&lt;html&gt;&lt;nowiki&gt;&lt;textarea rows=&quot;4&quot; onchange=&quot;
    3946. 

  3946. config.macros.option.propagateOption('txtFileDropLinkFormat','value',this.value.escapeLineBreaks(),'input');
    3947. 

  3947. &quot;&gt;&lt;/textarea&gt;&lt;/html&gt;&lt;&lt;tiddler {{
    3948. 

  3948. 	var ta=place.lastChild.getElementsByTagName('textarea')[0];
    3949. 

  3949. 	var v=config.options.txtFileDropLinkFormat.unescapeLineBreaks();
    3950. 

  3950. 	ta.value=v;
    3951. 

  3951. &quot;&quot;;}}&gt;&gt;}}}&lt;&lt;option chkFileDropTrimFilename&gt;&gt;Omit file extensions from tiddler titles
    3952. 

  3952. &lt;&lt;option chkFileDropDisplay&gt;&gt;Automatically display newly created tiddlers
    3953. 

  3953. Tag newly created tiddlers with: &lt;&lt;option txtFileDropTags&gt;&gt;
    3954. 

    3955. 

  3955. __FileDropPlugin+AttachFilePlugin options:__ //(binary file data as encoded 'base64' text)//
    3956. 

  3956. &lt;&lt;option chkFileDropAttachLocalLink&gt;&gt; attachment includes reference to local path/filename
    3957. 

  3957. &gt;Note: if the plugin does not seem to work, enter ''about:config'' in the Firefox address bar, and make sure that {{{signed.applets.codebase_principal_support}}} is set to ''true''
    3958. 

  3958. &lt;&lt;&lt;
    3959. 

  3959. !!!!!Examples (custom handler functions)
    3960. 

  3960. &lt;&lt;&lt;
    3961. 

  3961. Adds a single file with confirmation and prompting for title:
    3962. 

  3962. {{{
    3963. 

  3963. config.macros.fileDrop.addEventListener('application/x-moz-file',
    3964. 

  3964. 	function(nsiFile) {
    3965. 

  3965. 		var msg='You have dropped the file:\n'
    3966. 

  3966. 			+nsiFile.path+'\n'
    3967. 

  3967. 			+'onto the page, it will be imported as a tiddler. Is that ok?'
    3968. 

  3968. 		if(confirm(msg)) {
    3969. 

  3969. 			var fields=merge({}, config.defaultCustomFields);	// no metadata at the moment
    3970. 

  3970. 			var newDate = new Date();
    3971. 

  3971. 			var title = prompt('what would you like to name the tiddler?');
    3972. 

  3972. 			store.saveTiddler(title,title,loadFile(nsiFile.path),config.options.txtUserName,newDate,fields);
    3973. 

  3973. 		}
    3974. 

  3974. 		return true;
    3975. 

  3975. 	});
    3976. 

  3976. }}}
    3977. 

  3977. Adds a single file without confirmation, using path/filename as tiddler title:
    3978. 

  3978. {{{
    3979. 

  3979. config.macros.fileDrop.addEventListener('application/x-moz-file',
    3980. 

  3980. 	function(nsiFile) {
    3981. 

  3981. 		var fields=merge({}, config.defaultCustomFields);	// no metadata at the moment
    3982. 

  3982. 		var newDate = new Date();
    3983. 

  3983. 		store.saveTiddler(nsiFile.path,nsiFile.path,loadFile(nsiFile.path),config.options.txtUserName,newDate,fields);
    3984. 

  3984. 		story.displayTiddler(null,nsiFile.path)
    3985. 

  3985. 		return true;
    3986. 

  3986. 	});
    3987. 

  3987. }}}
    3988. 

  3988. &lt;&lt;&lt;
    3989. 

  3989. !!!!!Revisions
    3990. 

  3990. &lt;&lt;&lt;
    3991. 

  3991. 2010.03.06 2.1.4 added event listener for 'dragover' (for FireFox 3.6+)
    3992. 

  3992. 2009.10.10 2.1.3 fixed IE code error
    3993. 

  3993. 2009.10.08 2.1.2 fixed chkFileDropContent bypass handling for binary attachments
    3994. 

  3994. 2009.10.07 2.1.0 added chkFileDropContent and chkFileDropLink/txtFileDropLinkFormat
    3995. 

  3995. 2009.08.19 2.0.0 fixed event listener registration for FireFox 3.5+.  Also, merged with FileDropPluginConfig, with code cleanup/reduction
    3996. 

  3996. 2008.08.11 1.5.1 added chkFileDropAttachLocalLink option to allow suppression of local path/file link
    3997. 

  3997. 2007.xx.xx *.*.* add suspend/resume of notifications to improve performance when multiple files are handled
    3998. 

  3998. 2007.01.01 0.9.9 extensions for AttachFilePlugin
    3999. 

  3999. 2006.11.04 0.1.1 initial release by Bradley Meck
    4000. 

  4000. &lt;&lt;&lt;
    4001. 

  4001. !!!!!Code
    4002. 

  4002. ***/
    4003. 

  4003. //{{{
    4004. 

  4004. version.extensions.FileDropPlugin={major:2, minor:1, revision:4, date: new Date(2010,3,6)};
    4005. 

  4005. 

  4006. config.macros.fileDrop = {
    4007. 

  4007. 	customDropHandlers: [],
    4008. 

  4008. 	addEventListener: function(paramflavor,func,inFront) {
    4009. 

  4009. 		var obj={}; obj.flavor=paramflavor; obj.handler=func;
    4010. 

  4010. 		if (!inFront) this.customDropHandlers.push(obj);
    4011. 

  4011. 		else this.customDropHandlers.shift(obj);
    4012. 

  4012. 	},
    4013. 

  4013. 	dragDropHandler: function(evt) {
    4014. 

  4014. 		netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
    4015. 

  4015. 		var dragService = Components.classes['@mozilla.org/widget/dragservice;1'].getService(Components.interfaces.nsIDragService);
    4016. 

  4016. 		var dragSession = dragService.getCurrentSession();
    4017. 

  4017. 		var transferObject = Components.classes['@mozilla.org/widget/transferable;1'].createInstance();
    4018. 

  4018. 		transferObject = transferObject.QueryInterface(Components.interfaces.nsITransferable);
    4019. 

  4019. 		transferObject.addDataFlavor('application/x-moz-file');
    4020. 

  4020. 		var numItems = dragSession.numDropItems;
    4021. 

  4021. 		if (numItems&gt;1) {
    4022. 

  4022. 			clearMessage();
    4023. 

  4023. 			displayMessage('Reading '+numItems+' files...');
    4024. 

  4024. 			store.suspendNotifications();
    4025. 

  4025. 		}
    4026. 

  4026. 		for (var i = 0; i &lt; numItems; i++) {
    4027. 

  4027. 			dragSession.getData(transferObject, i);
    4028. 

  4028. 			var dataObj = {};
    4029. 

  4029. 			var dropSizeObj = {};
    4030. 

  4030. 			for(var ind=0; ind&lt;config.macros.fileDrop.customDropHandlers.length; ind++) {
    4031. 

  4031. 				var item = config.macros.fileDrop.customDropHandlers[ind];
    4032. 

  4032. 				if(dragSession.isDataFlavorSupported(item.flavor)) {
    4033. 

  4033. 					transferObject.getTransferData(item.flavor, dataObj, dropSizeObj);
    4034. 

  4034. 					var droppedFile = dataObj.value.QueryInterface(Components.interfaces.nsIFile);
    4035. 

  4035. 					var result = item.handler.call(item,droppedFile);
    4036. 

  4036. 					evt.stopPropagation();
    4037. 

  4037. 					evt.preventDefault();
    4038. 

  4038. 					if (result) break;
    4039. 

  4039. 				}
    4040. 

  4040. 			}
    4041. 

  4041. 		}
    4042. 

  4042. 		if (numItems&gt;1) {
    4043. 

  4043. 			store.resumeNotifications();
    4044. 

  4044. 			store.notifyAll();
    4045. 

  4045. 			displayMessage(numItems+' files have been processed');
    4046. 

  4046. 		}
    4047. 

  4047. 	}
    4048. 

  4048. }
    4049. 

  4049. //}}}
    4050. 

  4050. /***
    4051. 

  4051. !!!!!window event handlers
    4052. 

  4052. ***/
    4053. 

  4053. //{{{
    4054. 

  4054. if(!window.event) {
    4055. 

  4055. 	window.addEventListener('dragdrop',	// FireFox3.1-
    4056. 

  4056. 		config.macros.fileDrop.dragDropHandler, true);
    4057. 

  4057. 	window.addEventListener('drop',		// FireFox3.5+
    4058. 

  4058. 		config.macros.fileDrop.dragDropHandler, true);
    4059. 

  4059. 	window.addEventListener('dragover',	// FireFox3.6+
    4060. 

  4060. 		function(e){e.stopPropagation();e.preventDefault();}, true); 
    4061. 

  4061. }
    4062. 

  4062. //}}}
    4063. 

  4063. /***
    4064. 

  4064. !!!!!handler for files, directories and binary attachments (see [[AttachFilePlugin]])
    4065. 

  4065. ***/
    4066. 

  4066. //{{{
    4067. 

  4067. var defaults={
    4068. 

  4068. 	chkFileDropDisplay:		true,
    4069. 

  4069. 	chkFileDropTrimFilename:	false,
    4070. 

  4070. 	chkFileDropContent:		true,
    4071. 

  4071. 	chkFileDropLink:		true,
    4072. 

  4072. 	txtFileDropLinkFormat:		'/%\\n!link\\n[[%0|%1]]\\n!end\\n%/',
    4073. 

  4073. 	txtFileDropDataLimit:		'32768',
    4074. 

  4074. 	chkFileDropAttachLocalLink:	true,
    4075. 

  4075. 	txtFileDropTags:		''
    4076. 

  4076. };
    4077. 

  4077. for (var id in defaults) if (config.options[id]===undefined)
    4078. 

  4078. 	config.options[id]=defaults[id];
    4079. 

  4079. 

  4080. config.macros.fileDrop.addEventListener('application/x-moz-file',function(nsiFile) {
    4081. 

  4081. 	var co=config.options; // abbrev
    4082. 

  4082. 	var header='Index of %0\n^^(as of %1)^^\n|!filename| !size | !modified |\n';
    4083. 

  4083. 	var item='|[[%0|%1]]| %2|%3|\n';
    4084. 

  4084. 	var footer='Total of %0 bytes in %1 files\n';
    4085. 

  4085. 	var now=new Date();
    4086. 

  4086. 	var files=[nsiFile];
    4087. 

  4087. 	if (nsiFile.isDirectory()) {
    4088. 

  4088. 		var folder=nsiFile.directoryEntries;
    4089. 

  4089. 		var files=[];
    4090. 

  4090. 		while (folder.hasMoreElements()) {
    4091. 

  4091. 			var f=folder.getNext().QueryInterface(Components.interfaces.nsILocalFile);
    4092. 

  4092. 			if (f instanceof Components.interfaces.nsILocalFile &amp;&amp; !f.isDirectory()) files.push(f);
    4093. 

  4093. 		}
    4094. 

  4094. 		var msg=nsiFile.path.replace(/\\/g,'/')+'\n\n';
    4095. 

  4095. 		msg+='contains '+files.length+' files... ';
    4096. 

  4096. 		msg+='select OK to attach all files or CANCEL to create a list...';
    4097. 

  4097. 		if (!confirm(msg)) { // create a list in a tiddler
    4098. 

  4098. 			var title=nsiFile.leafName; // tiddler name is last directory name in path
    4099. 

  4099. 			while (title &amp;&amp; title.length &amp;&amp; store.tiddlerExists(title)) {
    4100. 

  4100. 				if (confirm(config.messages.overwriteWarning.format([title]))) break;
    4101. 

  4101. 				title=prompt('Enter a new tiddler title',nsiFile.path.replace(/\\/g,'/'));
    4102. 

  4102. 			}
    4103. 

  4103. 			if (!title || !title.length) return true; // cancelled
    4104. 

  4104. 			var text=header.format([nsiFile.path.replace(/\\/g,'/'),now.toLocaleString()]);
    4105. 

  4105. 			var total=0;
    4106. 

  4106. 			for (var i=0; i&lt;files.length; i++) { var f=files[i];
    4107. 

  4107. 				var name=f.leafName;
    4108. 

  4108. 				if (co.chkFileDropTrimFilename)
    4109. 

  4109. 					{ var p=name.split('.'); if (p.length&gt;1) p.pop(); name=p.join('.'); }
    4110. 

  4110. 				var path='file:///'+f.path.replace(/\\/g,'/');
    4111. 

  4111. 				var size=f.fileSize; total+=size;
    4112. 

  4112. 				var when=new Date(f.lastModifiedTime).formatString('YYYY.0MM.0DD 0hh:0mm:0ss');
    4113. 

  4113. 				text+=item.format([name,path,size,when]);
    4114. 

  4114. 			}
    4115. 

  4115. 			text+=footer.format([total,files.length]);
    4116. 

  4116. 			var newtags=co.txtFileDropTags?co.txtFileDropTags.readBracketedList():[];
    4117. 

  4117. 			var fields=merge({}, config.defaultCustomFields);	// no metadata at the moment
    4118. 

  4118. 			store.saveTiddler(null,title,text,co.txtUserName,now,newtags,fields);
    4119. 

  4119. 			if (co.chkFileDropDisplay) story.displayTiddler(null,title);
    4120. 

  4120. 			return true;
    4121. 

  4121. 		}
    4122. 

  4122. 	}
    4123. 

  4123. 	if (files.length&gt;1) store.suspendNotifications();
    4124. 

  4124. 	for (i=0; i&lt;files.length; i++) {
    4125. 

  4125. 		var file=files[i];
    4126. 

  4126. 		if (file.isDirectory()) continue; // skip over nested directories
    4127. 

  4127. 		var type='text/plain';
    4128. 

  4128. 		var title=file.leafName; // tiddler name is file name
    4129. 

  4129. 		if (co.chkFileDropTrimFilename)
    4130. 

  4130. 			{ var p=title.split('.'); if (p.length&gt;1) p.pop(); title=p.join('.'); }
    4131. 

  4131. 		var name=file.leafName;
    4132. 

  4132. 		var path=file.path;
    4133. 

  4133. 		var url='file:///'+path.replace(/\\/g,'/');
    4134. 

  4134. 		var size=file.fileSize;
    4135. 

  4135. 		var when=new Date(file.lastModifiedTime);
    4136. 

  4136. 		var now=new Date();
    4137. 

  4137. 		var who=config.options.txtUserName;
    4138. 

  4138. 		var h=document.location.href;
    4139. 

  4139. 		var cwd=getLocalPath(decodeURIComponent(h.substr(0,h.lastIndexOf('/')+1)));
    4140. 

  4140. 		var relpath=path.startsWith(cwd)?'./'+path.substr(cwd.length):path;
    4141. 

  4141. 		while (title &amp;&amp; title.length &amp;&amp; store.tiddlerExists(title)) {
    4142. 

  4142. 			if (confirm(config.messages.overwriteWarning.format([title]))) break;
    4143. 

  4143. 			title=prompt('Enter a new tiddler title',path.replace(/\\/g,'/'));
    4144. 

  4144. 		}
    4145. 

  4145. 		if (!title || !title.length) continue; // cancelled
    4146. 

  4146. 		if (config.macros.attach) {
    4147. 

  4147. 			type=config.macros.attach.getMIMEType(name,'');
    4148. 

  4148. 			if (!type.length)
    4149. 

  4149. 				type=prompt('Unknown file type.  Enter a MIME type','text/plain');
    4150. 

  4150. 			if (!type||!type.length) continue; // cancelled
    4151. 

  4151. 		}
    4152. 

  4152. 		var newtags=co.txtFileDropTags?co.txtFileDropTags.readBracketedList():[];
    4153. 

  4153. 		if (type=='text/plain' || !co.chkFileDropContent) {
    4154. 

  4154. 			var txt=''; var fmt=co.txtFileDropLinkFormat.unescapeLineBreaks();
    4155. 

  4155. 			if (co.chkFileDropLink) txt+=fmt.format([name,url,path,relpath,size,when,now,who]);
    4156. 

  4156. 			if (co.chkFileDropContent) {
    4157. 

  4157. 				var out=loadFile(path); var lim=co.txtFileDropDataLimit;
    4158. 

  4158. 				txt+=co.txtFileDropDataLimit?out.substr(0,lim):out;
    4159. 

  4159. 				if (size&gt;lim) txt+='\n----\nfilesize ('+size+')'
    4160. 

  4160. 					+' is larger than FileDrop limit ('+lim+')...\n'
    4161. 

  4161. 					+'additional content has been omitted';
    4162. 

  4162. 			}
    4163. 

  4163. 			var fields=merge({}, config.defaultCustomFields);	// no metadata at the moment
    4164. 

  4164. 			store.saveTiddler(null,title,txt,co.txtUserName,now,newtags,fields);
    4165. 

  4165. 		} else {
    4166. 

  4166. 			var embed=co.chkFileDropContent
    4167. 

  4167. 				&amp;&amp; (!co.txtFileDropDataLimit||size&lt;co.txtFileDropDataLimit);
    4168. 

  4168. 			newtags.push('attachment'); newtags.push('excludeMissing');
    4169. 

  4169. 			config.macros.attach.createAttachmentTiddler(path,
    4170. 

  4170. 				now.formatString(config.macros.timeline.dateFormat),
    4171. 

  4171. 				'attached by FileDropPlugin', newtags, title,
    4172. 

  4172. 				embed, co.chkFileDropAttachLocalLink, false,
    4173. 

  4173. 				relpath, '', type,!co.chkFileDropDisplay);
    4174. 

  4174. 		}
    4175. 

  4175. 		if (co.chkFileDropDisplay) story.displayTiddler(null,title);
    4176. 

  4176. 	}
    4177. 

  4177. 	if (files.length&gt;1) { store.resumeNotifications(); store.notifyAll(); }
    4178. 

  4178. 	return true;
    4179. 

  4179. })
    4180. 

  4180. //}}}</pre>
    4181. 

  4181. </div>
    4182. 

  4182. <div title="FileDropPluginCreator" creator="pmario" modifier="pmario" created="201101271327" modified="201102072152" server.title="FileDropPluginCreator" server.page.revision="245659" server.etag="&quot;fancybox_public/FileDropPluginCreator/245659;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="37c61006a69d7e2fd488475389c1b818261ece45">
    4183. 

  4183. <pre>!Importatnt
    4184. 

  4184. *Don't forget the &quot;attachment&quot; tag!
    4185. 

  4185. !Creator
    4186. 

  4186. //{{{
    4187. 

  4187. !usage
    4188. 

  4188. {{{[img[%0]]}}}
    4189. 

  4189. [img[%0]]
    4190. 

  4190. !slide
    4191. 

  4191. 

  4192. !notes
    4193. 

  4193. attached by FileDropPlugin
    4194. 

  4194. !type
    4195. 

  4195. image/jpg
    4196. 

  4196. !file
    4197. 

  4197. ./thumbs/%0
    4198. 

  4198. !url
    4199. 

  4199. http://fancybox-thumbs.tiddlyspace.com/%0
    4200. 

  4200. !link
    4201. 

  4201. [[%0|http://fancybox-pics.tiddlyspace.com/%0]]
    4202. 

  4202. !!!!!end
    4203. 

  4203. //}}}</pre>
    4204. 

  4204. </div>
    4205. 

  4205. <div title="FollowTiddlersBlackList" creator="osmosoft" modifier="osmosoft" created="201102181424" modified="201102181424" tags="excludeLists excludeMissing excludeSearch" server.title="FollowTiddlersBlackList" server.page.revision="257480" server.etag="&quot;tiddlyspace/FollowTiddlersBlackList/257480;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/tiddlyspace" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="tiddlyspace" server.permissions="read" server.content-type="" _hash="6fc8ab230a904a71d63a42d97dccd8e135c1ed1c">
    4206. 

  4206. <pre>ColorPalette
    4207. 

  4207. StyleSheet
    4208. 

  4208. SiteSubtitle
    4209. 

  4209. GettingStarted
    4210. 

  4210. SiteTitle
    4211. 

  4211. MainMenu
    4212. 

  4212. SiteIcon
    4213. 

  4213. DefaultTiddlers
    4214. 

  4214. ViewTemplate
    4215. 

  4215. PageTemplate
    4216. 

  4216. SideBarOptions
    4217. 

  4217. EditTemplate
    4218. 

  4218. SiteInfo
    4219. 

  4219. SideBarTabs
    4220. 

  4220. ToolbarCommands</pre>
    4221. 

  4221. </div>
    4222. 

  4222. <div title="FollowTiddlersButtonPlugin" creator="pmario" modifier="pmario" created="201012062209" modified="201012070910" tags="excludeLists systemConfig" server.title="FollowTiddlersButtonPlugin" server.page.revision="107090" server.etag="&quot;neui-em_public/FollowTiddlersButtonPlugin/107090;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="8bf5f2104dd27dae9105c4835b8b5fc95b7e4db7">
    4223. 

  4223. <pre>/***
    4224. 

  4224. |''Name:''|FollowTiddlersButtonPlugin|
    4225. 

  4225. |''Description:''|Wraps followTiddlers macro into a button, which needs to be clicked to activate it.|
    4226. 

  4226. |''Author:''|Mario Pietsch|
    4227. 

  4227. |''Source:''||
    4228. 

  4228. |''Version:''|0.1.0|
    4229. 

  4229. |''Status:''|beta|
    4230. 

  4230. |''Date:''|2010.12.06|
    4231. 

  4231. |''Requires:''|TiddlySpaceFollowingPlugin|
    4232. 

  4232. |''License:''|BSD|
    4233. 

  4233. |''~CoreVersion:''||
    4234. 

  4234. Click the [?] button, to get {{{&lt;&lt;followTiddlers&gt;&gt;}}} macro activated.
    4235. 

  4235. !!!!Use
    4236. 

  4236. &lt;&lt;&lt;
    4237. 

  4237. {{{
    4238. 

  4238. &lt;&lt;followTiddlersButton&gt;&gt; instead of &lt;&lt;followTiddlers&gt;&gt;
    4239. 

  4239. }}}
    4240. 

  4240. &lt;&lt;&lt;
    4241. 

  4241. !!!!ViewTemplate 
    4242. 

  4242. &lt;&lt;&lt;
    4243. 

  4243. {{{
    4244. 

  4244. 	&lt;div class='followPlaceHolder' macro='followTiddlersButton'&gt;
    4245. 

  4245. 		&lt;span macro=&quot;view title replyLink&quot;&gt;&lt;/span&gt;
    4246. 

  4246. 	&lt;/div&gt;
    4247. 

  4247. }}}
    4248. 

  4248. &lt;&lt;&lt;
    4249. 

    4250. 

  4250. ***/
    4251. 

  4251. /*{{{*/
    4252. 

  4252. version.extensions.TiddlySpaceHacks = {major: 0, minor: 1, revision: 0, date: new Date(2010,12,06)};
    4253. 

  4253. 

  4254. (function ($) {
    4255. 

  4255. 

  4256. var ftb;		
    4257. 

  4257. config.macros.followTiddlersButton = ftb = {
    4258. 

  4258. 

  4259. 	// should be done for easy localisation
    4260. 

  4260. 	locale: {
    4261. 

  4261. 		lblButton: '?',
    4262. 

  4262. 		txtButton: 'Find other spaces, that contain a tiddler with the same title',
    4263. 

  4263. 	},
    4264. 

  4264. 

  4265. 	handler: function(place, macroName, params, wikifier, paramString, tiddler){
    4266. 

  4266. 		if (!config.macros.followTiddlers) return false;
    4267. 

  4267. 		var btn = null;
    4268. 

  4268. 

  4269. 		// createTiddlyButton(parent, text, tooltip, action, className, id, accessKey, attribs)			
    4270. 

  4270. 		btn = createTiddlyButton(place, ftb.locale.lblButton, ftb.locale.txtButton, ftb.onClick, 'followButton');
    4271. 

  4271. 

  4272. 		// passing all arguments to the function
    4273. 

  4273. 		$(btn).data('data', arguments);
    4274. 

  4274. 	},
    4275. 

  4275. 

  4276. 	onClick: function() {
    4277. 

  4277. 		var a = $(this).data(&quot;data&quot;);
    4278. 

  4278. 

  4279. 		if (a) {
    4280. 

  4280. 			config.macros.followTiddlers.handler.apply(config.macros.followTiddlers, a);
    4281. 

  4281. 			$(this).remove();
    4282. 

  4282. 		}
    4283. 

  4283. 		return false;
    4284. 

  4284. 	}
    4285. 

  4285. 

  4286. }; // end of hello world
    4287. 

  4287. 

  4288. }) (jQuery);
    4289. 

  4289. /*}}}*/
    4290. 

  4290. </pre>
    4291. 

  4291. </div>
    4292. 

  4292. <div title="FontPalette" creator="pmario" modifier="pmario" created="201008061923" modified="201009181705" tags="excludeLists" server.title="FontPalette" server.page.revision="107092" server.etag="&quot;neui-em_public/FontPalette/107092;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="5eb189de697f4d6c1e7d47bec211a41c33ae635c">
    4293. 

  4293. <pre>|uiDefault|Verdana,Arial,sans-serif|
    4294. 

  4294. |uiEditor|Verdana,Arial,sans-serif|
    4295. 

  4295. |twDefault|Arial, 'Linux Biolinum O', helvetica|
    4296. 

  4296. |twEditor|Inconsolata|
    4297. 

  4297. |twTitle|'Trebuchet MS' sans-serif|
    4298. 

  4298. |twHeader|'Trebuchet MS' sans-serif|
    4299. 

  4299. |navDefault|Inconsolata|</pre>
    4300. 

  4300. </div>
    4301. 

  4301. <div title="FreeStyle" creator="pmario" modifier="pmario" created="201008061923" modified="201009181704" tags="excludeLists" server.title="FreeStyle" server.page.revision="107094" server.etag="&quot;neui-em_public/FreeStyle/107094;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" taggly.listmode="0" _hash="a268da48e13a1d7dc6116ffd5c6bb064d688d52b">
    4302. 

  4302. <pre>Learn more at: http://freestyle.tiddlyspot.com/
    4303. 

  4303. Source for this layout is not published yet.</pre>
    4304. 

  4304. </div>
    4305. 

  4305. <div title="GettingStarted" creator="fancybox" modifier="fancybox" created="201101211613" modified="201101211613" tags="excludeLists excludeSearch" server.title="GettingStarted" server.page.revision="47583" server.etag="&quot;fancybox_public/GettingStarted/47583;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="7bcb267061e0c7648089c17877be47256ee5e512">
    4306. 

  4306. <pre>&lt;&lt;binaryUpload edit:title&gt;&gt;</pre>
    4307. 

  4307. </div>
    4308. 

  4308. <div title="GotoPlugin" creator="pmario" modifier="pmario" created="201008061923" modified="201009181705" tags="excludeLists systemConfig" server.title="GotoPlugin" server.page.revision="107114" server.etag="&quot;neui-em_public/GotoPlugin/107114;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="2e50d5bab33d6df9f0ea9a83115b5dfaab44313b">
    4309. 

  4309. <pre>/***
    4310. 

  4310. |Name|GotoPlugin|
    4311. 

  4311. |Source|http://www.TiddlyTools.com/#GotoPlugin|
    4312. 

  4312. |Documentation|http://www.TiddlyTools.com/#GotoPluginInfo|
    4313. 

  4313. |Version|1.9.2|
    4314. 

  4314. |Author|Eric Shulman|
    4315. 

  4315. |License|http://www.TiddlyTools.com/#LegalStatements|
    4316. 

  4316. |~CoreVersion|2.1|
    4317. 

  4317. |Type|plugin|
    4318. 

  4318. |Description|view any tiddler by entering it's title - displays list of possible matches|
    4319. 

  4319. ''View a tiddler by typing its title and pressing //enter//.''  As you type, a list of possible matches is displayed.  You can scroll-and-click (or use arrows+enter) to select/view a tiddler, or press escape to close the listbox to resume typing.  When the listbox is not displayed, pressing //escape// clears the current input.
    4320. 

  4320. !!!Documentation
    4321. 

  4321. &gt;see [[GotoPluginInfo]]
    4322. 

  4322. !!!Configuration
    4323. 

  4323. &lt;&lt;&lt;
    4324. 

  4324. *Match titles only after {{twochar{&lt;&lt;option txtIncrementalSearchMin&gt;&gt;}}} or more characters are entered.&lt;br&gt;Use down-arrow to start matching with shorter input.  //Note: This option value is also set/used by [[SearchOptionsPlugin]]//.
    4325. 

  4325. *To set the maximum height of the listbox, you can create a tiddler tagged with &lt;&lt;tag systemConfig&gt;&gt;, containing:
    4326. 

  4326. //{{{
    4327. 

  4327. config.macros.gotoTiddler.listMaxSize=10;  // change this number
    4328. 

  4328. //}}}
    4329. 

  4329. &lt;&lt;&lt;
    4330. 

  4330. !!!Revisions
    4331. 

  4331. &lt;&lt;&lt;
    4332. 

  4332. 2009.05.22 [1.9.2] use reverseLookup() for IncludePlugin
    4333. 

  4333. |please see [[GotoPluginInfo]] for additional revision details|
    4334. 

  4334. 2006.05.05 [0.0.0] started
    4335. 

  4335. &lt;&lt;&lt;
    4336. 

  4336. !!!Code
    4337. 

  4337. ***/
    4338. 

  4338. //{{{
    4339. 

  4339. version.extensions.GotoPlugin= {major: 1, minor: 9, revision: 2, date: new Date(2009,5,22)};
    4340. 

  4340. 

  4341. // automatically tweak shadow SideBarOptions to add &lt;&lt;gotoTiddler&gt;&gt; macro above &lt;&lt;search&gt;&gt;
    4342. 

  4342. config.shadowTiddlers.SideBarOptions=config.shadowTiddlers.SideBarOptions.replace(/&lt;&lt;search&gt;&gt;/,&quot;{{button{goto}}}\n&lt;&lt;gotoTiddler&gt;&gt;&lt;&lt;search&gt;&gt;&quot;);
    4343. 

  4343. 

  4344. if (config.options.txtIncrementalSearchMin===undefined) config.options.txtIncrementalSearchMin=3;
    4345. 

  4345. 

  4346. config.macros.gotoTiddler= { 
    4347. 

  4347. 	listMaxSize: 10,
    4348. 

  4348. 	listHeading: 'Found %0 matching title%1...',
    4349. 

  4349. 	searchItem: &quot;Search for '%0'...&quot;,
    4350. 

  4350. 	handler:
    4351. 

  4351. 	function(place,macroName,params,wikifier,paramString,tiddler) {
    4352. 

  4352. 		var quiet	=params.contains(&quot;quiet&quot;);
    4353. 

  4353. 		var showlist	=params.contains(&quot;showlist&quot;);
    4354. 

  4354. 		var search	=params.contains(&quot;search&quot;);
    4355. 

  4355. 		params = paramString.parseParams(&quot;anon&quot;,null,true,false,false);
    4356. 

  4356. 		var instyle	=getParam(params,&quot;inputstyle&quot;,&quot;&quot;);
    4357. 

  4357. 		var liststyle	=getParam(params,&quot;liststyle&quot;,&quot;&quot;);
    4358. 

  4358. 		var filter	=getParam(params,&quot;filter&quot;,&quot;&quot;);
    4359. 

  4359. 		var html=this.html;
    4360. 

  4360. 		var keyevent=window.event?&quot;onkeydown&quot;:&quot;onkeypress&quot;; // IE event fixup for ESC handling
    4361. 

  4361. 		html=html.replace(/%keyevent%/g,keyevent);
    4362. 

  4362. 		html=html.replace(/%search%/g,search);
    4363. 

  4363. 		html=html.replace(/%quiet%/g,quiet);
    4364. 

  4364. 		html=html.replace(/%showlist%/g,showlist);
    4365. 

  4365. 		html=html.replace(/%display%/g,showlist?'block':'none');
    4366. 

  4366. 		html=html.replace(/%position%/g,showlist?'static':'absolute');
    4367. 

  4367. 		html=html.replace(/%instyle%/g,instyle);
    4368. 

  4368. 		html=html.replace(/%liststyle%/g,liststyle);
    4369. 

  4369. 		html=html.replace(/%filter%/g,filter);
    4370. 

  4370. 		if (config.browser.isIE) html=this.IEtableFixup.format([html]);
    4371. 

  4371. 		var span=createTiddlyElement(place,'span');
    4372. 

  4372. 		span.innerHTML=html; var form=span.getElementsByTagName(&quot;form&quot;)[0];
    4373. 

  4373. 		if (showlist) this.fillList(form.list,'',filter,search,0);
    4374. 

  4374. 	},
    4375. 

  4375. 	html:
    4376. 

  4376. 	'&lt;form onsubmit=&quot;return false&quot; style=&quot;display:inline;margin:0;padding:0&quot;&gt;\
    4377. 

  4377. 		&lt;input name=gotoTiddler type=text autocomplete=&quot;off&quot; accesskey=&quot;G&quot; style=&quot;%instyle%&quot;\
    4378. 

  4378. 			title=&quot;Enter title text... ENTER=goto, SHIFT-ENTER=search for text, DOWN=select from list&quot;\
    4379. 

  4379. 			onfocus=&quot;this.select(); this.setAttribute(\'accesskey\',\'G\');&quot;\
    4380. 

  4380. 			%keyevent%=&quot;return config.macros.gotoTiddler.inputEscKeyHandler(event,this,this.form.list,%search%,%showlist%);&quot;\
    4381. 

  4381. 			onkeyup=&quot;return config.macros.gotoTiddler.inputKeyHandler(event,this,%quiet%,%search%,%showlist%);&quot;&gt;\
    4382. 

  4382. 		&lt;select name=list style=&quot;display:%display%;position:%position%;%liststyle%&quot;\
    4383. 

  4383. 			onchange=&quot;if (!this.selectedIndex) this.selectedIndex=1;&quot;\
    4384. 

  4384. 			onblur=&quot;this.style.display=%showlist%?\'block\':\'none\';&quot;\
    4385. 

  4385. 			%keyevent%=&quot;return config.macros.gotoTiddler.selectKeyHandler(event,this,this.form.gotoTiddler,%showlist%);&quot;\
    4386. 

  4386. 			onclick=&quot;return config.macros.gotoTiddler.processItem(this.value,this.form.gotoTiddler,this,%showlist%);&quot;&gt;\
    4387. 

  4387. 		&lt;/select&gt;&lt;input name=&quot;filter&quot; type=&quot;hidden&quot; value=&quot;%filter%&quot;&gt;\
    4388. 

  4388. 	&lt;/form&gt;',
    4389. 

  4389. 	IEtableFixup:
    4390. 

  4390. 	&quot;&lt;table style='width:100%;display:inline;padding:0;margin:0;border:0;'&gt;\
    4391. 

  4391. 		&lt;tr style='padding:0;margin:0;border:0;'&gt;&lt;td style='padding:0;margin:0;border:0;'&gt;\
    4392. 

  4392. 		%0&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&quot;,
    4393. 

  4393. 	getItems:
    4394. 

  4394. 	function(list,val,filter) {
    4395. 

  4395. 		if (!list.cache || !list.cache.length || val.length&lt;=config.options.txtIncrementalSearchMin) {
    4396. 

  4396. 			// starting new search, fetch and cache list of tiddlers/shadows/tags
    4397. 

  4397. 			list.cache=new Array();
    4398. 

  4398. 			if (filter.length) {
    4399. 

  4399. 				var fn=store.getMatchingTiddlers||store.getTaggedTiddlers;
    4400. 

  4400. 				var tiddlers=store.sortTiddlers(fn.apply(store,[filter]),'title');
    4401. 

  4401. 			} else 
    4402. 

  4402. 				var tiddlers=store.reverseLookup('tags','excludeLists');
    4403. 

  4403. 			for(var t=0; t&lt;tiddlers.length; t++) list.cache.push(tiddlers[t].title);
    4404. 

  4404. 			if (!filter.length) {
    4405. 

  4405. 				for (var t in config.shadowTiddlers) list.cache.pushUnique(t);
    4406. 

  4406. 				var tags=store.getTags();
    4407. 

  4407. 				for(var t=0; t&lt;tags.length; t++) list.cache.pushUnique(tags[t][0]);
    4408. 

  4408. 			}
    4409. 

  4409. 		}
    4410. 

  4410. 		var found = [];
    4411. 

  4411. 		var match=val.toLowerCase();
    4412. 

  4412. 		for(var i=0; i&lt;list.cache.length; i++)
    4413. 

  4413. 			if (list.cache[i].toLowerCase().indexOf(match)!=-1) found.push(list.cache[i]);
    4414. 

  4414. 		return found;
    4415. 

  4415. 	},
    4416. 

  4416. 	getItemSuffix:
    4417. 

  4417. 	function(t) {
    4418. 

  4418. 		if (store.tiddlerExists(t)) return &quot;&quot;;  // tiddler
    4419. 

  4419. 		if (store.isShadowTiddler(t)) return &quot; (shadow)&quot;; // shadow
    4420. 

  4420. 		return &quot; (tag)&quot;; // tag 
    4421. 

  4421. 	},
    4422. 

  4422. 	fillList:
    4423. 

  4423. 	function(list,val,filter,search,key) {
    4424. 

  4424. 		if (list.style.display==&quot;none&quot;) return; // not visible... do nothing!
    4425. 

  4425. 		var indent='\xa0\xa0\xa0';
    4426. 

  4426. 		var found = this.getItems(list,val,filter); // find matching items...
    4427. 

  4427. 		found.sort(); // alpha by title
    4428. 

  4428. 		while (list.length &gt; 0) list.options[0]=null; // clear list
    4429. 

  4429. 		var hdr=this.listHeading.format([found.length,found.length==1?&quot;&quot;:&quot;s&quot;]);
    4430. 

  4430. 		list.options[0]=new Option(hdr,&quot;&quot;,false,false);
    4431. 

  4431. 		for (var t=0; t&lt;found.length; t++) list.options[list.length]=
    4432. 

  4432. 			new Option(indent+found[t]+this.getItemSuffix(found[t]),found[t],false,false);
    4433. 

  4433. 		if (search)
    4434. 

  4434. 			list.options[list.length]=new Option(this.searchItem.format([val]),&quot;*&quot;,false,false);
    4435. 

  4435. 		list.size=(list.length&lt;this.listMaxSize?list.length:this.listMaxSize); // resize list...
    4436. 

  4436. 		list.selectedIndex=key==38?list.length-1:key==40?1:0;
    4437. 

  4437. 	},
    4438. 

  4438. 	keyProcessed:
    4439. 

  4439. 	function(ev) { // utility function
    4440. 

  4440. 		ev.cancelBubble=true; // IE4+
    4441. 

  4441. 		try{event.keyCode=0;}catch(e){}; // IE5
    4442. 

  4442. 		if (window.event) ev.returnValue=false; // IE6
    4443. 

  4443. 		if (ev.preventDefault) ev.preventDefault(); // moz/opera/konqueror
    4444. 

  4444. 		if (ev.stopPropagation) ev.stopPropagation(); // all
    4445. 

  4445. 		return false;
    4446. 

  4446. 	},
    4447. 

  4447. 	inputEscKeyHandler:
    4448. 

  4448. 	function(event,here,list,search,showlist) {
    4449. 

  4449. 		if (event.keyCode==27) {
    4450. 

  4450. 			if (showlist) { // clear input, reset list
    4451. 

  4451. 				here.value=here.defaultValue;
    4452. 

  4452. 				this.fillList(list,'',here.form.filter.value,search,0);
    4453. 

  4453. 			}
    4454. 

  4454. 			else if (list.style.display==&quot;none&quot;) // clear input
    4455. 

  4455. 				here.value=here.defaultValue;
    4456. 

  4456. 			else list.style.display=&quot;none&quot;; // hide list
    4457. 

  4457. 			return this.keyProcessed(event);
    4458. 

  4458. 		}
    4459. 

  4459. 		return true; // key bubbles up
    4460. 

  4460. 	},
    4461. 

  4461. 	inputKeyHandler:
    4462. 

  4462. 	function(event,here,quiet,search,showlist) {
    4463. 

  4463. 		var key=event.keyCode;
    4464. 

  4464. 		var list=here.form.list;
    4465. 

  4465. 		var filter=here.form.filter;
    4466. 

  4466. 		// non-printing chars bubble up, except for a few:
    4467. 

  4467. 		if (key&lt;48) switch(key) {
    4468. 

  4468. 			// backspace=8, enter=13, space=32, up=38, down=40, delete=46
    4469. 

  4469. 			case 8: case 13: case 32: case 38: case 40: case 46: break; default: return true;
    4470. 

  4470. 		}
    4471. 

  4471. 		// blank input... if down/enter... fall through (list all)... else, and hide or reset list
    4472. 

  4472. 		if (!here.value.length &amp;&amp; !(key==40 || key==13)) {
    4473. 

  4473. 			if (showlist) this.fillList(here.form.list,'',here.form.filter.value,search,0);
    4474. 

  4474. 			else list.style.display=&quot;none&quot;;
    4475. 

  4475. 			return this.keyProcessed(event);
    4476. 

  4476. 		}
    4477. 

  4477. 		// hide list if quiet, or below input minimum (and not showlist)
    4478. 

  4478. 		list.style.display=(!showlist&amp;&amp;(quiet||here.value.length&lt;config.options.txtIncrementalSearchMin))?'none':'block';
    4479. 

  4479. 		// non-blank input... enter=show/create tiddler, SHIFT-enter=search for text
    4480. 

  4480. 		if (key==13 &amp;&amp; here.value.length) return this.processItem(event.shiftKey?'*':here.value,here,list,showlist);
    4481. 

  4481. 		// up or down key, or enter with blank input... shows and moves to list...
    4482. 

  4482. 		if (key==38 || key==40 || key==13) { list.style.display=&quot;block&quot;; list.focus(); }
    4483. 

  4483. 		this.fillList(list,here.value,filter.value,search,key);
    4484. 

  4484. 		return true; // key bubbles up
    4485. 

  4485. 	},
    4486. 

  4486. 	selectKeyHandler:
    4487. 

  4487. 	function(event,list,editfield,showlist) {
    4488. 

  4488. 		if (event.keyCode==27) // escape... hide list, move to edit field
    4489. 

  4489. 			{ editfield.focus(); list.style.display=showlist?'block':'none'; return this.keyProcessed(event); }
    4490. 

  4490. 		if (event.keyCode==13 &amp;&amp; list.value.length) // enter... view selected item
    4491. 

  4491. 			{ this.processItem(list.value,editfield,list,showlist); return this.keyProcessed(event); }
    4492. 

  4492. 		return true; // key bubbles up
    4493. 

  4493. 	},
    4494. 

  4494. 	processItem:
    4495. 

  4495. 	function(title,here,list,showlist) {
    4496. 

  4496. 		if (!title.length) return;
    4497. 

  4497. 		list.style.display=showlist?'block':'none';
    4498. 

  4498. 		if (title==&quot;*&quot;)	{ story.search(here.value); return false; } // do full-text search
    4499. 

  4499. 		if (!showlist) here.value=title;
    4500. 

  4500. 		story.displayTiddler(null,title); // show selected tiddler
    4501. 

  4501. 		return false;
    4502. 

  4502. 	}
    4503. 

  4503. }
    4504. 

  4504. //}}}</pre>
    4505. 

  4505. </div>
    4506. 

  4506. <div title="GroupByPlugin" creator="jon" modifier="jon" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch systemConfig" server.title="GroupByPlugin" server.page.revision="257434" server.etag="&quot;system-plugins_public/GroupByPlugin/257434;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system-plugins_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system-plugins_public" server.permissions="read" server.content-type="text/javascript" _hash="3d12e70f13f35b1da38bce7880fbff35c9d9fd88">
    4507. 

  4507. <pre>/***
    4508. 

  4508. |''Name''|GroupByPlugin|
    4509. 

  4509. |''Description''|Mimics allTags macro to provide ways of creating lists grouping tiddlers by any field|
    4510. 

  4510. |''Version''|0.5.7|
    4511. 

  4511. |''Author''|Jon Robson|
    4512. 

  4512. |''Status''|beta|
    4513. 

  4513. !Usage
    4514. 

  4514. {{{&lt;&lt;groupBy tags&gt;&gt;}}}
    4515. 

  4515. mimics allTags macro
    4516. 

    4517. 

  4517. {{{&lt;&lt;groupBy server.bag&gt;&gt;}}}
    4518. 

  4518. groups by the server.bag field (this version contains TiddlySpace specific code for turning a bag into a space name)
    4519. 

    4520. 

  4520. {{{groupBy modified dateFormat:&quot;YYYY&quot;}}}
    4521. 

  4521. group tiddlers by year.
    4522. 

    4523. 

  4523. {{{&lt;&lt;groupBy tags exclude:excludeLists exclude:systemConfig&gt;&gt;}}}
    4524. 

  4524. group tiddlers by tag but exclude the tags with values excludeLists and systemConfig
    4525. 

    4526. 

  4526. Within that group you can also exclude things by filter
    4527. 

  4527. {{{groupBy modifier filter:[tag[film]]}}}
    4528. 

  4528. will group tiddlers tagged with film by modifier.
    4529. 

  4529. ***/
    4530. 

  4530. //{{{
    4531. 

  4531. (function($) {
    4532. 

  4532. var taglocale = config.views.wikified.tag;
    4533. 

  4533. var macro = config.macros.groupBy = {
    4534. 

  4534. 	locale: {
    4535. 

  4535. 		tooltip: &quot;all tiddlers in group %0&quot;,
    4536. 

  4536. 		noTiddlers: &quot;no tiddlers&quot;,
    4537. 

  4537. 		openAllText: taglocale.openAllText,
    4538. 

  4538. 		openAllTooltip: taglocale.openAllTooltip,
    4539. 

  4539. 		openTiddler: &quot;open tiddler with title %0&quot;
    4540. 

  4540. 	},
    4541. 

  4541. 	morpher: {
    4542. 

  4542. 		// TODO: note currently the following 2 morphers are TiddlySpace specific and probably should be in separate plugin
    4543. 

  4543. 		&quot;server.workspace&quot;: function(value, options) {
    4544. 

  4544. 			return macro.morpher[&quot;server.bag&quot;](value.replace(&quot;bags/&quot;, &quot;&quot;).replace(&quot;recipes/&quot;, &quot;&quot;));
    4545. 

  4545. 		},
    4546. 

  4546. 		&quot;server.bag&quot;: function(value, options) {
    4547. 

  4547. 			if(typeof(value) !== &quot;string&quot;) {
    4548. 

  4548. 				return false;
    4549. 

  4549. 			} else if(value.indexOf(&quot;_public&quot;) === -1 &amp;&amp; value.indexOf(&quot;_private&quot;) === -1) {
    4550. 

  4550. 				value = &quot;*%0&quot;.format(value); // add star for non-space bags.
    4551. 

  4551. 			}
    4552. 

  4552. 			return value.replace(&quot;_public&quot;, &quot;&quot;).replace(&quot;_private&quot;, &quot;&quot;);
    4553. 

  4553. 		},
    4554. 

  4554. 		created: function(value, options) {
    4555. 

  4555. 			return value.formatString(options.dateFormat || &quot;DD MMM YYYY&quot;);
    4556. 

  4556. 		},
    4557. 

  4557. 		modified: function(value, options) {
    4558. 

  4558. 			return macro.morpher.created(value, options);
    4559. 

  4559. 		}
    4560. 

  4560. 	},
    4561. 

  4561. 

  4562. 	handler: function(place, macroName, params, wikifier, paramString) {
    4563. 

  4563. 		var field = params[0] || &quot;server.workspace&quot;;
    4564. 

  4564. 		var dateFormat = params[1] || &quot;DD MMM YYYY&quot;;
    4565. 

  4565. 		var container = $(&quot;&lt;div /&gt;&quot;).attr(&quot;macroName&quot;, macroName).addClass(&quot;groupBy&quot;).
    4566. 

  4566. 			attr(&quot;refresh&quot;, &quot;macro&quot;).attr(&quot;fieldName&quot;, field).
    4567. 

  4567. 			attr(&quot;paramString&quot;, paramString).
    4568. 

  4568. 			attr(&quot;dateFormat&quot;, dateFormat).appendTo(place)[0];
    4569. 

  4569. 		macro.refresh(container);
    4570. 

  4570. 	},
    4571. 

  4571. 	isTypeArray: function(value) {
    4572. 

  4572. 		var valueType = typeof value;
    4573. 

  4573. 		if(valueType === &quot;object&quot; &amp;&amp; typeof value.length === &quot;number&quot; &amp;&amp;
    4574. 

  4574. 			!(value.propertyIsEnumerable(&quot;length&quot;)) &amp;&amp;
    4575. 

  4575. 			typeof value.splice === &quot;function&quot;) { //is Array
    4576. 

  4576. 			return true;
    4577. 

  4577. 		} else {
    4578. 

  4578. 			return false;
    4579. 

  4579. 		}
    4580. 

  4580. 	},
    4581. 

  4581. 	_onClickGroup: function(ev, options) {
    4582. 

  4582. 		var i, target = ev.target, locale = macro.locale;
    4583. 

  4583. 		var tiddlers = $(target).closest(&quot;.templateContainer&quot;).data(&quot;tiddlers&quot;);
    4584. 

  4584. 		var popup = $(Popup.create(target)).addClass(&quot;taggedTiddlerList&quot;)[0];
    4585. 

  4585. 		var value = $(target).attr(&quot;value&quot;);
    4586. 

  4586. 		var openAll = createTiddlyButton($(&quot;&lt;li /&gt;&quot;).appendTo(popup)[0],
    4587. 

  4587. 			locale.openAllText.format(value), locale.openAllTooltip,
    4588. 

  4588. 			function(ev) {
    4589. 

  4589. 				for(i = 0; i &lt; tiddlers.length; i++) {
    4590. 

  4590. 					story.displayTiddler(ev.target, tiddlers[i].title);
    4591. 

  4591. 				}
    4592. 

  4592. 			});
    4593. 

  4593. 		var listBreak = $(&quot;&lt;li /&gt;&quot;).addClass(&quot;listBreak&quot;).html(&quot;&lt;div /&gt;&quot;).appendTo(popup);
    4594. 

  4594. 		for(i = 0; i &lt; tiddlers.length; i++) {
    4595. 

  4595. 			var item = $(&quot;&lt;li /&gt;&quot;).appendTo(popup)[0];
    4596. 

  4596. 			var template = store.getTiddlerText(options.template) || macro.template;
    4597. 

  4597. 			wikify(template, item, null, tiddlers[i]);
    4598. 

  4598. 		}
    4599. 

  4599. 		listBreak.clone().appendTo(popup);
    4600. 

  4600. 		$(createTiddlyLink($(&quot;&lt;li /&gt;&quot;).appendTo(popup)[0], value, false)).
    4601. 

  4601. 			text(locale.openTiddler.format(value));
    4602. 

  4602. 		Popup.show();
    4603. 

  4603. 		ev.stopPropagation();
    4604. 

  4604. 		return false;
    4605. 

  4605. 	},
    4606. 

  4606. 	_refresh: function(container, tiddlers, options) {
    4607. 

  4607. 		var totalGroups = 0, locale = macro.locale, i, j;
    4608. 

  4608. 		var excludeValues = options.exclude;
    4609. 

  4609. 		var values = {}, value_ids = [];
    4610. 

  4610. 		var field = options.field;
    4611. 

  4611. 		var morpher = macro.morpher[field] || function(value) {
    4612. 

  4612. 			return value;
    4613. 

  4613. 		};
    4614. 

  4614. 		for(i = 0; i &lt; tiddlers.length; i++) {
    4615. 

  4615. 			var tiddler = tiddlers[i];
    4616. 

  4616. 			var value = tiddler[field] || tiddler.fields[field];
    4617. 

  4617. 			value = macro.isTypeArray(value) ? value : [ value ];
    4618. 

  4618. 			for(j = 0; j &lt; value.length; j++) {
    4619. 

  4619. 				var v = morpher(value[j], options);
    4620. 

  4620. 				if(v &amp;&amp; excludeValues.indexOf(v) === -1) {
    4621. 

  4621. 					totalGroups += 1;
    4622. 

  4622. 					if(!values[v]) {
    4623. 

  4623. 						values[v] = [];
    4624. 

  4624. 					}
    4625. 

  4625. 					values[v].push(tiddler);
    4626. 

  4626. 					value_ids.pushUnique(v);
    4627. 

  4627. 				}
    4628. 

  4628. 			}
    4629. 

  4629. 		}
    4630. 

  4630. 		var ul = $(&quot;&lt;ul /&gt;&quot;).appendTo(container)[0];
    4631. 

  4631. 		if(totalGroups === 0) {
    4632. 

  4632. 			$(&quot;&lt;li /&gt;&quot;).addClass(&quot;listTitle&quot;).text(locale.noTiddlers);
    4633. 

  4633. 		}
    4634. 

  4634. 		value_ids = value_ids.sort();
    4635. 

  4635. 		var groupTemplate = store.getTiddlerText(options.groupTemplate);
    4636. 

  4636. 		var onClick = function(ev) {
    4637. 

  4637. 			macro._onClickGroup(ev, options);
    4638. 

  4638. 		};
    4639. 

  4639. 		for(i = 0; i &lt; value_ids.length; i++) {
    4640. 

  4640. 			var title = value_ids[i];
    4641. 

  4641. 			var info = getTiddlyLinkInfo(title);
    4642. 

  4642. 			tiddlers = values[title];
    4643. 

  4643. 			var btn = createTiddlyButton($(&quot;&lt;li /&gt;&quot;).appendTo(ul)[0],
    4644. 

  4644. 				&quot;%0 (%1)&quot;.format(title, tiddlers.length), locale.tooltip.format(title), null, info.classes);
    4645. 

  4645. 			if(groupTemplate) {
    4646. 

  4646. 				$(btn).empty();
    4647. 

  4647. 				wikify(groupTemplate, btn, null, tiddlers[0]);
    4648. 

  4648. 			}
    4649. 

  4649. 			$(btn).click(onClick).attr(&quot;value&quot;, title).attr(&quot;refresh&quot;, &quot;link&quot;).attr(&quot;tiddlyLink&quot;, title);
    4650. 

  4650. 			$(btn).addClass(&quot;templateContainer&quot;).data(&quot;tiddlers&quot;, tiddlers);
    4651. 

  4651. 		}
    4652. 

  4652. 	},
    4653. 

  4653. 	refresh: function(container) {
    4654. 

  4654. 		container = $(container).empty();
    4655. 

  4655. 		var paramString = container.attr(&quot;paramString&quot;);
    4656. 

  4656. 		var args = paramString.parseParams(&quot;name&quot;, null, true, false, true)[0];
    4657. 

  4657. 		var options = { field: container.attr(&quot;fieldName&quot;), dateFormat: container.attr(&quot;dateFormat&quot;), exclude: args.exclude || [],
    4658. 

  4658. 			template: args.template ? args.template[0] : false, groupTemplate: args.groupTemplate ? args.groupTemplate[0] : false };
    4659. 

  4659. 		var tiddlers = args.filter ? store.filterTiddlers(args.filter[0]) : store.getTiddlers(&quot;title&quot;);
    4660. 

  4660. 		macro._refresh(container, tiddlers, options);
    4661. 

  4661. 	},
    4662. 

  4662. 	template: &quot;&lt;&lt;view title link&gt;&gt;&quot;
    4663. 

  4663. };
    4664. 

  4664. 

  4665. }(jQuery));
    4666. 

  4666. //}}}</pre>
    4667. 

  4667. </div>
    4668. 

  4668. <div title="HandlingPictures" creator="pmario" modifier="pmario" created="201102072057" modified="201102082152" tags="mainMenu" server.title="HandlingPictures" server.page.revision="246715" server.etag="&quot;fancybox_public/HandlingPictures/246715;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="3da297d08675802fc85bf79f29dd5f90fc41281d">
    4669. 

  4669. <pre>I identified 6 different more ore less usefull ways how I would want to manage pictures with TW/TS.
    4670. 

  4670. 

  4671. !Directories (offline)
    4672. 

  4672. *The html file and all pictures are in one directory.
    4673. 

  4673. **fancybox.html
    4674. 

  4674. **01thumb.jpg .. the thumbnail
    4675. 

  4675. **01.jpg .. the picture
    4676. 

  4676. 

  4677. I personally don't like this, because the thumbnails, have to have different names, than the slideshow pictures. On the other hand, there is easy file handling, and no thinking about subdirectory names and so on, is needed.
    4678. 

    4679. 

  4679. *Pictures and thumbs in different directories
    4680. 

  4680. **fancybox.html
    4681. 

  4681. **/thumbs/01.jpg .. the thumbnail
    4682. 

  4682. **/pics/01.jpg .. the picture
    4683. 

  4683. 

  4684. I prefere this type of structure. May be, because I am used to it :)
    4685. 

  4685. 

  4686. !TiddlyWiki / TiddlySpace (online)
    4687. 

  4687. *fancybox.html
    4688. 

  4688. *Binary tiddlers (TS)
    4689. 

  4689. **Includes eg: 01.jpg .. the thumb
    4690. 

  4690. **Needs to references the slideshow picture with a hardcoded prettylink
    4691. 

  4691. **Can't handle offline very well, because the hardcoded slide picture can't be accessed if offline
    4692. 

  4692. **The html file gets very big, because pictures are included. Even if only the thumbs are included.
    4693. 

  4693. **The only advantage, that I found is: http://fancybox-pics.tiddlyspace.com/01.jpg renders a picture.
    4694. 

  4694. For me, using/storing pictures, along with the html file, only makes sense, if a pic is less than 0-5kByte. But in this case, for me there is no need to have ~FancyBoxPlugin, because the pictures are to small. 
    4695. 

  4695. 

  4696. !TiddlyWiki / AttachFilePlugin (online)
    4697. 

  4697. *fancybox.html
    4698. 

  4698. **Includes 01.jpg .. the thumb by reference
    4699. 

  4699. **Includes 01slide.jpg .. the picture by reference
    4700. 

  4700. **Handles online / offline very well because of {{{URL}}} and {{{file}}} sections
    4701. 

  4701. **Disadvantage: http://fancybox.tiddlyspace.com/01.jpg doesn't render a picture but a tiddler.
    4702. 

  4702. Using ~AttachFilePluginFormatters is one of the most flexible ways to handle picture/file references. If the plugin is installed, ~FancyBoxPlugin tries to use it whenever possible.
    4703. 

  4703. 

  4704. !Picasa (online)
    4705. 

  4705. Picasa seems to leave the picture name intact. It automatically creates different obfuscated subdirectories for different picture resolutions.
    4706. 

  4706. Similar to Flikr.
    4707. 

  4707. 

  4708. !Flikr
    4709. 

  4709. Flikr obfuscates path and the picture name. I wouldn't want to handle slideshows without ~AttachFilePluginFormatters and propper tiddler names for thumbs and pics. 
    4710. 

  4710. You can define {{{[img[PrettyLink|http://farm6.static.flickr.com/5096/5421865716_41cf6bbb6b_t.jpg][http://farm6.static.flickr.com/5096/5421865716_41cf6bbb6b_b.jpg]]}}} by hand.
    4711. 

  4711. [img[PrettyLink|http://farm6.static.flickr.com/5096/5421865716_41cf6bbb6b_t.jpg][http://farm6.static.flickr.com/5096/5421865716_41cf6bbb6b_b.jpg]]&lt;&lt;fancyBox&gt;&gt; FancyBoxPlugin can handle this. But configuration is really painfull. </pre>
    4712. 

  4712. </div>
    4713. 

  4713. <div title="HideWhenPlugin" creator="pmario" modifier="pmario" created="201009181808" modified="201009181808" tags="excludeLists systemConfig" server.title="HideWhenPlugin" server.page.revision="107116" server.etag="&quot;neui-em_public/HideWhenPlugin/107116;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="eeeef41ec5197dbd5ea780bf4ed80df827d5bf23">
    4714. 

  4714. <pre>/***
    4715. 

  4715. |Name:|HideWhenPlugin|
    4716. 

  4716. |Description:|Allows conditional inclusion/exclusion in templates|
    4717. 

  4717. |Version:|3.1 ($Rev: 3919 $)|
    4718. 

  4718. |Date:|$Date: 2008-03-13 02:03:12 +1000 (Thu, 13 Mar 2008) $|
    4719. 

  4719. |Source:|http://mptw.tiddlyspot.com/#HideWhenPlugin|
    4720. 

  4720. |Author:|Simon Baird &lt;simon.baird@gmail.com&gt;|
    4721. 

  4721. |License:|http://mptw.tiddlyspot.com/#TheBSDLicense|
    4722. 

  4722. For use in ViewTemplate and EditTemplate. Example usage:
    4723. 

  4723. {{{&lt;div macro=&quot;showWhenTagged Task&quot;&gt;[[TaskToolbar]]&lt;/div&gt;}}}
    4724. 

  4724. {{{&lt;div macro=&quot;showWhen tiddler.modifier == 'BartSimpson'&quot;&gt;&lt;img src=&quot;bart.gif&quot;/&gt;&lt;/div&gt;}}}
    4725. 

  4725. ***/
    4726. 

  4726. //{{{
    4727. 

  4727. 

  4728. window.hideWhenLastTest = false;
    4729. 

  4729. 

  4730. window.removeElementWhen = function(test,place) {
    4731. 

  4731. 	window.hideWhenLastTest = test;
    4732. 

  4732. 	if (test) {
    4733. 

  4733. 		removeChildren(place);
    4734. 

  4734. 		place.parentNode.removeChild(place);
    4735. 

  4735. 	}
    4736. 

  4736. };
    4737. 

  4737. 

  4738. 

  4739. merge(config.macros,{
    4740. 

  4740. 

  4741. 	hideWhen: { handler: function(place,macroName,params,wikifier,paramString,tiddler) {
    4742. 

  4742. 		removeElementWhen( eval(paramString), place);
    4743. 

  4743. 	}},
    4744. 

  4744. 

  4745. 	showWhen: { handler: function(place,macroName,params,wikifier,paramString,tiddler) {
    4746. 

  4746. 		removeElementWhen( !eval(paramString), place);
    4747. 

  4747. 	}},
    4748. 

  4748. 

  4749. 	hideWhenTagged: { handler: function (place,macroName,params,wikifier,paramString,tiddler) {
    4750. 

  4750. 		removeElementWhen( tiddler.tags.containsAll(params), place);
    4751. 

  4751. 	}},
    4752. 

  4752. 

  4753. 	showWhenTagged: { handler: function (place,macroName,params,wikifier,paramString,tiddler) {
    4754. 

  4754. 		removeElementWhen( !tiddler.tags.containsAll(params), place);
    4755. 

  4755. 	}},
    4756. 

  4756. 

  4757. 	hideWhenTaggedAny: { handler: function (place,macroName,params,wikifier,paramString,tiddler) {
    4758. 

  4758. 		removeElementWhen( tiddler.tags.containsAny(params), place);
    4759. 

  4759. 	}},
    4760. 

  4760. 

  4761. 	showWhenTaggedAny: { handler: function (place,macroName,params,wikifier,paramString,tiddler) {
    4762. 

  4762. 		removeElementWhen( !tiddler.tags.containsAny(params), place);
    4763. 

  4763. 	}},
    4764. 

  4764. 

  4765. 	hideWhenTaggedAll: { handler: function (place,macroName,params,wikifier,paramString,tiddler) {
    4766. 

  4766. 		removeElementWhen( tiddler.tags.containsAll(params), place);
    4767. 

  4767. 	}},
    4768. 

  4768. 

  4769. 	showWhenTaggedAll: { handler: function (place,macroName,params,wikifier,paramString,tiddler) {
    4770. 

  4770. 		removeElementWhen( !tiddler.tags.containsAll(params), place);
    4771. 

  4771. 	}},
    4772. 

  4772. 

  4773. 	hideWhenExists: { handler: function(place,macroName,params,wikifier,paramString,tiddler) {
    4774. 

  4774. 		removeElementWhen( store.tiddlerExists(params[0]) || store.isShadowTiddler(params[0]), place);
    4775. 

  4775. 	}},
    4776. 

  4776. 

  4777. 	showWhenExists: { handler: function(place,macroName,params,wikifier,paramString,tiddler) {
    4778. 

  4778. 		removeElementWhen( !(store.tiddlerExists(params[0]) || store.isShadowTiddler(params[0])), place);
    4779. 

  4779. 	}},
    4780. 

  4780. 

  4781. 	hideWhenTitleIs: { handler: function(place,macroName,params,wikifier,paramString,tiddler) {
    4782. 

  4782. 		removeElementWhen( tiddler.title == params[0], place);
    4783. 

  4783. 	}},
    4784. 

  4784. 

  4785. 	showWhenTitleIs: { handler: function(place,macroName,params,wikifier,paramString,tiddler) {
    4786. 

  4786. 		removeElementWhen( tiddler.title != params[0], place);
    4787. 

  4787. 	}},
    4788. 

  4788. 

  4789. 	'else': { handler: function(place,macroName,params,wikifier,paramString,tiddler) {
    4790. 

  4790. 		removeElementWhen( !window.hideWhenLastTest, place);
    4791. 

  4791. 	}}
    4792. 

  4792. 

  4793. });
    4794. 

  4794. 

  4795. //}}}
    4796. 

  4796. 

  4797. </pre>
    4798. 

  4798. </div>
    4799. 

  4799. <div title="HowToo's" creator="pmario" modifier="pmario" created="201102111145" modified="201102221846" tags="excludeLists mainMenu topMenu" server.title="HowToo's" server.page.revision="261801" server.etag="&quot;fancybox_public/HowToo's/261801;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.topmenu="0001" _hash="bcdf41544e82d2a279568009689eaf731640300e">
    4800. 

  4800. <pre>!SiteInfo
    4801. 

  4801. &lt;&lt;tiddler SiteInfo&gt;&gt;
    4802. 

  4802. !Important
    4803. 

  4803. @@This plugin is BETA. It is subject to changings, without any notification, so use with care!
    4804. 

  4804. Feedback is very welcome! Use [[Google dicussion group|http://groups.google.com/group/tiddlywiki?hl=en]] for feedback.@@
    4805. 

  4805. !The Plugin
    4806. 

  4806. See: FancyBoxPlugin
    4807. 

  4807. !Simple Examples
    4808. 

  4808. &lt;&lt;xList xCase &quot;sort.&quot; &quot;.&quot; &quot;[tag[simple]]&quot;&gt;&gt;
    4809. 

  4809. !Medium Examples
    4810. 

  4810. &lt;&lt;xList xCase &quot;sort.&quot; &quot;.&quot; &quot;[tag[medium]]&quot;&gt;&gt;
    4811. 

  4811. !Advanced Examples
    4812. 

  4812. &lt;&lt;xList xCase &quot;sort.&quot; &quot;.&quot; &quot;[tag[advanced]]&quot;&gt;&gt;
    4813. 

  4813. </pre>
    4814. 

  4814. </div>
    4815. 

  4815. <div title="ImageGallery" creator="pmario" modifier="pmario" created="201102131915" modified="201102131915" tags="excludeLists excludeSearch" server.title="ImageGallery" server.page.revision="253385" server.etag="&quot;fancybox_public/ImageGallery/253385;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="a25eef3cd215cbba2356b1726821b8006a44a914">
    4816. 

  4816. <pre>!!!Image gallery (ps, try using mouse scroll wheel) 
    4817. 

  4817. &lt;&lt;fancyBox 01.jpg 13.jpg 11.jpg label:&quot;San Benedicto Island&quot; label:&quot;Cool Cave&quot; label:Sunset defaults:&quot;DirectoryConfig##Defaults&quot; fancy:&quot;ImageGallery##Fancy&quot;&gt;&gt;
    4818. 

  4818. /%
    4819. 

  4819. !Fancy
    4820. 

  4820. {{{
    4821. 

  4821. opacity: true
    4822. 

  4822. // When true, transparency of content is changed for elastic transitions
    4823. 

  4823. 

  4824. titlePosition:	over
    4825. 

  4825. // The position of title. Can be set to 'outside', 'inside' or 'over'
    4826. 

  4826. 

  4827. transitionIn:	elastic
    4828. 

  4828. transitionOut:	elastic
    4829. 

  4829. // The transition type. Can be set to 'elastic', 'fade' or 'none'
    4830. 

  4830. }}}
    4831. 

  4831. %/</pre>
    4832. 

  4832. </div>
    4833. 

  4833. <div title="ImageMacroPlugin" creator="jon" modifier="jon" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch systemConfig" server.title="ImageMacroPlugin" server.page.revision="257481" server.etag="&quot;tiddlyspace/ImageMacroPlugin/257481;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/tiddlyspace" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="tiddlyspace" server.permissions="read" server.content-type="text/javascript" _hash="7ac98c809c2ebbd539043f0f67fa3fed2cb296a6">
    4834. 

  4834. <pre>/***
    4835. 

  4835. |''Name''|ImageMacroPlugin|
    4836. 

  4836. |''Version''|0.9.31|
    4837. 

  4837. |''Description''|Allows the rendering of svg images in a TiddlyWiki|
    4838. 

  4838. |''Author''|Osmosoft|
    4839. 

  4839. |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    4840. 

  4840. |''Notes''|Currently only works in modern browsers (not IE)|
    4841. 

  4841. |''Requires''|BinaryTiddlersPlugin|
    4842. 

  4842. !Usage
    4843. 

  4843. {{{&lt;&lt;image SVG&gt;&gt;}}} will render the text of the tiddler with title SVG as an SVG image (but not in ie where it will fail silently)
    4844. 

  4844. !!Parameters
    4845. 

  4845. width/height: specify width/height parameters
    4846. 

  4846. link: make the image link to a given location
    4847. 

  4847. tiddlyLink: link to a tiddler
    4848. 

    4849. 

  4849. !Notes
    4850. 

  4850. Binary tiddlers in TiddlyWeb when passed through the wikifier will be shown as images.
    4851. 

  4851. eg. {{{&lt;&lt;view text wikified&gt;&gt;}}} on a binary tiddler will show the image.
    4852. 

  4852. {{{&lt;&lt;view fieldname image&gt;&gt;}}}
    4853. 

  4853. will render the value of the tiddler field 'fieldname' as an image. This field can contain a tid
    4854. 

  4854. {{{&lt;&lt;image SiteIcon&gt;&gt;}}}
    4855. 

  4855. will create an image tag where the tiddler has content type beginning image and not ending +xml
    4856. 

  4856. will attempt to create svg object in other scenarios
    4857. 

  4857. {{{&lt;&lt;image /photos/x.jpg&gt;&gt;}}}
    4858. 

  4858. will create an image tag with src /photos/x.jpg as long as there is not a tiddler called /photos/x.jpg in 
    4859. 

  4859. which case it will render that tiddler as an image. Note for the case of svg files it will attempt to render as an svg if possible via the image
    4860. 

  4860. tag. It doesn't embed the svg in the dom for security reasons as svg code can contain javascript.
    4861. 

  4861. !Code
    4862. 

  4862. ***/
    4863. 

  4863. //{{{
    4864. 

  4864. (function($) {
    4865. 

  4865. 

  4866. var macro = config.macros.image = {
    4867. 

  4867. 	shim: &quot;/bags/common/tiddlers/shim&quot;,
    4868. 

  4868. 	ieVersion: config.browser.isIE ? parseInt(config.browser.ieVersion[1], 10) : false,
    4869. 

  4869. 	svgns: &quot;http://www.w3.org/2000/svg&quot;,
    4870. 

  4870. 	xlinkns: &quot;http://www.w3.org/1999/xlink&quot;, 
    4871. 

  4871. 	svgAvailable: document.implementation.hasFeature(&quot;http://www.w3.org/TR/SVG11/feature#BasicStructure&quot;, &quot;1.1&quot;),
    4872. 

  4872. 	_fixPrefix: 1,
    4873. 

  4873. 	_external_cache: {},
    4874. 

  4874. 	_image_tag_cache: {},
    4875. 

  4875. 	_image_dimensions: {},
    4876. 

  4876. 	locale: {
    4877. 

  4877. 		badImage: &quot;This image cannot be displayed.&quot;
    4878. 

  4878. 	},
    4879. 

  4879. 	handler: function(place, macroName, params, wikifier, paramString, tiddler){
    4880. 

  4880. 		var imageSource = params[0];
    4881. 

  4881. 		// collect named arguments
    4882. 

  4882. 		var args = macro.getArguments(paramString, params);
    4883. 

  4883. 		this.renderImage(place, imageSource, args);
    4884. 

  4884. 	},
    4885. 

  4885. 	init: function() {
    4886. 

  4886. 		var startupImages = store.getTaggedTiddlers(&quot;systemImage&quot;);
    4887. 

  4887. 		var place = $(&quot;&lt;div /&gt;&quot;).attr(&quot;id&quot;, &quot;systemImageArea&quot;).appendTo(&quot;body&quot;).hide()[0];
    4888. 

  4888. 		for(var i = 0; i &lt; startupImages.length; i++) {
    4889. 

  4889. 			var image = startupImages[i];
    4890. 

  4890. 			macro.renderImage(place, image.title, { idPrefix: &quot;&quot; });
    4891. 

  4891. 		}
    4892. 

  4892. 		var data = new Image();
    4893. 

  4893. 		data.onload = function() {
    4894. 

  4894. 			macro.supportsDataUris = this.width != 1 || this.height != 1 ? false : true;
    4895. 

  4895. 		};
    4896. 

  4896. 		data.onerror = data.onload;
    4897. 

  4897. 		data.src = &quot;data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==&quot;;
    4898. 

  4898. 	},
    4899. 

  4899. 	refreshImage: function(src) {
    4900. 

  4900. 		var elements = macro._image_tag_cache[src] ? macro._image_tag_cache[src] : [];
    4901. 

  4901. 		if(macro._image_dimensions[src]) {
    4902. 

  4902. 			macro._image_dimensions[src] = false;
    4903. 

  4903. 		}
    4904. 

  4904. 		for(var i = 0; i &lt; elements.length; i++) {
    4905. 

  4905. 			var el = $(elements[i]);
    4906. 

  4906. 			var newSrc = &quot;%0?nocache=%1&quot;.format(src, Math.random());
    4907. 

  4907. 			el.attr(&quot;src&quot;, newSrc); // force reload
    4908. 

  4908. 		}
    4909. 

  4909. 	},
    4910. 

  4910. 	isBinaryImageType: function(contentType) {
    4911. 

  4911. 		return (contentType &amp;&amp; contentType.indexOf(&quot;image&quot;) === 0 &amp;&amp;
    4912. 

  4912. 			contentType.indexOf(&quot;+xml&quot;) != contentType.length - 4) ? true : false;
    4913. 

  4913. 	},
    4914. 

  4914. 	isImageTiddler: function(tiddler) {
    4915. 

  4915. 		return macro.isSVGTiddler(tiddler) || macro.isBinaryImageTiddler(tiddler);
    4916. 

  4916. 	},
    4917. 

  4917. 	isSVGTiddler: function(tiddler) {
    4918. 

  4918. 		var type = tiddler ? tiddler.fields['server.content-type'] : false;
    4919. 

  4919. 		return type == &quot;image/svg+xml&quot;;
    4920. 

  4920. 	},
    4921. 

  4921. 	isBinaryImageTiddler: function(tiddler) {
    4922. 

  4922. 		return macro.isBinaryImageType(tiddler.fields['server.content-type']);
    4923. 

  4923. 	},
    4924. 

  4924. 	renderImage: function(place, imageSource, options) {
    4925. 

  4925. 		var imageTiddler = store.getTiddler(imageSource);
    4926. 

  4926. 		var container;
    4927. 

  4927. 		var classes = [&quot;image&quot;];
    4928. 

  4928. 		if(options.link) {
    4929. 

  4929. 			classes = classes.concat([&quot;imageLink&quot;, &quot;externalLink&quot;]);
    4930. 

  4930. 			container = $(&quot;&lt;a /&gt;&quot;).attr(&quot;href&quot;, options.link).appendTo(place)[0];
    4931. 

  4931. 		} else if(options.tiddlyLink) {
    4932. 

  4932. 			classes.push(&quot;imageLink&quot;);
    4933. 

  4933. 			container = createTiddlyLink(place, options.tiddlyLink, false);
    4934. 

  4934. 		} else {
    4935. 

  4935. 			container = $(&quot;&lt;span /&gt;&quot;).appendTo(place)[0];
    4936. 

  4936. 		}
    4937. 

  4937. 		$(container).addClass(classes.join(&quot; &quot;));
    4938. 

  4938. 

  4939. 		options = options ? options : {};
    4940. 

  4940. 		if(imageTiddler &amp;&amp; macro.isBinaryImageTiddler(imageTiddler)) { // handle the case where we have an image url
    4941. 

  4941. 			return macro._renderBinaryImageTiddler(container, imageTiddler, options);
    4942. 

  4942. 		} else if(imageTiddler){ // handle the case where we have a tiddler
    4943. 

  4943. 			return macro._renderSVGTiddler(container, imageTiddler, options);
    4944. 

  4944. 		} else { // we have a string representing a url
    4945. 

  4945. 			return macro._renderBinaryImageUrl(container, imageSource, options);
    4946. 

  4946. 		}
    4947. 

  4947. 	},
    4948. 

  4948. 	_renderAlternateText: function(container, options) {
    4949. 

  4949. 		var img;
    4950. 

  4950. 		var src = options.src || &quot;&quot;;
    4951. 

  4951. 		if(options.width &amp;&amp; options.height) {
    4952. 

  4952. 			img = $(&quot;&lt;img /&gt;&quot;).attr(&quot;src&quot;, src).addClass(&quot;svgImageText&quot;).attr(&quot;width&quot;, options.width).
    4953. 

  4953. 				attr(&quot;height&quot;, options.height).appendTo(container);
    4954. 

  4954. 		}
    4955. 

  4955. 		var alt = options.alt;
    4956. 

  4956. 		if(img &amp;&amp; alt) {
    4957. 

  4957. 			img.attr(&quot;alt&quot;, alt).attr(&quot;title&quot;, alt);
    4958. 

  4958. 		} else if(alt) {
    4959. 

  4959. 			$(container).addClass(&quot;svgImageText&quot;).text(alt);
    4960. 

  4960. 		}
    4961. 

  4961. 		macro._image_tag_cache[src] = img;
    4962. 

  4962. 	},
    4963. 

  4963. 	_renderSVGTiddler: function(place, tiddler, options) {
    4964. 

  4964. 		if(!options) {
    4965. 

  4965. 			options = {};
    4966. 

  4966. 		}
    4967. 

  4967. 		merge(options, { tiddler: tiddler, fix: true});
    4968. 

  4968. 

  4969. 		if(macro.svgAvailable) {
    4970. 

  4970. 			this._importSVG(place, options); // display the svg
    4971. 

  4971. 		} else if(options.altImage) {
    4972. 

  4972. 			var image = options.altImage;
    4973. 

  4973. 			delete options.altImage;
    4974. 

  4974. 			this._renderBinaryImageUrl(place, image, options);
    4975. 

  4975. 		} else {
    4976. 

  4976. 			this._renderAlternateText(place, options); // instead of showing the image show the alternate text.
    4977. 

  4977. 		}
    4978. 

  4978. 	},
    4979. 

  4979. 	_renderBinaryImageTiddler: function(place, tiddler, options) {
    4980. 

  4980. 		var resourceURI;
    4981. 

  4981. 		var fields = tiddler.fields;
    4982. 

  4982. 		if(fields[&quot;server.type&quot;] == &quot;tiddlyweb&quot;) { // construct an accurate url for the resource	
    4983. 

  4983. 			resourceURI = &quot;%0/%1/tiddlers/%2&quot;.format(config.defaultCustomFields[&quot;server.host&quot;],
    4984. 

  4984. 				fields[&quot;server.workspace&quot;], fields[&quot;server.title&quot;]);
    4985. 

  4985. 		} else { // guess the url for the resource
    4986. 

  4986. 			resourceURI = tiddler.title;
    4987. 

  4987. 		}
    4988. 

  4988. 		var ctype = fields[&quot;server.content-type&quot;] || tiddler.type;
    4989. 

  4989. 		var text = tiddler.text;
    4990. 

  4990. 		if(macro.supportsDataUris &amp;&amp; ctype &amp;&amp; text.indexOf(&quot;&lt;html&quot;) == -1) {
    4991. 

  4991. 			var uri = &quot;data:%0;base64,%1&quot;.format(ctype, text);
    4992. 

  4992. 			options.src = resourceURI;
    4993. 

  4993. 			return macro._renderBinaryImageUrl(place, uri, options);
    4994. 

  4994. 		} else if(options.src) {
    4995. 

  4995. 			return macro._renderBinaryImageUrl(place, options.src, options);
    4996. 

  4996. 		} else {
    4997. 

  4997. 			return macro._renderBinaryImageUrl(place, resourceURI, options);
    4998. 

  4998. 		}
    4999. 

  4999. 	},
    5000. 

  5000. 	_renderImageTag: function(container, src, width, height, options) {
    5001. 

  5001. 		var img;
    5002. 

  5002. 		img = $(&quot;&lt;img /&gt;&quot;).appendTo(container);
    5003. 

  5003. 		if(height) {
    5004. 

  5004. 			img.attr(&quot;height&quot;, height);
    5005. 

  5005. 		}
    5006. 

  5006. 		if(width) {
    5007. 

  5007. 			img.attr(&quot;width&quot;, width);
    5008. 

  5008. 		}
    5009. 

  5009. 		if(macro.ieVersion &amp;&amp; macro.ieVersion &lt; 7 &amp;&amp; macro.shim &amp;&amp; options.ie6png) {
    5010. 

  5010. 			$(img).css({width: userW, height: userH,
    5011. 

  5011. 					filter: &quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%0', sizingMethod='scale')&quot;.format(src)
    5012. 

  5012. 				}).attr(&quot;src&quot;, macro.shim);
    5013. 

  5013. 		} else {
    5014. 

  5014. 			img.attr(&quot;src&quot;, src);
    5015. 

  5015. 		}
    5016. 

  5016. 		if(!macro._image_tag_cache[options.srcUrl]) {
    5017. 

  5017. 			macro._image_tag_cache[options.srcUrl] = [];
    5018. 

  5018. 		}
    5019. 

  5019. 		img = $(img).addClass(options.imageClass)[0];
    5020. 

  5020. 		macro._image_tag_cache[options.srcUrl].push(img);
    5021. 

  5021. 		return img;
    5022. 

  5022. 	},
    5023. 

  5023. 	_getDimensions: function(realDimensions, reqDimensions, preserve) {
    5024. 

  5024. 		var w = realDimensions.width;
    5025. 

  5025. 		var h = realDimensions.height;
    5026. 

  5026. 		var reqh = reqDimensions.height;
    5027. 

  5027. 		var reqw = reqDimensions.width;
    5028. 

  5028. 		var finalw = w, finalh = h;
    5029. 

  5029. 		var ratiow = reqw / w, ratioh = reqh / h;
    5030. 

  5030. 		var scaledw = ratioh * w;
    5031. 

  5031. 		var scaledh = ratiow * h;
    5032. 

  5032. 		if(!reqw &amp;&amp; reqh) {
    5033. 

  5033. 			finalw = scaledw;
    5034. 

  5034. 			finalh = reqh;
    5035. 

  5035. 		} else if(reqw &amp;&amp; !reqh) {
    5036. 

  5036. 			finalw = reqw;
    5037. 

  5037. 			finalh = scaledh;
    5038. 

  5038. 		} else if(reqh &amp;&amp; reqw) {
    5039. 

  5039. 			var preserveWidth = w &gt; h ? true : false;
    5040. 

  5040. 			if(preserve) {
    5041. 

  5041. 				if(preserveWidth &amp;&amp; scaledh &lt; reqh) {
    5042. 

  5042. 					finalh = scaledh;
    5043. 

  5043. 					finalw = reqw;
    5044. 

  5044. 				} else {
    5045. 

  5045. 					finalh = reqh;
    5046. 

  5046. 					finalw = scaledw;
    5047. 

  5047. 				}
    5048. 

  5048. 			} else {
    5049. 

  5049. 				finalw = reqw;
    5050. 

  5050. 				finalh = reqh;
    5051. 

  5051. 			}
    5052. 

  5052. 		}
    5053. 

  5053. 		return { width: parseInt(finalw, 10), height: parseInt(finalh, 10) };
    5054. 

  5054. 	},
    5055. 

  5055. 	_renderBinaryImageUrl: function(container, src, options) {
    5056. 

  5056. 		var srcUrl = options.src ? options.src : src;
    5057. 

  5057. 		srcUrl = srcUrl.indexOf(&quot;/&quot;) === -1 ? &quot;/%0&quot;.format(srcUrl) : srcUrl; // for IE. 
    5058. 

  5058. 		var image_dimensions = macro._image_dimensions[srcUrl];
    5059. 

  5059. 		var image = new Image(); // due to weird scaling issues where you use just a width or just a height
    5060. 

  5060. 		var createImageTag = function(dimensions, error) {
    5061. 

  5061. 			if(error) {
    5062. 

  5062. 				var altImage = options.altImage;
    5063. 

  5063. 				if(altImage) {
    5064. 

  5064. 					delete options.altImage;
    5065. 

  5065. 					macro._renderBinaryImageUrl(container, altImage, options);
    5066. 

  5066. 				} else {
    5067. 

  5067. 					options.src = src;
    5068. 

  5068. 					macro._renderAlternateText(container, options);
    5069. 

  5069. 				}
    5070. 

  5070. 			} else {
    5071. 

  5071. 				var dim = macro._getDimensions(dimensions, { 
    5072. 

  5072. 					width: options.width, height: options.height }, options.preserveAspectRatio);
    5073. 

  5073. 				options.srcUrl = srcUrl;
    5074. 

  5074. 				macro._renderImageTag(container, src, dim.width, dim.height, options);
    5075. 

  5075. 			}
    5076. 

  5076. 		};
    5077. 

  5077. 

  5078. 		if(!image_dimensions) {
    5079. 

  5079. 			image.onload = function() {
    5080. 

  5080. 				var dimensions = { width: image.width, height: image.height};
    5081. 

  5081. 				macro._image_dimensions[srcUrl] = dimensions;
    5082. 

  5082. 				createImageTag(dimensions);
    5083. 

  5083. 			};
    5084. 

  5084. 			image.onerror = function() {
    5085. 

  5085. 				createImageTag(null, true);
    5086. 

  5086. 			};
    5087. 

  5087. 			image.src = src;
    5088. 

  5088. 		} else {
    5089. 

  5089. 			createImageTag(image_dimensions);
    5090. 

  5090. 		}
    5091. 

  5091. 	},
    5092. 

  5092. 	_generateIdPrefix: function(){
    5093. 

  5093. 		return &quot;twsvgfix_&quot; + (this._fixPrefix++).toString() + &quot;_&quot;;
    5094. 

  5094. 	},
    5095. 

  5095. 	_fixSVG: function(childNodes, idPrefix) {
    5096. 

  5096. 		var urlPattern = /url\(\#([^\)]*)\)*/ig;
    5097. 

  5097. 		var fixes = [
    5098. 

  5098. 		{ attr: &quot;id&quot;, pattern: /^(.*)$/ig },
    5099. 

  5099. 		{ attr: &quot;href&quot;, namespace: macro.xlinkns, pattern: /^#(.*)$/ig }
    5100. 

  5100. 		];
    5101. 

  5101. 		var url_fixes = [&quot;filter&quot;, &quot;fill&quot;, &quot;mask&quot;, &quot;stroke&quot;, &quot;style&quot;];
    5102. 

  5102. 		for(var i = 0; i &lt; url_fixes.length; i++) {
    5103. 

  5103. 			fixes.push({ attr: url_fixes[i], pattern: urlPattern });
    5104. 

  5104. 		}
    5105. 

  5105. 		for(var t = 0; t &lt; childNodes.length; t++) {
    5106. 

  5106. 			var node = childNodes[t];
    5107. 

  5107. 			for(var a = 0; a &lt; fixes.length; a++) {
    5108. 

  5108. 				var fix = fixes[a];
    5109. 

  5109. 				var attr = fix.attr;
    5110. 

  5110. 				var ns = fix.namespace || &quot;&quot;;
    5111. 

  5111. 				if(node.hasAttributeNS &amp;&amp; node.hasAttributeNS(ns, attr)) {
    5112. 

  5112. 					var v = node.getAttributeNS(ns, attr);
    5113. 

  5113. 					fix.pattern.lastIndex = 0;
    5114. 

  5114. 					var match = fix.pattern.exec(v);
    5115. 

  5115. 					if(match) {
    5116. 

  5116. 						// Make sure replacement string doesn't contain any single dollar signs
    5117. 

  5117. 						var toReplace = match[1];
    5118. 

  5118. 						if(toReplace.indexOf(idPrefix) !== 0 &amp;&amp; toReplace.indexOf(&quot;twglobal_&quot;) !== 0) {
    5119. 

  5119. 							var replacement = (idPrefix + toReplace).replace(&quot;$&quot;, &quot;$$$$&quot;); 
    5120. 

  5120. 							v = v.replace(match[1], replacement);
    5121. 

  5121. 						}
    5122. 

  5122. 						node.setAttributeNS(ns, attr,v);
    5123. 

  5123. 					}
    5124. 

  5124. 				}
    5125. 

  5125. 			}
    5126. 

  5126. 			var children = node.childNodes;
    5127. 

  5127. 			if(children.length &gt; 0) {
    5128. 

  5128. 				this._fixSVG(children, idPrefix);
    5129. 

  5129. 			}
    5130. 

  5130. 		}
    5131. 

  5131. 	},
    5132. 

  5132. 	_importSVG: function(place, options){
    5133. 

  5133. 		options = options ? options : {};
    5134. 

  5134. 		var svgDoc, tiddlerText = options.tiddler.text;
    5135. 

  5135. 		if (window.DOMParser) {
    5136. 

  5136. 			svgDoc = new DOMParser().parseFromString(tiddlerText, &quot;application/xml&quot;).documentElement;
    5137. 

  5137. 			var idPrefix = options.idPrefix || this._generateIdPrefix();
    5138. 

  5138. 			this._fixSVG([svgDoc], idPrefix);
    5139. 

  5139. 			var el = document.importNode(svgDoc, true);
    5140. 

  5140. 			var svgHolder = document.createElementNS(macro.svgns,&quot;svg&quot;);
    5141. 

  5141. 			var width = options.width;
    5142. 

  5142. 			var height = options.height;
    5143. 

  5143. 			if(width || height) {
    5144. 

  5144. 				if(width &amp;&amp; height) { // set view box of containing svg element based on the svg viewbox and width and height.
    5145. 

  5145. 					var viewBox = el.getAttribute(&quot;viewBox&quot;);
    5146. 

  5146. 					var topLeft = &quot;0 0&quot;;
    5147. 

  5147. 					if(viewBox) {
    5148. 

  5148. 						topLeft = viewBox.replace(/([0-9]*) +([0-9]*) +([0-9]*) +([0-9]*) */gi,&quot;$1 $2&quot;);
    5149. 

  5149. 					}
    5150. 

  5150. 					svgHolder.setAttributeNS(macro.svgns, &quot;viewBox&quot;, &quot;0 0 %0 %1&quot;.format(width, height));
    5151. 

  5151. 				} else {
    5152. 

  5152. 					if(!width) {
    5153. 

  5153. 						width = el.getAttribute(&quot;width&quot;);
    5154. 

  5154. 					}
    5155. 

  5155. 					if(!height) {
    5156. 

  5156. 						height = el.getAttribute(&quot;height&quot;);
    5157. 

  5157. 					}
    5158. 

  5158. 				}
    5159. 

  5159. 				svgHolder.setAttribute(&quot;width&quot;, width);
    5160. 

  5160. 				svgHolder.setAttribute(&quot;height&quot;, height);
    5161. 

  5161. 

  5162. 				el.setAttribute(&quot;width&quot;, &quot;100%&quot;);
    5163. 

  5163. 				el.setAttribute(&quot;height&quot;, &quot;100%&quot;);
    5164. 

  5164. 				svgHolder.setAttribute(&quot;class&quot;, &quot;svgImage svgIcon %0&quot;.format(options.imageClass || &quot;&quot;));
    5165. 

  5165. 				svgHolder.appendChild(el);
    5166. 

  5166. 				place.appendChild(svgHolder);
    5167. 

  5167. 			}
    5168. 

  5168. 			else {
    5169. 

  5169. 				var existing = el.className ? el.className.baseVal : &quot;&quot;;
    5170. 

  5170. 				el.setAttribute(&quot;class&quot;,&quot;svgImage %0&quot;.format(existing));
    5171. 

  5171. 				place.appendChild(el);
    5172. 

  5172. 			}
    5173. 

  5173. 			// if a tiddler attribute is set this is read as a link
    5174. 

  5174. 			$(&quot;[tiddler], [tiddlyLink]&quot;, place).attr(&quot;refresh&quot;, &quot;link&quot;).click(function(ev) {
    5175. 

  5175. 				var tiddler = $(ev.target).attr(&quot;tiddlyLink&quot;);
    5176. 

  5176. 				if(tiddler) {
    5177. 

  5177. 					story.displayTiddler(ev.target, tiddler);
    5178. 

  5178. 				}
    5179. 

  5179. 			});
    5180. 

  5180. 		}
    5181. 

  5181. 	},
    5182. 

  5182. 	getArguments: function(paramString, params) {
    5183. 

  5183. 		var args = paramString.parseParams(&quot;name&quot;, null, true, false, true)[0];
    5184. 

  5184. 		var options = {};
    5185. 

  5185. 		for(var id in args) {
    5186. 

  5186. 			if(true) {
    5187. 

  5187. 				var p = args[id];
    5188. 

  5188. 				if(id == &quot;def&quot;) {
    5189. 

  5189. 					options[id] = p;
    5190. 

  5190. 				} else {
    5191. 

  5191. 					options[id] = p[0];
    5192. 

  5192. 				}
    5193. 

  5193. 			}
    5194. 

  5194. 		}
    5195. 

  5195. 		var width = isNaN(params[1]) ? false : parseInt(params[1], 10);
    5196. 

  5196. 		var height = isNaN(params[2]) ? false : parseInt(params[2], 10);
    5197. 

  5197. 

  5198. 		options.width = macro.lookupArgument(options, &quot;width&quot;, width);
    5199. 

  5199. 		options.height = macro.lookupArgument(options, &quot;height&quot;, height);
    5200. 

  5200. 		options.preserveAspectRatio = args.preserveAspectRatio &amp;&amp; 
    5201. 

  5201. 			args.preserveAspectRatio[0] == &quot;yes&quot; ? true : false;
    5202. 

  5202. 		options.tiddlyLink = macro.lookupArgument(options, &quot;tiddlyLink&quot;, false);
    5203. 

  5203. 		options.link = macro.lookupArgument(options, &quot;link&quot;, false);
    5204. 

  5204. 		return options;
    5205. 

  5205. 	},
    5206. 

  5206. 	lookupArgument: function(args, id, ifEmpty) {
    5207. 

  5207. 		return args[id] ? args[id] : ifEmpty;
    5208. 

  5208. 	}
    5209. 

  5209. };
    5210. 

  5210. 

  5211. // update views
    5212. 

  5212. var _oldwikifiedview = config.macros.view.views.wikified;
    5213. 

  5213. // update wikifier to check tiddler type before rendering
    5214. 

  5214. merge(config.macros.view.views, {
    5215. 

  5215. 	wikified: function(value, place, params, wikifier, paramString, tiddler) {
    5216. 

  5216. 		if(macro.isImageTiddler(tiddler) &amp;&amp; params[0] == &quot;text&quot;) {
    5217. 

  5217. 			var newplace = $(&quot;&lt;div /&gt;&quot;).addClass(&quot;wikifiedImage&quot;).appendTo(place)[0];
    5218. 

  5218. 			macro.renderImage(newplace, tiddler.title, { alt: macro.locale.badImage });
    5219. 

  5219. 		} else {
    5220. 

  5220. 			_oldwikifiedview.apply(this, arguments);
    5221. 

  5221. 		}
    5222. 

  5222. 	},
    5223. 

  5223. 	image: function(value, place, params, wikifier, paramString, tiddler) {
    5224. 

  5224. 		// a field can point to another tiddler whereas text is the current tiddler.
    5225. 

  5225. 		var title = params[0] == &quot;text&quot; ? tiddler.title : value;
    5226. 

  5226. 		paramString = '&quot;%0&quot; %1'.format(title, params.splice(2).join(&quot; &quot;))
    5227. 

  5227. 		invokeMacro(place, &quot;image&quot;, paramString, null, tiddler);
    5228. 

  5228. 	}
    5229. 

  5229. });
    5230. 

  5230. config.shadowTiddlers.StyleSheetImageMacro = [&quot;.wikifiedImage svg, .wikifiedImage .image { width: 80%; }&quot;,
    5231. 

  5231. 	&quot;.svgImageText { background-color:[[ColorPalette::Error]]; color:#ddd; display: inline-block; }&quot;,
    5232. 

  5232. 	&quot;span.svgImageText { display: inline-block; overflow-hidden; }&quot;
    5233. 

  5233. ].join(&quot;&quot;);
    5234. 

  5234. store.addNotification(&quot;StyleSheetImageMacro&quot;, refreshStyles);
    5235. 

  5235. 

  5236. })(jQuery);
    5237. 

  5237. //}}}</pre>
    5238. 

  5238. </div>
    5239. 

  5239. <div title="InlineJavascriptPlugin" creator="fancybox" modifier="fancybox" created="201101211613" modified="201101211613" tags="systemConfig" server.title="InlineJavascriptPlugin" server.page.revision="47596" server.etag="&quot;fancybox_public/InlineJavascriptPlugin/47596;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="e6eb7b04f212984224b56844ab61a2a0ca1c981e">
    5240. 

  5240. <pre>/***
    5241. 

  5241. |Name|InlineJavascriptPlugin|
    5242. 

  5242. |Source|http://www.TiddlyTools.com/#InlineJavascriptPlugin|
    5243. 

  5243. |Documentation|http://www.TiddlyTools.com/#InlineJavascriptPluginInfo|
    5244. 

  5244. |Version|1.9.6|
    5245. 

  5245. |Author|Eric Shulman|
    5246. 

  5246. |License|http://www.TiddlyTools.com/#LegalStatements|
    5247. 

  5247. |~CoreVersion|2.1|
    5248. 

  5248. |Type|plugin|
    5249. 

  5249. |Description|Insert Javascript executable code directly into your tiddler content.|
    5250. 

  5250. ''Call directly into TW core utility routines, define new functions, calculate values, add dynamically-generated TiddlyWiki-formatted output'' into tiddler content, or perform any other programmatic actions each time the tiddler is rendered.
    5251. 

  5251. !!!!!Documentation
    5252. 

  5252. &gt;see [[InlineJavascriptPluginInfo]]
    5253. 

  5253. !!!!!Revisions
    5254. 

  5254. &lt;&lt;&lt;
    5255. 

  5255. 2010.12.15 1.9.6 allow (but ignore) type=&quot;...&quot; syntax
    5256. 

  5256. |please see [[InlineJavascriptPluginInfo]] for additional revision details|
    5257. 

  5257. 2005.11.08 1.0.0 initial release
    5258. 

  5258. &lt;&lt;&lt;
    5259. 

  5259. !!!!!Code
    5260. 

  5260. ***/
    5261. 

  5261. //{{{
    5262. 

  5262. version.extensions.InlineJavascriptPlugin= {major: 1, minor: 9, revision: 6, date: new Date(2010,12,15)};
    5263. 

  5263. 

  5264. config.formatters.push( {
    5265. 

  5265. 	name: &quot;inlineJavascript&quot;,
    5266. 

  5266. 	match: &quot;\\&lt;script&quot;,
    5267. 

  5267. 	lookahead: &quot;\\&lt;script(?: type=\\\&quot;[^\\\&quot;]*\\\&quot;)?(?: src=\\\&quot;([^\\\&quot;]*)\\\&quot;)?(?: label=\\\&quot;([^\\\&quot;]*)\\\&quot;)?(?: title=\\\&quot;([^\\\&quot;]*)\\\&quot;)?(?: key=\\\&quot;([^\\\&quot;]*)\\\&quot;)?( show)?\\&gt;((?:.|\\n)*?)\\&lt;/script\\&gt;&quot;,
    5268. 

  5268. 	handler: function(w) {
    5269. 

  5269. 		var lookaheadRegExp = new RegExp(this.lookahead,&quot;mg&quot;);
    5270. 

  5270. 		lookaheadRegExp.lastIndex = w.matchStart;
    5271. 

  5271. 		var lookaheadMatch = lookaheadRegExp.exec(w.source)
    5272. 

  5272. 		if(lookaheadMatch &amp;&amp; lookaheadMatch.index == w.matchStart) {
    5273. 

  5273. 			var src=lookaheadMatch[1];
    5274. 

  5274. 			var label=lookaheadMatch[2];
    5275. 

  5275. 			var tip=lookaheadMatch[3];
    5276. 

  5276. 			var key=lookaheadMatch[4];
    5277. 

  5277. 			var show=lookaheadMatch[5];
    5278. 

  5278. 			var code=lookaheadMatch[6];
    5279. 

  5279. 			if (src) { // external script library
    5280. 

  5280. 				var script = document.createElement(&quot;script&quot;); script.src = src;
    5281. 

  5281. 				document.body.appendChild(script); document.body.removeChild(script);
    5282. 

  5282. 			}
    5283. 

  5283. 			if (code) { // inline code
    5284. 

  5284. 				if (show) // display source in tiddler
    5285. 

  5285. 					wikify(&quot;{{{\n&quot;+lookaheadMatch[0]+&quot;\n}}}\n&quot;,w.output);
    5286. 

  5286. 				if (label) { // create 'onclick' command link
    5287. 

  5287. 					var link=createTiddlyElement(w.output,&quot;a&quot;,null,&quot;tiddlyLinkExisting&quot;,wikifyPlainText(label));
    5288. 

  5288. 					var fixup=code.replace(/document.write\s*\(/gi,'place.bufferedHTML+=(');
    5289. 

  5289. 					link.code=&quot;function _out(place,tiddler){&quot;+fixup+&quot;\n};_out(this,this.tiddler);&quot;
    5290. 

  5290. 					link.tiddler=w.tiddler;
    5291. 

  5291. 					link.onclick=function(){
    5292. 

  5292. 						this.bufferedHTML=&quot;&quot;;
    5293. 

  5293. 						try{ var r=eval(this.code);
    5294. 

  5294. 							if(this.bufferedHTML.length || (typeof(r)===&quot;string&quot;)&amp;&amp;r.length)
    5295. 

  5295. 								var s=this.parentNode.insertBefore(document.createElement(&quot;span&quot;),this.nextSibling);
    5296. 

  5296. 							if(this.bufferedHTML.length)
    5297. 

  5297. 								s.innerHTML=this.bufferedHTML;
    5298. 

  5298. 							if((typeof(r)===&quot;string&quot;)&amp;&amp;r.length) {
    5299. 

  5299. 								wikify(r,s,null,this.tiddler);
    5300. 

  5300. 								return false;
    5301. 

  5301. 							} else return r!==undefined?r:false;
    5302. 

  5302. 						} catch(e){alert(e.description||e.toString());return false;}
    5303. 

  5303. 					};
    5304. 

  5304. 					link.setAttribute(&quot;title&quot;,tip||&quot;&quot;);
    5305. 

  5305. 					var URIcode='javascript:void(eval(decodeURIComponent(%22(function(){try{';
    5306. 

  5306. 					URIcode+=encodeURIComponent(encodeURIComponent(code.replace(/\n/g,' ')));
    5307. 

  5307. 					URIcode+='}catch(e){alert(e.description||e.toString())}})()%22)))';
    5308. 

  5308. 					link.setAttribute(&quot;href&quot;,URIcode);
    5309. 

  5309. 					link.style.cursor=&quot;pointer&quot;;
    5310. 

  5310. 					if (key) link.accessKey=key.substr(0,1); // single character only
    5311. 

  5311. 				}
    5312. 

  5312. 				else { // run script immediately
    5313. 

  5313. 					var fixup=code.replace(/document.write\s*\(/gi,'place.innerHTML+=(');
    5314. 

  5314. 					var c=&quot;function _out(place,tiddler){&quot;+fixup+&quot;\n};_out(w.output,w.tiddler);&quot;;
    5315. 

  5315. 					try	 { var out=eval(c); }
    5316. 

  5316. 					catch(e) { out=e.description?e.description:e.toString(); }
    5317. 

  5317. 					if (out &amp;&amp; out.length) wikify(out,w.output,w.highlightRegExp,w.tiddler);
    5318. 

  5318. 				}
    5319. 

  5319. 			}
    5320. 

  5320. 			w.nextMatch = lookaheadMatch.index + lookaheadMatch[0].length;
    5321. 

  5321. 		}
    5322. 

  5322. 	}
    5323. 

  5323. } )
    5324. 

  5324. //}}}
    5325. 

  5325. 

  5326. // // Backward-compatibility for TW2.1.x and earlier
    5327. 

  5327. //{{{
    5328. 

  5328. if (typeof(wikifyPlainText)==&quot;undefined&quot;) window.wikifyPlainText=function(text,limit,tiddler) {
    5329. 

  5329. 	if(limit &gt; 0) text = text.substr(0,limit);
    5330. 

  5330. 	var wikifier = new Wikifier(text,formatter,null,tiddler);
    5331. 

  5331. 	return wikifier.wikifyPlain();
    5332. 

  5332. }
    5333. 

  5333. //}}}
    5334. 

  5334. 

  5335. // // GLOBAL FUNCTION: $(...) -- 'shorthand' convenience syntax for document.getElementById()
    5336. 

  5336. //{{{
    5337. 

  5337. if (typeof($)=='undefined') { function $(id) { return document.getElementById(id.replace(/^#/,'')); } }
    5338. 

  5338. //}}}</pre>
    5339. 

  5339. </div>
    5340. 

  5340. <div title="LazyTiddlersPlugin" creator="cdent" modifier="cdent" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch systemConfig" server.title="LazyTiddlersPlugin" server.page.revision="257449" server.etag="&quot;system/LazyTiddlersPlugin/257449;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system" server.permissions="read" server.content-type="text/javascript" _hash="ff4cbdc610912a4d414585fec3b272c9ab02fafb">
    5341. 

  5341. <pre>/***
    5342. 

  5342. |''Requires''|TiddlyWebConfig|
    5343. 

  5343. ***/
    5344. 

  5344. 

  5345. //{{{
    5346. 

  5346. (function($) {
    5347. 

  5347.     var callback = function(context, userParams) {
    5348. 

  5348.         if(!context.status) {
    5349. 

  5349.             return; // XXX: oughta do something
    5350. 

  5350.         }
    5351. 

  5351.         var tiddler = context.tiddler;
    5352. 

  5352.         var dirty = store.isDirty();
    5353. 

  5353.         store.setDirty(false);
    5354. 

  5354.         store.saveTiddler(tiddler.title, tiddler.title, tiddler.text,
    5355. 

  5355.             tiddler.modifier, tiddler.modified, tiddler.tgags, tiddler.fields,
    5356. 

  5356.             true, tiddler.created, tiddler.creator);
    5357. 

  5357.         store.setDirty(dirty);
    5358. 

  5358.     };
    5359. 

  5359. 

  5360.     try {
    5361. 

  5361.         var tiddler = store.getTiddler('LazyTiddlers');
    5362. 

  5362.         var adaptor = tiddler.getAdaptor();
    5363. 

  5363.         var tiddlers = tiddler.text.split(&quot;\n&quot;);
    5364. 

  5364.         var host = adaptor.fullHostName(tiddler.fields[&quot;server.host&quot;]);
    5365. 

  5365. 

  5366.         $.each(tiddlers, function(i, tiddler) {
    5367. 

  5367.             var tiddler_info = tiddler.split(&quot;:&quot;);
    5368. 

  5368.             var bag = tiddler_info.shift();
    5369. 

  5369.             var title = tiddler_info.join(&quot;:&quot;);
    5370. 

  5370.             var context = {workspace: &quot;bags/&quot; + bag, host: host};
    5371. 

  5371.             adaptor.getTiddler(title, context, null, callback);
    5372. 

  5372.         });
    5373. 

  5373.     } catch(err) {} // Unable to get LazyTiddlers, don't do anything
    5374. 

  5374. 

  5375. })(jQuery);
    5376. 

  5376. //}}}</pre>
    5377. 

  5377. </div>
    5378. 

  5378. <div title="LessBackupsPlugin" creator="pmario" modifier="pmario" created="201102072057" modified="201102072057" tags="systemConfig" server.title="LessBackupsPlugin" server.page.revision="245605" server.etag="&quot;fancybox_public/LessBackupsPlugin/245605;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="4284d5f1f0babbb7b452b404d8d478ad426d7f8f">
    5379. 

  5379. <pre>/***
    5380. 

  5380. |Name:|LessBackupsPlugin|
    5381. 

  5381. |Description:|Intelligently limit the number of backup files you create|
    5382. 

  5382. |Version:|3.0.1 ($Rev: 2320 $)|
    5383. 

  5383. |Date:|$Date: 2007-06-18 22:37:46 +1000 (Mon, 18 Jun 2007) $|
    5384. 

  5384. |Source:|http://mptw.tiddlyspot.com/#LessBackupsPlugin|
    5385. 

  5385. |Author:|Simon Baird|
    5386. 

  5386. |Email:|simon.baird@gmail.com|
    5387. 

  5387. |License:|http://mptw.tiddlyspot.com/#TheBSDLicense|
    5388. 

  5388. !!Description
    5389. 

  5389. You end up with just backup one per year, per month, per weekday, per hour, minute, and second.  So total number won't exceed about 200 or so. Can be reduced by commenting out the seconds/minutes/hours line from modes array
    5390. 

  5390. !!Notes
    5391. 

  5391. Works in IE and Firefox only.  Algorithm by Daniel Baird. IE specific code by by Saq Imtiaz.
    5392. 

  5392. ***/
    5393. 

  5393. //{{{
    5394. 

  5394. 

  5395. var MINS  = 60 * 1000;
    5396. 

  5396. var HOURS = 60 * MINS;
    5397. 

  5397. var DAYS  = 24 * HOURS;
    5398. 

  5398. 

  5399. if (!config.lessBackups) {
    5400. 

  5400. 	config.lessBackups = {
    5401. 

  5401. 		// comment out the ones you don't want or set config.lessBackups.modes in your 'tweaks' plugin
    5402. 

  5402. 		modes: [
    5403. 

  5403. 			[&quot;YYYY&quot;,  365*DAYS], // one per year for ever
    5404. 

  5404. 			[&quot;MMM&quot;,   31*DAYS],  // one per month
    5405. 

  5405. 			[&quot;ddd&quot;,   7*DAYS],   // one per weekday
    5406. 

  5406. 			//[&quot;d0DD&quot;,  1*DAYS],   // one per day of month
    5407. 

  5407. 			[&quot;h0hh&quot;,  24*HOURS], // one per hour
    5408. 

  5408. 			[&quot;m0mm&quot;,  1*HOURS],  // one per minute
    5409. 

  5409. 			[&quot;s0ss&quot;,  1*MINS],   // one per second
    5410. 

  5410. 			[&quot;latest&quot;,0]         // always keep last version. (leave this).
    5411. 

  5411. 		]
    5412. 

  5412. 	};
    5413. 

  5413. }
    5414. 

  5414. 

  5415. window.getSpecialBackupPath = function(backupPath) {
    5416. 

  5416. 

  5417. 	var now = new Date();
    5418. 

  5418. 

  5419. 	var modes = config.lessBackups.modes;
    5420. 

  5420. 

  5421. 	for (var i=0;i&lt;modes.length;i++) {
    5422. 

  5422. 

  5423. 		// the filename we will try
    5424. 

  5424. 		var specialBackupPath = backupPath.replace(/(\.)([0-9]+\.[0-9]+)(\.html)$/,
    5425. 

  5425. 				'$1'+now.formatString(modes[i][0]).toLowerCase()+'$3')
    5426. 

  5426. 

  5427. 		// open the file
    5428. 

  5428. 		try {
    5429. 

  5429. 			if (config.browser.isIE) {
    5430. 

  5430. 				var fsobject = new ActiveXObject(&quot;Scripting.FileSystemObject&quot;)
    5431. 

  5431. 				var fileExists  = fsobject.FileExists(specialBackupPath);
    5432. 

  5432. 				if (fileExists) {
    5433. 

  5433. 					var fileObject = fsobject.GetFile(specialBackupPath);
    5434. 

  5434. 					var modDate = new Date(fileObject.DateLastModified).valueOf();
    5435. 

  5435. 				}
    5436. 

  5436. 			}
    5437. 

  5437. 			else {
    5438. 

  5438. 				netscape.security.PrivilegeManager.enablePrivilege(&quot;UniversalXPConnect&quot;);
    5439. 

  5439. 				var file = Components.classes[&quot;@mozilla.org/file/local;1&quot;].createInstance(Components.interfaces.nsILocalFile);
    5440. 

  5440. 				file.initWithPath(specialBackupPath);
    5441. 

  5441. 				var fileExists = file.exists();
    5442. 

  5442. 				if (fileExists) {
    5443. 

  5443. 					var modDate = file.lastModifiedTime;
    5444. 

  5444. 				}
    5445. 

  5445. 			}
    5446. 

  5446. 		}
    5447. 

  5447. 		catch(e) {
    5448. 

  5448. 			// give up
    5449. 

  5449. 			return backupPath;
    5450. 

  5450. 		}
    5451. 

  5451. 

  5452. 		// expiry is used to tell if it's an 'old' one. Eg, if the month is June and there is a
    5453. 

  5453. 		// June file on disk that's more than an month old then it must be stale so overwrite
    5454. 

  5454. 		// note that &quot;latest&quot; should be always written because the expiration period is zero (see above)
    5455. 

  5455. 		var expiry = new Date(modDate + modes[i][1]);
    5456. 

  5456. 		if (!fileExists || now &gt; expiry)
    5457. 

  5457. 			return specialBackupPath;
    5458. 

  5458. 	}
    5459. 

  5459. }
    5460. 

  5460. 

  5461. // hijack the core function
    5462. 

  5462. window.getBackupPath_mptw_orig = window.getBackupPath;
    5463. 

  5463. window.getBackupPath = function(localPath) {
    5464. 

  5464. 	return getSpecialBackupPath(getBackupPath_mptw_orig(localPath));
    5465. 

  5465. }
    5466. 

  5466. 

  5467. //}}}
    5468. 

  5468. 

  5469. </pre>
    5470. 

  5470. </div>
    5471. 

  5471. <div title="LightBlue" creator="pmario" modifier="pmario" created="201011081321" modified="201011081322" tags="excludeLists systemPalette" server.title="LightBlue" server.page.revision="107118" server.etag="&quot;neui-em_public/LightBlue/107118;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="f8ab9a39a816a5549f388cf1f48e9f4b3abaccd6">
    5472. 

  5472. <pre>/*{{{*/
    5473. 

  5473. Background: #e3eaf2
    5474. 

  5474. Foreground: #0c141b
    5475. 

  5475. PrimaryPale: #ffffff
    5476. 

  5476. PrimaryLight: #adc3d9
    5477. 

  5477. PrimaryMid: #5b87b3
    5478. 

  5478. PrimaryDark: #0a0f15
    5479. 

  5479. SecondaryPale: #ffffff
    5480. 

  5480. SecondaryLight: #bed9ad
    5481. 

  5481. SecondaryMid: #7eb35b
    5482. 

  5482. SecondaryDark: #0e150a
    5483. 

  5483. TertiaryPale: #ffffff
    5484. 

  5484. TertiaryLight: #d9adc7
    5485. 

  5485. TertiaryMid: #b35b90
    5486. 

  5486. TertiaryDark: #150a11
    5487. 

  5487. Error: #f88
    5488. 

  5488. ColorPaletteParameters: HSL([210|66], [0.36509835156374804],[0.06232365550379004|1])
    5489. 

  5489. /*}}}*/</pre>
    5490. 

  5490. </div>
    5491. 

  5491. <div title="Like" creator="pmario" modifier="pmario" created="201011042131" modified="201011042131" tags="TopMenu" server.title="Like" server.page.revision="107119" server.etag="&quot;neui-em_public/Like/107119;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="9dcd4d4405f667f5980e4e9d8259ae3289ee79a1">
    5492. 

  5492. <pre>!You like the ~Neui-em stuff?
    5493. 

  5493. #Create a tiddler named &quot;~@neui-em&quot;
    5494. 

  5494. #Tag this tiddler &quot;like&quot;
    5495. 

  5495. !!Who likes Neui-em theme
    5496. 

  5496. &lt;&lt;tsScan @neui-em tag:like fat:y template:&quot;Like##like&quot;&gt;&gt; 
    5497. 

  5497. 

  5498. !Important
    5499. 

  5499. This tiddler should contain the activity macro which is part of the @following space.
    5500. 

  5500. If you want to use it, you need to go to backstage and include it.
    5501. 

  5501. 

  5502. /%
    5503. 

  5503. !like
    5504. 

  5504. &lt;&lt;image http://$1.tiddlyspace.com/bags/$1_public/tiddlers/SiteIcon 24 24&gt;&gt; @$1 likes FreeStyle suff :)
    5505. 

  5505. &lt;&lt;&lt;
    5506. 

  5506. &lt;&lt;view text text&gt;&gt;
    5507. 

  5507. &lt;&lt;&lt;
    5508. 

  5508. !end
    5509. 

  5509. %/</pre>
    5510. 

  5510. </div>
    5511. 

  5511. <div title="MainMenu" creator="pmario" modifier="pmario" created="201008061923" modified="201010181655" server.title="MainMenu" server.page.revision="107126" server.etag="&quot;neui-em_public/MainMenu/107126;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="2605c5887329b618d8cc0329c20c5c09cbcbf79e">
    5512. 

  5512. <pre>{{noBullets{&lt;&lt;xList xCase &quot;sort.&quot; &quot;.&quot; &quot;[tag[mainMenu]]&quot;&gt;&gt;}}}/%
    5513. 

  5513. see the descriptions about the above at: http://apm-plugins.tiddlyspot.com/#StylingPackage.
    5514. 

  5514. have fun!
    5515. 

  5515. -m
    5516. 

  5516. %/</pre>
    5517. 

  5517. </div>
    5518. 

  5518. <div title="ManualCalls" creator="pmario" modifier="pmario" created="201102131915" modified="201102261446" tags="excludeLists excludeSearch" server.title="ManualCalls" server.page.revision="256016" server.etag="&quot;fancybox_public/ManualCalls/256016;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="18e75fce2a4ff0f58c1b3c407798397f8d720bac" changecount="2">
    5519. 

  5519. <pre>!!!Manual Calls Button
    5520. 

  5520. &lt;&lt;fancyBox button:&quot;click me&quot; tag:manual index:1 fancy:&quot;SlideShowConfig##Fancy&quot; defaults:&quot;SlideShowConfig##Default&quot;&gt;&gt;
    5521. 

  5521. !!!Manual Call Picture Button
    5522. 

  5522. {{trImageBackground{&lt;&lt;fancyBox imageButton:&quot;[img[Mexico|Stack.png]]&quot; tag:manual fancy:&quot;SlideShowConfig##Fancy&quot; defaults:&quot;SlideShowConfig##Default&quot;&gt;&gt;}}}
    5523. 

  5523. </pre>
    5524. 

  5524. </div>
    5525. 

  5525. <div title="MarkupPostBody" creator="pmario" modifier="pmario" created="201102072300" modified="201102072300" server.title="MarkupPostBody" server.page.revision="245737" server.etag="&quot;fancybox_private/MarkupPostBody/245737;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="d7048b5083b0669942cb6ea5671feedda643d5ef">
    5526. 

  5526. <pre>&lt;script src=&quot;loadExternal.js&quot; language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; </pre>
    5527. 

  5527. </div>
    5528. 

  5528. <div title="MarkupPreHead" creator="fancybox" modifier="fancybox" created="201101181525" modified="201101181525" tags="excludeLists" server.title="MarkupPreHead" server.page.revision="47597" server.etag="&quot;fancybox_public/MarkupPreHead/47597;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="7343fa2de738e73e77a54c4c21604b5ad6829e46">
    5529. 

  5529. <pre>&lt;!--{{{--&gt;
    5530. 

  5530. &lt;link rel=&quot;shortcut icon&quot; href=&quot;/recipes/fancybox_public/tiddlers/favicon.ico&quot; /&gt;
    5531. 

  5531. &lt;link href=&quot;/bags/fancybox_public/tiddlers.atom&quot; rel=&quot;alternate&quot;
    5532. 

  5532. 	type=&quot;application/atom+xml&quot; title=&quot;fancybox's public feed&quot; /&gt;
    5533. 

  5533. &lt;!--}}}--&gt;</pre>
    5534. 

  5534. </div>
    5535. 

  5535. <div title="MpBlue" creator="pmario" modifier="pmario" created="201008061923" modified="201009181705" tags="excludeLists" server.title="MpBlue" server.page.revision="107132" server.etag="&quot;neui-em_public/MpBlue/107132;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="7241d8ff222af90a09db28bdf237d359c4160da4">
    5536. 

  5536. <pre>/*{{{*/
    5537. 

  5537. Name: MpBlue
    5538. 

  5538. Background: #ffd
    5539. 

  5539. Foreground: #000
    5540. 

  5540. PrimaryPale: #ccd
    5541. 

  5541. PrimaryLight: #57c
    5542. 

  5542. PrimaryMid: #114
    5543. 

  5543. PrimaryDark: #012
    5544. 

  5544. SecondaryPale: #ffc
    5545. 

  5545. SecondaryLight: #fe8
    5546. 

  5546. SecondaryMid: #db4
    5547. 

  5547. SecondaryDark: #841
    5548. 

  5548. TertiaryPale: #eee
    5549. 

  5549. TertiaryLight: #ccc
    5550. 

  5550. TertiaryMid: #999
    5551. 

  5551. TertiaryDark: #666
    5552. 

  5552. Error: #f88
    5553. 

  5553. /*{{{*/
    5554. 

  5554. </pre>
    5555. 

  5555. </div>
    5556. 

  5556. <div title="MpGreen" creator="pmario" modifier="pmario" created="201008061923" modified="201009181705" tags="excludeLists systemPalette" server.title="MpGreen" server.page.revision="107134" server.etag="&quot;neui-em_public/MpGreen/107134;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="4249b76cbe1802993e4115ccdf050317177cf966">
    5557. 

  5557. <pre>/*{{{*/
    5558. 

  5558. Name: MpGreen
    5559. 

  5559. Background: #cec
    5560. 

  5560. Foreground: #000
    5561. 

  5561. PrimaryPale: #9b9
    5562. 

  5562. PrimaryLight: #385
    5563. 

  5563. PrimaryMid: #031
    5564. 

  5564. PrimaryDark: #020
    5565. 

  5565. SecondaryPale: #ffc
    5566. 

  5566. SecondaryLight: #fe8
    5567. 

  5567. SecondaryMid: #db4
    5568. 

  5568. SecondaryDark: #841
    5569. 

  5569. TertiaryPale: #eee
    5570. 

  5570. TertiaryLight: #ccc
    5571. 

  5571. TertiaryMid: #999
    5572. 

  5572. TertiaryDark: #666
    5573. 

  5573. Error: #f88
    5574. 

  5574. /*}}}*/</pre>
    5575. 

  5575. </div>
    5576. 

  5576. <div title="NEW: FancyBoxPlugin" creator="fancybox" modifier="fancybox" created="201101281540" modified="201102210959" tags="@news" server.title="NEW: FancyBoxPlugin" server.page.revision="260298" server.etag="&quot;fancybox_public/NEW%3A%20FancyBoxPlugin/260298;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="a861a5be944bcf7767d4fad05b58e3b828a29800">
    5577. 

  5577. <pre>*@fancybox site adds FancyBoxPlugin@fancybox for easy usage with TW. It includes the FancyBox library from http://fancybox.net. Have fun! 
    5578. 

  5578. *Feel free to test it. See Examples at: http://fancybox.tiddlyspace.com/#About.
    5579. 

  5579. *Feedback is very welcome at: [[TiddlyWiki group|http://groups.google.com/group/tiddlywiki?hl=en]]</pre>
    5580. 

  5580. </div>
    5581. 

  5581. <div title="NeUIemRevisionTemplate" creator="pmario" modifier="pmario" created="201008061923" modified="201009292024" tags="excludeLists" server.title="NeUIemRevisionTemplate" server.page.revision="107138" server.etag="&quot;neui-em_public/NeUIemRevisionTemplate/107138;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="bbf66944a0b653b95a8b8e39deb1d02b53fcac7a">
    5582. 

  5582. <pre>&lt;!--{{{--&gt;
    5583. 

  5583. &lt;div macro='slideRevision'&gt;&lt;/div&gt;
    5584. 

  5584. [[NeUIemTheme##ViewTemplate]]
    5585. 

  5585. &lt;!--}}}--&gt;
    5586. 

  5586. 

  5587. </pre>
    5588. 

  5588. </div>
    5589. 

  5589. <div title="NeUIemTheme" creator="pmario" modifier="pmario" created="201008111759" modified="201102211032" tags="systemTheme" server.title="NeUIemTheme" server.page.revision="260331" server.etag="&quot;neui-em_public/NeUIemTheme/260331;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" publish.name="NeUIemTheme" _hash="4772f3b144eed9f1408457a6b1937d5e745fa9a9">
    5590. 

  5590. <pre>|''Name:''|[[NeUIemTheme]]|
    5591. 

  5591. |''Description:''|Your description here!|
    5592. 

  5592. |''Generator:''|[[TW FreeStyle|http://FreeStyle.tiddlyspace.com]]|
    5593. 

  5593. |''Gen.Description:''|Automatically generated from: tsNeUIemProject|
    5594. 

  5594. |''PageTemplate:''|##PageTemplate|
    5595. 

  5595. |''ViewTemplate:''|##ViewTemplate|
    5596. 

  5596. |''EditTemplate:''|##EditTemplate|
    5597. 

  5597. |''RevisionTemplate:''|NeUIemTheme##RevisionTemplate|
    5598. 

  5598. |''StyleSheet:''|##StyleSheet|
    5599. 

  5599. |''UsedClones:''|StyleSheetHeaderMp StyleSheetMenuBarMp StyleSheetSideBarMp StyleSheetTiddlerMp StyleSheetTiddlySpaceMp StyleSheet_neui-em EmasticSystem NeuiemZzConfig:zzConfig TerminateStyleSheet:StyleSheet CSideBarTabs CSidebarOptions CSidebarTools NeuiemSidebarTools:SidebarTools TopMenu SideBarOptions OptionsPanel [[sidebarSearch]] FontPalette ToolbarCommands GettingStarted NeUIemTheme01 NeUIemTheme02 NeUIemTheme03 NeUIemTheme04 |
    5600. 

  5600. 

  5601. !Important
    5602. 

  5602. If any of the obove clones is missing, the theme may not work.
    5603. 

  5603. 

  5604. !PageTemplate
    5605. 

  5605. &lt;!--{{{--&gt;
    5606. 

  5606. 

  5607. 

  5608. &lt;!-- tsRowTitle --&gt;
    5609. 

  5609. &lt;div class='dp100 header clearfix'&gt;
    5610. 

  5610. 	&lt;!-- tsColTitle --&gt;
    5611. 

  5611. 	&lt;div class='dp80'&gt;
    5612. 

  5612. 		&lt;!-- BoxTsHeader --&gt;		
    5613. 

  5613. 		&lt;div class='box headerForeground'&gt;
    5614. 

  5614. 			&lt;span class='siteTitle' refresh='content' tiddler='SiteTitle'&gt;&lt;/span&gt;&amp;nbsp;
    5615. 

  5615. 			&lt;span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'&gt;&lt;/span&gt;
    5616. 

  5616. 		&lt;/div&gt;
    5617. 

  5617. 	&lt;/div&gt;
    5618. 

  5618. 

  5619. 	&lt;!-- tsColSearch --&gt;
    5620. 

  5620. 	&lt;div class='dp20'&gt;
    5621. 

  5621. 		&lt;!-- tsBoxGoto --&gt;		
    5622. 

  5622. 		&lt;div id='sidebarSearch' class='box searchForeground'&gt;
    5623. 

  5623. 			&lt;div refresh='content' tiddler='sidebarSearch'&gt;&lt;/div&gt;
    5624. 

  5624. 		&lt;/div&gt;
    5625. 

  5625. 	&lt;/div&gt;
    5626. 

  5626. &lt;/div&gt;	&lt;!-- row --&gt;
    5627. 

  5627. 

  5628. 

  5629. &lt;!-- tsRowMenuBar --&gt;
    5630. 

  5630. &lt;div id='menuBar' class='dp100 clearfix'&gt;
    5631. 

  5631. 	&lt;!-- tsColTopMenue --&gt;
    5632. 

  5632. 	&lt;div class='dp60'&gt;
    5633. 

  5633. 		&lt;!-- tsBoxTopMenue --&gt;		
    5634. 

  5634. 		&lt;!-- horizontal TopMenu --&gt;
    5635. 

  5635. 		&lt;div class='box topMenu clearfix' refresh='content' tiddler='TopMenu'&gt;&lt;/div&gt;
    5636. 

  5636. 	&lt;/div&gt;
    5637. 

  5637. 

  5638. 	&lt;!-- tsColThemeSwitcher --&gt;
    5639. 

  5639. 	&lt;div class='dp40'&gt;
    5640. 

  5640. 		&lt;!-- tsBoxThemeSwitcher --&gt;		
    5641. 

  5641. 		&lt;div id='sidebarOptions' class='dpfr' refresh='content' tiddler='SideBarOptions'&gt;&lt;/div&gt;
    5642. 

  5642. 	&lt;/div&gt;
    5643. 

  5643. &lt;/div&gt;	&lt;!-- row --&gt;
    5644. 

  5644. 

  5645. 

  5646. &lt;!-- tsRowBody --&gt;
    5647. 

  5647. &lt;div class='dp100 clearfix row'&gt;
    5648. 

  5648. 	&lt;!-- tsColSidebar --&gt;
    5649. 

  5649. 	&lt;div id='sidebar' class='dp15 dpfr' style='width:15%; position:relative;'&gt;
    5650. 

  5650. 		&lt;!-- tsBoxSidebarTools --&gt;		
    5651. 

  5651. 		&lt;div id='sidebarTools' class='box' refresh='content' force='true' tiddler='CSidebarTools'&gt;&lt;/div&gt;
    5652. 

  5652. 

  5653. 		&lt;!-- tsBoxSidebarTabs --&gt;		
    5654. 

  5654. 		&lt;div id='sidebarTabs' class='box' refresh='content' force='true' tiddler='CSideBarTabs'&gt;&lt;/div&gt;
    5655. 

  5655. 	&lt;/div&gt;
    5656. 

  5656. 

  5657. 	&lt;!-- tsColMainMenu --&gt;
    5658. 

  5658. 	&lt;div class='dp15'&gt;
    5659. 

  5659. 		&lt;!-- tsBoxMainMenu --&gt;		
    5660. 

  5660. 		&lt;!-- original MainMenu menu --&gt;
    5661. 

  5661. 		&lt;div id='mainMenu' refresh='content' tiddler='MainMenu'&gt;&lt;/div&gt;
    5662. 

  5662. 	&lt;/div&gt;
    5663. 

  5663. 

  5664. 	&lt;!-- tsColDisplayArea --&gt;
    5665. 

  5665. 	&lt;div id='displayArea' class='dp70'&gt;
    5666. 

  5666. 		&lt;!-- tsBoxMessageArea --&gt;		
    5667. 

  5667. 		&lt;div id='messageArea' class='box'&gt;&lt;/div&gt;
    5668. 

  5668. 

  5669. 		&lt;!-- tsBoxBreadCrumbs --&gt;		
    5670. 

  5670. 		&lt;div id='breadCrumbs' class='breadCrumbs box'&gt;&lt;/div&gt;
    5671. 

  5671. 

  5672. 		&lt;!-- tsBoxTiddlersBar --&gt;		
    5673. 

  5673. 		&lt;div id='tiddlersBar' refresh='none' ondblclick='config.macros.tiddlersBar.onTiddlersBarAction(event)'&gt;&lt;/div&gt;
    5674. 

  5674. 

  5675. 		&lt;!-- tsBoxTiddlerDisplay --&gt;		
    5676. 

  5676. 		&lt;div id='tiddlerDisplay' class='box'&gt;&lt;/div&gt;
    5677. 

  5677. 	&lt;/div&gt;
    5678. 

  5678. &lt;/div&gt;	&lt;!-- row --&gt;
    5679. 

  5679. 

  5680. &lt;!--}}}--&gt;
    5681. 

  5681. !ViewTemplate
    5682. 

  5682. &lt;!--{{{--&gt;
    5683. 

  5683. 

  5684. 

  5685. &lt;!-- tsVT_NEUIem --&gt;
    5686. 

  5686. &lt;div class='dp100 clearfix'&gt;
    5687. 

  5687. 	&lt;!-- tsVT_toolbar --&gt;
    5688. 

  5688. 	&lt;div class='dp100'&gt;
    5689. 

  5689. 		&lt;!-- tsBoxVT_FollowPlaceHolder --&gt;		
    5690. 

  5690. 		&lt;div class='followPlaceHolder' macro='followTiddlersButton'&gt;
    5691. 

  5691. 			&lt;span macro=&quot;view title replyLink&quot;&gt;&lt;/span&gt;
    5692. 

  5692. 		&lt;/div&gt;
    5693. 

  5693. 

  5694. 		&lt;!-- tsBoxVT_Toolbar --&gt;		
    5695. 

  5695. 		&lt;div class='box toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]] icons:yes'&gt;&lt;/div&gt;
    5696. 

  5696. 	&lt;/div&gt;
    5697. 

  5697. 

  5698. 	&lt;!-- tsVT_leftCol --&gt;
    5699. 

  5699. 	&lt;div class='dp10'&gt;
    5700. 

  5700. 		&lt;!-- tsBoxVT_SiteIcon --&gt;		
    5701. 

  5701. 		&lt;div class='box spaceSiteIcon' macro='tiddlerOrigin label:yes height:48 width:48'&gt;&lt;/div&gt;
    5702. 

  5702. 

  5703. 		&lt;!-- BoxVT_Calender --&gt;		
    5704. 

  5704. 		&lt;div class='box calendar' macro='viewRevisions page:5'&gt;
    5705. 

  5705. 			&lt;div class='month' macro='view modified date mmm'&gt;&lt;/div&gt;
    5706. 

  5706. 			&lt;div class='date' macro='view modified date 0DD'&gt;&lt;/div&gt;
    5707. 

  5707. 			&lt;!-- div class='time' macro='view modified date 0hh:0mm'&gt;&lt;/div  --&gt;
    5708. 

  5708. 		&lt;/div&gt;
    5709. 

  5709. 

  5710. 		&lt;!-- BoxVTts_tagged --&gt;		
    5711. 

  5711. 		&lt;div class='box tagged' macro='tags'&gt;&lt;/div&gt;
    5712. 

  5712. 		&lt;div class='box' macro='tiddler CTagBox'&gt;&lt;/div&gt;
    5713. 

  5713. 	&lt;/div&gt;
    5714. 

  5714. 

  5715. 	&lt;!-- tsViewTemplate --&gt;
    5716. 

  5716. 	&lt;div class='dp90'&gt;
    5717. 

  5717. 		&lt;!-- tsBox_ModifierIcon --&gt;		
    5718. 

  5718. 		&lt;div class='box modifierIcon dpfr'
    5719. 

  5719. 			macro='view modifier SiteIcon label:yes height:30 width:30 labelPrefix:&quot;modified by &quot;'&gt;
    5720. 

  5720. 		&lt;/div&gt;
    5721. 

  5721. 

  5722. 		&lt;!-- tsBoxVT_Title --&gt;		
    5723. 

  5723. 		&lt;div class='titleContainer'&gt;
    5724. 

  5724. 			&lt;div class='box title' macro='view title'&gt;&lt;/div&gt;
    5725. 

  5725. 		&lt;/div&gt;
    5726. 

  5726. 

  5727. 		&lt;!-- tsBox_concertina --&gt;		
    5728. 

  5728. 		&lt;div class='box concertina clear'&gt;&lt;/div&gt;
    5729. 

  5729. 

  5730. 		&lt;!-- tsBoxVT_Body --&gt;		
    5731. 

  5731. 		&lt;div class='box content'&gt;
    5732. 

  5732. 			&lt;div class='viewer' macro='view text wikified'&gt;&lt;/div&gt;
    5733. 

  5733. 		&lt;/div&gt;
    5734. 

  5734. 

  5735. 		&lt;!-- tsBoxVT_TagglyTaggingFooter --&gt;		
    5736. 

  5736. 		&lt;div class=&quot;box tagglyTagging&quot; macro=&quot;tagglyTagging&quot;&gt;&lt;/div&gt;
    5737. 

  5737. 

  5738. 		&lt;!-- tsBox_StoryGlue --&gt;		
    5739. 

  5739. 		&lt;div class='box storyGlue' macro='storyGlue fsStory ACTIVESTORY'&gt;&lt;/div&gt;
    5740. 

  5740. 	&lt;/div&gt;
    5741. 

  5741. &lt;/div&gt;	&lt;!-- row --&gt;
    5742. 

  5742. 

  5743. &lt;!--}}}--&gt;
    5744. 

  5744. !EditTemplate
    5745. 

  5745. &lt;!--{{{--&gt;
    5746. 

  5746. 

  5747. 

  5748. &lt;!-- tsET_NEUIem --&gt;
    5749. 

  5749. &lt;div class='dp100 clearfix'&gt;
    5750. 

  5750. 	&lt;!-- tsEditTemplate --&gt;
    5751. 

  5751. 	&lt;div class='dp100'&gt;
    5752. 

  5752. 		&lt;!-- BoxET_tsEditToolbar --&gt;		
    5753. 

  5753. 		&lt;div class='box dpfr toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]] icons:yes'&gt;&lt;/div&gt;
    5754. 

  5754. 

  5755. 		&lt;!-- BoxET_tsSetPrivate --&gt;		
    5756. 

  5756. 		&lt;div class=&quot;box dpfr privacyEdit&quot; macro='setPrivacy label:no interactive:yes'&gt;&lt;/div&gt;
    5757. 

  5757. 		&lt;div class='box dpfr editSpaceSiteIcon'	macro='tiddlerOrigin height:25 width:25 label:no interactive:no'&gt;&lt;/div&gt;
    5758. 

  5758. 

  5759. 		&lt;!-- BoxET_tsTitle --&gt;		
    5760. 

  5760. 		&lt;div class='box title' macro='view title'&gt;&lt;/div&gt;
    5761. 

  5761. 

  5762. 		&lt;!-- BoxET_tsEditTitle --&gt;		
    5763. 

  5763. 		&lt;div class='box editor' macro='edit title'&gt;&lt;/div&gt;
    5764. 

  5764. 		&lt;div macro='annotations'&gt;&lt;/div&gt;
    5765. 

  5765. 

  5766. 		&lt;!-- BoxET_tsEditBody --&gt;		
    5767. 

  5767. 		&lt;div class='box editor' macro='edit text'&gt;&lt;/div&gt;
    5768. 

  5768. 

  5769. 		&lt;!-- BoxET_tsTagging --&gt;		
    5770. 

  5770. 		&lt;div class='box save editor' macro='edit tags'&gt;&lt;/div&gt;
    5771. 

  5771. 

  5772. 		&lt;!-- BoxET_tsEditFooter --&gt;		
    5773. 

  5773. 		&lt;div class='box editorFooter'&gt;&lt;span macro='message views.editor.tagPrompt'&gt;&lt;/span&gt;&lt;span macro='tagChooser excludeLists'&gt;&lt;/span&gt;&lt;/div&gt;
    5774. 

  5774. 	&lt;/div&gt;
    5775. 

  5775. &lt;/div&gt;	&lt;!-- row --&gt;
    5776. 

  5776. 

  5777. &lt;!--}}}--&gt;
    5778. 

  5778. !RevisionTemplate
    5779. 

  5779. &lt;!--{{{--&gt;
    5780. 

  5780. 

  5781. 

  5782. &lt;!-- tsRT_NEUIem --&gt;
    5783. 

  5783. &lt;div macro='slideRevision'&gt;&lt;/div&gt;
    5784. 

  5784. &lt;div class='dp100 clearfix'&gt;
    5785. 

  5785. 	&lt;!-- tsRT_toolbar --&gt;
    5786. 

  5786. 	&lt;div class='dp100'&gt;
    5787. 

  5787. 		&lt;!-- tsBoxVT_FollowPlaceHolder --&gt;		
    5788. 

  5788. 		&lt;div class='followPlaceHolder' macro='followTiddlers'&gt;
    5789. 

  5789. 			&lt;span macro=&quot;view title replyLink&quot;&gt;&lt;/span&gt;
    5790. 

  5790. 		&lt;/div&gt;
    5791. 

  5791. 

  5792. 		&lt;!-- tsBoxRT_Toolbar --&gt;		
    5793. 

  5793. 		&lt;div class='box toolbar' macro='toolbar [[ToolbarCommands::RevisionToolbar]] icons:yes'&gt;&lt;/div&gt;
    5794. 

  5794. 	&lt;/div&gt;
    5795. 

  5795. 

  5796. 	&lt;!-- tsVT_leftCol --&gt;
    5797. 

  5797. 	&lt;div class='dp10'&gt;
    5798. 

  5798. 		&lt;!-- tsBoxVT_SiteIcon --&gt;		
    5799. 

  5799. 		&lt;div class='box spaceSiteIcon' macro='tiddlerOrigin label:yes height:48 width:48'&gt;&lt;/div&gt;
    5800. 

  5800. 

  5801. 		&lt;!-- BoxVT_Calender --&gt;		
    5802. 

  5802. 		&lt;div class='box calendar' macro='viewRevisions page:5'&gt;
    5803. 

  5803. 			&lt;div class='month' macro='view modified date mmm'&gt;&lt;/div&gt;
    5804. 

  5804. 			&lt;div class='date' macro='view modified date 0DD'&gt;&lt;/div&gt;
    5805. 

  5805. 			&lt;!-- div class='time' macro='view modified date 0hh:0mm'&gt;&lt;/div  --&gt;
    5806. 

  5806. 		&lt;/div&gt;
    5807. 

  5807. 

  5808. 		&lt;!-- BoxVTts_tagged --&gt;		
    5809. 

  5809. 		&lt;div class='box tagged' macro='tags'&gt;&lt;/div&gt;
    5810. 

  5810. 		&lt;div class='box' macro='tiddler CTagBox'&gt;&lt;/div&gt;
    5811. 

  5811. 	&lt;/div&gt;
    5812. 

  5812. 

  5813. 	&lt;!-- tsViewTemplate --&gt;
    5814. 

  5814. 	&lt;div class='dp90'&gt;
    5815. 

  5815. 		&lt;!-- tsBox_ModifierIcon --&gt;		
    5816. 

  5816. 		&lt;div class='box modifierIcon dpfr'
    5817. 

  5817. 			macro='view modifier SiteIcon label:yes height:30 width:30 labelPrefix:&quot;modified by &quot;'&gt;
    5818. 

  5818. 		&lt;/div&gt;
    5819. 

  5819. 

  5820. 		&lt;!-- tsBoxVT_Title --&gt;		
    5821. 

  5821. 		&lt;div class='titleContainer'&gt;
    5822. 

  5822. 			&lt;div class='box title' macro='view title'&gt;&lt;/div&gt;
    5823. 

  5823. 		&lt;/div&gt;
    5824. 

  5824. 

  5825. 		&lt;!-- tsBox_concertina --&gt;		
    5826. 

  5826. 		&lt;div class='box concertina clear'&gt;&lt;/div&gt;
    5827. 

  5827. 

  5828. 		&lt;!-- tsBoxVT_Body --&gt;		
    5829. 

  5829. 		&lt;div class='box content'&gt;
    5830. 

  5830. 			&lt;div class='viewer' macro='view text wikified'&gt;&lt;/div&gt;
    5831. 

  5831. 		&lt;/div&gt;
    5832. 

  5832. 

  5833. 		&lt;!-- tsBoxVT_TagglyTaggingFooter --&gt;		
    5834. 

  5834. 		&lt;div class=&quot;box tagglyTagging&quot; macro=&quot;tagglyTagging&quot;&gt;&lt;/div&gt;
    5835. 

  5835. 

  5836. 		&lt;!-- tsBox_StoryGlue --&gt;		
    5837. 

  5837. 		&lt;div class='box storyGlue' macro='storyGlue fsStory ACTIVESTORY'&gt;&lt;/div&gt;
    5838. 

  5838. 	&lt;/div&gt;
    5839. 

  5839. &lt;/div&gt;	&lt;!-- row --&gt;
    5840. 

  5840. 

  5841. &lt;!--}}}--&gt;
    5842. 

  5842. !StyleSheet
    5843. 

  5843. /*{{{*/
    5844. 

  5844. Version: 1.0 - 2010.08.12
    5845. 

  5845. 

  5846. /*****************************************************/
    5847. 

  5847. /*-- some simple rules to change the global layout --*/
    5848. 

  5848. /*-- margin should not be uses for row, col, box   --*/
    5849. 

  5849. /*-- margin is used to adjust special elements     --*/
    5850. 

  5850. /*-- The layout doesn't allow padding-left/right or margin-left/right ! for rows and cols --*/
    5851. 

  5851. .row {
    5852. 

  5852. 	margin: 0;
    5853. 

  5853. 	padding: 0;
    5854. 

  5854. 	margin-top: 0.5em;
    5855. 

  5855. }
    5856. 

  5856. 

  5857. /*-- The layout doesn't allow padding-left/right or margin-left/right ! for rows and cols --*/
    5858. 

  5858. /*-- col is not assigned to layout yet --*/
    5859. 

  5859. .col {
    5860. 

  5860. 	margin: 0;
    5861. 

  5861. 	padding: 0;
    5862. 

  5862. }
    5863. 

  5863. 

  5864. /*-- if you want more space between 2 columns use box 2nd and 4th parameter. --*/
    5865. 

  5865. /*-- boxes must have padding-bottom: 0; !! --*/
    5866. 

  5866. .box {
    5867. 

  5867. 	margin: 0;
    5868. 

  5868. 	padding: 0.5em 0.5em 0 0.5em;
    5869. 

  5869. }
    5870. 

  5870. 

  5871. /* general stuff */
    5872. 

  5872. .noBullets ul {
    5873. 

  5873. 	list-style:none;
    5874. 

  5874. }
    5875. 

  5875. 

  5876. .noNumbers ol {
    5877. 

  5877. 	list-style:none;
    5878. 

  5878. }
    5879. 

  5879. 

  5880. .noBr br {
    5881. 

  5881. 	display: none;
    5882. 

  5882. }
    5883. 

  5883. 

  5884. /* prefer monospace for editing */
    5885. 

  5885. .editor textarea, .editor input {
    5886. 

  5886. 	font-size: 90%; 
    5887. 

  5887. 	font-family: [[FontPalette::twEditor]], 'Courier New', monospace; 
    5888. 

  5888. 	background-color:[[ColorPalette::TertiaryPale]];
    5889. 

  5889. }
    5890. 

  5890. 

  5891. /*-- emastic System --*/
    5892. 

  5892. [[EmasticSystem]]
    5893. 

  5893. 

  5894. /*-- theme specific stuff --*/
    5895. 

  5895. [[StyleSheet_neui-em]]
    5896. 

  5896. 

  5897. /*-- call the standard StyleSheet --*/
    5898. 

  5898. [[StyleSheet]]
    5899. 

  5899. 

  5900. /*}}}*/</pre>
    5901. 

  5901. </div>
    5902. 

  5902. <div title="NeUIemTheme01" creator="pmario" modifier="pmario" created="201008181742" modified="201011101903" tags="systemTheme" server.title="NeUIemTheme01" server.page.revision="107169" server.etag="&quot;neui-em_public/NeUIemTheme01/107169;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="89e4b6f66d5c92d7f3602b22e5409c435bd4f4f7">
    5903. 

  5903. <pre>|''Name:''|[[NeUIemTheme01]]|
    5904. 

  5904. |''Description:''|Changes the right sidebar|
    5905. 

  5905. |''Generator:''|[[TW FreeStyle|http://FreeStyle.tiddlyspot.com]]|
    5906. 

  5906. |''Gen.Description:''|Handcrafted by @pmario|
    5907. 

  5907. |''PageTemplate:''|NeUIemTheme##PageTemplate|
    5908. 

  5908. |''ViewTemplate:''|NeUIemTheme##ViewTemplate|
    5909. 

  5909. |''EditTemplate:''|NeUIemTheme##EditTemplate|
    5910. 

  5910. |''RevisionTemplate:''|NeUIemTheme##RevisionTemplate|
    5911. 

  5911. |''StyleSheet:''|##StyleSheet|
    5912. 

  5912. 

  5913. !StyleSheet
    5914. 

  5914. /*{{{*/
    5915. 

  5915. 

  5916. [[NeUIemTheme##StyleSheet]]
    5917. 

  5917. 

  5918. #sidebarTabs .tabset{
    5919. 

  5919. 	float: left;
    5920. 

  5920. 	width: 1em;
    5921. 

  5921. 	padding: 0;
    5922. 

  5922. }
    5923. 

  5923. 

  5924. #sidebarTabs .tabset:hover{
    5925. 

  5925. 	width: auto;
    5926. 

  5926. }
    5927. 

  5927. 

  5928. #sidebarTabs .tabset .tab{
    5929. 

  5929. 	overflow: hidden;
    5930. 

  5930. 	display: block;
    5931. 

  5931. }
    5932. 

  5932. /*}}}*/</pre>
    5933. 

  5933. </div>
    5934. 

  5934. <div title="NeUIemTheme02" creator="pmario" modifier="pmario" created="201008181756" modified="201011101903" tags="systemTheme" server.title="NeUIemTheme02" server.page.revision="107172" server.etag="&quot;neui-em_public/NeUIemTheme02/107172;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="d2d750a5ffff7cf875b0ec308c896ebf400c9712">
    5935. 

  5935. <pre>|''Name:''|[[NeUIemTheme02]]|
    5936. 

  5936. |''Description:''|Changes the right sidebar|
    5937. 

  5937. |''Generator:''|[[TW FreeStyle|http://FreeStyle.tiddlyspot.com]]|
    5938. 

  5938. |''Gen.Description:''|Handcrafted by @pmario|
    5939. 

  5939. |''PageTemplate:''|NeUIemTheme##PageTemplate|
    5940. 

  5940. |''ViewTemplate:''|NeUIemTheme##ViewTemplate|
    5941. 

  5941. |''EditTemplate:''|NeUIemTheme##EditTemplate|
    5942. 

  5942. |''RevisionTemplate:''|NeUIemTheme##RevisionTemplate|
    5943. 

  5943. |''StyleSheet:''|##StyleSheet|
    5944. 

  5944. 

  5945. !StyleSheet
    5946. 

  5946. /*{{{*/
    5947. 

  5947. 

  5948. [[NeUIemTheme##StyleSheet]]
    5949. 

  5949. 

  5950. #sidebarTabs .tabset{
    5951. 

  5951. 	float: left;
    5952. 

  5952. 	width: 1em;
    5953. 

  5953. 	padding: 0;
    5954. 

  5954. }
    5955. 

  5955. 

  5956. #sidebarTabs .tabset:hover{
    5957. 

  5957. 	width: auto;
    5958. 

  5958. 	position:absolute;
    5959. 

  5959. 	right: 86%;
    5960. 

  5960. 	padding-right: 8%;
    5961. 

  5961. 	z-index: 10;
    5962. 

  5962. }
    5963. 

  5963. 

  5964. #sidebarTabs .tabset .tab{
    5965. 

  5965. 	overflow: hidden;
    5966. 

  5966. 	display: block;
    5967. 

  5967. }
    5968. 

  5968. /*}}}*/</pre>
    5969. 

  5969. </div>
    5970. 

  5970. <div title="NeUIemTheme03" creator="pmario" modifier="pmario" created="201008181830" modified="201011101903" tags="systemTheme" server.title="NeUIemTheme03" server.page.revision="107176" server.etag="&quot;neui-em_public/NeUIemTheme03/107176;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="66dcdd2b1bfb88c644defcedf13271c49186165c">
    5971. 

  5971. <pre>|''Name:''|[[NeUIemTheme03]]|
    5972. 

  5972. |''Description:''|Changes the right sidebar|
    5973. 

  5973. |''Generator:''|[[TW FreeStyle|http://FreeStyle.tiddlyspot.com]]|
    5974. 

  5974. |''Gen.Description:''|Handcrafted by @pmario|
    5975. 

  5975. |''PageTemplate:''|NeUIemTheme##PageTemplate|
    5976. 

  5976. |''ViewTemplate:''|NeUIemTheme##ViewTemplate|
    5977. 

  5977. |''EditTemplate:''|NeUIemTheme##EditTemplate|
    5978. 

  5978. |''RevisionTemplate:''|NeUIemTheme##RevisionTemplate|
    5979. 

  5979. |''StyleSheet:''|##StyleSheet|
    5980. 

  5980. 

  5981. !StyleSheet
    5982. 

  5982. /*{{{*/
    5983. 

  5983. 

  5984. [[NeUIemTheme##StyleSheet]]
    5985. 

  5985. 

  5986. #sidebarTabs .tabset{
    5987. 

  5987. 	float: right;
    5988. 

  5988. 	width: 1em;
    5989. 

  5989. 	padding: 0;
    5990. 

  5990. }
    5991. 

  5991. 

  5992. #sidebarTabs .tabset:hover{
    5993. 

  5993. 	width: auto;
    5994. 

  5994. }
    5995. 

  5995. 

  5996. #sidebarTabs .tabset .tab{
    5997. 

  5997. 	overflow: hidden;
    5998. 

  5998. 	display: block;
    5999. 

  5999. }
    6000. 

  6000. /*}}}*/</pre>
    6001. 

  6001. </div>
    6002. 

  6002. <div title="NeUIemTheme04" creator="pmario" modifier="pmario" created="201010081252" modified="201011101902" tags="systemTheme" server.title="NeUIemTheme04" server.page.revision="107182" server.etag="&quot;neui-em_public/NeUIemTheme04/107182;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="d2cde24049a784857475fd236d4a454c6dc9019b">
    6003. 

  6003. <pre>|''Name:''|[[NeUIemTheme04]]|
    6004. 

  6004. |''Description:''|Play with the toolbar visibility|
    6005. 

  6005. |''Generator:''|[[TW FreeStyle|http://FreeStyle.tiddlyspot.com]]|
    6006. 

  6006. |''Gen.Description:''|Handcrafted by @pmario|
    6007. 

  6007. |''PageTemplate:''|NeUIemTheme##PageTemplate|
    6008. 

  6008. |''ViewTemplate:''|NeUIemTheme##ViewTemplate|
    6009. 

  6009. |''EditTemplate:''|NeUIemTheme##EditTemplate|
    6010. 

  6010. |''RevisionTemplate:''|NeUIemTheme##RevisionTemplate|
    6011. 

  6011. |''StyleSheet:''|##StyleSheet|
    6012. 

  6012. 

  6013. !StyleSheet
    6014. 

  6014. /*{{{*/
    6015. 

  6015. [[NeUIemTheme03##StyleSheet]]
    6016. 

  6016. 

  6017. /* Play with the toolbar visibility */
    6018. 

  6018. .toolbar {
    6019. 

  6019. 	visibility: hidden; 
    6020. 

  6020. /*	opacity: 0.2; */
    6021. 

  6021. }
    6022. 

  6022. 

  6023. .selected .toolbar {
    6024. 

  6024. 	visibility: visible; 
    6025. 

  6025. /*	opacity: 1; */
    6026. 

  6026. }
    6027. 

  6027. 

  6028. /*}}}*/</pre>
    6029. 

  6029. </div>
    6030. 

  6030. <div title="NeuiEmTagSearchAddOn" creator="pmario" modifier="pmario" created="201009082211" modified="201010111803" tags="addon excludeLists systemConfig" server.title="NeuiEmTagSearchAddOn" server.page.revision="107499" server.etag="&quot;neui-tagsearch_public/NeuiEmTagSearchAddOn/107499;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-tagsearch_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-tagsearch_public" server.permissions="read, write, create, delete" server.content-type="" _hash="15feedd731174944ba9f2726ff5564735d21fec3">
    6031. 

  6031. <pre>//{{{
    6032. 

  6032. config.shadowTiddlers[&quot;StyleSheetTagSearchNeuiEm&quot;]=&quot;/*{{{*/\n&quot;+
    6033. 

  6033. 	&quot;.tagSearch .button {\n&quot;+
    6034. 

  6034. 	&quot;	-webkit-border-radius: 0px 15px 15px 0px;\n&quot;+
    6035. 

  6035. 	&quot;	-moz-border-radius: 0px 15px 15px 0px;\n&quot;+
    6036. 

  6036. 	&quot;	background-color: white;\n&quot;+
    6037. 

  6037. 	&quot;	border: 2px 2px 2px 0 solid #ccc;\n&quot;+
    6038. 

  6038. 	&quot;	display: block;\n&quot;+
    6039. 

  6039. 	&quot;	margin: 0 0.2em 0.2em -0.9em;\n&quot;+
    6040. 

  6040. 	&quot;	padding: 0 0.4em;\n&quot;+
    6041. 

  6041. 	&quot;	font-size: 0.9em;\n&quot;+
    6042. 

  6042. 	&quot;}\n&quot;+
    6043. 

  6043. 	&quot;/*}}}*/&quot;;
    6044. 

  6044. store.addNotification(&quot;StyleSheetTagSearchNeuiEm&quot;,refreshStyles);
    6045. 

  6045. //}}}</pre>
    6046. 

  6046. </div>
    6047. 

  6047. <div title="New Tiddler" modifier="pmario" created="201103151348" modified="201103151600" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com" server.workspace="bags/fancybox_private" server.bag="fancybox_private" changecount="8">
    6048. 

  6048. <pre>&lt;&lt;manyParams&gt;&gt;
    6049. 

  6049. 

  6050. &lt;&lt;manyParams button:&quot;click me!&quot; tooltip:&quot;some tooltip text&quot;&gt;&gt;
    6051. 

  6051. 

  6052. ''Be aware of the boolParam type !!!''
    6053. 

  6053. {{{
    6054. 

  6054. &lt;&lt;manyParams boolParam:false anyParam1:&quot;parameter 1&quot;&gt;&gt;
    6055. 

  6055. }}}
    6056. 

  6056. &lt;&lt;manyParams boolParam:false anyParam1:&quot;parameter 1&quot;&gt;&gt;
    6057. 

  6057. </pre>
    6058. 

  6058. </div>
    6059. 

  6059. <div title="News" creator="fancybox" modifier="pmario" created="201101211613" modified="201102132033" tags="mainMenu topMenu" server.title="News" server.page.revision="253474" server.etag="&quot;fancybox_public/News/253474;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" sort.topmenu="0002" _hash="f15ce0d1c68c27bdccf90444e261e8f199b216d7">
    6060. 

  6060. <pre>!FancyBox News
    6061. 

  6061. &lt;&lt;tsScan fancybox tag:@news searchField:&quot;modifier&quot; template:&quot;SearchTemplate&quot;&gt;&gt;
    6062. 

  6062. !PMario's News
    6063. 

  6063. &lt;&lt;tsScan pmario tag:@news searchField:&quot;modifier&quot; template:&quot;SearchTemplate&quot;&gt;&gt;</pre>
    6064. 

  6064. </div>
    6065. 

  6065. <div title="OptionsPanel" creator="pmario" modifier="pmario" created="201008061923" modified="201011042046" tags="excludeLists" server.title="OptionsPanel" server.page.revision="107199" server.etag="&quot;neui-em_public/OptionsPanel/107199;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="5b45d13480ff0cc4e1556b680e6e52b68abe85a6">
    6066. 

  6066. <pre>Active user name: &lt;&lt;option txtUserName&gt;&gt;
    6067. 

  6067. These options for customising [[TiddlyWiki]] are saved in your browser
    6068. 

  6068. 

  6069. select theme: &lt;&lt;selectTheme&gt;&gt;
    6070. 

  6070. select palette: &lt;&lt;selectPalette&gt;&gt;
    6071. 

  6071. 

  6072. &lt;&lt;option chkSaveBackups&gt;&gt; [[SaveBackups]]
    6073. 

  6073. &lt;&lt;option chkAutoSave&gt;&gt; [[AutoSave]]
    6074. 

  6074. &lt;&lt;option chkRegExpSearch&gt;&gt; [[RegExpSearch]]
    6075. 

  6075. &lt;&lt;option chkCaseSensitiveSearch&gt;&gt; [[CaseSensitiveSearch]]
    6076. 

  6076. &lt;&lt;option chkAnimate&gt;&gt; [[EnableAnimations]]
    6077. 

  6077. 

  6078. ----
    6079. 

  6079. Also see [[AdvancedOptions]]</pre>
    6080. 

  6080. </div>
    6081. 

  6081. <div title="PageTemplate" creator="osmosoft" modifier="osmosoft" created="201102181425" modified="201102181425" tags="excludeLists excludeSearch" server.title="PageTemplate" server.page.revision="257503" server.etag="&quot;system-theme_public/PageTemplate/257503;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system-theme_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system-theme_public" server.permissions="read" server.content-type="" _hash="f7d57de5937a110a2d275d11eebcd4557fc34f25">
    6082. 

  6082. <pre>&lt;!--{{{--&gt;
    6083. 

  6083. &lt;div class='header'&gt;
    6084. 

  6084. 	&lt;div id='sidebarSearch'&gt;
    6085. 

  6085. 		&lt;span macro='search'&gt;&lt;/span&gt;
    6086. 

  6086. 	&lt;/div&gt;
    6087. 

  6087. 	&lt;div class='headerForeground'&gt;
    6088. 

  6088. 		&lt;span class='siteTitle' refresh='content' tiddler='SiteTitle'&gt;&lt;/span&gt;
    6089. 

  6089. 		&lt;span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'&gt;&lt;/span&gt;
    6090. 

  6090. 	&lt;/div&gt;
    6091. 

  6091. 	&lt;div class='clearFloat'&gt;&lt;/div&gt;
    6092. 

  6092. &lt;/div&gt;
    6093. 

  6093. 

  6094. &lt;div id='menuBar'&gt;
    6095. 

  6095. 	&lt;div id='mainMenu' refresh='content' tiddler='MainMenu'&gt;&lt;/div&gt;
    6096. 

  6096. 	&lt;div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'&gt;&lt;/div&gt;
    6097. 

  6097. &lt;/div&gt;
    6098. 

  6098. &lt;div id='displayArea'&gt;
    6099. 

  6099. 	&lt;div id='messageArea'&gt;&lt;/div&gt;
    6100. 

  6100. 	&lt;div id='tiddlerDisplay'&gt;&lt;/div&gt;
    6101. 

  6101. 	&lt;div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'&gt;&lt;/div&gt;
    6102. 

  6102. &lt;/div&gt;
    6103. 

  6103. &lt;!--}}}--&gt;</pre>
    6104. 

  6104. </div>
    6105. 

  6105. <div title="PaletteViewMacro" creator="pmario" modifier="pmario" created="201008061923" modified="201009181705" tags="excludeLists systemConfig" server.title="PaletteViewMacro" server.page.revision="107203" server.etag="&quot;neui-em_public/PaletteViewMacro/107203;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="22ccb19ee6279cb8ee4047efe5e4ccba03dd3f1d">
    6106. 

  6106. <pre>/***
    6107. 

  6107. |''Name''|PaletteViewMacro|
    6108. 

  6108. |''Version''|0.2|
    6109. 

  6109. |''Author''|FND|
    6110. 

  6110. |''Source''|[[FND's DevPad|http://devpad.tiddlyspot.com/#PaletteViewMacro]]|
    6111. 

  6111. |''License''|[[Creative Commons Attribution-ShareAlike 3.0 License|http://creativecommons.org/licenses/by-sa/3.0/]]|
    6112. 

  6112. |''~CoreVersion''|2.1|
    6113. 

  6113. |''Type''|macro|
    6114. 

  6114. |''Requires''|N/A|
    6115. 

  6115. |''Overrides''|N/A|
    6116. 

  6116. |''Description''|Displays color palettes.|
    6117. 

  6117. !Notes
    6118. 

  6118. There is also [[ViewPalettePlugin|http://simon.tiddlyspot.com/#ViewPalettePlugin]], which currently does not work with TiddlyWiki v2.2 though.
    6119. 

  6119. !Usage
    6120. 

  6120. {{{
    6121. 

  6121. &lt;&lt;paletteView [tiddler name]&gt;&gt;
    6122. 

  6122. }}}
    6123. 

  6123. !!Example
    6124. 

  6124. &lt;&lt;paletteView [[ColorPalette]]&gt;&gt; 
    6125. 

  6125. !Revision History
    6126. 

  6126. !!v0.1 (2007-11-18)
    6127. 

  6127. * initial release
    6128. 

  6128. !!v0.2 (2007-11-20)
    6129. 

  6129. * limited processing to slices containing [[actual color values|http://www.w3.org/TR/CSS21/syndata.html#color-units]]
    6130. 

  6130. * changed fallback value to the tiddler the macro is called from (instead of using [[ColorPalette]])
    6131. 

  6131. !To Do
    6132. 

  6132. * selection list for all available palettes (tag-based)
    6133. 

  6133. * parameter for custom table class
    6134. 

  6134. * customizable column order
    6135. 

  6135. * documentation (e.g. using from within [[ViewTemplate]])
    6136. 

  6136. !Code
    6137. 

  6137. ***/
    6138. 

  6138. //{{{
    6139. 

  6139. config.macros.paletteView = {};
    6140. 

  6140. 

  6141. config.macros.paletteView.handler = function(place, macroName, params, wikifier, paramString, tiddler) {
    6142. 

  6142. 	var title = params[0] || tiddler.title;
    6143. 

  6143. 	//var palettes = store.getTaggedTiddlers(params[0]); // DEBUG: yet to be implemented
    6144. 

  6144. 	var colors = store.calcAllSlices(title);
    6145. 

  6145. 	var labels = [];
    6146. 

  6146. 	for(var c in colors) {
    6147. 

  6147. 		if(this.isColor(colors[c])) {
    6148. 

  6148. 			labels.push(c);
    6149. 

  6149. 		}
    6150. 

  6150. 	}
    6151. 

  6151. 	if(labels.length &gt; 0) {
    6152. 

  6152. 		var output = &quot;|!Sample|!Value|!Name|h\n&quot;;
    6153. 

  6153. 		for(var i = 0; i &lt; labels.length; i++) {
    6154. 

  6154. 			output += &quot;|padding:0 4em;background-color:&quot; + colors[labels[i]] + &quot;;&amp;nbsp;|&quot;
    6155. 

  6155. 				+ &quot;{{{&quot; + colors[labels[i]] + &quot;}}}|&quot;
    6156. 

  6156. 				+ &quot;[[&quot; + labels[i] + &quot;|&quot; + title + &quot;]]|\n&quot;;
    6157. 

  6157. 		}
    6158. 

  6158. 		wikify(output, place);
    6159. 

  6159. 	}
    6160. 

  6160. };
    6161. 

  6161. 

  6162. config.macros.paletteView.isColor = function(s) {
    6163. 

  6163. 	var colors = [&quot;Black&quot;, &quot;Green&quot;, &quot;Silver&quot;, &quot;Lime&quot;, &quot;Gray&quot;, &quot;Olive&quot;, &quot;White&quot;, &quot;Yellow&quot;,
    6164. 

  6164. 		&quot;Maroon&quot;, &quot;Navy&quot;, &quot;Red&quot;, &quot;Blue&quot;, &quot;Purple&quot;, &quot;Teal&quot;, &quot;Fuchsia&quot;, &quot;Aqua&quot;, &quot;Orange&quot;];
    6165. 

  6165. 	var match = s.match(/^#[0-9A-F]{3}$|^#[0-9A-F]{6}$|^RGB\([\d,\s]{5,}\)$/i);
    6166. 

  6166. 	if(match) return true;
    6167. 

  6167. 	if(colors.contains(s)) return true;
    6168. 

  6168. 	return false;
    6169. 

  6169. };
    6170. 

  6170. //}}}</pre>
    6171. 

  6171. </div>
    6172. 

  6172. <div title="PicasaThumbs" creator="pmario" modifier="pmario" created="201102082147" modified="201102082352" server.title="PicasaThumbs" server.page.revision="246805" server.etag="&quot;fancybox_private/PicasaThumbs/246805;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="766df8751937406d316ac336045aff761b42411d">
    6173. 

  6173. <pre>{{{
    6174. 

  6174. https://lh6.googleusercontent.com/_UkSbXgMhEcQ/TVG6suPu2QI/AAAAAAAAACM/zRAb12LJ0wk/s144/01.jpg
    6175. 

  6175. https://lh6.googleusercontent.com/_UkSbXgMhEcQ/TVG6shei6XI/AAAAAAAAACQ/VtHqdhtKSrM/s144/02.jpg
    6176. 

  6176. https://lh6.googleusercontent.com/_UkSbXgMhEcQ/TVG6srCm14I/AAAAAAAAACU/2JhGZEKjttQ/s144/03.jpg
    6177. 

  6177. https://lh4.googleusercontent.com/_UkSbXgMhEcQ/TVG6s6sLXQI/AAAAAAAAACY/DsM97xRXn-M/s144/04.jpg
    6178. 

  6178. https://lh4.googleusercontent.com/_UkSbXgMhEcQ/TVG6sz_bwLI/AAAAAAAAACc/oC0xVt_S9Hc/s144/05.jpg
    6179. 

  6179. https://lh4.googleusercontent.com/_UkSbXgMhEcQ/TVG63VfJ7nI/AAAAAAAAACg/Z-eHUqI7TYA/s144/06.jpg
    6180. 

  6180. https://lh3.googleusercontent.com/_UkSbXgMhEcQ/TVG63W8IQWI/AAAAAAAAACk/GZ2rmsCbkdw/s144/07.jpg
    6181. 

  6181. https://lh3.googleusercontent.com/_UkSbXgMhEcQ/TVG63t4nwXI/AAAAAAAAACo/ZYr1CTyXjIg/s144/08.jpg
    6182. 

  6182. https://lh5.googleusercontent.com/_UkSbXgMhEcQ/TVG63obJxZI/AAAAAAAAACs/wuG7ODwx1AE/s144/09.jpg
    6183. 

  6183. https://lh6.googleusercontent.com/_UkSbXgMhEcQ/TVG637LBekI/AAAAAAAAACw/hBI74d5PCM8/s144/10.jpg
    6184. 

  6184. https://lh3.googleusercontent.com/_UkSbXgMhEcQ/TVG69QdoLrI/AAAAAAAAAC0/zCq0VKDIWh0/s144/11.jpg
    6185. 

  6185. https://lh5.googleusercontent.com/_UkSbXgMhEcQ/TVG69v_tDOI/AAAAAAAAAC4/1Gw0X9t67fg/s144/12.jpg
    6186. 

  6186. https://lh5.googleusercontent.com/_UkSbXgMhEcQ/TVG69peBiCI/AAAAAAAAAC8/YXWnZl8ycKc/s144/13.jpg
    6187. 

  6187. }}}
    6188. 

  6188. 

  6189. https://picasaweb.google.com/data/feed/base/user/PMarioJo/albumid/5571439290287818385?alt=json&amp;hl=de
    6190. 

  6190. https://picasaweb.google.com/data/feed/base/user/PMarioJo?alt=json</pre>
    6191. 

  6191. </div>
    6192. 

  6192. <div title="Pictures" creator="fancybox" modifier="pmario" created="201101211613" modified="201102111136" server.title="Pictures" server.page.revision="249025" server.etag="&quot;fancybox_public/Pictures/249025;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="6fe095dd50ffbd1958a318da00245be96376c75c">
    6193. 

  6193. <pre>[&lt;img[San Benedicto|01.jpg][http://fancybox-pics.tiddlyspace.com/01.jpg]] If the picture link, is a pretty link, the tooltip title will be taken by fancyBox macro. The shark piture has no prettylink. So there will be no slide show title. It is a galapagos shark.
    6194. 

  6194. 

  6195. 

  6196. 

  6197. 

  6198. [&lt;img[Where is the shark?|02.jpg][http://fancybox-pics.tiddlyspace.com/02.jpg]] Where is the shark
    6199. 

  6199. [&gt;img[03.jpg][http://fancybox-pics.tiddlyspace.com/03.jpg]] 
    6200. 

  6200. &lt;br&gt;&lt;br&gt;
    6201. 

  6201. !!!Links that can be used by {{{fancyBox}}} plugin
    6202. 

  6202. &lt;&lt;&lt;
    6203. 

  6203. {{{
    6204. 

  6204. [img[San Benedicto|01.jpg][http://fancybox-pics.tiddlyspace.com/01.jpg]] Lorem ipsum dolor sit amet, 
    6205. 

  6205. [&lt;img[Where is the shark?|02.jpg][http://fancybox-pics.tiddlyspace.com/02.jpg]] Sed condimentum posuere consequat.
    6206. 

  6206. [&gt;img[03.jpg][http://fancybox-pics.tiddlyspace.com/03.jpg]] Donec nec risus non justo 
    6207. 

  6207. }}}
    6208. 

  6208. &lt;&lt;&lt;</pre>
    6209. 

  6209. </div>
    6210. 

  6210. <div title="PicturesFancy Description" creator="pmario" modifier="pmario" created="201102072300" modified="201102072300" server.title="PicturesFancy Description" server.page.revision="245738" server.etag="&quot;fancybox_private/PicturesFancy%20Description/245738;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="b8f35f8a2861a23f00b265a31569d8657c15521e">
    6211. 

  6211. <pre>!OLD
    6212. 

  6212. 

  6213. !!!Simple usage
    6214. 

  6214. 

  6215. If you have an existing text, that contains TW image links like {{{[img[03.jpg][http://fancybox-pics.tiddlyspace.com/03.jpg]]}}} just create a new tiddler and transclude the existing one:
    6216. 

  6216. 

  6217. {{{
    6218. 

  6218. &lt;&lt;tiddler tiddlerName 'className'&gt;&gt;
    6219. 

  6219. 

  6220. &lt;&lt;tiddler Picture03 'fancy'&gt;&gt;
    6221. 

  6221. &lt;&lt;fancyBox selector:'.fancy a'&gt;&gt;
    6222. 

  6222. }}}
    6223. 

  6223. &lt;&lt;tiddler Picture03 'fancy'&gt;&gt;
    6224. 

  6224. &lt;&lt;fancyBox selector:'.fancy a'&gt;&gt;
    6225. 

  6225. some text
    6226. 

  6226. 

  6227. !!!Force Title
    6228. 

  6228. 

  6229. {{{
    6230. 

  6230. &lt;&lt;tiddler Picture03 'fancy1'&gt;&gt;
    6231. 

  6231. &lt;&lt;fancyBox selector:'.fancy1 a' title:'Galapagos Shark'&gt;&gt;
    6232. 

  6232. }}}
    6233. 

  6233. &lt;&lt;tiddler Picture03 'fancy1'&gt;&gt;
    6234. 

  6234. &lt;&lt;fancyBox selector:'.fancy1 a' title:'Galapagos Shark'&gt;&gt;
    6235. 

  6235. some text
    6236. 

  6236. </pre>
    6237. 

  6237. </div>
    6238. 

  6238. <div title="Publisher" creator="pmario" modifier="pmario" created="201009181720" modified="201009181720" server.title="Publisher" server.page.revision="107204" server.etag="&quot;neui-em_public/Publisher/107204;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="fa879ce3306b6c1d67b31bcbcd0e33279861fc24">
    6239. 

  6239. <pre>&lt;&lt;TiddlySpacePublisher&gt;&gt;</pre>
    6240. 

  6240. </div>
    6241. 

  6241. <div title="QuickOpenTagPlugin" creator="pmario" modifier="pmario" created="201008070948" modified="201009181705" tags="excludeLists systemConfig" server.title="QuickOpenTagPlugin" server.page.revision="107209" server.etag="&quot;neui-em_public/QuickOpenTagPlugin/107209;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="2b852671be499cf3d4e8a1b10eb6e91666f9fb90">
    6242. 

  6242. <pre>/***
    6243. 

  6243. |Name:|QuickOpenTagPlugin|
    6244. 

  6244. |Description:|Changes tag links to make it easier to open tags as tiddlers|
    6245. 

  6245. |Version:|3.0.1 ($Rev: 3861 $)|
    6246. 

  6246. |Date:|$Date: 2008-03-08 10:53:09 +1000 (Sat, 08 Mar 2008) $|
    6247. 

  6247. |Source:|http://mptw.tiddlyspot.com/#QuickOpenTagPlugin|
    6248. 

  6248. |Author:|Simon Baird &lt;simon.baird@gmail.com&gt;|
    6249. 

  6249. |License:|http://mptw.tiddlyspot.com/#TheBSDLicense|
    6250. 

  6250. ***/
    6251. 

  6251. //{{{
    6252. 

  6252. config.quickOpenTag = {
    6253. 

  6253. 

  6254. 	dropdownChar: (document.all ? &quot;\u25bc&quot; : &quot;\u25be&quot;), // the little one doesn't work in IE?
    6255. 

  6255. 

  6256. 	createTagButton: function(place,tag,excludeTiddler) {
    6257. 

  6257. 		// little hack so we can do this: &lt;&lt;tag PrettyTagName|RealTagName&gt;&gt;
    6258. 

  6258. 		var splitTag = tag.split(&quot;|&quot;);
    6259. 

  6259. 		var pretty = tag;
    6260. 

  6260. 		if (splitTag.length == 2) {
    6261. 

  6261. 			tag = splitTag[1];
    6262. 

  6262. 			pretty = splitTag[0];
    6263. 

  6263. 		}
    6264. 

  6264. 		
    6265. 

  6265. 		var sp = createTiddlyElement(place,&quot;span&quot;,null,&quot;quickopentag&quot;);
    6266. 

  6266. 		createTiddlyText(createTiddlyLink(sp,tag,false),pretty);
    6267. 

  6267. 		
    6268. 

  6268. 		var theTag = createTiddlyButton(sp,config.quickOpenTag.dropdownChar,
    6269. 

  6269.                         config.views.wikified.tag.tooltip.format([tag]),onClickTag);
    6270. 

  6270. 		theTag.setAttribute(&quot;tag&quot;,tag);
    6271. 

  6271. 		if (excludeTiddler)
    6272. 

  6272. 			theTag.setAttribute(&quot;tiddler&quot;,excludeTiddler);
    6273. 

  6273.     		return(theTag);
    6274. 

  6274. 	},
    6275. 

  6275. 

  6276. 	miniTagHandler: function(place,macroName,params,wikifier,paramString,tiddler) {
    6277. 

  6277. 		var tagged = store.getTaggedTiddlers(tiddler.title);
    6278. 

  6278. 		if (tagged.length &gt; 0) {
    6279. 

  6279. 			var theTag = createTiddlyButton(place,config.quickOpenTag.dropdownChar,
    6280. 

  6280.                         	config.views.wikified.tag.tooltip.format([tiddler.title]),onClickTag);
    6281. 

  6281. 			theTag.setAttribute(&quot;tag&quot;,tiddler.title);
    6282. 

  6282. 			theTag.className = &quot;miniTag&quot;;
    6283. 

  6283. 		}
    6284. 

  6284. 	},
    6285. 

  6285. 

  6286. 	allTagsHandler: function(place,macroName,params) {
    6287. 

  6287. 		var tags = store.getTags(params[0]);
    6288. 

  6288. 		var filter = params[1]; // new feature
    6289. 

  6289. 		var ul = createTiddlyElement(place,&quot;ul&quot;);
    6290. 

  6290. 		if(tags.length == 0)
    6291. 

  6291. 			createTiddlyElement(ul,&quot;li&quot;,null,&quot;listTitle&quot;,this.noTags);
    6292. 

  6292. 		for(var t=0; t&lt;tags.length; t++) {
    6293. 

  6293. 			var title = tags[t][0];
    6294. 

  6294. 			if (!filter || (title.match(new RegExp('^'+filter)))) {
    6295. 

  6295. 				var info = getTiddlyLinkInfo(title);
    6296. 

  6296. 				var theListItem =createTiddlyElement(ul,&quot;li&quot;);
    6297. 

  6297. 				var theLink = createTiddlyLink(theListItem,tags[t][0],true);
    6298. 

  6298. 				var theCount = &quot; (&quot; + tags[t][1] + &quot;)&quot;;
    6299. 

  6299. 				theLink.appendChild(document.createTextNode(theCount));
    6300. 

  6300. 				var theDropDownBtn = createTiddlyButton(theListItem,&quot; &quot; +
    6301. 

  6301. 					config.quickOpenTag.dropdownChar,this.tooltip.format([tags[t][0]]),onClickTag);
    6302. 

  6302. 				theDropDownBtn.setAttribute(&quot;tag&quot;,tags[t][0]);
    6303. 

  6303. 			}
    6304. 

  6304. 		}
    6305. 

  6305. 	},
    6306. 

  6306. 

  6307. 	// todo fix these up a bit
    6308. 

  6308. 	styles: [
    6309. 

  6309. &quot;/*{{{*/&quot;,
    6310. 

  6310. &quot;/* created by QuickOpenTagPlugin */&quot;,
    6311. 

  6311. &quot;.tagglyTagged .quickopentag, .tagged .quickopentag &quot;,
    6312. 

  6312. &quot;	{ margin-right:1.2em; border:1px solid #eee; padding:2px; padding-right:0px; padding-left:1px; }&quot;,
    6313. 

  6313. &quot;.quickopentag .tiddlyLink { padding:2px; padding-left:3px; }&quot;,
    6314. 

  6314. &quot;.quickopentag a.button { padding:1px; padding-left:2px; padding-right:2px;}&quot;,
    6315. 

  6315. &quot;/* extra specificity to make it work right */&quot;,
    6316. 

  6316. &quot;#displayArea .viewer .quickopentag a.button, &quot;,
    6317. 

  6317. &quot;#displayArea .viewer .quickopentag a.tiddyLink, &quot;,
    6318. 

  6318. &quot;#mainMenu .quickopentag a.tiddyLink, &quot;,
    6319. 

  6319. &quot;#mainMenu .quickopentag a.tiddyLink &quot;,
    6320. 

  6320. &quot;	{ border:0px solid black; }&quot;,
    6321. 

  6321. &quot;#displayArea .viewer .quickopentag a.button, &quot;,
    6322. 

  6322. &quot;#mainMenu .quickopentag a.button &quot;,
    6323. 

  6323. &quot;	{ margin-left:0px; padding-left:2px; }&quot;,
    6324. 

  6324. &quot;#displayArea .viewer .quickopentag a.tiddlyLink, &quot;,
    6325. 

  6325. &quot;#mainMenu .quickopentag a.tiddlyLink &quot;,
    6326. 

  6326. &quot;	{ margin-right:0px; padding-right:0px; padding-left:0px; margin-left:0px; }&quot;,
    6327. 

  6327. &quot;a.miniTag {font-size:150%;} &quot;,
    6328. 

  6328. &quot;#mainMenu .quickopentag a.button &quot;,
    6329. 

  6329. &quot;	/* looks better in right justified main menus */&quot;,
    6330. 

  6330. &quot;	{ margin-left:0px; padding-left:2px; margin-right:0px; padding-right:0px; }&quot;, 
    6331. 

  6331. &quot;#topMenu .quickopentag { padding:0px; margin:0px; border:0px; }&quot;,
    6332. 

  6332. &quot;#topMenu .quickopentag .tiddlyLink { padding-right:1px; margin-right:0px; }&quot;,
    6333. 

  6333. &quot;#topMenu .quickopentag .button { padding-left:1px; margin-left:0px; border:0px; }&quot;,
    6334. 

  6334. &quot;/*}}}*/&quot;,
    6335. 

  6335. 		&quot;&quot;].join(&quot;\n&quot;),
    6336. 

  6336. 

  6337. 	init: function() {
    6338. 

  6338. 		// we fully replace these builtins. can't hijack them easily
    6339. 

  6339. 		window.createTagButton = this.createTagButton;
    6340. 

  6340. 		config.macros.allTags.handler = this.allTagsHandler;
    6341. 

  6341. 		config.macros.miniTag = { handler: this.miniTagHandler };
    6342. 

  6342. 		config.shadowTiddlers[&quot;QuickOpenTagStyles&quot;] = this.styles;
    6343. 

  6343. 		store.addNotification(&quot;QuickOpenTagStyles&quot;,refreshStyles);
    6344. 

  6344. 	}
    6345. 

  6345. }
    6346. 

  6346. 

  6347. config.quickOpenTag.init();
    6348. 

  6348. 

  6349. //}}}
    6350. 

  6350. 

  6351. </pre>
    6352. 

  6352. </div>
    6353. 

  6353. <div title="QuickOpenTagStyles" creator="pmario" modifier="pmario" created="201008070948" modified="201008210934" tags="excludeLists" server.title="QuickOpenTagStyles" server.page.revision="107213" server.etag="&quot;neui-em_public/QuickOpenTagStyles/107213;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="8efc2e70297c11efc244173996cf5932ffaa0932">
    6354. 

  6354. <pre>/*{{{*/
    6355. 

  6355. /* created by QuickOpenTagPlugin */
    6356. 

  6356. #sidebarTabs .tabContents a.button { display:inline;}
    6357. 

  6357. .tagglyTagged .quickopentag, .tagged .quickopentag 
    6358. 

  6358. 	{ border:1px solid #eee; padding:2px; padding-right:0px; padding-left:1px; }
    6359. 

  6359. .quickopentag .tiddlyLink { padding:2px; padding-left:3px; display:inline; }
    6360. 

  6360. .quickopentag a.button { padding:1px; padding-left:2px; padding-right:2px; display:inline;}
    6361. 

  6361. /* extra specificity to make it work right */
    6362. 

  6362. #displayArea .viewer .quickopentag a.button, 
    6363. 

  6363. #displayArea .viewer .quickopentag a.tiddyLink, 
    6364. 

  6364. #mainMenu .quickopentag a.tiddyLink, 
    6365. 

  6365. #mainMenu .quickopentag a.tiddyLink 
    6366. 

  6366. 	{ border:0px solid black; display:inline;}
    6367. 

  6367. #displayArea .viewer .quickopentag a.button, 
    6368. 

  6368. #mainMenu .quickopentag a.button 
    6369. 

  6369. 	{ margin-left:0px; padding-left:2px; display:inline;}
    6370. 

  6370. #displayArea .viewer .quickopentag a.tiddlyLink, 
    6371. 

  6371. #mainMenu .quickopentag a.tiddlyLink 
    6372. 

  6372. 	{ margin-right:0px; padding-right:0px; padding-left:0px; margin-left:0px; }
    6373. 

  6373. a.miniTag {font-size:150%;} 
    6374. 

  6374. #mainMenu .quickopentag a.button 
    6375. 

  6375. 	/* looks better in right justified main menus */
    6376. 

  6376. 	{ margin-left:0px; padding-left:2px; margin-right:0px; padding-right:0px; display:inline;}
    6377. 

  6377. #topMenu .quickopentag { padding:0px; margin:0px; border:0px; }
    6378. 

  6378. #topMenu .quickopentag .tiddlyLink { padding-right:1px; margin-right:0px; }
    6379. 

  6379. #topMenu .quickopentag .button { padding-left:1px; margin-left:0px; border:0px; display:inline; }
    6380. 

  6380. /*}}}*/
    6381. 

  6381. </pre>
    6382. 

  6382. </div>
    6383. 

  6383. <div title="RandomColorPalettePlugin" creator="jon" modifier="jon" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch systemConfig" server.title="RandomColorPalettePlugin" server.page.revision="257435" server.etag="&quot;system-plugins_public/RandomColorPalettePlugin/257435;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system-plugins_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system-plugins_public" server.permissions="read" server.content-type="text/javascript" _hash="f0a278b902e87f89a6b816ccf9321ce3bace133d">
    6384. 

  6384. <pre>/***
    6385. 

  6385. |''Name''|RandomColorPalettePlugin|
    6386. 

  6386. |''Description''|Adds a random color palette to TiddlyWiki|
    6387. 

  6387. |''Author''|Jon Robson|
    6388. 

  6388. |''Version''|1.2.8|
    6389. 

  6389. |''Status''|stable|
    6390. 

  6390. |''Source''|http://svn.tiddlywiki.org/Trunk/contributors/JonRobson/plugins/RandomColorPalettePlugin/RandomColorPalettePlugin.js|
    6391. 

  6391. |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    6392. 

  6392. !Usage
    6393. 

  6393. {{{
    6394. 

  6394. &lt;&lt;RandomColorPalette&gt;&gt;
    6395. 

  6395. Sets and saves a random color palette on execution
    6396. 

    6397. 

  6397. &lt;&lt;RandomColorPaletteButton&gt;&gt;
    6398. 

  6398. Creates a button, which when clicked will change the color palette
    6399. 

  6399. }}}
    6400. 

  6400. !Parameters
    6401. 

  6401. rgb: yes
    6402. 

  6402. By default the ColorPalette is defined in hex. You can output the colours as rgb by simply including this parameter.
    6403. 

  6403. hue:[0,360]
    6404. 

  6404. Seeds the randomiser with this hue.
    6405. 

  6405. saturation:[0,1]
    6406. 

  6406. Seeds the randomiser with a given saturation
    6407. 

  6407. lightness:[0,1]
    6408. 

  6408. Seeds the randomiser with a value for the lightest color tone (0 being darkest, 1 being lightest).
    6409. 

    6410. 

  6410. darkest:[0,1]
    6411. 

  6411. Seeds the randomiser with a value for the darkest color tone (0 being darkest, 1 being lightest).
    6412. 

    6413. 

  6413. huevariance: [0,90]
    6414. 

  6414. Given a certain hue, specify the angle from the secondary colour to which the secondary and tertiary colours should be determined.
    6415. 

    6416. 

  6416. Note parameters can be discovered by viewing the ColorPaletteParameter slice within the generated ColorPalette.
    6417. 

  6417. !Code
    6418. 

  6418. ***/
    6419. 

  6419. //{{{
    6420. 

  6420. (function($){
    6421. 

  6421. 	RGB.prototype.toRGBString = function() {
    6422. 

  6422. 		return &quot;rgb(%0,%1,%2)&quot;.format([parseInt(this.r * 255, 10), 
    6423. 

  6423. 			parseInt(this.g * 255, 10), parseInt(this.b * 255, 10)])
    6424. 

  6424. 	}
    6425. 

  6425. 	function HSL_TO_RGB(h, s, l){ // h (hue) between 0 and 360, s (saturation) &amp; l (lightness) between 0 and 1
    6426. 

  6426. 		var c;
    6427. 

  6427. 		if(l &lt;= 0.5) {
    6428. 

  6428. 			c = 2 * l * s;
    6429. 

  6429. 		} else {
    6430. 

  6430. 			c = ( 2 - (2 * l)) * s;
    6431. 

  6431. 		}
    6432. 

  6432. 		var h1 = h / 60;
    6433. 

  6433. 		var x = c * (1 - Math.abs((h1 % 2) - 1)); 
    6434. 

  6434. 		var r, g, b;
    6435. 

  6435. 		if(typeof(h) == 'undefined') {
    6436. 

  6436. 			r = 0;
    6437. 

  6437. 			g = 0;
    6438. 

  6438. 			b = 0;
    6439. 

  6439. 		} else if(0 &lt;= h1 &amp;&amp; h1 &lt; 1) {
    6440. 

  6440. 			r = c;
    6441. 

  6441. 			g = x;
    6442. 

  6442. 			b = 0;
    6443. 

  6443. 		} else if(1 &lt;= h1 &amp;&amp; h1 &lt; 2) {
    6444. 

  6444. 			r = x;
    6445. 

  6445. 			g = c;
    6446. 

  6446. 			b = 0;
    6447. 

  6447. 		} else if(2 &lt;= h1 &amp;&amp; h1 &lt; 3) {
    6448. 

  6448. 			r = 0;
    6449. 

  6449. 			g = c;
    6450. 

  6450. 			b = x;
    6451. 

  6451. 		}
    6452. 

  6452. 		else if(3 &lt;= h1 &amp;&amp; h1 &lt; 4) {
    6453. 

  6453. 			r = 0;
    6454. 

  6454. 			g = x;
    6455. 

  6455. 			b = c;
    6456. 

  6456. 		} else if(4 &lt;= h1 &amp;&amp; h1 &lt; 5) {
    6457. 

  6457. 			r = x;
    6458. 

  6458. 			g = 0;
    6459. 

  6459. 			b = c;
    6460. 

  6460. 		} else if(5 &lt;= h1 &amp;&amp; h1 &lt; 6) {
    6461. 

  6461. 			r = c;
    6462. 

  6462. 			g = 0;
    6463. 

  6463. 			b = x;
    6464. 

  6464. 		}
    6465. 

  6465. 		m = l - (0.5 * c);
    6466. 

  6466. 		r += m;
    6467. 

  6467. 		g += m;
    6468. 

  6468. 		b += m;
    6469. 

  6469. 		return new RGB(r, g, b);
    6470. 

  6470. 	}
    6471. 

  6471. 

  6472. 	var macro = config.macros.RandomColorPalette = {
    6473. 

  6473. 		messagesOn: false, 
    6474. 

  6474. 		changedPaletteText: &quot;We have assigned you a random theme by adjusting the [[ColorPalette]] tiddler.\nDon't like it? Click &lt;&lt;RandomColorPalette&gt;&gt; for another one.&quot;, 
    6475. 

  6475. 		handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    6476. 

  6476. 			paramString = paramString || &quot;&quot;;
    6477. 

  6477. 			var options = paramString.parseParams(&quot;name&quot;, null, true, false, true)[0];
    6478. 

  6478. 			macro.generatePalette(options, true);
    6479. 

  6479. 		},
    6480. 

  6480. 		generateRandomNumber: function(min, max, info) {
    6481. 

  6481. 			var num = (Math.random() * 1);
    6482. 

  6482. 			if(!info) {
    6483. 

  6483. 				info = { attempts:0 };
    6484. 

  6484. 			}
    6485. 

  6485. 			info.attempts += 1;
    6486. 

  6486. 			var good = true;
    6487. 

  6487. 			if(min == max) return max;
    6488. 

  6488. 			if(min &amp;&amp; num &lt; min) {
    6489. 

  6489. 				good = false;
    6490. 

  6490. 			} else if(max &amp;&amp; num &gt; max) {
    6491. 

  6491. 				good = false;
    6492. 

  6492. 			}
    6493. 

  6493. 			if(!good) {
    6494. 

  6494. 				if(info.attempts &lt; 5) {
    6495. 

  6495. 					return macro.generateRandomNumber(min, max, info);
    6496. 

  6496. 				} else {
    6497. 

  6497. 					if(max) {
    6498. 

  6498. 						return max;
    6499. 

  6499. 					} else if(min) {
    6500. 

  6500. 						return min;
    6501. 

  6501. 					} else {
    6502. 

  6502. 						return 1;
    6503. 

  6503. 					}
    6504. 

  6504. 				}
    6505. 

  6505. 			}
    6506. 

  6506. 			return num;
    6507. 

  6507. 		},
    6508. 

  6508. 		getExistingPalette: function(asJSON) {
    6509. 

  6509. 			var title = &quot;ColorPalette&quot;;
    6510. 

  6510. 			var tiddlerText;
    6511. 

  6511. 			if(store.tiddlerExists(title)) {
    6512. 

  6512. 				tiddlerText = store.getTiddlerText(title);
    6513. 

  6513. 			} else if(store.isShadowTiddler(title)){
    6514. 

  6514. 				tiddlerText = config.shadowTiddlers[title];
    6515. 

  6515. 			}
    6516. 

  6516. 			if(asJSON) {
    6517. 

  6517. 				var json = {};
    6518. 

  6518. 				if(tiddlerText) {
    6519. 

  6519. 					var lines = tiddlerText.split(&quot;\n&quot;);
    6520. 

  6520. 					for(var i = 0; i &lt; lines.length; i++) {
    6521. 

  6521. 						var definition = lines[i].split(&quot;:&quot;);
    6522. 

  6522. 						if(definition.length == 2) {
    6523. 

  6523. 							var name = definition[0].trim();
    6524. 

  6524. 							var value = definition[1].trim();
    6525. 

  6525. 							json[name] = value;
    6526. 

  6526. 						}
    6527. 

  6527. 					}
    6528. 

  6528. 				}
    6529. 

  6529. 				return json;
    6530. 

  6530. 			} else {
    6531. 

  6531. 				return tiddlerText;
    6532. 

  6532. 			}
    6533. 

  6533. 		},
    6534. 

  6534. 		generatePalette: function(options, save) {
    6535. 

  6535. 			var outputRGB = options.rgb &amp;&amp; options.rgb[0];
    6536. 

  6536. 			var palette = macro.getExistingPalette(true);
    6537. 

  6537. 			var hue = options.hue ? parseInt(options.hue[0]) : Math.floor(Math.random() * 359);
    6538. 

  6538. 			var saturation = options.saturation ? parseFloat(options.saturation[0]) : macro.generateRandomNumber(0.3, 0.7);
    6539. 

  6539. 			var dark = options.darkest ? parseFloat(options.darkest[0]) : macro.generateRandomNumber(0, 0.1);
    6540. 

  6540. 			var pale = options.lightness ? parseFloat(options.lightness[0]) : macro.generateRandomNumber(0.6 + dark, 1);
    6541. 

  6541. 			var lightness_values = {Dark:dark, Mid:pale - ( ( pale - dark ) / 2 ), 
    6542. 

  6542. 				Light:pale - ( ( pale - dark ) / 4 ), Pale:pale};
    6543. 

  6543. 

  6544. 			var opposite_hue = (hue + 180) % 360;
    6545. 

  6545. 			var seed = options.huevariance ? options.huevariance[0] : Math.floor((85 * Math.random()) + 5); // we want it to be at least 5 degrees
    6546. 

  6546. 			var huetwo = (opposite_hue + seed) % 360;
    6547. 

  6547. 			var huethree = (opposite_hue - seed) % 360;
    6548. 

  6548. 			if(huetwo &lt; 0) {
    6549. 

  6549. 				huetwo = 360 + huetwo;
    6550. 

  6550. 			}
    6551. 

  6551. 			if(huethree &lt; 0) {
    6552. 

  6552. 				huethree = 360 + huethree;
    6553. 

  6553. 			}
    6554. 

  6554. 			for(var j in lightness_values) {
    6555. 

  6555. 				if(true) {
    6556. 

  6556. 					palette[&quot;Primary&quot; + j] = HSL_TO_RGB(hue, saturation, lightness_values[j]);
    6557. 

  6557. 					palette[&quot;Secondary&quot; + j] = HSL_TO_RGB(huetwo, saturation, lightness_values[j]);
    6558. 

  6558. 					palette[&quot;Tertiary&quot; + j] = HSL_TO_RGB(huethree, saturation, lightness_values[j]);
    6559. 

  6559. 				}
    6560. 

  6560. 			}
    6561. 

  6561. 			palette.Background = HSL_TO_RGB(hue, saturation, 0.92);
    6562. 

  6562. 			palette.Foreground = HSL_TO_RGB(hue, saturation, 0.08);
    6563. 

  6563. 			palette.ColorPaletteParameters = [&quot;HSL([&quot;, hue, &quot;|&quot;, seed, &quot;], [&quot;, saturation, &quot;],&quot;,
    6564. 

  6564. 				&quot;[&quot;, dark, &quot;|&quot;, pale, &quot;])&quot;].join(&quot;&quot;);
    6565. 

  6565. 			// construct new ColorPalette
    6566. 

  6566. 			var text = [&quot;/*{{{*/\n&quot;];
    6567. 

  6567. 			var colorcode;
    6568. 

  6568. 			for(var id in palette) {
    6569. 

  6569. 				if(true) {
    6570. 

  6570. 					var color = palette[id];
    6571. 

  6571. 					if(outputRGB) {
    6572. 

  6572. 						colorcode = color.toRGBString();
    6573. 

  6573. 					} else {
    6574. 

  6574. 						colorcode = color.toString();
    6575. 

  6575. 					}
    6576. 

  6576. 					text.push(&quot;%0: %1\n&quot;.format([id, colorcode]));
    6577. 

  6577. 				}
    6578. 

  6578. 			}
    6579. 

  6579. 			text.push(&quot;/*}}}*/&quot;);
    6580. 

  6580. 			text = text.join(&quot;&quot;);
    6581. 

  6581. 			if(save) {
    6582. 

  6582. 				macro.saveColorPalette(text);
    6583. 

  6583. 			}
    6584. 

  6584. 			return text;
    6585. 

  6585. 		},
    6586. 

  6586. 		saveColorPalette: function(text) {
    6587. 

  6587. 			var tid = store.getTiddler(&quot;ColorPalette&quot;);
    6588. 

  6588. 			if(!tid) {
    6589. 

  6589. 				tid = new Tiddler(&quot;ColorPalette&quot;);
    6590. 

  6590. 				tid.fields = merge({}, config.defaultCustomFields);
    6591. 

  6591. 				tid.modifier = &quot;RandomColorPalette Macro&quot;;
    6592. 

  6592. 			} // TODO: detect that the ColorPalette in the space comes from outside recipe
    6593. 

  6593. 			tid.fields[&quot;server.page.revision&quot;] = &quot;false&quot;; // edit conflicts dont matter
    6594. 

  6594. 

  6595. 			// save the color palette in tid
    6596. 

  6596. 			tid = store.saveTiddler(tid.title, tid.title, text, tid.modifier, tid.modified,
    6597. 

  6597. 				tid.tags, tid.fields, false, tid.created, tid.creator);
    6598. 

  6598. 			// an interval is used to cope with users clicking on the palette button quickly.
    6599. 

  6599. 			if(macro._nextSave) {
    6600. 

  6600. 				window.clearTimeout(macro._nextSave);
    6601. 

  6601. 			}
    6602. 

  6602. 			macro._nextSave = window.setTimeout(function() {
    6603. 

  6603. 					autoSaveChanges(null, [tid]);
    6604. 

  6604. 				}, 2000);
    6605. 

  6605. 			// temporary workaround for IE.
    6606. 

  6606. 			$.twStylesheet.remove({ id: &quot;StyleSheetColors&quot; });
    6607. 

  6607. 			$.twStylesheet.remove({ id: &quot;StyleSheet&quot; });
    6608. 

  6608. 			refreshAll();
    6609. 

  6609. 			macro.reportChange();
    6610. 

  6610. 			return tid;
    6611. 

  6611. 		},
    6612. 

  6612. 		reportChange: function() {
    6613. 

  6613. 			if(macro.messagesOn) { // only display message once..
    6614. 

  6614. 				var msgPlace = getMessageDiv();
    6615. 

  6615. 				if(!$(&quot;.changedPalette&quot;, msgPlace)[0]) {
    6616. 

  6616. 					var tempPlace = document.createElement(&quot;div&quot;);
    6617. 

  6617. 					wikify(&quot;{{changedPalette{&quot; + macro.changedPaletteText + &quot;}}}&quot;, tempPlace);
    6618. 

  6618. 					msgPlace.appendChild(tempPlace);
    6619. 

  6619. 				}
    6620. 

  6620. 			}
    6621. 

  6621. 		}
    6622. 

  6622. 	};
    6623. 

  6623. 	config.macros.RandomColorPaletteButton = {
    6624. 

  6624. 			text: &quot;New ColorPalette&quot;,
    6625. 

  6625. 			tooltip: &quot;Generate a random colour scheme for your TiddlyWiki&quot;,
    6626. 

  6626. 			handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    6627. 

  6627. 				var btnHandler = function(ev) {
    6628. 

  6628. 					macro.handler(place, macroName, params, wikifier, paramString, tiddler);
    6629. 

  6629. 					return false;
    6630. 

  6630. 				};
    6631. 

  6631. 				createTiddlyButton(place, this.text, this.tooltip, btnHandler);
    6632. 

  6632. 			}
    6633. 

  6633. 	};
    6634. 

  6634. })(jQuery);
    6635. 

  6635. //}}}</pre>
    6636. 

  6636. </div>
    6637. 

  6637. <div title="RenameTagsPlugin" creator="pmario" modifier="pmario" created="201008070948" modified="201009181705" tags="excludeLists systemConfig" server.title="RenameTagsPlugin" server.page.revision="107217" server.etag="&quot;neui-em_public/RenameTagsPlugin/107217;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="3e3bab167400dc5d10f601d3a5717aeccd2d8aa4">
    6638. 

  6638. <pre>/***
    6639. 

  6639. |Name:|RenameTagsPlugin|
    6640. 

  6640. |Description:|Allows you to easily rename or delete tags across multiple tiddlers|
    6641. 

  6641. |Version:|3.0 ($Rev: 5501 $)|
    6642. 

  6642. |Date:|$Date: 2008-06-10 23:11:55 +1000 (Tue, 10 Jun 2008) $|
    6643. 

  6643. |Source:|http://mptw.tiddlyspot.com/#RenameTagsPlugin|
    6644. 

  6644. |Author:|Simon Baird &lt;simon.baird@gmail.com&gt;|
    6645. 

  6645. |License|http://mptw.tiddlyspot.com/#TheBSDLicense|
    6646. 

  6646. Rename a tag and you will be prompted to rename it in all its tagged tiddlers.
    6647. 

  6647. ***/
    6648. 

  6648. //{{{
    6649. 

  6649. config.renameTags = {
    6650. 

  6650. 

  6651. 	prompts: {
    6652. 

  6652. 		rename: &quot;Rename the tag '%0' to '%1' in %2 tidder%3?&quot;,
    6653. 

  6653. 		remove: &quot;Remove the tag '%0' from %1 tidder%2?&quot;
    6654. 

  6654. 	},
    6655. 

  6655. 

  6656. 	removeTag: function(tag,tiddlers) {
    6657. 

  6657. 		store.suspendNotifications();
    6658. 

  6658. 		for (var i=0;i&lt;tiddlers.length;i++) {
    6659. 

  6659. 			store.setTiddlerTag(tiddlers[i].title,false,tag);
    6660. 

  6660. 		}
    6661. 

  6661. 		store.resumeNotifications();
    6662. 

  6662. 		store.notifyAll();
    6663. 

  6663. 	},
    6664. 

  6664. 

  6665. 	renameTag: function(oldTag,newTag,tiddlers) {
    6666. 

  6666. 		store.suspendNotifications();
    6667. 

  6667. 		for (var i=0;i&lt;tiddlers.length;i++) {
    6668. 

  6668. 			store.setTiddlerTag(tiddlers[i].title,false,oldTag); // remove old
    6669. 

  6669. 			store.setTiddlerTag(tiddlers[i].title,true,newTag);  // add new
    6670. 

  6670. 		}
    6671. 

  6671. 		store.resumeNotifications();
    6672. 

  6672. 		store.notifyAll();
    6673. 

  6673. 	},
    6674. 

  6674. 

  6675. 	storeMethods: {
    6676. 

  6676. 

  6677. 		saveTiddler_orig_renameTags: TiddlyWiki.prototype.saveTiddler,
    6678. 

  6678. 

  6679. 		saveTiddler: function(title,newTitle,newBody,modifier,modified,tags,fields,clearChangeCount,created) {
    6680. 

  6680. 			if (title != newTitle) {
    6681. 

  6681. 				var tagged = this.getTaggedTiddlers(title);
    6682. 

  6682. 				if (tagged.length &gt; 0) {
    6683. 

  6683. 					// then we are renaming a tag
    6684. 

  6684. 					if (confirm(config.renameTags.prompts.rename.format([title,newTitle,tagged.length,tagged.length&gt;1?&quot;s&quot;:&quot;&quot;])))
    6685. 

  6685. 						config.renameTags.renameTag(title,newTitle,tagged);
    6686. 

  6686. 

  6687. 					if (!this.tiddlerExists(title) &amp;&amp; newBody == &quot;&quot;)
    6688. 

  6688. 						// dont create unwanted tiddler
    6689. 

  6689. 						return null;
    6690. 

  6690. 				}
    6691. 

  6691. 			}
    6692. 

  6692. 			return this.saveTiddler_orig_renameTags(title,newTitle,newBody,modifier,modified,tags,fields,clearChangeCount,created);
    6693. 

  6693. 		},
    6694. 

  6694. 

  6695. 		removeTiddler_orig_renameTags: TiddlyWiki.prototype.removeTiddler,
    6696. 

  6696. 

  6697. 		removeTiddler: function(title) {
    6698. 

  6698. 			var tagged = this.getTaggedTiddlers(title);
    6699. 

  6699. 			if (tagged.length &gt; 0)
    6700. 

  6700. 				if (confirm(config.renameTags.prompts.remove.format([title,tagged.length,tagged.length&gt;1?&quot;s&quot;:&quot;&quot;])))
    6701. 

  6701. 					config.renameTags.removeTag(title,tagged);
    6702. 

  6702. 			return this.removeTiddler_orig_renameTags(title);
    6703. 

  6703. 		}
    6704. 

  6704. 

  6705. 	},
    6706. 

  6706. 

  6707. 	init: function() {
    6708. 

  6708. 		merge(TiddlyWiki.prototype,this.storeMethods);
    6709. 

  6709. 	}
    6710. 

  6710. }
    6711. 

  6711. 

  6712. config.renameTags.init();
    6713. 

  6713. 

  6714. //}}}
    6715. 

  6715. 

  6716. </pre>
    6717. 

  6717. </div>
    6718. 

  6718. <div title="RevisionTemplate" creator="osmosoft" modifier="osmosoft" created="201102181425" modified="201102181425" tags="excludeLists excludeMissing excludeSearch" server.title="RevisionTemplate" server.page.revision="257504" server.etag="&quot;system-theme_public/RevisionTemplate/257504;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system-theme_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system-theme_public" server.permissions="read" server.content-type="" _hash="b182c10523c4d9fe3f622b1529b70d43f5150701">
    6719. 

  6719. <pre>&lt;!--{{{--&gt;
    6720. 

  6720. &lt;div macro='slideRevision'&gt;&lt;/div&gt;
    6721. 

  6721. &lt;div class='heading'&gt;
    6722. 

  6722. 	&lt;span class=&quot;titleBar&quot;&gt;
    6723. 

  6723. 		&lt;div class='title' macro='view title text'&gt;&lt;/div&gt;
    6724. 

  6724. 	&lt;/span&gt;
    6725. 

  6725. 	&lt;span class='modifierIcon'
    6726. 

  6726. 		macro='view modifier SiteIcon label:no height:48 width:48 preserveAspectRatio:yes'&gt;
    6727. 

  6727. 	&lt;/span&gt;
    6728. 

  6728. 	&lt;div class='toolbar'
    6729. 

  6729. 		macro='toolbar [[ToolbarCommands::RevisionToolbar]] icons:yes height:48 width:48 more:popup'&gt;
    6730. 

  6730. 	&lt;/div&gt;
    6731. 

  6731. 	&lt;div class='tagClear'&gt;&lt;/div&gt;
    6732. 

  6732. &lt;/div&gt;
    6733. 

  6733. &lt;div class='content'&gt;
    6734. 

  6734. 	&lt;div class='viewer' macro='view text wikified'&gt;&lt;/div&gt;
    6735. 

  6735. &lt;/div&gt;
    6736. 

  6736. &lt;div class='tagInfo'&gt;
    6737. 

  6737. 	&lt;div class='tidTags' macro='tags'&gt;&lt;/div&gt;
    6738. 

  6738. 	&lt;div class='tagging' macro='tagging'&gt;&lt;/div&gt;
    6739. 

  6739. &lt;/div&gt;
    6740. 

  6740. &lt;!--}}}--&gt;</pre>
    6741. 

  6741. </div>
    6742. 

  6742. <div title="RevisionsCommandPlugin" creator="FND" modifier="FND" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch systemConfig" server.title="RevisionsCommandPlugin" server.page.revision="257450" server.etag="&quot;system/RevisionsCommandPlugin/257450;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system" server.permissions="read" server.content-type="text/javascript" _hash="d36d2c8a7f8dd9a59dd54e772114a415b2c22979">
    6743. 

  6743. <pre>/***
    6744. 

  6744. |''Name''|RevisionsCommandPlugin|
    6745. 

  6745. |''Description''|provides access to tiddler revisions|
    6746. 

  6746. |''Author''|FND|
    6747. 

  6747. |''Contributors''|Martin Budden|
    6748. 

  6748. |''Version''|0.3.3|
    6749. 

  6749. |''Status''|@@beta@@|
    6750. 

  6750. |''Source''|http://svn.tiddlywiki.org/Trunk/association/plugins/RevisionsCommandPlugin.js|
    6751. 

  6751. |''CodeRepository''|http://svn.tiddlywiki.org/Trunk/association/plugins/|
    6752. 

  6752. |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    6753. 

  6753. |''CoreVersion''|2.6.0|
    6754. 

  6754. |''Keywords''|serverSide|
    6755. 

  6755. !Usage
    6756. 

  6756. Extend [[ToolbarCommands]] with {{{revisions}}}.
    6757. 

  6757. !Revision History
    6758. 

  6758. !!v0.1 (2009-07-23)
    6759. 

  6759. * initial release (renamed from experimental ServerCommandsPlugin)
    6760. 

  6760. !!v0.2 (2010-03-04)
    6761. 

  6761. * suppressed wikification in diff view
    6762. 

  6762. !!v0.3 (2010-04-07)
    6763. 

  6763. * restored wikification in diff view
    6764. 

  6764. * added link to side-by-side diff view
    6765. 

  6765. !To Do
    6766. 

  6766. * strip server.* fields from revision tiddlers
    6767. 

  6767. * resolve naming conflicts
    6768. 

  6768. * i18n, l10n
    6769. 

  6769. * code sanitizing
    6770. 

  6770. * documentation
    6771. 

  6771. !Code
    6772. 

  6772. ***/
    6773. 

  6773. //{{{
    6774. 

  6774. (function($) {
    6775. 

  6775. 

  6776. jQuery.twStylesheet(&quot;.diff { white-space: pre, font-family: monospace }&quot;,
    6777. 

  6777. 	{ id: &quot;diff&quot; });
    6778. 

  6778. 

  6779. var cmd = config.commands.revisions = {
    6780. 

  6780. 	type: &quot;popup&quot;,
    6781. 

  6781. 	hideShadow: true,
    6782. 

  6782. 	text: &quot;revisions&quot;,
    6783. 

  6783. 	tooltip: &quot;display tiddler revisions&quot;,
    6784. 

  6784. 	revTooltip: &quot;&quot;, // TODO: populate dynamically?
    6785. 

  6785. 	loadLabel: &quot;loading...&quot;,
    6786. 

  6786. 	loadTooltip: &quot;loading revision list&quot;,
    6787. 

  6787. 	selectLabel: &quot;select&quot;,
    6788. 

  6788. 	selectTooltip: &quot;select revision for comparison&quot;,
    6789. 

  6789. 	selectedLabel: &quot;selected&quot;,
    6790. 

  6790. 	compareLabel: &quot;compare&quot;,
    6791. 

  6791. 	linkLabel: &quot;side-by-side view&quot;,
    6792. 

  6792. 	revSuffix: &quot; [rev. #%0]&quot;,
    6793. 

  6793. 	diffSuffix: &quot; [diff: #%0 #%1]&quot;,
    6794. 

  6794. 	dateFormat: &quot;YYYY-0MM-0DD 0hh:0mm&quot;,
    6795. 

  6795. 	listError: &quot;revisions could not be retrieved&quot;,
    6796. 

  6796. 

  6797. 	handlePopup: function(popup, title) {
    6798. 

  6798. 		title = this.stripSuffix(&quot;rev&quot;, title);
    6799. 

  6799. 		title = this.stripSuffix(&quot;diff&quot;, title);
    6800. 

  6800. 		var tiddler = store.getTiddler(title);
    6801. 

  6801. 		var type = _getField(&quot;server.type&quot;, tiddler);
    6802. 

  6802. 		var adaptor = new config.adaptors[type]();
    6803. 

  6803. 		var limit = null; // TODO: customizable
    6804. 

  6804. 		var context = {
    6805. 

  6805. 			host: _getField(&quot;server.host&quot;, tiddler),
    6806. 

  6806. 			workspace: _getField(&quot;server.workspace&quot;, tiddler)
    6807. 

  6807. 		};
    6808. 

  6808. 		var loading = createTiddlyButton(popup, cmd.loadLabel, cmd.loadTooltip);
    6809. 

  6809. 		var params = { popup: popup, loading: loading, origin: title };
    6810. 

  6810. 		adaptor.getTiddlerRevisionList(title, limit, context, params, this.displayRevisions);
    6811. 

  6811. 	},
    6812. 

  6812. 

  6813. 	displayRevisions: function(context, userParams) {
    6814. 

  6814. 		removeNode(userParams.loading);
    6815. 

  6815. 		if(context.status) {
    6816. 

  6816. 			var callback = function(ev) {
    6817. 

  6817. 				var e = ev || window.event;
    6818. 

  6818. 				var revision = resolveTarget(e).getAttribute(&quot;revision&quot;);
    6819. 

  6819. 				context.adaptor.getTiddlerRevision(tiddler.title, revision, context,
    6820. 

  6820. 					userParams, cmd.displayTiddlerRevision);
    6821. 

  6821. 			};
    6822. 

  6822. 			var table = createTiddlyElement(userParams.popup, &quot;table&quot;);
    6823. 

  6823. 			for(var i = 0; i &lt; context.revisions.length; i++) {
    6824. 

  6824. 				var tiddler = context.revisions[i];
    6825. 

  6825. 				var row = createTiddlyElement(table, &quot;tr&quot;);
    6826. 

  6826. 				var timestamp = tiddler.modified.formatString(cmd.dateFormat);
    6827. 

  6827. 				var revision = tiddler.fields[&quot;server.page.revision&quot;];
    6828. 

  6828. 				var cell = createTiddlyElement(row, &quot;td&quot;);
    6829. 

  6829. 				createTiddlyButton(cell, timestamp, cmd.revTooltip, callback, null,
    6830. 

  6830. 					null, null, { revision: revision });
    6831. 

  6831. 				cell = createTiddlyElement(row, &quot;td&quot;, null, null, tiddler.modifier);
    6832. 

  6832. 				cell = createTiddlyElement(row, &quot;td&quot;);
    6833. 

  6833. 				createTiddlyButton(cell, cmd.selectLabel, cmd.selectTooltip,
    6834. 

  6834. 					cmd.revisionSelected, null, null, null,
    6835. 

  6835. 					{ index:i, revision: revision, col: 2 });
    6836. 

  6836. 				cmd.context = context; // XXX: unsafe (singleton)!?
    6837. 

  6837. 			}
    6838. 

  6838. 		} else {
    6839. 

  6839. 			$(&quot;&lt;li /&gt;&quot;).text(cmd.listError).appendTo(userParams.popup);
    6840. 

  6840. 		}
    6841. 

  6841. 	},
    6842. 

  6842. 

  6843. 	revisionSelected: function(ev) {
    6844. 

  6844. 		var e = ev || window.event;
    6845. 

  6845. 		e.cancelBubble = true;
    6846. 

  6846. 		if(e.stopPropagation) {
    6847. 

  6847. 			e.stopPropagation();
    6848. 

  6848. 		}
    6849. 

  6849. 		var n = resolveTarget(e);
    6850. 

  6850. 		var index = n.getAttribute(&quot;index&quot;);
    6851. 

  6851. 		var col = n.getAttribute(&quot;col&quot;);
    6852. 

  6852. 		while(!index || !col) {
    6853. 

  6853. 			n = n.parentNode;
    6854. 

  6854. 			index = n.getAttribute(&quot;index&quot;);
    6855. 

  6855. 			col = n.getAttribute(&quot;col&quot;);
    6856. 

  6856. 		}
    6857. 

  6857. 		cmd.revision = n.getAttribute(&quot;revision&quot;);
    6858. 

  6858. 		var table = n.parentNode.parentNode.parentNode;
    6859. 

  6859. 		var rows = table.childNodes;
    6860. 

  6860. 		for(var i = 0; i &lt; rows.length; i++) {
    6861. 

  6861. 			var c = rows[i].childNodes[col].firstChild;
    6862. 

  6862. 			if(i == index) {
    6863. 

  6863. 				if(c.textContent) {
    6864. 

  6864. 					c.textContent = cmd.selectedLabel;
    6865. 

  6865. 				} else {
    6866. 

  6866. 					c.text = cmd.selectedLabel;
    6867. 

  6867. 				}
    6868. 

  6868. 			} else {
    6869. 

  6869. 				if(c.textContent) {
    6870. 

  6870. 					c.textContent = cmd.compareLabel;
    6871. 

  6871. 				} else {
    6872. 

  6872. 					c.text = cmd.compareLabel;
    6873. 

  6873. 				}
    6874. 

  6874. 				c.onclick = cmd.compareSelected;
    6875. 

  6875. 			}
    6876. 

  6876. 		}
    6877. 

  6877. 	},
    6878. 

  6878. 

  6879. 	compareSelected: function(ev) {
    6880. 

  6880. 		var e = ev || window.event;
    6881. 

  6881. 		var n = resolveTarget(e);
    6882. 

  6882. 		var context = cmd.context;
    6883. 

  6883. 		context.rev1 = n.getAttribute(&quot;revision&quot;);
    6884. 

  6884. 		context.rev2 = cmd.revision;
    6885. 

  6885. 		context.tiddler = context.revisions[n.getAttribute(&quot;index&quot;)];
    6886. 

  6886. 		context.format = &quot;unified&quot;;
    6887. 

  6887. 		context.adaptor.getTiddlerDiff(context.tiddler.title, context,
    6888. 

  6888. 			context.userParams, cmd.displayTiddlerDiffs);
    6889. 

  6889. 	},
    6890. 

  6890. 

  6891. 	displayTiddlerDiffs: function(context, userParams) {
    6892. 

  6892. 		var tiddler = context.tiddler;
    6893. 

  6893. 		tiddler.title += cmd.diffSuffix.format([context.rev1, context.rev2]);
    6894. 

  6894. 		tiddler.text = &quot;{{diff{\n&quot; + context.diff + &quot;\n}}}&quot;;
    6895. 

  6895. 		tiddler.tags = [&quot;diff&quot;];
    6896. 

  6896. 		tiddler.fields.doNotSave = &quot;true&quot;; // XXX: correct?
    6897. 

  6897. 		if(!store.getTiddler(tiddler.title)) {
    6898. 

  6898. 			store.addTiddler(tiddler);
    6899. 

  6899. 		}
    6900. 

  6900. 		var src = story.getTiddler(userParams.origin);
    6901. 

  6901. 		var tiddlerEl = story.displayTiddler(src, tiddler);
    6902. 

  6902. 		var uri = context.uri.replace(&quot;format=unified&quot;, &quot;format=horizontal&quot;);
    6903. 

  6903. 		var link = $('&lt;a target=&quot;_blank&quot; /&gt;').attr(&quot;href&quot;, uri).text(cmd.linkLabel);
    6904. 

  6904. 		$(&quot;.viewer&quot;, tiddlerEl).prepend(link);
    6905. 

  6905. 	},
    6906. 

  6906. 

  6907. 	displayTiddlerRevision: function(context, userParams) {
    6908. 

  6908. 		var tiddler = context.tiddler;
    6909. 

  6909. 		tiddler.title += cmd.revSuffix.format([tiddler.fields[&quot;server.page.revision&quot;]]);
    6910. 

  6910. 		tiddler.fields.doNotSave = &quot;true&quot;; // XXX: correct?
    6911. 

  6911. 		if(!store.getTiddler(tiddler.title)) {
    6912. 

  6912. 			store.addTiddler(tiddler);
    6913. 

  6913. 		}
    6914. 

  6914. 		var src = story.getTiddler(userParams.origin);
    6915. 

  6915. 		story.displayTiddler(src, tiddler);
    6916. 

  6916. 	},
    6917. 

  6917. 

  6918. 	stripSuffix: function(type, title) {
    6919. 

  6919. 		var str = cmd[type + &quot;Suffix&quot;];
    6920. 

  6920. 		var i = str.indexOf(&quot;%0&quot;);
    6921. 

  6921. 		i = title.indexOf(str.substr(0, i));
    6922. 

  6922. 		if(i != -1) {
    6923. 

  6923. 			title = title.substr(0, i);
    6924. 

  6924. 		}
    6925. 

  6925. 		return title;
    6926. 

  6926. 	}
    6927. 

  6927. };
    6928. 

  6928. 

  6929. var _getField = function(name, tiddler) {
    6930. 

  6930. 	return tiddler.fields[name] || config.defaultCustomFields[name];
    6931. 

  6931. };
    6932. 

  6932. 

  6933. })(jQuery);
    6934. 

  6934. //}}}</pre>
    6935. 

  6935. </div>
    6936. 

  6936. <div title="RoundaboutPlugin" creator="pmario" modifier="pmario" created="201102201726" modified="201102210040" tags="systemConfig" server.title="RoundaboutPlugin" server.page.revision="260087" server.etag="&quot;roundabout-plugin_public/RoundaboutPlugin/260087;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/roundabout-plugin_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="roundabout-plugin_public" server.permissions="read, write, create, delete" server.content-type="" _hash="67415f8be2f7c34d393a4cb4db6630ffcb60dfdd">
    6937. 

  6937. <pre>/***
    6938. 

  6938. |''Name''|RoundaboutPlugin|
    6939. 

  6939. |''Description''|Wraps the jQuery.roundabout() function into a TiddlyWiki friendly macro|
    6940. 

  6940. |''Author''|PMario|
    6941. 

  6941. |''Version''|0.1.2|
    6942. 

  6942. |''Status''|''beta''|
    6943. 

  6943. |''Source''|http://roundabout-plugin.tiddlyspace.com/|
    6944. 

  6944. |''License''|CC-by-nc-sa|
    6945. 

  6945. |''CoreVersion''|2.5.0|
    6946. 

  6946. |''Keywords''|roundabout navigation UI |
    6947. 

  6947. ***/
    6948. 

  6948. //{{{
    6949. 

  6949. 

  6950. version.extensions.Roundabout = {
    6951. 

  6951. 	major: 0,
    6952. 

  6952. 	minor: 1,
    6953. 

  6953. 	revision: 2,
    6954. 

  6954. 	date: new Date(2011, 2, 20)
    6955. 

  6955. };
    6956. 

  6956. 

  6957. (function ($) {
    6958. 

  6958. 	var me;
    6959. 

  6959. 

  6960. 	config.macros.roundabout = me = {
    6961. 

  6961. 		// should be done for easy localisation
    6962. 

  6962. 		locale: {
    6963. 

  6963. 		},
    6964. 

  6964. 		// 'mousewheel' has its special handling, because it needs to be bound to outer element. See below.
    6965. 

  6965. 		possibleAddOns: ['focus', 'blur', 'click', 'mouseover', 'mouseout'],
    6966. 

  6966. 		holderAddOns: ['mousewheel'],
    6967. 

  6967. 		
    6968. 

  6968. 		calcTextSlices: function (text) {
    6969. 

  6969. 			var slices = {};
    6970. 

  6970. 

  6971. 			var helper = {
    6972. 

  6972. 				'true': true,
    6973. 

  6973. 				'false': false,
    6974. 

  6974. 				'null': null
    6975. 

  6975. 			};
    6976. 

  6976. 

  6977. 			store.slicesRE.lastIndex = 0;
    6978. 

  6978. 			var m = store.slicesRE.exec(text);
    6979. 

  6979. 			while (m) {
    6980. 

  6980. 				if (m[2]) {
    6981. 

  6981. 					if (isNaN(m[3])) {
    6982. 

  6982. 						slices[m[2]] = (m[3] in helper) ? helper[m[3]] : m[3];
    6983. 

  6983. 					}
    6984. 

  6984. 					else {
    6985. 

  6985. 						slices[m[2]] = parseFloat(m[3]);
    6986. 

  6986. 					}
    6987. 

  6987. 				} else {
    6988. 

  6988. 					if (isNaN(m[6])) {
    6989. 

  6989. 						slices[m[5]] = (m[6] in helper) ? helper[m[6]] : m[6];
    6990. 

  6990. 					}
    6991. 

  6991. 					else {
    6992. 

  6992. 						slices[m[5]] = parseFloat(m[6]);
    6993. 

  6993. 					}
    6994. 

  6994. 				}
    6995. 

  6995. 				m = store.slicesRE.exec(text);
    6996. 

  6996. 			}
    6997. 

  6997. 			return slices;
    6998. 

  6998. 		},	
    6999. 

  6999. 			
    7000. 

  7000. 		rdSettings: function (cName) {
    7001. 

  7001. 			var settings = {};
    7002. 

  7002. 			var text;
    7003. 

  7003. 			var title = cName;
    7004. 

  7004. 

  7005. 			var section = null;
    7006. 

  7006. 			var pos = title.indexOf(config.textPrimitives.sectionSeparator);
    7007. 

  7007. 			if (pos != -1) {
    7008. 

  7008. 				section = title.substr(pos + config.textPrimitives.sectionSeparator.length);
    7009. 

  7009. 				title = title.substr(0, pos);
    7010. 

  7010. 			}
    7011. 

  7011. 

  7012. 			cName = (title) ? cName : tiddler.title + cName;
    7013. 

  7013. 

  7014. 			title = (title) ? title : tiddler.title;
    7015. 

  7015. 			
    7016. 

  7016. 			if (store.tiddlerExists(title)) {
    7017. 

  7017. 				//	console.log({'cName':cName, 'text':text});
    7018. 

  7018. 				text = store.getTiddlerText(cName);
    7019. 

  7019. 				settings = me.calcTextSlices(text);
    7020. 

  7020. 				//	console.log({'settings':settings});
    7021. 

  7021. 			}
    7022. 

  7022. 

  7023. 			var cmra = config.macros.roundabout.addOns;
    7024. 

  7024. 			var p = me.possibleAddOns;
    7025. 

  7025. 

  7026. 			var x;
    7027. 

  7027. 			for (var i = 0, im = p.length; i&lt;im; i += 1) {
    7028. 

  7028. 				x = settings[p[i]];
    7029. 

  7029. 				if (x) {
    7030. 

  7030. 					settings[p[i]] = (cmra &amp;&amp; cmra[x]) ? cmra[x] : null;
    7031. 

  7031. 				}
    7032. 

  7032. 			}
    7033. 

  7033. 

  7034. 			p = me.holderAddOns;
    7035. 

  7035. 

  7036. 			for (i = 0, im = p.length; i&lt;im; i += 1) {
    7037. 

  7037. 				x = settings[p[i]];
    7038. 

  7038. 				if (x) {
    7039. 

  7039. 					settings[p[i]] = (cmra &amp;&amp; cmra[x]) ? cmra[x] : null;
    7040. 

  7040. 				}
    7041. 

  7041. 			}
    7042. 

  7042. 

  7043. 

  7044. 			// console.log('settings: ', settings, 'x:', x);
    7045. 

  7045. 			return settings;
    7046. 

  7046. 		},
    7047. 

  7047. 

  7048. 

  7049. //		&lt;&lt;roundabout selector:'.moveIt' childSelector:'li' defaults:##Defaults&gt;&gt;
    7050. 

  7050. 		handler: function (place, macroName, params, wikifier, paramString, tiddler) {
    7051. 

  7051. 			params = paramString.parseParams(null, null, true);
    7052. 

  7052. 

  7053. 			var conf = {}; // everything, that comes from roundabout library
    7054. 

  7054. 			
    7055. 

  7055. 			var configId = getParam(params, 'defaults', undefined);
    7056. 

  7056. 			if (configId) {
    7057. 

  7057. 				conf = me.rdSettings(configId);
    7058. 

  7058. 			}
    7059. 

  7059. 			
    7060. 

  7060. 			conf.childSelector = getParam(params, 'childSelector', 'li');
    7061. 

  7061. 			conf.selector = getParam(params, 'selector', 'ul');
    7062. 

  7062. //			console.log({'conf':conf});
    7063. 

  7063. 			
    7064. 

  7064. 			var p = me.possibleAddOns;
    7065. 

  7065. 

  7066. 			for (var i = 0; i&lt;p.length; i += 1) {
    7067. 

  7067. 				if (conf[p[i]]) {
    7068. 

  7068. 					 $(conf.selector + ' ' + conf.childSelector)[p[i]](conf[p[i]]);
    7069. 

  7069. 				}
    7070. 

  7070. 			}
    7071. 

  7071. 			// init mousewheel, if there. add data section to be used by futur AddOns.
    7072. 

  7072. 			if (conf.mousewheel) {
    7073. 

  7073. 				$(conf.selector).roundabout(conf).bind('mousewheel', conf.mousewheel).data('conf',conf);
    7074. 

  7074. 			}
    7075. 

  7075. 			else {
    7076. 

  7076. 				$(conf.selector).roundabout(conf).data('conf',conf);
    7077. 

  7077. 			}
    7078. 

  7078. 			
    7079. 

  7079. 		} // handler		
    7080. 

  7080. 	};
    7081. 

  7081. 	
    7082. 

  7082. })(jQuery);
    7083. 

  7083. 

  7084. //}}}
    7085. 

  7085. </pre>
    7086. 

  7086. </div>
    7087. 

  7087. <div title="RoundaboutPluginAddOns" creator="pmario" modifier="pmario" created="201102201731" modified="201102201934" tags="systemConfig" server.title="RoundaboutPluginAddOns" server.page.revision="259616" server.etag="&quot;roundabout-plugin_public/RoundaboutPluginAddOns/259616;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/roundabout-plugin_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="roundabout-plugin_public" server.permissions="read, write, create, delete" server.content-type="" _hash="25716e157e43567175957b3658ab5caff44c669a">
    7088. 

  7088. <pre>/***
    7089. 

  7089. |''Name''|RoundaboutPluginAddOns|
    7090. 

  7090. |''Description''|Add ons for RoundaboutPlugin|
    7091. 

  7091. |''Author''|PMario|
    7092. 

  7092. |''Version''|0.1.1|
    7093. 

  7093. |''Status''|''beta''|
    7094. 

  7094. |''Source''|http://roundabout-plugin.tiddlyspace.com/|
    7095. 

  7095. |''License''|CC-by-nc-sa|
    7096. 

  7096. |''CoreVersion''|2.5.0|
    7097. 

  7097. |''Keywords''|roundabout navigation UI |
    7098. 

  7098. ***/
    7099. 

  7099. //{{{
    7100. 

  7100. 

  7101. version.extensions.RoundaboutAddOns = {
    7102. 

  7102. 	major: 0,
    7103. 

  7103. 	minor: 1,
    7104. 

  7104. 	revision: 1,
    7105. 

  7105. 	date: new Date(2011, 2, 20)
    7106. 

  7106. };
    7107. 

  7107. 

  7108. (function ($) {
    7109. 

  7109. 

  7110. 	config.macros.roundabout.addOns = {
    7111. 

  7111. 		focusAddOn: function (e) {
    7112. 

  7112. 			displayMessage('focus event fired at -&gt; ' + $(this).text());
    7113. 

  7113. //			console.log('focus: ', '$this: ', $(this));
    7114. 

  7114. 		},
    7115. 

  7115. 		
    7116. 

  7116. 		blurAddOn: function (e) {
    7117. 

  7117. 			displayMessage('blur event fired at -&gt; ' + $(this).text());
    7118. 

  7118. //			console.log('blur: ', '$this: ', $(this));
    7119. 

  7119. 		},
    7120. 

  7120. 		
    7121. 

  7121. 		clickAddOn: function (e) {
    7122. 

  7122. 			displayMessage('click event fired at -&gt; ' + $(this).text());
    7123. 

  7123. //			console.log('click: ', '$this: ', $(this));
    7124. 

  7124. 		},
    7125. 

  7125. 		
    7126. 

  7126. 		mouseoverAddOn: function (e) {
    7127. 

  7127. 			displayMessage('mouseover -&gt; ' + $(this).text());
    7128. 

  7128. //			console.log('mouseOver: ', '$this: ', $(this));
    7129. 

  7129. 		},
    7130. 

  7130. 		
    7131. 

  7131. 		mouseoutAddOn: function (e) {
    7132. 

  7132. 			displayMessage('mouseout -&gt; ' + $(this).text());
    7133. 

  7133. //			console.log('mouseOut: ', '$this: ', $(this));
    7134. 

  7134. 		},
    7135. 

  7135. 		
    7136. 

  7136. 		mousewheelAddOn: function (e, delta) {
    7137. 

  7137. 			var conf = $(this).data('conf');
    7138. 

  7138. 			var mouseSpeedModifier = (conf &amp;&amp; conf.mouseSpeed) ? conf.mouseSpeed : 0; 
    7139. 

  7139. 			
    7140. 

  7140. 			e.preventDefault();
    7141. 

  7141. 			
    7142. 

  7142. 			delta = delta * mouseSpeedModifier;
    7143. 

  7143. 			if (delta !== 0) $(this).roundabout_adjustBearing(delta);
    7144. 

  7144. 

  7145. // 			console.log('mouseWheel: ', 'e: ', e, 'delta: ', delta);
    7146. 

  7146. 			
    7147. 

  7147. 			// if you return false, it prevents the event from bubbling. 
    7148. 

  7148. 			// Which causes the wheel to stop if a block is hovered.
    7149. 

  7149. 			//return false;
    7150. 

  7150. 		}
    7151. 

  7151. 	};
    7152. 

  7152. })(jQuery);
    7153. 

  7153. 

  7154. //}}}</pre>
    7155. 

  7155. </div>
    7156. 

  7156. <div title="RoundaboutStyleSheet" creator="pmario" modifier="pmario" created="201102202359" modified="201102202359" server.title="RoundaboutStyleSheet" server.page.revision="260047" server.etag="&quot;roundabout-plugin_public/RoundaboutStyleSheet/260047;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/roundabout-plugin_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="roundabout-plugin_public" server.permissions="read, write, create, delete" server.content-type="" _hash="85042f64f10c7a591e7ef647bcb853dbb0cdb1ab">
    7157. 

  7157. <pre>/*{{{*/
    7158. 

  7158. .roundabout-holder {
    7159. 

  7159. 	list-style: none;
    7160. 

  7160. 	width: 80%;
    7161. 

  7161. 	margin: 2% auto;
    7162. 

  7162. 	height: 10em;
    7163. 

  7163. 	display: block;
    7164. 

  7164. }
    7165. 

  7165. 

  7166. /* movable item is deactivated at the moment */			
    7167. 

  7167. .Xroundabout-moveable-item {
    7168. 

  7168. 	width: 15em;
    7169. 

  7169. 	height: 5em;
    7170. 

  7170. 	background: lightgray;
    7171. 

  7171. 	cursor: pointer;
    7172. 

  7172. }
    7173. 

  7173. 

  7174. .roundabout-in-focus {
    7175. 

  7175. 	cursor: auto;
    7176. 

  7176. }
    7177. 

  7177. 

  7178. #filler {
    7179. 

  7179. 	text-align: center;
    7180. 

  7180. 	height: 1em;
    7181. 

  7181. }
    7182. 

  7182. /*}}}*/</pre>
    7183. 

  7183. </div>
    7184. 

  7184. <div title="SearchOptionsPlugin" creator="pmario" modifier="pmario" created="201008061923" modified="201009181705" tags="excludeLists systemConfig" server.title="SearchOptionsPlugin" server.page.revision="107219" server.etag="&quot;neui-em_public/SearchOptionsPlugin/107219;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="86ceebed1ec3249d7dddc3bb14d4865ceebed82f">
    7185. 

  7185. <pre>/***
    7186. 

  7186. |Name|SearchOptionsPlugin|
    7187. 

  7187. |Source|http://www.TiddlyTools.com/#SearchOptionsPlugin|
    7188. 

  7188. |Documentation|http://www.TiddlyTools.com/#SearchOptionsPluginInfo|
    7189. 

  7189. |Version|3.0.7|
    7190. 

  7190. |Author|Eric Shulman|
    7191. 

  7191. |License|http://www.TiddlyTools.com/#LegalStatements|
    7192. 

  7192. |~CoreVersion|2.1|
    7193. 

  7193. |Type|plugin|
    7194. 

  7194. |Description|extend core search function with additional user-configurable options|
    7195. 

  7195. Adds extra options to core search function including selecting which data items to search, enabling/disabling incremental key-by-key searches, and generating a ''list of matching tiddlers'' instead of immediately displaying all matches.  This plugin also adds syntax for rendering 'search links' within tiddler content to embed one-click searches using pre-defined 'hard-coded' search terms.
    7196. 

  7196. !!!!!Documentation
    7197. 

  7197. &gt;see [[SearchOptionsPluginInfo]]
    7198. 

  7198. !!!!!Configuration
    7199. 

  7199. &lt;&lt;&lt;
    7200. 

  7200. Search in:
    7201. 

  7201. &lt;&lt;option chkSearchTitles&gt;&gt; titles &lt;&lt;option chkSearchText&gt;&gt; text &lt;&lt;option chkSearchTags&gt;&gt; tags &lt;&lt;option chkSearchFields&gt;&gt; fields &lt;&lt;option chkSearchShadows&gt;&gt; shadows
    7202. 

  7202. &lt;&lt;option chkSearchHighlight&gt;&gt; Highlight matching text in displayed tiddlers
    7203. 

  7203. &lt;&lt;option chkSearchList&gt;&gt; Show list of matches
    7204. 

  7204. &lt;&lt;option chkSearchListTiddler&gt;&gt; Write list to [[SearchResults]] tiddler
    7205. 

  7205. &lt;&lt;option chkSearchTitlesFirst&gt;&gt; Show title matches first
    7206. 

  7206. &lt;&lt;option chkSearchByDate&gt;&gt; Sort matching tiddlers by modification date (most recent first)
    7207. 

  7207. &lt;&lt;option chkSearchResultsOptions&gt;&gt; Include {{{options...}}} slider in &quot;search again&quot; form
    7208. 

  7208. &lt;&lt;option chkIncrementalSearch&gt;&gt; Incremental key-by-key search: {{twochar{&lt;&lt;option txtIncrementalSearchMin&gt;&gt;}}} or more characters,  {{threechar{&lt;&lt;option txtIncrementalSearchDelay&gt;&gt;}}} msec delay
    7209. 

  7209. &lt;&lt;option chkSearchOpenTiddlers&gt;&gt; Search only in tiddlers that are currently displayed
    7210. 

  7210. &lt;&lt;option chkSearchExcludeTags&gt;&gt; Exclude tiddlers tagged with: &lt;&lt;option txtSearchExcludeTags&gt;&gt;
    7211. 

  7211. &lt;&lt;&lt;
    7212. 

  7212. !!!!!Revisions
    7213. 

  7213. &lt;&lt;&lt;
    7214. 

  7214. 2010.05.03 3.0.8 added chkSearchResultsOptions to allow/omit the &quot;options...&quot; slider from the &quot;search again&quot; form
    7215. 

  7215. |please see [[SearchOptionsPluginInfo]] for additional revision details|
    7216. 

  7216. 2005.10.18 1.0.0 Initial Release
    7217. 

  7217. &lt;&lt;&lt;
    7218. 

  7218. !!!!!Code
    7219. 

  7219. ***/
    7220. 

  7220. //{{{
    7221. 

  7221. version.extensions.SearchOptionsPlugin= {major: 3, minor: 0, revision: 8, date: new Date(2010,5,3)};
    7222. 

  7222. 

  7223. var defaults={
    7224. 

  7224. 	chkSearchTitles:	true,
    7225. 

  7225. 	chkSearchText:		true,
    7226. 

  7226. 	chkSearchTags:		true,
    7227. 

  7227. 	chkSearchFields:	true,
    7228. 

  7228. 	chkSearchTitlesFirst:	true,
    7229. 

  7229. 	chkSearchList:		true,
    7230. 

  7230. 	chkSearchHighlight:	true,
    7231. 

  7231. 	chkSearchListTiddler:	false,
    7232. 

  7232. 	chkSearchByDate:	false,
    7233. 

  7233. 	chkIncrementalSearch:	true,
    7234. 

  7234. 	chkSearchShadows:	true,
    7235. 

  7235. 	chkSearchOpenTiddlers:	false,
    7236. 

  7236. 	chkSearchResultsOptions:true,
    7237. 

  7237. 	chkSearchExcludeTags:	true,
    7238. 

  7238. 	txtSearchExcludeTags:	'excludeSearch',
    7239. 

  7239. 	txtIncrementalSearchDelay:	500,
    7240. 

  7240. 	txtIncrementalSearchMin:	3
    7241. 

  7241. }; for (var id in defaults) if (config.options[id]===undefined)
    7242. 

  7242. 	config.options[id]=defaults[id];
    7243. 

  7243. 

  7244. if (config.macros.search.reportTitle==undefined)
    7245. 

  7245. 	config.macros.search.reportTitle=&quot;SearchResults&quot;; // note: not a cookie!
    7246. 

  7246. config.macros.search.label+=&quot;\xa0&quot;; // a little bit of space just because it looks better
    7247. 

  7247. //}}}
    7248. 

  7248. // // searchLink: {{{[search[text to find]] OR [search[text to display|text to find]]}}}
    7249. 

  7249. //{{{
    7250. 

  7250. config.formatters.push( {
    7251. 

  7251. 	name: &quot;searchLink&quot;,
    7252. 

  7252. 	match: &quot;\\[search\\[&quot;,
    7253. 

  7253. 	lookaheadRegExp: /\[search\[(.*?)(?:\|(.*?))?\]\]/mg,
    7254. 

  7254. 	prompt: &quot;search for: '%0'&quot;,
    7255. 

  7255. 	handler: function(w)
    7256. 

  7256. 	{
    7257. 

  7257. 		this.lookaheadRegExp.lastIndex = w.matchStart;
    7258. 

  7258. 		var lookaheadMatch = this.lookaheadRegExp.exec(w.source);
    7259. 

  7259. 		if(lookaheadMatch &amp;&amp; lookaheadMatch.index == w.matchStart) {
    7260. 

  7260. 			var label=lookaheadMatch[1];
    7261. 

  7261. 			var text=lookaheadMatch[2]||label;
    7262. 

  7262. 			var prompt=this.prompt.format([text]);
    7263. 

  7263. 			var btn=createTiddlyButton(w.output,label,prompt,
    7264. 

  7264. 				function(){story.search(this.getAttribute(&quot;searchText&quot;))},&quot;searchLink&quot;);
    7265. 

  7265. 			btn.setAttribute(&quot;searchText&quot;,text);
    7266. 

  7266. 			w.nextMatch = this.lookaheadRegExp.lastIndex;
    7267. 

  7267. 		}
    7268. 

  7268. 	}
    7269. 

  7269. });
    7270. 

  7270. //}}}
    7271. 

  7271. // // incremental search uses option settings instead of hard-coded delay and minimum input values
    7272. 

  7272. //{{{
    7273. 

  7273. var fn=config.macros.search.onKeyPress;
    7274. 

  7274. fn=fn.toString().replace(/500/g, &quot;config.options.txtIncrementalSearchDelay||500&quot;);
    7275. 

  7275. fn=fn.toString().replace(/&gt; 2/g, &quot;&gt;=(config.options.txtIncrementalSearchMin||3)&quot;);
    7276. 

  7276. eval(&quot;config.macros.search.onKeyPress=&quot;+fn);
    7277. 

  7277. //}}}
    7278. 

  7278. // // REPLACE story.search() for option to &quot;show search results in a list&quot;
    7279. 

  7279. //{{{
    7280. 

  7280. Story.prototype.search = function(text,useCaseSensitive,useRegExp)
    7281. 

  7281. {
    7282. 

  7282. 	var co=config.options; // abbrev
    7283. 

  7283. 	var re=new RegExp(useRegExp ? text : text.escapeRegExp(),useCaseSensitive ? &quot;mg&quot; : &quot;img&quot;);
    7284. 

  7284. 	if (config.options.chkSearchHighlight) highlightHack=re;
    7285. 

  7285. 	var matches = store.search(re,co.chkSearchByDate?&quot;modified&quot;:&quot;title&quot;,&quot;&quot;);
    7286. 

  7286. 	if (co.chkSearchByDate) matches=matches.reverse(); // most recent first
    7287. 

  7287. 	var q = useRegExp ? &quot;/&quot; : &quot;'&quot;;
    7288. 

  7288. 	clearMessage();
    7289. 

  7289. 	if (!matches.length) {
    7290. 

  7290. 		if (co.chkSearchListTiddler) discardSearchResults();
    7291. 

  7291. 		displayMessage(config.macros.search.failureMsg.format([q+text+q]));
    7292. 

  7292. 	} else {
    7293. 

  7293. 		if (co.chkSearchList||co.chkSearchListTiddler) 
    7294. 

  7294. 			reportSearchResults(text,matches);
    7295. 

  7295. 		else {
    7296. 

  7296. 			var titles = []; for(var t=0; t&lt;matches.length; t++) titles.push(matches[t].title);
    7297. 

  7297. 			this.closeAllTiddlers(); story.displayTiddlers(null,titles);
    7298. 

  7298. 			displayMessage(config.macros.search.successMsg.format([matches.length, q+text+q]));
    7299. 

  7299. 		}
    7300. 

  7300. 	}
    7301. 

  7301. 	highlightHack = null;
    7302. 

  7302. }
    7303. 

  7303. //}}}
    7304. 

  7304. // // REPLACE store.search() for enhanced searching/sorting options
    7305. 

  7305. //{{{
    7306. 

  7306. TiddlyWiki.prototype.search = function(searchRegExp,sortField,excludeTag,match)
    7307. 

  7307. {
    7308. 

  7308. 	var co=config.options; // abbrev
    7309. 

  7309. 	var tids = this.reverseLookup(&quot;tags&quot;,excludeTag,!!match,sortField);
    7310. 

  7310. 	var opened=[]; story.forEachTiddler(function(tid,elem){opened.push(tid);});
    7311. 

  7311. 

  7312. 	// eliminate tiddlers tagged with excluded tags
    7313. 

  7313. 	if (co.chkSearchExcludeTags&amp;&amp;co.txtSearchExcludeTags.length) {
    7314. 

  7314. 		var ex=co.txtSearchExcludeTags.readBracketedList();
    7315. 

  7315. 		var temp=[]; for(var t=tids.length-1; t&gt;=0; t--)
    7316. 

  7316. 			if (!tids[t].tags.containsAny(ex)) temp.push(tids[t]);
    7317. 

  7317. 		tids=temp;
    7318. 

  7318. 	}
    7319. 

  7319. 

  7320. 	// scan for matching titles first...
    7321. 

  7321. 	var results = [];
    7322. 

  7322. 	if (co.chkSearchTitles) {
    7323. 

  7323. 		for(var t=0; t&lt;tids.length; t++) {
    7324. 

  7324. 			if (co.chkSearchOpenTiddlers &amp;&amp; !opened.contains(tids[t].title)) continue; 
    7325. 

  7325. 			if(tids[t].title.search(searchRegExp)!=-1) results.push(tids[t]);
    7326. 

  7326. 		}
    7327. 

  7327. 		if (co.chkSearchShadows)
    7328. 

  7328. 			for (var t in config.shadowTiddlers) {
    7329. 

  7329. 				if (co.chkSearchOpenTiddlers &amp;&amp; !opened.contains(t)) continue; 
    7330. 

  7330. 				if ((t.search(searchRegExp)!=-1) &amp;&amp; !store.tiddlerExists(t))
    7331. 

  7331. 					results.push((new Tiddler()).assign(t,config.shadowTiddlers[t]));
    7332. 

  7332. 			}
    7333. 

  7333. 	}
    7334. 

  7334. 	// then scan for matching text, tags, or field data
    7335. 

  7335. 	for(var t=0; t&lt;tids.length; t++) {
    7336. 

  7336. 		if (co.chkSearchOpenTiddlers &amp;&amp; !opened.contains(tids[t].title)) continue; 
    7337. 

  7337. 		if (co.chkSearchText &amp;&amp; tids[t].text.search(searchRegExp)!=-1)
    7338. 

  7338. 			results.pushUnique(tids[t]);
    7339. 

  7339. 		if (co.chkSearchTags &amp;&amp; tids[t].tags.join(&quot; &quot;).search(searchRegExp)!=-1)
    7340. 

  7340. 			results.pushUnique(tids[t]);
    7341. 

  7341. 		if (co.chkSearchFields &amp;&amp; store.forEachField!=undefined)
    7342. 

  7342. 			store.forEachField(tids[t],
    7343. 

  7343. 				function(tid,field,val) {
    7344. 

  7344. 					if (val.search(searchRegExp)!=-1) results.pushUnique(tids[t]);
    7345. 

  7345. 				},
    7346. 

  7346. 				true); // extended fields only
    7347. 

  7347. 	}
    7348. 

  7348. 	// then check for matching text in shadows
    7349. 

  7349. 	if (co.chkSearchShadows)
    7350. 

  7350. 		for (var t in config.shadowTiddlers) {
    7351. 

  7351. 			if (co.chkSearchOpenTiddlers &amp;&amp; !opened.contains(t)) continue; 
    7352. 

  7352. 			if ((config.shadowTiddlers[t].search(searchRegExp)!=-1) &amp;&amp; !store.tiddlerExists(t))
    7353. 

  7353. 				results.pushUnique((new Tiddler()).assign(t,config.shadowTiddlers[t]));
    7354. 

  7354. 		}
    7355. 

  7355. 

  7356. 	// if not 'titles first', or sorting by modification date,
    7357. 

  7357. 	// re-sort results to so titles, text, tag and field matches are mixed together
    7358. 

  7358. 	if(!sortField) sortField = &quot;title&quot;;
    7359. 

  7359. 	var bySortField=function(a,b){
    7360. 

  7360. 		if(a[sortField]==b[sortField])return(0);else return(a[sortField]&lt;b[sortField])?-1:+1;
    7361. 

  7361. 	}
    7362. 

  7362. 	if (!co.chkSearchTitlesFirst || co.chkSearchByDate) results.sort(bySortField);
    7363. 

  7363. 

  7364. 	return results;
    7365. 

  7365. }
    7366. 

  7366. //}}}
    7367. 

  7367. // // HIJACK core {{{&lt;&lt;search&gt;&gt;}}} macro to add &quot;report&quot; and &quot;simple inline&quot; output
    7368. 

  7368. //{{{
    7369. 

  7369. config.macros.search.SOP_handler=config.macros.search.handler;
    7370. 

  7370. config.macros.search.handler = function(place,macroName,params)
    7371. 

  7371. {
    7372. 

  7372. 	// if &quot;report&quot;, use SearchOptionsPlugin report generator for inline output
    7373. 

  7373. 	if (params[1]&amp;&amp;params[1].substr(0,6)==&quot;report&quot;) {
    7374. 

  7374. 		var keyword=params[0];
    7375. 

  7375. 		var options=params[1].split(&quot;=&quot;)[1]; // split &quot;report=option+option+...&quot;
    7376. 

  7376. 		var heading=params[2]?params[2].unescapeLineBreaks():&quot;&quot;;
    7377. 

  7377. 		var matches=store.search(new RegExp(keyword.escapeRegExp(),&quot;img&quot;),&quot;title&quot;,&quot;excludeSearch&quot;);
    7378. 

  7378. 		if (matches.length) wikify(heading+window.formatSearchResults(keyword,matches,options),place);
    7379. 

  7379. 	} else if (params[1]) {
    7380. 

  7380. 		var keyword=params[0];
    7381. 

  7381. 		var heading=params[1]?params[1].unescapeLineBreaks():&quot;&quot;;
    7382. 

  7382. 		var seperator=params[2]?params[2].unescapeLineBreaks():&quot;, &quot;;
    7383. 

  7383. 		var matches=store.search(new RegExp(keyword.escapeRegExp(),&quot;img&quot;),&quot;title&quot;,&quot;excludeSearch&quot;);
    7384. 

  7384. 		if (matches.length) {
    7385. 

  7385. 			var out=[];
    7386. 

  7386. 			for (var m=0; m&lt;matches.length; m++) out.push(&quot;[[&quot;+matches[m].title+&quot;]]&quot;);
    7387. 

  7387. 			wikify(heading+out.join(seperator),place);
    7388. 

  7388. 		}
    7389. 

  7389. 	} else
    7390. 

  7390. 		config.macros.search.SOP_handler.apply(this,arguments);
    7391. 

  7391. };
    7392. 

  7392. //}}}
    7393. 

  7393. // // SearchResults panel handling
    7394. 

  7394. //{{{
    7395. 

  7395. setStylesheet(&quot;.searchResults { padding:1em 1em 0 1em; }&quot;,&quot;searchResults&quot;); // matches std tiddler padding
    7396. 

  7396. 

  7397. config.macros.search.createPanel=function(text,matches,body) {
    7398. 

  7398. 

  7399. 	function getByClass(e,c) { var d=e.getElementsByTagName(&quot;div&quot;);
    7400. 

  7400. 		for (var i=0;i&lt;d.length;i++) if (hasClass(d[i],c)) return d[i]; }
    7401. 

  7401. 	var panel=createTiddlyElement(null,&quot;div&quot;,&quot;searchPanel&quot;,&quot;searchPanel&quot;);
    7402. 

  7402. 	this.renderPanel(panel,text,matches,body);
    7403. 

  7403. 	var oldpanel=document.getElementById(&quot;searchPanel&quot;);
    7404. 

  7404. 	if (!oldpanel) { // insert new panel just above tiddlers
    7405. 

  7405. 		var da=document.getElementById(&quot;displayArea&quot;);
    7406. 

  7406. 		da.insertBefore(panel,da.firstChild);
    7407. 

  7407. 	} else { // if panel exists
    7408. 

  7408. 		var oldwrap=getByClass(oldpanel,&quot;searchResults&quot;);
    7409. 

  7409. 		var newwrap=getByClass(panel,&quot;searchResults&quot;);
    7410. 

  7410. 		// if no prior content, just insert new content
    7411. 

  7411. 		if (!oldwrap) oldpanel.insertBefore(newwrap,null);
    7412. 

  7412. 		else {	// swap search results content but leave containing panel intact
    7413. 

  7413. 			oldwrap.style.display='block'; // unfold wrapper if needed
    7414. 

  7414. 			var i=oldwrap.getElementsByTagName(&quot;input&quot;)[0]; // get input field
    7415. 

  7415. 			if (i) { var pos=this.getCursorPos(i); i.onblur=null; } // get cursor pos, ignore blur
    7416. 

  7416. 			oldpanel.replaceChild(newwrap,oldwrap);
    7417. 

  7417. 			panel=oldpanel; // use existing panel
    7418. 

  7418. 		} 
    7419. 

  7419. 	}
    7420. 

  7420. 	this.showPanel(true,pos);
    7421. 

  7421. 	return panel;
    7422. 

  7422. }
    7423. 

  7423. 

  7424. config.macros.search.renderPanel=function(panel,text,matches,body) {
    7425. 

  7425. 

  7426. 	var wrap=createTiddlyElement(panel,&quot;div&quot;,null,&quot;searchResults&quot;);
    7427. 

  7427. 	wrap.onmouseover = function(e){ addClass(this,&quot;selected&quot;); }
    7428. 

  7428. 	wrap.onmouseout = function(e){ removeClass(this,&quot;selected&quot;); }
    7429. 

  7429. 	// create toolbar: &quot;open all&quot;, &quot;fold/unfold&quot;, &quot;close&quot;
    7430. 

  7430. 	var tb=createTiddlyElement(wrap,&quot;div&quot;,null,&quot;toolbar&quot;);
    7431. 

  7431. 	var b=createTiddlyButton(tb, &quot;open all&quot;, &quot;open all matching tiddlers&quot;, function() {
    7432. 

  7432. 		story.displayTiddlers(null,this.getAttribute(&quot;list&quot;).readBracketedList()); return false; },&quot;button&quot;);
    7433. 

  7433. 	var list=&quot;&quot;; for(var t=0;t&lt;matches.length;t++) list+='[['+matches[t].title+']] ';
    7434. 

  7434. 	b.setAttribute(&quot;list&quot;,list);
    7435. 

  7435. 	var b=createTiddlyButton(tb, &quot;fold&quot;, &quot;toggle display of search results&quot;, function() {
    7436. 

  7436. 		config.macros.search.foldPanel(this); return false; },&quot;button&quot;);
    7437. 

  7437. 	var b=createTiddlyButton(tb, &quot;close&quot;, &quot;dismiss search results&quot;,	function() {
    7438. 

  7438. 		config.macros.search.showPanel(false); return false; },&quot;button&quot;);
    7439. 

  7439. 	createTiddlyText(createTiddlyElement(wrap,&quot;div&quot;,null,&quot;title&quot;),&quot;Search for: &quot;+text); // title
    7440. 

  7440. 	wikify(body,createTiddlyElement(wrap,&quot;div&quot;,null,&quot;viewer&quot;)); // report
    7441. 

  7441. 	return panel;
    7442. 

  7442. }
    7443. 

  7443. 

  7444. config.macros.search.showPanel=function(show,pos) {
    7445. 

  7445. 	var panel=document.getElementById(&quot;searchPanel&quot;);
    7446. 

  7446. 	var i=panel.getElementsByTagName(&quot;input&quot;)[0];
    7447. 

  7447. 	i.onfocus=show?function(){config.macros.search.stayFocused(true);}:null;
    7448. 

  7448. 	i.onblur=show?function(){config.macros.search.stayFocused(false);}:null;
    7449. 

  7449. 	if (show &amp;&amp; panel.style.display==&quot;block&quot;) { // if shown, grab focus, restore cursor
    7450. 

  7450. 		if (i&amp;&amp;this.stayFocused()) { i.focus(); this.setCursorPos(i,pos); }
    7451. 

  7451. 		return;
    7452. 

  7452. 	}
    7453. 

  7453. 	if(!config.options.chkAnimate) {
    7454. 

  7454. 		panel.style.display=show?&quot;block&quot;:&quot;none&quot;;
    7455. 

  7455. 		if (!show) { removeChildren(panel); config.macros.search.stayFocused(false); }
    7456. 

  7456. 	} else {
    7457. 

  7457. 		var s=new Slider(panel,show,false,show?&quot;none&quot;:&quot;children&quot;);
    7458. 

  7458. 		s.callback=function(e,p){e.style.overflow=&quot;visible&quot;;}
    7459. 

  7459. 		anim.startAnimating(s);
    7460. 

  7460. 	}
    7461. 

  7461. 	return panel;
    7462. 

  7462. }
    7463. 

  7463. 

  7464. config.macros.search.foldPanel=function(button) {
    7465. 

  7465. 	var d=document.getElementById(&quot;searchPanel&quot;).getElementsByTagName(&quot;div&quot;);
    7466. 

  7466. 	for (var i=0;i&lt;d.length;i++) if (hasClass(d[i],&quot;viewer&quot;)) var v=d[i]; if (!v) return;
    7467. 

  7467. 	var show=v.style.display==&quot;none&quot;;
    7468. 

  7468. 	if(!config.options.chkAnimate)
    7469. 

  7469. 		v.style.display=show?&quot;block&quot;:&quot;none&quot;;
    7470. 

  7470. 	else {
    7471. 

  7471. 		var s=new Slider(v,show,false,&quot;none&quot;);
    7472. 

  7472. 		s.callback=function(e,p){e.style.overflow=&quot;visible&quot;;}
    7473. 

  7473. 		anim.startAnimating(s);
    7474. 

  7474. 	}
    7475. 

  7475. 	button.innerHTML=show?&quot;fold&quot;:&quot;unfold&quot;;
    7476. 

  7476. 	return false;
    7477. 

  7477. }
    7478. 

  7478. 

  7479. config.macros.search.stayFocused=function(keep) { // TRUE/FALSE=set value, no args=get value
    7480. 

  7480. 	if (keep===undefined) return this.keepReportInFocus;
    7481. 

  7481. 	this.keepReportInFocus=keep;
    7482. 

  7482. 	return keep
    7483. 

  7483. }	
    7484. 

  7484. 

  7485. config.macros.search.getCursorPos=function(i) {
    7486. 

  7486. 	var s=0; var e=0; if (!i) return { start:s, end:e };
    7487. 

  7487. 	try {
    7488. 

  7488. 		if (i.setSelectionRange) // FF
    7489. 

  7489. 			{ s=i.selectionStart; e=i.selectionEnd; }
    7490. 

  7490. 		if (document.selection &amp;&amp; document.selection.createRange) { // IE
    7491. 

  7491. 			var r=document.selection.createRange().duplicate();
    7492. 

  7492. 			var len=r.text.length; s=0-r.moveStart('character',-100000); e=s+len;
    7493. 

  7493. 		}
    7494. 

  7494. 	}catch(e){};
    7495. 

  7495. 	return { start:s, end:e };
    7496. 

  7496. }
    7497. 

  7497. config.macros.search.setCursorPos=function(i,pos) {
    7498. 

  7498. 	if (!i||!pos) return; var s=pos.start; var e=pos.end;
    7499. 

  7499. 	if (i.setSelectionRange) //FF
    7500. 

  7500. 		i.setSelectionRange(s,e);
    7501. 

  7501. 	if (i.createTextRange) // IE
    7502. 

  7502. 		{ var r=i.createTextRange(); r.collapse(true); r.moveStart(&quot;character&quot;,s); r.select(); }
    7503. 

  7503. }
    7504. 

  7504. //}}}
    7505. 

  7505. // // SearchResults report generation
    7506. 

  7506. // note: these functions are defined globally, so they can be more easily redefined to customize report formats//
    7507. 

  7507. //{{{
    7508. 

  7508. if (!window.reportSearchResults) window.reportSearchResults=function(text,matches)
    7509. 

  7509. {
    7510. 

  7510. 	var cms=config.macros.search; // abbrev
    7511. 

  7511. 	var body=window.formatSearchResults(text,matches);
    7512. 

  7512. 	if (!config.options.chkSearchListTiddler) // show #searchResults panel
    7513. 

  7513. 		window.scrollTo(0,ensureVisible(cms.createPanel(text,matches,body)));
    7514. 

  7514. 	else { // write [[SearchResults]] tiddler
    7515. 

  7515. 		var title=cms.reportTitle;
    7516. 

  7516. 		var who=config.options.txtUserName;
    7517. 

  7517. 		var when=new Date();
    7518. 

  7518. 		var tags=&quot;excludeLists excludeSearch temporary&quot;;
    7519. 

  7519. 		var tid=store.getTiddler(title); if (!tid) tid=new Tiddler();
    7520. 

  7520. 		tid.set(title,body,who,when,tags);
    7521. 

  7521. 		store.addTiddler(tid);
    7522. 

  7522. 		story.closeTiddler(title);
    7523. 

  7523. 		story.displayTiddler(null,title);
    7524. 

  7524. 	}
    7525. 

  7525. }
    7526. 

  7526. 

  7527. if (!window.formatSearchResults) window.formatSearchResults=function(text,matches,opt)
    7528. 

  7528. {
    7529. 

  7529. 	var body='';
    7530. 

  7530. 	var title=config.macros.search.reportTitle
    7531. 

  7531. 	var q = config.options.chkRegExpSearch ? &quot;/&quot; : &quot;'&quot;;
    7532. 

  7532. 	if (!opt) var opt=&quot;all&quot;;
    7533. 

  7533. 	var parts=opt.split(&quot;+&quot;);
    7534. 

  7534. 	for (var i=0; i&lt;parts.length; i++) { var p=parts[i].toLowerCase();
    7535. 

  7535. 		if (p==&quot;again&quot;||p==&quot;all&quot;)   body+=window.formatSearchResults_again(text,matches);
    7536. 

  7536. 		if (p==&quot;summary&quot;||p==&quot;all&quot;) body+=window.formatSearchResults_summary(text,matches);
    7537. 

  7537. 		if (p==&quot;list&quot;||p==&quot;all&quot;)    body+=window.formatSearchResults_list(text,matches);
    7538. 

  7538. 		if (p==&quot;buttons&quot;||p==&quot;all&quot;) body+=window.formatSearchResults_buttons(text,matches);
    7539. 

  7539. 	}
    7540. 

  7540. 	return body;
    7541. 

  7541. }
    7542. 

  7542. 

  7543. if (!window.formatSearchResults_again) window.formatSearchResults_again=function(text,matches)
    7544. 

  7544. {
    7545. 

  7545. 	var title=config.macros.search.reportTitle
    7546. 

  7546. 	var body='';
    7547. 

  7547. 	// search again
    7548. 

  7548. 	body+='{{span{&lt;&lt;search &quot;'+text.replace(/&quot;/g,'&amp;#x22;')+'&quot;&gt;&gt; /%\n';
    7549. 

  7549. 	body+='%/&lt;html&gt;&lt;input type=&quot;button&quot; value=&quot;search again&quot;';
    7550. 

  7550. 	body+=' onclick=&quot;var t=this.parentNode.parentNode.getElementsByTagName(\'input\')[0];';
    7551. 

  7551. 	body+=' config.macros.search.doSearch(t); return false;&quot;&gt;';
    7552. 

  7552. 	if (!config.options.chkSearchResultsOptions) { // omit &quot;options...&quot;
    7553. 

  7553. 		body+='&lt;/html&gt;}}}\n\n';
    7554. 

  7554. 		return body;
    7555. 

  7555. 	}
    7556. 

  7556. 	body+=' &lt;a href=&quot;javascript:;&quot; onclick=&quot;';
    7557. 

  7557. 	body+=' var e=this.parentNode.nextSibling;';
    7558. 

  7558. 	body+=' var show=e.style.display!=\'block\';';
    7559. 

  7559. 	body+=' if(!config.options.chkAnimate) e.style.display=show?\'block\':\'none\';';
    7560. 

  7560. 	body+=' else anim.startAnimating(new Slider(e,show,false,\'none\'));';
    7561. 

  7561. 	body+=' return false;&quot;&gt;options...&lt;/a&gt;';
    7562. 

  7562. 	body+='&lt;/html&gt;@@display:none;border-left:1px dotted;margin-left:1em;padding:0;padding-left:.5em;font-size:90%;/%\n';
    7563. 

  7563. 	body+='	%/&lt;&lt;option chkSearchTitles&gt;&gt;titles /%\n';
    7564. 

  7564. 	body+='	%/&lt;&lt;option chkSearchText&gt;&gt;text /%\n';
    7565. 

  7565. 	body+='	%/&lt;&lt;option chkSearchTags&gt;&gt;tags /%\n';
    7566. 

  7566. 	body+='	%/&lt;&lt;option chkSearchFields&gt;&gt;fields /%\n';
    7567. 

  7567. 	body+='	%/&lt;&lt;option chkSearchShadows&gt;&gt;shadows\n';
    7568. 

  7568. 	body+='	&lt;&lt;option chkCaseSensitiveSearch&gt;&gt;case-sensitive /%\n';
    7569. 

  7569. 	body+='	%/&lt;&lt;option chkRegExpSearch&gt;&gt;text patterns /%\n';
    7570. 

  7570. 	body+='	%/&lt;&lt;option chkSearchByDate&gt;&gt;sorted by date\n';
    7571. 

  7571. 	body+='	&lt;&lt;option chkSearchHighlight&gt;&gt; highlight matching text in displayed tiddlers\n';
    7572. 

  7572. 	body+='	&lt;&lt;option chkIncrementalSearch&gt;&gt;incremental key-by-key search: /%\n';
    7573. 

  7573. 	body+='	%/{{twochar{&lt;&lt;option txtIncrementalSearchMin&gt;&gt;}}} or more characters, /%\n';
    7574. 

  7574. 	body+='	%/{{threechar{&lt;&lt;option txtIncrementalSearchDelay&gt;&gt;}}} msec delay\n';
    7575. 

  7575. 	body+='	&lt;&lt;option chkSearchOpenTiddlers&gt;&gt; search only in tiddlers that are currently displayed\n';
    7576. 

  7576. 	body+='	&lt;&lt;option chkSearchExcludeTags&gt;&gt;exclude tiddlers tagged with:\n';
    7577. 

  7577. 	body+='	{{editor{&lt;&lt;option txtSearchExcludeTags&gt;&gt;}}}/%\n';
    7578. 

  7578. 	body+='%/@@}}}\n\n';
    7579. 

  7579. 	return body;
    7580. 

  7580. }
    7581. 

  7581. 

  7582. if (!window.formatSearchResults_summary) window.formatSearchResults_summary=function(text,matches)
    7583. 

  7583. {
    7584. 

  7584. 	// summary: nn tiddlers found matching '...', options used
    7585. 

  7585. 	var body='';
    7586. 

  7586. 	var co=config.options; // abbrev
    7587. 

  7587. 	var title=config.macros.search.reportTitle
    7588. 

  7588. 	var q = co.chkRegExpSearch ? &quot;/&quot; : &quot;'&quot;;
    7589. 

  7589. 	body+=&quot;''&quot;+config.macros.search.successMsg.format([matches.length,q+&quot;{{{&quot;+text+&quot;}}}&quot;+q])+&quot;''\n&quot;;
    7590. 

  7590. 	var opts=[];
    7591. 

  7591. 	if (co.chkSearchTitles) opts.push(&quot;titles&quot;);
    7592. 

  7592. 	if (co.chkSearchText) opts.push(&quot;text&quot;);
    7593. 

  7593. 	if (co.chkSearchTags) opts.push(&quot;tags&quot;);
    7594. 

  7594. 	if (co.chkSearchFields) opts.push(&quot;fields&quot;);
    7595. 

  7595. 	if (co.chkSearchShadows) opts.push(&quot;shadows&quot;);
    7596. 

  7596. 	if (co.chkSearchOpenTiddlers) body+=&quot;^^//search limited to displayed tiddlers only//^^\n&quot;;
    7597. 

  7597. 	body+=&quot;~~&amp;nbsp; searched in &quot;+opts.join(&quot; + &quot;)+&quot;~~\n&quot;;
    7598. 

  7598. 	body+=(co.chkCaseSensitiveSearch||co.chkRegExpSearch?&quot;^^&amp;nbsp; using &quot;:&quot;&quot;)
    7599. 

  7599. 		+(co.chkCaseSensitiveSearch?&quot;case-sensitive &quot;:&quot;&quot;)
    7600. 

  7600. 		+(co.chkRegExpSearch?&quot;pattern &quot;:&quot;&quot;)
    7601. 

  7601. 		+(co.chkCaseSensitiveSearch||co.chkRegExpSearch?&quot;matching^^\n&quot;:&quot;&quot;);
    7602. 

  7602. 	return body;
    7603. 

  7603. }
    7604. 

  7604. 

  7605. if (!window.formatSearchResults_list) window.formatSearchResults_list=function(text,matches)
    7606. 

  7606. {
    7607. 

  7607. 	// bullet list of links to matching tiddlers
    7608. 

  7608. 	var body='';
    7609. 

  7609. 	var co=config.options; // abbrev
    7610. 

  7610. 	var pattern=co.chkRegExpSearch?text:text.escapeRegExp();
    7611. 

  7611. 	var sensitive=co.chkCaseSensitiveSearch?&quot;mg&quot;:&quot;img&quot;;
    7612. 

  7612. 	var link='{{tiddlyLinkExisting{&lt;html&gt;&lt;nowiki&gt;&lt;a href=&quot;javascript:;&quot; onclick=&quot;'
    7613. 

  7613. 		+'if(config.options.chkSearchHighlight)'
    7614. 

  7614. 		+'	highlightHack=new RegExp(\x27'+pattern+'\x27.escapeRegExp(),\x27'+sensitive+'\x27);'
    7615. 

  7615. 		+'story.displayTiddler(null,\x27%0\x27);'
    7616. 

  7616. 		+'highlightHack = null; return false;'
    7617. 

  7617. 		+'&quot; title=&quot;%2&quot;&gt;%1&lt;/a&gt;&lt;/html&gt;}}}';
    7618. 

  7618. 	for(var t=0;t&lt;matches.length;t++) {
    7619. 

  7619. 		body+=&quot;* &quot;;
    7620. 

  7620. 		if (co.chkSearchByDate)
    7621. 

  7621. 			body+=matches[t].modified.formatString('YYYY.0MM.0DD 0hh:0mm')+&quot; &quot;;
    7622. 

  7622. 		var title=matches[t].title;
    7623. 

  7623. 		var fixup=title.replace(/'/g,&quot;\\x27&quot;).replace(/&quot;/g,&quot;\\x22&quot;);
    7624. 

  7624. 		var tid=store.getTiddler(title);
    7625. 

  7625. 		var tip=tid?tid.getSubtitle():''; tip=tip.replace(/&quot;/g,&quot;&amp;quot;&quot;);
    7626. 

  7626. 		body+=link.format([fixup,title,tip])+'\n';
    7627. 

  7627. 	}
    7628. 

  7628. 	return body;
    7629. 

  7629. }
    7630. 

  7630. 

  7631. if (!window.formatSearchResults_buttons) window.formatSearchResults_buttons=function(text,matches)
    7632. 

  7632. {
    7633. 

  7633. 	// embed buttons only if writing SearchResults to tiddler
    7634. 

  7634. 	if (!config.options.chkSearchListTiddler) return &quot;&quot;;
    7635. 

  7635. 	// &quot;open all&quot; button
    7636. 

  7636. 	var title=config.macros.search.reportTitle;
    7637. 

  7637. 	var body=&quot;&quot;;
    7638. 

  7638. 	body+=&quot;@@diplay:block;&lt;html&gt;&lt;input type=\&quot;button\&quot; href=\&quot;javascript:;\&quot; &quot;
    7639. 

  7639. 		+&quot;onclick=\&quot;story.displayTiddlers(null,[&quot;;
    7640. 

  7640. 	for(var t=0;t&lt;matches.length;t++)
    7641. 

  7641. 		body+=&quot;'&quot;+matches[t].title.replace(/\'/mg,&quot;\\'&quot;)+&quot;'&quot;+((t&lt;matches.length-1)?&quot;, &quot;:&quot;&quot;);
    7642. 

  7642. 	body+=&quot;],1);\&quot; accesskey=\&quot;O\&quot; value=\&quot;open all matching tiddlers\&quot;&gt;&lt;/html&gt; &quot;;
    7643. 

  7643. 	// &quot;discard SearchResults&quot; button
    7644. 

  7644. 	body+=&quot;&lt;html&gt;&lt;input type=\&quot;button\&quot; href=\&quot;javascript:;\&quot; &quot;
    7645. 

  7645. 		+&quot;onclick=\&quot;discardSearchResults()\&quot; value=\&quot;discard &quot;+title+&quot;\&quot;&gt;&lt;/html&gt;&quot;;
    7646. 

  7646. 	body+=&quot;@@\n&quot;;
    7647. 

  7647. 	return body;
    7648. 

  7648. }
    7649. 

  7649. 

  7650. if (!window.discardSearchResults) window.discardSearchResults=function()
    7651. 

  7651. {
    7652. 

  7652. 	// remove the tiddler
    7653. 

  7653. 	story.closeTiddler(config.macros.search.reportTitle);
    7654. 

  7654. 	store.deleteTiddler(config.macros.search.reportTitle);
    7655. 

  7655. 	store.notify(config.macros.search.reportTitle,true);
    7656. 

  7656. }
    7657. 

  7657. //}}}</pre>
    7658. 

  7658. </div>
    7659. 

  7659. <div title="SelectThemePluginMP" creator="pmario" modifier="pmario" created="201011042045" modified="201011081325" tags="excludeLists systemConfig" server.title="SelectThemePluginMP" server.page.revision="107222" server.etag="&quot;neui-em_public/SelectThemePluginMP/107222;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="5c4d62628a8adec980fc31b4c993e49e28db40ca">
    7660. 

  7660. <pre>/***
    7661. 

  7661. |Name:|SelectThemePluginMP|
    7662. 

  7662. |Description:|Lets you easily switch theme and palette|
    7663. 

  7663. |Version:|1.0.1 ($Rev: 3646 $) MP 02|
    7664. 

  7664. |Date:|$Date: 2008-02-27 02:34:38 +1000 (Wed, 27 Feb 2008) $|
    7665. 

  7665. |OriginalSource:|http://mptw.tiddlyspot.com/#SelectThemePlugin|
    7666. 

  7666. |OriginalAuthor:|Simon Baird &lt;simon.baird@gmail.com&gt;|
    7667. 

  7667. |License:|http://mptw.tiddlyspot.com/#TheBSDLicense|
    7668. 

  7668. |Author:|Mario Pietsch|
    7669. 

    7670. 

  7670. !Notes
    7671. 

  7671. * Borrows largely from ThemeSwitcherPlugin by Martin Budden http://www.martinswiki.com/#ThemeSwitcherPlugin
    7672. 

  7672. * Theme is cookie based. But set a default by setting config.options.txtTheme in MptwConfigPlugin (for example)
    7673. 

  7673. * Palette is not cookie based. It actually overwrites your ColorPalette tiddler when you select a palette, so beware. 
    7674. 

    7675. 

  7675. *MP Added the label to applyTheme macro.
    7676. 

  7676. *Made selectPalette tiddlySpace ready. 
    7677. 

    7678. 

  7678. !Usage
    7679. 

  7679. * {{{&lt;&lt;selectTheme&gt;&gt;}}} makes a dropdown selector
    7680. 

  7680. * {{{&lt;&lt;selectPalette&gt;&gt;}}} makes a dropdown selector
    7681. 

  7681. * {{{&lt;&lt;applyTheme&gt;&gt;}}} applies the current tiddler as a theme
    7682. 

  7682. * {{{&lt;&lt;applyPalette&gt;&gt;}}} applies the current tiddler as a palette
    7683. 

  7683. * {{{&lt;&lt;applyTheme TiddlerName&gt;&gt;}}} applies TiddlerName as a theme
    7684. 

  7684. * {{{&lt;&lt;applyPalette TiddlerName&gt;&gt;}}} applies TiddlerName as a palette
    7685. 

    7686. 

  7686. * {{{&lt;&lt;applyTheme TiddlerName label&gt;&gt;}}} applies TiddlerName as a theme and uses costumized button label
    7687. 

  7687. * {{{&lt;&lt;applyTheme {{tiddler.title}} label&gt;&gt;}}} applies actual tiddler as a theme and uses costumized button label
    7688. 

  7688. ***/
    7689. 

  7689. //{{{
    7690. 

  7690. 

  7691. config.macros.selectTheme = {
    7692. 

  7692. 	label: {
    7693. 

  7693.       		selectTheme:&quot;select theme&quot;,
    7694. 

  7694.       		selectPalette:&quot;select palette&quot;
    7695. 

  7695. 	},
    7696. 

  7696. 	prompt: {
    7697. 

  7697. 		selectTheme:&quot;Select the current theme&quot;,
    7698. 

  7698. 		selectPalette:&quot;Select the current palette&quot;
    7699. 

  7699. 	},
    7700. 

  7700. 	tags: {
    7701. 

  7701. 		selectTheme:'systemTheme',
    7702. 

  7702. 		selectPalette:'systemPalette'
    7703. 

  7703. 	}
    7704. 

  7704. };
    7705. 

  7705. 

  7706. config.macros.selectTheme.handler = function(place,macroName)
    7707. 

  7707. {
    7708. 

  7708. 	var btn = createTiddlyButton(place,this.label[macroName],this.prompt[macroName],this.onClick);
    7709. 

  7709. 	// want to handle palettes and themes with same code. use mode attribute to distinguish
    7710. 

  7710. 	btn.setAttribute('mode',macroName);
    7711. 

  7711. };
    7712. 

  7712. 

  7713. config.macros.selectTheme.onClick = function(ev)
    7714. 

  7714. {
    7715. 

  7715. 	var e = ev ? ev : window.event;
    7716. 

  7716. 	var popup = Popup.create(this);
    7717. 

  7717. 	var mode = this.getAttribute('mode');
    7718. 

  7718. 	var tiddlers = store.getTaggedTiddlers(config.macros.selectTheme.tags[mode]);
    7719. 

  7719. 	// for default
    7720. 

  7720. 	if (mode == &quot;selectPalette&quot;) {
    7721. 

  7721. 		var btn = createTiddlyButton(createTiddlyElement(popup,'li'),&quot;(default)&quot;,&quot;default color palette&quot;,config.macros.selectTheme.onClickTheme);
    7722. 

  7722. 		btn.setAttribute('theme',&quot;(default)&quot;);
    7723. 

  7723. 		btn.setAttribute('mode',mode);
    7724. 

  7724. 	}
    7725. 

  7725. 	for(var i=0; i&lt;tiddlers.length; i++) {
    7726. 

  7726. 		var t = tiddlers[i].title;
    7727. 

  7727. 		var name = store.getTiddlerSlice(t,'Name');
    7728. 

  7728. 		var desc = store.getTiddlerSlice(t,'Description');
    7729. 

  7729. 		var btn = createTiddlyButton(createTiddlyElement(popup,'li'), name?name:t, desc?desc:config.macros.selectTheme.label['mode'], config.macros.selectTheme.onClickTheme);
    7730. 

  7730. 		btn.setAttribute('theme',t);
    7731. 

  7731. 		btn.setAttribute('mode',mode);
    7732. 

  7732. 	}
    7733. 

  7733. 	Popup.show();
    7734. 

  7734. 	return stopEvent(e);
    7735. 

  7735. };
    7736. 

  7736. 

  7737. config.macros.selectTheme.onClickTheme = function(ev)
    7738. 

  7738. {
    7739. 

  7739. 	var mode = this.getAttribute('mode');
    7740. 

  7740. 	var theme = this.getAttribute('theme');
    7741. 

  7741. 	if (mode == 'selectTheme')
    7742. 

  7742. 		story.switchTheme(theme);
    7743. 

  7743. 	else // selectPalette
    7744. 

  7744. 		config.macros.selectTheme.updatePalette(theme);
    7745. 

  7745. 	return false;
    7746. 

  7746. };
    7747. 

  7747. 

  7748. config.macros.selectTheme.updatePalette = function(title)
    7749. 

  7749. {
    7750. 

  7750. 	var tiddlyspace = config.extensions.tiddlyspace;
    7751. 

  7751. 

  7752. 	if (title != &quot;&quot;) {
    7753. 

  7753. 		if (title != &quot;(default)&quot;) {
    7754. 

  7754. 			var tiddler = store.getTiddler('ColorPalette');
    7755. 

  7755. 

  7756. 			tiddler.fields[&quot;server.workspace&quot;] = &quot;bags/%0_private&quot;.format([tiddlyspace.currentSpace.name]);
    7757. 

  7757. 			tiddler.fields[&quot;server.page.revision&quot;] = &quot;false&quot;;
    7758. 

  7758. 

  7759. 		//	tiddler.fields[&quot;server.permissions&quot;] = &quot;read, write, create&quot;; // no delete
    7760. 

  7760. 			delete tiddler.fields[&quot;server.title&quot;];
    7761. 

  7761. 			delete tiddler.fields[&quot;server.etag&quot;];
    7762. 

  7762. 			// special handling for pseudo-shadow tiddlers
    7763. 

  7763. 			if(tiddlyspace.coreBags.contains(tiddler.fields[&quot;server.bag&quot;])) {
    7764. 

  7764. 				tiddler.tags.remove(&quot;excludeLists&quot;);
    7765. 

  7765. 			}
    7766. 

  7766. 			store.saveTiddler(&quot;ColorPalette&quot;,&quot;ColorPalette&quot;, store.getTiddlerText(title),
    7767. 

  7767. 				config.options.txtUserName,undefined,tiddler.tags, tiddler.fields);
    7768. 

  7768. 		}
    7769. 

  7769. 		refreshAll();
    7770. 

  7770. 		if(config.options.chkAutoSave)
    7771. 

  7771. 			saveChanges(true);
    7772. 

  7772. 	}
    7773. 

  7773. };
    7774. 

  7774. 

  7775. config.macros.applyTheme = {
    7776. 

  7776. 	label: &quot;apply&quot;,
    7777. 

  7777. 	prompt: &quot;apply this theme or palette: &quot; // i'm lazy
    7778. 

  7778. };
    7779. 

  7779. 

  7780. config.macros.applyTheme.handler = function(place,macroName,params,wikifier,paramString,tiddler) {
    7781. 

  7781. 	var label = params[1] ? params[1] : this.label;
    7782. 

  7782. 	var useTiddler = params[0] ? params[0] : tiddler.title;
    7783. 

  7783. 	var btn = createTiddlyButton(place,label,this.prompt+useTiddler,config.macros.selectTheme.onClickTheme);
    7784. 

  7784. 	btn.setAttribute('theme',useTiddler);
    7785. 

  7785. 	btn.setAttribute('mode',macroName==&quot;applyTheme&quot;?&quot;selectTheme&quot;:&quot;selectPalette&quot;); // a bit untidy here
    7786. 

  7786. }
    7787. 

  7787. 

  7788. config.macros.selectPalette = config.macros.selectTheme;
    7789. 

  7789. config.macros.applyPalette = config.macros.applyTheme;
    7790. 

  7790. 

  7791. config.macros.refreshAll = { handler: function(place,macroName,params,wikifier,paramString,tiddler) {
    7792. 

  7792. 	createTiddlyButton(place,&quot;refresh&quot;,&quot;refresh layout and styles&quot;,function() { refreshAll(); });
    7793. 

  7793. }};
    7794. 

  7794. 

  7795. //}}}</pre>
    7796. 

  7796. </div>
    7797. 

  7797. <div title="ServerSideSavingPlugin" creator="FND" modifier="FND" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch systemConfig" server.title="ServerSideSavingPlugin" server.page.revision="257451" server.etag="&quot;system/ServerSideSavingPlugin/257451;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system" server.permissions="read" server.content-type="text/javascript" _hash="d72cde071d926d9c66939444817d7e8621d24d9c">
    7798. 

  7798. <pre>/***
    7799. 

  7799. |''Name''|ServerSideSavingPlugin|
    7800. 

  7800. |''Description''|server-side saving|
    7801. 

  7801. |''Author''|FND|
    7802. 

  7802. |''Version''|0.6.5|
    7803. 

  7803. |''Status''|stable|
    7804. 

  7804. |''Source''|http://svn.tiddlywiki.org/Trunk/association/plugins/ServerSideSavingPlugin.js|
    7805. 

  7805. |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    7806. 

  7806. |''CoreVersion''|2.5.3|
    7807. 

  7807. |''Keywords''|serverSide|
    7808. 

  7808. !Notes
    7809. 

  7809. This plugin relies on a dedicated adaptor to be present.
    7810. 

  7810. The specific nature of this plugin depends on the respective server.
    7811. 

  7811. !Revision History
    7812. 

  7812. !!v0.1 (2008-11-24)
    7813. 

  7813. * initial release
    7814. 

  7814. !!v0.2 (2008-12-01)
    7815. 

  7815. * added support for local saving
    7816. 

  7816. !!v0.3 (2008-12-03)
    7817. 

  7817. * added Save to Web macro for manual synchronization
    7818. 

  7818. !!v0.4 (2009-01-15)
    7819. 

  7819. * removed ServerConfig dependency by detecting server type from the respective tiddlers
    7820. 

  7820. !!v0.5 (2009-08-25)
    7821. 

  7821. * raised CoreVersion to 2.5.3 to take advantage of core fixes
    7822. 

  7822. !!v0.6 (2010-04-21)
    7823. 

  7823. * added notification about cross-domain restrictions to ImportTiddlers
    7824. 

  7824. !To Do
    7825. 

  7825. * conflict detection/resolution
    7826. 

  7826. * rename to ServerLinkPlugin?
    7827. 

  7827. * document deletion/renaming convention
    7828. 

  7828. !Code
    7829. 

  7829. ***/
    7830. 

  7830. //{{{
    7831. 

  7831. (function($) {
    7832. 

  7832. 

  7833. readOnly = false; //# enable editing over HTTP
    7834. 

  7834. 

  7835. var plugin = config.extensions.ServerSideSavingPlugin = {};
    7836. 

  7836. 

  7837. plugin.locale = {
    7838. 

  7838. 	saved: &quot;%0 saved successfully&quot;,
    7839. 

  7839. 	saveError: &quot;Error saving %0: %1&quot;,
    7840. 

  7840. 	saveConflict: &quot;Error saving %0: edit conflict&quot;,
    7841. 

  7841. 	deleted: &quot;Removed %0&quot;,
    7842. 

  7842. 	deleteError: &quot;Error removing %0: %1&quot;,
    7843. 

  7843. 	deleteLocalError: &quot;Error removing %0 locally&quot;,
    7844. 

  7844. 	removedNotice: &quot;This tiddler has been deleted.&quot;,
    7845. 

  7845. 	connectionError: &quot;connection could not be established&quot;,
    7846. 

  7846. 	hostError: &quot;Unable to import from this location due to cross-domain restrictions.&quot;
    7847. 

  7847. };
    7848. 

  7848. 

  7849. plugin.sync = function(tiddlers) {
    7850. 

  7850. 	tiddlers = tiddlers &amp;&amp; tiddlers[0] ? tiddlers : store.getTiddlers();
    7851. 

  7851. 	$.each(tiddlers, function(i, tiddler) {
    7852. 

  7852. 		var changecount = parseInt(tiddler.fields.changecount, 10);
    7853. 

  7853. 		if(tiddler.fields.deleted === &quot;true&quot; &amp;&amp; changecount === 1) {
    7854. 

  7854. 			plugin.removeTiddler(tiddler);
    7855. 

  7855. 		} else if(tiddler.isTouched() &amp;&amp; !tiddler.doNotSave() &amp;&amp;
    7856. 

  7856. 				tiddler.getServerType() &amp;&amp; tiddler.fields[&quot;server.host&quot;]) { // XXX: server.host could be empty string
    7857. 

  7857. 			delete tiddler.fields.deleted;
    7858. 

  7858. 			plugin.saveTiddler(tiddler);
    7859. 

  7859. 		}
    7860. 

  7860. 	});
    7861. 

  7861. };
    7862. 

  7862. 

  7863. plugin.saveTiddler = function(tiddler) {
    7864. 

  7864. 	try {
    7865. 

  7865. 		var adaptor = this.getTiddlerServerAdaptor(tiddler);
    7866. 

  7866. 	} catch(ex) {
    7867. 

  7867. 		return false;
    7868. 

  7868. 	}
    7869. 

  7869. 	var context = {
    7870. 

  7870. 		tiddler: tiddler,
    7871. 

  7871. 		changecount: tiddler.fields.changecount,
    7872. 

  7872. 		workspace: tiddler.fields[&quot;server.workspace&quot;]
    7873. 

  7873. 	};
    7874. 

  7874. 	var serverTitle = tiddler.fields[&quot;server.title&quot;]; // indicates renames
    7875. 

  7875. 	if(!serverTitle) {
    7876. 

  7876. 		tiddler.fields[&quot;server.title&quot;] = tiddler.title;
    7877. 

  7877. 	} else if(tiddler.title != serverTitle) {
    7878. 

  7878. 		return adaptor.moveTiddler({ title: serverTitle },
    7879. 

  7879. 			{ title: tiddler.title }, context, null, this.saveTiddlerCallback);
    7880. 

  7880. 	}
    7881. 

  7881. 	var req = adaptor.putTiddler(tiddler, context, {}, this.saveTiddlerCallback);
    7882. 

  7882. 	return req ? tiddler : false;
    7883. 

  7883. };
    7884. 

  7884. 

  7885. plugin.saveTiddlerCallback = function(context, userParams) {
    7886. 

  7886. 	var tiddler = context.tiddler;
    7887. 

  7887. 	if(context.status) {
    7888. 

  7888. 		if(tiddler.fields.changecount == context.changecount) { //# check for changes since save was triggered
    7889. 

  7889. 			tiddler.clearChangeCount();
    7890. 

  7890. 		} else if(tiddler.fields.changecount &gt; 0) {
    7891. 

  7891. 			tiddler.fields.changecount -= context.changecount;
    7892. 

  7892. 		}
    7893. 

  7893. 		plugin.reportSuccess(&quot;saved&quot;, tiddler);
    7894. 

  7894. 		store.setDirty(false);
    7895. 

  7895. 	} else {
    7896. 

  7896. 		if(context.httpStatus == 412) {
    7897. 

  7897. 			plugin.reportFailure(&quot;saveConflict&quot;, tiddler);
    7898. 

  7898. 		} else {
    7899. 

  7899. 			plugin.reportFailure(&quot;saveError&quot;, tiddler, context);
    7900. 

  7900. 		}
    7901. 

  7901. 	}
    7902. 

  7902. };
    7903. 

  7903. 

  7904. plugin.removeTiddler = function(tiddler) {
    7905. 

  7905. 	try {
    7906. 

  7906. 		var adaptor = this.getTiddlerServerAdaptor(tiddler);
    7907. 

  7907. 	} catch(ex) {
    7908. 

  7908. 		return false;
    7909. 

  7909. 	}
    7910. 

  7910. 	var context = {
    7911. 

  7911. 		host: tiddler.fields[&quot;server.host&quot;],
    7912. 

  7912. 		workspace: tiddler.fields[&quot;server.workspace&quot;],
    7913. 

  7913. 		tiddler: tiddler
    7914. 

  7914. 	};
    7915. 

  7915. 	var req = adaptor.deleteTiddler(tiddler, context, {}, this.removeTiddlerCallback);
    7916. 

  7916. 	return req ? tiddler : false;
    7917. 

  7917. };
    7918. 

  7918. 

  7919. plugin.removeTiddlerCallback = function(context, userParams) {
    7920. 

  7920. 	var tiddler = context.tiddler;
    7921. 

  7921. 	if(context.status) {
    7922. 

  7922. 		if(tiddler.fields.deleted === &quot;true&quot;) {
    7923. 

  7923. 			store.deleteTiddler(tiddler.title);
    7924. 

  7924. 		} else {
    7925. 

  7925. 			plugin.reportFailure(&quot;deleteLocalError&quot;, tiddler);
    7926. 

  7926. 		}
    7927. 

  7927. 		plugin.reportSuccess(&quot;deleted&quot;, tiddler);
    7928. 

  7928. 		store.setDirty(false);
    7929. 

  7929. 	} else {
    7930. 

  7930. 		plugin.reportFailure(&quot;deleteError&quot;, tiddler, context);
    7931. 

  7931. 	}
    7932. 

  7932. };
    7933. 

  7933. 

  7934. plugin.getTiddlerServerAdaptor = function(tiddler) { // XXX: rename?
    7935. 

  7935. 	var type = tiddler.fields[&quot;server.type&quot;] || config.defaultCustomFields[&quot;server.type&quot;];
    7936. 

  7936. 	return new config.adaptors[type]();
    7937. 

  7937. };
    7938. 

  7938. 

  7939. plugin.reportSuccess = function(msg, tiddler) {
    7940. 

  7940. 	displayMessage(plugin.locale[msg].format([tiddler.title]));
    7941. 

  7941. };
    7942. 

  7942. 

  7943. plugin.reportFailure = function(msg, tiddler, context) {
    7944. 

  7944. 	var desc = (context &amp;&amp; context.httpStatus) ? context.statusText :
    7945. 

  7945. 		plugin.locale.connectionError;
    7946. 

  7946. 	displayMessage(plugin.locale[msg].format([tiddler.title, desc]));
    7947. 

  7947. };
    7948. 

  7948. 

  7949. config.macros.saveToWeb = { // XXX: hijack existing sync macro?
    7950. 

  7950. 	locale: { // TODO: merge with plugin.locale?
    7951. 

  7951. 		btnLabel: &quot;save to web&quot;,
    7952. 

  7952. 		btnTooltip: &quot;synchronize changes&quot;,
    7953. 

  7953. 		btnAccessKey: null
    7954. 

  7954. 	},
    7955. 

  7955. 

  7956. 	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    7957. 

  7957. 		createTiddlyButton(place, this.locale.btnLabel, this.locale.btnTooltip,
    7958. 

  7958. 			plugin.sync, null, null, this.locale.btnAccessKey);
    7959. 

  7959. 	}
    7960. 

  7960. };
    7961. 

  7961. 

  7962. // hijack saveChanges to trigger remote saving
    7963. 

  7963. var _saveChanges = saveChanges;
    7964. 

  7964. saveChanges = function(onlyIfDirty, tiddlers) {
    7965. 

  7965. 	if(window.location.protocol == &quot;file:&quot;) {
    7966. 

  7966. 		_saveChanges.apply(this, arguments);
    7967. 

  7967. 	} else {
    7968. 

  7968. 		plugin.sync(tiddlers);
    7969. 

  7969. 	}
    7970. 

  7970. };
    7971. 

  7971. 

  7972. // override removeTiddler to flag tiddler as deleted -- XXX: use hijack to preserve compatibility?
    7973. 

  7973. TiddlyWiki.prototype.removeTiddler = function(title) { // XXX: should override deleteTiddler instance method?
    7974. 

  7974. 	var tiddler = this.fetchTiddler(title);
    7975. 

  7975. 	if(tiddler) {
    7976. 

  7976. 		tiddler.tags = [&quot;excludeLists&quot;, &quot;excludeSearch&quot;, &quot;excludeMissing&quot;];
    7977. 

  7977. 		tiddler.text = plugin.locale.removedNotice;
    7978. 

  7978. 		tiddler.fields.deleted = &quot;true&quot;; // XXX: rename to removed/tiddlerRemoved?
    7979. 

  7979. 		tiddler.fields.changecount = &quot;1&quot;;
    7980. 

  7980. 		this.notify(title, true);
    7981. 

  7981. 		this.setDirty(true);
    7982. 

  7982. 	}
    7983. 

  7983. };
    7984. 

  7984. 

  7985. // hijack ImportTiddlers wizard to handle cross-domain restrictions
    7986. 

  7986. var _onOpen = config.macros.importTiddlers.onOpen;
    7987. 

  7987. config.macros.importTiddlers.onOpen = function(ev) {
    7988. 

  7988. 	var btn = $(resolveTarget(ev));
    7989. 

  7989. 	var url = btn.closest(&quot;.wizard&quot;).find(&quot;input[name=txtPath]&quot;).val();
    7990. 

  7990. 	if(window.location.protocol != &quot;file:&quot; &amp;&amp; url.indexOf(&quot;://&quot;) != -1) {
    7991. 

  7991. 		var host = url.split(&quot;/&quot;)[2];
    7992. 

  7992. 		var macro = config.macros.importTiddlers;
    7993. 

  7993. 		if(host != window.location.host) {
    7994. 

  7994. 			btn.text(macro.cancelLabel).attr(&quot;title&quot;, macro.cancelPrompt);
    7995. 

  7995. 			btn[0].onclick = macro.onCancel;
    7996. 

  7996. 			$('&lt;span class=&quot;status&quot; /&gt;').text(plugin.locale.hostError).insertAfter(btn);
    7997. 

  7997. 			return false;
    7998. 

  7998. 		}
    7999. 

  7999. 	}
    8000. 

  8000. 	return _onOpen.apply(this, arguments);
    8001. 

  8001. };
    8002. 

  8002. 

  8003. })(jQuery);
    8004. 

  8004. //}}}</pre>
    8005. 

  8005. </div>
    8006. 

  8006. <div title="SideBarOptions" creator="pmario" modifier="pmario" created="201008061923" modified="201010071025" tags="excludeLists" server.title="SideBarOptions" server.page.revision="107237" server.etag="&quot;neui-em_public/SideBarOptions/107237;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" revision.text="" _hash="7d8765daef6b7cbcccebee953eff2be8ca6f8e96">
    8007. 

  8007. <pre>&lt;&lt;tiddler ToggleLeftSidebarEm##show with: {{config.options.chkShowLeftSidebar?'◄':'►'}}{{config.options.chkShowRightSidebar?'hide':'show'}}&gt;&gt;&lt;&lt;tiddler ToggleRightSidebarEm##show with: {{config.options.chkShowRightSidebar?'►':'◄'}}{{config.options.chkShowRightSidebar?'hide':'show'}}&gt;&gt;&lt;&lt;slider chkSliderOptionsPanel OptionsPanel &quot;»&quot; &quot;display the options panel&quot;&gt;&gt;</pre>
    8008. 

  8008. </div>
    8009. 

  8009. <div title="SideBarTabs" creator="osmosoft" modifier="osmosoft" created="201102181425" modified="201102181425" tags="excludeLists excludeMissing excludeSearch" server.title="SideBarTabs" server.page.revision="257506" server.etag="&quot;system-theme_public/SideBarTabs/257506;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system-theme_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system-theme_public" server.permissions="read" server.content-type="" _hash="6b74609cea4ddb529f42d3331e63b7775376af47">
    8010. 

  8010. <pre>&lt;&lt;tiddler Backstage##Tiddlers&gt;&gt;</pre>
    8011. 

  8011. </div>
    8012. 

  8012. <div title="SidebarButtons" creator="pmario" modifier="pmario" created="201009282016" modified="201010071647" tags="excludeLists" server.title="SidebarButtons" server.page.revision="107241" server.etag="&quot;neui-em_public/SidebarButtons/107241;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="7cea3f127443d6bcc8af551ed0219bd53123b5c0">
    8013. 

  8013. <pre>&lt;&lt;image tfgNewTiddler.svg&gt;&gt;&lt;&lt;image tfgNewJournal.svg&gt;&gt;&lt;&lt;image tfgSaveToWeb.svg&gt;&gt;&lt;&lt;image tfgPermaview.svg&gt;&gt;&lt;&lt;image tfgCloseAll.svg&gt;&gt;</pre>
    8014. 

  8014. </div>
    8015. 

  8015. <div title="SidebarTools" creator="pmario" modifier="pmario" created="201008061923" modified="201009282127" tags="excludeLists" server.title="SidebarTools" server.page.revision="107249" server.etag="&quot;neui-em_public/SidebarTools/107249;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="ed1ab0f713529043df9da9a136d4c98d2bfb46d2">
    8016. 

  8016. <pre>&lt;&lt;tiddler SidebarButtons&gt;&gt;
    8017. 

  8017. /%&lt;&lt;closeAll&gt;&gt;
    8018. 

  8018. &lt;&lt;permaview&gt;&gt;
    8019. 

  8019. &lt;&lt;newTiddler&gt;&gt;
    8020. 

  8020. &lt;&lt;newJournal 'YYYY, DD MMM'&gt;&gt;
    8021. 

  8021. %/</pre>
    8022. 

  8022. </div>
    8023. 

  8023. <div title="SiteIcon" creator="fancybox" modifier="fancybox" created="201101181525" modified="201101181525" server.title="SiteIcon" server.page.revision="47609" server.etag="&quot;fancybox_public/SiteIcon/47609;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="image/png" _hash="6bfdc1360e03ce167156dda85b01f908c4cf0f75">
    8024. 

  8024. <pre>iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAKGWlDQ1BJQ0MgUHJvZmlsZQAAeAHVlmdUFMkWx6t7ciLNMGQYcs4ZJOckOYrKMOQwwpARFZHFFVAUERFQlrBEBVclyBoQUQyIgALmHWQRUNbFgKiovB54x93zzttv78u7fW7Vr++tvlVdVR/+AJA+MpOSEmABABLZqRwfJ1tGUHAIA/cIoAEWEIAeUGWyUpJsvLzcwT/ahwkA8ZL3NHm1/nHYf08IRkSmsACAvJB0eEQKKxHhcwgbsJI4qQjPITySkZqEMNyDMI2DLBDhIR5HrzOXx+Hr/H5tjJ+PHQAoPAB4MpPJiQaAREPijHRWNFKHZICwDjsilo1wBMKWrBgm0pMaENZITNzG4xGEVcL/Vif6b8xkhn+vyWRGf+f1f0G+RCa2j01JSmBmrb38L5vEhDRkv9aMt+vkSLa/L9KLIi4J7IEDcEceBnJyxkAH8UDgCLxSIzOR/wbAbltSFic2OiaVYYOcVKQGw4XN0tJg6Ono6vDS/zfGu6Pri313d+3uQaK84/93LFkLANNG5Pz7/oqFPQeg6w4A9IG/YgrXAeDfD0BPMyuNk75eD83rMIAI+AENiAFpIA9UgCaym0bAHFgju+sKPIEfCAZbAAvEgETAARkgB+wGBaAIHARHQCWoAfWgGZwCZ0A3uACugOvgNhgB4+Ax4IIZ8Aosgg9gBYIgHESBqJAYJAMpQuqQHmQCWUIOkDvkAwVDYVA0xIbSoBxoD1QElUKVUC3UAv0CnYeuQDehUeghNAXNQ2+hzzAKJsM0WApWgrVhE9gGdoP94M1wNJwMZ8P58AG4Aq6DT8Jd8BX4NjwOc+FX8BIKoEgoOkoWpYkyQdmhPFEhqCgUB7UTVYgqR9Wh2lG9qEHUPRQXtYD6hMaiqWgGWhNtjnZG+6NZ6GT0TnQxuhLdjO5CD6DvoafQi+hvGApGEqOOMcO4YIIw0ZgMTAGmHNOI6cRcw4xjZjAfsFgsHauMNcY6Y4Oxcdjt2GLscWwHtg87ip3GLuFwODGcOs4C54lj4lJxBbhjuJO4y7gx3AzuI56El8Hr4R3xIXg2Pg9fjm/FX8KP4WfxKwQBgiLBjOBJiCBkEUoIDYRewl3CDGGFKEhUJloQ/YhxxN3ECmI78RrxCfEdiUSSI5mSvEmxpFxSBek06QZpivSJLERWI9uRQ8lp5APkJnIf+SH5HYVCUaJYU0IoqZQDlBbKVcozykc+Kp8WnwtfBN8uviq+Lr4xvtf8BH5Ffhv+LfzZ/OX8Z/nv8i8IEASUBOwEmAI7BaoEzgtMCiwJUgV1BT0FEwWLBVsFbwrOCeGElIQchCKE8oXqha4KTVNRVHmqHZVF3UNtoF6jztCwNGWaCy2OVkQ7RRumLQoLCRsIBwhnClcJXxTm0lF0JboLPYFeQj9Dn6B/FpESsRGJFNkn0i4yJrIsKiFqLRopWijaITou+lmMIeYgFi92SKxb7Kk4WlxN3Fs8Q/yE+DXxBQmahLkES6JQ4ozEI0lYUk3SR3K7ZL3kkOSSlLSUk1SS1DGpq1IL0nRpa+k46TLpS9LzMlQZS5lYmTKZyzIvGcIMG0YCo4IxwFiUlZR1lk2TrZUdll2RU5bzl8uT65B7Kk+UN5GPki+T75dfVJBR8FDIUWhTeKRIUDRRjFE8qjiouKykrBSotFepW2lOWVTZRTlbuU35iQpFxUolWaVO5b4qVtVENV71uOqIGqxmqBajVqV2Vx1WN1KPVT+uPqqB0TDVYGvUaUxqkjVtNNM12zSntOha7lp5Wt1ar7UVtEO0D2kPan/TMdRJ0GnQeawrpOuqm6fbq/tWT02PpVeld1+fou+ov0u/R/+NgbpBpMEJgweGVEMPw72G/YZfjYyNOEbtRvPGCsZhxtXGkyY0Ey+TYpMbphhTW9NdphdMP5kZmaWanTH701zTPN681Xxug/KGyA0NG6Yt5CyYFrUWXEuGZZjlT5ZcK1krplWd1XNreesI60brWRtVmzibkzavbXVsObadtst2ZnY77PrsUfZO9oX2ww5CDv4OlQ7PHOUcox3bHBedDJ22O/U5Y5zdnA85T7pIubBcWlwWXY1dd7gOuJHdfN0q3Z67q7lz3Hs9YA9Xj8MeTzYqbmRv7PYEni6ehz2feil7JXv96o319vKu8n7ho+uT4zPoS/Xd6tvq+8HP1q/E77G/in+af38Af0BoQEvAcqB9YGkgN0g7aEfQ7WDx4NjgnhBcSEBIY8jSJodNRzbNhBqGFoRObFbenLn55hbxLQlbLm7l38rcejYMExYY1hr2henJrGMuhbuEV4cvsuxYR1mvIqwjyiLmIy0iSyNnoyyiSqPmoi2iD0fPx1jFlMcsxNrFVsa+iXOOq4lbjveMb4pfTQhM6EjEJ4YlnmcLsePZA9ukt2VuG01STypI4iabJR9JXuS4cRpToJTNKT2pNEQMDKWppP2QNpVumV6V/jEjIONspmAmO3MoSy1rX9ZstmP2z9vR21nb+3Nkc3bnTO2w2VG7E9oZvrN/l/yu/F0zuU65zbuJu+N338nTySvNe78ncE9vvlR+bv70D04/tBXwFXAKJvea7635Ef1j7I/D+/T3Hdv3rTCi8FaRTlF50ZdiVvGt/br7K/avHog6MFxiVHLiIPYg++DEIatDzaWCpdml04c9DneVMcoKy94f2XrkZrlBec1R4tG0o9wK94qeYwrHDh77UhlTOV5lW9VRLVm9r3r5eMTxsRPWJ9prpGqKaj7/FPvTg1qn2q46pbryemx9ev2LhoCGwZ9Nfm5pFG8savzaxG7iNvs0D7QYt7S0SraWtMFtaW3zJ0NPjpyyP9XTrtle20HvKDoNTqedfvlL2C8TZ9zO9J81Odt+TvFcdSe1s7AL6srqWuyO6eb2BPeMnnc9399r3tv5q9avTRdkL1RdFL5Ycol4Kf/S6uXsy0t9SX0LV6KvTPdv7X98Nejq/QHvgeFrbtduXHe8fnXQZvDyDYsbF26a3Tx/y+RW922j211DhkOddwzvdA4bDXfdNb7bM2I60ju6YfTSmNXYlXv2967fd7l/e3zj+OiE/8SDydBJ7oOIB3MPEx6+eZT+aOVx7hPMk8KnAk/Ln0k+q/tN9bcOrhH34pT91NBz3+ePp1nTr35P+f3LTP4LyovyWZnZljm9uQvzjvMjLze9nHmV9GploeAPwT+qX6u8Pven9Z9Di0GLM284b1bfFr8Te9f03uB9/5LX0rMPiR9Wlgs/in1s/mTyafBz4OfZlYwvuC8VX1W/9n5z+/ZkNXF1NYnJYa5pARTSwlFRALxtAoASDAAV0YTEvnUNuTYCWte9CPOUGM959h+8rjPXMkYA1PcB4GcNgDvSV+UCoIQwP+I8+euHzKev/92RCM9SovT11gAiiyPSpG919e0qALgwAL4Or66uVKyufi1HtM57AC5vXNeuvNECJxHZTDXQ1fHtTz+Uy4v83f4Fdn68jYPl0OgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAvYSURBVGgFvVppc1zFFb2zaEbrSLZsy5aR7dgEsGXHG8QpliQ4gSK42KtSCcW35CekUimSjykqlUql8gPib+RTQpE4EAhQApvFFhgwSQXbgI2tXUKyrNFoNKPZcs7td997MxptJqHFTHffvufec7tv9+s3JlKpVMQrkeHy+NNRkadEIjsiEml0co5H8LGaTbQjlIWKLwvp6bD1rYbQ1109viLlnEj0ikj52S3RrmdohegIAxjID+yMx5LPRSORAyrlmPmz2oLw+4RXFwTtrP6f8aBwrljKP7Etue0yA4gMF0c/iEj0gKOzDMNqvujV060nWwT0BPV068kW47Ei57bGtxyKXCkM/TJWif46SBOPFzHhzKFdlrDM74QH0K6nW0/2JfGlSPlXkcH88HnYvs0ymn6sTVpLlbDeUu2lsJQvhQnLV4G/EC1XyjuoWMZeIJjF2uGa7XCfetSnjMXGwm2TsbZPGBNum+7a8JUdcQAaK5UycTgcHJlwOyxzcv1eUjebXZCLF0ZkaOiazKazUobpeDwqm7raZU/vTbJ5cwc9LYmndRbza7WTUq6jNt4Y+Tx7NWDtaUVwRIaB1reaauG2B1PSp9/+RAoLJRMtqr9xYJvs3ddTF2/KtbatbzX1rB0le4vA2uHlpIx9FpObzPRZT0zMyFsnLyxLnjb+dW5ARkevV9ly1h2PsG3qW5/tev7jnGk7WKhszyfLJpOxH27rRseX6mHg3TOXkC7UEGluTcqBg9s1bZLJmMzO5uVs/2WZGJ/R8f7Tn8mxhw5KvCGq+C/jP8oA6FZnGW2SMCL+zFOmTEEYbR/jtScn05KemVdy8YaY3Ht0j2zbvkGSyTgmJCptbY1yz3dvlabmhOpk5/IyMjKtfnxbtH8D/jWAcrmEIEiy7MihVhlrlTk5Zabjxl0wk1OzSoxfW7o7pKU1sQgfi0URVKevN4WglbySvnH/OIVAjma9GXbLybTyWr6cWrwqcIzf7LFUqvKes+x0FuMbGxsUwa9CgRudVpytG/Ufd6nhqNCwM+cZVQcIBcPIFhQetwF9021qcqlBjWvXMm5m2anBc8xKIwJ1voOpcIhQUDX4ev6RQvQDKmz4HydTPMfIXseq5Q4n2Kxt9K1lcnxWhgavVekTPzkxK4MDkHulqyvl+YWAPnzf9OVkVi/nH6eQl0LEeMbrVhwMFsqpeLLGprjsumWTXPpkQuX971yWqVsyuh+wh2ViLC0Xz4/5Drp71knHuibsE6wobJpfq9fiP/Lx9EXFMR0Cfmx57Dzz1rMUcroBolgsSt8rF2Quk6/r34Q8mb73wB49ocIzcmP+YeGDyY8qyShyOODifBljq41BbZ9yT5bPFeTc+4MyOuzOe4NY3bmxVQ7dsQ2nVNJErl7Gptn2AZ5uoVyQmYVZiU/OT0kylpBUQ0ri0Zjq+fNPZRSmp8Wn+IrT8IZ1jDoNiZjctneLTH6RqTqZ1AggX9vViWdBg9tTYFaLVz18Lee/BEeZYkayxazy0idxrpSXfOkLaY43S1tDW0CWx4+yD92N9J7E3PUOWrBgPHQ6m87JO6cuLSZPZtA7++6AHEaze2t7XbwFpBuakBr/88V5SRcyOL1wBHv+43h8YUYcgUxhTuYWspJKtmowkcAiKbjCgFDMiWuLpEH+zKnLks8XdTyGG2ipyGM3VHAavY8gKrf3SHcPb6WueCa1Q+ucDC0YoJ9caV4yhawUSgtKnJNKOfWi7trgrgo8FcpSkuncjIzOjcm13DRWZkHPaz6BeW7zj21OqWtXMPPzcrqG/JG7dygH+2pNeXmPID54b0CGB6d9PG3Rtj0XWBfLRZnJz8jY/LhMzYNHMef8K4/APx5kWA72EQ5wWhgZRZlSRmYXMpKIxqW5oVmakGIxnosotgJMmzNvXZFCnk9WEc78N+/crsekCrwvBtQPvUwapxT8fPjeoN6Ftva0+35JPI90zmK2cyX8CIHir4jHj1mlQq+K61msmjaCWpUNWpGFUgGGr8u0zEgDNnoiltSNP58uyYdnRvycJ/k7QH5dZ5MfIE2zJLDBj9yFIN4Ogjjbf0XS2U7ZvL1VV7pQRorAuUv9wD9lbsKshgRKnHDdxOpBvwjiUmoM+uVyzYyVEQw/Bbk8lpG/PHsO5MvS3tYiKdw4H3xkr0RbCpLGauAnGpm8jgsb/hYKRUnjyONq7zzYKn/782XcRq9LJpuTvn6RBx7eLb37t6jvlfwbVwsIKeTlj66LXeKYQiDtHZc6A6Hx8bFZee5PH0lu3m3YzHxW7n/8Zkl0lDRv6YTE3//4U/Mn9+V2qDQSi8jRh3ci+I8QgBt++cR5ze/e/V2cfxUu55+2yQlrINESNy6vyfopY/OUpOS1w3W4/eoLF33yyca4PPbkXtm0uUWvBmG8o+e+w/hEY0wef3KfbNjU4qv0vfSJHsNhfBhT3Xaci6WieO8DiBcJxf1gtbv3B32V8wSAzg8ev03acKqQ/KM/2isbu1p8XBjvs0MjjGc72RTTwDcAG8WqHHtiNx5ycd/Ocv7NFtdBL3N0pDc+3ccUU+AqngxuUQN5Wyohjz7ZKwvI9Y1dzVDFn20c7iwWr3IdBsBURVE59FHrBPy4V6Ym5kRPIw7W4Ov5pxGqcbPrKaQ7Grb54GJ0VYVaKCo2FMim2pOqyxVZFu8ZIxHfK/DEEJtIRPFQS+meW4t/w8eZW0pAGbojTGfJ8Wawvl/jb7WO4WtZvAUAP4azelX4FfzrMRrMOpMBzOkB//kFs6UpAgGHwNjvU2dFPHQ4204X32vFh/Rr/eMu5Mg66h55dUVH+JAwUP64dpE2HOQ4i5pg6AH+zBuDbsz7Hh1Oy+Zu9+bG/bASXmGr8B8vldwVoMobOkbYahuv7Zvcaq7GO31DcvHfUybS+uXnPpP7H9slm7qbHfmq0cUd82O1adT2+eOupgBr/WCpScI+nF0bM5nVTIswnvvpzVcGqsjziGQpFMryz+cvyfiI99IPH7X4G/HvngNeEEoMjKtJBQGRIHX8gLhOXr+EK8bJlwbks/PTNlmy89YOOfbDXcJ3ZpYignjl+c9lbITXCtgN4W1SKFuLf12BqpmomVWY81cj7NAwdFbAXef1F6/KlU+DV8mv966TO+/rlo4NSVwzdiAI97bHIF796xUZH+aLSbDqPuk1+o9yDxDMWh/XobaOwSAf2fyYjmEYRD5fkNdfGJChz4Nf527Zt07u+E6XSxHotLbjRf6RbVVBvHbiqqaT2TLbYS46toJ//DqNOYaS1eG2ySy1LF20VvJFeeMFvMQPzvlps/vgejl8zya3amYbaZZan5Cjj/RUBdF3YkC+GOO/IdyYf+LwRuZtRKuxAj5RPDF1aUNETJ+vjq//fVAmRtyPuoxg7+3rZf+RziXxqY6E3PvwTXoPon6xUHE2RufwXLEDYXX+XTojAJ1dzJATkLC3IirzjMG4roYXHK/RfSeGZGrcvTWRzP5vdcqew+tXxLd1NMi9D22tCuLki8O6Em7iVvZvGUCuuE673C96e0D3QR2Z5ih0uBdO/WNYrk8GP2AduKtTbt6X0j20Ep7jLe0x+faxzQjCvZ5yJU6+OKI/iq0GTx37MIUybhWCpbMTQX925Epg5i2VONu7D3dI1PmWQ/d0ys7dbarjZtBSweHMtuFNhytx94NBELsPdeiqUG85/4bXulTORH5/6g9n8OZ1BNcNzV3eU5AvrqDJxxCVVU6p1x69msXPJhW5aRdeSrxhX28VeOcAvyVdL8jkSE527uEkmCFvdBn/TqPSj9uoHI9K+Yhd570BVC4QvQa7ng7RCYPq6mlETHyxhlN81opXO8DziG1NtSAleD+ywhlY3j/xYHKcmMhv+373GuqjekskIQrx8cygQ2MEhORGnjJv/CvFi/T9/OjPvs9TqFJYyD9VqpT7eERqZDqjzOHgVOJK6BjCUHlI1/bIV4UHlz5yBo+K/t8qmETOYuSZV3/zU/xY95NKpNyL624r5Sy8+nL+g1VxfTcWrJRboWBMwf8jPLZ2Bm9s/4G540/f94s/kjzt/xfbZ3bQjAJ2DAAAAABJRU5ErkJggg==</pre>
    8025. 

  8025. </div>
    8026. 

  8026. <div title="SiteInfo" creator="fancybox" modifier="fancybox" created="201101211613" modified="201102120022" tags="presentation" server.title="SiteInfo" server.page.revision="251902" server.etag="&quot;fancybox_public/SiteInfo/251902;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="17ebd37b58c160e18f70fc59a2f403f53dfb4c1e">
    8027. 

  8027. <pre>@fancybox site adds FancyBoxPlugin@fancybox for easy usage with TW. It includes the FancyBox library from http://fancybox.net. Have fun!</pre>
    8028. 

  8028. </div>
    8029. 

  8029. <div title="SiteSubtitle" creator="fancybox" modifier="fancybox" created="201101181525" modified="201101181525" tags="excludeLists excludeSearch" server.title="SiteSubtitle" server.page.revision="47611" server.etag="&quot;fancybox_public/SiteSubtitle/47611;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="037a796b07f748584d280b286c6bd88ed85090cc">
    8030. 

  8030. <pre>a TiddlySpace</pre>
    8031. 

  8031. </div>
    8032. 

  8032. <div title="SiteTitle" creator="fancybox" modifier="fancybox" created="201101181525" modified="201101181525" tags="excludeLists excludeSearch" server.title="SiteTitle" server.page.revision="47612" server.etag="&quot;fancybox_public/SiteTitle/47612;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="9d9d467c1282d7649a887a5354d025af342b2fdb">
    8033. 

  8033. <pre>fancybox</pre>
    8034. 

  8034. </div>
    8035. 

  8035. <div title="SlideShowConfig" creator="fancybox" modifier="pmario" created="201101211613" modified="201102222329" server.title="SlideShowConfig" server.page.revision="261802" server.etag="&quot;fancybox_public/SlideShowConfig/261802;679c808ea83728c9f0922e0ac831727f87829617&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="726c99a4f1a2e5b9874e90a5fba0737f14760837">
    8036. 

  8036. <pre>!Fancy
    8037. 

  8037. {{{
    8038. 

  8038. labelSection: label
    8039. 

  8039. 

  8040. padding: 0
    8041. 

  8041. // no visible border
    8042. 

  8042. 

  8043. transitionIn: none
    8044. 

  8044. transitionOut: none
    8045. 

  8045. 

  8046. type:	image
    8047. 

  8047. 

  8048. changeFade: 0 
    8049. 

  8049. }}}
    8050. 

  8050. !Default
    8051. 

  8051. {{{
    8052. 

  8052. // === FancyBoxPlugin specific parameters
    8053. 

  8053. thumbHost: http://fancybox-thumbs.tiddlyspace.com/
    8054. 

  8054. // prefix if thumbs are loaded from other space
    8055. 

  8055. 

  8056. picHost: http://fancybox-pics.tiddlyspace.com/
    8057. 

  8057. // picture prefix last / is important !!!
    8058. 

  8058. }}}
    8059. 

  8059. !Offline
    8060. 

  8060. {{{
    8061. 

  8061. thumbHost: ./thumbs/
    8062. 

  8062. picHost: ./pics/
    8063. 

  8063. }}}</pre>
    8064. 

  8064. </div>
    8065. 

  8065. <div title="SlideShowPanorama" creator="pmario" modifier="pmario" created="201102072134" modified="201102072134" server.title="SlideShowPanorama" server.page.revision="245627" server.etag="&quot;fancybox_private/SlideShowPanorama/245627;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="676acd17968eb95df4840e1eee0e99a1f754a02d">
    8066. 

  8066. <pre>{{{
    8067. 

  8067. &lt;&lt;tiddler SlideShowTemplate with:panorama &quot;fancy-thumbs&quot;&gt;&gt;
    8068. 

  8068. }}}
    8069. 

  8069. &lt;&lt;tiddler SlideShowTemplate with:panorama &quot;fancy-thumbs&quot;&gt;&gt;
    8070. 

  8070. </pre>
    8071. 

  8071. </div>
    8072. 

  8072. <div title="SlideShowTemplate" creator="pmario" modifier="pmario" created="201102072134" modified="201102072134" server.title="SlideShowTemplate" server.page.revision="245630" server.etag="&quot;fancybox_private/SlideShowTemplate/245630;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="8c5cdffd3ecb5c405d52edf65389fb0ddd1e0fa7">
    8073. 

  8073. <pre>&lt;html&gt;
    8074. 

  8074. &lt;style&gt;
    8075. 

  8075. .fancy-thumbs { 
    8076. 

  8076.  margin: .2em;
    8077. 

  8077. }
    8078. 

  8078. &lt;/style&gt;
    8079. 

  8079. &lt;/html&gt;
    8080. 

  8080. &lt;script&gt;
    8081. 

  8081. 

  8082. var list = store.getTaggedTiddlers(&quot;$1&quot;);
    8083. 

  8083. var out = '';
    8084. 

  8084. 

  8085. for (var i=0; i &lt; list.length; i += 1) {
    8086. 

  8086.  	jQuery('&lt;span class=&quot;$2&quot;&gt;&lt;a rel=&quot;$1&quot; href=%0%1 title=&quot;&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;%1&quot; /&gt;&lt;/a&gt;&lt;/span&gt;'.format(['http://fancybox-pics.tiddlyspace.com/', list[i].title] )).appendTo(place)[0];
    8087. 

  8087. }
    8088. 

  8088. 

  8089. &lt;/script&gt;
    8090. 

  8090. 

  8091. &lt;&lt;fancyBox selector:&quot;.$2 a&quot; defaults:SlideShowDefaults&gt;&gt;
    8092. 

  8092. 

  8093. </pre>
    8094. 

  8094. </div>
    8095. 

  8095. <div title="SlideShowTemplateInfo" creator="pmario" modifier="pmario" created="201102072133" modified="201102072133" server.title="SlideShowTemplateInfo" server.page.revision="245626" server.etag="&quot;fancybox_private/SlideShowTemplateInfo/245626;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="44bf9229482d4aed01fc77b21a268d5894081d26">
    8096. 

  8096. <pre>!Info
    8097. 

  8097. This template is only used for easy experimenting. It will be assimilated into the FancyBoxPlugin, when I know what makes sense.
    8098. 

  8098. {{{
    8099. 

  8099. &lt;html&gt;
    8100. 

  8100. 	&lt;style&gt;
    8101. 

  8101. 		.fancy-thumbs { 
    8102. 

  8102. 			margin: .2em;
    8103. 

  8103. 		}
    8104. 

  8104. 	&lt;/style&gt;
    8105. 

  8105. &lt;/html&gt;
    8106. 

  8106. 

  8107. &lt;script&gt;
    8108. 

  8108. var list = store.getTaggedTiddlers(&quot;$1&quot;);
    8109. 

  8109. var out = '';
    8110. 

  8110. 

  8111. for (var i=0; i &lt; list.length; i += 1) {
    8112. 

  8112.  	jQuery('&lt;span class=&quot;$2&quot;&gt;&lt;a rel=&quot;$1&quot; href=%0%1 title=&quot;&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;%1&quot; /&gt;&lt;/a&gt;&lt;/span&gt;'.format(['http://fancybox-pics.tiddlyspace.com/', list[i].title] )).appendTo(place)[0];
    8113. 

  8113. }
    8114. 

  8114. &lt;/script&gt;
    8115. 

  8115. 

  8116. &lt;&lt;fancyBox selector:&quot;.$2 a&quot; defaults:SlideShowDefaults&gt;&gt;
    8117. 

  8117. }}}</pre>
    8118. 

  8118. </div>
    8119. 

  8119. <div title="SlideShowTest (old)" creator="pmario" modifier="pmario" created="201102072134" modified="201102072134" server.title="SlideShowTest (old)" server.page.revision="245629" server.etag="&quot;fancybox_private/SlideShowTest%20(old)/245629;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_private" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_private" server.permissions="read, write, create, delete" server.content-type="" _hash="b73d0ddba65d3bd96217193d479221bb01c6cc31">
    8120. 

  8120. <pre>{{{
    8121. 

  8121. &lt;&lt;tiddler SlideShowTemplate with:thumb &quot;fancy-thumbs&quot;&gt;&gt;
    8122. 

  8122. }}}
    8123. 

  8123. 

  8124. &lt;&lt;tiddler SlideShowTemplate with:thumb &quot;fancy-thumbs&quot;&gt;&gt;
    8125. 

  8125. </pre>
    8126. 

  8126. </div>
    8127. 

  8127. <div title="Stack.png" creator="pmario" modifier="pmario" created="201101311023" modified="201101311023" tags="attachment" server.title="Stack.png" server.page.revision="227365" server.etag="&quot;fancybox_public/Stack.png/227365;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="b4b35ba77f77c81e5d80289033a63396da593162">
    8128. 

  8128. <pre>!title
    8129. 

  8129. 

  8130. !usage
    8131. 

  8131. {{{[img[Stack.png]]}}}
    8132. 

  8132. [img[Stack.png]]
    8133. 

  8133. !notes
    8134. 

  8134. attached by FileDropPlugin
    8135. 

  8135. !type
    8136. 

  8136. image/jpg
    8137. 

  8137. !file
    8138. 

  8138. ./thumbs/Stack.png
    8139. 

  8139. !url
    8140. 

  8140. http://fancybox-thumbs.tiddlyspace.com/Stack.png
    8141. 

  8141. !link
    8142. 

  8142. [[Stack.png|http://fancybox-pics.tiddlyspace.com/Stack.png]]
    8143. 

  8143. !!!!!end
    8144. 

  8144. </pre>
    8145. 

  8145. </div>
    8146. 

  8146. <div title="StackImgStyleSheet" creator="pmario" modifier="pmario" created="201102161421" modified="201102161542" server.title="StackImgStyleSheet" server.page.revision="255647" server.etag="&quot;fancybox_public/StackImgStyleSheet/255647;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="2255491364ae155a341bae2b6129e3f09c782e1a">
    8147. 

  8147. <pre>/*{{{*/
    8148. 

  8148. /*== Only available at Mozilla based and WebKit browsers ==*/
    8149. 

  8149. 

  8150. .stackLeft {
    8151. 

  8151. 	box-shadow: 0 0 5px black;
    8152. 

  8152. 	background: white;
    8153. 

  8153. 	-moz-box-shadow: 0 0 5px black;
    8154. 

  8154. 	-moz-transform: rotate(-5deg);
    8155. 

  8155. 	-webkit-transform: rotate(-5deg);
    8156. 

  8156. 	-webkit-box-shadow: 0 0 5px black;
    8157. 

  8157. 	width: -moz-fit-content;
    8158. 

  8158. 	width: intrinsic;
    8159. 

  8159. }
    8160. 

  8160. .stackRight {
    8161. 

  8161. 	box-shadow: 0 0 5px black;
    8162. 

  8162. 	background: white;
    8163. 

  8163. 	-moz-box-shadow: 0 0 5px black;
    8164. 

  8164. 	-moz-transform: rotate(12deg);
    8165. 

  8165. 	-webkit-transform: rotate(12deg);
    8166. 

  8166. 	-webkit-box-shadow: 0 0 5px black;
    8167. 

  8167. }
    8168. 

  8168. .stackNormal {
    8169. 

  8169. 	box-shadow: 0 0 5px black;
    8170. 

  8170. 	background: white;
    8171. 

  8171. 	-moz-box-shadow: 0 0 5px black;
    8172. 

  8172. 	-moz-transform: rotate(-7deg);
    8173. 

  8173. 	-webkit-transform: rotate(-7deg);
    8174. 

  8174. 	-webkit-box-shadow: 0 0 5px black;
    8175. 

  8175. }
    8176. 

  8176. 

  8177. .stackNormal img {
    8178. 

  8178. 	padding: 5px 5px 2px 5px;
    8179. 

  8179. }
    8180. 

  8180. /*}}}*/
    8181. 

  8181. </pre>
    8182. 

  8182. </div>
    8183. 

  8183. <div title="StoryGlueMacro" creator="pmario" modifier="pmario" created="201008061923" modified="201009181705" tags="PresentationPackage excludeLists systemConfig" server.title="StoryGlueMacro" server.page.revision="107273" server.etag="&quot;neui-em_public/StoryGlueMacro/107273;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="67714582b1f134a4020b09545b2e1ff20f0ce6dd">
    8184. 

  8184. <pre>/***
    8185. 

  8185. |''Name:''|StoryGlueMacro|
    8186. 

  8186. |''Description:''|Makes SelectStoryMacro and NavigationMacro work together|
    8187. 

  8187. |''Author:''|Mario Pietsch|
    8188. 

  8188. |''Source:''|http://a-pm.tiddlyspot.com|
    8189. 

  8189. |''Version:''|0.5.2|
    8190. 

  8190. |''Status:''|beta|
    8191. 

  8191. |''Date:''|2010.02.06|
    8192. 

  8192. |''Requires:''|SelectStoryMacro, NavigationMacro|
    8193. 

  8193. |''License:''|[[Creative Commons Attribution-ShareAlike 3.0 License|http://creativecommons.org/licenses/by-sa/3.0/]]|
    8194. 

  8194. |''~CoreVersion:''|2.2.2|
    8195. 

  8195. !!!!!Usage:
    8196. 

  8196. &lt;&lt;&lt;
    8197. 

  8197. Add the macro to the ViewTemplate, specifying the tag eg:&quot;story&quot; and a cookie: eg:&quot;ACTIVESTORY&quot; to navigate between the possible stories.
    8198. 

  8198. Find the line: 
    8199. 

  8199. {{{
    8200. 

  8200. &lt;div class='viewer' macro='view text wikified'&gt;&lt;/div&gt;
    8201. 

  8201. }}}
    8202. 

  8202. ''and add the following line below:'' 
    8203. 

  8203. {{{
    8204. 

  8204. &lt;div class='viewer' macro='storyGlue story ACTIVESTORY&lt;/div&gt;
    8205. 

  8205. }}}
    8206. 

  8206. If you are allready using &quot;navigation&quot; macro. Replace &quot;navigation&quot; macro because it is called by StoryGlueMacro to handle navigation.
    8207. 

  8207. Don't delete it comment it !!
    8208. 

  8208. &lt;&lt;&lt;
    8209. 

  8209. !!!!!Parameter
    8210. 

  8210. &lt;&lt;&lt;
    8211. 

  8211. General Format: 
    8212. 

  8212. {{{
    8213. 

  8213. &lt;div class='viewer' macro='storyGlue storyTag COOKIENAME&lt;/div&gt;
    8214. 

  8214. }}}
    8215. 

  8215. storyTag: The macro searches all tiddlers tagged: &quot;storyTag&quot;
    8216. 

  8216. &gt;If the tiddler is found in one or more stories. &quot;selectStory&quot; macro is activated instead of &quot;navigation&quot; macro to switch to a new story if you want.
    8217. 

  8217. &gt;If it doesn't find a matching story nothing is displayed.
    8218. 

    8219. 

  8219. COOKIENAME is last part of an txtSelectStory option cookie, that storyGlue will look at. 
    8220. 

  8220. &gt;The cookie is used, to store the name of the actual story, that will be used for navigating.
    8221. 

  8221. &gt;The cookie can be manipulated also by SelectStoryMacro if the same name is used. 
    8222. 

  8222. &gt;Bee carefull if you use a different name. Look at my examples!
    8223. 

  8223. &gt;If you don't use SelectStoryMacro you will need a little program somewhere in your init functions.
    8224. 

  8224. &gt;{{{config.options.txtSelectStoryCOOKIENAME  = &quot;yourTiddlerThatContainsAStoryAndIsTaggedWithXXXX&quot;;}}}
    8225. 

  8225. &gt;Better have a look at [[zzMptwUserConfigPlugin]] 
    8226. 

    8227. 

  8227. The option: {{{&lt;&lt;option txtSelectStoryACTIVESTORY&gt;&gt;}}}: ''&lt;&lt;varDisplay {{config.options.txtSelectStoryACTIVESTORY}}&gt;&gt;''
    8228. 

  8228. contains the active story, that is used in [[a-pm presentation manager|http://a-pm.tiddlyspot.com]].
    8229. 

    8230. 

  8230. If you click a tiddler, which is not part of the active story, but of any tiddler tagged: &quot;story&quot;, storyGlue will activate the SelectStoryMarcro. SelectStoryMacro will display all stories found in a different color (default: blue). If you click on of the small sqares, it will activate this story, which can be used for navigatin now. 
    8231. 

    8232. 

  8232. The SelectStoryMacro can also work stand alone. See [[SelectStoryMacro]] for more details.
    8233. 

  8233. &lt;&lt;&lt;
    8234. 

  8234. !!!!!Attention
    8235. 

  8235. &lt;&lt;&lt;
    8236. 

  8236. There is no limit using different cookie names. ''But be warned: If you get confused. It is not my fault :)''
    8237. 

  8237. If your cookie name is eg: MYSTORY the option which contains the active story will be: {{{&lt;&lt;option txtSelectStoryMYSTORY&gt;&gt;}}}
    8238. 

  8238. It is always: txtSelectStory + yourCookieName.
    8239. 

  8239. In viewTemplate call it with: 
    8240. 

  8240. {{{
    8241. 

  8241. &lt;div class='viewer' macro='storyGlue story MYSTORY&lt;/div&gt;
    8242. 

  8242. }}}
    8243. 

  8243. &lt;&lt;&lt;
    8244. 

  8244. !!!!!Example:
    8245. 

  8245. &lt;&lt;&lt;
    8246. 

  8246. [[Demo|Story1]]
    8247. 

  8247. &lt;&lt;&lt;
    8248. 

  8248. !!!!!Revision History
    8249. 

  8249. &lt;&lt;&lt;
    8250. 

  8250. *Version: 0.5.1 - 2010.01.30
    8251. 

  8251. **commented the displayMessage if an empty story is selected from SelectStoryMacro
    8252. 

  8252. &lt;&lt;&lt;
    8253. 

  8253. ***/
    8254. 

  8254. /*{{{*/
    8255. 

  8255. // 
    8256. 

  8256. //!BEGIN-PLUGIN-CODE
    8257. 

  8257. if(!version.extensions.StoryGluePlugin) { //# ensure that the plugin is only installed once
    8258. 

  8258. version.extensions.StoryGluePlugin = { installed: true };
    8259. 

  8259. 

  8260. if(!config.extensions) { config.extensions = {}; } //# obsolete from v2.4.2
    8261. 

  8261. 

  8262. config.macros.storyGlue= {
    8263. 

  8263. 	defineStoryMsg: &quot;~StoryGlue: option name is not defined!\n&quot;+
    8264. 

  8264. 			&quot;Read the Documentation!\n&quot; +
    8265. 

  8265. 			&quot;Check your ~ViewTemplate!\n&quot; +
    8266. 

  8266. 			&quot;Check: config.options.&quot;,
    8267. 

  8267. 	
    8268. 

  8268. 	handler: function(place, macroName, params, wikifier, paramString, tiddler){
    8269. 

  8269. 

  8270. 		if (!config.macros.navigation) 
    8271. 

  8271. 			return false;
    8272. 

  8272. 		if (!config.macros.selectStory) 
    8273. 

  8273. 			return false;
    8274. 

  8274. 		if (config.options.chkDisableStoryGlue== undefined)
    8275. 

  8275. 			config.options.chkDisableStoryGlue= false;
    8276. 

  8276. 

  8277. 		var sets = store.getTaggedTiddlers(params[0]); // get tiddlers tagged eg:'story'
    8278. 

  8278. 		var optId = config.macros.selectStory.optPreTxt + params[1]; // get the last part of the cookie name
    8279. 

  8279. 		var txtArray = [];
    8280. 

  8280. 		for (var i = 0; i &lt; sets.length; i++) {
    8281. 

  8281. 			txtArray.push(sets[i].title);
    8282. 

  8282. 		}
    8283. 

  8283. 		var navIndex = txtArray.indexOf(config.options[optId]);
    8284. 

  8284. 		if (navIndex == -1) {
    8285. 

  8285. 			// console.log(this.defineStoryMsg+optId);
    8286. 

  8286. 			return false; // can only be if option is undefined or different pc / cookie
    8287. 

  8287. 		}
    8288. 

  8288. 		var tiddlers = store.getTiddlerText(sets[navIndex].title).readBracketedList(); // read tiddlers in active story
    8289. 

  8289. 		var tidIndex = tiddlers.indexOf(tiddler.title);
    8290. 

  8290. 		
    8291. 

  8291. 		// storyline ok .. use navigation macro 
    8292. 

  8292. 		if (tidIndex != -1) {
    8293. 

  8293. 			var p = &quot;tiddlers:{{store.getTiddlerText('&quot; + sets[navIndex].title + &quot;').readBracketedList()}}&quot;;
    8294. 

  8294. 			invokeMacro(place, 'navigation', p, wikifier, tiddler);
    8295. 

  8295. 			return false;
    8296. 

  8296. 		}
    8297. 

  8297. 		if (config.options.chkDisableStoryGlue) 
    8298. 

  8298. 			return false;
    8299. 

  8299. 

  8300. 		if (this.debug) console.log('not disabled:', tiddlers);
    8301. 

  8301. 

  8302. 		if (tidIndex == -1) {
    8303. 

  8303. 			// search other stories for this tiddler.
    8304. 

  8304. 			var text = params[1]+' '+'tiddlers: [[';
    8305. 

  8305. 			var found = false;
    8306. 

  8306. 			for (var i=0; i&lt;txtArray.length; i++) {   //!!!!!!! better search needed !
    8307. 

  8307. 				tiddlers = store.getTiddlerText(txtArray[i]).readBracketedList(); // read tiddlers in active story
    8308. 

  8308. 				tidIndex = tiddlers.indexOf(tiddler.title);
    8309. 

  8309. 				if (tidIndex != -1) {
    8310. 

  8310. 					found = true;
    8311. 

  8311. 					text = text + '&quot;' + txtArray[i] + '&quot; '; 
    8312. 

  8312. 				} // if tidIndex ..	
    8313. 

  8313. 			} // for i &lt; txtArray.len ..
    8314. 

  8314. 			text = text+']]';
    8315. 

  8315. //	 console.log( 'text: ' + text);
    8316. 

  8316. //	 console.log( 'found: ' + found);
    8317. 

  8317. //			var text = params[1]+&quot; &quot;+ &quot;tiddlers: {{ var array = store.filterTiddlers('[tag[&quot; + params[0] + 
    8318. 

  8318. //				&quot;]]');var text = ''; for (var i=0; i&lt;array.length; i++)&quot;+
    8319. 

  8319. //				&quot;{text = text + '[[' + array[i].title + ']]';};}}&quot;;		// be carefull evaluated string !!!
    8320. 

  8320. 

  8321. 			if (found) invokeMacro(place, 'selectStory', text, wikifier, tiddler);
    8322. 

  8322. 		} // handler
    8323. 

  8323. 	} // config macro
    8324. 

  8324. }
    8325. 

  8325. } //# end of &quot;install only once&quot;
    8326. 

  8326. /*}}}*/</pre>
    8327. 

  8327. </div>
    8328. 

  8328. <div title="StyleSheet" creator="fancybox" modifier="pmario" created="201101211613" modified="201102210003" server.title="StyleSheet" server.page.revision="260053" server.etag="&quot;fancybox_public/StyleSheet/260053;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="1a29a57b1be95a51aaa5eb6a486c427172b90921">
    8329. 

  8329. <pre>/*{{{*/
    8330. 

  8330. [[FancyBoxStyleSheet]]
    8331. 

  8331. [[StackImgStyleSheet]]
    8332. 

  8332. [[RoundaboutStyleSheet]]
    8333. 

  8333. 

  8334. #tip7-title { text-align: left; overflow: auto; }
    8335. 

  8335. #tip7-title b { display: block; margin-right: 80px; }
    8336. 

  8336. #tip7-title span { float: right; text-align: right; }
    8337. 

  8337. 

  8338. .twfb-list {
    8339. 

  8339. 	margin: .2em;
    8340. 

  8340. }
    8341. 

  8341. 

  8342. a img{
    8343. 

  8343. 	padding: 5px;
    8344. 

  8344. 	background: white;
    8345. 

  8345. }
    8346. 

  8346. 

  8347. .trImageBackground a img{
    8348. 

  8348. 	padding: none;
    8349. 

  8349. 	background: none;
    8350. 

  8350. }
    8351. 

  8351. /*}}}*/</pre>
    8352. 

  8352. </div>
    8353. 

  8353. <div title="StyleSheetBackstage" creator="osmosoft" modifier="osmosoft" created="201102181424" modified="201102181424" tags="excludeLists excludeSearch" server.title="StyleSheetBackstage" server.page.revision="257488" server.etag="&quot;tiddlyspace/StyleSheetBackstage/257488;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/tiddlyspace" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="tiddlyspace" server.permissions="read" server.content-type="" _hash="423f785fa9fb447324730eb435cc35f9c3620417">
    8354. 

  8354. <pre>/*{{{*/
    8355. 

  8355. .publicLightText {
    8356. 

  8356. 	color: #C0E5FC;
    8357. 

  8357. }
    8358. 

  8358. 

  8359. .privateLightText {
    8360. 

  8360. 	color: #E2C1D6;
    8361. 

  8361. }
    8362. 

  8362. 

  8363. .tiddler .error.annotation .button{
    8364. 

  8364. 	display: inline-block;
    8365. 

  8365. }
    8366. 

  8366. 

  8367. #backstageArea #backstageToolbar a.task_tiddlyspace {
    8368. 

  8368. 	margin: 0px auto auto -75px;
    8369. 

  8369. 	font-weight: bold;
    8370. 

  8370. 	width: 150px;
    8371. 

  8371. 	line-height:24px;
    8372. 

  8372. 	font-size: 1.2em;
    8373. 

  8373. 	padding: 0;
    8374. 

  8374. 	top: 0;
    8375. 

  8375. 	position: absolute;
    8376. 

  8376. 	left: 50%;
    8377. 

  8377. }
    8378. 

  8378. 

  8379. .task_tiddlyspace .image,
    8380. 

  8380. .task_tiddlyspace .svgIcon {
    8381. 

  8381. 	margin-top: -2px;
    8382. 

  8382. 	display: inline;
    8383. 

  8383. }
    8384. 

  8384. 

  8385. .task_tiddlyspace .svgIconText {
    8386. 

  8386. 	display: none;
    8387. 

  8387. }
    8388. 

  8388. 

  8389. .task_tiddlyspace .logoText {
    8390. 

  8390. 	position: absolute;
    8391. 

  8391. 	top: 0px;
    8392. 

  8392. 	margin-left: 5px;
    8393. 

  8393. }
    8394. 

  8394. 

  8395. #backstageArea {
    8396. 

  8396. 	z-index: 49;
    8397. 

  8397. 	color: white;
    8398. 

  8398. 	background-color: black;
    8399. 

  8399. 	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #222),color-stop(0.5, #333),color-stop(1, #555));
    8400. 

  8400. 	background: -moz-linear-gradient(center bottom,#222 0%, #333 50%, #555 100%);
    8401. 

  8401. 	/* For Internet Explorer 5.5 - 7 */
    8402. 

  8402. 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff555555, endColorstr=#ff222222);
    8403. 

  8403. 	/* For Internet Explorer 8 */
    8404. 

  8404. 	-ms-filter: &quot;progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff555555, endColorstr=#ff222222)&quot;;
    8405. 

  8405. 	height: 24px;
    8406. 

  8406. 	padding: 0;
    8407. 

  8407. 	border-bottom: solid 1px black;
    8408. 

  8408. }
    8409. 

  8409. 

  8410. .backstageBackground {
    8411. 

  8411. 	fill: black;
    8412. 

  8412. }
    8413. 

  8413. 

  8414. #backstageButton {
    8415. 

  8415. 	overflow: hidden;
    8416. 

  8416. }
    8417. 

  8417. 

  8418. #backstageButton #backstageShow,
    8419. 

  8419. #backstageButton #backstageHide {
    8420. 

  8420. 	margin: 0px;
    8421. 

  8421. 	padding: 0px;
    8422. 

  8422. }
    8423. 

  8423. 

  8424. #backstageButton #backstageShow:hover,
    8425. 

  8425. #backstageButton #backstageHide:hover {
    8426. 

  8426. 	background: none;
    8427. 

  8427. 	color: none;
    8428. 

  8428. }
    8429. 

  8429. 

  8430. #backstageShow {
    8431. 

  8431. 	margin-right: -3px;
    8432. 

  8432. 	margin-top: -3px;
    8433. 

  8433. }
    8434. 

  8434. 

  8435. #backstageShow .svgIcon {
    8436. 

  8436. 	left: 8px;
    8437. 

  8437. 	position: relative;
    8438. 

  8438. 	top: -5px;
    8439. 

  8439. }
    8440. 

  8440. 

  8441. #messageArea {
    8442. 

  8442. 	top: 50px;
    8443. 

  8443. }
    8444. 

  8444. 

  8445. #backstageToolbar {
    8446. 

  8446. 	position: relative;
    8447. 

  8447. }
    8448. 

  8448. 

  8449. #backstageArea a {
    8450. 

  8450. 	padding: 0px;
    8451. 

  8451. 	margin-left: 0px;
    8452. 

  8452. 	color: white;
    8453. 

  8453. 	background: none;
    8454. 

  8454. }
    8455. 

  8455. 

  8456. #backstageArea a:hover {
    8457. 

  8457. 	background-color: white;
    8458. 

  8458. }
    8459. 

  8459. 

  8460. #backstage .tabContents ol,
    8461. 

  8461. #backstage .tabContents ul {
    8462. 

  8462. 	padding: auto;
    8463. 

  8463. }
    8464. 

  8464. 

  8465. #backstageButton a {
    8466. 

  8466. 	margin: 0;
    8467. 

  8467. }
    8468. 

  8468. 

  8469. .backstagePanelBody,
    8470. 

  8470. .backstagePanelBody .tabContents ul {
    8471. 

  8471. 	padding: 5px;
    8472. 

  8472. 	margin: 5px;
    8473. 

  8473. }
    8474. 

  8474. 

  8475. #backstage #backstagePanel {
    8476. 

  8476. 	margin-left: 5%;
    8477. 

  8477. 	padding: 0em;
    8478. 

  8478. 	margin-right: 5%;
    8479. 

  8479. }
    8480. 

  8480. 

  8481. #backstageToolbar a {
    8482. 

  8482. 	position: relative;
    8483. 

  8483. }
    8484. 

  8484. 

  8485. #backstageArea a.backstageSelTab,
    8486. 

  8486. #backstageToolbar .backstageTask {
    8487. 

  8487. 	line-height: 24px;
    8488. 

  8488. 	color: #767676;
    8489. 

  8489. }
    8490. 

  8490. 

  8491. .backstageTask .externalImage,
    8492. 

  8492. .backstageTask .image {
    8493. 

  8493. 	display: inline;
    8494. 

  8494. }
    8495. 

  8495. 

  8496. .backstageTask .txtUserName,
    8497. 

  8497. .backstageTask .spaceName {
    8498. 

  8498. 	color: #fff;
    8499. 

  8499. }
    8500. 

  8500. 

  8501. .backstageSelTab .txtUserName,
    8502. 

  8502. .backstageSelTab .spaceName,
    8503. 

  8503. a:hover .txtUserName,
    8504. 

  8504. a:hover .spaceName {
    8505. 

  8505. 	color: #000;
    8506. 

  8506. }
    8507. 

  8507. 

  8508. .spaceSiteIcon {
    8509. 

  8509. 	margin-right: 10px;
    8510. 

  8510. }
    8511. 

  8511. 

  8512. .userSiteIcon {
    8513. 

  8513. 	margin-left: 10px;
    8514. 

  8514. }
    8515. 

  8515. 

  8516. #backstageToolbar .task_space {
    8517. 

  8517. 	position: absolute;
    8518. 

  8518. 	top: 0px;
    8519. 

  8519. 	left: 0%;
    8520. 

  8520. }
    8521. 

  8521. 

  8522. #backstageToolbar .task_user,
    8523. 

  8523. #backstageToolbar .task_login {
    8524. 

  8524. 	display: block;
    8525. 

  8525. 	position: absolute;
    8526. 

  8526. 	top: 0px;
    8527. 

  8527. 	right: 5%;
    8528. 

  8528. }
    8529. 

  8529. 

  8530. #backstageToolbar .task_login img {
    8531. 

  8531. 	position: relative;
    8532. 

  8532. 	display: inline;
    8533. 

  8533. }
    8534. 

  8534. 

  8535. #backstageToolbar .task_login img,
    8536. 

  8536. #backstageToolbar .task_user img {
    8537. 

  8537. 	float: right;
    8538. 

  8538. }
    8539. 

  8539. 

  8540. #backstageToolbar .task_space .svgIcon {
    8541. 

  8541. 	float: left;
    8542. 

  8542. 	position: relative;
    8543. 

  8543. 	z-index: 2;
    8544. 

  8544. }
    8545. 

  8545. 

  8546. #backstageToolbar a span {
    8547. 

  8547. 	z-index: 2;
    8548. 

  8548. }
    8549. 

  8549. 

  8550. #backstageToolbar .spaceSiteIcon {
    8551. 

  8551. 	float: left;
    8552. 

  8552. }
    8553. 

  8553. 

  8554. a.backstageTask {
    8555. 

  8555. 	display: block;
    8556. 

  8556. }
    8557. 

  8557. 

  8558. #backstageToolbar a span.txtUserName,
    8559. 

  8559. #backstageToolbar a .txtUserName span {
    8560. 

  8560. 	display: inline;
    8561. 

  8561. 	float: none;
    8562. 

  8562. }
    8563. 

  8563. 

  8564. #backstage .deleteButton {
    8565. 

  8565. 	margin-left: 0.3em;
    8566. 

  8566. 	font-weight: bold;
    8567. 

  8567. 	color: red;
    8568. 

  8568. 	font-size: 1.6em;
    8569. 

  8569. }
    8570. 

  8570. 

  8571. #backstage .deleteButton:hover {
    8572. 

  8572. 	background: none;
    8573. 

  8573. }
    8574. 

  8574. 

  8575. #backstageArea .siteIcon {
    8576. 

  8576. 	display: inline;
    8577. 

  8577. }
    8578. 

  8578. 

  8579. #backstagePanel .TiddlySpaceLogin {
    8580. 

  8580. 	display: inline;
    8581. 

  8581. }
    8582. 

  8582. 

  8583. .backstagePanelBody .tabContents .button {
    8584. 

  8584. 	display: block;
    8585. 

  8585. }
    8586. 

  8586. 

  8587. .backstagePanelBody .tab {
    8588. 

  8588. 	margin: 0 0 0 0.6em;
    8589. 

  8589. 	padding: 0.4em 0.5em 1px 0.5em;
    8590. 

  8590. }
    8591. 

  8591. 

  8592. #backstage .tabContents{
    8593. 

  8593. 	padding: 1.5em;
    8594. 

  8594. }
    8595. 

  8595. 

  8596. #backstage .wizard {
    8597. 

  8597. 	border: 0px;
    8598. 

  8598. }
    8599. 

  8599. 

  8600. #backstage .txtSpaceTab li {
    8601. 

  8601. 	border: 1px solid #ddd;
    8602. 

  8602. 	background: #eee;
    8603. 

  8603. 	list-style: none;
    8604. 

  8604. 	margin: 0.5em;
    8605. 

  8605. 	padding: 0.5em;
    8606. 

  8606. 	width: 80%;
    8607. 

  8607. }
    8608. 

  8608. 

  8609. #backstage .txtSpaceTab li.annotation {
    8610. 

  8610. 	border: 2px solid [[ColorPalette::SecondaryMid]];
    8611. 

  8611. }
    8612. 

  8612. 

  8613. #backstage div  li.listLink {
    8614. 

  8614. 	border: 0px;
    8615. 

  8615. 	width: 78%;
    8616. 

  8616. 	font-size: 0.7em;
    8617. 

  8617. }
    8618. 

  8618. 

  8619. #backstage div li.listTitle {
    8620. 

  8620. 	font-weight: bold;
    8621. 

  8621. 	text-decoration: underline;
    8622. 

  8622. 	font-size: 1em;
    8623. 

  8623. 	background: #ccc;
    8624. 

  8624. 	width: 100%;
    8625. 

  8625. }
    8626. 

  8626. 

  8627. #backstage div.txtSpaceTab li .deleteButton {
    8628. 

  8628. 	float: right;
    8629. 

  8629. }
    8630. 

  8630. 

  8631. #backstage fieldset {
    8632. 

  8632. 	border: solid 1px [[ColorPalette::Background]];
    8633. 

  8633. }
    8634. 

  8634. 

  8635. #backstage .viewer table,#backstage table.twtable {
    8636. 

  8636. 	border: 0px;
    8637. 

  8637. }
    8638. 

  8638. 

  8639. #backstageToolbar img {
    8640. 

  8640. 	padding: 0;
    8641. 

  8641. }
    8642. 

  8642. 

  8643. #backstage .wizard,
    8644. 

  8644. #backstage .wizardFooter {
    8645. 

  8645. 	background: none;
    8646. 

  8646. }
    8647. 

  8647. 

  8648. .viewer td, .viewer tr, .twtable td, .twtable tr {
    8649. 

  8649. 	border: 1px solid #eee;
    8650. 

  8650. }
    8651. 

  8651. 

  8652. #backstage .inlineList ul li {
    8653. 

  8653. 	background-color: [[ColorPalette::Background]];
    8654. 

  8654. 	border: solid 1px [[ColorPalette::TertiaryMid]];
    8655. 

  8655. 	display: block;
    8656. 

  8656. 	float: left;
    8657. 

  8657. 	list-style: none;
    8658. 

  8658. 	margin-right: 1em;
    8659. 

  8659. 	padding: 0.5em;
    8660. 

  8660. }
    8661. 

  8661. 

  8662. .backstageClear, .inlineList form {
    8663. 

  8663. 	clear: both;
    8664. 

  8664. 	display: block;
    8665. 

  8665. 	margin-top: 3em;
    8666. 

  8666. }
    8667. 

  8667. 

  8668. .tiddlyspaceMenu {
    8669. 

  8669. 	text-align: center;
    8670. 

  8670. }
    8671. 

  8671. 

  8672. span.chunkyButton {
    8673. 

  8673. 	display: block;
    8674. 

  8674. 	padding: 0;
    8675. 

  8675. 	margin: 0;
    8676. 

  8676. 	border: solid 2px #000;
    8677. 

  8677. }
    8678. 

  8678. 

  8679. span.chunkyButton a.button, span.chunkyButton a:active.button {
    8680. 

  8680. 	white-space: nowrap;
    8681. 

  8681. 	font-weight: bold;
    8682. 

  8682. 	font-size: 1.8em;
    8683. 

  8683. 	color: #fff;
    8684. 

  8684. 	background-color: #04b;
    8685. 

  8685. 	text-align: center;
    8686. 

  8686. 	padding: 1em 3em;
    8687. 

  8687. 	margin: 0;
    8688. 

  8688. 	border-style: none;
    8689. 

  8689. 	border-top: solid 1px #fff;
    8690. 

  8690. 	display: block;
    8691. 

  8691. }
    8692. 

  8692. 

  8693. .chunkyButton {
    8694. 

  8694. 	width: 18em;
    8695. 

  8695. }
    8696. 

  8696. 

  8697. span.chunkyButton a.button:hover {
    8698. 

  8698. 	background-color: #014;
    8699. 

  8699. 	border-style: none;
    8700. 

  8700. 	color: #fff;
    8701. 

  8701. 	border-top: solid 1px #8cf;
    8702. 

  8702. }
    8703. 

  8703. 

  8704. a.baskstageTask.task_login,
    8705. 

  8705. a.baskstageTask.task_user {
    8706. 

  8706. 	_width: 200px;
    8707. 

  8707. 	_text-align: right;
    8708. 

  8708. }
    8709. 

  8709. 

  8710. #backstageArea #backstageToolbar .task_login img,
    8711. 

  8711. #backstageArea #backstageToolbar .task_user img {
    8712. 

  8712. 	_display: inline;
    8713. 

  8713. 	_float: none;
    8714. 

  8714. }
    8715. 

  8715. 

  8716. #backstage .unpluggedSpaceTab .wizard,
    8717. 

  8717. .unpluggedSpaceTab .wizard {
    8718. 

  8718. 	background: white;
    8719. 

  8719. 	border: 2px solid #CCC;
    8720. 

  8720. 	padding: 5px;
    8721. 

  8721. }
    8722. 

  8722. 

  8723. .syncKey .keyItem {
    8724. 

  8724. 	border: 1px solid black;
    8725. 

  8725. 	display: inline-block;
    8726. 

  8726. 	margin: 0.2em;
    8727. 

  8727. 	padding: 0.1em 0.1em 0.1em 0.1em;
    8728. 

  8728. }
    8729. 

  8729. 

  8730. .keyHeading {
    8731. 

  8731. 	font-size: 2em;
    8732. 

  8732. 	font-weight: bold;
    8733. 

  8733. 	margin: 0.4em 0em -0.2em;
    8734. 

  8734. }
    8735. 

  8735. 

  8736. .unpluggedSpaceTab .putToServer,
    8737. 

  8737. .unpluggedSpaceTab .notChanged {
    8738. 

  8738. 	display: none;
    8739. 

  8739. }
    8740. 

  8740. 

  8741. .tiddlyspaceMenu ul {
    8742. 

  8742. 	margin: 0;
    8743. 

  8743. 	padding: 0;
    8744. 

  8744. }
    8745. 

  8745. 

  8746. .tiddlyspaceMenu ul li {
    8747. 

  8747. 	list-style: none;
    8748. 

  8748. }
    8749. 

  8749. 

  8750. .unsyncedChanges .unsyncedList {
    8751. 

  8751. 	display: block;
    8752. 

  8752. }
    8753. 

  8753. 

  8754. .unsyncedList {
    8755. 

  8755. 	display: none;
    8756. 

  8756. }
    8757. 

  8757. 

  8758. /* TODO: This is a presentational fix for a data problem that
    8759. 

  8759.    ought to go away with sync refactorings.  See:
    8760. 

  8760.    https://github.com/TiddlySpace/tiddlyspace/pull/536#commitcomment-216317
    8761. 

  8761. */
    8762. 

  8762. .notFound td .externalLink {
    8763. 

  8763. 	display: none;
    8764. 

  8764. }
    8765. 

  8765. /*}}}*/</pre>
    8766. 

  8766. </div>
    8767. 

  8767. <div title="StyleSheetHeaderMp" creator="pmario" modifier="pmario" created="201008061923" modified="201012280948" tags="excludeLists" server.title="StyleSheetHeaderMp" server.page.revision="107280" server.etag="&quot;neui-em_public/StyleSheetHeaderMp/107280;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="d45db206eeb8f23a3cc0b3f74b9a339f644fb671">
    8768. 

  8768. <pre>/*{{{*/
    8769. 

  8769. .headerForeground {
    8770. 

  8770. 	position: relative;
    8771. 

  8771. 	text-align: right;
    8772. 

  8772. }
    8773. 

  8773. 

  8774. .header {
    8775. 

  8775. 	width: 100%; /* for ie */
    8776. 

  8776. }
    8777. 

  8777. 

  8778. #contentWrapper {
    8779. 

  8779. 	position: relative;
    8780. 

  8780. 	padding-top: 1px;
    8781. 

  8781. 	top: -1px;
    8782. 

  8782. }
    8783. 

  8783. 

  8784. .header {
    8785. 

  8785. 	position: relative;
    8786. 

  8786. 	background-color: [[ColorPalette::PrimaryLight]];
    8787. 

  8787. }
    8788. 

  8788. 

  8789. .siteTitle {
    8790. 

  8790. 	display: block;
    8791. 

  8791. }
    8792. 

  8792. 

  8793. /*}}}*/</pre>
    8794. 

  8794. </div>
    8795. 

  8795. <div title="StyleSheetMediaPrint" creator="pmario" modifier="pmario" created="201008111759" modified="201009181705" server.title="StyleSheetMediaPrint" server.page.revision="107282" server.etag="&quot;neui-em_public/StyleSheetMediaPrint/107282;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="8a6b652b9b73b1242f11a0c95048f48da64135da">
    8796. 

  8796. <pre>/*{{{*/
    8797. 

  8797. /* make it print a little cleaner */
    8798. 

  8798. /* FireFox only prints one page. Google Chrome works. */
    8799. 

  8799. 

  8800. @media print {
    8801. 

  8801. 	/* basic setting */
    8802. 

  8802. 	#displayArea {	
    8803. 

  8803. 		font:11px/120% Arial, serif;
    8804. 

  8804. 		background-color: white !important;
    8805. 

  8805. 		background-image: none !important;
    8806. 

  8806. 		color:black;
    8807. 

  8807. 

  8808. 		width: 95%;	
    8809. 

  8809. 	}
    8810. 

  8810. 

  8811. 	#sidebarSearch,
    8812. 

  8812. 	.clear,
    8813. 

  8813. 	.topMenu,
    8814. 

  8814. 	.quickopentag a.button, 
    8815. 

  8815. 	.miniTag,
    8816. 

  8816. 	.noPrint,
    8817. 

  8817. 	.tagglyTagging {
    8818. 

  8818. 		display: none ! important;
    8819. 

  8819. 	}
    8820. 

  8820. 

  8821. 	/* not sure if we need all the importants */
    8822. 

  8822. 	.tiddler {
    8823. 

  8823. 		-moz-box-shadow: none;
    8824. 

  8824. 		-web-box-shadow: none;
    8825. 

  8825. 		boder:none ! important;
    8826. 

  8826. 		border-style: none ! important;
    8827. 

  8827. 		margin:0px ! important;
    8828. 

  8828. 		padding:0px ! important;
    8829. 

  8829. 		padding-bottom:2em ! important;
    8830. 

  8830. 		display:inline;
    8831. 

  8831. 	}
    8832. 

  8832. 

  8833. 	.headerShadow {
    8834. 

  8834. 		visibility: hidden ! important;
    8835. 

  8835. 	}
    8836. 

  8836. 

  8837. 	.tagglyTagged .quickopentag, .tagged .quickopentag {
    8838. 

  8838. 	/*	border-style: none ! important; */
    8839. 

  8839. 	}
    8840. 

  8840. 

  8841. 	.siteIcon,
    8842. 

  8842. 	.spaceSiteIcon {
    8843. 

  8843. 		display: none ! important; 
    8844. 

  8844. 	}
    8845. 

  8845. }
    8846. 

  8846. /*}}}*/
    8847. 

  8847. </pre>
    8848. 

  8848. </div>
    8849. 

  8849. <div title="StyleSheetMenuBarMp" creator="pmario" modifier="pmario" created="201008171536" modified="201008181527" tags="excludeLists" server.title="StyleSheetMenuBarMp" server.page.revision="107284" server.etag="&quot;neui-em_public/StyleSheetMenuBarMp/107284;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="4cfa78a00509def7bff45f02e58f4c0e43e43a0e">
    8850. 

  8850. <pre>/*{{{*/
    8851. 

  8851. #menuBar {
    8852. 

  8852. 	position: relative;
    8853. 

  8853. 	background-color: [[ColorPalette::PrimaryMid]];
    8854. 

  8854. 	min-height: 1em;
    8855. 

  8855. 	overflow: hidden;
    8856. 

  8856. 	font-size: 1.1em;
    8857. 

  8857. 

  8858. /* if you have a light bar border would be fine */
    8859. 

  8859. /*
    8860. 

  8860. 	border-top: 1px solid [[ColorPalette::PrimaryDark]];
    8861. 

  8861. 	border-bottom: 1px solid [[ColorPalette::PrimaryDark]];
    8862. 

  8862. */
    8863. 

  8863. 	width: 100%; /* for ie 6 */
    8864. 

  8864. }
    8865. 

  8865. 

  8866. /* horizontal main menu stuff */
    8867. 

  8867. .topMenu, .topMenu a{
    8868. 

  8868. 	padding-top: 0.2em;
    8869. 

  8869. 	padding-bottom: 0.2em;
    8870. 

  8870. }
    8871. 

  8871. 

  8872. .topMenu ul,
    8873. 

  8873. .topMenu ol {
    8874. 

  8874. 	list-style:none;
    8875. 

  8875. 	padding:0;
    8876. 

  8876. 	margin: 0;
    8877. 

  8877. }
    8878. 

  8878. 

  8879. .topMenu li {
    8880. 

  8880. 	float: left;
    8881. 

  8881. }
    8882. 

  8882. 

  8883. #mainMenu {
    8884. 

  8884. 	width:auto;		/*-- new in emastic --*/
    8885. 

  8885. 	position:relative; 	/*-- new in emastic --*/
    8886. 

  8886. 	text-align:right; 
    8887. 

  8887. 	font-size:1.1em;
    8888. 

  8888. 	padding: 0.5em 0.5em 0;  /* same as box */
    8889. 

  8889. }
    8890. 

  8890. 

  8891. #mainMenu a {
    8892. 

  8892. 	padding: 0.2em 0.2em; 
    8893. 

  8893. }
    8894. 

  8894. 

  8895. #mainMenu a:hover {
    8896. 

  8896. 	background-color: [[ColorPalette::PrimaryMid]];
    8897. 

  8897. 	color: [[ColorPalette::Background]]
    8898. 

  8898. }
    8899. 

  8899. 

  8900. #sidebarOptions {
    8901. 

  8901. 	color: [[ColorPalette::PrimaryDark]];
    8902. 

  8902. }
    8903. 

  8903. 

  8904. #sidebarOptions {
    8905. 

  8905. 	min-height: 1em;
    8906. 

  8906. }
    8907. 

  8907. 

  8908. #sidebarOptions .button, #sidebarOptions .tiddlyLink, #sidebarOptions a, 
    8909. 

  8909. .topMenu .button, .topMenu .tiddlyLink, .topMenu a {
    8910. 

  8910. 	margin-left: 0.5em;
    8911. 

  8911. 	margin-right: 0.5em;
    8912. 

  8912. 	padding-left: 3px;
    8913. 

  8913. 	padding-right: 3px;
    8914. 

  8914. 	color: [[ColorPalette::PrimaryPale]];
    8915. 

  8915. 	border: none;
    8916. 

  8916. 	display: inline;
    8917. 

  8917. }
    8918. 

  8918. 

  8919. #sidebarOptions .button:hover, #sidebarOptions .tiddlyLink:hover,
    8920. 

  8920. .topMenu .button:hover, .topMenu .tiddlyLink:hover {
    8921. 

  8921. 	color: [[ColorPalette::PrimaryDark]];
    8922. 

  8922. 	background: [[ColorPalette::PrimaryPale]];
    8923. 

  8923. }
    8924. 

  8924. 

  8925. /*}}}*/</pre>
    8926. 

  8926. </div>
    8927. 

  8927. <div title="StyleSheetSideBarMp" creator="pmario" modifier="pmario" created="201008111134" modified="201008210933" tags="excludeLists" server.title="StyleSheetSideBarMp" server.page.revision="107292" server.etag="&quot;neui-em_public/StyleSheetSideBarMp/107292;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="eccd82935e5e57294086d55ce5ff8b75a7a9ac6f">
    8928. 

  8928. <pre>/*{{{*/
    8929. 

  8929. #sidebar .wizard table {
    8930. 

  8930. 	margin: 0px;
    8931. 

  8931. }
    8932. 

  8932. 

  8933. #sidebarSearch {
    8934. 

  8934. 	margin: 0.2em 1em 0;
    8935. 

  8935. 	position: relative;
    8936. 

  8936. }
    8937. 

  8937. 

  8938. #sidebarSearch .txtOptionInput {
    8939. 

  8939. 	width: 100%;
    8940. 

  8940. 	margin-top: 5px;
    8941. 

  8941. }
    8942. 

  8942. 

  8943. #sidebarSearch .searchButton {
    8944. 

  8944. 	padding: 0.2em;  
    8945. 

  8945. 	color: [[ColorPalette::Background]];
    8946. 

  8946. }
    8947. 

  8947. 

  8948. /* the borders look wrong with the body background */
    8949. 

  8949. #sidebar .button {
    8950. 

  8950. 	border-style: none;
    8951. 

  8951. }
    8952. 

  8952. 

  8953. /*-- new vor FreeStyle --*/
    8954. 

  8954. .tabContents {
    8955. 

  8955. 	overflow: auto;
    8956. 

  8956. }
    8957. 

  8957. 

  8958. #sidebarTabs {
    8959. 

  8959. }
    8960. 

  8960. 

  8961. #sidebarTabs .tabContents{
    8962. 

  8962. 	width: auto;
    8963. 

  8963. }
    8964. 

  8964. 

  8965. #sidebarTabs .sliderpanel a{
    8966. 

  8966. 	display: inline;
    8967. 

  8967. } 
    8968. 

  8968. 

  8969. #sidebarTabs a.button,
    8970. 

  8970. #sidebarTools a.button {
    8971. 

  8971. 	margin:0 0.2em; 
    8972. 

  8972. 	padding:0.2em 0.3em; 
    8973. 

  8973. 	display:block;
    8974. 

  8974. }
    8975. 

  8975. 

  8976. .sidebarBox {			/*-- new for FreeStyle --*/
    8977. 

  8977. 	padding-top: 0.3em;
    8978. 

  8978. }
    8979. 

  8979. 

  8980. /***
    8981. 

  8981. This fixes a problem with the tabs slider
    8982. 

  8982. ***/
    8983. 

  8983. #sidebarTabs .button {
    8984. 

  8984. 	margin:0em 0.2em;
    8985. 

  8985. 	padding:0.2em 0.3em;
    8986. 

  8986. 	display:block;
    8987. 

  8987. }
    8988. 

  8988. 

  8989. #sidebarTools .sliderpanel,
    8990. 

  8990. #sidebarOptions .sliderpanel {
    8991. 

  8991. 	margin: 0 0.5em; 
    8992. 

  8992. } 
    8993. 

  8993. 

  8994. /* remove fixed size from inputs eg: search and password in sidebar */
    8995. 

  8995. .txtOptionInput, .pasOptionInput {
    8996. 

  8996. 	width: 90%;
    8997. 

  8997. }
    8998. 

  8998. 

  8999. /* adjust spacing for the above */
    9000. 

  9000. #sidebarOptions .input {
    9001. 

  9001. 	margin: 0.4em 5%; 
    9002. 

  9002. }
    9003. 

  9003. 

  9004. 

  9005. /*}}}*/</pre>
    9006. 

  9006. </div>
    9007. 

  9007. <div title="StyleSheetTiddler" creator="osmosoft" modifier="osmosoft" created="201102181425" modified="201102181425" tags="excludeLists excludeSearch" server.title="StyleSheetTiddler" server.page.revision="257509" server.etag="&quot;system-theme_public/StyleSheetTiddler/257509;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system-theme_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system-theme_public" server.permissions="read" server.content-type="" _hash="1a28a9b1acf2996cdfbb522f52f0e56353d9f883">
    9008. 

  9008. <pre>/*{{{*/
    9009. 

  9009. .tiddler .originButton div {
    9010. 

  9010. 	display: inline-block;
    9011. 

  9011. }
    9012. 

  9012. 

  9013. .tiddler .spaceSiteIcon .siteIcon {
    9014. 

  9014. 	_display: inline; /* IE doesn't like inline-block */
    9015. 

  9015. }
    9016. 

  9016. 

  9017. .tiddler .originButton {
    9018. 

  9018. 	display: block;
    9019. 

  9019. }
    9020. 

  9020. 

  9021. .selected .tagging,
    9022. 

  9022. .selected .tagging:hover {
    9023. 

  9023. 	border: none;
    9024. 

  9024. 	background: none;
    9025. 

  9025. }
    9026. 

  9026. 

  9027. .tagging {
    9028. 

  9028. 	float: none;
    9029. 

  9029. 	background: none;
    9030. 

  9030. 	border: none;
    9031. 

  9031. }
    9032. 

  9032. 

  9033. .tagging li.listTitle {
    9034. 

  9034. 	margin-left: 0px;
    9035. 

  9035. }
    9036. 

  9036. .tagging li {
    9037. 

  9037. 	margin: 0 8px;
    9038. 

  9038. }
    9039. 

  9039. 

  9040. .tagging .tiddlyLink {
    9041. 

  9041. 	-webkit-border-radius: 3px;
    9042. 

  9042. 	-moz-border-radius: 3px;
    9043. 

  9043. 	-o-border-radius: 3px;
    9044. 

  9044. 	border-radius: 3px;
    9045. 

  9045. 	padding: 1px 2px;
    9046. 

  9046. 	line-height: 1.2em;
    9047. 

  9047. }
    9048. 

  9048. 

  9049. /* for following */
    9050. 

  9050. #popup .siteIcon {
    9051. 

  9051. 	float: left;
    9052. 

  9052. 	height: 25px;
    9053. 

  9053. }
    9054. 

  9054. 

  9055. .content {
    9056. 

  9056. 	width: 100%; /* IE */
    9057. 

  9057. 	font-size: 0.9em;
    9058. 

  9058. }
    9059. 

  9059. 

  9060. .editorHeading {
    9061. 

  9061. 	height: 48px;
    9062. 

  9062. }
    9063. 

  9063. 

  9064. .heading {
    9065. 

  9065. 	left: 0;
    9066. 

  9066. 	margin-bottom: 40px;
    9067. 

  9067. 	position: relative;
    9068. 

  9068. 	top: 32px;
    9069. 

  9069. }
    9070. 

  9070. 

  9071. .followButton a {
    9072. 

  9072. 	display: block;
    9073. 

  9073. 	margin-top: -20px;
    9074. 

  9074. }
    9075. 

  9075. 

  9076. .tiddler .followPlaceHolder {
    9077. 

  9077. 	display: block;
    9078. 

  9078. 	position: absolute;
    9079. 

  9079. 	top: 16px;
    9080. 

  9080. 	right: 64px;
    9081. 

  9081. 	_right: 138px; // add width of modifierIcon
    9082. 

  9082. }
    9083. 

  9083. 

  9084. .tiddler .followButton {
    9085. 

  9085. 	position: relative;
    9086. 

  9086. 	height: 24px;
    9087. 

  9087. 	text-align: left;
    9088. 

  9088. 	color: #fff;
    9089. 

  9089. 	background: [[ColorPalette::PrimaryMid]];
    9090. 

  9090. 	padding: 10px 0px 0px 10px;
    9091. 

  9091. 	width: 38px;
    9092. 

  9092. 	margin: -16px -8px 24px 0;
    9093. 

  9093. }
    9094. 

  9094. 

  9095. /* creates the larger triangle */
    9096. 

  9096. .followButton:before {
    9097. 

  9097. 	content: &quot;\00a0&quot;;
    9098. 

  9098. 	display: block; /* reduce the damage in FF3.0 */
    9099. 

  9099. 	position: relative;
    9100. 

  9100. 	bottom: -20px;
    9101. 

  9101. 	right: 0;
    9102. 

  9102. 	width: 0;
    9103. 

  9103. 	height: 0;
    9104. 

  9104. 	border-width: 0 0 20px 20px;
    9105. 

  9105. 	border-style: solid;
    9106. 

  9106. 	border-color: transparent [[ColorPalette::PrimaryMid]];
    9107. 

  9107. }
    9108. 

  9108. 

  9109. .toolbar svg {
    9110. 

  9110. 	height: 16px;
    9111. 

  9111. 	width: 16px;
    9112. 

  9112. }
    9113. 

  9113. 

  9114. .toolbar svg .glyph {
    9115. 

  9115. 	fill: #ccc;
    9116. 

  9116. }
    9117. 

  9117. 

  9118. .toolbar a:hover .glyph {
    9119. 

  9119. 	fill: black;
    9120. 

  9120. }
    9121. 

  9121. 

  9122. .toolbar a:active .glyph {
    9123. 

  9123. 	fill: [[ColorPalette::Background]];
    9124. 

  9124. }
    9125. 

  9125. 

  9126. .originButton,
    9127. 

  9127. .followPlaceHolder,
    9128. 

  9128. .tiddler .subtitle {
    9129. 

  9129. 	cursor: pointer;
    9130. 

  9130. }
    9131. 

  9131. 

  9132. .editSpaceSiteIcon .originButton {
    9133. 

  9133. 	cursor: auto;
    9134. 

  9134. }
    9135. 

  9135. 

  9136. .tiddler .subtitle:hover {
    9137. 

  9137. 	font-weight: bold;
    9138. 

  9138. 	background: none;
    9139. 

  9139. }
    9140. 

  9140. 

  9141. .originButton img,
    9142. 

  9142. .originButton svg {
    9143. 

  9143. 	margin-left: 0px;
    9144. 

  9144. }
    9145. 

  9145. 

  9146. .modifierIcon {
    9147. 

  9147. 	position: absolute;
    9148. 

  9148. 	width: 74px;
    9149. 

  9149. 	top: 0px;
    9150. 

  9150. 	right: 0px;
    9151. 

  9151. 	_right: 74px; /* in IE6 positioning works incorrectly so use -width instead */
    9152. 

  9152. 	text-align: right;
    9153. 

  9153. }
    9154. 

  9154. 

  9155. .modifierIcon img,
    9156. 

  9156. .modifierIcon svg {
    9157. 

  9157. 	margin-right: 8px;
    9158. 

  9158. }
    9159. 

  9159. 

  9160. .tiddler .viewer {
    9161. 

  9161. 	padding-bottom: 16px;
    9162. 

  9162. 	margin: 0 0 0 56px;
    9163. 

  9163. 	line-height: 1.4em;
    9164. 

  9164. }
    9165. 

  9165. 

  9166. .viewer pre {
    9167. 

  9167. 	margin-left: 0;
    9168. 

  9168. }
    9169. 

  9169. 

  9170. .siteIcon .label {
    9171. 

  9171. 	color: [[ColorPalette::TertiaryDark]];
    9172. 

  9172. }
    9173. 

  9173. 

  9174. .tiddler .spaceSiteIcon {
    9175. 

  9175. 	float: left;
    9176. 

  9176. 	margin-right: 0;
    9177. 

  9177. 	margin-top: 0;
    9178. 

  9178. 	position: relative;
    9179. 

  9179. 	display: block;
    9180. 

  9180. }
    9181. 

  9181. 

  9182. .tiddler .titleBar {
    9183. 

  9183. 	display: block;
    9184. 

  9184. 	margin-right: 136px;
    9185. 

  9185. 	margin-left: 56px;
    9186. 

  9186. }
    9187. 

  9187. 

  9188. .followButton a {
    9189. 

  9189. 	color: [[ColorPalette::Background]];
    9190. 

  9190. }
    9191. 

  9191. 

  9192. .tiddler {
    9193. 

  9193. 	position: relative;
    9194. 

  9194. 	padding: 0;
    9195. 

  9195. 	margin-bottom: 3em;
    9196. 

  9196. 	border-top: 3px solid [[ColorPalette::PrimaryMid]];
    9197. 

  9197. 	background: #fff;
    9198. 

  9198. }
    9199. 

  9199. 

  9200. .tiddler .editor {
    9201. 

  9201. 	padding: 0px 8px;
    9202. 

  9202. }
    9203. 

  9203. 

  9204. .tiddler .heading .title {
    9205. 

  9205. 	position: relative;
    9206. 

  9206. 	display: block;
    9207. 

  9207. 	word-wrap: break-word;
    9208. 

  9208. 	font-size: 32px;
    9209. 

  9209. 	line-height: 32px;
    9210. 

  9210. }
    9211. 

  9211. .tiddler .heading .editor.title {
    9212. 

  9212. 	font-size: 1.7em;
    9213. 

  9213. 	line-height: normal;
    9214. 

  9214. }
    9215. 

  9215. 

  9216. .tiddler .headingClear {
    9217. 

  9217. 	clear: both;
    9218. 

  9218. }
    9219. 

  9219. 

  9220. .tiddler .subtitle {
    9221. 

  9221. 	font-style: italic;
    9222. 

  9222. 	font-size: 0.9em;
    9223. 

  9223. 	color: #a6a59e;
    9224. 

  9224. 	margin-top: 0;
    9225. 

  9225. }
    9226. 

  9226. 

  9227. .toolbar {
    9228. 

  9228. 	position: absolute;
    9229. 

  9229. 	padding: 0;
    9230. 

  9230. 	top: 8px;
    9231. 

  9231. 	right: -8px;
    9232. 

  9232. }
    9233. 

  9233. 

  9234. .toolbar .moreCommand.highlight {
    9235. 

  9235. 	background: none;
    9236. 

  9236. }
    9237. 

  9237. 

  9238. .tiddler .toolbar .button {
    9239. 

  9239. 	border: none;
    9240. 

  9240. 	display: inline;
    9241. 

  9241. 	padding: 0px;
    9242. 

  9242. 	margin-right: 16px;
    9243. 

  9243. }
    9244. 

  9244. 

  9245. .tiddler .toolbar a:hover {
    9246. 

  9246. 	background: none;
    9247. 

  9247. }
    9248. 

  9248. 

  9249. .tiddler .tagged .listTitle {
    9250. 

  9250. 	display: none;
    9251. 

  9251. }
    9252. 

  9252. 

  9253. .revButton {
    9254. 

  9254. 	float: right;
    9255. 

  9255. }
    9256. 

  9256. 

  9257. /*! EditTemplate specific*/
    9258. 

  9258. .tiddler .privacySettings {
    9259. 

  9259. 	text-align: center;
    9260. 

  9260. }
    9261. 

  9261. .tiddler .privacySettings .originButton {
    9262. 

  9262. 	display: inline;
    9263. 

  9263. }
    9264. 

  9264. 

  9265. .editSpaceSiteIcon, .privacyEdit {
    9266. 

  9266. 	float: left;
    9267. 

  9267. }
    9268. 

  9268. 

  9269. .editSpaceSiteIcon svg,
    9270. 

  9270. .editSpaceSiteIcon img,
    9271. 

  9271. .editSpaceSiteIcon .roundelLabel {
    9272. 

  9272. 	float: left;
    9273. 

  9273. }
    9274. 

  9274. 

  9275. .tagTitle {
    9276. 

  9276. 	position: absolute;
    9277. 

  9277. 	text-align: center;
    9278. 

  9278. 	width: 48px;
    9279. 

  9279. 	top: 0px;
    9280. 

  9280. 	left: -56px;
    9281. 

  9281. }
    9282. 

  9282. 

  9283. .editSpaceSiteIcon .originButton img,
    9284. 

  9284. .editSpaceSiteIcon .originButton svg {
    9285. 

  9285. 	height: 16px;
    9286. 

  9286. 	margin-left: 24px;
    9287. 

  9287. 	margin-right: 32px;
    9288. 

  9288. 	width: 16px;
    9289. 

  9289. }
    9290. 

  9290. 

  9291. .tagAnnotation {
    9292. 

  9292. 	margin-top: 8px;
    9293. 

  9293. 	padding-bottom: 8px;
    9294. 

  9294. }
    9295. 

  9295. .annotationsBox {
    9296. 

  9296. 	margin-top: 8px;
    9297. 

  9297. }
    9298. 

  9298. 

  9299. .editorFooter {
    9300. 

  9300. 	position: relative;
    9301. 

  9301. 	padding: 0;
    9302. 

  9302. 	margin-top: 16px;
    9303. 

  9303. 	margin-left: 64px;
    9304. 

  9304. }
    9305. 

  9305. 

  9306. .tiddler .editorFooter .editor {
    9307. 

  9307. 	padding-left: 0px;
    9308. 

  9308. }
    9309. 

  9309. 

  9310. .heading .editor input {
    9311. 

  9311. 	width: 100%;
    9312. 

  9312. 	font-size: 1.5em;
    9313. 

  9313. }
    9314. 

  9314. 

  9315. .spaceSiteIcon .externalImage .image a:hover,
    9316. 

  9316. .modifierIcon .externalImage .image a:hover {
    9317. 

  9317. 	background: none;
    9318. 

  9318. }
    9319. 

  9319. 

  9320. div.toolbar {
    9321. 

  9321. 	visibility:hidden;
    9322. 

  9322. 	right:-16px;
    9323. 

  9323. }
    9324. 

  9324. 

  9325. .selected div.toolbar {
    9326. 

  9326. 	visibility: visible;
    9327. 

  9327. }
    9328. 

  9328. 

  9329. .followButton a:hover {
    9330. 

  9330. 	background: [[ColorPalette::PrimaryMid]];
    9331. 

  9331. 	text-decoration: underline;
    9332. 

  9332. }
    9333. 

  9333. 

  9334. a.image:hover {
    9335. 

  9335. 	background: transparent;
    9336. 

  9336. }
    9337. 

  9337. 

  9338. @media all and (max-device-width: 480px) {
    9339. 

  9339. 	div.toolbar {
    9340. 

  9340. 		visibility:visible;
    9341. 

  9341. 	}
    9342. 

  9342. }
    9343. 

  9343. @media only screen and (device-width: 768px) {
    9344. 

  9344. 	div.toolbar {
    9345. 

  9345. 		visibility:visible;
    9346. 

  9346. 	}
    9347. 

  9347. }
    9348. 

  9348. @media all and (max-width: 960px) {
    9349. 

  9349. 	.tiddler .titleBar {
    9350. 

  9350. 		margin-left: 36px;
    9351. 

  9351. 		margin-right: 80px;
    9352. 

  9352. 	}
    9353. 

  9353. 

  9354. 	.tiddler .heading {
    9355. 

  9355. 		margin-bottom: 48px;
    9356. 

  9356. 	}
    9357. 

  9357. 

  9358. 	.tiddler .heading .title {
    9359. 

  9359. 		font-size: 32px;
    9360. 

  9360. 		line-height: 32px;
    9361. 

  9361. 	}
    9362. 

  9362. 

  9363. 	.tiddler .modifierIcon img,
    9364. 

  9364. 	.tiddler .modifierIcon svg,
    9365. 

  9365. 	.tiddler .spaceSiteIcon .originButton img,
    9366. 

  9366. 	.originButton svg {
    9367. 

  9367. 		width: 32px;
    9368. 

  9368. 		height: 32px;
    9369. 

  9369. 		margin-left: 0px;
    9370. 

  9370. 		margin-right: 0px;
    9371. 

  9371. 	}
    9372. 

  9372. 

  9373. 	.tiddler .followPlaceHolder {
    9374. 

  9374. 		right: 48px;
    9375. 

  9375. 	}
    9376. 

  9376. 

  9377. 	.tiddler .followButton {
    9378. 

  9378. 		width: 24px;
    9379. 

  9379. 	}
    9380. 

  9380. 

  9381. 	.tiddler .viewer {
    9382. 

  9382. 		margin: 0px 0px 0px 36px;
    9383. 

  9383. 		padding-top: 0;
    9384. 

  9384. 	}
    9385. 

  9385. 

  9386. 	br {
    9387. 

  9387. 		line-height: 0.5em;
    9388. 

  9388. 	}
    9389. 

  9389. }
    9390. 

  9390. /*}}}*/</pre>
    9391. 

  9391. </div>
    9392. 

  9392. <div title="StyleSheetTiddlerMp" creator="pmario" modifier="pmario" created="201102210005" modified="201102210005" tags="excludeLists" server.title="StyleSheetTiddlerMp" server.page.revision="260058" server.etag="&quot;fancybox_public/StyleSheetTiddlerMp/260058;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="1d757e3835b4119e24f6ed7b817a586ef2510109">
    9393. 

  9393. <pre>/*{{{*/
    9394. 

  9394. 

  9395. /* fix grayout from original tw. */
    9396. 

  9396. .selected .tagging,
    9397. 

  9397. .selected .tagged,
    9398. 

  9398. .selected .tagging:hover,
    9399. 

  9399. .selected .tagged:hover {
    9400. 

  9400. 	background: none;
    9401. 

  9401. 	border: none;
    9402. 

  9402. }
    9403. 

  9403. 

  9404. .tagging, .tagged {
    9405. 

  9405. 	background: none;
    9406. 

  9406. 	border: none;
    9407. 

  9407. 	padding: 0.5em 0 0 0.5em;
    9408. 

  9408. }
    9409. 

  9409. 

  9410. .tagging {
    9411. 

  9411. 	float: none;
    9412. 

  9412. }
    9413. 

  9413. 

  9414. /** nächste zeile wirkt nicht ??? */
    9415. 

  9415. .tagging ul {
    9416. 

  9416. 	margin: 0.25em 0 0 0.3em;
    9417. 

  9417. }
    9418. 

  9418. 

  9419. .tagging li {
    9420. 

  9420. 	display: inline;
    9421. 

  9421. 	float: left;
    9422. 

  9422. }
    9423. 

  9423. 

  9424. .tagging .tiddlyLink {
    9425. 

  9425. 	-webkit-border-radius: 5px 5px 5px 5px;
    9426. 

  9426. 	-moz-border-radius: 5px 5px 5px 5px;
    9427. 

  9427. 	background-color: white;
    9428. 

  9428. 	display: block;
    9429. 

  9429. 	margin: 0 0.2em 0.2em;
    9430. 

  9430.         padding: 0.8em;
    9431. 

  9431. }
    9432. 

  9432. 

  9433. /* nui */
    9434. 

  9434. .tagged {
    9435. 

  9435. 	float: none;
    9436. 

  9436. 	margin-top: 1em;
    9437. 

  9437. }
    9438. 

  9438. 

  9439. .tagged .quickopentag {
    9440. 

  9440. 	-webkit-border-radius: 0px 15px 15px 0px;
    9441. 

  9441. 	-moz-border-radius: 0px 15px 15px 0px;
    9442. 

  9442. 	background-color: white;
    9443. 

  9443. 	border: 2px 2px 2px 0 solid #ccc;
    9444. 

  9444. 	display: block;
    9445. 

  9445. 	margin: 0 0.2em 0.2em -1.1em;
    9446. 

  9446. 	padding: 0 0.4em;
    9447. 

  9447. 	font-size: 0.9em;
    9448. 

  9448. }
    9449. 

  9449. 

  9450. .tagged a.button,
    9451. 

  9451. .tagged a.tiddlyLink {
    9452. 

  9452. 	border: none;
    9453. 

  9453. 	display: inline;
    9454. 

  9454. 	font-size: 0.9em;
    9455. 

  9455. 	word-wrap: break-word;
    9456. 

  9456. }
    9457. 

  9457. 

  9458. .tagged a:hover {
    9459. 

  9459. 	font-weight: bold;
    9460. 

  9460. 	background: white;
    9461. 

  9461. 	color: [[ColorPalette::PrimaryDark]]; 
    9462. 

  9462. }
    9463. 

  9463. 

  9464. /* for following nui */
    9465. 

  9465. #popup .siteIcon {
    9466. 

  9466. 	height: 25px;
    9467. 

  9467. }
    9468. 

  9468. 

  9469. #popup {
    9470. 

  9470. 	background-color: [[ColorPalette::TertiaryPale]];
    9471. 

  9471. }
    9472. 

  9472. 

  9473. .confirmationPopup, .followList {
    9474. 

  9474. 	font-size: 0.7em;
    9475. 

  9475. 	padding: 1em;
    9476. 

  9476. 	border: solid 1px #000;
    9477. 

  9477. }
    9478. 

  9478. 

  9479. .followList .listTitle {
    9480. 

  9480. 	text-decoration: underline;
    9481. 

  9481. }
    9482. 

  9482. 

  9483. #popup .followTiddlersList a {
    9484. 

  9484. 	display: inline;
    9485. 

  9485. 	padding: 0;
    9486. 

  9486. }
    9487. 

  9487. 

  9488. #popup li.listTitle {
    9489. 

  9489. 	border-bottom: 1px solid #000;
    9490. 

  9490. 	font-weight: bold;
    9491. 

  9491. 	margin-bottom: 10px;
    9492. 

  9492. }
    9493. 

  9493. 

  9494. #popup.followList {
    9495. 

  9495. 	margin-left: 50px;
    9496. 

  9496. 	margin-top: -30px;
    9497. 

  9497. }
    9498. 

  9498. 

  9499. .followTiddlersList .label {
    9500. 

  9500. 	display: block;
    9501. 

  9501. 	left: 10px;
    9502. 

  9502. 	top: 0px;
    9503. 

  9503. 	line-height: 16px;
    9504. 

  9504. 	position: relative;
    9505. 

  9505. }
    9506. 

  9506. 

  9507. #popup .followTiddlersList .siteIcon{
    9508. 

  9508. 	height: auto;
    9509. 

  9509. }
    9510. 

  9510. 

  9511. #popup .followTiddlersList li{
    9512. 

  9512. 	clear: both;
    9513. 

  9513. 	display: block;
    9514. 

  9514. 	height: 48px;
    9515. 

  9515. 	margin-bottom: 8px;
    9516. 

  9516. 	position: relative;
    9517. 

  9517. }
    9518. 

  9518. 

  9519. #popup .followTiddlersList a{
    9520. 

  9520. 	display: inline;
    9521. 

  9521. }
    9522. 

  9522. 

  9523. .heading {
    9524. 

  9524. 	left: 0;
    9525. 

  9525. 	margin-bottom: 3em;
    9526. 

  9526. 	position: relative;
    9527. 

  9527. 	top: 3em;
    9528. 

  9528. 	position: relative;
    9529. 

  9529. }
    9530. 

  9530. 

  9531. .followButton a:hover {
    9532. 

  9532. 	background: none;
    9533. 

  9533. 	color: black;
    9534. 

  9534. }
    9535. 

  9535. 

  9536. .followPlaceHolder {
    9537. 

  9537. 	position: absolute;
    9538. 

  9538. 	left: 0.5em;
    9539. 

  9539. 	top: 0.5em;
    9540. 

  9540. }
    9541. 

  9541. 

  9542. .followButton {
    9543. 

  9543. 	cursor: pointer;
    9544. 

  9544. 	-webkit-border-radius: 0.3em;
    9545. 

  9545. 	-moz-border-radius: 0.3em;
    9546. 

  9546. 	background: none repeat scroll 0 0 #CCCCCC;
    9547. 

  9547. 	color: red;
    9548. 

  9548. 	min-width: 2em;
    9549. 

  9549. 	height: 1em;
    9550. 

  9550. 	text-align: center;
    9551. 

  9551. 	padding: 0.4em;
    9552. 

  9552. 	float: left;
    9553. 

  9553. }
    9554. 

  9554. 

  9555. .replyLink {
    9556. 

  9556. 	margin-left: 1em;
    9557. 

  9557. 	font-size: 80%;
    9558. 

  9558. 	opacity: 0.3;
    9559. 

  9559. }
    9560. 

  9560. 

  9561. .selected .replyLink {
    9562. 

  9562. 	opacity: 1;
    9563. 

  9563. }
    9564. 

  9564. 

  9565. 

  9566. .calendar {
    9567. 

  9567. 	margin-top: 1em;
    9568. 

  9568. 	cursor: pointer;
    9569. 

  9569. 

  9570. /* 	if calendar is to wide, enable next line */
    9571. 

  9571. /*	margin: 1em 1.5em;  */	
    9572. 

  9572. }
    9573. 

  9573. 

  9574. .calendar:hover {
    9575. 

  9575. 	opacity: 0.8;
    9576. 

  9576. }
    9577. 

  9577. 

  9578. .calendar .month {
    9579. 

  9579. 	color: [[ColorPalette::PrimaryPale]];
    9580. 

  9580. 	font-size: 1.2em;
    9581. 

  9581. 	border-left: solid 1px black;
    9582. 

  9582. 	border-right: solid 1px black;
    9583. 

  9583. 	border-top: solid 1px black;
    9584. 

  9584. 	text-align: center;
    9585. 

  9585. 	padding: 2px;
    9586. 

  9586. }
    9587. 

  9587. 

  9588. .calendar .date {
    9589. 

  9589. 	color: [[ColorPalette::PrimaryDark]];
    9590. 

  9590. 	font-size: 1.2em;
    9591. 

  9591. 	font-weight: bold;
    9592. 

  9592. 	text-align: center;
    9593. 

  9593. 	border: solid 1px black;
    9594. 

  9594. }
    9595. 

  9595. 

  9596. .calendar .time {
    9597. 

  9597. 	font-size: 0.7em;
    9598. 

  9598. 	border-left: solid 1px black;
    9599. 

  9599. 	border-right: solid 1px black;
    9600. 

  9600. 	border-bottom: solid 1px black;
    9601. 

  9601. 	text-align: center;
    9602. 

  9602. }
    9603. 

  9603. 

  9604. .toolbar svg {
    9605. 

  9605. 	height: 20pt;
    9606. 

  9606. 	width: 20pt;
    9607. 

  9607. }
    9608. 

  9608. 

  9609. .toolbar svg .glyph{
    9610. 

  9610. 	fill: #ccc;
    9611. 

  9611. }
    9612. 

  9612. 

  9613. .toolbar a:hover .glyph{
    9614. 

  9614. 	fill: #111;
    9615. 

  9615. }
    9616. 

  9616. 

  9617. .toolbar .command_savePublicTiddler .glyph {
    9618. 

  9618. 	fill: #C0E5FC;
    9619. 

  9619. }
    9620. 

  9620. 

  9621. .originButton,
    9622. 

  9622. .modifierIcon .label {
    9623. 

  9623. 	color: [[ColorPalette::TertiaryDark]];
    9624. 

  9624. 	font-size: 0.8em;
    9625. 

  9625. 	text-align: center;
    9626. 

  9626. 	display: block;
    9627. 

  9627. }
    9628. 

  9628. 

  9629. .modifierIcon {
    9630. 

  9630. 	background: [[ColorPalette::PrimaryLight]];
    9631. 

  9631. 	margin-right: 1em;
    9632. 

  9632. }
    9633. 

  9633. 

  9634. .tiddler {
    9635. 

  9635. 	overflow: hidden;	/* clear floats */
    9636. 

  9636. }
    9637. 

  9637. 

  9638. .tiddler .viewer {
    9639. 

  9639. 	margin: 0;
    9640. 

  9640. 	line-height: normal;
    9641. 

  9641. 	padding-top: 0;
    9642. 

  9642. }
    9643. 

  9643. 

  9644. .tiddler .title {
    9645. 

  9645. 	font-size: 1.7em;
    9646. 

  9646. 	display: block;
    9647. 

  9647. 	margin-bottom: 0.4em;
    9648. 

  9648. 	border-bottom: 0.05em solid [[ColorPalette: :PrimaryDark]];
    9649. 

  9649. 	padding-top: 0;
    9650. 

  9650. 	word-wrap: break-word;
    9651. 

  9651. }
    9652. 

  9652. 

  9653. .spaceIcon img {
    9654. 

  9654. 	height: 30px;
    9655. 

  9655. }
    9656. 

  9656. 

  9657. .siteIcon .label {
    9658. 

  9658. 	color: [[ColorPalette: :TertiaryDark]];
    9659. 

  9659. }
    9660. 

  9660. 

  9661. .siteIcon {
    9662. 

  9662. 	text-align: center;
    9663. 

  9663. }
    9664. 

  9664. 

  9665. .tiddler .spaceSiteIcon {
    9666. 

  9666. 	margin: 0;
    9667. 

  9667. 	cursor: pointer;
    9668. 

  9668. }
    9669. 

  9669. 

  9670. .followButton a {
    9671. 

  9671. 	color: red;
    9672. 

  9672. }
    9673. 

  9673. 

  9674. .tiddler {
    9675. 

  9675. 	position: relative;
    9676. 

  9676. /*	-moz-box-shadow: 2px 2px 8px black; */
    9677. 

  9677. /*	-webkit-box-shadow: 2px 2px 8px black; */
    9678. 

  9678. /*	filter: progid: DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3); */
    9679. 

  9679. /*	box-shadow: 2px 2px 8px black; */
    9680. 

  9680. 	border: 1px solid gray;
    9681. 

  9681. 	background: [[ColorPalette::PrimaryLight]];
    9682. 

  9682. 	margin-bottom: 2em;
    9683. 

  9683. 	padding: 0;
    9684. 

  9684. }
    9685. 

  9685. 

  9686. 

  9687. .tiddler .subtitle {
    9688. 

  9688. 	font-size: 0.8em;
    9689. 

  9689. 	margin-top: 0.2em;
    9690. 

  9690. }
    9691. 

  9691. 

  9692. .external .spaceSiteIcon a:hover {
    9693. 

  9693. 	background-color: #8BD69E;
    9694. 

  9694. }
    9695. 

  9695. 

  9696. .privateNotPublic .spaceSiteIcon a:hover,
    9697. 

  9697. .private .spaceSiteIcon a:hover {
    9698. 

  9698. 	background-color: #DE85B3;
    9699. 

  9699. }
    9700. 

  9700. 

  9701. .privateAndPublic .spaceSiteIcon a:hover,
    9702. 

  9702. .public .spaceSiteIcon a:hover {
    9703. 

  9703. 	background-color: #BBE7FD;
    9704. 

  9704. }
    9705. 

  9705. 

  9706. .tiddler .toolbar .button {
    9707. 

  9707. 	border: none;
    9708. 

  9708. 	display: inline-block;
    9709. 

  9709. }
    9710. 

  9710. 

  9711. /*-- reset the button effect --*/
    9712. 

  9712. .tiddler .toolbar a:hover {
    9713. 

  9713. 	background: none;
    9714. 

  9714. 	border: none;
    9715. 

  9715. }
    9716. 

  9716. 

  9717. /**
    9718. 

  9718. .tiddler .button.command_closeTiddler {
    9719. 

  9719. 	float: right;
    9720. 

  9720. }
    9721. 

  9721. **/
    9722. 

  9722. 

  9723. .tiddler .tagged .listTitle {
    9724. 

  9724. 	display: none;
    9725. 

  9725. }
    9726. 

  9726. 

  9727. .revButton {
    9728. 

  9728. 	float: right;
    9729. 

  9729. }
    9730. 

  9730. 

  9731. /*}}}*/</pre>
    9732. 

  9732. </div>
    9733. 

  9733. <div title="StyleSheetTiddlerMp_" creator="pmario" modifier="pmario" created="201009061256" modified="201009082159" tags="excludeLists" server.title="StyleSheetTiddlerMp_" server.page.revision="107508" server.etag="&quot;neui-tagsearch_public/StyleSheetTiddlerMp_/107508;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-tagsearch_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-tagsearch_public" server.permissions="read, write, create, delete" server.content-type="" _hash="1c5bd5472423f27927f2944909f9d8a92f05c9cc">
    9734. 

  9734. <pre>/*{{{*/
    9735. 

  9735. /* new nui */
    9736. 

  9736. .concertina {
    9737. 

  9737. 	overflow: hidden;
    9738. 

  9738. 	display: none;
    9739. 

  9739. 	height: 0;
    9740. 

  9740. 	background-color: white;
    9741. 

  9741. }
    9742. 

  9742. 

  9743. .concertina br {
    9744. 

  9744. 	display: none;
    9745. 

  9745. }
    9746. 

  9746. 

  9747. 

  9748. .concertinaOn .concertina {
    9749. 

  9749. 	display: auto;
    9750. 

  9750. 	height: auto;
    9751. 

  9751. 	border-bottom: 1px solid [[ColorPalette: :PrimaryDark]];
    9752. 

  9752. 	overflow: auto;
    9753. 

  9753. }
    9754. 

  9754. 

  9755. .concertina .publishButton {
    9756. 

  9756. 	border-radius: 1em;
    9757. 

  9757. 	-webkit-border-radius: 15px;
    9758. 

  9758. 	-moz-border-radius: 15px;
    9759. 

  9759. 	background-color: white;
    9760. 

  9760. 	border: 1px solid black;
    9761. 

  9761. 	display: block;
    9762. 

  9762. 	padding: 0.3em;
    9763. 

  9763. 	text-align: center;
    9764. 

  9764. 	width: 12em;
    9765. 

  9765. }
    9766. 

  9766. 

  9767. .privateNotPublic .concertina,
    9768. 

  9768. .private .concertina {
    9769. 

  9769. 	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.05,#DE85B3),color-stop(0.5,#eee),color-stop(1, #fff));
    9770. 

  9770. 	background: -moz-linear-gradient(top center , #fff 5%, #eee 20%, #DE85B3 100%);
    9771. 

  9771. 	/* For Internet Explorer 5.5 - 7 */
    9772. 

  9772. 	filter: &quot;progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffDE85B3)&quot;;
    9773. 

  9773. 	/* For Internet Explorer 8 */
    9774. 

  9774. 	-ms-filter: &quot;progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffDE85B3)&quot;;
    9775. 

  9775. }
    9776. 

  9776. 

  9777. .public .concertina,
    9778. 

  9778. .privateAndPublic .concertina {
    9779. 

  9779. 	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.05, #BBE7FD),color-stop(0.5,#eee),color-stop(1, #fff));
    9780. 

  9780. 	background: -moz-linear-gradient(top center , #fff 5%, #eee 20%, #BBE7FD 100%);
    9781. 

  9781. 	/* For Internet Explorer 5.5 - 7 */
    9782. 

  9782. 	filter: &quot;progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffBBE7FD)&quot;;
    9783. 

  9783. 	/* For Internet Explorer 8 */
    9784. 

  9784. 	-ms-filter: &quot;progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffBBE7FD)&quot;;
    9785. 

  9785. }
    9786. 

  9786. 

  9787. .external .concertina {
    9788. 

  9788. 	background-color: white;
    9789. 

  9789. 	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.05, #8BD69E),color-stop(0.5,#eee),color-stop(1, #fff));
    9790. 

  9790. 	background: -moz-linear-gradient(top center , #fff 5%, #eee 20%, #8BD69E 100%);
    9791. 

  9791. 	/* For Internet Explorer 5.5 - 7 */
    9792. 

  9792. 	filter: &quot;progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ff8BD69E)&quot;;
    9793. 

  9793. 	/* For Internet Explorer 8 */
    9794. 

  9794. 	-ms-filter: &quot;progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ff8BD69E)&quot;;
    9795. 

  9795. }
    9796. 

  9796. 

  9797. /* fix grayout from original tw. */
    9798. 

  9798. .selected .tagging,
    9799. 

  9799. .selected .tagged,
    9800. 

  9800. .selected .tagging:hover,
    9801. 

  9801. .selected .tagged:hover {
    9802. 

  9802. 	background: none;
    9803. 

  9803. 	border: none;
    9804. 

  9804. }
    9805. 

  9805. 

  9806. .tagging, .tagged {
    9807. 

  9807. 	background: none;
    9808. 

  9808. 	border: none;
    9809. 

  9809. 	padding: 0.5em 0 0 0.5em;
    9810. 

  9810. }
    9811. 

  9811. 

  9812. .tagging {
    9813. 

  9813. 	float: none;
    9814. 

  9814. }
    9815. 

  9815. 

  9816. /** nächste zeile wirkt nicht ??? */
    9817. 

  9817. .tagging ul {
    9818. 

  9818. 	margin: 0.25em 0 0 0.3em;
    9819. 

  9819. }
    9820. 

  9820. 

  9821. .tagging li {
    9822. 

  9822. 	display: inline;
    9823. 

  9823. 	float: left;
    9824. 

  9824. }
    9825. 

  9825. 

  9826. .tagging .tiddlyLink {
    9827. 

  9827. 	-webkit-border-radius: 5px 5px 5px 5px;
    9828. 

  9828. 	-moz-border-radius: 5px 5px 5px 5px;
    9829. 

  9829. 	background-color: white;
    9830. 

  9830. 	display: block;
    9831. 

  9831. 	margin: 0 0.2em 0.2em;
    9832. 

  9832.         padding: 0.8em;
    9833. 

  9833. }
    9834. 

  9834. 

  9835. /* nui */
    9836. 

  9836. .tagged {
    9837. 

  9837. 	float: none;
    9838. 

  9838. 	margin-top: 1em;
    9839. 

  9839. }
    9840. 

  9840. 

  9841. .tagged .quickopentag {
    9842. 

  9842. 	-webkit-border-radius: 0px 15px 15px 0px;
    9843. 

  9843. 	-moz-border-radius: 0px 15px 15px 0px;
    9844. 

  9844. 	background-color: white;
    9845. 

  9845. 	border: 2px 2px 2px 0 solid #ccc;
    9846. 

  9846. 	display: block;
    9847. 

  9847. 	margin: 0 0.2em 0.2em -1.1em;
    9848. 

  9848. 	padding: 0 0.4em;
    9849. 

  9849. 	font-size: 0.9em;
    9850. 

  9850. }
    9851. 

  9851. 

  9852. #tagsearchDrop {
    9853. 

  9853. 	-webkit-border-radius: 0px 15px 15px 0px;
    9854. 

  9854. 	-moz-border-radius: 0px 15px 15px 0px;
    9855. 

  9855. 	background-color: white;
    9856. 

  9856. 	border: 2px 2px 2px 0 solid #ccc;
    9857. 

  9857. 	display: block;
    9858. 

  9858. 	margin: 0 0.2em 0.2em -0.9em;
    9859. 

  9859. 	padding: 0 0.4em;
    9860. 

  9860. 	font-size: 0.9em;
    9861. 

  9861. }
    9862. 

  9862. 

  9863. 

  9864. .tagged a.button,
    9865. 

  9865. .tagged a.tiddlyLink {
    9866. 

  9866. 	border: none;
    9867. 

  9867. 	display: inline;
    9868. 

  9868. 	font-size: 0.9em;
    9869. 

  9869. 	word-wrap: break-word;
    9870. 

  9870. }
    9871. 

  9871. 

  9872. .tagged a:hover {
    9873. 

  9873. 	font-weight: bold;
    9874. 

  9874. 	background: white;
    9875. 

  9875. 	color: [[ColorPalette::PrimaryDark]]; 
    9876. 

  9876. }
    9877. 

  9877. 

  9878. /* for following nui */
    9879. 

  9879. #popup .siteIcon {
    9880. 

  9880. 	height: 25px;
    9881. 

  9881. }
    9882. 

  9882. 

  9883. .content {
    9884. 

  9884. }
    9885. 

  9885. 

  9886. .content .left {
    9887. 

  9887. 	position: relative;
    9888. 

  9888. }
    9889. 

  9889. 

  9890. .heading {
    9891. 

  9891. 	left: 0;
    9892. 

  9892. 	margin-bottom: 3em;
    9893. 

  9893. 	position: relative;
    9894. 

  9894. 	top: 3em;
    9895. 

  9895. 	position: relative;
    9896. 

  9896. }
    9897. 

  9897. 

  9898. .followButton a:hover {
    9899. 

  9899. 	background: none;
    9900. 

  9900. 	color: black;
    9901. 

  9901. }
    9902. 

  9902. 

  9903. .followPlaceHolder {
    9904. 

  9904. 	position: absolute;
    9905. 

  9905. 	left: 0.5em;
    9906. 

  9906. 	top: 0.5em;
    9907. 

  9907. }
    9908. 

  9908. 

  9909. .followButton {
    9910. 

  9910. 	cursor: pointer;
    9911. 

  9911. 	-webkit-border-radius: 0.3em;
    9912. 

  9912. 	-moz-border-radius: 0.3em;
    9913. 

  9913. 	background: none repeat scroll 0 0 #CCCCCC;
    9914. 

  9914. 	color: red;
    9915. 

  9915. 	min-width: 2em;
    9916. 

  9916. 	height: 1em;
    9917. 

  9917. 	text-align: center;
    9918. 

  9918. 	padding: 0.4em;
    9919. 

  9919. }
    9920. 

  9920. 

  9921. .followButton:before {
    9922. 

  9922. 	content: &quot;\00a0&quot;;
    9923. 

  9923. 	display: block; /* reduce the damage in FF3.0 */
    9924. 

  9924. 	position: absolute;
    9925. 

  9925. 	bottom: -0.2em;
    9926. 

  9926. 	left: 0.1em;
    9927. 

  9927. 	width: 0;
    9928. 

  9928. 	height: 0;
    9929. 

  9929. 	border-width: 0.5em 0.2em 0 0.6em;
    9930. 

  9930. 	border-style: solid;
    9931. 

  9931. 	border-color: #ccc transparent;
    9932. 

  9932. }
    9933. 

  9933. 

  9934. .calendar {
    9935. 

  9935. 	margin-top: 1em;
    9936. 

  9936. 	cursor: pointer;
    9937. 

  9937. 

  9938. /* 	if calendar is to wide, enable next line */
    9939. 

  9939. /*	margin: 1em 1.5em;  */	
    9940. 

  9940. }
    9941. 

  9941. 

  9942. .calendar:hover {
    9943. 

  9943. 	opacity: 0.8;
    9944. 

  9944. }
    9945. 

  9945. 

  9946. .calendar .month {
    9947. 

  9947. 	color: [[ColorPalette::PrimaryPale]];
    9948. 

  9948. 	font-size: 1.2em;
    9949. 

  9949. 	border-left: solid 1px black;
    9950. 

  9950. 	border-right: solid 1px black;
    9951. 

  9951. 	border-top: solid 1px black;
    9952. 

  9952. 	text-align: center;
    9953. 

  9953. 	padding: 2px;
    9954. 

  9954. }
    9955. 

  9955. 

  9956. .calendar .date {
    9957. 

  9957. 	color: [[ColorPalette::PrimaryDark]];
    9958. 

  9958. 	font-size: 1.2em;
    9959. 

  9959. 	font-weight: bold;
    9960. 

  9960. 	text-align: center;
    9961. 

  9961. 	border: solid 1px black;
    9962. 

  9962. }
    9963. 

  9963. 

  9964. .calendar .time {
    9965. 

  9965. 	font-size: 0.7em;
    9966. 

  9966. 	border-left: solid 1px black;
    9967. 

  9967. 	border-right: solid 1px black;
    9968. 

  9968. 	border-bottom: solid 1px black;
    9969. 

  9969. 	text-align: center;
    9970. 

  9970. }
    9971. 

  9971. 

  9972. .toolbar svg {
    9973. 

  9973. 	height: 25px;
    9974. 

  9974. 	width: 25px;
    9975. 

  9975. }
    9976. 

  9976. 

  9977. .toolbar svg .glyph{
    9978. 

  9978. 	fill: #ccc;
    9979. 

  9979. }
    9980. 

  9980. 

  9981. .toolbar a:hover .glyph{
    9982. 

  9982. 	fill: #111;
    9983. 

  9983. }
    9984. 

  9984. 

  9985. .toolbar .command_savePublicTiddler .glyph {
    9986. 

  9986. 	fill: #C0E5FC;
    9987. 

  9987. }
    9988. 

  9988. 

  9989. /* next 3 needed to use ViewTemplate also as  RevisionsTemplate */
    9990. 

  9990. .invisible {
    9991. 

  9991. 	display: none;
    9992. 

  9992. }
    9993. 

  9993. 

  9994. .viewRevision .toolbar {
    9995. 

  9995. 	display: none;
    9996. 

  9996. }
    9997. 

  9997. 

  9998. .viewRevision .invisible {
    9999. 

  9999. 	display: block;
    10000. 

  10000. }
    10001. 

  10001. 

  10002. .originButton,
    10003. 

  10003. .modifierIcon .label {
    10004. 

  10004. 	color: [[ColorPalette::TertiaryDark]];
    10005. 

  10005. 	font-size: 0.8em;
    10006. 

  10006. 	text-align: center;
    10007. 

  10007. 	display: block;
    10008. 

  10008. }
    10009. 

  10009. 

  10010. .modifierIcon {
    10011. 

  10011. 	background: [[ColorPalette::PrimaryLight]];
    10012. 

  10012. 	margin-right: 1em;
    10013. 

  10013. }
    10014. 

  10014. 

  10015. .tiddler {
    10016. 

  10016. 	overflow: auto;	/* clear floats */
    10017. 

  10017. }
    10018. 

  10018. 

  10019. .tiddler .viewer {
    10020. 

  10020. 	margin: 0;
    10021. 

  10021. 	line-height: normal;
    10022. 

  10022. 	padding-top: 0;
    10023. 

  10023. }
    10024. 

  10024. 

  10025. .tiddler .title {
    10026. 

  10026. 	font-size: 1.7em;
    10027. 

  10027. 	display: block;
    10028. 

  10028. 	margin-bottom: 0.4em;
    10029. 

  10029. 	border-bottom: 0.05em solid [[ColorPalette: :PrimaryDark]];
    10030. 

  10030. 	padding-top: 0;
    10031. 

  10031. 	word-wrap: break-word;
    10032. 

  10032. }
    10033. 

  10033. 

  10034. .spaceIcon img {
    10035. 

  10035. 	height: 30px;
    10036. 

  10036. }
    10037. 

  10037. 

  10038. .siteIcon .label {
    10039. 

  10039. 	color: [[ColorPalette: :TertiaryDark]];
    10040. 

  10040. }
    10041. 

  10041. 

  10042. .siteIcon {
    10043. 

  10043. 	text-align: center;
    10044. 

  10044. }
    10045. 

  10045. 

  10046. .siteIcon img {
    10047. 

  10047. 	height: 30px;
    10048. 

  10048. 	width: 30px;
    10049. 

  10049. }
    10050. 

  10050. 

  10051. .tiddler .spaceSiteIcon {
    10052. 

  10052. 	margin: 0;
    10053. 

  10053. 	cursor: pointer;
    10054. 

  10054. }
    10055. 

  10055. 

  10056. .followButton a {
    10057. 

  10057. 	color: red;
    10058. 

  10058. }
    10059. 

  10059. 

  10060. .tiddler {
    10061. 

  10061. 	position: relative;
    10062. 

  10062. 	-moz-box-shadow: 2px 2px 8px black;
    10063. 

  10063. 	-webkit-box-shadow: 2px 2px 8px black;
    10064. 

  10064. 	filter: progid: DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
    10065. 

  10065. 	box-shadow: 2px 2px 8px black;
    10066. 

  10066. 	background-color: [[ColorPalette::PrimaryLight]];
    10067. 

  10067. 	margin-bottom: 2em;
    10068. 

  10068. 	padding: 0;
    10069. 

  10069. }
    10070. 

  10070. 

  10071. 

  10072. .tiddler .subtitle {
    10073. 

  10073. 	font-size: 0.8em;
    10074. 

  10074. 	margin-top: 0.2em;
    10075. 

  10075. }
    10076. 

  10076. 

  10077. .external .spaceSiteIcon a:hover {
    10078. 

  10078. 	background-color: #8BD69E;
    10079. 

  10079. }
    10080. 

  10080. 

  10081. .privateNotPublic .spaceSiteIcon a:hover,
    10082. 

  10082. .private .spaceSiteIcon a:hover {
    10083. 

  10083. 	background-color: #DE85B3;
    10084. 

  10084. }
    10085. 

  10085. 

  10086. .privateAndPublic .spaceSiteIcon a:hover,
    10087. 

  10087. .public .spaceSiteIcon a:hover {
    10088. 

  10088. 	background-color: #BBE7FD;
    10089. 

  10089. }
    10090. 

  10090. 

  10091. .tiddler .toolbar .button {
    10092. 

  10092. 	border: none;
    10093. 

  10093. 	display: inline-block;
    10094. 

  10094. }
    10095. 

  10095. 

  10096. /*-- reset the button effect --*/
    10097. 

  10097. .tiddler .toolbar a:hover {
    10098. 

  10098. 	background: none;
    10099. 

  10099. 	border: none;
    10100. 

  10100. }
    10101. 

  10101. 

  10102. /**
    10103. 

  10103. .tiddler .button.command_closeTiddler {
    10104. 

  10104. 	float: right;
    10105. 

  10105. }
    10106. 

  10106. **/
    10107. 

  10107. 

  10108. .tiddler .tagged .listTitle {
    10109. 

  10109. 	display: none;
    10110. 

  10110. }
    10111. 

  10111. 

  10112. .revButton {
    10113. 

  10113. 	float: right;
    10114. 

  10114. }
    10115. 

  10115. 

  10116. /*}}}*/</pre>
    10117. 

  10117. </div>
    10118. 

  10118. <div title="StyleSheetTiddlySpace" creator="osmosoft" modifier="osmosoft" created="201102181425" modified="201102181425" tags="excludeLists excludeSearch" server.title="StyleSheetTiddlySpace" server.page.revision="257510" server.etag="&quot;system-theme_public/StyleSheetTiddlySpace/257510;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/system-theme_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="system-theme_public" server.permissions="read" server.content-type="" _hash="3150bd9a2cb78777f61a7b6f6539c5fa646fd7ac">
    10119. 

  10119. <pre>/*{{{*/
    10120. 

  10120. body {
    10121. 

  10121. 	font-size: 1em;
    10122. 

  10122. 	font-family: helvetica, arial, sans-serif;
    10123. 

  10123. 	background-color: #fff;
    10124. 

  10124. 	color: [[ColorPalette::Foreground]];
    10125. 

  10125. }
    10126. 

  10126. 

  10127. body ul { margin: 0; }
    10128. 

  10128. 

  10129. #popup {
    10130. 

  10130. 	background-color: [[ColorPalette::TertiaryPale]];
    10131. 

  10131. }
    10132. 

  10132. 

  10133. #popup.confirmationPopup, .followList {
    10134. 

  10134. 	font-size: 0.8em;
    10135. 

  10135. 	padding: 1em;
    10136. 

  10136. 	border: solid 1px [[ColorPalette::SecondaryMid]];
    10137. 

  10137. 	background-color: [[ColorPalette::SecondaryPale]];
    10138. 

  10138. }
    10139. 

  10139. 

  10140. .followList .listTitle {
    10141. 

  10141. 	text-decoration: underline;
    10142. 

  10142. }
    10143. 

  10143. 

  10144. #popup .followTiddlersList a {
    10145. 

  10145. 	display: inline;
    10146. 

  10146. 	padding: 0;
    10147. 

  10147. }
    10148. 

  10148. 

  10149. #popup li a {
    10150. 

  10150. 	color: [[ColorPalette::PrimaryMid]];
    10151. 

  10151. 	font-weight: bold;
    10152. 

  10152. }
    10153. 

  10153. 

  10154. #popup li a:hover {
    10155. 

  10155. 	color: [[ColorPalette::PrimaryPale]];
    10156. 

  10156. 	background: [[ColorPalette::PrimaryMid]];
    10157. 

  10157. }
    10158. 

  10158. 

  10159. #popup li.listTitle {
    10160. 

  10160. 	border-bottom: 1px solid #000;
    10161. 

  10161. 	font-weight: bold;
    10162. 

  10162. 	margin-bottom: 10px;
    10163. 

  10163. }
    10164. 

  10164. 

  10165. #popup.followList {
    10166. 

  10166. 	margin-left: 50px;
    10167. 

  10167. 	margin-top: -30px;
    10168. 

  10168. }
    10169. 

  10169. 

  10170. .followTiddlersList .label {
    10171. 

  10171. 	display: block;
    10172. 

  10172. 	left: 10px;
    10173. 

  10173. 	top: 0px;
    10174. 

  10174. 	line-height: 16px;
    10175. 

  10175. 	position: relative;
    10176. 

  10176. }
    10177. 

  10177. 

  10178. #popup .followTiddlersList .siteIcon{
    10179. 

  10179. 	height: auto;
    10180. 

  10180. }
    10181. 

  10181. 

  10182. #popup .followTiddlersList li{
    10183. 

  10183. 	clear: both;
    10184. 

  10184. 	display: block;
    10185. 

  10185. 	height: 48px;
    10186. 

  10186. 	margin-bottom: 8px;
    10187. 

  10187. 	position: relative;
    10188. 

  10188. }
    10189. 

  10189. 

  10190. #popup .followTiddlersList a{
    10191. 

  10191. 	display: inline;
    10192. 

  10192. }
    10193. 

  10193. 

  10194. #displayArea {
    10195. 

  10195. 	margin: 0;
    10196. 

  10196. 	top: 0px;
    10197. 

  10197. 	left: 0px;
    10198. 

  10198. 	width: 100%;
    10199. 

  10199. 	position: relative;
    10200. 

  10200. }
    10201. 

  10201. 

  10202. .revisionCloak {
    10203. 

  10203. 	position: absolute;
    10204. 

  10204. 	position: fixed !important;
    10205. 

  10205. 	height: 100%;
    10206. 

  10206. 	width: 100%;
    10207. 

  10207. 	top: 0;
    10208. 

  10208. 	left: 0;
    10209. 

  10209. 	border: 0;
    10210. 

  10210. 	margin: 0;
    10211. 

  10211. 	padding: 0;
    10212. 

  10212. 	opacity: 0.5;
    10213. 

  10213. 	filter: alpha(opacity=50);
    10214. 

  10214. 	background-color: #000;
    10215. 

  10215. }
    10216. 

  10216. 

  10217. /* *** Header *** */
    10218. 

  10218. .header {
    10219. 

  10219. 	position: relative;
    10220. 

  10220. 	background-color: [[ColorPalette::PrimaryMid]];
    10221. 

  10221. 	_width: 100%; /* ie 6 demands */
    10222. 

  10222. }
    10223. 

  10223. 

  10224. .headerForeground {
    10225. 

  10225. 	background-color: [[ColorPalette::PrimaryMid]];
    10226. 

  10226. 	float: left;
    10227. 

  10227. 	margin: 24px 16px 0px 72px;
    10228. 

  10228. 	padding: 0;
    10229. 

  10229. 	position: relative;
    10230. 

  10230. 	top: 0;
    10231. 

  10231. 	_width: 70%; /*ie6: needed for the background to actually be transparent*/
    10232. 

  10232. 	_background-color: transparent; /*ie6: needed to show the search box*/
    10233. 

  10233. }
    10234. 

  10234. 

  10235. .clearFloat {
    10236. 

  10236. 	clear: both;
    10237. 

  10237. }
    10238. 

  10238. 

  10239. #contentWrapper {
    10240. 

  10240. 	position: relative;
    10241. 

  10241. 	padding-top: 1px;
    10242. 

  10242. 	top: -1px;
    10243. 

  10243. }
    10244. 

  10244. 

  10245. #tiddlerDisplay {
    10246. 

  10246. 	_position: relative; /* ie 6*/
    10247. 

  10247. }
    10248. 

  10248. 

  10249. .siteTitle {
    10250. 

  10250. 	clear: both;
    10251. 

  10251. 	display: block;
    10252. 

  10252. 	font-size: 32px;
    10253. 

  10253. 	font-weight: bold;
    10254. 

  10254. 	line-height: 32px;
    10255. 

  10255. }
    10256. 

  10256. 

  10257. .siteSubtitle {
    10258. 

  10258. 	display: block;
    10259. 

  10259. 	font-size: 14px;
    10260. 

  10260. 	height: 16px;
    10261. 

  10261. 	margin-bottom: 8px;
    10262. 

  10262. }
    10263. 

  10263. 

  10264. #sidebarSearch {
    10265. 

  10265. 	padding: 0;
    10266. 

  10266. 	position: absolute;
    10267. 

  10267. 	right: 80px;
    10268. 

  10268. 	top: 8px;
    10269. 

  10269. 	width: 176px;
    10270. 

  10270. }
    10271. 

  10271. 

  10272. #sidebarSearch .txtOptionInput {
    10273. 

  10273. 	width: 100%;
    10274. 

  10274. 	margin-top: 5px;
    10275. 

  10275. 	_color: #bbb; /* ie6 danger */
    10276. 

  10276. }
    10277. 

  10277. 

  10278. #sidebarSearch .txtOptionInput:focus {
    10279. 

  10279. 	color: #000;
    10280. 

  10280. }
    10281. 

  10281. 

  10282. #sidebarSearch .searchButton {
    10283. 

  10283. 	display: none;
    10284. 

  10284. }
    10285. 

  10285. 

  10286. /* *** Menu Bar *** */
    10287. 

  10287. 

  10288. #mainMenu {
    10289. 

  10289. 	position: static;
    10290. 

  10290. 	text-align: left;
    10291. 

  10291. 	margin-left: 72px;
    10292. 

  10292. 	float: left;
    10293. 

  10293. 	width: auto;
    10294. 

  10294. 	padding: 0;
    10295. 

  10295. 	font-size: 1em;
    10296. 

  10296. 	line-height: normal;
    10297. 

  10297. }
    10298. 

  10298. 

  10299. #mainMenu a {
    10300. 

  10300. 	color: #fff;
    10301. 

  10301. 	padding: 8px;
    10302. 

  10302. 	font-size: 0.9em;
    10303. 

  10303. 	margin-right: 16px;
    10304. 

  10304. }
    10305. 

  10305. 

  10306. #mainMenu a:hover {
    10307. 

  10307. 	background-color: [[ColorPalette::PrimaryMid]];
    10308. 

  10308. 	color: [[ColorPalette::Background]]
    10309. 

  10309. }
    10310. 

  10310. 

  10311. #sidebarOptions {
    10312. 

  10312. 	margin-right: 72px;
    10313. 

  10313. 	float: right;
    10314. 

  10314. 	font-size: 1.1em;
    10315. 

  10315. 	line-height: 1.6em;
    10316. 

  10316. 	min-height: 1em;
    10317. 

  10317. 	padding-top: 0;
    10318. 

  10318. }
    10319. 

  10319. 

  10320. #sidebarOptions a {
    10321. 

  10321. 	margin-right: 8px;
    10322. 

  10322. }
    10323. 

  10323. 

  10324. .confirmationPopup .button,
    10325. 

  10325. #sidebarOptions .button {
    10326. 

  10326. 	cursor: pointer;
    10327. 

  10327. 	line-height: 1.4em;
    10328. 

  10328. 	text-align: center;
    10329. 

  10329. 	margin-right: 8px;
    10330. 

  10330. 	margin-left:-2px;
    10331. 

  10331. }
    10332. 

  10332. 

  10333. .confirmationPopup .button {
    10334. 

  10334. 	font-size: 0.9em;
    10335. 

  10335. 	padding: 2px;
    10336. 

  10336. }
    10337. 

  10337. 

  10338. #sidebarOptions .button {
    10339. 

  10339. 	font-size: 0.7em;
    10340. 

  10340. 	float: left;
    10341. 

  10341. 	width: 80px;
    10342. 

  10342. 	padding: 0px;
    10343. 

  10343.         color: #fff;
    10344. 

  10344. }
    10345. 

  10345. 

  10346. .confirmationPopup a.button,
    10347. 

  10347. #sidebarOptions a {
    10348. 

  10348. 	border: none;
    10349. 

  10349. 	margin: 0 0.2em;
    10350. 

  10350. 	padding: 0.6em 0.25em;
    10351. 

  10351. 	display: inline;
    10352. 

  10352. 	color: #666;
    10353. 

  10353. }
    10354. 

  10354. 

  10355. .confirmationPopup a.button:hover,
    10356. 

  10356. #sidebarOptions a:hover {
    10357. 

  10357. 	color: #000;
    10358. 

  10358. }
    10359. 

  10359. 

  10360. .confirmationPopup a.button:active,
    10361. 

  10361. #sidebarOptions a:active {
    10362. 

  10362. 	border: solid 1px [[ColorPalette::PrimaryMid]];
    10363. 

  10363. 	background-color: #fff;
    10364. 

  10364. 	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.1,rgb(200,200,200)), color-stop(1, rgb(100,100,100)));
    10365. 

  10365. 	background: -moz-linear-gradient(center bottom , rgb(200,200,200) 10%,rgb(100,100,100) 100%) repeat scroll 0 0 transparent;
    10366. 

  10366. }
    10367. 

  10367. /* *** Sidebar *** */
    10368. 

  10368. 

  10369. #sidebar .wizard table {
    10370. 

  10370. 	margin: 0px;
    10371. 

  10371. }
    10372. 

  10372. 

  10373. .tabContents .listTitle:first-child {
    10374. 

  10374. 	margin-top: 0px;
    10375. 

  10375. }
    10376. 

  10376. 

  10377. #menuBar {
    10378. 

  10378. 	background: [[ColorPalette::PrimaryLight]];
    10379. 

  10379. 	left: 0;
    10380. 

  10380. 	right: 0;
    10381. 

  10381. 	position: relative;
    10382. 

  10382. 	margin: 0;
    10383. 

  10383. 	padding: 0.5em 0 0.5em 0;
    10384. 

  10384. 	min-height: 1em;
    10385. 

  10385. 	overflow: hidden;
    10386. 

  10386. 	_width: 100%; /* for ie 6 */
    10387. 

  10387. }
    10388. 

  10388. 

  10389. #sidebarOptions a.button:hover {
    10390. 

  10390. 	color: [[ColorPalette::PrimaryPale]];
    10391. 

  10391.     background: [[ColorPalette::PrimaryMid]];
    10392. 

  10392. }
    10393. 

  10393. 

  10394. #tiddlerDisplay, #searchResults {
    10395. 

  10395. 	margin: 16px 448px 0 72px;
    10396. 

  10396. }
    10397. 

  10397. 

  10398. #sidebarTabs {
    10399. 

  10399. 	position: absolute;
    10400. 

  10400. 	right: 72px;
    10401. 

  10401. 	width: 352px;
    10402. 

  10402. 	top: 0;
    10403. 

  10403. }
    10404. 

  10404. 

  10405. #sidebarTabs .tabsetWrapper .tabset {
    10406. 

  10406. 	width: 87px;
    10407. 

  10407. 	border-top: 1px solid [[ColorPalette::PrimaryPale]];
    10408. 

  10408. 	border-left: 1px solid [[ColorPalette::PrimaryPale]];
    10409. 

  10409. 	border-bottom: 1px solid [[ColorPalette::PrimaryPale]];
    10410. 

  10410. 	height: auto;
    10411. 

  10411. 	float: left;
    10412. 

  10412. 	word-wrap: break-word;
    10413. 

  10413. 	top: 0;
    10414. 

  10414. 	padding: 0;
    10415. 

  10415. }
    10416. 

  10416. 

  10417. #sidebarTabs .tabsetWrapper .tabContents {
    10418. 

  10418. 	background-color: [[ColorPalette::PrimaryPale]];
    10419. 

  10419. 	border: 3px solid [[ColorPalette::PrimaryMid]];
    10420. 

  10420. 	width: 242px;
    10421. 

  10421. 	_width: 238px;
    10422. 

  10422. 	left: -3px;
    10423. 

  10423. 	_left: -5px;
    10424. 

  10424. 	position: relative;
    10425. 

  10425. 	min-height: 34em;
    10426. 

  10426. 	padding: 8px;
    10427. 

  10427. 	font-size: 0.8em;
    10428. 

  10428. }
    10429. 

  10429. 

  10430. /* ---- Side style --- */
    10431. 

  10431. 

  10432. #sidebarTabs .tabsetWrapper .tabset .tab {
    10433. 

  10433. 	font-size: 0.9em;
    10434. 

  10434. 	padding: 0.7em 8px 0.5em;
    10435. 

  10435. 	color: #fff;
    10436. 

  10436. 	background: [[ColorPalette::PrimaryLight]];
    10437. 

  10437. 	border: none;
    10438. 

  10438. 	line-height: 16px;
    10439. 

  10439. 	position: relative;
    10440. 

  10440. 	display: block;
    10441. 

  10441. 	margin: 0;
    10442. 

  10442. }
    10443. 

  10443. 

  10444. #sidebarTabs .tabsetWrapper .tabset .tabSelected {
    10445. 

  10445. 	color: [[ColorPalette::PrimaryMid]];
    10446. 

  10446. 	background: [[ColorPalette::PrimaryPale]];
    10447. 

  10447. 	border-top: 3px solid [[ColorPalette::PrimaryMid]];
    10448. 

  10448. 	border-bottom: 3px solid [[ColorPalette::PrimaryMid]];
    10449. 

  10449. 	border-left: 3px solid [[ColorPalette::PrimaryMid]];
    10450. 

  10450. 	z-index: 10;
    10451. 

  10451. 	margin-top: -1px;
    10452. 

  10452. 	font-weight: bold;
    10453. 

  10453. }
    10454. 

  10454. 

  10455. #sidebarTabs .tabContents li {
    10456. 

  10456. 	border: none;
    10457. 

  10457. 	margin-left: 0;
    10458. 

  10458. 	word-wrap: break-word;
    10459. 

  10459. }
    10460. 

  10460. 

  10461. .tabContents .timeline {
    10462. 

  10462. 	background: [[ColorPalette::PrimaryPale]];
    10463. 

  10463. 	margin-bottom: 8px;
    10464. 

  10464. }
    10465. 

  10465. 

  10466. #sidebarTabs .timeline li.listTitle {
    10467. 

  10467. 	color: #132E43;
    10468. 

  10468. 	margin-left: 8px 0;
    10469. 

  10469. 	padding: 0.3em 0.11em;
    10470. 

  10470. 	font-size: 1em;
    10471. 

  10471. 	border-bottom: none;
    10472. 

  10472. }
    10473. 

  10473. 

  10474. #sidebarTabs .tabContents li a {
    10475. 

  10475. 	display: block;
    10476. 

  10476. 	text-align: left;
    10477. 

  10477. 	margin: 0 0 1px 0;
    10478. 

  10478. 	padding: 0.3em 1em;
    10479. 

  10479. 	background: [[ColorPalette::PrimaryPale]];
    10480. 

  10480. }
    10481. 

  10481. 

  10482. #sidebarTabs .tabsetWrapper .tabset a:hover,
    10483. 

  10483. #sidebarTabs .tabContents li a:hover {
    10484. 

  10484. 	color: [[ColorPalette::PrimaryPale]];
    10485. 

  10485. 	background: [[ColorPalette::PrimaryMid]];
    10486. 

  10486. }
    10487. 

  10487. 

  10488. /* Activity Stream */
    10489. 

  10489. #sidebarTabs .tabContents .activityStream .feedItem a {
    10490. 

  10490. 	display: inline-block;
    10491. 

  10491. 	padding: 0;
    10492. 

  10492. 	background: none;
    10493. 

  10493. }
    10494. 

  10494. 

  10495. /* ---- Tagging box --- */
    10496. 

  10496. .tagInfo {
    10497. 

  10497. 	border: 1px solid #cccccc;
    10498. 

  10498. 	padding: 10px 15px;
    10499. 

  10499. 	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    10500. 

  10500. 	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    10501. 

  10501. 	color: [[ColorPalette::TertiaryMid]];
    10502. 

  10502. 	background: -moz-linear-gradient(100% 100% 90deg, #f4f4f4, #e5e5e5);
    10503. 

  10503. 	background: -webkit-gradient(linear, left top, right top, from(#e5e5e5), to(#f4f4f4));
    10504. 

  10504. 	margin-top: 1em;
    10505. 

  10505. 	font-size: 13px;
    10506. 

  10506. 	margin: 0 0 0 56px;
    10507. 

  10507. }
    10508. 

  10508. 

  10509. .tagInfo ul {
    10510. 

  10510. 	list-style: none;
    10511. 

  10511. 	padding-left: 2.2em;
    10512. 

  10512. }
    10513. 

  10513. 

  10514. .tagInfo ul li {
    10515. 

  10515. 	display: inline;
    10516. 

  10516. }
    10517. 

  10517. 

  10518. .tagInfo ul li.listTitle,
    10519. 

  10519. .tagInfo .tagging ul li.listTitle {
    10520. 

  10520. 	color: [[ColorPalette::PrimaryMid]];
    10521. 

  10521. 	font-size: 13px;
    10522. 

  10522. }
    10523. 

  10523. 

  10524. .tagInfo ul li a {
    10525. 

  10525. 	border: none;
    10526. 

  10526. }
    10527. 

  10527. 

  10528. .tagInfo .tagging ul li {
    10529. 

  10529. 	float: none;
    10530. 

  10530. 	display: inline-block;
    10531. 

  10531. }
    10532. 

  10532. 

  10533. .tagInfo .tagging {
    10534. 

  10534. 	padding: 0;
    10535. 

  10535. }
    10536. 

  10536. 

  10537. .viewRevision .toolbar {
    10538. 

  10538. 	right: 48px;
    10539. 

  10539. 	top: 8px;
    10540. 

  10540. }
    10541. 

  10541. 

  10542. .viewRevision .modifierIcon img,
    10543. 

  10543. .viewRevision .modifierIcon svg {
    10544. 

  10544. 	margin-right: 8px;
    10545. 

  10545. }
    10546. 

  10546. 

  10547. .viewRevision .toolbar svg {
    10548. 

  10548. 	width: 32px;
    10549. 

  10549. 	height: 32px;
    10550. 

  10550. }
    10551. 

  10551. 

  10552. /* --- IE hacks from lattice --- */
    10553. 

  10553. 

  10554. /* ie hacks */
    10555. 

  10555. * html #menuBar {
    10556. 

  10556. 	margin-bottom: 8px;
    10557. 

  10557. }
    10558. 

  10558. .toolbar .svgIconText {
    10559. 

  10559. 	*display: inline;
    10560. 

  10560. }
    10561. 

  10561. 

  10562. div.tiddler .toolbar a {
    10563. 

  10563. 	cursor: pointer;
    10564. 

  10564. 	float: left\9;
    10565. 

  10565. 	display: inline\9;
    10566. 

  10566. }
    10567. 

  10567. 

  10568. * html .toolbar {
    10569. 

  10569. 	right: 8px;
    10570. 

  10570. }
    10571. 

  10571. * html .followButton a {
    10572. 

  10572. 	margin-top: 0px;
    10573. 

  10573. 	margin-right: 8px;
    10574. 

  10574. }
    10575. 

  10575. * html #tiddlerDisplay {
    10576. 

  10576. 	margin-top: 0px;
    10577. 

  10577. }
    10578. 

  10578. 

  10579. /* for printing purposes */
    10580. 

  10580. @media print {
    10581. 

  10581. 	#mainMenu,
    10582. 

  10582. 	#sidebar,
    10583. 

  10583. 	#messageArea,
    10584. 

  10584. 	.toolbar,
    10585. 

  10585. 	.followPlaceHolder,
    10586. 

  10586. 	#backstageButton,
    10587. 

  10587. 	#backstageArea,
    10588. 

  10588. 	#sidebarTabs,
    10589. 

  10589. 	#sidebarSearch .txtOptionInput,
    10590. 

  10590. 	#sidebarOptions {
    10591. 

  10591. 		display: none !important;
    10592. 

  10592. 	}
    10593. 

  10593. 	#displayArea {
    10594. 

  10594. 		margin: 1em 1em 0em;
    10595. 

  10595. 	}
    10596. 

  10596. 	noscript {
    10597. 

  10597. 		display:none; /* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
    10598. 

  10598. 	}
    10599. 

  10599. 	#tiddlerDisplay {
    10600. 

  10600. 		margin: 16px 16px;
    10601. 

  10601. 	}
    10602. 

  10602. }
    10603. 

  10603. 

  10604. @media all and (max-width: 960px){
    10605. 

  10605. 	#tiddlerDisplay,
    10606. 

  10606. 	#searchResults {
    10607. 

  10607. 		margin: 16px 366px 0 16px;
    10608. 

  10608. 	}
    10609. 

  10609. 

  10610. 	#mainMenu {
    10611. 

  10611. 		margin-left: 16px;
    10612. 

  10612. 	}
    10613. 

  10613. 

  10614. 	.headerForeground {
    10615. 

  10615. 		margin-left: 16px;
    10616. 

  10616. 	}
    10617. 

  10617. 

  10618. 	#sidebarSearch {
    10619. 

  10619. 		right: 16px;
    10620. 

  10620. 	}
    10621. 

  10621. 

  10622. 	#sidebarOptions {
    10623. 

  10623. 		margin-right: 16px;
    10624. 

  10624. 	}
    10625. 

  10625. 

  10626. 	#sidebarTabs {
    10627. 

  10627. 		right: 16px;
    10628. 

  10628. 		width: 326px;
    10629. 

  10629. 	}
    10630. 

  10630. 

  10631. 	#sidebarTabs .tabsetWrapper .tabset {
    10632. 

  10632. 		font-size: 0.9em;
    10633. 

  10633. 		width: 77px;
    10634. 

  10634. 	}
    10635. 

  10635. 

  10636. 	#sidebarTabs .tabsetWrapper .tabContents {
    10637. 

  10637. 		width: 226px;
    10638. 

  10638. 		_width: 222px;
    10639. 

  10639. 	}
    10640. 

  10640. 

  10641. 	#sidebarTabs .tabContents li a {
    10642. 

  10642. 		font-size: 0.9em;
    10643. 

  10643. 	}
    10644. 

  10644. }
    10645. 

  10645. /*}}}*/
    10646. 

  10646. [[StyleSheetTiddler]]</pre>
    10647. 

  10647. </div>
    10648. 

  10648. <div title="StyleSheetTiddlySpaceMp" creator="pmario" modifier="pmario" created="201008061923" modified="201008171536" tags="excludeLists" server.title="StyleSheetTiddlySpaceMp" server.page.revision="107310" server.etag="&quot;neui-em_public/StyleSheetTiddlySpaceMp/107310;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="b01f13dfe3b05f0427ecaf4dc24cf1b54fc29b7b">
    10649. 

  10649. <pre>/*{{{*/
    10650. 

  10650. body {
    10651. 

  10651. 	font-size: 1.0em;
    10652. 

  10652. 	font-family: helvetica, arial, sans-serif;
    10653. 

  10653. 	background-color: [[ColorPalette::Background]];
    10654. 

  10654. }
    10655. 

  10655. 

  10656. #displayArea {
    10657. 

  10657. 	float: left;		/*-- new for emastic --*/		
    10658. 

  10658. 	padding: 0;		/*-- new for emastic --*/
    10659. 

  10659. 	margin: 0;		/*-- new for emastic --*/
    10660. 

  10660. }
    10661. 

  10661. 

  10662. #tiddlerDisplay {
    10663. 

  10663. /*	margin: 1em 0.5em;*/
    10664. 

  10664. }
    10665. 

  10665. 

  10666. .public {
    10667. 

  10667. 	border-color: #C7EAFF;
    10668. 

  10668. }
    10669. 

  10669. 

  10670. .private {
    10671. 

  10671. 	border-color: #FFCAE9;
    10672. 

  10672. }
    10673. 

  10673. 

  10674. .revisionCloak {
    10675. 

  10675. 	position: absolute;
    10676. 

  10676. 	position: fixed !important;
    10677. 

  10677. 	height: 100%;
    10678. 

  10678. 	width: 100%;
    10679. 

  10679. 	top: 0;
    10680. 

  10680. 	left: 0;
    10681. 

  10681. 	border: 0;
    10682. 

  10682. 	margin: 0;
    10683. 

  10683. 	padding: 0;
    10684. 

  10684. 	opacity: 0.5;
    10685. 

  10685. 	filter: alpha(opacity=50);
    10686. 

  10686. 	background-color: black;
    10687. 

  10687. }
    10688. 

  10688. 

  10689. /* fixing h1-h6 margin-top if it is first child */
    10690. 

  10690. h1:first-child, h2:first-child, h3:first-child,
    10691. 

  10691. h4:first-child, h5:first-child, h6:first-child,
    10692. 

  10692. 

  10693. ol:first-child, ul:first-child {
    10694. 

  10694. 	margin-top: .3em;
    10695. 

  10695. }
    10696. 

  10696. 

  10697. 

  10698. [[StyleSheetHeaderMp]]
    10699. 

  10699. [[StyleSheetMenuBarMp]]
    10700. 

  10700. [[StyleSheetSideBarMp]]
    10701. 

  10701. [[StyleSheetTiddlerMp]]
    10702. 

  10702. [[StyleSheetBackstagePanels]]
    10703. 

  10703. /*}}}*/</pre>
    10704. 

  10704. </div>
    10705. 

  10705. <div title="StyleSheet_neui-em" creator="pmario" modifier="pmario" created="201008072118" modified="201009181705" tags="excludeLists" server.title="StyleSheet_neui-em" server.page.revision="107316" server.etag="&quot;neui-em_public/StyleSheet_neui-em/107316;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" revision.text="" _hash="c0616be55f19f0672dce90d9b1bf71cacbe0e131">
    10706. 

  10706. <pre>/*{{{*/
    10707. 

  10707. [[StyleSheetTiddlySpaceMp]]
    10708. 

  10708. 

  10709. [[StyleSheetMediaPrint]]
    10710. 

  10710. /*}}}*/</pre>
    10711. 

  10711. </div>
    10712. 

  10712. <div title="SvgEvent_Animations" creator="pmario" modifier="pmario" created="201007271654" modified="201009181606" tags="excludeLists fxPlugins systemConfig" server.title="SvgEvent_Animations" server.page.revision="53373" server.etag="&quot;fxplugins_public/SvgEvent_Animations/53373;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fxplugins_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fxplugins_public" server.permissions="read, write, create, delete" server.content-type="" _hash="2bf258e34766357a751fc0702010e03ca92abb46">
    10713. 

  10713. <pre>/***
    10714. 

  10714. |''Name''|SvgEvent_Animations|
    10715. 

  10715. |''Description''|contains the global TW jQuery custom events.|
    10716. 

  10716. |''Author''|Mario Pietsch|
    10717. 

  10717. |''Version''|0.2.2|
    10718. 

  10718. |''Status''|''stable''|
    10719. 

  10719. |''Source''|http://fxplugins.tiddlyspace.com|
    10720. 

  10720. |''CoreVersion''|2.6|
    10721. 

  10721. |''Documentation''|[[SvgEvent_Info]]|
    10722. 

  10722. |''Keywords''|svg, events, animation, commands|
    10723. 

    10724. 

  10724. !Important
    10725. 

    10726. 

  10726. !Known issues
    10727. 

    10728. 

  10728. !History
    10729. 

  10729. *V 0.2.2
    10730. 

  10730. **Status: stable
    10731. 

  10731. **[[SvgEvent_Info]] has more info now.
    10732. 

    10733. 

  10733. *V 0.2.1
    10734. 

  10734. **cTglBg searches from parent() now
    10735. 

    10736. 

  10736. *V 0.2.0
    10737. 

  10737. **SvgEventzPlugin is not needed anymore
    10738. 

  10738. **New event names
    10739. 

    10740. 

  10740. !Code
    10741. 

  10741. ***/
    10742. 

  10742. /*{{{*/
    10743. 

  10743. if(!version.extensions.SvgEvent_Animations) { //# ensure that the plugin is only installed once
    10744. 

  10744. version.extensions.SvgEvent_Animations= { installed: true };
    10745. 

  10745. 

  10746. (function($) {
    10747. 

  10747. 

  10748. // if you add components here a 
    10749. 

  10749. var eventTypes = [&quot;cTglOpacity&quot;, &quot;cTglBg&quot;, &quot;cBigger&quot;, &quot;cResize&quot;, &quot;cSmaller&quot;, &quot;cmd99&quot;];
    10750. 

  10750. 

  10751. animations = {
    10752. 

  10752. 	// IMPORTANT: if you add commands here, don't forget to add them at &quot;var eventTypes&quot; too!
    10753. 

  10753. 	//trialUpdate
    10754. 

  10754. 	cTglOpacity: function(e, trial) {
    10755. 

  10755. 		if  (! trial.comp.animations) return false;
    10756. 

  10756. 

  10757. 		var val = trial.elem.getAttribute('opacity');
    10758. 

  10758. 		val = (val == 0.8) ? 1:0.8;
    10759. 

  10759. 		trial.elem.setAttribute('opacity', val);
    10760. 

  10760. 	},
    10761. 

  10761. 

  10762. 	cTglBg: function(e, trial) {
    10763. 

  10763. 		if  (! trial.comp.animations) return false;
    10764. 

  10764. 

  10765. 		var elem = jQuery(trial.elem).parent().find('.showOnHover');
    10766. 

  10766. 		var val = elem.attr('opacity');
    10767. 

  10767. 		var old = (elem.attr('oldopacity')) ? elem.attr('oldopacity') : val;
    10768. 

  10768. 		val = (val == old) ? 1:old;
    10769. 

  10769. 		elem.attr('opacity', val);
    10770. 

  10770. 		elem.attr('oldopacity', old);
    10771. 

  10771. 	},
    10772. 

  10772. 

  10773. 	//trialFullSize hover, mouse in
    10774. 

  10774. 	cBigger: function(e, trial) {
    10775. 

  10775. 		if  (! trial.comp.animations) return false;
    10776. 

  10776. 	
    10777. 

  10777. 		trial.elem.setAttribute('height','35pt');
    10778. 

  10778. 		trial.elem.setAttribute('width','35pt');
    10779. 

  10779. 		
    10780. 

  10780. 	},
    10781. 

  10781. 

  10782. 	//mouse up = mouse out = resize
    10783. 

  10783. 	cResize: function(e, trial) {
    10784. 

  10784. 		if  (! trial.comp.animations) return false;
    10785. 

  10785. 

  10786. 		trial.elem.setAttribute('height','29pt');		
    10787. 

  10787. 		trial.elem.setAttribute('width','29pt');
    10788. 

  10788. 	},
    10789. 

  10789. 

  10790. 	//clicked mouse down
    10791. 

  10791. 	cSmaller: function(e, trial) {
    10792. 

  10792. 		if  (! trial.comp.animations) return false;
    10793. 

  10793. 

  10794. 		trial.elem.setAttribute('height','27pt');		
    10795. 

  10795. 	},
    10796. 

  10796. 

  10797. }; 
    10798. 

  10798. 

  10799. var components = [animations];
    10800. 

  10800. $.each(components, function(i,component) {
    10801. 

  10801. 	$.each(eventTypes, function(j,eventType) {
    10802. 

  10802. 		var handler = component[eventType];
    10803. 

  10803. 		if (handler) $(document).bind(eventType, handler);
    10804. 

  10804. 	});
    10805. 

  10805. });
    10806. 

  10806. 

  10807. })(jQuery);
    10808. 

  10808. } //# end of &quot;install only once&quot;
    10809. 

  10809. 

  10810. /*}}}*/</pre>
    10811. 

  10811. </div>
    10812. 

  10812. <div title="SvgEvent_Info" creator="pmario" modifier="pmario" created="201007271654" modified="201009181559" tags="fxPlugins" server.title="SvgEvent_Info" server.page.revision="53377" server.etag="&quot;fxplugins_public/SvgEvent_Info/53377;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fxplugins_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fxplugins_public" server.permissions="read, write, create, delete" server.content-type="" _hash="cdb450f67b105d84818e419f19a8a9e9819a5b8d">
    10813. 

  10813. <pre>/***
    10814. 

  10814. |''Name''|SvgEvent_Info|
    10815. 

  10815. |''Description''|connects .svg mouse events with global TW jQuery custom events.|
    10816. 

  10816. |''Author''|Mario Pietsch|
    10817. 

  10817. |''Version''|0.2.0|
    10818. 

  10818. |''Source''|http://fxplugins.tiddlyspace.com|
    10819. 

  10819. |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    10820. 

  10820. |''CoreVersion''|2.6|
    10821. 

  10821. |''Keywords''|svg, events, animation, commands|
    10822. 

  10822. !Idea
    10823. 

  10823. http://softwareas.com/automagic-event-registration
    10824. 

  10824. !The plugin structure
    10825. 

  10825. # [[SvgEvent_Animations]] .. animation componets
    10826. 

  10826. # [[SvgEvent_Menue]] .. menue / toolbar command components
    10827. 

  10827. !Needed inside an .svg tiddler
    10828. 

  10828. *eg: [[tfgNewTiddler.svg]]
    10829. 

  10829. *onclick(): {{{onclick=&quot;jQuery(document).trigger('cmd3', {elem:this, comp:{menue:1}})&quot;}}}
    10830. 

  10830. **Click the icon, will trigger cmd3 in SvgEvent_Menue
    10831. 

  10831. *onmousedown: {{{onmousedown=&quot;jQuery(document).trigger('cmd4', {elem:this, comp:{animations:1}})&quot;}}}
    10832. 

  10832. *onmouseup: {{{onmouseup=&quot;jQuery(document).trigger('cmd3', {elem:this, comp:{animations:1}})&quot;}}}
    10833. 

  10833. **onmousedown, onmouseup are activating the corresponding commands in SvgEvent_Animations
    10834. 

  10834. !Known issues
    10835. 

  10835. !Elements tagged {{{fxPlugins}}}
    10836. 

  10836. &lt;&lt;list filter [tag[fxPlugins]]&gt;&gt;
    10837. 

  10837. </pre>
    10838. 

  10838. </div>
    10839. 

  10839. <div title="SvgEvent_InitStyleSheet" creator="pmario" modifier="pmario" created="201012271651" modified="201012271758" tags="excludeLists fxPlugins systemConfig" server.title="SvgEvent_InitStyleSheet" server.page.revision="53381" server.etag="&quot;fxplugins_public/SvgEvent_InitStyleSheet/53381;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fxplugins_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fxplugins_public" server.permissions="read, write, create, delete" server.content-type="" _hash="2a87053c287ca3f942680adc57ecdac0908ac90f">
    10840. 

  10840. <pre>//{{{
    10841. 

  10841. config.shadowTiddlers[&quot;StyleSheetSvgIcons&quot;]=&quot;/*{{{*/\n&quot;+
    10842. 

  10842. 	&quot;/*replace FG with BG if you want to toggle the BackGround insted of the ForeGround */\n&quot;+
    10843. 

  10843. 	&quot;.showFG {\n&quot;+
    10844. 

  10844. 	&quot;	opacity: 0;\n&quot;+
    10845. 

  10845. 	&quot;}\n\n&quot;+
    10846. 

  10846. 	&quot;svg:hover .showFG {\n&quot;+
    10847. 

  10847. 	&quot;	opacity: 1;\n&quot;+
    10848. 

  10848. 	&quot;}\n&quot;+
    10849. 

  10849. 	&quot;/*}}}*/&quot;;
    10850. 

  10850. store.addNotification(&quot;StyleSheetSvgIcons&quot;,refreshStyles);
    10851. 

  10851. //}}}
    10852. 

  10852. 

  10853. 

  10854. </pre>
    10855. 

  10855. </div>
    10856. 

  10856. <div title="SvgEvent_Menue" creator="pmario" modifier="pmario" created="201007271654" modified="201009181605" tags="excludeLists fxPlugins systemConfig" server.title="SvgEvent_Menue" server.page.revision="53389" server.etag="&quot;fxplugins_public/SvgEvent_Menue/53389;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fxplugins_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fxplugins_public" server.permissions="read, write, create, delete" server.content-type="" _hash="a7000abea1d958c284df1bae4bd8acc2b1a37c79">
    10857. 

  10857. <pre>/***
    10858. 

  10858. |''Name''|SvgEvent_Menue|
    10859. 

  10859. |''Description''|contains the global TW jQuery custom events.|
    10860. 

  10860. |''Author''|Mario Pietsch|
    10861. 

  10861. |''Version''|0.2.1|
    10862. 

  10862. |''Status''|''stable''|
    10863. 

  10863. |''Source''|http://fxplugins.tiddlyspace.com|
    10864. 

  10864. |''CoreVersion''|2.6|
    10865. 

  10865. |''Documentation''|[[SvgEvent_Info]]|
    10866. 

  10866. |''Keywords''|svg, events, animation, commands|
    10867. 

  10867. !Important
    10868. 

  10868. !Known issues
    10869. 

  10869. !History
    10870. 

  10870. *V 0.2.1
    10871. 

  10871. **stable
    10872. 

  10872. **[[SvgEvent_Info]] has more info now
    10873. 

  10873. *Version: 0.2.0
    10874. 

  10874. **changed function names. They are not ugly anymore :)
    10875. 

  10875. **SvgEventzPlugin is not needed anymore!
    10876. 

  10876. *Version: 0.1.0
    10877. 

  10877. **initial release
    10878. 

  10878. !Code
    10879. 

  10879. ***/
    10880. 

  10880. /*{{{*/
    10881. 

  10881. if(!version.extensions.SvgEvent_Menue) { //# ensure that the plugin is only installed once
    10882. 

  10882. version.extensions.SvgEvent_Menue= { installed: true };
    10883. 

  10883. 

  10884. (function($) {
    10885. 

  10885. 

  10886. var eventTypes = [&quot;cCloseAll&quot;, &quot;cPermaview&quot;, &quot;cNewTiddler&quot;, &quot;cNewJournal&quot;, &quot;cSaveChanges&quot;, &quot;cReadDoc&quot;, &quot;cmd99&quot;];
    10887. 

  10887. 

  10888. menue= {
    10889. 

  10889. 	// if you add event types here. Also go to the end and adjust &quot;var eventTypes&quot; accordingly.
    10890. 

  10890. 

  10891. 	//menueCloseAll
    10892. 

  10892. 	cCloseAll: function(e, trial) {
    10893. 

  10893. 		if  (! trial.comp.menue) return false;
    10894. 

  10894. 

  10895. 		story.closeAllTiddlers();
    10896. 

  10896. 		return false;
    10897. 

  10897. 	}, 
    10898. 

  10898. 

  10899. 	//menuePermaview
    10900. 

  10900. 	cPermaview: function(e, trial) {
    10901. 

  10901. 		if  (! trial.comp.menue) return false;
    10902. 

  10902. 		story.permaView();
    10903. 

  10903. 		return false;
    10904. 

  10904. 	}, 
    10905. 

  10905. 

  10906. 	//menueNewTiddler
    10907. 

  10907. 	cNewTiddler: function(e, trial) {
    10908. 

  10908. 		if  (! trial.comp.menue) return false;
    10909. 

  10909. 		// trigger readOnly
    10910. 

  10910. 		if (readOnly) {$(document).trigger('cmd99', trial); return false;}
    10911. 

  10911. 

  10912. 		var title = 'New Tiddler';
    10913. 

  10913. 		story.displayTiddler(null, title);
    10914. 

  10914. 		config.commands.editTiddler.handler(null, null, title);
    10915. 

  10915. 		return false;
    10916. 

  10916. 	}, 
    10917. 

  10917. 

  10918. 	//menueNewJournal
    10919. 

  10919. 	cNewJournal: function(e, trial) {
    10920. 

  10920. 		if  (! trial.comp.menue) return false;
    10921. 

  10921. 		// trigger readOnly
    10922. 

  10922. 		if (readOnly) {$(document).trigger('cmd99', trial); return false;}
    10923. 

  10923. 

  10924. 		var title = config.macros.timeline.dateFormat;
    10925. 

  10925. 		title = new Date().formatString(title.trim());
    10926. 

  10926. 		story.displayTiddler(null, title);
    10927. 

  10927. 		config.commands.editTiddler.handler(null, null, title);
    10928. 

  10928. 

  10929. 		return false;
    10930. 

  10930. 	}, 
    10931. 

  10931. 

  10932. 	// menueSaveChanges
    10933. 

  10933. 	cSaveChanges: function(e, trial) {
    10934. 

  10934. 		if  (! trial.comp.menue) return false;
    10935. 

  10935. 		// trigger readOnly
    10936. 

  10936. 		if (readOnly) {$(document).trigger('cmd99', trial); return false;}
    10937. 

  10937. 		
    10938. 

  10938. 		saveChanges();
    10939. 

  10939. 		return false;
    10940. 

  10940. 	}, 
    10941. 

  10941. 

  10942. 	cReadDoc: function(e, trial) {
    10943. 

  10943. 		if  (! trial.comp.menue) return false;
    10944. 

  10944. 

  10945. 		var rdDocMsg= &quot;Read the documentation!&quot;;
    10946. 

  10946. 

  10947. 		displayMessage(rdDocMsg);
    10948. 

  10948. 		return false;
    10949. 

  10949. 	},
    10950. 

  10950. 

  10951. 	cmd99: function(e, trial) {
    10952. 

  10952. 		var rdOnlyMsg= &quot;System is readOnly!&quot;;
    10953. 

  10953. 

  10954. 		if  (! trial.comp.menue) return false;
    10955. 

  10955. 

  10956. 		displayMessage(rdOnlyMsg);
    10957. 

  10957. 

  10958. 		trial.elem.setAttribute('opacity', 0.3);
    10959. 

  10959. 		return false;
    10960. 

  10960. 	}
    10961. 

  10961. 

  10962. }; // menue
    10963. 

  10963. 

  10964. 

  10965. // if you add components here a 
    10966. 

  10966. var components = [menue];
    10967. 

  10967. 

  10968. $.each(components, function(i,component) {
    10969. 

  10969. 	$.each(eventTypes, function(j,eventType) {
    10970. 

  10970. 		var handler = component[eventType];
    10971. 

  10971. 		if (handler) $(document).bind(eventType, handler);
    10972. 

  10972. 	});
    10973. 

  10973. });
    10974. 

  10974. 

  10975. 

  10976. })(jQuery);
    10977. 

  10977. } //# end of &quot;install only once&quot;
    10978. 

  10978. 

  10979. /*}}}*/</pre>
    10980. 

  10980. </div>
    10981. 

  10981. <div title="SystemSettings" creator="fancybox" modifier="fancybox" created="201101211613" modified="201101211613" tags="excludeLists" server.title="SystemSettings" server.page.revision="47614" server.etag="&quot;fancybox_public/SystemSettings/47614;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="55689bfb37f9bd9538b00b734dfef13625f20aff">
    10982. 

  10982. <pre>chkPrivateMode: true</pre>
    10983. 

  10983. </div>
    10984. 

  10984. <div title="TWDefaultTheme" creator="pmario" modifier="pmario" created="201008061923" modified="201011121427" tags="systemTheme" server.title="TWDefaultTheme" server.page.revision="107330" server.etag="&quot;neui-em_public/TWDefaultTheme/107330;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="b117017fffbda8a65092ae21e7281b6880d8f623">
    10985. 

  10985. <pre>|''Name:''|[[TWDefaultTheme]]|
    10986. 

  10986. |''Description:''|Your description here!|
    10987. 

  10987. |''Generator:''|[[TW FreeStyle|http://FreeStyle.tiddlyspot.com]]|
    10988. 

  10988. |''Gen.Description:''|Automatically generated from: TWDefaultThemeProject|
    10989. 

  10989. |''PageTemplate:''|PageTemplate|
    10990. 

  10990. |''ViewTemplate:''|ViewTemplate|
    10991. 

  10991. |''EditTemplate:''|EditTemplate|
    10992. 

  10992. |''RevisionTemplate:''|RevisionTemplate|
    10993. 

  10993. |''StyleSheet:''|##StyleSheet|
    10994. 

  10994. 

  10995. !StyleSheet
    10996. 

  10996. /*{{{*/
    10997. 

  10997. 

  10998. /* horizontal main menu stuff if created by list */
    10999. 

  10999. .noBullets a{
    11000. 

  11000. 	padding-top: 0.2em;
    11001. 

  11001. 	padding-bottom: 0.2em;
    11002. 

  11002. }
    11003. 

  11003. 

  11004. .noBullets ul,
    11005. 

  11005. .noBullets ol {
    11006. 

  11006. 	list-style:none;
    11007. 

  11007. 	padding:0;
    11008. 

  11008. 	margin: 0;
    11009. 

  11009. }
    11010. 

  11010. 

  11011. .noBullets li {
    11012. 

  11012. 	float: left;
    11013. 

  11013. }
    11014. 

  11014. 

  11015. [[StyleSheetTiddlySpace]]
    11016. 

  11016. /*}}}*/</pre>
    11017. 

  11017. </div>
    11018. 

  11018. <div title="TagSearchPlugin" creator="tobibeer" modifier="tobibeer" created="201009071451" modified="201010241139" tags="excludeLists systemConfig" server.title="TagSearchPlugin" server.page.revision="149388" server.etag="&quot;tagsearchplugin_public/TagSearchPlugin/149388;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/tagsearchplugin_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="tagsearchplugin_public" server.permissions="read" server.content-type="" _hash="78068874a20e165f7d1c8d6cdf0c4d2760b41de6">
    11019. 

  11019. <pre>/***
    11020. 

  11020. |''Name:''|TagSearchPlugin|
    11021. 

  11021. |''Description:''|Provides a drop down listing current tags and others to be set. Based on [[x-tagger|http://tbgtd.tiddlyspot.com/#x-tagger]] which in turn was once based on [[TaggerPlugin|http://tw.lewcid.org/#TaggerPlugin]].|
    11022. 

  11022. |''Author:''|[[Tobias Beer]]|
    11023. 

  11023. |''Version:''|1.2.0 (2010-10-10)|
    11024. 

  11024. |''Documentation:''|http://tagsearch.tiddlyspot.com|
    11025. 

  11025. |''Source:''|http://tagsearch.tiddlyspot.com/#TagSearchPlugin|
    11026. 

  11026. |''~TiddlyWiki:''|Version 2.5 or better|
    11027. 

  11027. /%***/
    11028. 

  11028. (function(e){config.macros.tagsearch={cfg:{defaultSource:&quot;&quot;,defaultMore:&quot;&quot;,defaultMode:1,keepModified:false,sidebarOffset:20,newAtSingle:30,newAt:18,excludeTagged:&quot;&quot;,toolbar:&quot;&quot;,label:&quot;tags&quot;,options:&quot;Options&quot;,more:&quot;More...&quot;,tooltip:&quot;Manage tiddler tags&quot;,notags:&quot;no tags set...&quot;,aretags:&quot;Current tags&quot;,addTag:&quot;Add tag...&quot;,addTags:&quot;Set tag...&quot;,txtEdit:&quot;~ edit categories...&quot;,txtEditTip:&quot;edit tiddler with GTD tag categories used by x-tagger&quot;,txtNew:&quot;~ add another tag&quot;,txtRemove:&quot;remove tag %0&quot;,txtAdd:&quot;set tag %0&quot;,txtFor:&quot;To be tagged... &quot;,txtCtrl:&quot; (hold SHIFT to just add it or CTRL to replace in category)&quot;,promptNew:&quot;Enter new tag:&quot;,modeAsk:&quot;Do you want to remove existing tags from category '%0'?\nCancel simply adds tag '%1'.&quot;},handler:function(k,g,i,l,h,n){var m=this.cfg,j=story.findContainingTiddler(k),f=h.parseParams(&quot;tagman&quot;,null,true);e(createTiddlyButton(k,getParam(f,&quot;label&quot;,m.label),getParam(f,&quot;tooltip&quot;,m.tooltip),this.click,&quot;button&quot;)).attr({id:this.newId(&quot;btntgs&quot;),tid:(j?j.getAttribute(&quot;tiddler&quot;):&quot;&quot;)}).data({pa:i,p:f})},click:function(O){var k,G,S,R,K=[],w=true,W,V,U,M,A,Y,T,D,N,L,J=[],C,f,H,aa=O||window.event,X=e(this),F=X.attr(&quot;popup&quot;),B=window.event?&quot;keydown&quot;:&quot;keypress&quot;,I=config.macros.tagsearch,ab=I.cfg,u=X.data(&quot;pa&quot;),Q=X.data(&quot;p&quot;),h=u.contains(&quot;toolbar&quot;),v=getParam(Q,&quot;source&quot;,ab.defaultSource),q=getParam(Q,&quot;more&quot;,ab.defaultMore),Z=!u.contains(&quot;nosearch&quot;),z=!u.contains(&quot;notags&quot;),E=!u.contains(&quot;nomore&quot;),n=getParam(Q,&quot;goto&quot;,&quot;&quot;),o=parseInt(getParam(Q,&quot;mode&quot;)),g=getParam(Q,&quot;tiddler&quot;,&quot;&quot;),r=g?g:X.attr(&quot;tid&quot;),ac=(getParam(Q,&quot;exclude&quot;,&quot;&quot;)+&quot; &quot;+ab.excludeTagged).readBracketedList(),y=nu=v?ab.newAt:ab.newAtSingle,P=store.getTiddler(r);if(!r){return}o=isNaN(o)?ab.defaultMode:o;ac.map(function(i){K.pushUnique(i)});for(W=0;W&lt;ac.length;W++){store.getTaggedTiddlers(ac[W]).map(function(i){K.pushUnique(i.title)})}if(v&amp;&amp;!store.getTiddlerText(v)){return false}if(F){D=e(&quot;#&quot;+F)[0];e(D).empty()}if(!D){M=true;F=I.newId(&quot;tgspop&quot;);D=Popup.create(this);e(D).addClass(&quot;tgs&quot;).attr({id:F}).data({btn:X,tiddler:r,source:v,mode:o}).click(I.noBubble);X.attr(&quot;popup&quot;,F)}if(v){C=store.getTiddlerText(v).readBracketedList();for(L=0;L&lt;C.length;L++){if(!K.contains(C[L])){H=store.getTaggedTiddlers(C[L]);J.push(&quot;TAG:&quot;+C[L]);for(N=0;N&lt;H.length;N++){if(!K.contains(H[N].title)){J.push(H[N].title)}}}}}else{J=store.getTags()}G=P?P.tags.sort():[];Y=function(j,i){return createTiddlyElement(createTiddlyElement(j,&quot;li&quot;,null,null),&quot;ol&quot;,null,i?i:null)};A=function(j,x,i,p){var m,l;m=createTiddlyElement(createTiddlyElement(j,&quot;li&quot;),&quot;span&quot;,null,null);l=e(createTiddlyButton(m,x,p.format([&quot;'&quot;+i+&quot;'&quot;]),I.setTag,&quot;button toggleButton&quot;,null));l.data({tiddler:r,tag:i,source:v,mode:o});insertSpacer(m);createTagButton(m,i)};S=Y(D,&quot;tgside&quot;);if(config.macros.gotoTiddler&amp;&amp;Z){R=Y(S);if(g){U=createTiddlyElement(R,&quot;li&quot;,null,&quot;addto&quot;,&quot;&quot;);wikify(&quot;{{title{&quot;+ab.txtFor+&quot;}}}&lt;&lt;tag [[&quot;+r+&quot;]]&gt;&gt;&quot;,U);R=Y(S)}createTiddlyElement(R,&quot;li&quot;,null,&quot;title&quot;,ab.addTag);wikify(&quot;&lt;&lt;gotoTiddler &quot;+n+&quot; &gt;&gt;&quot;,R);e(&quot;input&quot;,D).bind(B,I.noBubble).data(&quot;notify&quot;,config.macros.tagsearch.notify).focus()}R=Y(S);createTiddlyElement(R,&quot;li&quot;,null,&quot;title&quot;,ab.aretags);if(G.length==0){wikify(&quot;{{notags{&quot;+ab.notags+&quot;}}}&quot;,R)}else{for(L=0;L&lt;G.length;L++){A(R,&quot;[X]&quot;,G[L],ab.txtRemove)}}if(z){for(W=0;W&lt;J.length;W++){nu++;f=v?J[W]:J[W][0];if(f.indexOf(&quot;TAG:&quot;)==0){f=f.substr(4);if(nu&gt;y){nu=0;S=Y(D)}R=Y(S);nu++;createTiddlyLink(createTiddlyElement(R,&quot;li&quot;,null,null),f,f,&quot;title&quot;)}else{if(!G.contains(f)&amp;&amp;!K.contains(f)){if(!v&amp;&amp;nu&gt;y||v&amp;&amp;nu&gt;ab.newAtSingle){nu=0;S=Y(D);R=Y(S);if(w){createTiddlyElement(createTiddlyElement(R,&quot;li&quot;,null,null),&quot;li&quot;,null,&quot;title&quot;,ab.addTags);w=false}}A(R,&quot;[&quot;+String.fromCharCode(160,160,160)+&quot;]&quot;,f,ab.txtAdd+(v?ab.txtCtrl:&quot;&quot;))}}}}if(E){S=Y(D,&quot;tgside&quot;);R=Y(S);createTiddlyElement(R,&quot;li&quot;,null,&quot;title&quot;,ab.options,null);createTiddlyButton(createTiddlyElement(R,&quot;li&quot;),ab.txtNew,null,I.setTag,&quot;tsopt&quot;,null,null,{tiddler:r});if(v){createTiddlyButton(createTiddlyElement(R,&quot;li&quot;),ab.txtEdit,ab.txtEditTip,onClickTiddlerLink,&quot;tsopt&quot;,null,null,{tiddlyLink:v.split(&quot;##&quot;)[0]})}w=true;if(q){T=store.getTiddlerText(q).readBracketedList();if(T.length&gt;0){for(W=0;W&lt;T.length;W++){f=T[W];if(f.indexOf(&quot;TAG:&quot;)==0){f=f.substr(4,f.length-4);R=Y(S);createTiddlyLink(createTiddlyElement(R,&quot;li&quot;,null,null),f,f,&quot;title&quot;);k=store.getTaggedTiddlers(f);for(V=0;V&lt;k.length;V++){f=k[V].title;if(!G.contains(f)&amp;&amp;!K.contains(f)){A(R,&quot;[&quot;+String.fromCharCode(160,160)+&quot;]&quot;,f,ab.txtAdd)}}}else{if(w){R=Y(S);createTiddlyElement(R,&quot;li&quot;,null,&quot;title&quot;,ab.more);w=false}if(!G.contains(f)&amp;&amp;!K.contains(f)){A(R,&quot;[&quot;+String.fromCharCode(160,160)+&quot;]&quot;,f,ab.txtAdd)}}}}}}if(M){Popup.show(D,false);if(h){N=document.getElementById(&quot;sidebarTabs&quot;);D.style.left=&quot;&quot;;D.style.right=(ab.sidebarOffset+(N?N.offsetWidth:0))+&quot;px&quot;}}return I.noBubble(aa)},setTag:function(w){var q,j,z,l=true,n,u,s,g,v=w||window.event,k=config.macros.tagsearch,y=k.cfg,f=e(this),o=f.closest(&quot;.tgs&quot;),i=o.data(&quot;btn&quot;),A=f.data(&quot;tag&quot;),B=o.data(&quot;tiddler&quot;),h=o.data(&quot;source&quot;),r=parseInt(o.data(&quot;mode&quot;));if(!A){z=prompt(y.promptNew,&quot;&quot;);if(!z){return false}else{A=z}}tid=k.exists(B,A);if(tid){u=tid.tags;if(!u.contains(A)){if(h&amp;&amp;r&lt;2&amp;&amp;!v.shiftKey){j=store.getTiddlerText(h).readBracketedList();findTagged:for(q=0;q&lt;j.length;q++){g=j[q];s=store.getTaggedTiddlers(g).map(function(m){return m.title});if(s.contains(A)){s.splice(s.indexOf(A),1);if(!v.ctrlKey&amp;&amp;r==1&amp;&amp;u.containsAny(s)){l=confirm(y.modeAsk.format([g,A]))}if(l){for(n=0;n&lt;s.length;n++){g=s[n];if(u.contains(g)){store.setTiddlerTag(B,false,g)}}}break findTagged}}}store.setTiddlerTag(B,true,A)}else{if(!z){store.setTiddlerTag(B,false,A)}}n=store.getTiddler(B);store.saveTiddler(B,B,n.text,y.keepModified?n.modifier:config.options.txtUserName,y.keepModified?n.modified:new Date(),n.tags,n.fields)}if(config.options.chkAutoSave){autoSaveChanges()}i.click();o.find(&quot;input&quot;).focus();return k.noBubble(v)},newId:function(f){return f+Math.random().toString().substr(3)},notify:function(f,h){var j=e(h).closest(&quot;.tgs&quot;),g=e(&quot;form input&quot;,j)[0];t=config.macros.tagsearch.exists(j.data(&quot;tiddler&quot;),f);if(t&amp;&amp;!t.tags.contains(f)){store.setTiddlerTag(t.title,t,f)}j.data(&quot;btn&quot;).click();g.select()},exists:function(i,g){if(!store.getTiddler(i)){var h=merge({},config.defaultCustomFields);store.saveTiddler(i,i,&quot;&quot;,config.options.txtUserName,new Date(),g,h);return false}return store.getTiddler(i)},noBubble:function(g){var h=g||window.event,f=resolveTarget(h);if(h.keyCode==27){Popup.remove(0)}else{if(h.type!=&quot;click&quot;&amp;&amp;f.nodeName.toUpperCase()==&quot;INPUT&quot;){return true}}if(hasClass(f,&quot;tiddlyLink&quot;)){return true}Popup.remove(1);h.cancelBubble=true;try{event.keyCode=0}catch(h){}if(window.event){h.returnValue=false}if(h.preventDefault){h.preventDefault()}if(h.stopPropagation){h.stopPropagation()}return false}};config.commands.tagSearch={};var d=config.macros.toolbar;d.createCommandTAGS=d.createCommand;d.createCommand=function(f,h,g,i){if(h==&quot;tagSearch&quot;){wikify(&quot;&lt;&lt;tagsearch toolbar &quot;+config.macros.tagsearch.cfg.toolbar+&quot;&gt;&gt;&quot;,f);e(f.lastChild).attr({commandName:&quot;tagSearch&quot;,tiddler:g.title})}else{d.createCommandTAGS.apply(this,arguments)}};var b=config.macros.gotoTiddler;if(b){b.processItem=function(i,g,h,f){if(!i.length){return}h.style.display=f?&quot;block&quot;:&quot;none&quot;;if(i==&quot;*&quot;){story.search(g.value);return false}if(!f){g.value=i}var j=e(g).data(&quot;notify&quot;);if(j){j.call(this,i,g)}else{story.displayTiddler(null,i)}return false};b.IEtableFixup=&quot;%0&quot;}var c=store.getTiddlerText(&quot;ColorPalette::TertiaryMid&quot;),a=store.getTiddlerText(&quot;ColorPalette::TertiaryDark&quot;);config.shadowTiddlers.StyleSheetTagSearch=&quot;/*{{{*/\n.tgs {padding:7px !important;-moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;}\n.tgs li a, .tgs .quickopentag .tiddlyLink {display:inline;padding:2px;clear:none;}\n.tgs li a.toggleButton {display:inline;margin-left:5px;}\n.tgs .title {margin:3px 0 0 5px;font-weight:bold;font-size:120%;color:&quot;+c+&quot;;padding:0;}\n.tgs form{display:block;float:left;clear:both;padding-left:5px !important;}\n.tgs .addto .quickopentag{display:block;clear:both;padding:5px;font-size:120%;}\n.tgs .notags, .tsopt{display:block;clear:both;margin:5px;}\n.tgs .highlight{background:&quot;+a+&quot;;}\n.tgs ol{margin:0;padding:0 0 5px 0;}\n.tgs li{display:block;float:left;padding-bottom:10px !important;}\n.tgs li span{line-height:1em;}\n.tgs li ol li{clear:both;min-width:120px;display:inline;border:1px solid transparent;}\n.tgs li ol li:hover{border:1px solid &quot;+c+&quot;;}\n.tgs li ol li ol li{padding:0 !important;}\n.tgs li ol li ol li:hover{border:1px solid transparent;}\n.tgside li ol li {min-width:150px;}.tgs .quickopentag {display:inline;}\n.tgs .quickopentag .tiddlyLink:hover {text-decoration:underline;}\n.tgs .quickopentag .button {border:0;padding:2px;font-size:1.5em;}\n/*}}}*/&quot;;store.addNotification(&quot;StyleSheetTagSearch&quot;,refreshStyles)})(jQuery);
    11029. 

  11029. //%/</pre>
    11030. 

  11030. </div>
    11031. 

  11031. <div title="TagglyTaggingPlugin" creator="pmario" modifier="pmario" created="201008061923" modified="201009181705" tags="excludeLists systemConfig" server.title="TagglyTaggingPlugin" server.page.revision="107334" server.etag="&quot;neui-em_public/TagglyTaggingPlugin/107334;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/neui-em_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="neui-em_public" server.permissions="read, write, create, delete" server.content-type="" _hash="d5a3d484b0efd43e1e7ba601e22b98f063081049">
    11032. 

  11032. <pre>/***
    11033. 

  11033. |Name:|TagglyTaggingPlugin|
    11034. 

  11034. |Description:|tagglyTagging macro is a replacement for the builtin tagging macro in your ViewTemplate|
    11035. 

  11035. |Version:|3.3.1 ($Rev: 9828 $)|
    11036. 

  11036. |Date:|$Date: 2009-06-03 21:38:41 +1000 (Wed, 03 Jun 2009) $|
    11037. 

  11037. |Source:|http://mptw.tiddlyspot.com/#TagglyTaggingPlugin|
    11038. 

  11038. |Author:|Simon Baird &lt;simon.baird@gmail.com&gt;|
    11039. 

  11039. |License:|http://mptw.tiddlyspot.com/#TheBSDLicense|
    11040. 

  11040. !Notes
    11041. 

  11041. See http://mptw.tiddlyspot.com/#TagglyTagging
    11042. 

  11042. ***/
    11043. 

  11043. //{{{
    11044. 

  11044. 

  11045. merge(String.prototype,{
    11046. 

  11046. 

  11047. 	parseTagExpr: function(debug) {
    11048. 

  11048. 

  11049. 		if (this.trim() == &quot;&quot;)
    11050. 

  11050. 			return &quot;(true)&quot;;
    11051. 

  11051. 

  11052. 		var anyLogicOp = /(!|&amp;&amp;|\|\||\(|\))/g;
    11053. 

  11053. 		var singleLogicOp = /^(!|&amp;&amp;|\|\||\(|\))$/;
    11054. 

  11054. 

  11055. 		var spaced = this.
    11056. 

  11056. 			// because square brackets in templates are no good
    11057. 

  11057. 			// this means you can use [(With Spaces)] instead of [[With Spaces]]
    11058. 

  11058. 			replace(/\[\(/g,&quot; [[&quot;).
    11059. 

  11059. 			replace(/\)\]/g,&quot;]] &quot;). 
    11060. 

  11060. 			// space things out so we can use readBracketedList. tricky eh?
    11061. 

  11061. 			replace(anyLogicOp,&quot; $1 &quot;);
    11062. 

  11062. 

  11063. 		var expr = &quot;&quot;;
    11064. 

  11064. 

  11065. 		var tokens = spaced.readBracketedList(false); // false means don't uniq the list. nice one JR!
    11066. 

  11066. 

  11067. 		for (var i=0;i&lt;tokens.length;i++)
    11068. 

  11068. 			if (tokens[i].match(singleLogicOp))
    11069. 

  11069. 				expr += tokens[i];
    11070. 

  11070. 			else
    11071. 

  11071. 				expr += &quot;tiddler.tags.contains('%0')&quot;.format([tokens[i].replace(/'/,&quot;\\'&quot;)]); // fix single quote bug. still have round bracket bug i think
    11072. 

  11072. 

  11073. 		if (debug)
    11074. 

  11074. 			alert(expr);
    11075. 

  11075. 

  11076. 		return '('+expr+')';
    11077. 

  11077. 	}
    11078. 

  11078. 

  11079. });
    11080. 

  11080. 

  11081. merge(TiddlyWiki.prototype,{
    11082. 

  11082. 	getTiddlersByTagExpr: function(tagExpr,sortField) {
    11083. 

  11083. 

  11084. 		var result = [];
    11085. 

  11085. 

  11086. 		var expr = tagExpr.parseTagExpr();
    11087. 

  11087. 

  11088. 		store.forEachTiddler(function(title,tiddler) {
    11089. 

  11089. 			if (eval(expr))
    11090. 

  11090. 				result.push(tiddler);
    11091. 

  11091. 		});
    11092. 

  11092. 

  11093. 		if(!sortField)
    11094. 

  11094. 			sortField = &quot;title&quot;;
    11095. 

  11095. 

  11096. 		result.sort(function(a,b) {return a[sortField] &lt; b[sortField] ? -1 : (a[sortField] == b[sortField] ? 0 : +1);});
    11097. 

  11097. 		
    11098. 

  11098. 		return result;
    11099. 

  11099. 	}
    11100. 

  11100. });
    11101. 

  11101. 

  11102. config.taggly = {
    11103. 

  11103. 

  11104. 	// for translations
    11105. 

  11105. 	lingo: {
    11106. 

  11106. 		labels: {
    11107. 

  11107. 			asc:        &quot;\u2191&quot;, // down arrow
    11108. 

  11108. 			desc:       &quot;\u2193&quot;, // up arrow
    11109. 

  11109. 			title:      &quot;title&quot;,
    11110. 

  11110. 			modified:   &quot;modified&quot;,
    11111. 

  11111. 			created:    &quot;created&quot;,
    11112. 

  11112. 			show:       &quot;+&quot;,
    11113. 

  11113. 			hide:       &quot;-&quot;,
    11114. 

  11114. 			normal:     &quot;normal&quot;,
    11115. 

  11115. 			group:      &quot;group&quot;,
    11116. 

  11116. 			commas:     &quot;commas&quot;,
    11117. 

  11117. 			sitemap:    &quot;sitemap&quot;,
    11118. 

  11118. 			numCols:    &quot;cols\u00b1&quot;, // plus minus sign
    11119. 

  11119. 			label:      &quot;Tagged as '%0':&quot;,
    11120. 

  11120. 			exprLabel:  &quot;Matching tag expression '%0':&quot;,
    11121. 

  11121. 			excerpts:   &quot;excerpts&quot;,
    11122. 

  11122. 			descr:      &quot;descr&quot;,
    11123. 

  11123. 			slices:     &quot;slices&quot;,
    11124. 

  11124. 			contents:   &quot;contents&quot;,
    11125. 

  11125. 			sliders:    &quot;sliders&quot;,
    11126. 

  11126. 			noexcerpts: &quot;title only&quot;,
    11127. 

  11127. 			noneFound:  &quot;(none)&quot;
    11128. 

  11128. 		},
    11129. 

  11129. 

  11130. 		tooltips: {
    11131. 

  11131. 			title:      &quot;Click to sort by title&quot;,
    11132. 

  11132. 			modified:   &quot;Click to sort by modified date&quot;,
    11133. 

  11133. 			created:    &quot;Click to sort by created date&quot;,
    11134. 

  11134. 			show:       &quot;Click to show tagging list&quot;,
    11135. 

  11135. 			hide:       &quot;Click to hide tagging list&quot;,
    11136. 

  11136. 			normal:     &quot;Click to show a normal ungrouped list&quot;,
    11137. 

  11137. 			group:      &quot;Click to show list grouped by tag&quot;,
    11138. 

  11138. 			sitemap:    &quot;Click to show a sitemap style list&quot;,
    11139. 

  11139. 			commas:     &quot;Click to show a comma separated list&quot;,
    11140. 

  11140. 			numCols:    &quot;Click to change number of columns&quot;,
    11141. 

  11141. 			excerpts:   &quot;Click to show excerpts&quot;,
    11142. 

  11142. 			descr:      &quot;Click to show the description slice&quot;,
    11143. 

  11143. 			slices:     &quot;Click to show all slices&quot;,
    11144. 

  11144. 			contents:   &quot;Click to show entire tiddler contents&quot;,
    11145. 

  11145. 			sliders:    &quot;Click to show tiddler contents in sliders&quot;,
    11146. 

  11146. 			noexcerpts: &quot;Click to show entire title only&quot;
    11147. 

  11147. 		},
    11148. 

  11148. 

  11149. 		tooDeepMessage: &quot;* //sitemap too deep...//&quot;
    11150. 

  11150. 	},
    11151. 

  11151. 

  11152. 	config: {
    11153. 

  11153. 		showTaggingCounts: true,
    11154. 

  11154. 		listOpts: {
    11155. 

  11155. 			// the first one will be the default
    11156. 

  11156. 			sortBy:     [&quot;title&quot;,&quot;modified&quot;,&quot;created&quot;],
    11157. 

  11157. 			sortOrder:  [&quot;asc&quot;,&quot;desc&quot;],
    11158. 

  11158. 			hideState:  [&quot;show&quot;,&quot;hide&quot;],
    11159. 

  11159. 			listMode:   [&quot;normal&quot;,&quot;group&quot;,&quot;sitemap&quot;,&quot;commas&quot;],
    11160. 

  11160. 			numCols:    [&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;,&quot;6&quot;],
    11161. 

  11161. 			excerpts:   [&quot;noexcerpts&quot;,&quot;excerpts&quot;,&quot;descr&quot;,&quot;slices&quot;,&quot;contents&quot;,&quot;sliders&quot;]
    11162. 

  11162. 		},
    11163. 

  11163. 		valuePrefix: &quot;taggly.&quot;,
    11164. 

  11164. 		excludeTags: [&quot;excludeLists&quot;,&quot;excludeTagging&quot;],
    11165. 

  11165. 		excerptSize: 50,
    11166. 

  11166. 		excerptMarker: &quot;/%&quot;+&quot;%/&quot;,
    11167. 

  11167. 		siteMapDepthLimit: 25
    11168. 

  11168. 	},
    11169. 

  11169. 

  11170. 	getTagglyOpt: function(title,opt) {
    11171. 

  11171. 		var val = store.getValue(title,this.config.valuePrefix+opt);
    11172. 

  11172. 		return val ? val : this.config.listOpts[opt][0];
    11173. 

  11173. 	},
    11174. 

  11174. 

  11175. 	setTagglyOpt: function(title,opt,value) {
    11176. 

  11176. 		// create it silently if it doesn't exist
    11177. 

  11177. 		if (!store.tiddlerExists(title)) {
    11178. 

  11178. 			store.saveTiddler(title,title,config.views.editor.defaultText.format([title]),config.options.txtUserName,new Date(),&quot;&quot;);
    11179. 

  11179. 

  11180. 			// &lt;&lt;tagglyTagging expr:&quot;...&quot;&gt;&gt; creates a tiddler to store its display settings
    11181. 

  11181. 			// Make those tiddlers less noticeable by tagging as excludeSearch and excludeLists
    11182. 

  11182. 			// Because we don't want to hide real tags, check that they aren't actually tags before doing so
    11183. 

  11183. 			// Also tag them as tagglyExpression for manageability
    11184. 

  11184. 			// (contributed by RA)
    11185. 

  11185. 			if (!store.getTaggedTiddlers(title).length) {
    11186. 

  11186. 				store.setTiddlerTag(title,true,&quot;excludeSearch&quot;);
    11187. 

  11187. 				store.setTiddlerTag(title,true,&quot;excludeLists&quot;);
    11188. 

  11188. 				store.setTiddlerTag(title,true,&quot;tagglyExpression&quot;);
    11189. 

  11189. 			}
    11190. 

  11190. 		}
    11191. 

  11191. 

  11192. 		// if value is default then remove it to save space
    11193. 

  11193. 		return store.setValue(title, this.config.valuePrefix+opt, value == this.config.listOpts[opt][0] ? null : value);
    11194. 

  11194. 	},
    11195. 

  11195. 

  11196. 	getNextValue: function(title,opt) {
    11197. 

  11197. 		var current = this.getTagglyOpt(title,opt);
    11198. 

  11198. 		var pos = this.config.listOpts[opt].indexOf(current);
    11199. 

  11199. 		// supposed to automagically don't let cols cycle up past the number of items
    11200. 

  11200. 		// currently broken in some situations, eg when using an expression
    11201. 

  11201. 		// lets fix it later when we rewrite for jquery
    11202. 

  11202. 		// the columns thing should be jquery table manipulation probably
    11203. 

  11203. 		var limit = (opt == &quot;numCols&quot; ? store.getTaggedTiddlers(title).length : this.config.listOpts[opt].length);
    11204. 

  11204. 		var newPos = (pos + 1) % limit;
    11205. 

  11205. 		return this.config.listOpts[opt][newPos];
    11206. 

  11206. 	},
    11207. 

  11207. 

  11208. 	toggleTagglyOpt: function(title,opt) {
    11209. 

  11209. 		var newVal = this.getNextValue(title,opt);
    11210. 

  11210. 		this.setTagglyOpt(title,opt,newVal);
    11211. 

  11211. 	}, 
    11212. 

  11212. 

  11213. 	createListControl: function(place,title,type) {
    11214. 

  11214. 		var lingo = config.taggly.lingo;
    11215. 

  11215. 		var label;
    11216. 

  11216. 		var tooltip;
    11217. 

  11217. 		var onclick;
    11218. 

  11218. 

  11219. 		if ((type == &quot;title&quot; || type == &quot;modified&quot; || type == &quot;created&quot;)) {
    11220. 

  11220. 			// &quot;special&quot; controls. a little tricky. derived from sortOrder and sortBy
    11221. 

  11221. 			label = lingo.labels[type];
    11222. 

  11222. 			tooltip = lingo.tooltips[type];
    11223. 

  11223. 

  11224. 			if (this.getTagglyOpt(title,&quot;sortBy&quot;) == type) {
    11225. 

  11225. 				label += lingo.labels[this.getTagglyOpt(title,&quot;sortOrder&quot;)];
    11226. 

  11226. 				onclick = function() {
    11227. 

  11227. 					config.taggly.toggleTagglyOpt(title,&quot;sortOrder&quot;);
    11228. 

  11228. 					return false;
    11229. 

  11229. 				}
    11230. 

  11230. 			}
    11231. 

  11231. 			else {
    11232. 

  11232. 				onclick = function() {
    11233. 

  11233. 					config.taggly.setTagglyOpt(title,&quot;sortBy&quot;,type);
    11234. 

  11234. 					config.taggly.setTagglyOpt(title,&quot;sortOrder&quot;,config.taggly.config.listOpts.sortOrder[0]);
    11235. 

  11235. 					return false;
    11236. 

  11236. 				}
    11237. 

  11237. 			}
    11238. 

  11238. 		}
    11239. 

  11239. 		else {
    11240. 

  11240. 			// &quot;regular&quot; controls, nice and simple
    11241. 

  11241. 			label = lingo.labels[type == &quot;numCols&quot; ? type : this.getNextValue(title,type)];
    11242. 

  11242. 			tooltip = lingo.tooltips[type == &quot;numCols&quot; ? type : this.getNextValue(title,type)];
    11243. 

  11243. 			onclick = function() {
    11244. 

  11244. 				config.taggly.toggleTagglyOpt(title,type);
    11245. 

  11245. 				return false;
    11246. 

  11246. 			}
    11247. 

  11247. 		}
    11248. 

  11248. 

  11249. 		// hide button because commas don't have columns
    11250. 

  11250. 		if (!(this.getTagglyOpt(title,&quot;listMode&quot;) == &quot;commas&quot; &amp;&amp; type == &quot;numCols&quot;))
    11251. 

  11251. 			createTiddlyButton(place,label,tooltip,onclick,type == &quot;hideState&quot; ? &quot;hidebutton&quot; : &quot;button&quot;);
    11252. 

  11252. 	},
    11253. 

  11253. 

  11254. 	makeColumns: function(orig,numCols) {
    11255. 

  11255. 		var listSize = orig.length;
    11256. 

  11256. 		var colSize = listSize/numCols;
    11257. 

  11257. 		var remainder = listSize % numCols;
    11258. 

  11258. 

  11259. 		var upperColsize = colSize;
    11260. 

  11260. 		var lowerColsize = colSize;
    11261. 

  11261. 

  11262. 		if (colSize != Math.floor(colSize)) {
    11263. 

  11263. 			// it's not an exact fit so..
    11264. 

  11264. 			upperColsize = Math.floor(colSize) + 1;
    11265. 

  11265. 			lowerColsize = Math.floor(colSize);
    11266. 

  11266. 		}
    11267. 

  11267. 

  11268. 		var output = [];
    11269. 

  11269. 		var c = 0;
    11270. 

  11270. 		for (var j=0;j&lt;numCols;j++) {
    11271. 

  11271. 			var singleCol = [];
    11272. 

  11272. 			var thisSize = j &lt; remainder ? upperColsize : lowerColsize;
    11273. 

  11273. 			for (var i=0;i&lt;thisSize;i++) 
    11274. 

  11274. 				singleCol.push(orig[c++]);
    11275. 

  11275. 			output.push(singleCol);
    11276. 

  11276. 		}
    11277. 

  11277. 

  11278. 		return output;
    11279. 

  11279. 	},
    11280. 

  11280. 

  11281. 	drawTable: function(place,columns,theClass) {
    11282. 

  11282. 		var newTable = createTiddlyElement(place,&quot;table&quot;,null,theClass);
    11283. 

  11283. 		var newTbody = createTiddlyElement(newTable,&quot;tbody&quot;);
    11284. 

  11284. 		var newTr = createTiddlyElement(newTbody,&quot;tr&quot;);
    11285. 

  11285. 		for (var j=0;j&lt;columns.length;j++) {
    11286. 

  11286. 			var colOutput = &quot;&quot;;
    11287. 

  11287. 			for (var i=0;i&lt;columns[j].length;i++) 
    11288. 

  11288. 				colOutput += columns[j][i];
    11289. 

  11289. 			var newTd = createTiddlyElement(newTr,&quot;td&quot;,null,&quot;tagglyTagging&quot;); // todo should not need this class
    11290. 

  11290. 			wikify(colOutput,newTd);
    11291. 

  11291. 		}
    11292. 

  11292. 		return newTable;
    11293. 

  11293. 	},
    11294. 

  11294. 

  11295. 	createTagglyList: function(place,title,isTagExpr) {
    11296. 

  11296. 		switch(this.getTagglyOpt(title,&quot;listMode&quot;)) {
    11297. 

  11297. 			case &quot;group&quot;:  return this.createTagglyListGrouped(place,title,isTagExpr); break;
    11298. 

  11298. 			case &quot;normal&quot;: return this.createTagglyListNormal(place,title,false,isTagExpr); break;
    11299. 

  11299. 			case &quot;commas&quot;: return this.createTagglyListNormal(place,title,true,isTagExpr); break;
    11300. 

  11300. 			case &quot;sitemap&quot;:return this.createTagglyListSiteMap(place,title,isTagExpr); break;
    11301. 

  11301. 		}
    11302. 

  11302. 	},
    11303. 

  11303. 

  11304. 	getTaggingCount: function(title,isTagExpr) {
    11305. 

  11305. 		// thanks to Doug Edmunds
    11306. 

  11306. 		if (this.config.showTaggingCounts) {
    11307. 

  11307. 			var tagCount = config.taggly.getTiddlers(title,'title',isTagExpr).length;
    11308. 

  11308. 			if (tagCount &gt; 0)
    11309. 

  11309. 				return &quot; (&quot;+tagCount+&quot;)&quot;;
    11310. 

  11310. 		}
    11311. 

  11311. 		return &quot;&quot;;
    11312. 

  11312. 	},
    11313. 

  11313. 

  11314. 	getTiddlers: function(titleOrExpr,sortBy,isTagExpr) {
    11315. 

  11315. 		return isTagExpr ? store.getTiddlersByTagExpr(titleOrExpr,sortBy) : store.getTaggedTiddlers(titleOrExpr,sortBy);
    11316. 

  11316. 	},
    11317. 

  11317. 

  11318. 	getExcerpt: function(inTiddlerTitle,title,indent) {
    11319. 

  11319. 		if (!indent)
    11320. 

  11320. 			indent = 1;
    11321. 

  11321. 

  11322. 		var displayMode = this.getTagglyOpt(inTiddlerTitle,&quot;excerpts&quot;);
    11323. 

  11323. 		var t = store.getTiddler(title);
    11324. 

  11324. 

  11325. 		if (t &amp;&amp; displayMode == &quot;excerpts&quot;) {
    11326. 

  11326. 			var text = t.text.replace(/\n/,&quot; &quot;);
    11327. 

  11327. 			var marker = text.indexOf(this.config.excerptMarker);
    11328. 

  11328. 			if (marker != -1) {
    11329. 

  11329. 				return &quot; {{excerpt{&lt;nowiki&gt;&quot; + text.substr(0,marker) + &quot;&lt;/nowiki&gt;}}}&quot;;
    11330. 

  11330. 			}
    11331. 

  11331. 			else if (text.length &lt; this.config.excerptSize) {
    11332. 

  11332. 				return &quot; {{excerpt{&lt;nowiki&gt;&quot; + t.text + &quot;&lt;/nowiki&gt;}}}&quot;;
    11333. 

  11333. 			}
    11334. 

  11334. 			else {
    11335. 

  11335. 				return &quot; {{excerpt{&lt;nowiki&gt;&quot; + t.text.substr(0,this.config.excerptSize) + &quot;...&quot; + &quot;&lt;/nowiki&gt;}}}&quot;;
    11336. 

  11336. 			}
    11337. 

  11337. 		}
    11338. 

  11338. 		else if (t &amp;&amp; displayMode == &quot;contents&quot;) {
    11339. 

  11339. 			return &quot;\n{{contents indent&quot;+indent+&quot;{\n&quot; + t.text + &quot;\n}}}&quot;;
    11340. 

  11340. 		}
    11341. 

  11341. 		else if (t &amp;&amp; displayMode == &quot;sliders&quot;) {
    11342. 

  11342. 			return &quot;&lt;slider slide&gt;\n{{contents{\n&quot; + t.text + &quot;\n}}}\n&lt;/slider&gt;&quot;;
    11343. 

  11343. 		}
    11344. 

  11344. 		else if (t &amp;&amp; displayMode == &quot;descr&quot;) {
    11345. 

  11345. 			var descr = store.getTiddlerSlice(title,'Description');
    11346. 

  11346. 			return descr ? &quot; {{excerpt{&quot; + descr  + &quot;}}}&quot; : &quot;&quot;;
    11347. 

  11347. 		}
    11348. 

  11348. 		else if (t &amp;&amp; displayMode == &quot;slices&quot;) {
    11349. 

  11349. 			var result = &quot;&quot;;
    11350. 

  11350. 			var slices = store.calcAllSlices(title);
    11351. 

  11351. 			for (var s in slices)
    11352. 

  11352. 				result += &quot;|%0|&lt;nowiki&gt;%1&lt;/nowiki&gt;|\n&quot;.format([s,slices[s]]);
    11353. 

  11353. 			return result ? &quot;\n{{excerpt excerptIndent{\n&quot; + result  + &quot;}}}&quot; : &quot;&quot;;
    11354. 

  11354. 		}
    11355. 

  11355. 		return &quot;&quot;;
    11356. 

  11356. 	},
    11357. 

  11357. 

  11358. 	notHidden: function(t,inTiddler) {
    11359. 

  11359. 		if (typeof t == &quot;string&quot;) 
    11360. 

  11360. 			t = store.getTiddler(t);
    11361. 

  11361. 		return (!t || !t.tags.containsAny(this.config.excludeTags) ||
    11362. 

  11362. 				(inTiddler &amp;&amp; this.config.excludeTags.contains(inTiddler)));
    11363. 

  11363. 	},
    11364. 

  11364. 

  11365. 	// this is for normal and commas mode
    11366. 

  11366. 	createTagglyListNormal: function(place,title,useCommas,isTagExpr) {
    11367. 

  11367. 

  11368. 		var list = config.taggly.getTiddlers(title,this.getTagglyOpt(title,&quot;sortBy&quot;),isTagExpr);
    11369. 

  11369. 

  11370. 		if (this.getTagglyOpt(title,&quot;sortOrder&quot;) == &quot;desc&quot;)
    11371. 

  11371. 			list = list.reverse();
    11372. 

  11372. 

  11373. 		var output = [];
    11374. 

  11374. 		var first = true;
    11375. 

  11375. 		for (var i=0;i&lt;list.length;i++) {
    11376. 

  11376. 			if (this.notHidden(list[i],title)) {
    11377. 

  11377. 				var countString = this.getTaggingCount(list[i].title);
    11378. 

  11378. 				var excerpt = this.getExcerpt(title,list[i].title);
    11379. 

  11379. 				if (useCommas)
    11380. 

  11380. 					output.push((first ? &quot;&quot; : &quot;, &quot;) + &quot;[[&quot; + list[i].title + &quot;]]&quot; + countString + excerpt);
    11381. 

  11381. 				else
    11382. 

  11382. 					output.push(&quot;*[[&quot; + list[i].title + &quot;]]&quot; + countString + excerpt + &quot;\n&quot;);
    11383. 

  11383. 

  11384. 				first = false;
    11385. 

  11385. 			}
    11386. 

  11386. 		}
    11387. 

  11387. 

  11388. 		return this.drawTable(place,
    11389. 

  11389. 			this.makeColumns(output,useCommas ? 1 : parseInt(this.getTagglyOpt(title,&quot;numCols&quot;))),
    11390. 

  11390. 			useCommas ? &quot;commas&quot; : &quot;normal&quot;);
    11391. 

  11391. 	},
    11392. 

  11392. 

  11393. 	// this is for the &quot;grouped&quot; mode
    11394. 

  11394. 	createTagglyListGrouped: function(place,title,isTagExpr) {
    11395. 

  11395. 		var sortBy = this.getTagglyOpt(title,&quot;sortBy&quot;);
    11396. 

  11396. 		var sortOrder = this.getTagglyOpt(title,&quot;sortOrder&quot;);
    11397. 

  11397. 

  11398. 		var list = config.taggly.getTiddlers(title,sortBy,isTagExpr);
    11399. 

  11399. 

  11400. 		if (sortOrder == &quot;desc&quot;)
    11401. 

  11401. 			list = list.reverse();
    11402. 

  11402. 

  11403. 		var leftOvers = []
    11404. 

  11404. 		for (var i=0;i&lt;list.length;i++)
    11405. 

  11405. 			leftOvers.push(list[i].title);
    11406. 

  11406. 

  11407. 		var allTagsHolder = {};
    11408. 

  11408. 		for (var i=0;i&lt;list.length;i++) {
    11409. 

  11409. 			for (var j=0;j&lt;list[i].tags.length;j++) {
    11410. 

  11410. 

  11411. 				if (list[i].tags[j] != title) { // not this tiddler
    11412. 

  11412. 

  11413. 					if (this.notHidden(list[i].tags[j],title)) {
    11414. 

  11414. 

  11415. 						if (!allTagsHolder[list[i].tags[j]])
    11416. 

  11416. 							allTagsHolder[list[i].tags[j]] = &quot;&quot;;
    11417. 

  11417. 

  11418. 						if (this.notHidden(list[i],title)) {
    11419. 

  11419. 							allTagsHolder[list[i].tags[j]] += &quot;**[[&quot;+list[i].title+&quot;]]&quot;
    11420. 

  11420. 										+ this.getTaggingCount(list[i].title) + this.getExcerpt(title,list[i].title) + &quot;\n&quot;;
    11421. 

  11421. 

  11422. 							leftOvers.setItem(list[i].title,-1); // remove from leftovers. at the end it will contain the leftovers
    11423. 

  11423. 

  11424. 						}
    11425. 

  11425. 					}
    11426. 

  11426. 				}
    11427. 

  11427. 			}
    11428. 

  11428. 		}
    11429. 

  11429. 

  11430. 		var allTags = [];
    11431. 

  11431. 		for (var t in allTagsHolder)
    11432. 

  11432. 			allTags.push(t);
    11433. 

  11433. 

  11434. 		var sortHelper = function(a,b) {
    11435. 

  11435. 			if (a == b) return 0;
    11436. 

  11436. 			if (a &lt; b) return -1;
    11437. 

  11437. 			return 1;
    11438. 

  11438. 		};
    11439. 

  11439. 

  11440. 		allTags.sort(function(a,b) {
    11441. 

  11441. 			var tidA = store.getTiddler(a);
    11442. 

  11442. 			var tidB = store.getTiddler(b);
    11443. 

  11443. 			if (sortBy == &quot;title&quot;) return sortHelper(a,b);
    11444. 

  11444. 			else if (!tidA &amp;&amp; !tidB) return 0;
    11445. 

  11445. 			else if (!tidA) return -1;
    11446. 

  11446. 			else if (!tidB) return +1;
    11447. 

  11447. 			else return sortHelper(tidA[sortBy],tidB[sortBy]);
    11448. 

  11448. 		});
    11449. 

  11449. 

  11450. 		var leftOverOutput = &quot;&quot;;
    11451. 

  11451. 		for (var i=0;i&lt;leftOvers.length;i++)
    11452. 

  11452. 			if (this.notHidden(leftOvers[i],title))
    11453. 

  11453. 				leftOverOutput += &quot;*[[&quot;+leftOvers[i]+&quot;]]&quot; + this.getTaggingCount(leftOvers[i]) + this.getExcerpt(title,leftOvers[i]) + &quot;\n&quot;;
    11454. 

  11454. 

  11455. 		var output = [];
    11456. 

  11456. 

  11457. 		if (sortOrder == &quot;desc&quot;)
    11458. 

  11458. 			allTags.reverse();
    11459. 

  11459. 		else if (leftOverOutput != &quot;&quot;)
    11460. 

  11460. 			// leftovers first...
    11461. 

  11461. 			output.push(leftOverOutput);
    11462. 

  11462. 

  11463. 		for (var i=0;i&lt;allTags.length;i++)
    11464. 

  11464. 			if (allTagsHolder[allTags[i]] != &quot;&quot;)
    11465. 

  11465. 				output.push(&quot;*[[&quot;+allTags[i]+&quot;]]&quot; + this.getTaggingCount(allTags[i]) + this.getExcerpt(title,allTags[i]) + &quot;\n&quot; + allTagsHolder[allTags[i]]);
    11466. 

  11466. 

  11467. 		if (sortOrder == &quot;desc&quot; &amp;&amp; leftOverOutput != &quot;&quot;)
    11468. 

  11468. 			// leftovers last...
    11469. 

  11469. 			output.push(leftOverOutput);
    11470. 

  11470. 

  11471. 		return this.drawTable(place,
    11472. 

  11472. 				this.makeColumns(output,parseInt(this.getTagglyOpt(title,&quot;numCols&quot;))),
    11473. 

  11473. 				&quot;grouped&quot;);
    11474. 

  11474. 

  11475. 	},
    11476. 

  11476. 

  11477. 	// used to build site map
    11478. 

  11478. 	treeTraverse: function(title,depth,sortBy,sortOrder,isTagExpr) {
    11479. 

  11479. 

  11480. 		var list = config.taggly.getTiddlers(title,sortBy,isTagExpr);
    11481. 

  11481. 

  11482. 		if (sortOrder == &quot;desc&quot;)
    11483. 

  11483. 			list.reverse();
    11484. 

  11484. 

  11485. 		var indent = &quot;&quot;;
    11486. 

  11486. 		for (var j=0;j&lt;depth;j++)
    11487. 

  11487. 			indent += &quot;*&quot;
    11488. 

  11488. 

  11489. 		var childOutput = &quot;&quot;;
    11490. 

  11490. 

  11491. 		if (depth &gt; this.config.siteMapDepthLimit)
    11492. 

  11492. 			childOutput += indent + this.lingo.tooDeepMessage;
    11493. 

  11493. 		else
    11494. 

  11494. 			for (var i=0;i&lt;list.length;i++)
    11495. 

  11495. 				if (list[i].title != title)
    11496. 

  11496. 					if (this.notHidden(list[i].title,this.config.inTiddler))
    11497. 

  11497. 						childOutput += this.treeTraverse(list[i].title,depth+1,sortBy,sortOrder,false);
    11498. 

  11498. 

  11499. 		if (depth == 0)
    11500. 

  11500. 			return childOutput;
    11501. 

  11501. 		else
    11502. 

  11502. 			return indent + &quot;[[&quot;+title+&quot;]]&quot; + this.getTaggingCount(title) + this.getExcerpt(this.config.inTiddler,title,depth) + &quot;\n&quot; + childOutput;
    11503. 

  11503. 	},
    11504. 

  11504. 

  11505. 	// this if for the site map mode
    11506. 

  11506. 	createTagglyListSiteMap: function(place,title,isTagExpr) {
    11507. 

  11507. 		this.config.inTiddler = title; // nasty. should pass it in to traverse probably
    11508. 

  11508. 		var output = this.treeTraverse(title,0,this.getTagglyOpt(title,&quot;sortBy&quot;),this.getTagglyOpt(title,&quot;sortOrder&quot;),isTagExpr);
    11509. 

  11509. 		return this.drawTable(place,
    11510. 

  11510. 				this.makeColumns(output.split(/(?=^\*\[)/m),parseInt(this.getTagglyOpt(title,&quot;numCols&quot;))), // regexp magic
    11511. 

  11511. 				&quot;sitemap&quot;
    11512. 

  11512. 				);
    11513. 

  11513. 	},
    11514. 

  11514. 

  11515. 	macros: {
    11516. 

  11516. 		tagglyTagging: {
    11517. 

  11517. 			handler: function (place,macroName,params,wikifier,paramString,tiddler) {
    11518. 

  11518. 				var parsedParams = paramString.parseParams(&quot;tag&quot;,null,true);
    11519. 

  11519. 				var refreshContainer = createTiddlyElement(place,&quot;div&quot;);
    11520. 

  11520. 

  11521. 				// do some refresh magic to make it keep the list fresh - thanks Saq
    11522. 

  11522. 				refreshContainer.setAttribute(&quot;refresh&quot;,&quot;macro&quot;);
    11523. 

  11523. 				refreshContainer.setAttribute(&quot;macroName&quot;,macroName);
    11524. 

  11524. 

  11525. 				var tag = getParam(parsedParams,&quot;tag&quot;);
    11526. 

  11526. 				var expr = getParam(parsedParams,&quot;expr&quot;);
    11527. 

  11527. 

  11528. 				if (expr) {
    11529. 

  11529. 					refreshContainer.setAttribute(&quot;isTagExpr&quot;,&quot;true&quot;);
    11530. 

  11530. 					refreshContainer.setAttribute(&quot;title&quot;,expr);
    11531. 

  11531. 					refreshContainer.setAttribute(&quot;showEmpty&quot;,&quot;true&quot;);
    11532. 

  11532. 				}
    11533. 

  11533. 				else {
    11534. 

  11534. 					refreshContainer.setAttribute(&quot;isTagExpr&quot;,&quot;false&quot;);
    11535. 

  11535. 					if (tag) {
    11536. 

  11536.         				refreshContainer.setAttribute(&quot;title&quot;,tag);
    11537. 

  11537. 						refreshContainer.setAttribute(&quot;showEmpty&quot;,&quot;true&quot;);
    11538. 

  11538. 					}
    11539. 

  11539. 					else {
    11540. 

  11540.         				refreshContainer.setAttribute(&quot;title&quot;,tiddler.title);
    11541. 

  11541. 						refreshContainer.setAttribute(&quot;showEmpty&quot;,&quot;false&quot;);
    11542. 

  11542. 					}
    11543. 

  11543. 				}
    11544. 

  11544. 				this.refresh(refreshContainer);
    11545. 

  11545. 			},
    11546. 

  11546. 

  11547. 			refresh: function(place) {
    11548. 

  11548. 				var title = place.getAttribute(&quot;title&quot;);
    11549. 

  11549. 				var isTagExpr = place.getAttribute(&quot;isTagExpr&quot;) == &quot;true&quot;;
    11550. 

  11550. 				var showEmpty = place.getAttribute(&quot;showEmpty&quot;) == &quot;true&quot;;
    11551. 

  11551. 				removeChildren(place);
    11552. 

  11552. 				addClass(place,&quot;tagglyTagging&quot;);
    11553. 

  11553. 				var countFound = config.taggly.getTiddlers(title,'title',isTagExpr).length
    11554. 

  11554. 				if (countFound &gt; 0 || showEmpty) {
    11555. 

  11555. 					var lingo = config.taggly.lingo;
    11556. 

  11556. 					config.taggly.createListControl(place,title,&quot;hideState&quot;);
    11557. 

  11557. 					if (config.taggly.getTagglyOpt(title,&quot;hideState&quot;) == &quot;show&quot;) {
    11558. 

  11558. 						createTiddlyElement(place,&quot;span&quot;,null,&quot;tagglyLabel&quot;,
    11559. 

  11559. 								isTagExpr ? lingo.labels.exprLabel.format([title]) : lingo.labels.label.format([title]));
    11560. 

  11560. 						config.taggly.createListControl(place,title,&quot;title&quot;);
    11561. 

  11561. 						config.taggly.createListControl(place,title,&quot;modified&quot;);
    11562. 

  11562. 						config.taggly.createListControl(place,title,&quot;created&quot;);
    11563. 

  11563. 						config.taggly.createListControl(place,title,&quot;listMode&quot;);
    11564. 

  11564. 						config.taggly.createListControl(place,title,&quot;excerpts&quot;);
    11565. 

  11565. 						config.taggly.createListControl(place,title,&quot;numCols&quot;);
    11566. 

  11566. 						config.taggly.createTagglyList(place,title,isTagExpr);
    11567. 

  11567. 						if (countFound == 0 &amp;&amp; showEmpty)
    11568. 

  11568. 							createTiddlyElement(place,&quot;div&quot;,null,&quot;tagglyNoneFound&quot;,lingo.labels.noneFound);
    11569. 

  11569. 					}
    11570. 

  11570. 				}
    11571. 

  11571. 			}
    11572. 

  11572. 		}
    11573. 

  11573. 	},
    11574. 

  11574. 

  11575. 	// todo fix these up a bit
    11576. 

  11576. 	styles: [
    11577. 

  11577. &quot;/*{{{*/&quot;,
    11578. 

  11578. &quot;/* created by TagglyTaggingPlugin */&quot;,
    11579. 

  11579. &quot;.tagglyTagging { padding-top:0.5em; }&quot;,
    11580. 

  11580. &quot;.tagglyTagging li.listTitle { display:none; }&quot;,
    11581. 

  11581. &quot;.tagglyTagging ul {&quot;,
    11582. 

  11582. &quot;	margin-top:0px; padding-top:0.5em; padding-left:2em;&quot;,
    11583. 

  11583. &quot;	margin-bottom:0px; padding-bottom:0px;&quot;,
    11584. 

  11584. &quot;}&quot;,
    11585. 

  11585. &quot;.tagglyTagging { vertical-align: top; margin:0px; padding:0px; }&quot;,
    11586. 

  11586. &quot;.tagglyTagging table { margin:0px; padding:0px; }&quot;,
    11587. 

  11587. &quot;.tagglyTagging .button { visibility:hidden; margin-left:3px; margin-right:3px; }&quot;,
    11588. 

  11588. &quot;.tagglyTagging .button, .tagglyTagging .hidebutton {&quot;,
    11589. 

  11589. &quot;	color:[[ColorPalette::TertiaryLight]]; font-size:90%;&quot;,
    11590. 

  11590. &quot;	border:0px; padding-left:0.3em;padding-right:0.3em;&quot;,
    11591. 

  11591. &quot;}&quot;,
    11592. 

  11592. &quot;.tagglyTagging .button:hover, .hidebutton:hover, &quot;,
    11593. 

  11593. &quot;.tagglyTagging .button:active, .hidebutton:active  {&quot;,
    11594. 

  11594. &quot;	border:0px; background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]];&quot;,
    11595. 

  11595. &quot;}&quot;,
    11596. 

  11596. &quot;.selected .tagglyTagging .button { visibility:visible; }&quot;,
    11597. 

  11597. &quot;.tagglyTagging .hidebutton { color:[[ColorPalette::Background]]; }&quot;,
    11598. 

  11598. &quot;.selected .tagglyTagging .hidebutton { color:[[ColorPalette::TertiaryLight]] }&quot;,
    11599. 

  11599. &quot;.tagglyLabel { color:[[ColorPalette::TertiaryMid]]; font-size:90%; }&quot;,
    11600. 

  11600. &quot;.tagglyTagging ul {padding-top:0px; padding-bottom:0.5em; margin-left:1em; }&quot;,
    11601. 

  11601. &quot;.tagglyTagging ul ul {list-style-type:disc; margin-left:-1em;}&quot;,
    11602. 

  11602. &quot;.tagglyTagging ul ul li {margin-left:0.5em; }&quot;,
    11603. 

  11603. &quot;.editLabel { font-size:90%; padding-top:0.5em; }&quot;,
    11604. 

  11604. &quot;.tagglyTagging .commas { padding-left:1.8em; }&quot;,
    11605. 

  11605. &quot;/* not technically tagglytagging but will put them here anyway */&quot;,
    11606. 

  11606. &quot;.tagglyTagged li.listTitle { display:none; }&quot;,
    11607. 

  11607. &quot;.tagglyTagged li { display: inline; font-size:90%; }&quot;,
    11608. 

  11608. &quot;.tagglyTagged ul { margin:0px; padding:0px; }&quot;,
    11609. 

  11609. &quot;.excerpt { color:[[ColorPalette::TertiaryDark]]; }&quot;,
    11610. 

  11610. &quot;.excerptIndent { margin-left:4em; }&quot;,
    11611. 

  11611. &quot;div.tagglyTagging table,&quot;,
    11612. 

  11612. &quot;div.tagglyTagging table tr,&quot;,
    11613. 

  11613. &quot;td.tagglyTagging&quot;,
    11614. 

  11614. &quot; {border-style:none!important; }&quot;,
    11615. 

  11615. &quot;.tagglyTagging .contents { border-bottom:2px solid [[ColorPalette::TertiaryPale]]; padding:0 1em 1em 0.5em;&quot;,
    11616. 

  11616. &quot;  margin-bottom:0.5em; }&quot;,
    11617. 

  11617. &quot;.tagglyTagging .indent1  { margin-left:3em;  }&quot;,
    11618. 

  11618. &quot;.tagglyTagging .indent2  { margin-left:4em;  }&quot;,
    11619. 

  11619. &quot;.tagglyTagging .indent3  { margin-left:5em;  }&quot;,
    11620. 

  11620. &quot;.tagglyTagging .indent4  { margin-left:6em;  }&quot;,
    11621. 

  11621. &quot;.tagglyTagging .indent5  { margin-left:7em;  }&quot;,
    11622. 

  11622. &quot;.tagglyTagging .indent6  { margin-left:8em;  }&quot;,
    11623. 

  11623. &quot;.tagglyTagging .indent7  { margin-left:9em;  }&quot;,
    11624. 

  11624. &quot;.tagglyTagging .indent8  { margin-left:10em; }&quot;,
    11625. 

  11625. &quot;.tagglyTagging .indent9  { margin-left:11em; }&quot;,
    11626. 

  11626. &quot;.tagglyTagging .indent10 { margin-left:12em; }&quot;,
    11627. 

  11627. &quot;.tagglyNoneFound { margin-left:2em; color:[[ColorPalette::TertiaryMid]]; font-size:90%; font-style:italic; }&quot;,
    11628. 

  11628. &quot;/*}}}*/&quot;,
    11629. 

  11629. 		&quot;&quot;].join(&quot;\n&quot;),
    11630. 

  11630. 

  11631. 	init: function() {
    11632. 

  11632. 		merge(config.macros,this.macros);
    11633. 

  11633. 		config.shadowTiddlers[&quot;TagglyTaggingStyles&quot;] = this.styles;
    11634. 

  11634. 		store.addNotification(&quot;TagglyTaggingStyles&quot;,refreshStyles);
    11635. 

  11635. 	}
    11636. 

  11636. };
    11637. 

  11637. 

  11638. config.taggly.init();
    11639. 

  11639. 

  11640. //}}}
    11641. 

  11641. 

  11642. /***
    11643. 

  11643. InlineSlidersPlugin
    11644. 

  11644. By Saq Imtiaz
    11645. 

  11645. http://tw.lewcid.org/sandbox/#InlineSlidersPlugin
    11646. 

    11647. 

  11647. // syntax adjusted to not clash with NestedSlidersPlugin
    11648. 

  11648. // added + syntax to start open instead of closed
    11649. 

    11650. 

  11650. ***/
    11651. 

  11651. //{{{
    11652. 

  11652. config.formatters.unshift( {
    11653. 

  11653. 	name: &quot;inlinesliders&quot;,
    11654. 

  11654. 	// match: &quot;\\+\\+\\+\\+|\\&lt;slider&quot;,
    11655. 

  11655. 	match: &quot;\\&lt;slider&quot;,
    11656. 

  11656. 	// lookaheadRegExp: /(?:\+\+\+\+|&lt;slider) (.*?)(?:&gt;?)\n((?:.|\n)*?)\n(?:====|&lt;\/slider&gt;)/mg,
    11657. 

  11657. 	lookaheadRegExp: /(?:&lt;slider)(\+?) (.*?)(?:&gt;)\n((?:.|\n)*?)\n(?:&lt;\/slider&gt;)/mg,
    11658. 

  11658. 	handler: function(w) {
    11659. 

  11659. 		this.lookaheadRegExp.lastIndex = w.matchStart;
    11660. 

  11660. 		var lookaheadMatch = this.lookaheadRegExp.exec(w.source)
    11661. 

  11661. 		if(lookaheadMatch &amp;&amp; lookaheadMatch.index == w.matchStart ) {
    11662. 

  11662. 			var btn = createTiddlyButton(w.output,lookaheadMatch[2] + &quot; &quot;+&quot;\u00BB&quot;,lookaheadMatch[2],this.onClickSlider,&quot;button sliderButton&quot;);
    11663. 

  11663. 			var panel = createTiddlyElement(w.output,&quot;div&quot;,null,&quot;sliderPanel&quot;);
    11664. 

  11664. 			panel.style.display = (lookaheadMatch[1] == '+' ? &quot;block&quot; : &quot;none&quot;);
    11665. 

  11665. 			wikify(lookaheadMatch[3],panel);
    11666. 

  11666. 			w.nextMatch = lookaheadMatch.index + lookaheadMatch[0].length;
    11667. 

  11667. 		}
    11668. 

  11668.    },
    11669. 

  11669.    onClickSlider : function(e) {
    11670. 

  11670. 		if(!e) var e = window.event;
    11671. 

  11671. 		var n = this.nextSibling;
    11672. 

  11672. 		n.style.display = (n.style.display==&quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;;
    11673. 

  11673. 		return false;
    11674. 

  11674. 	}
    11675. 

  11675. });
    11676. 

  11676. 

  11677. //}}}</pre>
    11678. 

  11678. </div>
    11679. 

  11679. <div title="Template.Config" creator="pmario" modifier="pmario" created="201102072057" modified="201102072313" tags="mainMenu template" server.title="Template.Config" server.page.revision="245746" server.etag="&quot;fancybox_public/Template.Config/245746;38557a300c7db6bf205b78f536236444a956e37a&quot;" server.workspace="bags/fancybox_public" server.type="tiddlyweb" server.host="http://fancybox.tiddlyspace.com/" server.recipe="fancybox_private" server.bag="fancybox_public" server.permissions="read, write, create, delete" server.content-type="" _hash="2501f8f1e0f0d27c2b2d9c194f074751d24e4a93">
    11680. 

  11680. <pre>!Info
    11681. 

  11681. This tiddler contains the default values, that can be changed to configure the jQuery.fancybox() library function. FancyBoxPlugin reads the values from TW slices. Every parameters needs to be a valid slice! See the [[About]] for the examples.
    11682. 

  11682. 

  11683. The structure is:
    11684. 

  11684. {{{
    11685. 

  11685. parameterName: value
    11686. 

  11686. // comment the above value
    11687. 

  11687. }}}
    11688. 

  11688. 

  11689. //{{{
    11690. 

  11690. padding: 10
    11691. 

  11691. // Space between FancyBox wrapper and content
    11692. 

  11692. 

  11693. margin: 20
    11694. 

  11694. // Space between viewport and FancyBox wrapper
    11695. 

  11695. 

  11696. opacity: false
    11697. 

  11697. // When true, transparency of content is changed for elastic transitions
    11698. 

  11698. 

  11699. modal: false
    11700. 

  11700. // When true, 'overlayShow' is set to 'true' and 'hideOnOverlayClick', 'hideOnContentClick', 'enableEscapeButton', 'showCloseButton' are set to 'false'
    11701. 

  11701. 

  11702. cyclic: false
    11703. 

  11703. // When true, galleries will be cyclic, allowing you to keep pressing next/back.
    11704. 

  11704. 

  11705. scrolling: auto
    11706. 

  11706. // Set the overflow CSS property to create or hide scrollbars. Can be set to 'auto', 'yes', or 'no'
    11707. 

  11707. 

  11708. width: 560
    11709. 

  11709. height: 340
    11710. 

  11710. // Width for content types 'iframe' and 'swf'. Also set for inline content if 'autoDimensions' is set to 'false'
    11711. 

  11711. // Height for content types 'iframe' and 'swf'. Also set for inline content if 'autoDimensions' is set to 'false'
    11712. 

  11712. 

  11713. autoScale: true
    11714. 

  11714. // If true, FancyBox is scaled to fit in viewport
    11715. 

  11715. 

  11716. autoDimensions: true
    11717. 

  11717. // For inline and ajax views, resizes the view to the element recieves. Make sure it has dimensions otherwise this will give unexpected results
    11718. 

  11718. 

  11719. centerOnScroll: false
    11720. 

  11720. // When true, FancyBox is centered while scrolling page
    11721. 

  11721. 

  11722. hideOnOverlayClick: true
    11723. 

  11723. // Toggle if clicking the overlay should close FancyBox
    11724. 

  11724. 

  11725. hideOnContentClick: false
    11726. 

  11726. // Toggle if clicking the content should close FancyBox
    11727. 

  11727. 

  11728. overlayShow: true
    11729. 

  11729. // Toggle overlay
    11730. 

  11730. 

  11731. overlayOpacity: 0.3
    11732. 

  11732. // Opacity of the overlay (from 0 to 1; default - 0.3)
    11733. 

  11733. 

  11734. overlayColor: #667
    11735. 

  11735. // Color of the overlay
    11736. 

  11736. 

  11737. titleShow: true
    11738. 

  11738. // Toggle title
    11739. 

  11739. 

  11740. titlePosition: outside
    11741. 

  11741. // The position of title. Can be set to 'outside', 'inside' or 'over'
    11742. 

  11742. 

  11743. transitionIn: fade
    11744. 

  11744. transitionOut: fade
    11745. 

  11745. // The transition type. Can be set to 'elastic', 'fade' or 'none'
    11746. 

  11746. 

  11747. speedIn: 300
    11748. 

  11748. speedOut: 300
    11749. 

  11749. // Speed of the fade and elastic transitions, in milliseconds
    11750. 

  11750. 

  11751. changeSpeed: 300
    11752. 

  11752. // Speed of resizing when changing gallery items, in milliseconds
    11753. 

  11753. 

  11754. changeFade: fast
    11755. 

  11755. // Speed of the content fading while changing gallery items
    11756. 

  11756. 

  11757. easingIn: fast
    11758. 

  11758. easingOut: swing
    11759. 

  11759. // Easing used for elastic animations
    11760. 

  11760. 

  11761. showCloseButton: true
    11762. 

  11762. // Toggle close button
    11763. 

  11763. 

  11764. showNavArrows: true
    11765. 

  11765. // Toggle navigation arrows
    11766. 

  11766. 

  11767. enableEscapeButton: true
    11768. 

  11768. // Toggle if pressing Esc button closes FancyBox
    11769. 

  11769. 

  11770. //}}}</pre>
    11771. 

  11771. </div>
    11772. 

  11772. <div title="Template.Config.FancyBox" creator="fancybox" modifier="pmario" created="201101211613" modified="201102072053" tags="excludeLists excludeMissing excludeSearch" server.title="Template.Config.FancyBox" server.page.revision="245574" server.etag="&quot;fancybox_public/Template.Config
    11773.