【TW5φ(..)】タグ「$:/tags/AboveStory」を利用してツールバー

1. 「http://tiddlywiki.com/」(index.html ver.5.1.14)でテーマの変更なし、ブラウザchromeでレイアウト確認。
<style>
.as_div1{
position: fixed; top: 0px; left: 0px;
width: 70%; height: 30px;
text-align: center; margin: 0px; padding: 6px 4px 4px 0px;
background: #cceedd; z-index: 200;
}
.as_div2{
position: fixed; top: 0px; left: 70%;
width: 30%; height: 30px;
margin: 0px; padding: 4px 4px 0px 10px;
background: #ddffee; z-index: 201;
}
</style>
<div class="as_div1">★{{{[<currentTiddler>]}}}★
<$button>{{$:/core/ui/EditorToolbar/preview}}</$button></div>
<div class="as_div2"><<tag $:/tags/AboveStory>></div>
<!-- この上に改行<br>を入れてもtiddlerのタイトル位置を調節出来る。
wikiのタイトル位置は「$:/ControlPanel」の「Title of this TiddlyWiki」欄で改行で調整… -->

2.display Theme 「Tight and Heavier」利用時の補整例
※参考：http://tiddlywiki.com/#Using%20Stylesheets

.tc-site-title{padding-top: 30px;}
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}})
{.tc-site-title{padding-top: 20px;}}
.story-backdrop{padding-bottom: 40px;}