/fancybox.html
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
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <script id="versionArea" type="text/javascript">
- //<![CDATA[
- var version = {title: "TiddlyWiki", major: 2, minor: 6, revision: 2, date: new Date("Jan 6, 2011"), extensions: {}};
- //]]>
- </script>
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
- <meta name="copyright" content="
- TiddlyWiki created by Jeremy Ruston, (jeremy [at] osmosoft [dot] com)
- Copyright (c) Jeremy Ruston 2004-2007
- Copyright (c) UnaMesa Association 2007-2011
- Redistribution and use in source and binary forms, with or without modification,
- are permitted provided that the following conditions are met:
- Redistributions of source code must retain the above copyright notice, this
- list of conditions and the following disclaimer.
- Redistributions in binary form must reproduce the above copyright notice, this
- list of conditions and the following disclaimer in the documentation and/or other
- materials provided with the distribution.
- Neither the name of the UnaMesa Association nor the names of its contributors may be
- used to endorse or promote products derived from this software without specific
- prior written permission.
- THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 'AS IS' AND ANY
- EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
- OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT
- SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
- INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
- TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
- BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
- CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
- ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH
- DAMAGE.
- " />
- <!--PRE-HEAD-START-->
- <!--{{{-->
- <link rel="shortcut icon" href="/recipes/fancybox_public/tiddlers/favicon.ico" />
- <link href="/bags/fancybox_public/tiddlers.atom" rel="alternate"
- type="application/atom+xml" title="fancybox's public feed" />
- <!--}}}-->
- <!--PRE-HEAD-END-->
- <title> fancybox - a TiddlySpace </title>
- <style id="styleArea" type="text/css">
- #saveTest {display:none;}
- #messageArea {display:none;}
- #copyright {display:none;}
- #storeArea {display:none;}
- #storeArea div {padding:0.5em; margin:1em 0em 0em 0em; border-color:#fff #666 #444 #ddd; border-style:solid; border-width:2px; overflow:auto;}
- #shadowArea {display:none;}
- #javascriptWarning {width:100%; text-align:center; font-weight:bold; background-color:#dd1100; color:#fff; padding:1em 0em;}
- </style>
- <!--POST-HEAD-START-->
- <!--POST-HEAD-END-->
- </head>
- <body onload="main();" onunload="if(window.unload) unload();">
- <!--PRE-BODY-START-->
- <!--PRE-BODY-END-->
- <div id="copyright">
- Welcome to TiddlyWiki created by Jeremy Ruston; Copyright © 2004-2007 Jeremy Ruston, Copyright © 2007-2011 UnaMesa Association
- </div>
- <noscript>
- <div id="javascriptWarning">
- This page requires JavaScript to function properly.<br /><br />
- If you do not use JavaScript you may still <a href="http://fancybox.tiddlyspace.com/recipes/fancybox_private/tiddlers">browse
- the content of this wiki</a>.
- </div>
- </noscript>
- <div id="saveTest"></div>
- <div id="backstageCloak"></div>
- <div id="backstageButton"></div>
- <div id="backstageArea"><div id="backstageToolbar"></div></div>
- <div id="backstage">
- <div id="backstagePanel"></div>
- </div>
- <div id="contentWrapper"></div>
- <div id="contentStash"></div>
- <div id="shadowArea">
- <div title="MarkupPreHead">
- <pre><!--{{{-->
- <link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' />
- <!--}}}-->
- </pre>
- </div>
- <div title="ColorPalette">
- <pre>Background: #fff
- Foreground: #000
- PrimaryPale: #8cf
- PrimaryLight: #18f
- PrimaryMid: #04b
- PrimaryDark: #014
- SecondaryPale: #ffc
- SecondaryLight: #fe8
- SecondaryMid: #db4
- SecondaryDark: #841
- TertiaryPale: #eee
- TertiaryLight: #ccc
- TertiaryMid: #999
- TertiaryDark: #666
- Error: #f88
- </pre>
- </div>
- <div title="StyleSheetColors">
- <pre>/*{{{*/
- body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
- a {color:[[ColorPalette::PrimaryMid]];}
- a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
- a img {border:0;}
- h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
- h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
- h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}
- .button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
- .button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
- .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}
- .header {background:[[ColorPalette::PrimaryMid]];}
- .headerShadow {color:[[ColorPalette::Foreground]];}
- .headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
- .headerForeground {color:[[ColorPalette::Background]];}
- .headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}
- .tabSelected{color:[[ColorPalette::PrimaryDark]];
- background:[[ColorPalette::TertiaryPale]];
- border-left:1px solid [[ColorPalette::TertiaryLight]];
- border-top:1px solid [[ColorPalette::TertiaryLight]];
- border-right:1px solid [[ColorPalette::TertiaryLight]];
- }
- .tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
- .tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
- .tabContents .button {border:0;}
- #sidebar {}
- #sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
- #sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
- #sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
- #sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
- #sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}
- .wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
- .wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
- .wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
- .wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
- border:1px solid [[ColorPalette::PrimaryMid]];}
- .wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
- .wizardFooter {background:[[ColorPalette::PrimaryPale]];}
- .wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
- .wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
- border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
- .wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
- .wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
- border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}
- .wizard .notChanged {background:transparent;}
- .wizard .changedLocally {background:#80ff80;}
- .wizard .changedServer {background:#8080ff;}
- .wizard .changedBoth {background:#ff8080;}
- .wizard .notFound {background:#ffff80;}
- .wizard .putToServer {background:#ff80ff;}
- .wizard .gotFromServer {background:#80ffff;}
- #messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
- #messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}
- .popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}
- .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]];}
- .popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
- .popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
- .popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
- .popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
- .popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
- .popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
- .listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}
- .tiddler .defaultCommand {font-weight:bold;}
- .shadow .title {color:[[ColorPalette::TertiaryDark]];}
- .title {color:[[ColorPalette::SecondaryDark]];}
- .subtitle {color:[[ColorPalette::TertiaryDark]];}
- .toolbar {color:[[ColorPalette::PrimaryMid]];}
- .toolbar a {color:[[ColorPalette::TertiaryLight]];}
- .selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
- .selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}
- .tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
- .selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
- .tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
- .tagging .button, .tagged .button {border:none;}
- .footer {color:[[ColorPalette::TertiaryLight]];}
- .selected .footer {color:[[ColorPalette::TertiaryMid]];}
- .sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
- .sparktick {background:[[ColorPalette::PrimaryDark]];}
- .error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
- .warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
- .lowlight {background:[[ColorPalette::TertiaryLight]];}
- .zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}
- .imageLink, #displayArea .imageLink {background:transparent;}
- .annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}
- .viewer .listTitle {list-style-type:none; margin-left:-2em;}
- .viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
- .viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}
- .viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
- .viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
- .viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}
- .viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
- .viewer code {color:[[ColorPalette::SecondaryDark]];}
- .viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}
- .highlight, .marked {background:[[ColorPalette::SecondaryLight]];}
- .editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
- .editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
- .editorFooter {color:[[ColorPalette::TertiaryMid]];}
- .readOnly {background:[[ColorPalette::TertiaryPale]];}
- #backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
- #backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
- #backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
- #backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
- #backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
- #backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
- #backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
- .backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
- .backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
- #backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity=60)';}
- /*}}}*/</pre>
- </div>
- <div title="StyleSheetLayout">
- <pre>/*{{{*/
- * html .tiddler {height:1%;}
- body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}
- h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
- h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
- h4,h5,h6 {margin-top:1em;}
- h1 {font-size:1.35em;}
- h2 {font-size:1.25em;}
- h3 {font-size:1.1em;}
- h4 {font-size:1em;}
- h5 {font-size:.9em;}
- hr {height:1px;}
- a {text-decoration:none;}
- dt {font-weight:bold;}
- ol {list-style-type:decimal;}
- ol ol {list-style-type:lower-alpha;}
- ol ol ol {list-style-type:lower-roman;}
- ol ol ol ol {list-style-type:decimal;}
- ol ol ol ol ol {list-style-type:lower-alpha;}
- ol ol ol ol ol ol {list-style-type:lower-roman;}
- ol ol ol ol ol ol ol {list-style-type:decimal;}
- .txtOptionInput {width:11em;}
- #contentWrapper .chkOptionInput {border:0;}
- .externalLink {text-decoration:underline;}
- .indent {margin-left:3em;}
- .outdent {margin-left:3em; text-indent:-3em;}
- code.escaped {white-space:nowrap;}
- .tiddlyLinkExisting {font-weight:bold;}
- .tiddlyLinkNonExisting {font-style:italic;}
- /* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
- a.tiddlyLinkNonExisting.shadow {font-weight:bold;}
- #mainMenu .tiddlyLinkExisting,
- #mainMenu .tiddlyLinkNonExisting,
- #sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
- #sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}
- .header {position:relative;}
- .header a:hover {background:transparent;}
- .headerShadow {position:relative; padding:4.5em 0 1em 1em; left:-1px; top:-1px;}
- .headerForeground {position:absolute; padding:4.5em 0 1em 1em; left:0px; top:0px;}
- .siteTitle {font-size:3em;}
- .siteSubtitle {font-size:1.2em;}
- #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;}
- #sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
- #sidebarOptions {padding-top:0.3em;}
- #sidebarOptions a {margin:0 0.2em; padding:0.2em 0.3em; display:block;}
- #sidebarOptions input {margin:0.4em 0.5em;}
- #sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
- #sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
- #sidebarOptions .sliderPanel input {margin:0 0 0.3em 0;}
- #sidebarTabs .tabContents {width:15em; overflow:hidden;}
- .wizard {padding:0.1em 1em 0 2em;}
- .wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
- .wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
- .wizardStep {padding:1em 1em 1em 1em;}
- .wizard .button {margin:0.5em 0 0; font-size:1.2em;}
- .wizardFooter {padding:0.8em 0.4em 0.8em 0;}
- .wizardFooter .status {padding:0 0.4em; margin-left:1em;}
- .wizard .button {padding:0.1em 0.2em;}
- #messageArea {position:fixed; top:2em; right:0; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
- .messageToolbar {display:block; text-align:right; padding:0.2em;}
- #messageArea a {text-decoration:underline;}
- .tiddlerPopupButton {padding:0.2em;}
- .popupTiddler {position: absolute; z-index:300; padding:1em; margin:0;}
- .popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
- .popup .popupMessage {padding:0.4em;}
- .popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0;}
- .popup li.disabled {padding:0.4em;}
- .popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
- .listBreak {font-size:1px; line-height:1px;}
- .listBreak div {margin:2px 0;}
- .tabset {padding:1em 0 0 0.5em;}
- .tab {margin:0 0 0 0.25em; padding:2px;}
- .tabContents {padding:0.5em;}
- .tabContents ul, .tabContents ol {margin:0; padding:0;}
- .txtMainTab .tabContents li {list-style:none;}
- .tabContents li.listLink { margin-left:.75em;}
- #contentWrapper {display:block;}
- #splashScreen {display:none;}
- #displayArea {margin:1em 17em 0 14em;}
- .toolbar {text-align:right; font-size:.9em;}
- .tiddler {padding:1em 1em 0;}
- .missing .viewer,.missing .title {font-style:italic;}
- .title {font-size:1.6em; font-weight:bold;}
- .missing .subtitle {display:none;}
- .subtitle {font-size:1.1em;}
- .tiddler .button {padding:0.2em 0.4em;}
- .tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
- .isTag .tagging {display:block;}
- .tagged {margin:0.5em; float:right;}
- .tagging, .tagged {font-size:0.9em; padding:0.25em;}
- .tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
- .tagClear {clear:both;}
- .footer {font-size:.9em;}
- .footer li {display:inline;}
- .annotation {padding:0.5em; margin:0.5em;}
- * html .viewer pre {width:99%; padding:0 0 1em 0;}
- .viewer {line-height:1.4em; padding-top:0.5em;}
- .viewer .button {margin:0 0.25em; padding:0 0.25em;}
- .viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
- .viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}
- .viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
- .viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
- table.listView {font-size:0.85em; margin:0.8em 1.0em;}
- table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}
- .viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
- .viewer code {font-size:1.2em; line-height:1.4em;}
- .editor {font-size:1.1em;}
- .editor input, .editor textarea {display:block; width:100%; font:inherit;}
- .editorFooter {padding:0.25em 0; font-size:.9em;}
- .editorFooter .button {padding-top:0px; padding-bottom:0px;}
- .fieldsetFix {border:0; padding:0; margin:1px 0px;}
- .sparkline {line-height:1em;}
- .sparktick {outline:0;}
- .zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
- .zoomer div {padding:1em;}
- * html #backstage {width:99%;}
- * html #backstageArea {width:99%;}
- #backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em;}
- #backstageToolbar {position:relative;}
- #backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em;}
- #backstageButton {display:none; position:absolute; z-index:175; top:0; right:0;}
- #backstageButton a {padding:0.1em 0.4em; margin:0.1em;}
- #backstage {position:relative; width:100%; z-index:50;}
- #backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin-left:3em; padding:1em;}
- .backstagePanelFooter {padding-top:0.2em; float:right;}
- .backstagePanelFooter a {padding:0.2em 0.4em;}
- #backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}
- .whenBackstage {display:none;}
- .backstageVisible .whenBackstage {display:block;}
- /*}}}*/
- </pre>
- </div>
- <div title="StyleSheetLocale">
- <pre>/***
- StyleSheet for use when a translation requires any css style changes.
- This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
- ***/
- /*{{{*/
- body {font-size:0.8em;}
- #sidebarOptions {font-size:1.05em;}
- #sidebarOptions a {font-style:normal;}
- #sidebarOptions .sliderPanel {font-size:0.95em;}
- .subtitle {font-size:0.8em;}
- .viewer table.listView {font-size:0.95em;}
- /*}}}*/</pre>
- </div>
- <div title="StyleSheetPrint">
- <pre>/*{{{*/
- @media print {
- #mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none !important;}
- #displayArea {margin: 1em 1em 0em;}
- noscript {display:none;} /* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
- }
- /*}}}*/</pre>
- </div>
- <div title="PageTemplate">
- <pre><!--{{{-->
- <div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
- <div class='headerShadow'>
- <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
- <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
- </div>
- <div class='headerForeground'>
- <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
- <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
- </div>
- </div>
- <div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
- <div id='sidebar'>
- <div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
- <div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
- </div>
- <div id='displayArea'>
- <div id='messageArea'></div>
- <div id='tiddlerDisplay'></div>
- </div>
- <!--}}}--></pre>
- </div>
- <div title="ViewTemplate">
- <pre><!--{{{-->
- <div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
- <div class='title' macro='view title'></div>
- <div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
- <div class='tagging' macro='tagging'></div>
- <div class='tagged' macro='tags'></div>
- <div class='viewer' macro='view text wikified'></div>
- <div class='tagClear'></div>
- <!--}}}--></pre>
- </div>
- <div title="EditTemplate">
- <pre><!--{{{-->
- <div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'></div>
- <div class='title' macro='view title'></div>
- <div class='editor' macro='edit title'></div>
- <div macro='annotations'></div>
- <div class='editor' macro='edit text'></div>
- <div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser excludeLists'></span></div>
- <!--}}}--></pre>
- </div>
- <div title="GettingStarted">
- <pre>To get started with this blank [[TiddlyWiki]], you'll need to modify the following tiddlers:
- * [[SiteTitle]] & [[SiteSubtitle]]: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
- * [[MainMenu]]: The menu (usually on the left)
- * [[DefaultTiddlers]]: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
- You'll also need to enter your username for signing your edits: <<option txtUserName>></pre>
- </div>
- <div title="OptionsPanel">
- <pre>These [[InterfaceOptions]] for customising [[TiddlyWiki]] are saved in your browser
- Your username for signing your edits. Write it as a [[WikiWord]] (eg [[JoeBloggs]])
- <<option txtUserName>>
- <<option chkSaveBackups>> [[SaveBackups]]
- <<option chkAutoSave>> [[AutoSave]]
- <<option chkRegExpSearch>> [[RegExpSearch]]
- <<option chkCaseSensitiveSearch>> [[CaseSensitiveSearch]]
- <<option chkAnimate>> [[EnableAnimations]]
- ----
- Also see [[AdvancedOptions]]</pre>
- </div>
- <div title="ImportTiddlers">
- <pre><<importTiddlers>></pre>
- </div>
- </div>
- <!--POST-SHADOWAREA-->
- <div id="storeArea">
- <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=""fancybox_public/01.jpg/255486;38557a300c7db6bf205b78f536236444a956e37a"" 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">
- <pre>!labelX
- The label is stored in the tiddler custom field
- !usage
- {{{[img[01.jpg]]}}}
- [img[01.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/01.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/01.jpg
- !link
- [[San Benedicto Island|http://fancybox-pics.tiddlyspace.com/01.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/02.jpg/261782;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- !usage
- {{{[img[02.jpg]]}}}
- [img[02.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/02.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/02.jpg
- !link
- [[02.jpg|http://fancybox-pics.tiddlyspace.com/02.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/03.jpg/261783;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- !usage
- {{{[img[03.jpg]]}}}
- [img[03.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/03.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/03.jpg
- !link
- [[03.jpg|http://fancybox-pics.tiddlyspace.com/03.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/04.jpg/261784;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- !usage
- {{{[img[04.jpg]]}}}
- [img[04.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/04.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/04.jpg
- !link
- [[04.jpg|http://fancybox-pics.tiddlyspace.com/04.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/05.jpg/261785;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- !usage
- {{{[img[05.jpg]]}}}
- [img[05.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/05.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/05.jpg
- !link
- [[05.jpg|http://fancybox-pics.tiddlyspace.com/05.jpg]]
- !end
- </pre>
- </div>
- <div title="05slide.jpg" creator="pmario" modifier="pmario" created="201102111153" modified="201102111153" tags="attachment" server.title="05slide.jpg" server.page.revision="249043" server.etag=""fancybox_public/05slide.jpg/249043;38557a300c7db6bf205b78f536236444a956e37a"" 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">
- <pre>!usage
- {{{[img[05slide.jpg]]}}}
- [img[05slide.jpg]]
- !notes
- !type
- image/jpg
- !file
- ./pics/05.jpg
- !url
- http://fancybox-pics.tiddlyspace.com/05.jpg
- !link
- [[05slide.jpg|http://fancybox-pics.tiddlyspace.com/05.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/06.jpg/261786;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- The Lobster
- !usage
- {{{[img[06.jpg]]}}}
- [img[06.jpg]]
- !slide
- 06slide.jpg
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/06.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/06.jpg
- !link
- [[06.jpg|http://fancybox-pics.tiddlyspace.com/06.jpg]]
- !end
- </pre>
- </div>
- <div title="06slide.jpg" creator="pmario" modifier="pmario" created="201102072057" modified="201102072057" tags="attachment" server.title="06slide.jpg" server.page.revision="245583" server.etag=""fancybox_public/06slide.jpg/245583;38557a300c7db6bf205b78f536236444a956e37a"" 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">
- <pre>!usage
- {{{[img[06slide.jpg]]}}}
- [img[06slide.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./pics/06.jpg
- !url
- http://fancybox-pics.tiddlyspace.com/06.jpg
- !link
- [[Lobster|http://fancybox-pics.tiddlyspace.com/06.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/07.jpg/261787;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- Strobe Fish
- !usage
- {{{[img[07.jpg]]}}}
- [img[07.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/07.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/07.jpg
- !link
- [[07.jpg|http://fancybox-pics.tiddlyspace.com/07.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/08.jpg/261788;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- Octopus
- !usage
- {{{[img[08.jpg]]}}}
- [img[08.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/08.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/08.jpg
- !link
- [[08.jpg|http://fancybox-pics.tiddlyspace.com/08.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/09.jpg/261789;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- !usage
- {{{[img[09.jpg]]}}}
- [img[09.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/09.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/09.jpg
- !link
- [[09.jpg|http://fancybox-pics.tiddlyspace.com/09.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/10.jpg/261790;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- !usage
- {{{[img[10.jpg]]}}}
- [img[10.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/10.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/10.jpg
- !link
- [[10.jpg|http://fancybox-pics.tiddlyspace.com/10.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/11.jpg/261791;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- San Benedicto Island Sunset
- !usage
- {{{[img[11.jpg]]}}}
- [img[11.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/11.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/11.jpg
- !link
- [[11.jpg|http://fancybox-pics.tiddlyspace.com/11.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/12.jpg/261792;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- !usage
- {{{[img[12.jpg]]}}}
- [img[12.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/12.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/12.jpg
- !link
- [[12.jpg|http://fancybox-pics.tiddlyspace.com/12.jpg]]
- !end
- </pre>
- </div>
- <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=""fancybox_public/13.jpg/261793;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!label
- !usage
- {{{[img[13.jpg]]}}}
- [img[13.jpg]]
- !notes
- attached by FileDropPlugin
- !type
- image/jpg
- !file
- ./thumbs/13.jpg
- !url
- http://fancybox-thumbs.tiddlyspace.com/13.jpg
- !link
- [[13.jpg|http://fancybox-pics.tiddlyspace.com/13.jpg]]
- !end
- </pre>
- </div>
- <div title="@news" creator="fancybox" modifier="fancybox" created="201101211613" modified="201101211613" tags="list" server.title="@news" server.page.revision="47550" server.etag=""fancybox_public/%40news/47550;38557a300c7db6bf205b78f536236444a956e37a"" 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">
- <pre>Have fun with @FanxyBox </pre>
- </div>
- <div title="About" creator="pmario" modifier="pmario" created="201102131915" modified="201102211548" tags="mainMenu topMenu" server.title="About" server.page.revision="261794" server.etag=""fancybox_public/About/261794;679c808ea83728c9f0922e0ac831727f87829617"" 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">
- <pre>!Info
- FancyBox site adds FancyBoxPlugin@fancybox for easy usage with TW. It includes the ~FancyBox library from fancybox.net. Have fun!
- /%===== Do not use these examples. Look at [[Examples]] instead !%/<<tiddler DifferentTransitions>><<tiddler DifferentTitles>>
- <<tiddler ImageGallery>>
- <<tiddler ManualCalls>>
- !~HowToo's
- See [[HowToo's]] for detailed information!</pre>
- </div>
- <div title="AttachFileMIMETypes" creator="pmario" modifier="pmario" created="201102072259" modified="201102072259" server.title="AttachFileMIMETypes" server.page.revision="245734" server.etag=""fancybox_private/AttachFileMIMETypes/245734;38557a300c7db6bf205b78f536236444a956e37a"" 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">
- <pre>text/plain
- .txt .text .js .vbs .asp .cgi .pl
- ----
- text/html
- .htm .html .hta .htx .mht
- ----
- text/comma-separated-values
- .csv
- ----
- text/javascript
- .js
- ----
- text/css
- .css
- ----
- text/xml
- .xml .xsl .xslt
- ----
- image/gif
- .gif
- ----
- image/jpeg
- .jpg .jpe .jpeg
- ----
- image/png
- .png
- ----
- image/bmp
- .bmp
- ----
- image/tiff
- .tif .tiff
- ----
- audio/basic
- .au .snd
- ----
- audio/wav
- .wav
- ----
- audio/x-pn-realaudio
- .ra .rm .ram
- ----
- audio/x-midi
- .mid .midi
- ----
- audio/mp3
- .mp3
- ----
- audio/m3u
- .m3u
- ----
- video/x-ms-asf
- .asf
- ----
- video/avi
- .avi
- ----
- video/mpeg
- .mpg .mpeg
- ----
- video/quicktime
- .qt .mov .qtvr
- ----
- application/pdf
- .pdf
- ----
- application/rtf
- .rtf
- ----
- application/postscript
- .ai .eps .ps
- ----
- application/wordperfect
- .wpd
- ----
- application/mswrite
- .wri
- ----
- application/msexcel
- .xls .xls3 .xls4 .xls5 .xlw
- ----
- application/msword
- .doc
- ----
- application/mspowerpoint
- .ppt .pps
- ----
- application/x-director
- .swa
- ----
- application/x-shockwave-flash
- .swf
- ----
- application/x-zip-compressed
- .zip
- ----
- application/x-gzip
- .gz
- ----
- application/x-rar-compressed
- .rar
- ----
- application/octet-stream
- .com .exe .dll .ocx
- ----
- application/java-archive
- .jar</pre>
- </div>
- <div title="AttachFilePlugin" creator="pmario" modifier="pmario" created="201102072259" modified="201102072259" tags="systemConfig" server.title="AttachFilePlugin" server.page.revision="245735" server.etag=""fancybox_private/AttachFilePlugin/245735;38557a300c7db6bf205b78f536236444a956e37a"" 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">
- <pre>/***
- |Name|AttachFilePlugin|
- |Source|http://www.TiddlyTools.com/#AttachFilePlugin|
- |Documentation|http://www.TiddlyTools.com/#AttachFilePluginInfo|
- |Version|4.0.0|
- |Author|Eric Shulman|
- |License|http://www.TiddlyTools.com/#LegalStatements|
- |~CoreVersion|2.1|
- |Type|plugin|
- |Requires|AttachFilePluginFormatters, AttachFileMIMETypes|
- |Description|Store binary files as base64-encoded tiddlers with fallback links for separate local and/or remote file storage|
- 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.
- > 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/"pretty" links ({{{[[label|link]]}}}), so that these formatter will process references to attachment tiddlers as if a normal file reference had been provided. |
- !!!!!Documentation
- >see [[AttachFilePluginInfo]]
- !!!!!Inline interface (live)
- >see [[AttachFile]] (shadow tiddler)
- ><<tiddler AttachFile>>
- !!!!!Revisions
- <<<
- 2009.06.04 [4.0.0] changed attachment storage format to use //sections// instead of embedded substring markers.
- |please see [[AttachFilePluginInfo]] for additional revision details|
- 2005.07.20 [1.0.0] Initial Release
- <<<
- !!!!!Code
- ***/
- // // version
- //{{{
- version.extensions.AttachFilePlugin= {major: 4, minor: 0, revision: 0, date: new Date(2009,6,4)};
- // shadow tiddler
- config.shadowTiddlers.AttachFile="<<attach inline>>";
- // add 'attach' backstage task (insert before built-in 'importTask')
- if (config.tasks) { // for TW2.2b or above
- config.tasks.attachTask = {
- text: "attach",
- tooltip: "Attach a binary file as a tiddler",
- content: "<<attach inline>>"
- }
- config.backstageTasks.splice(config.backstageTasks.indexOf("importTask"),0,"attachTask");
- }
- config.macros.attach = {
- // // lingo
- //{{{
- label: "attach file",
- tooltip: "Attach a file to this document",
- linkTooltip: "Attachment: ",
- typeList: "AttachFileMIMETypes",
- titlePrompt: " enter tiddler title...",
- MIMEPrompt: "<option value=''>select MIME type...</option><option value='editlist'>[edit list...]</option>",
- localPrompt: " enter local path/filename...",
- URLPrompt: " enter remote URL...",
- tiddlerErr: "Please enter a tiddler title",
- sourceErr: "Please enter a source path/filename",
- storageErr: "Please select a storage method: embedded, local or remote",
- MIMEErr: "Unrecognized file format. Please select a MIME type",
- localErr: "Please enter a local path/filename",
- URLErr: "Please enter a remote URL",
- fileErr: "Invalid path/file or file not found",
- 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',
- //}}}
- // // macro definition
- //{{{
- handler:
- function(place,macroName,params) {
- if (params && !params[0])
- { createTiddlyButton(place,this.label,this.tooltip,this.toggleAttachPanel); return; }
- var id=params.shift();
- this.createAttachPanel(place,id+"_attachPanel",params);
- document.getElementById(id+"_attachPanel").style.position="static";
- document.getElementById(id+"_attachPanel").style.display="block";
- },
- //}}}
- //{{{
- createAttachPanel:
- function(place,panel_id,params) {
- if (!panel_id || !panel_id.length) var panel_id="_attachPanel";
- // remove existing panel (if any)
- var panel=document.getElementById(panel_id); if (panel) panel.parentNode.removeChild(panel);
- // set styles for this panel
- setStylesheet(this.css,"attachPanel");
- // create new panel
- var title=""; if (params && params[0]) title=params.shift();
- var types=this.MIMEPrompt+this.formatListOptions(store.getTiddlerText(this.typeList)); // get MIME types
- panel=createTiddlyElement(place,"span",panel_id,"attachPanel",null);
- var html=this.html.replace(/%id%/g,panel_id);
- html=html.replace(/%title%/g,title);
- html=html.replace(/%disabled%/g,title.length?"disabled":"");
- html=html.replace(/%IEdisabled%/g,config.browser.isIE?"disabled":"");
- html=html.replace(/%types%/g,types);
- panel.innerHTML=html;
- if (config.browser.isGecko) { // FF3 FIXUP
- document.getElementById("attachSource").style.display="none";
- document.getElementById("attachFixPanel").style.display="block";
- }
- return panel;
- },
- //}}}
- //{{{
- toggleAttachPanel:
- function (e) {
- if (!e) var e = window.event;
- var parent=resolveTarget(e).parentNode;
- var panel = document.getElementById("_attachPanel");
- if (panel==undefined || panel.parentNode!=parent)
- panel=config.macros.attach.createAttachPanel(parent,"_attachPanel");
- var isOpen = panel.style.display=="block";
- if(config.options.chkAnimate)
- anim.startAnimating(new Slider(panel,!isOpen,e.shiftKey || e.altKey,"none"));
- else
- panel.style.display = isOpen ? "none" : "block" ;
- e.cancelBubble = true;
- if (e.stopPropagation) e.stopPropagation();
- return(false);
- },
- //}}}
- //{{{
- formatListOptions:
- function(text) {
- if (!text || !text.trim().length) return "";
- // get MIME list content from text
- var parts=text.split("\n----\n");
- var out="";
- for (var p=0; p<parts.length; p++) {
- var lines=parts[p].split("\n");
- var label=lines.shift(); // 1st line=display text
- var value=lines.shift(); // 2nd line=item value
- out +='<option value="%1">%0</option>'.format([label,value]);
- }
- return out;
- },
- //}}}
- // // interface definition
- //{{{
- css:
- ".attachPanel { display: none; position:absolute; z-index:10; width:35em; right:105%; top:0em;\
- background-color: #eee; color:#000; font-size: 8pt; line-height:110%;\
- border:1px solid black; border-bottom-width: 3px; border-right-width: 3px;\
- padding: 0.5em; margin:0em; -moz-border-radius:1em;-webkit-border-radius:1em; text-align:left }\
- .attachPanel form { display:inline;border:0;padding:0;margin:0; }\
- .attachPanel select { width:99%;margin:0px;font-size:8pt;line-height:110%;}\
- .attachPanel input { width:98%;padding:0px;margin:0px;font-size:8pt;line-height:110%}\
- .attachPanel textarea { width:98%;margin:0px;height:2em;font-size:8pt;line-height:110%}\
- .attachPanel table { width:100%;border:0;margin:0;padding:0;color:inherit; }\
- .attachPanel tbody, .attachPanel tr, .attachPanel td { border:0;margin:0;padding:0;color:#000; }\
- .attachPanel .box { border:1px solid black; padding:.3em; margin:.3em 0px; background:#f8f8f8; \
- -moz-border-radius:5px;-webkit-border-radius:5px; }\
- .attachPanel .chk { width:auto;border:0; }\
- .attachPanel .btn { width:auto; }\
- .attachPanel .btn2 { width:49%; }\
- ",
- //}}}
- //{{{
- html:
- '<form>\
- attach from source file\
- <input type="file" id="attachSource" name="source" size="56"\
- onChange="config.macros.attach.onChangeSource(this)">\
- <div id="attachFixPanel" style="display:none"><!-- FF3 FIXUP -->\
- <input type="text" id="attachFixSource" style="width:90%"\
- title="Enter a path/file to attach"\
- onChange="config.macros.attach.onChangeSource(this);">\
- <input type="button" style="width:7%" value="..."\
- title="Enter a path/file to attach"\
- onClick="config.macros.attach.askForFilename(document.getElementById(\'attachFixSource\'));">\
- </div><!--end FF3 FIXUP-->\
- <div class="box">\
- <table style="border:0"><tr style="border:0"><td style="border:0;text-align:right;width:1%;white-space:nowrap">\
- embed data <input type=checkbox class=chk name="useData" %IEdisabled% \
- onclick="if (!this.form.MIMEType.value.length)\
- this.form.MIMEType.selectedIndex=this.checked?1:0; ">&nbsp;\
- </td><td style="border:0">\
- <select size=1 name="MIMEType" \
- onchange="this.title=this.value; if (this.value==\'editlist\')\
- { this.selectedIndex=this.form.useData.checked?1:0; story.displayTiddler(null,config.macros.attach.typeList,2); return; }">\
- <option value=""></option>\
- %types%\
- </select>\
- </td></tr><tr style="border:0">&…
Large files files are truncated, but you can click here to view the full file