LCARS:Photons Formatting: Difference between revisions

From LCARS
(Added table with css classes for specific characters.)
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 8: Line 8:
{| class="photon-css"
{| class="photon-css"
|-
|-
! Character !! char-class !! color
! Character !! char-class !! color !! Sample code
|-
|-
| Bad Wolf || badwolf || #ffb0ff
| colspan=4 class="sub-th" | Photons
|-
|-
| Fen || fen || #1DAF99
| <span class="photon badwolf">Bad Wolf</span> || badwolf || #ffb0ff || <pre><span class="photon badwolf"></span></pre>
|-
|-
| Bella || bella || #F3eb82
| <span class="photon fen">Fen</span> || fen || #1DAF99 || <pre><span class="photon fen"></span></pre>
|-
|-
| Tory || tory || #B0C4DE
| <span class="photon bella">Bella</span> || bella || #F3eb82 || <pre><span class="photon bella"></span></pre>
|-
|-
| Diziara || diz || #68c6ff
| <span class="photon tory">Tory</span> || tory || #B0C4DE || <pre><span class="photon tory"></span></pre>
|-
|-
| Corey || cor || #cc6666
| colspan=4 class="sub-th" | Fleshbags
|-
| <span class="tw diz">Diziara</span> || diz || #68c6ff || <pre><span class="tw diz"></span></pre>
|-
| <span class="tw cor">Corey</span> || cor || #cc6666 || <pre><span class="tw cor"></span></pre>
|-
| <span class="tw pond">Amelia</span> || pond || #81ce38 || <pre><span class="tw pond"></span></pre>
|-
| <span class="tw div">Nadiv</span> || div || #718bb2 || <pre><span class="tw div"></span></pre>
|}
|}




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

Latest revision as of 13:06, 30 April 2023

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
Photons
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>
Fleshbags
Diziara diz #68c6ff
<span class="tw diz"></span>
Corey cor #cc6666
<span class="tw cor"></span>
Amelia pond #81ce38
<span class="tw pond"></span>
Nadiv div #718bb2
<span class="tw div"></span>