LCARS:Photons Formatting: Difference between revisions
From LCARS
(Added example code to table) |
(CoLoRz) |
||
| Line 10: | Line 10: | ||
! Character !! char-class !! color !! Sample code | ! Character !! char-class !! color !! Sample code | ||
|- | |- | ||
| Bad Wolf || badwolf || #ffb0ff || <pre><span style="photon badwolf"></span></pre> | | <span style="photon badwolf">Bad Wolf</span> || badwolf || #ffb0ff || <pre><span style="photon badwolf"></span></pre> | ||
|- | |- | ||
| Fen || fen || #1DAF99 || <pre><span style="photon fen"></span></pre> | | Fen || fen || #1DAF99 || <pre><span style="photon fen"></span></pre> | ||
Revision as of 14:34, 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 style="photon badwolf"></span> |
| Fen | fen | #1DAF99 | <span style="photon fen"></span> |
| Bella | bella | #F3eb82 | <span style="photon bella"></span> |
| Tory | tory | #B0C4DE | <span style="photon tory"></span> |
| Diziara | diz | #68c6ff | <span style="tw diz"></span> |
| Corey | cor | #cc6666 | <span style="tw cor"></span> |
