More actions
m →Shades |
|||
| Line 418: | Line 418: | ||
|} | |} | ||
= | = Colours = | ||
{{#css: | |||
.wraps { line-height:100%; margin:0px; border:0px; border-spacing:0px; border-collapse:collapse; padding:0px; vertical-align:middle; } | |||
.wrap div { margin:0px; display:inline-block; vertical-align:middle; color:lightgray; } | |||
.bars { height:8px; } | |||
.text { padding-left:4px; padding-right:4px; text-align:left; } | |||
.text2 { padding-right:4px; padding-left:4px; text-align:right; } | |||
/* Green - orange (bright) */ | |||
.c1 { background-color:#e15800; } .cc1 { color:#e15800; } | |||
.c2 { background-color:#dd9900; } .cc2 { color:#dd9900; } | |||
.c3 { background-color:#93D500; } .cc3 { color:#93D500; } | |||
.c4 { background-color:#51D200; } .cc4 { color:#51D200; } | |||
/* Green - red (dark). */ | |||
.d1 { background-color:Maroon; } .dd1 { color:Maroon; } | |||
.d2 { background-color:Sienna; } .dd2 { color:Sienna; } | |||
.d3 { background-color:Olive; } .dd3 { color:Olive; } | |||
.d4 { background-color:ForestGreen; } .dd4 { color:ForestGreen; } | |||
/* Blue-purple (dark). */ | |||
.e1 { background-color:purple; } .ee1 { color:purple; } | |||
.e2 { background-color:rebeccapurple; } .ee2 { color:rebeccapurple; } | |||
.e3 { background-color:slateblue; } .ee3 { color:slateblue; } | |||
.e4 { background-color:steelblue; } .ee4 { color:steelblue; } | |||
}} | |||
Some colours I use. | |||
{| class="wikitable" | |||
! # | |||
! style="background-color:#222222;" | C | |||
! style="background-color:#222222;" | D | |||
! style="background-color:#222222;" | E | |||
|- | |||
| 4<br>3<br>2<br>1 | |||
| valign="top" | | |||
<font class="cc1">█ #e15800</font><br> | |||
<font class="cc2">█ #dd9900</font><br> | |||
<font class="cc3">█ #93D500</font><br> | |||
<font class="cc4">█ #51D200</font><br> | |||
| valign="top" | | |||
<font class="dd1">█ Maroon</font><br> | |||
<font class="dd2">█ Sienna</font><br> | |||
<font class="dd3">█ Olive</font><br> | |||
<font class="dd4">█ ForestGreen</font> | |||
| valign="top" | | |||
<font class="ee1">█ purple</font><br> | |||
<font class="ee2">█ rebeccapurple</font><br> | |||
<font class="ee3">█ slateblue</font><br> | |||
<font class="ee4">█ steelblue</font> | |||
|} | |||
= Gradients = | = Gradients = | ||
{{#css: | {{#css: | ||