World Anvil Notes
Hi, I wanted to write down some notes for World Anvil things. I put it on here instead of like notepad because I can do formatting stuff on here. That is all.
Article Cover Image
| What World Anvil recommends but I don't (No less than 1170px) |
1920 x 500 96 : 25 |
| Golden Ratio | 1920 x 480 4 : 1 |
CSS Media Queries
| Device | Query Code |
|---|---|
| Touch Screens (Tablets / Phones) |
@media screen and (max-width: 800px) |
| Large Phones | @media screen and (max-width: 500px) |
| Medium Phones | @media screen and (max-width: 375px) |
| Small Phones | @media screen and (max-width: 320px) |
Things I forgor
These aren't probably helpful to you as they're CSS things from my worlds
| Article Images (Inline) | [container:col-md-4 align-left margin-10 img-block]img[/container] |
| Article Images (Sidebar) | [container:col-md-9 m-auto img-block]img[/container] |
| Badges | [container:badge-img]badge[/container] |
| Article Block Button | [container:block-btn]articleblock[/container] |
| Wiki-style Main Article line (Right under header tag) |
[in][small][i]Main article: Article[/i][/small][/in] |
General CSS Stuff
| What | Code |
|---|---|
| General Compliant Root Selectors | .user-css-presentation .user-css-viewer .user-css .user-css-extended |
| One-line compliant root selection Not necessarily the best way to do things, but it works. |
:is(.user-css, .user-css-extended, .user-css-presentation) |
| Specific Pages | .user-css.page-world-homepage .user-css.page-category .user-css.page-search .user-css.page-image |
| Article Sections | .article-content .article-content-left .article-content-right .user-css-vignette .copyright-attribution |
Map Stuff
This probably isn't helpful to you as it's a map styling thing for Legends of the Dragonguard
| Thoroughfares | ||||||||
|---|---|---|---|---|---|---|---|---|
|
Comments