My apologies for the delay, but I incorporated the css into an in-tiddler style section so everything can be in one tiddler (or you can separate and put the style section into your stylesheets). Code below as well as an attached .tid. PLEASE NOTE: I work with an inversed system theme (white text, black background) and 150% screen dpi, cannot work with most of TW\s themes, so I do not know how this will look on everyone else's TW's.
<style>
/* file folder top borders*/
/* centered header */
.filefolderheader {
display:inline-block;
font-family: "Courier New", "Lucida Console", Monaco, "DejaVu Sans Mono",
monospace;
font-variant:small-caps;
font-size:150%;
text-align:center;
margin: 0px auto;
padding:10px;
line-height:initial;
border: double 8px;
border-radius:2px;
}
/* filefolder non idented line */
.filefolderline {
text-align:left;
margin: 0px 0px 0px;
padding: 4px 12px 4px 18px;
border-top:solid 3px;
border-left:solid 1px;
border-right:solid 1px;
border-radius: 10px 10px 0px 0px;}
/* filefolder idented line */
.filefolderindented {
text-align:left;
margin:0px 0px 0px 10px;
padding: 4px 12px 4px 18px;
border-top:solid 2px;
border-left:solid 1px;
border-right:solid 1px;
border-radius: 10px 10px 0px 0px;}
</style>
<$reveal type="match" state="$:/state/uiufilecab" text="show">
<!-- TOP hidden--><div style="margin:0px; padding:10px; border-style: none
outset none inset; border-color:; border-width:3px;
text-align:center;"></div></$reveal>
<!--FRONT upper visible --><div style="margin:0px; padding:10px;
border-style: solid; border-width:2px 3px; text-align:center;"><$button
tooltip="click to close drawer" set="$:/state/uiufilecab" setTo="hide"
class='tc-btn-invisible tc-tiddlylink'><p class="filefolderheader">File
Cabinet ToC</p></$button></div>
<$reveal type="nomatch" state="$:/state/uiufilecab" text="show">
<!--FRONT lower 1 visible --><div style="margin:1px 0px 0px; padding: 25px
10px 10px; border-style: double solid none; border-width:3px;
border-radius:3px 3px 0px 0px; text-align:center;"><$button tooltip="click
to open drawer" set="$:/state/uiufilecab" setTo="show"
class='tc-btn-invisible tc-tiddlylink'><p class="filefolderheader">Drawer
1</p></$button></div>
<!--FRONT lower 2 visible --><div style="margin:0px; padding:3em 0 4em 0;
border-style: dotted solid solid; border-width:0px 3px 1px;
border-radius:0px 0px 3px 3px; text-align:center;">
<!--HANDLE visble--><div style="margin:0px; padding:0px;">
<$button tooltip="click to open drawer" set="$:/state/uiufilecab"
setTo="show" class='tc-btn-invisible tc-tiddlylink'><p style="width:8em;
margin:0px; padding:0px; border-style:outset solid; border-width:1px 3px;
border-radius:3px;"> </p></$button></div></div>
</$reveal>
<$reveal type="match" state="$:/state/uiufilecab" text="show">
<!--INTERIOR hidden--><div style="margin:0px; padding:10px 8px 0px;
border-style: none double none; border-width:8px;">
<div style="margin:0px 0px 0px; padding:10px; border-style: none ridge
none; border-width:6px;">
<$list filter="[tag[*your tagname]]">
<div class="filefolderline">
<$link><$view field="title"/></$link><$view field="caption"/>
<$list filter="[all[current]tagging[]]">
<div class="filefolderindented">
<$link to={{!!title}}><$view field="title"/></$link><$view field="caption"/>
</div>
</$list>
</div>
</$list>
</div></div>
<!--FRONT lower 1 hidden --><div style="margin:1px 0px 0px; padding: 25px
10px 10px; border-style: double solid none; border-width:3px;
border-radius:3px 3px 0px 0px; text-align:center;"><$button tooltip="click
to close drawer" set="$:/state/uiufilecab" setTo="hide"
class='tc-btn-invisible tc-tiddlylink'><p class="filefolderheader">Drawer
1</p></$button></div>
<!--FRONT lower 2 hidden --><div style="margin:0px; padding:3em 0em 4em
0em; border-style: dotted solid solid; border-width:0px 3px 1px;
border-radius:0px 0px 3px 3px; text-align:center;">
<!--HANDLE hidden --><div style="display: table; width:10em; margin:0 auto;
padding:0px; border:dashed 0px;">
<div style="display: table-row; height:.5em;">
<div style="display: table-cell; width:20%; margin:0px; padding:0px;
border-style: dotted outset none inset; border-width: 1px 2px 0px
3px;"></div>
<div style="display: table-cell; width:50%; margin:0px; padding:0px;
border-style: none none outset; border-width: 0px 0px 2px 0px"></div>
<div style="display: table-cell; width:20%; margin:0px; padding:0px;
border-style: dotted outset none inset; border-width: 1px 3px 0px
2px;"></div>
</div></div>
<div style="margin:0px; padding:0px;">
<$button tooltip="click to close drawer" set="$:/state/uiufilecab"
setTo="hide" class='tc-btn-invisible tc-tiddlylink'><p style="width:10em;
margin:0px; padding:0px; border-style:outset solid; border-width:1px 3px;
border-radius:0px 0px 3px 3px;"> </p></$button></div>
</div>
</$reveal>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/37f45a21-89ef-4f5e-99b1-f30109431e6c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
FileCabinet ToC.tid
Description: Binary data
