LCARS:Photons Formatting: Difference between revisions
From LCARS
(CoLoRz) |
(examples!) |
||
| Line 10: | Line 10: | ||
! Character !! char-class !! color !! Sample code | ! Character !! char-class !! color !! Sample code | ||
|- | |- | ||
| <span | | <span class="photon badwolf">Bad Wolf</span> || badwolf || #ffb0ff || <pre><span class="photon badwolf"></span></pre> | ||
|- | |- | ||
| Fen || fen || #1DAF99 || <pre><span | | <span class="photon fen">Fen</span> || fen || #1DAF99 || <pre><span class="photon fen"></span></pre> | ||
|- | |- | ||
| Bella || bella || #F3eb82 || <pre><span | | <span class="photon bella">Bella</span> || bella || #F3eb82 || <pre><span class="photon bella"></span></pre> | ||
|- | |- | ||
| Tory || tory || #B0C4DE || <pre><span | | <span class="photon tory">Tory</span> || tory || #B0C4DE || <pre><span class="photon tory"></span></pre> | ||
|- | |- | ||
| Diziara || diz || #68c6ff || <pre><span | | <span class="tw diz">Diziara</span> || diz || #68c6ff || <pre><span class="tw diz"></span></pre> | ||
|- | |- | ||
| Corey || cor || #cc6666 || <pre><span | | <span class="tw cor">Corey</span> || cor || #cc6666 || <pre><span class="tw cor"></span></pre> | ||
|} | |} | ||
[[Category:Meta]] | [[Category:Meta]] | ||
Revision as of 15:49, 26 April 2020
We have a special style sheet for the game site that gives photon characters unique formatting due to their unique nature. Here is some help if you have one such character and wish to use it for your posts:
If you add class="photon" to a containing tag such as span, div, etc, it will change the font to Nova Mono, and for some of the tags such as div, will add additional customization. Alternatively, class="tw" will use the Ubuntu mono font.
Each photon can be assigned additional formatting, such as color. Please contact Amy for help setting this up. To use your photon's formatting you will modify the class you add to your containing tags like so: class="photon char-class"
The following characters have established char-classes:
| Character | char-class | color | Sample code |
|---|---|---|---|
| Bad Wolf | badwolf | #ffb0ff | <span class="photon badwolf"></span> |
| Fen | fen | #1DAF99 | <span class="photon fen"></span> |
| Bella | bella | #F3eb82 | <span class="photon bella"></span> |
| Tory | tory | #B0C4DE | <span class="photon tory"></span> |
| Diziara | diz | #68c6ff | <span class="tw diz"></span> |
| Corey | cor | #cc6666 | <span class="tw cor"></span> |
