I've often pushed the technique of Chat Menus and Note Tokens. But not all sheets have roll templates suitable for efficient display. The big pink buttons of the default template can take up an awful lot of real estate, and it's not well-suited for big blocks of text. Therefore I have created this Stylus template. For those who are not familiar with Stylus, it is a browser extension that re-interprets the style of a web page on-the-fly. Here is an example of a typical default template with a number of buttons:
Here is the same roll template with the Stylus CSS code activated:
Here is the Stylus code that made the change:
.textchatcontainer a[href^="~"] {
background-color: transparent;
padding: 0px;
color: #ce0f69;
display: inline-block;
border: none;
}
.sheet-rolltemplate-default td:first-child {
font-weight: bold;
text-align: right;
min-width: 1px;
padding-right: 5px;
}
The first section eliminates the button and it's padding, formatting it like a typical text link. This gives you a lot more buttons in a lot less space and makes them flow cleanly in-line.
The second section gives maximum space to the lefthand column if not label is present in the first column. This is for making a notes token, where you might have a lot of text to display and don't want a big empty lefthand column.
Here is the macro code that produced the template. Note that for the text to take up the maximum space, don't use a title, just the equals sign:
&{template:default} {{name=Modified Default Template}}{{=This is an image:
[image](http://kacurtis.com/FHB_COVER.jpg)
This is an in-line [button](~Result) that just looks like a simple text link
**Here is a list of buttons**
[button 1](~Result)
[button 2](~Result)
[button 3](~Result)
[button 4](~Result) }}
Some things to remember:
1) Use Stylus, not Stylish. The latter has had some sever privacy problems.
2) This will only change the display on your local computer. It's a solution intended for a single user. If you want all your players to see a modified roll template, you will need to change the definition in the css for the sheet. I'm not even sure if you can change the default definition this way, or just the sheet dependent templates.
3) If anyone can break this or suggest improvements, let me know. I'd like to post this in the Stupid Tricks thread. Normally I don't like Stylus tips in there, but this directly improves many of the tricks I've posted in there. However, I'd like to refine it here, rather than clutter up that thread with non-tip chatter.
Image is by Keith Curtis, from the cover for Fantasy Hero Battlegrounds (c) Hero Games