Help:Coloring text: Difference between revisions

← Older edit Newer edit →

Proteopedia Page Contributors and Editors (what is this?)Proteopedia Page Contributors and Editors (what is this?)

Eric Martz, Jaime Prilusky

@@ Line 58: / Line 58: @@
 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.
-* <span class="bg-red"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; red
+* <span class="bg-black"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; black
-* <span class="bg-orange"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; orange
+* <span class="bg-blue"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; blue
-* <span class="bg-yellow"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; yellow
-* <span class="bg-yellowgreen"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; yellowgreen
 * <span class="bg-brown"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; brown
+* <span class="bg-cyan"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; cyan
+* <span class="bg-gray"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; gray
 * <span class="bg-green"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; green
-* <span class="bg-cyan"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; cyan
+* <span class="bg-lightblue"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; lightblue
-* <span class="bg-blue"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; blue
+* <span class="bg-lightcyan"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; lightcyan
+* <span class="bg-lightgray"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; lightgray
+* <span class="bg-lightgreen"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; lightgreen
+* <span class="bg-lightmagenta"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; lightmagenta
 * <span class="bg-magenta"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; magenta
+* <span class="bg-olive"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; olive
+* <span class="bg-orange"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; orange
+* <span class="bg-pink"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; pink
+* <span class="bg-purple"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; purple
+* <span class="bg-red"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; red
 * <span class="bg-violet"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; violet
+* <span class="bg-yellow"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; yellow
-* <span class="bg-gray"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; gray
-* <span class="bg-black"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; black
-* <span class="bg-pink"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; pink
-* <span class="bg-olive"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; olive
 * <span class="bg-yellowgreen"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; yellowgreen
-* <span class="bg-lightgreen"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; lightgreen
+* <span class="bg-white"> &nbsp; &nbsp; &nbsp; &nbsp; </span> &nbsp; white
-<span class="bg-lightcyan">bg-lightcyan</span>,
-<b><span class="text-cyan">text-cyan</span></b>,
-<span class="bg-lightblue">bg-lightblue</span>,
-<b><span class="text-purple">text-purple</span></b>,
-<span class="bg-lightmagenta">bg-lightmagenta</span>,
-<b><span class="text-lightgray">text-lightgray</span></b>/<span class="bg-lightgray">bg-lightgray</span>.
 ==Style Color Spans==