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
(No less than 1170px) |
1920 x 500
96 : 25 |
| Best ratio |
1920 x 480
4 : 1 |
Default "Black Scales Strip"
(I took the default leather strip image and made it black) |
1400 x 120
35 : 3 |
| Dragonguard Progress Report Cover Image |
1152 x 384
3 : 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
| 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]
|
| Mini Article Block |
[container:miniblock]articleblock[/container]
|
General CSS Stuff
| What |
Code |
| General Compliant Root Selectors |
.user-css
.user-css-extended
.user-css-presentation |
| One-line compliant root selection |
: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 Pages |
.user-css .article-content
.user-css .article-content-left
.user-css .article-content-right
.user-css .user-css-vignette
|
Map Stuff
| Thoroughfares |
|---|
| Color |
Weight |
Opacity |
Dash Array |
| #202020 |
5 |
100 |
10 |
|
