Help:Coloring text: Difference between revisions

From Proteopedia
Jump to navigationJump to search
← Older editNewer edit →
Jaime Prilusky (talk | contribs)
ConfirmAccount, Editor, Mutation, Next, Print3D, Tester, any2jmol, Bureaucrats, Interface administrators, journal, print3d, Administrators
8,752 edits
No edit summary
Jaime Prilusky (talk | contribs)
ConfirmAccount, Editor, Mutation, Next, Print3D, Tester, any2jmol, Bureaucrats, Interface administrators, journal, print3d, Administrators
8,752 edits
No edit summary
Line 56: Line 56:
You will use each class combined with <b>text-</b> to color a text, or <b>bg-</b> for the background.
You will use each class combined with <b>text-</b> to color a text, or <b>bg-</b> for the background.


Another set of class colors available in Proteopedia:
Another set of class colors available in Proteopedia: You will use each class combined with '''text-''' to color a text, or '''bg-''' for the background.
<b>
 
<span class="text-red">text-red</span>,
* <span class="bg-red"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; red
<span class="text-orange">text-orange </span></b> /
* <span class="bg-orange"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; orange
<span class="bg-orange" style="padding-left:7px;padding-right:7px;">bg-orange</span>,
* <span class="bg-yellow"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; yellow
<b><span class="text-brown">text-brown</span></b>,
* <span class="bg-yellowgreen"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; yellowgreen
<span class="bg-yellow" style="padding-left:7px;padding-right:7px;">bg-yellow</span>,
* <span class="bg-brown"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; brown
<span class="bg-yellowgreen" style="padding-left:7px;padding-right:7px;">bg-yellowgreen</span>,
* <span class="bg-green"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; green
<b><span class="text-green">text-green</span></b>,
* <span class="bg-cyan"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; cyan
<b><span class="text-cyan">text-cyan</span></b>,
* <span class="bg-blue"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; blue
<b><span class="text-blue">text-blue</span></b>,
* <span class="bg-magenta"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; magenta
<b><span class="text-magenta">text-magenta</span></b>,
* <span class="bg-violet"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; violet
<b><span class="text-violet">text-violet</span></b> /
 
<span class="bg-violet" style="padding-left:7px;padding-right:7px;">bg-violet</span>,
* <span class="bg-gray"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; gray
<b><span class="text-gray">text-gray</span></b>,
* <span class="bg-black"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; black
<span class="bg-black text-white" style="padding-left:7px;padding-right:7px;">bg-black text-white</span>,
* <span class="bg-pink"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; pink
<span class="bg-pink">bg-pink</span>,
* <span class="bg-olive"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; olive
<b><span class="text-olive">text-olive</span></b>,
* <span class="bg-yellowgreen"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; yellowgreen
<span class="bg-yellowgreen">bg-yellowgreen</span>,
* <span class="bg-lightgreen"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; lightgreen
<span class="bg-lightgreen">bg-lightgreen</span>,
 
<span class="bg-lightcyan">bg-lightcyan</span>,
<span class="bg-lightcyan">bg-lightcyan</span>,
<b><span class="text-cyan">text-cyan</span></b>,
<b><span class="text-cyan">text-cyan</span></b>,
Retrieved from "https://proteopedia.org/Help:Coloring_text"