Exact pixel lengths are not recommended because it won't always be mobile friendly. But yes, you can use measurements so long as it remains mobile friendly

Understood. I will just go back and forth betweem pixel and percentage until I find the correct percentage number. I'll get cracking and will return if I need more help. Thank you so much for your time and knowledge!

I've seen some pretty ugly hacks for "hide this if the number is zero", including such things as font-size: [math]NUMBER / NUMBER[/math]em; (which "works" by abusing the fact that dividing by zero with the [math] code returns zero, and anything else returns one - but it doesn't "work" if the browser enforces a minimum font size for accessibility reasons!) Here's a much cleaner way: .hide-when-zero(@number) when (@number = 0) { display: none; } .fire-fang { .hide-when-zero([inventory=Fire Fang]); } // repeat for other items This makes use of LESS Mixin Guards, and allows much more control. You could even do stuff with ranges of numbers, let's say you want to hide when zero, fade out things you have less than 5 of, and bold things you have at least 20 of. Easy! .number-formatting(@number) when (@number = 0) { display: none; } .number-formatting(@number) when (5 > @number) { // note you must use 5 > @number instead of @number < 5 // because the < is converted to &lt; and breaks LESS opacity: 0.5; } .number-formatting(@number) when (@number >= 20) { font-weight: bold; } .fire-fang { .number-formatting([inventory=Fire Fang]); } // repeat for other items Example (not actual inventory numbers, just testing!)

That is super helpful, thank you so much!

Gonna ask here as well as in the discord chat. Do you guys think adding a section on a section about LESS and some functions for LESS is something you guys would like to see? Feel free to just upvote if you would like to see it or post if there's specific things you know of/might think would be possible with LESS (I know not everyone is familiar with it, so even if you aren't, I am willing to do the research if necessary for anything I don't know already).

What is LESS? It sounds interesting. What would we be able to do with it?

LESS is a language extension for CSS that lets you use features that make CSS easier to write, and then you compile it down to CSS to actually use it on a site. On PFQ, Niet has set it up so our templates and skins can use LESS. The most commonly used features I've seen here are nesting and variables, but there is more. (I love nesting so much I'll probably never write vanilla CSS again if I can lol) https://lesscss.org/ Note on variables: all the skin colors set in the non-CSS part of the editor have variables that you can access in post templates. There's a list of them on the BBCode page on the wiki. You can do some neat stuff with that but make sure to test it on a variety of skins - I try with the default skin, a light skin, a dark skin, and a specialized test skin with clashing colors so I can tell exactly which colors end up where.

That is great, thank you so much! I will look into this later. I'd love a guide for LESS!

Alternatively, I could do a different guide devoted to LESS specifically, if you guys would prefer that, lmk by upvoting this post instead XD

for a template to be considered legible do pokemon panels have to be styled as well?