div.tc-sidebar-scrollable { padding-top: 0px ; }div.sticky { position: sticky; top: 0; background-color: #eee; padding: 10px;padding-left:20px;padding-right:20px; }/*TABLES BASIC*/ html body.tc-body table {margin-bottom:30px;} html body.tc-body th {padding: 10px;font-weight:normal;border: 1px solid #aaa;background-color:#ddd;font-family:'Arial', sans-serif;font-size:13pt;} html body.tc-body td {padding: 10px;border: 1px solid #aaa;vertical-align:top;font-family:'Arial', sans-serif;font-size:13pt;} /*TABLES CORNELL*/ html body.tc-body .cornell { -moz-box-shadow: 10px 10px 5px #bbb; -webkit-box-shadow: 10px 10px 5px #bbb; box-shadow: 10px 10px 5px #bbb; } /*PROGRESS TABLE*/ html body.tc-body .progresstable th {background-color:#006;color: #bbe;} html body.tc-body .progresstable td {font-size:9pt;}html body.tc-body .altblue th {padding: 10px; border: 1px solid #aaa; vertical-align:top;text-align:left;font-family:'Source Sans Pro', sans-serif;background-color:#C2D8FF;} html body.tc-body .altblue td {padding: 10px; border: 1px solid #aaa; vertical-align:top;font-family:'Source Sans Pro', sans-serif;} html body.tc-body .altblue tr:nth-child(even) td {background-color:#D8E5FD;} html body.tc-body .altblue tr:nth-child(odd) td {background-color:#E3ECFC;} html body.tc-body .altblue { -moz-box-shadow: 10px 10px 5px #bbb; -webkit-box-shadow: 10px 10px 5px #bbb; box-shadow: 10px 10px 5px #bbb; }html body.tc-body .altpurple th {padding: 10px; border: 1px solid #aaa; vertical-align:top;text-align:left;font-family:'Source Sans Pro', sans-serif;} html body.tc-body .altpurple td {padding: 10px; border: 1px solid #aaa; vertical-align:top;font-family:'Source Sans Pro', sans-serif;} html body.tc-body .altpurple tr:nth-child(even) td {background-color:#F1E6FF;} html body.tc-body .altpurple tr:nth-child(odd) td {background-color:#E4D3FF;} html body.tc-body .altpurple { -moz-box-shadow: 10px 10px 5px #bbb; -webkit-box-shadow: 10px 10px 5px #bbb; box-shadow: 10px 10px 5px #bbb; }/*TABLES ALTCAFE*/ html body.tc-body .altcafe th {padding: 10px; border: 1px solid #aaa; vertical-align:top;text-align:left;background-color:#e3ded5;} html body.tc-body .altcafe td {padding: 10px; border: 1px solid #aaa; vertical-align:top;} html body.tc-body .altcafe tr:nth-child(even) td {background-color:#f8f6f2;} html body.tc-body .altcafe tr:nth-child(odd) td {background-color:#f1ede4;} html body.tc-body .altcafe { -moz-box-shadow: 10px 10px 5px #bbb; -webkit-box-shadow: 10px 10px 5px #bbb; box-shadow: 10px 10px 5px #bbb; }/*TABLES ALTGREEN*/ html body.tc-body .altgreen th {padding: 10px; border: 1px solid #aaa; vertical-align:top;text-align:left;background-color:#caddca;font-family:'Source Sans Pro', sans-serif;} html body.tc-body .altgreen td {padding: 10px; border: 1px solid #aaa; vertical-align:top;font-family:'Source Sans Pro', sans-serif;} html body.tc-body .altgreen tr:nth-child(even) td {background-color:#f0f6f0;} html body.tc-body .altgreen tr:nth-child(odd) td {background-color:#e4efe4;} html body.tc-body .altgreen { -moz-box-shadow: 10px 10px 5px #ddd; -webkit-box-shadow: 10px 10px 5px #ddd; box-shadow: 10px 10px 5px #ddd; } /*TABLES ALTSAND*/ html body.tc-body .altsand th {padding: 10px; border: 1px solid #aaa; vertical-align:top;text-align:left;background-color:#cca;font-weight:normal;font-family:'Source Sans Pro', sans-serif;} html body.tc-body .altsand td {padding: 10px; border: 1px solid #aaa; vertical-align:top;font-family:'Source Sans Pro', sans-serif;} html body.tc-body .altsand tr:nth-child(even) td {background-color:#F7F7E7;} html body.tc-body .altsand tr:nth-child(odd) td {background-color:#F1F1D6;} html body.tc-body .altsand { -moz-box-shadow: 10px 10px 5px #ddd; -webkit-box-shadow: 10px 10px 5px #ddd; box-shadow: 10px 10px 5px #ddd; }html body.tc-body .ltgraybox {display:block;background-color:#F3F4F6;padding:5px;padding-left:20px;padding-top:10px;padding-right:10px;margin-top:5px;margin-bottom:5px;width:100%;color:#000;} html body.tc-body .graybox {font-family: 'Arial'; display:block;background-color:#ccc;padding:3px;padding-left:35px;padding-top:3px;padding-right:10px;margin-top:3px;margin-bottom:3px;width:100%;color:#000;margin-left:none;} html body.tc-body .blurbbox {display:block;background-color:#eeeef2;padding:5px;padding-left:0px;padding-top:10px;margin-top:5px;margin-left:10px;margin-bottom:5px;width:100%;color:#888;} html body.tc-body .blurbbox ul li {color:#888;} html body.tc-body .purplebox {display:block;background-color:#eef;padding:5px;padding-left:20px;padding-top:10px;padding-right:10px;margin-top:5px;margin-bottom:5px;width:98%;color:#888;} html body.tc-body .purplebox ul li {color:#000;} html body.tc-body .purplebox ul li::before {content: "•"; color:#b7d;font-size:140%; display: inline-block; vertical-align:top;margin-left: -.8em;width:.8em;} html body.tc-body .ltgreenbox {display:block;background-color:#cec;padding:5px;padding-left:20px;padding-top:10px;padding-right:10px;margin-top:5px;margin-bottom:5px;width:98%;color:#888;} html body.tc-body .ltgreenbox ul li {color:#000;} html body.tc-body .ltgreenbox ul li::before {content: "•"; color:#8b7;font-size:140%; display: inline-block; vertical-align:top;margin-left: -.8em;width:.8em;} html body.tc-body .bluebox {display:block;background-color:#e1f3ff;padding:5px;padding-left:20px;padding-top:10px;padding-right:10px;margin-top:5px;margin-left:10px;margin-right:10px;margin-bottom:5px;width:98%;color:#888;} html body.tc-body .bluebox ul li {color:#000;} html body.tc-body .bluebox ul li::before {content: "•"; color:#69f;font-size:140%; display: inline-block; vertical-align:top;margin-left: -.8em;width:.8em;}/*TIDDLER FRAMES*/ .tc-tiddler-frame.tc-tiddler-view-frame.tc-tiddler-exists {padding-top:5px;padding-bottom:15px;padding-left:15px;padding-right:15px;}body.tc-body {background-color:#fff;}.noblue {color:#000;background-color:#fff;border:#fff;}
 

Passage

The arrows to the left indicate sliders that open hidden content.

This is a header.

This is a subsume macro ($:/plugins/giffmex/subsume/macro/subsumewhite) that hides the arrow of the details element, so it is flush with the regular subsumes. That way it reads like a running text, but some sections have arrows to indicate there is more text. Great for tables and lists and secondary information that you don't want cluttering up the main text. *
Problems *

In exporting to static HTML

  • Paragraph font not applied to subsumes
  • Why is there a long text of CSS at the top of the page???
  • After the above fixes, I will want to check statics on ipad and phone.
As you can see, you can apply formatting to the summary of the white subsumes *

This is another header

This is a longer title *

Text for This is a longer title

This is the summary field of New Tiddler *