PageRenderTime 70ms CodeModel.GetById 21ms RepoModel.GetById 0ms app.codeStats 3ms

/fancybox.html

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

Large files files are truncated, but you can click here to view the full file

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <script id="versionArea" type="text/javascript">
  5. //<![CDATA[
  6. var version = {title: "TiddlyWiki", major: 2, minor: 6, revision: 2, date: new Date("Jan 6, 2011"), extensions: {}};
  7. //]]>
  8. </script>
  9. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  10. <meta name="copyright" content="
  11. TiddlyWiki created by Jeremy Ruston, (jeremy [at] osmosoft [dot] com)
  12. Copyright (c) Jeremy Ruston 2004-2007
  13. Copyright (c) UnaMesa Association 2007-2011
  14. Redistribution and use in source and binary forms, with or without modification,
  15. are permitted provided that the following conditions are met:
  16. Redistributions of source code must retain the above copyright notice, this
  17. list of conditions and the following disclaimer.
  18. Redistributions in binary form must reproduce the above copyright notice, this
  19. list of conditions and the following disclaimer in the documentation and/or other
  20. materials provided with the distribution.
  21. Neither the name of the UnaMesa Association nor the names of its contributors may be
  22. used to endorse or promote products derived from this software without specific
  23. prior written permission.
  24. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 'AS IS' AND ANY
  25. EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
  26. OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT
  27. SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
  28. INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
  29. TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
  30. BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
  31. CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
  32. ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH
  33. DAMAGE.
  34. " />
  35. <!--PRE-HEAD-START-->
  36. <!--{{{-->
  37. <link rel="shortcut icon" href="/recipes/fancybox_public/tiddlers/favicon.ico" />
  38. <link href="/bags/fancybox_public/tiddlers.atom" rel="alternate"
  39. type="application/atom+xml" title="fancybox's public feed" />
  40. <!--}}}-->
  41. <!--PRE-HEAD-END-->
  42. <title> fancybox - a TiddlySpace </title>
  43. <style id="styleArea" type="text/css">
  44. #saveTest {display:none;}
  45. #messageArea {display:none;}
  46. #copyright {display:none;}
  47. #storeArea {display:none;}
  48. #storeArea div {padding:0.5em; margin:1em 0em 0em 0em; border-color:#fff #666 #444 #ddd; border-style:solid; border-width:2px; overflow:auto;}
  49. #shadowArea {display:none;}
  50. #javascriptWarning {width:100%; text-align:center; font-weight:bold; background-color:#dd1100; color:#fff; padding:1em 0em;}
  51. </style>
  52. <!--POST-HEAD-START-->
  53. <!--POST-HEAD-END-->
  54. </head>
  55. <body onload="main();" onunload="if(window.unload) unload();">
  56. <!--PRE-BODY-START-->
  57. <!--PRE-BODY-END-->
  58. <div id="copyright">
  59. Welcome to TiddlyWiki created by Jeremy Ruston; Copyright &copy; 2004-2007 Jeremy Ruston, Copyright &copy; 2007-2011 UnaMesa Association
  60. </div>
  61. <noscript>
  62. <div id="javascriptWarning">
  63. This page requires JavaScript to function properly.<br /><br />
  64. If you do not use JavaScript you may still <a href="http://fancybox.tiddlyspace.com/recipes/fancybox_private/tiddlers">browse
  65. the content of this wiki</a>.
  66. </div>
  67. </noscript>
  68. <div id="saveTest"></div>
  69. <div id="backstageCloak"></div>
  70. <div id="backstageButton"></div>
  71. <div id="backstageArea"><div id="backstageToolbar"></div></div>
  72. <div id="backstage">
  73. <div id="backstagePanel"></div>
  74. </div>
  75. <div id="contentWrapper"></div>
  76. <div id="contentStash"></div>
  77. <div id="shadowArea">
  78. <div title="MarkupPreHead">
  79. <pre>&lt;!--{{{--&gt;
  80. &lt;link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' /&gt;
  81. &lt;!--}}}--&gt;
  82. </pre>
  83. </div>
  84. <div title="ColorPalette">
  85. <pre>Background: #fff
  86. Foreground: #000
  87. PrimaryPale: #8cf
  88. PrimaryLight: #18f
  89. PrimaryMid: #04b
  90. PrimaryDark: #014
  91. SecondaryPale: #ffc
  92. SecondaryLight: #fe8
  93. SecondaryMid: #db4
  94. SecondaryDark: #841
  95. TertiaryPale: #eee
  96. TertiaryLight: #ccc
  97. TertiaryMid: #999
  98. TertiaryDark: #666
  99. Error: #f88
  100. </pre>
  101. </div>
  102. <div title="StyleSheetColors">
  103. <pre>/*{{{*/
  104. body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
  105. a {color:[[ColorPalette::PrimaryMid]];}
  106. a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
  107. a img {border:0;}
  108. h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
  109. h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
  110. h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}
  111. .button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
  112. .button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
  113. .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}
  114. .header {background:[[ColorPalette::PrimaryMid]];}
  115. .headerShadow {color:[[ColorPalette::Foreground]];}
  116. .headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
  117. .headerForeground {color:[[ColorPalette::Background]];}
  118. .headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}
  119. .tabSelected{color:[[ColorPalette::PrimaryDark]];
  120. background:[[ColorPalette::TertiaryPale]];
  121. border-left:1px solid [[ColorPalette::TertiaryLight]];
  122. border-top:1px solid [[ColorPalette::TertiaryLight]];
  123. border-right:1px solid [[ColorPalette::TertiaryLight]];
  124. }
  125. .tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
  126. .tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
  127. .tabContents .button {border:0;}
  128. #sidebar {}
  129. #sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
  130. #sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
  131. #sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
  132. #sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
  133. #sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}
  134. .wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
  135. .wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
  136. .wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
  137. .wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
  138. border:1px solid [[ColorPalette::PrimaryMid]];}
  139. .wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
  140. .wizardFooter {background:[[ColorPalette::PrimaryPale]];}
  141. .wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
  142. .wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
  143. border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
  144. .wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
  145. .wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
  146. border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}
  147. .wizard .notChanged {background:transparent;}
  148. .wizard .changedLocally {background:#80ff80;}
  149. .wizard .changedServer {background:#8080ff;}
  150. .wizard .changedBoth {background:#ff8080;}
  151. .wizard .notFound {background:#ffff80;}
  152. .wizard .putToServer {background:#ff80ff;}
  153. .wizard .gotFromServer {background:#80ffff;}
  154. #messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
  155. #messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}
  156. .popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}
  157. .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]];}
  158. .popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
  159. .popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
  160. .popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
  161. .popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
  162. .popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
  163. .popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
  164. .listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}
  165. .tiddler .defaultCommand {font-weight:bold;}
  166. .shadow .title {color:[[ColorPalette::TertiaryDark]];}
  167. .title {color:[[ColorPalette::SecondaryDark]];}
  168. .subtitle {color:[[ColorPalette::TertiaryDark]];}
  169. .toolbar {color:[[ColorPalette::PrimaryMid]];}
  170. .toolbar a {color:[[ColorPalette::TertiaryLight]];}
  171. .selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
  172. .selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}
  173. .tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
  174. .selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
  175. .tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
  176. .tagging .button, .tagged .button {border:none;}
  177. .footer {color:[[ColorPalette::TertiaryLight]];}
  178. .selected .footer {color:[[ColorPalette::TertiaryMid]];}
  179. .sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
  180. .sparktick {background:[[ColorPalette::PrimaryDark]];}
  181. .error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
  182. .warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
  183. .lowlight {background:[[ColorPalette::TertiaryLight]];}
  184. .zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}
  185. .imageLink, #displayArea .imageLink {background:transparent;}
  186. .annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}
  187. .viewer .listTitle {list-style-type:none; margin-left:-2em;}
  188. .viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
  189. .viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}
  190. .viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
  191. .viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
  192. .viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}
  193. .viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
  194. .viewer code {color:[[ColorPalette::SecondaryDark]];}
  195. .viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}
  196. .highlight, .marked {background:[[ColorPalette::SecondaryLight]];}
  197. .editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
  198. .editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
  199. .editorFooter {color:[[ColorPalette::TertiaryMid]];}
  200. .readOnly {background:[[ColorPalette::TertiaryPale]];}
  201. #backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
  202. #backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
  203. #backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
  204. #backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
  205. #backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
  206. #backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
  207. #backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
  208. .backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
  209. .backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
  210. #backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity=60)';}
  211. /*}}}*/</pre>
  212. </div>
  213. <div title="StyleSheetLayout">
  214. <pre>/*{{{*/
  215. * html .tiddler {height:1%;}
  216. body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}
  217. h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
  218. h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
  219. h4,h5,h6 {margin-top:1em;}
  220. h1 {font-size:1.35em;}
  221. h2 {font-size:1.25em;}
  222. h3 {font-size:1.1em;}
  223. h4 {font-size:1em;}
  224. h5 {font-size:.9em;}
  225. hr {height:1px;}
  226. a {text-decoration:none;}
  227. dt {font-weight:bold;}
  228. ol {list-style-type:decimal;}
  229. ol ol {list-style-type:lower-alpha;}
  230. ol ol ol {list-style-type:lower-roman;}
  231. ol ol ol ol {list-style-type:decimal;}
  232. ol ol ol ol ol {list-style-type:lower-alpha;}
  233. ol ol ol ol ol ol {list-style-type:lower-roman;}
  234. ol ol ol ol ol ol ol {list-style-type:decimal;}
  235. .txtOptionInput {width:11em;}
  236. #contentWrapper .chkOptionInput {border:0;}
  237. .externalLink {text-decoration:underline;}
  238. .indent {margin-left:3em;}
  239. .outdent {margin-left:3em; text-indent:-3em;}
  240. code.escaped {white-space:nowrap;}
  241. .tiddlyLinkExisting {font-weight:bold;}
  242. .tiddlyLinkNonExisting {font-style:italic;}
  243. /* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
  244. a.tiddlyLinkNonExisting.shadow {font-weight:bold;}
  245. #mainMenu .tiddlyLinkExisting,
  246. #mainMenu .tiddlyLinkNonExisting,
  247. #sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
  248. #sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}
  249. .header {position:relative;}
  250. .header a:hover {background:transparent;}
  251. .headerShadow {position:relative; padding:4.5em 0 1em 1em; left:-1px; top:-1px;}
  252. .headerForeground {position:absolute; padding:4.5em 0 1em 1em; left:0px; top:0px;}
  253. .siteTitle {font-size:3em;}
  254. .siteSubtitle {font-size:1.2em;}
  255. #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;}
  256. #sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
  257. #sidebarOptions {padding-top:0.3em;}
  258. #sidebarOptions a {margin:0 0.2em; padding:0.2em 0.3em; display:block;}
  259. #sidebarOptions input {margin:0.4em 0.5em;}
  260. #sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
  261. #sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
  262. #sidebarOptions .sliderPanel input {margin:0 0 0.3em 0;}
  263. #sidebarTabs .tabContents {width:15em; overflow:hidden;}
  264. .wizard {padding:0.1em 1em 0 2em;}
  265. .wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
  266. .wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
  267. .wizardStep {padding:1em 1em 1em 1em;}
  268. .wizard .button {margin:0.5em 0 0; font-size:1.2em;}
  269. .wizardFooter {padding:0.8em 0.4em 0.8em 0;}
  270. .wizardFooter .status {padding:0 0.4em; margin-left:1em;}
  271. .wizard .button {padding:0.1em 0.2em;}
  272. #messageArea {position:fixed; top:2em; right:0; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
  273. .messageToolbar {display:block; text-align:right; padding:0.2em;}
  274. #messageArea a {text-decoration:underline;}
  275. .tiddlerPopupButton {padding:0.2em;}
  276. .popupTiddler {position: absolute; z-index:300; padding:1em; margin:0;}
  277. .popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
  278. .popup .popupMessage {padding:0.4em;}
  279. .popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0;}
  280. .popup li.disabled {padding:0.4em;}
  281. .popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
  282. .listBreak {font-size:1px; line-height:1px;}
  283. .listBreak div {margin:2px 0;}
  284. .tabset {padding:1em 0 0 0.5em;}
  285. .tab {margin:0 0 0 0.25em; padding:2px;}
  286. .tabContents {padding:0.5em;}
  287. .tabContents ul, .tabContents ol {margin:0; padding:0;}
  288. .txtMainTab .tabContents li {list-style:none;}
  289. .tabContents li.listLink { margin-left:.75em;}
  290. #contentWrapper {display:block;}
  291. #splashScreen {display:none;}
  292. #displayArea {margin:1em 17em 0 14em;}
  293. .toolbar {text-align:right; font-size:.9em;}
  294. .tiddler {padding:1em 1em 0;}
  295. .missing .viewer,.missing .title {font-style:italic;}
  296. .title {font-size:1.6em; font-weight:bold;}
  297. .missing .subtitle {display:none;}
  298. .subtitle {font-size:1.1em;}
  299. .tiddler .button {padding:0.2em 0.4em;}
  300. .tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
  301. .isTag .tagging {display:block;}
  302. .tagged {margin:0.5em; float:right;}
  303. .tagging, .tagged {font-size:0.9em; padding:0.25em;}
  304. .tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
  305. .tagClear {clear:both;}
  306. .footer {font-size:.9em;}
  307. .footer li {display:inline;}
  308. .annotation {padding:0.5em; margin:0.5em;}
  309. * html .viewer pre {width:99%; padding:0 0 1em 0;}
  310. .viewer {line-height:1.4em; padding-top:0.5em;}
  311. .viewer .button {margin:0 0.25em; padding:0 0.25em;}
  312. .viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
  313. .viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}
  314. .viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
  315. .viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
  316. table.listView {font-size:0.85em; margin:0.8em 1.0em;}
  317. table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}
  318. .viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
  319. .viewer code {font-size:1.2em; line-height:1.4em;}
  320. .editor {font-size:1.1em;}
  321. .editor input, .editor textarea {display:block; width:100%; font:inherit;}
  322. .editorFooter {padding:0.25em 0; font-size:.9em;}
  323. .editorFooter .button {padding-top:0px; padding-bottom:0px;}
  324. .fieldsetFix {border:0; padding:0; margin:1px 0px;}
  325. .sparkline {line-height:1em;}
  326. .sparktick {outline:0;}
  327. .zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
  328. .zoomer div {padding:1em;}
  329. * html #backstage {width:99%;}
  330. * html #backstageArea {width:99%;}
  331. #backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em;}
  332. #backstageToolbar {position:relative;}
  333. #backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em;}
  334. #backstageButton {display:none; position:absolute; z-index:175; top:0; right:0;}
  335. #backstageButton a {padding:0.1em 0.4em; margin:0.1em;}
  336. #backstage {position:relative; width:100%; z-index:50;}
  337. #backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin-left:3em; padding:1em;}
  338. .backstagePanelFooter {padding-top:0.2em; float:right;}
  339. .backstagePanelFooter a {padding:0.2em 0.4em;}
  340. #backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}
  341. .whenBackstage {display:none;}
  342. .backstageVisible .whenBackstage {display:block;}
  343. /*}}}*/
  344. </pre>
  345. </div>
  346. <div title="StyleSheetLocale">
  347. <pre>/***
  348. StyleSheet for use when a translation requires any css style changes.
  349. This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
  350. ***/
  351. /*{{{*/
  352. body {font-size:0.8em;}
  353. #sidebarOptions {font-size:1.05em;}
  354. #sidebarOptions a {font-style:normal;}
  355. #sidebarOptions .sliderPanel {font-size:0.95em;}
  356. .subtitle {font-size:0.8em;}
  357. .viewer table.listView {font-size:0.95em;}
  358. /*}}}*/</pre>
  359. </div>
  360. <div title="StyleSheetPrint">
  361. <pre>/*{{{*/
  362. @media print {
  363. #mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none !important;}
  364. #displayArea {margin: 1em 1em 0em;}
  365. noscript {display:none;} /* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
  366. }
  367. /*}}}*/</pre>
  368. </div>
  369. <div title="PageTemplate">
  370. <pre>&lt;!--{{{--&gt;
  371. &lt;div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'&gt;
  372. &lt;div class='headerShadow'&gt;
  373. &lt;span class='siteTitle' refresh='content' tiddler='SiteTitle'&gt;&lt;/span&gt;&amp;nbsp;
  374. &lt;span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'&gt;&lt;/span&gt;
  375. &lt;/div&gt;
  376. &lt;div class='headerForeground'&gt;
  377. &lt;span class='siteTitle' refresh='content' tiddler='SiteTitle'&gt;&lt;/span&gt;&amp;nbsp;
  378. &lt;span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'&gt;&lt;/span&gt;
  379. &lt;/div&gt;
  380. &lt;/div&gt;
  381. &lt;div id='mainMenu' refresh='content' tiddler='MainMenu'&gt;&lt;/div&gt;
  382. &lt;div id='sidebar'&gt;
  383. &lt;div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'&gt;&lt;/div&gt;
  384. &lt;div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'&gt;&lt;/div&gt;
  385. &lt;/div&gt;
  386. &lt;div id='displayArea'&gt;
  387. &lt;div id='messageArea'&gt;&lt;/div&gt;
  388. &lt;div id='tiddlerDisplay'&gt;&lt;/div&gt;
  389. &lt;/div&gt;
  390. &lt;!--}}}--&gt;</pre>
  391. </div>
  392. <div title="ViewTemplate">
  393. <pre>&lt;!--{{{--&gt;
  394. &lt;div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'&gt;&lt;/div&gt;
  395. &lt;div class='title' macro='view title'&gt;&lt;/div&gt;
  396. &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;
  397. &lt;div class='tagging' macro='tagging'&gt;&lt;/div&gt;
  398. &lt;div class='tagged' macro='tags'&gt;&lt;/div&gt;
  399. &lt;div class='viewer' macro='view text wikified'&gt;&lt;/div&gt;
  400. &lt;div class='tagClear'&gt;&lt;/div&gt;
  401. &lt;!--}}}--&gt;</pre>
  402. </div>
  403. <div title="EditTemplate">
  404. <pre>&lt;!--{{{--&gt;
  405. &lt;div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'&gt;&lt;/div&gt;
  406. &lt;div class='title' macro='view title'&gt;&lt;/div&gt;
  407. &lt;div class='editor' macro='edit title'&gt;&lt;/div&gt;
  408. &lt;div macro='annotations'&gt;&lt;/div&gt;
  409. &lt;div class='editor' macro='edit text'&gt;&lt;/div&gt;
  410. &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;
  411. &lt;!--}}}--&gt;</pre>
  412. </div>
  413. <div title="GettingStarted">
  414. <pre>To get started with this blank [[TiddlyWiki]], you'll need to modify the following tiddlers:
  415. * [[SiteTitle]] &amp; [[SiteSubtitle]]: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
  416. * [[MainMenu]]: The menu (usually on the left)
  417. * [[DefaultTiddlers]]: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
  418. You'll also need to enter your username for signing your edits: &lt;&lt;option txtUserName&gt;&gt;</pre>
  419. </div>
  420. <div title="OptionsPanel">
  421. <pre>These [[InterfaceOptions]] for customising [[TiddlyWiki]] are saved in your browser
  422. Your username for signing your edits. Write it as a [[WikiWord]] (eg [[JoeBloggs]])
  423. &lt;&lt;option txtUserName&gt;&gt;
  424. &lt;&lt;option chkSaveBackups&gt;&gt; [[SaveBackups]]
  425. &lt;&lt;option chkAutoSave&gt;&gt; [[AutoSave]]
  426. &lt;&lt;option chkRegExpSearch&gt;&gt; [[RegExpSearch]]
  427. &lt;&lt;option chkCaseSensitiveSearch&gt;&gt; [[CaseSensitiveSearch]]
  428. &lt;&lt;option chkAnimate&gt;&gt; [[EnableAnimations]]
  429. ----
  430. Also see [[AdvancedOptions]]</pre>
  431. </div>
  432. <div title="ImportTiddlers">
  433. <pre>&lt;&lt;importTiddlers&gt;&gt;</pre>
  434. </div>
  435. </div>
  436. <!--POST-SHADOWAREA-->
  437. <div id="storeArea">
  438. <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">
  439. <pre>!labelX
  440. The label is stored in the tiddler custom field
  441. !usage
  442. {{{[img[01.jpg]]}}}
  443. [img[01.jpg]]
  444. !notes
  445. attached by FileDropPlugin
  446. !type
  447. image/jpg
  448. !file
  449. ./thumbs/01.jpg
  450. !url
  451. http://fancybox-thumbs.tiddlyspace.com/01.jpg
  452. !link
  453. [[San Benedicto Island|http://fancybox-pics.tiddlyspace.com/01.jpg]]
  454. !end
  455. </pre>
  456. </div>
  457. <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">
  458. <pre>!label
  459. !usage
  460. {{{[img[02.jpg]]}}}
  461. [img[02.jpg]]
  462. !notes
  463. attached by FileDropPlugin
  464. !type
  465. image/jpg
  466. !file
  467. ./thumbs/02.jpg
  468. !url
  469. http://fancybox-thumbs.tiddlyspace.com/02.jpg
  470. !link
  471. [[02.jpg|http://fancybox-pics.tiddlyspace.com/02.jpg]]
  472. !end
  473. </pre>
  474. </div>
  475. <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">
  476. <pre>!label
  477. !usage
  478. {{{[img[03.jpg]]}}}
  479. [img[03.jpg]]
  480. !notes
  481. attached by FileDropPlugin
  482. !type
  483. image/jpg
  484. !file
  485. ./thumbs/03.jpg
  486. !url
  487. http://fancybox-thumbs.tiddlyspace.com/03.jpg
  488. !link
  489. [[03.jpg|http://fancybox-pics.tiddlyspace.com/03.jpg]]
  490. !end
  491. </pre>
  492. </div>
  493. <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">
  494. <pre>!label
  495. !usage
  496. {{{[img[04.jpg]]}}}
  497. [img[04.jpg]]
  498. !notes
  499. attached by FileDropPlugin
  500. !type
  501. image/jpg
  502. !file
  503. ./thumbs/04.jpg
  504. !url
  505. http://fancybox-thumbs.tiddlyspace.com/04.jpg
  506. !link
  507. [[04.jpg|http://fancybox-pics.tiddlyspace.com/04.jpg]]
  508. !end
  509. </pre>
  510. </div>
  511. <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">
  512. <pre>!label
  513. !usage
  514. {{{[img[05.jpg]]}}}
  515. [img[05.jpg]]
  516. !notes
  517. attached by FileDropPlugin
  518. !type
  519. image/jpg
  520. !file
  521. ./thumbs/05.jpg
  522. !url
  523. http://fancybox-thumbs.tiddlyspace.com/05.jpg
  524. !link
  525. [[05.jpg|http://fancybox-pics.tiddlyspace.com/05.jpg]]
  526. !end
  527. </pre>
  528. </div>
  529. <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">
  530. <pre>!usage
  531. {{{[img[05slide.jpg]]}}}
  532. [img[05slide.jpg]]
  533. !notes
  534. !type
  535. image/jpg
  536. !file
  537. ./pics/05.jpg
  538. !url
  539. http://fancybox-pics.tiddlyspace.com/05.jpg
  540. !link
  541. [[05slide.jpg|http://fancybox-pics.tiddlyspace.com/05.jpg]]
  542. !end
  543. </pre>
  544. </div>
  545. <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">
  546. <pre>!label
  547. The Lobster
  548. !usage
  549. {{{[img[06.jpg]]}}}
  550. [img[06.jpg]]
  551. !slide
  552. 06slide.jpg
  553. !notes
  554. attached by FileDropPlugin
  555. !type
  556. image/jpg
  557. !file
  558. ./thumbs/06.jpg
  559. !url
  560. http://fancybox-thumbs.tiddlyspace.com/06.jpg
  561. !link
  562. [[06.jpg|http://fancybox-pics.tiddlyspace.com/06.jpg]]
  563. !end
  564. </pre>
  565. </div>
  566. <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">
  567. <pre>!usage
  568. {{{[img[06slide.jpg]]}}}
  569. [img[06slide.jpg]]
  570. !notes
  571. attached by FileDropPlugin
  572. !type
  573. image/jpg
  574. !file
  575. ./pics/06.jpg
  576. !url
  577. http://fancybox-pics.tiddlyspace.com/06.jpg
  578. !link
  579. [[Lobster|http://fancybox-pics.tiddlyspace.com/06.jpg]]
  580. !end
  581. </pre>
  582. </div>
  583. <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">
  584. <pre>!label
  585. Strobe Fish
  586. !usage
  587. {{{[img[07.jpg]]}}}
  588. [img[07.jpg]]
  589. !notes
  590. attached by FileDropPlugin
  591. !type
  592. image/jpg
  593. !file
  594. ./thumbs/07.jpg
  595. !url
  596. http://fancybox-thumbs.tiddlyspace.com/07.jpg
  597. !link
  598. [[07.jpg|http://fancybox-pics.tiddlyspace.com/07.jpg]]
  599. !end
  600. </pre>
  601. </div>
  602. <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">
  603. <pre>!label
  604. Octopus
  605. !usage
  606. {{{[img[08.jpg]]}}}
  607. [img[08.jpg]]
  608. !notes
  609. attached by FileDropPlugin
  610. !type
  611. image/jpg
  612. !file
  613. ./thumbs/08.jpg
  614. !url
  615. http://fancybox-thumbs.tiddlyspace.com/08.jpg
  616. !link
  617. [[08.jpg|http://fancybox-pics.tiddlyspace.com/08.jpg]]
  618. !end
  619. </pre>
  620. </div>
  621. <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">
  622. <pre>!label
  623. !usage
  624. {{{[img[09.jpg]]}}}
  625. [img[09.jpg]]
  626. !notes
  627. attached by FileDropPlugin
  628. !type
  629. image/jpg
  630. !file
  631. ./thumbs/09.jpg
  632. !url
  633. http://fancybox-thumbs.tiddlyspace.com/09.jpg
  634. !link
  635. [[09.jpg|http://fancybox-pics.tiddlyspace.com/09.jpg]]
  636. !end
  637. </pre>
  638. </div>
  639. <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">
  640. <pre>!label
  641. !usage
  642. {{{[img[10.jpg]]}}}
  643. [img[10.jpg]]
  644. !notes
  645. attached by FileDropPlugin
  646. !type
  647. image/jpg
  648. !file
  649. ./thumbs/10.jpg
  650. !url
  651. http://fancybox-thumbs.tiddlyspace.com/10.jpg
  652. !link
  653. [[10.jpg|http://fancybox-pics.tiddlyspace.com/10.jpg]]
  654. !end
  655. </pre>
  656. </div>
  657. <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">
  658. <pre>!label
  659. San Benedicto Island Sunset
  660. !usage
  661. {{{[img[11.jpg]]}}}
  662. [img[11.jpg]]
  663. !notes
  664. attached by FileDropPlugin
  665. !type
  666. image/jpg
  667. !file
  668. ./thumbs/11.jpg
  669. !url
  670. http://fancybox-thumbs.tiddlyspace.com/11.jpg
  671. !link
  672. [[11.jpg|http://fancybox-pics.tiddlyspace.com/11.jpg]]
  673. !end
  674. </pre>
  675. </div>
  676. <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">
  677. <pre>!label
  678. !usage
  679. {{{[img[12.jpg]]}}}
  680. [img[12.jpg]]
  681. !notes
  682. attached by FileDropPlugin
  683. !type
  684. image/jpg
  685. !file
  686. ./thumbs/12.jpg
  687. !url
  688. http://fancybox-thumbs.tiddlyspace.com/12.jpg
  689. !link
  690. [[12.jpg|http://fancybox-pics.tiddlyspace.com/12.jpg]]
  691. !end
  692. </pre>
  693. </div>
  694. <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">
  695. <pre>!label
  696. !usage
  697. {{{[img[13.jpg]]}}}
  698. [img[13.jpg]]
  699. !notes
  700. attached by FileDropPlugin
  701. !type
  702. image/jpg
  703. !file
  704. ./thumbs/13.jpg
  705. !url
  706. http://fancybox-thumbs.tiddlyspace.com/13.jpg
  707. !link
  708. [[13.jpg|http://fancybox-pics.tiddlyspace.com/13.jpg]]
  709. !end
  710. </pre>
  711. </div>
  712. <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">
  713. <pre>Have fun with @FanxyBox </pre>
  714. </div>
  715. <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">
  716. <pre>!Info
  717. FancyBox site adds FancyBoxPlugin@fancybox for easy usage with TW. It includes the ~FancyBox library from fancybox.net. Have fun!
  718. /%===== Do not use these examples. Look at [[Examples]] instead !%/&lt;&lt;tiddler DifferentTransitions&gt;&gt;&lt;&lt;tiddler DifferentTitles&gt;&gt;
  719. &lt;&lt;tiddler ImageGallery&gt;&gt;
  720. &lt;&lt;tiddler ManualCalls&gt;&gt;
  721. !~HowToo's
  722. See [[HowToo's]] for detailed information!</pre>
  723. </div>
  724. <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">
  725. <pre>text/plain
  726. .txt .text .js .vbs .asp .cgi .pl
  727. ----
  728. text/html
  729. .htm .html .hta .htx .mht
  730. ----
  731. text/comma-separated-values
  732. .csv
  733. ----
  734. text/javascript
  735. .js
  736. ----
  737. text/css
  738. .css
  739. ----
  740. text/xml
  741. .xml .xsl .xslt
  742. ----
  743. image/gif
  744. .gif
  745. ----
  746. image/jpeg
  747. .jpg .jpe .jpeg
  748. ----
  749. image/png
  750. .png
  751. ----
  752. image/bmp
  753. .bmp
  754. ----
  755. image/tiff
  756. .tif .tiff
  757. ----
  758. audio/basic
  759. .au .snd
  760. ----
  761. audio/wav
  762. .wav
  763. ----
  764. audio/x-pn-realaudio
  765. .ra .rm .ram
  766. ----
  767. audio/x-midi
  768. .mid .midi
  769. ----
  770. audio/mp3
  771. .mp3
  772. ----
  773. audio/m3u
  774. .m3u
  775. ----
  776. video/x-ms-asf
  777. .asf
  778. ----
  779. video/avi
  780. .avi
  781. ----
  782. video/mpeg
  783. .mpg .mpeg
  784. ----
  785. video/quicktime
  786. .qt .mov .qtvr
  787. ----
  788. application/pdf
  789. .pdf
  790. ----
  791. application/rtf
  792. .rtf
  793. ----
  794. application/postscript
  795. .ai .eps .ps
  796. ----
  797. application/wordperfect
  798. .wpd
  799. ----
  800. application/mswrite
  801. .wri
  802. ----
  803. application/msexcel
  804. .xls .xls3 .xls4 .xls5 .xlw
  805. ----
  806. application/msword
  807. .doc
  808. ----
  809. application/mspowerpoint
  810. .ppt .pps
  811. ----
  812. application/x-director
  813. .swa
  814. ----
  815. application/x-shockwave-flash
  816. .swf
  817. ----
  818. application/x-zip-compressed
  819. .zip
  820. ----
  821. application/x-gzip
  822. .gz
  823. ----
  824. application/x-rar-compressed
  825. .rar
  826. ----
  827. application/octet-stream
  828. .com .exe .dll .ocx
  829. ----
  830. application/java-archive
  831. .jar</pre>
  832. </div>
  833. <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">
  834. <pre>/***
  835. |Name|AttachFilePlugin|
  836. |Source|http://www.TiddlyTools.com/#AttachFilePlugin|
  837. |Documentation|http://www.TiddlyTools.com/#AttachFilePluginInfo|
  838. |Version|4.0.0|
  839. |Author|Eric Shulman|
  840. |License|http://www.TiddlyTools.com/#LegalStatements|
  841. |~CoreVersion|2.1|
  842. |Type|plugin|
  843. |Requires|AttachFilePluginFormatters, AttachFileMIMETypes|
  844. |Description|Store binary files as base64-encoded tiddlers with fallback links for separate local and/or remote file storage|
  845. 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.
  846. &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. |
  847. !!!!!Documentation
  848. &gt;see [[AttachFilePluginInfo]]
  849. !!!!!Inline interface (live)
  850. &gt;see [[AttachFile]] (shadow tiddler)
  851. &gt;&lt;&lt;tiddler AttachFile&gt;&gt;
  852. !!!!!Revisions
  853. &lt;&lt;&lt;
  854. 2009.06.04 [4.0.0] changed attachment storage format to use //sections// instead of embedded substring markers.
  855. |please see [[AttachFilePluginInfo]] for additional revision details|
  856. 2005.07.20 [1.0.0] Initial Release
  857. &lt;&lt;&lt;
  858. !!!!!Code
  859. ***/
  860. // // version
  861. //{{{
  862. version.extensions.AttachFilePlugin= {major: 4, minor: 0, revision: 0, date: new Date(2009,6,4)};
  863. // shadow tiddler
  864. config.shadowTiddlers.AttachFile=&quot;&lt;&lt;attach inline&gt;&gt;&quot;;
  865. // add 'attach' backstage task (insert before built-in 'importTask')
  866. if (config.tasks) { // for TW2.2b or above
  867. config.tasks.attachTask = {
  868. text: &quot;attach&quot;,
  869. tooltip: &quot;Attach a binary file as a tiddler&quot;,
  870. content: &quot;&lt;&lt;attach inline&gt;&gt;&quot;
  871. }
  872. config.backstageTasks.splice(config.backstageTasks.indexOf(&quot;importTask&quot;),0,&quot;attachTask&quot;);
  873. }
  874. config.macros.attach = {
  875. // // lingo
  876. //{{{
  877. label: &quot;attach file&quot;,
  878. tooltip: &quot;Attach a file to this document&quot;,
  879. linkTooltip: &quot;Attachment: &quot;,
  880. typeList: &quot;AttachFileMIMETypes&quot;,
  881. titlePrompt: &quot; enter tiddler title...&quot;,
  882. MIMEPrompt: &quot;&lt;option value=''&gt;select MIME type...&lt;/option&gt;&lt;option value='editlist'&gt;[edit list...]&lt;/option&gt;&quot;,
  883. localPrompt: &quot; enter local path/filename...&quot;,
  884. URLPrompt: &quot; enter remote URL...&quot;,
  885. tiddlerErr: &quot;Please enter a tiddler title&quot;,
  886. sourceErr: &quot;Please enter a source path/filename&quot;,
  887. storageErr: &quot;Please select a storage method: embedded, local or remote&quot;,
  888. MIMEErr: &quot;Unrecognized file format. Please select a MIME type&quot;,
  889. localErr: &quot;Please enter a local path/filename&quot;,
  890. URLErr: &quot;Please enter a remote URL&quot;,
  891. fileErr: &quot;Invalid path/file or file not found&quot;,
  892. 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',
  893. //}}}
  894. // // macro definition
  895. //{{{
  896. handler:
  897. function(place,macroName,params) {
  898. if (params &amp;&amp; !params[0])
  899. { createTiddlyButton(place,this.label,this.tooltip,this.toggleAttachPanel); return; }
  900. var id=params.shift();
  901. this.createAttachPanel(place,id+&quot;_attachPanel&quot;,params);
  902. document.getElementById(id+&quot;_attachPanel&quot;).style.position=&quot;static&quot;;
  903. document.getElementById(id+&quot;_attachPanel&quot;).style.display=&quot;block&quot;;
  904. },
  905. //}}}
  906. //{{{
  907. createAttachPanel:
  908. function(place,panel_id,params) {
  909. if (!panel_id || !panel_id.length) var panel_id=&quot;_attachPanel&quot;;
  910. // remove existing panel (if any)
  911. var panel=document.getElementById(panel_id); if (panel) panel.parentNode.removeChild(panel);
  912. // set styles for this panel
  913. setStylesheet(this.css,&quot;attachPanel&quot;);
  914. // create new panel
  915. var title=&quot;&quot;; if (params &amp;&amp; params[0]) title=params.shift();
  916. var types=this.MIMEPrompt+this.formatListOptions(store.getTiddlerText(this.typeList)); // get MIME types
  917. panel=createTiddlyElement(place,&quot;span&quot;,panel_id,&quot;attachPanel&quot;,null);
  918. var html=this.html.replace(/%id%/g,panel_id);
  919. html=html.replace(/%title%/g,title);
  920. html=html.replace(/%disabled%/g,title.length?&quot;disabled&quot;:&quot;&quot;);
  921. html=html.replace(/%IEdisabled%/g,config.browser.isIE?&quot;disabled&quot;:&quot;&quot;);
  922. html=html.replace(/%types%/g,types);
  923. panel.innerHTML=html;
  924. if (config.browser.isGecko) { // FF3 FIXUP
  925. document.getElementById(&quot;attachSource&quot;).style.display=&quot;none&quot;;
  926. document.getElementById(&quot;attachFixPanel&quot;).style.display=&quot;block&quot;;
  927. }
  928. return panel;
  929. },
  930. //}}}
  931. //{{{
  932. toggleAttachPanel:
  933. function (e) {
  934. if (!e) var e = window.event;
  935. var parent=resolveTarget(e).parentNode;
  936. var panel = document.getElementById(&quot;_attachPanel&quot;);
  937. if (panel==undefined || panel.parentNode!=parent)
  938. panel=config.macros.attach.createAttachPanel(parent,&quot;_attachPanel&quot;);
  939. var isOpen = panel.style.display==&quot;block&quot;;
  940. if(config.options.chkAnimate)
  941. anim.startAnimating(new Slider(panel,!isOpen,e.shiftKey || e.altKey,&quot;none&quot;));
  942. else
  943. panel.style.display = isOpen ? &quot;none&quot; : &quot;block&quot; ;
  944. e.cancelBubble = true;
  945. if (e.stopPropagation) e.stopPropagation();
  946. return(false);
  947. },
  948. //}}}
  949. //{{{
  950. formatListOptions:
  951. function(text) {
  952. if (!text || !text.trim().length) return &quot;&quot;;
  953. // get MIME list content from text
  954. var parts=text.split(&quot;\n----\n&quot;);
  955. var out=&quot;&quot;;
  956. for (var p=0; p&lt;parts.length; p++) {
  957. var lines=parts[p].split(&quot;\n&quot;);
  958. var label=lines.shift(); // 1st line=display text
  959. var value=lines.shift(); // 2nd line=item value
  960. out +='&lt;option value=&quot;%1&quot;&gt;%0&lt;/option&gt;'.format([label,value]);
  961. }
  962. return out;
  963. },
  964. //}}}
  965. // // interface definition
  966. //{{{
  967. css:
  968. &quot;.attachPanel { display: none; position:absolute; z-index:10; width:35em; right:105%; top:0em;\
  969. background-color: #eee; color:#000; font-size: 8pt; line-height:110%;\
  970. border:1px solid black; border-bottom-width: 3px; border-right-width: 3px;\
  971. padding: 0.5em; margin:0em; -moz-border-radius:1em;-webkit-border-radius:1em; text-align:left }\
  972. .attachPanel form { display:inline;border:0;padding:0;margin:0; }\
  973. .attachPanel select { width:99%;margin:0px;font-size:8pt;line-height:110%;}\
  974. .attachPanel input { width:98%;padding:0px;margin:0px;font-size:8pt;line-height:110%}\
  975. .attachPanel textarea { width:98%;margin:0px;height:2em;font-size:8pt;line-height:110%}\
  976. .attachPanel table { width:100%;border:0;margin:0;padding:0;color:inherit; }\
  977. .attachPanel tbody, .attachPanel tr, .attachPanel td { border:0;margin:0;padding:0;color:#000; }\
  978. .attachPanel .box { border:1px solid black; padding:.3em; margin:.3em 0px; background:#f8f8f8; \
  979. -moz-border-radius:5px;-webkit-border-radius:5px; }\
  980. .attachPanel .chk { width:auto;border:0; }\
  981. .attachPanel .btn { width:auto; }\
  982. .attachPanel .btn2 { width:49%; }\
  983. &quot;,
  984. //}}}
  985. //{{{
  986. html:
  987. '&lt;form&gt;\
  988. attach from source file\
  989. &lt;input type=&quot;file&quot; id=&quot;attachSource&quot; name=&quot;source&quot; size=&quot;56&quot;\
  990. onChange=&quot;config.macros.attach.onChangeSource(this)&quot;&gt;\
  991. &lt;div id=&quot;attachFixPanel&quot; style=&quot;display:none&quot;&gt;&lt;!-- FF3 FIXUP --&gt;\
  992. &lt;input type=&quot;text&quot; id=&quot;attachFixSource&quot; style=&quot;width:90%&quot;\
  993. title=&quot;Enter a path/file to attach&quot;\
  994. onChange=&quot;config.macros.attach.onChangeSource(this);&quot;&gt;\
  995. &lt;input type=&quot;button&quot; style=&quot;width:7%&quot; value=&quot;...&quot;\
  996. title=&quot;Enter a path/file to attach&quot;\
  997. onClick=&quot;config.macros.attach.askForFilename(document.getElementById(\'attachFixSource\'));&quot;&gt;\
  998. &lt;/div&gt;&lt;!--end FF3 FIXUP--&gt;\
  999. &lt;div class=&quot;box&quot;&gt;\
  1000. &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;\
  1001. embed data &lt;input type=checkbox class=chk name=&quot;useData&quot; %IEdisabled% \
  1002. onclick=&quot;if (!this.form.MIMEType.value.length)\
  1003. this.form.MIMEType.selectedIndex=this.checked?1:0; &quot;&gt;&amp;nbsp;\
  1004. &lt;/td&gt;&lt;td style=&quot;border:0&quot;&gt;\
  1005. &lt;select size=1 name=&quot;MIMEType&quot; \
  1006. onchange=&quot;this.title=this.value; if (this.value==\'editlist\')\
  1007. { this.selectedIndex=this.form.useData.checked?1:0; story.displayTiddler(null,config.macros.attach.typeList,2); return; }&quot;&gt;\
  1008. &lt;option value=&quot;&quot;&gt;&lt;/option&gt;\
  1009. %types%\
  1010. &lt;/select&gt;\
  1011. &lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;border:0&quot;&gt;&

Large files files are truncated, but you can click here to view the full file