TheBestTutorials.css Colors
Color Classes
TheBestTutorials.css uses color classes, which can be used on any HTML element.
The color classes are inspired by colors used in marketing, road signs, and sticky notes.
Background Color
Background colors are set using the class TheBestTutorials-color:
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Example
<h2>London</h2>
<p>London is the most populous city in the United Kingdom.</p>
</div>
Text Color
Text colors are set using the class TheBestTutorials-text-color:
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Example
<h2>London</h2>
<p>London is the most populous city in the United Kingdom.</p>
</div>
Color Names
TheBestTutorials-red
TheBestTutorials-pink
TheBestTutorials-purple
TheBestTutorials-deep-purple
TheBestTutorials-indigo
TheBestTutorials-blue
TheBestTutorials-light-blue
TheBestTutorials-cyan
TheBestTutorials-aqua
TheBestTutorials-teal
TheBestTutorials-green
TheBestTutorials-light-green
TheBestTutorials-lime
TheBestTutorials-sand
TheBestTutorials-khaki
TheBestTutorials-yellow
TheBestTutorials-amber
TheBestTutorials-orange
TheBestTutorials-deep-orange
TheBestTutorials-blue-grey
TheBestTutorials-brown
TheBestTutorials-light-grey
TheBestTutorials-grey
TheBestTutorials-dark-grey
TheBestTutorials-black
TheBestTutorials-pale-red
TheBestTutorials-pale-yellow
TheBestTutorials-pale-green
TheBestTutorials-pale-blue
Colored Containers
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Colored Buttons
Colored Text
Red Purple Blue Green Orange
Colored Borders
Red Green Blue Black Orange
Hover Colors
The TheBestTutorials-hover-color and TheBestTutorials-hover-text-color classes allow the use of all the colors above as hoverable background and text colors:
Red Purple Blue Green Orange
Colored Tables
| Name | Points |
|---|---|
| Jill Smith | 50 |
| Eve Jackson | 94 |
| Adam Johnson | 67 |
| Bo Nilson | 35 |
Colored Cards
A car is a wheeled, self-powered motor vehicle used for transportation. Most definitions of the term specify that cars are designed to run primarily on roads, to have seating for one to eight people, to typically have for one to eight people, to typically have four wheels. (Wikipedia)
Text Color Classes
On Black
TheBestTutorials-text-red
TheBestTutorials-text-pink
TheBestTutorials-text-purple
TheBestTutorials-text-deep-purple
TheBestTutorials-text-indigo
TheBestTutorials-text-blue
TheBestTutorials-text-light-blue
TheBestTutorials-text-cyan
TheBestTutorials-text-aqua
TheBestTutorials-text-teal
TheBestTutorials-text-green
TheBestTutorials-text-light-green
TheBestTutorials-text-lime
TheBestTutorials-text-sand
TheBestTutorials-text-khaki
TheBestTutorials-text-yellow
TheBestTutorials-text-amber
TheBestTutorials-text-orange
TheBestTutorials-text-deep-orange
TheBestTutorials-text-blue-grey
TheBestTutorials-text-brown
TheBestTutorials-text-light-grey
TheBestTutorials-text-grey
TheBestTutorials-text-dark-grey
TheBestTutorials-text-black
TheBestTutorials-text-white
On Grey
TheBestTutorials-text-red
TheBestTutorials-text-pink
TheBestTutorials-text-purple
TheBestTutorials-text-deep-purple
TheBestTutorials-text-indigo
TheBestTutorials-text-blue
TheBestTutorials-text-light-blue
TheBestTutorials-text-cyan
TheBestTutorials-text-aqua
TheBestTutorials-text-teal
TheBestTutorials-text-green
TheBestTutorials-text-light-green
TheBestTutorials-text-lime
TheBestTutorials-text-sand
TheBestTutorials-text-khaki
TheBestTutorials-text-yellow
TheBestTutorials-text-amber
TheBestTutorials-text-orange
TheBestTutorials-text-deep-orange
TheBestTutorials-text-blue-grey
TheBestTutorials-text-brown
TheBestTutorials-text-light-grey
TheBestTutorials-text-grey
TheBestTutorials-text-dark-grey
TheBestTutorials-text-black
TheBestTutorials-text-white
On White
TheBestTutorials-text-red
TheBestTutorials-text-pink
TheBestTutorials-text-purple
TheBestTutorials-text-deep-purple
TheBestTutorials-text-indigo
TheBestTutorials-text-blue
TheBestTutorials-text-light-blue
TheBestTutorials-text-cyan
TheBestTutorials-text-aqua
TheBestTutorials-text-teal
TheBestTutorials-text-green
TheBestTutorials-text-light-green
TheBestTutorials-text-lime
TheBestTutorials-text-sand
TheBestTutorials-text-khaki
TheBestTutorials-text-yellow
TheBestTutorials-text-amber
TheBestTutorials-text-orange
TheBestTutorials-text-deep-orange
TheBestTutorials-text-blue-grey
TheBestTutorials-text-brown
TheBestTutorials-text-light-grey
TheBestTutorials-text-grey
TheBestTutorials-text-dark-grey
TheBestTutorials-text-black
TheBestTutorials-text-white
