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 style="photon badwolf">Bad Wolf</span> || badwolf || #ffb0ff || <pre><span style="photon badwolf"></span></pre>
| <span class="photon badwolf">Bad Wolf</span> || badwolf || #ffb0ff || <pre><span class="photon badwolf"></span></pre>
|-
|-
| Fen || fen || #1DAF99 || <pre><span style="photon fen"></span></pre>
| <span class="photon fen">Fen</span> || fen || #1DAF99 || <pre><span class="photon fen"></span></pre>
|-
|-
| Bella || bella || #F3eb82 || <pre><span style="photon bella"></span></pre>
| <span class="photon bella">Bella</span> || bella || #F3eb82 || <pre><span class="photon bella"></span></pre>
|-
|-
| Tory || tory || #B0C4DE || <pre><span style="photon tory"></span></pre>
| <span class="photon tory">Tory</span> || tory || #B0C4DE || <pre><span class="photon tory"></span></pre>
|-
|-
| Diziara || diz || #68c6ff || <pre><span style="tw diz"></span></pre>
| <span class="tw diz">Diziara</span> || diz || #68c6ff || <pre><span class="tw diz"></span></pre>
|-
|-
| Corey || cor || #cc6666 || <pre><span style="tw cor"></span></pre>
| <span class="tw cor">Corey</span> || cor || #cc6666 || <pre><span class="tw cor"></span></pre>
|}
|}




[[Category:Meta]]
[[Category:Meta]]

Revision as of 14: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>