Realm Works Output Formatter

[Merion]

Well, I tried playing with the css but my experience with css equals zero, so all I managed to change was the fonts and their formatting. Tried to add columns and padding and failed at both. Didn't spend fore than 2h max on it though.

My idea was to make it look more like the page of an official rulebook or supplement.

[Farling]

Originally Posted by Merion

Well, I tried playing with the css but my experience with css equals zero, so all I managed to change was the fonts and their formatting. Tried to add columns and padding and failed at both. Didn't spend fore than 2h max on it though.

My idea was to make it look more like the page of an official rulebook or supplement.

To get the body of each topic into two columns, you can add the following to theme.css

.topicBody {
    column-count: 2;
}
.contents {
   break-inside: avoid;
}

If you want each section within a topic to start in its own multi-column layout, then you could also add the following:

.section1 {
   column-span: all;
}

If you want the text to reduce to a single column if the window is narrow (e.g. being viewed on a phone), then you can use the following extra text (for a minimum column width of 300 pixels):

.topicBody {
    column-count: 2;
    column-width: 300px;
}