You can also style more granularly with your own CSS using the classes below. A trailing * below stands for a family whose members are named in the description.
| Class | What it is |
|---|---|
.idea-box | An idea’s own block where it was written, carrying the left rule and the padding every rookery block nested inside it measures from. |
.idea-head, .idea-tab | The heading group, and the short top rule the ID straddles at the card’s corner. |
.idea, .idea-title | The idea’s heading element—which carries the anchor an @idea:etal fragment resolves to—and the title text inside it. |
.idea-label, .idea-date | The [idea:etal] permalink and the date beside it, in a heading, a window summary or prose, wherever either is shown. |
.idea-tag, .idea-tag-<tag> | A tag pill in the hat, and one extra class per tag the idea carries. The second reaches every surface that names the tag—the idea’s heading, its box, its outline row, its pill, and a search result’s chip, which JavaScript builds in the browser—so a single rule of your own styles a tag everywhere it shows up. |
.idea-ref | An @idea:other reference in prose. See referencing ideas. |
.idea-window | A transclusion, wearing the same rule and indent as .idea-box; the second class .idea-window-plain opts a bare #idea-body out of that box. |
.idea-window-* | The fold: -details the <details>, -summary the row you click, -title and -date the two things in that row, -body what folds away under it. |
.idea-outline* | A page’s outline: .idea-outline the list at each level of nesting, -title its “Contents” label, -row one row per idea. |
.idea-footnote* | An idea’s own footnotes, carried on every surface it appears on: .idea-footnotes the block, -title its label, .idea-footnote-list and .idea-footnote its entries. |
.idea-fn-* | -ref the superscript mark in prose, -backlink the way back up to it from the entry. |
.idea-references, .idea-page-refs | The bibliography an idea’s citations draw from, and the page’s own for citations written outside any idea. |
.idea-footer* | On an idea page: .idea-footer the ruled-off apparatus under the note, -title the label on each of its sections. |
.idea-context, .idea-backlinks | That footer’s two sections: where the note was written, and the notes pointing at it. |
.idea-page-list, .idea-page-row | A list of pages in either section, and one row in it—a page cannot fold, so it wears a window’s shape without being one. |