/*** | Name|MptwLayoutPlugin| | Description|A package containing templates and css for the MonkeyPirateTiddlyWiki layout| | Version|3.0 ($Rev: 1845 $)| | Source|http://mptw.tiddlyspot.com/#MptwLayoutPlugin| | Author|Simon Baird <simon.baird@gmail.com>| | License|http://mptw.tiddlyspot.com/#TheBSDLicense| !Notes Presumes you have TagglyTaggingPlugin installed. To enable this you should have a PageTemplate containing {{{[[MptwPageTemplate]]}}} and similar for ViewTemplate and EditTemplate. ***/ //{{{ // used in MptwViewTemplate config.mptwDateFormat = 'DD/MM/YY'; config.mptwJournalFormat = 'Journal DD/MM/YY'; //config.mptwDateFormat = 'MM/0DD/YY'; //config.mptwJournalFormat = 'Journal MM/0DD/YY'; config.shadowTiddlers.GettingStarted += "\n\nSee also MonkeyPirateTiddlyWiki."; //}}} //{{{ merge(config.shadowTiddlers,{ 'MptwEditTemplate':[ "<!--{{{-->", "<!--- http://mptw.tiddlyspot.com/#MptwEditTemplate ($Rev: 1829 $) --->", "<div class=\"toolbar\" macro=\"toolbar +saveTiddler saveCloseTiddler closeOthers -cancelTiddler cancelCloseTiddler deleteTiddler\"></div>", "<div class=\"title\" macro=\"view title\"></div>", "<div class=\"editLabel\">Title</div><div class=\"editor\" macro=\"edit title\"></div>", "<div class=\"editLabel\">Tags</div><div class=\"editor\" macro=\"edit tags\"></div>", "<div class=\"editorFooter\"><span macro=\"message views.editor.tagPrompt\"></span><span macro=\"tagChooser\"></span></div>", "<div macro=\"showWhenExists EditPanelTemplate\">[[EditPanelTemplate]]</div>", "<div class=\"editor\" macro=\"edit text\"></div>", "<!--}}}-->" ].join("\n"), 'MptwPageTemplate':[ "<!--{{{-->", "<!-- http://mptw.tiddlyspot.com/#MptwPageTemplate ($Rev: 1829 $) -->", "<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>", " <div class='headerShadow'>", " <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> ", " <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>", " </div>", " <div class='headerForeground'>", " <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> ", " <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>", " </div>", "</div>", "<!-- horizontal MainMenu -->", "<div id='topMenu' refresh='content' tiddler='MainMenu'></div>", "<!-- original MainMenu menu -->", "<!-- <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>", "<!--}}}-->" ].join("\n"), 'MptwStyleSheet':[ "/*{{{*/", "/* http://mptw.tiddlyspot.com/#MptwStyleSheet ($Rev: 2246 $) */", "", "/* a contrasting background so I can see where one tiddler ends and the other begins */", "body {", " background: [[ColorPalette::TertiaryLight]];", "}", "", "/* sexy colours and font for the header */", ".headerForeground {", " color: [[ColorPalette::PrimaryPale]];", "}", ".headerShadow, .headerShadow a {", " color: [[ColorPalette::PrimaryMid]];", "}", "", "/* separate the top menu parts */", ".headerForeground, .headerShadow {", " padding: 1em 1em 0;", "}", "", ".headerForeground, .headerShadow {", " font-family: 'Trebuchet MS' sans-serif;", " font-weight:bold;", "}", ".headerForeground .siteSubtitle {", " color: [[ColorPalette::PrimaryLight]];", "}", ".headerShadow .siteSubtitle {", " color: [[ColorPalette::PrimaryMid]];", "}", "", "/* make shadow go and down right instead of up and left */", ".headerShadow {", " left: 1px;", " top: 1px;", "}", "", "/* prefer monospace for editing */", ".editor textarea {", " font-family: 'Consolas' monospace;", "}", "", "/* sexy tiddler titles */", ".title {", " font-size: 250%;", " color: [[ColorPalette::PrimaryLight]];", " font-family: 'Trebuchet MS' sans-serif;", "}", "", "/* more subtle tiddler subtitle */", ".subtitle {", " padding:0px;", " margin:0px;", " padding-left:0.5em;", " font-size: 90%;", " color: [[ColorPalette::TertiaryMid]];", "}", ".subtitle .tiddlyLink {", " color: [[ColorPalette::TertiaryMid]];", "}", "", "/* a little bit of extra whitespace */", ".viewer {", " padding-bottom:3px;", "}", "", "/* don't want any background color for headings */", "h1,h2,h3,h4,h5,h6 {", " background: [[ColorPalette::Background]];", " color: [[ColorPalette::Foreground]];", "}", "", "/* give tiddlers 3d style border and explicit background */", ".tiddler {", " background: [[ColorPalette::Background]];", " border-right: 2px [[ColorPalette::TertiaryMid]] solid;", " border-bottom: 2px [[ColorPalette::TertiaryMid]] solid;", " margin-bottom: 1em;", " padding-bottom: 1em;", " padding-top: 0.75em;", "}", "", "/* make options slider look nicer */", "#sidebarOptions .sliderPanel {", " border:solid 1px [[ColorPalette::PrimaryLight]];", "}", "", "/* the borders look wrong with the body background */", "#sidebar .button {", " border-style: none;", "}", "", "/* this means you can put line breaks in SidebarOptions for readability */", "#sidebarOptions br {", " display:none;", "}", "/* undo the above in OptionsPanel */", "#sidebarOptions .sliderPanel br {", " display:inline;", "}", "", "/* horizontal main menu stuff */", "#displayArea {", " margin: 1em 15.7em 0em 1em; /* use the freed up space */", "}", "#topMenu br {", " display: none;", "}", "#topMenu {", " background: [[ColorPalette::PrimaryMid]];", " color:[[ColorPalette::PrimaryPale]];", "}", "#topMenu {", " padding:2px;", "}", "#topMenu .button, #topMenu .tiddlyLink, #topMenu a {", " margin-left: 0.5em;", " margin-right: 0.5em;", " padding-left: 3px;", " padding-right: 3px;", " color: [[ColorPalette::PrimaryPale]];", " font-size: 115%;", "}", "#topMenu .button:hover, #topMenu .tiddlyLink:hover {", " background: [[ColorPalette::PrimaryDark]];", "}", "", "/* make 2.2 act like 2.1 with the invisible buttons */", ".toolbar {", " visibility:hidden;", "}", ".selected .toolbar {", " visibility:visible;", "}", "", "/* experimental. this is a little borked in IE7 with the button ", " * borders but worth it I think for the extra screen realestate */", ".toolbar { float:right; }", "", "/* for Tagger Plugin, thanks sb56637 */", ".popup li a {", " display:inline;", "}", "", "/* make it print a little cleaner */", "@media print {", " #topMenu {", " display: none ! important;", " }", " /* not sure if we need all the importants */", " .tiddler {", " border-style: none ! important;", " margin:0px ! important;", " padding:0px ! important;", " padding-bottom:2em ! important;", " }", " .tagglyTagging .button, .tagglyTagging .hidebutton {", " display: none ! important;", " }", " .headerShadow {", " visibility: hidden ! important;", " }", " .tagglyTagged .quickopentag, .tagged .quickopentag {", " border-style: none ! important;", " }", " .quickopentag a.button, .miniTag {", " display: none ! important;", " }", "}", "/*}}}*/" ].join("\n"), 'MptwViewTemplate':[ "<!--{{{-->", "<!--- http://mptw.tiddlyspot.com/#MptwViewTemplate ($Rev: 2247 $) --->", "", "<div class='toolbar'>", " <span macro=\"showWhenTagged systemConfig\">", " <span macro=\"toggleTag systemConfigDisable . '[[disable|systemConfigDisable]]'\"></span>", " </span>", " <span macro=\"showWhenTagged palette\">", " <span macro=\"setPalette\"></span>", " </span>", " <span style=\"padding:1em;\"></span>", " <span macro='toolbar closeTiddler closeOthers +editTiddler deleteTiddler > fields syncing permalink references jump'></span> <span macro='newHere label:\"new here\"'></span>", " <span macro='newJournalHere {{config.mptwJournalFormat?config.mptwJournalFormat:\"MM/0DD/YY\"}}'></span>", "</div>", "", "<div class=\"tagglyTagged\" macro=\"tags\"></div>", "", "<div class='titleContainer'>", " <span class='title' macro='view title'></span>", " <span macro=\"miniTag\"></span>", "</div>", "", "<div class='subtitle'>", " <span macro='view modifier link'></span>,", " <span macro='view modified date {{config.mptwDateFormat?config.mptwDateFormat:\"MM/0DD/YY\"}}'></span>", " (<span macro='message views.wikified.createdPrompt'></span>", " <span macro='view created date {{config.mptwDateFormat?config.mptwDateFormat:\"MM/0DD/YY\"}}'></span>)", "</div>", "", "<div macro=\"showWhenExists ViewPanelTemplate\">[[ViewPanelTemplate]]</div>", "", "<div macro=\"hideWhen tiddler.tags.containsAny(['css','html','pre','systemConfig']) && !tiddler.text.match('{{'+'{')\">", " <div class='viewer' macro='view text wikified'></div>", "</div>", "<div macro=\"showWhen tiddler.tags.containsAny(['css','html','pre','systemConfig']) && !tiddler.text.match('{{'+'{')\">", " <div class='viewer'><pre macro='view text'></pre></div>", "</div>", "", "<div macro=\"showWhenExists ViewDashboardTemplate\">[[ViewDashboardTemplate]]</div>", "", "<div class=\"tagglyTagging\" macro=\"tagglyTagging\"></div>", "", "<!--}}}-->" ].join("\n") }); //}}}