diff options
Diffstat (limited to 'share/frontend/imgradient')
115 files changed, 7007 insertions, 0 deletions
diff --git a/share/frontend/imgradient/bevelborder(2) b/share/frontend/imgradient/bevelborder(2) new file mode 100755 index 0000000..20774dd --- /dev/null +++ b/share/frontend/imgradient/bevelborder(2) @@ -0,0 +1,295 @@ +#!/bin/bash +# +# Developed by Fred Weinhaus 7/16/2010 .......... revised 6/30/2011 +# +# USAGE: bevelborder [-s size] [-m method] [-p percent] [-c contrast] [-b bcolor] [-a amount] [-t type] infile outfile +# USAGE: bevelborder [-h or -help] +# +# OPTIONS: +# +# -s size size of border in pixels; same in both dimensions; +# default equals 10% of min(imagewidth, imageheight) +# -m method bevel method; choices are: outer, inner or split; +# default=outer +# -p percent split percent between outer and inner bevel; +# 100 is outer bevel only; 0 is inner bevel only; +# default=50 applies only to method=split +# -c contrast contrast percent for bevel; 0<=integer<=100; +# default=50 +# -b bcolor border coloring; any IM opaque color is allowed; +# default is no coloring +# -a amount amount of border coloring; 0<=integer<=100; +# default=25 +# -t type type of compose; hardlight, linearlight or +# vividlight; default=hardlight +# +### +# +# NAME: BEVELBORDER +# +# PURPOSE: To applies a bevel effect to the border of an image. +# +# DESCRIPTION: BEVELBORDER applies a bevel effect to the border of an image. +# The bevel can be an outer bevel (raised effect), an inner bevel (depressed +# effect) or a split (mix) of the two. The border may also be colorized. +# +# +# ARGUMENTS: +# +# -s size ... SIZE is the dimensions of the border region in pixels. The same +# value is used in both dimensions. Values are integers greater than 0. The +# default is 10% of the min(width,height) of the image. +# +# -m method ... METHOD is the bevel method. Choices are: outer, which makes a +# raised effect; inner, which makes a depressed effect; and split, which is +# part raised and part depressed. The amount of each is controlled by the +# percent argument. The default is outer. +# +# -p percent ... PERCENT is the percent split between outer and inner bevels. +# Values are integers such that 0<=percent<=100. A value of 100 is full outer +# bevel. A value of 0 is full inner bevel. The default is 50 and only applies +# when the method=split. +# +# -c contrast ... CONTRAST percent for innerbevel or outerbevel. Values are +# integers between 0 and 100. The default=50. +# +# -b bcolor ... BCOLOR is the bevel colorization color. Any valid opaque IM +# color is allowed. The default is no additional colorization. +# +# -a amount ... AMOUNT of colorization. Values are integers between 0 and 100. +# The default=25. +# +# -t type ... TYPE of compose. Choices are: hardlight, linearlight and +# vividlight. The default=hardlight +# +# REQUIREMENTS: IM 6.5.9.0 or higher due to the use of -brightness-contrast. +# +# CAVEAT: No guarantee that this script will work on all platforms, +# nor that trapping of inconsistent parameters is complete and +# foolproof. Use At Your Own Risk. +# +###### +# + +# set default values +size="" # bevel border amount in pixels +method="outer" # outer, inner, split +percent=50 # split percent; 0 to 100; 100 is outer; 0 is inner +contrast=50 # bevel contrast percent +bcolor="" # bevel color +amount=25 # amount of coloring; 0<=integer<=100 +type="hardlight" # bevel compose method + +# set directory for temporary files +dir="." # suggestions are dir="." or dir="/tmp" + +# set up functions to report Usage and Usage with Description +PROGNAME=`type $0 | awk '{print $3}'` # search for executable on path +PROGDIR=`dirname $PROGNAME` # extract directory of program +PROGNAME=`basename $PROGNAME` # base name of program +usage1() + { + echo >&2 "" + echo >&2 "$PROGNAME:" "$@" + sed >&2 -n '/^###/q; /^#/!q; s/^#//; s/^ //; 4,$p' "$PROGDIR/$PROGNAME" + } +usage2() + { + echo >&2 "" + echo >&2 "$PROGNAME:" "$@" + sed >&2 -n '/^######/q; /^#/!q; s/^#*//; s/^ //; 4,$p' "$PROGDIR/$PROGNAME" + } + + +# function to report error messages +errMsg() + { + echo "" + echo $1 + echo "" + usage1 + exit 1 + } + + +# function to test for minus at start of value of second part of option 1 or 2 +checkMinus() + { + test=`echo "$1" | grep -c '^-.*$'` # returns 1 if match; 0 otherwise + [ $test -eq 1 ] && errMsg "$errorMsg" + } + +# test for correct number of arguments and get values +if [ $# -eq 0 ] + then + # help information + echo "" + usage2 + exit 0 +elif [ $# -gt 16 ] + then + errMsg "--- TOO MANY ARGUMENTS WERE PROVIDED ---" +else + while [ $# -gt 0 ] + do + # get parameter values + case "$1" in + -h|-help) # help information + echo "" + usage2 + exit 0 + ;; + -s) # get size + shift # to get the next parameter + # test if parameter starts with minus sign + errorMsg="--- INVALID SIZE SPECIFICATION ---" + checkMinus "$1" + size=`expr "$1" : '\([0-9]*\)'` + [ "$size" = "" ] && errMsg "--- SIZE=$size MUST BE A NON-NEGATIVE INTEGER VALUE (with no sign) ---" + testA=`echo "$size <= 0" | bc` + [ $testA -eq 1 ] && errMsg "--- SIZE=$size MUST BE A POSITIVE INTEGER ---" + ;; + -m) # get method + shift # to get the next parameter + # test if parameter starts with minus sign + errorMsg="--- INVALID METHOD SPECIFICATION ---" + checkMinus "$1" + # test type values + method=`echo "$1" | tr "[:upper:]" "[:lower:]"` + case "$method" in + outer|inner|split) ;; # do nothing - valid type + *) errMsg "--- METHOD=$method IS NOT A VALID VALUE ---" ;; + esac + ;; + -p) # get percent + shift # to get the next parameter + # test if parameter starts with minus sign + errorMsg="--- INVALID PERCENT SPECIFICATION ---" + checkMinus "$1" + percent=`expr "$1" : '\([0-9]*\)'` + [ "$percent" = "" ] && errMsg "--- PERCENT=$percent MUST BE A NON-NEGATIVE INTEGER ---" + testA=`echo "$percent < 0" | bc` + testB=`echo "$percent > 100" | bc` + [ $testA -eq 1 -o $testB -eq 1 ] && errMsg "--- PERCENT=$percent MUST BE AN INTEGER BETWEEN 0 AND 100 ---" + ;; + -c) # get contrast + shift # to get the next parameter + # test if parameter starts with minus sign + errorMsg="--- INVALID CONTRAST SPECIFICATION ---" + checkMinus "$1" + contrast=`expr "$1" : '\([0-9]*\)'` + [ "$contrast" = "" ] && errMsg "--- CONTRAST=$contrast MUST BE A NON-NEGATIVE INTEGER ---" + testA=`echo "$contrast < 0" | bc` + testB=`echo "$contrast > 100" | bc` + [ $testA -eq 1 -o $testB -eq 1 ] && errMsg "--- CONTRAST=$contrast MUST BE AN INTEGER BETWEEN 0 AND 100 ---" + ;; + -b) # get bcolor + shift # to get the next parameter + # test if parameter starts with minus sign + errorMsg="--- INVALID BCOLOR SPECIFICATION ---" + checkMinus "$1" + bcolor="$1" + ;; + -a) # get amount + shift # to get the next parameter + # test if parameter starts with minus sign + errorMsg="--- INVALID AMOUNT SPECIFICATION ---" + checkMinus "$1" + amount=`expr "$1" : '\([0-9]*\)'` + [ "$amount" = "" ] && errMsg "--- AMOUNT=$amount MUST BE A NON-NEGATIVE INTEGER ---" + testA=`echo "$amount < 0" | bc` + testB=`echo "$amount > 100" | bc` + [ $testA -eq 1 -o $testB -eq 1 ] && errMsg "--- AMOUNT=$amount MUST BE AN INTEGER BETWEEN 0 AND 100 ---" + ;; + -t) # get type + shift # to get the next parameter + # test if parameter starts with minus sign + errorMsg="--- INVALID TYPE SPECIFICATION ---" + checkMinus "$1" + # test type values + type=`echo "$1" | tr "[:upper:]" "[:lower:]"` + case "$type" in + hardlight|linearlight|vividlight) ;; # do nothing - valid type + *) errMsg "--- METHOD=$method IS NOT A VALID VALUE ---" ;; + esac + ;; + -) # STDIN and end of arguments + break + ;; + -*) # any other - argument + errMsg "--- UNKNOWN OPTION ---" + ;; + *) # end of arguments + break + ;; + esac + shift # next option + done + # + # get infile and outfile + infile=$1 + outfile=$2 +fi + +# test that infile provided +[ "$infile" = "" ] && errMsg "NO INPUT FILE SPECIFIED" + +# test that outfile provided +[ "$outfile" = "" ] && errMsg "NO OUTPUT FILE SPECIFIED" + + +tmpA="$dir/bevelborder_$$.mpc" +tmpB="$dir/bevelborder_$$.cache" +trap "rm -f $tmpA $tmpB; exit 0" 0 +trap "rm -f $tmpA $tmpB; exit 1" 1 2 3 15 + + +# read the input image into the TMP cached image. +convert -quiet -regard-warnings "$infile" +repage "$tmpA" || + errMsg "--- FILE $infile NOT READABLE OR HAS ZERO SIZE ---" + +# set default size +if [ "$size" = "" ]; then + size=`convert $tmpA -ping -format "%[fx:floor(0.1*min(w,h))]" info:` + wsize=$size + hsize=$size +fi + +# get input image size +ww=`convert $infile -ping -format "%w" info:` +hh=`convert $infile -ping -format "%h" info:` +wd=`convert xc: -format "%[fx:$ww-2*$size]" info:` +ht=`convert xc: -format "%[fx:$hh-2*$size]" info:` + +# adjust contrast and transparency to fractions +contr1=`convert xc: -format "%[fx:$contrast-100]" info:` + +# setup bevel parameters +if [ "$method" = "outer" ]; then + wsize2=$size + hsize2=0 +elif [ "$method" = "inner" ]; then + hsize2=$size + wsize2=0 +elif [ "$method" = "split" ]; then + wsize2=`convert xc: -format "%[fx:floor($percent*$size/100)]" info:` + hsize2=$(($size-$wsize2)) +fi +echo "ww=$ww; hh=$hh; wd=$wd; ht=$ht; wsize2=$wsize2; hsize2=$hsize2" + +if [ "$bcolor" = "" ]; then + colorize="" +else + colorize="-fill $bcolor -colorize $amount%" +fi + +# process image +convert $tmpA -size ${wd}x${ht} xc:"gray(50%)" \ +\( -clone 1 -frame ${size}x${size}+${wsize2}+${hsize2} \ +-auto-level -black-threshold 25% -white-threshold 75% $colorize \ +-brightness-contrast 0,${contr1}% \ +-clone 1 -gravity center -composite \) \ +-delete 1 -compose $type -composite \ +$outfile + +exit 0
\ No newline at end of file diff --git a/share/frontend/imgradient/colors.html b/share/frontend/imgradient/colors.html new file mode 100755 index 0000000..0ef22f9 --- /dev/null +++ b/share/frontend/imgradient/colors.html @@ -0,0 +1,5429 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> +<!-- saved from url=(0124)https://mail.google.com/mail/?ui=2&ik=8c5c6e41c0&view=att&th=131a60939ee4c454&attid=0.1&disp=inline&realattid=f_gr2htzs60&zw --> +<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head> +<style type="text/css"> +* + { + font-family: sans-serif; + } +</style> +<body> + + + +<div> +<h1><a></a>List of Color Names</h1> +<div> + +<p>a list of named colors for use with PHOTOBLASTER:</p> + +<table> +<tbody> + <tr> + <th align="right">Name</th> + <th align="center">Color</th> + <th align="left">RGB</th> + <th align="left">Hex</th> + + </tr> + + <tr> + <td align="right">snow</td> + <td align="center" style="background-color:rgb(255, 250, 250)">snow</td> + <td align="left">rgb(255, 250, 250)</td> + <td align="left">#FFFAFA</td> + + </tr> + + <tr> + <td align="right">snow1</td> + <td align="center" style="background-color:rgb(255, 250, 250)">snow1</td> + <td align="left">rgb(255, 250, 250)</td> + <td align="left">#FFFAFA</td> + + </tr> + + <tr> + <td align="right">snow2</td> + <td align="center" style="background-color:rgb(238, 233, 233)">snow2</td> + <td align="left">rgb(238, 233, 233)</td> + <td align="left">#EEE9E9</td> + + </tr> + + <tr> + <td align="right">RosyBrown1</td> + <td align="center" style="background-color:rgb(255, 193, 193)">RosyBrown1</td> + <td align="left">rgb(255, 193, 193)</td> + <td align="left">#FFC1C1</td> + + </tr> + + <tr> + <td align="right">RosyBrown2</td> + <td align="center" style="background-color:rgb(238, 180, 180)">RosyBrown2</td> + <td align="left">rgb(238, 180, 180)</td> + <td align="left">#EEB4B4</td> + + </tr> + + <tr> + <td align="right">snow3</td> + <td align="center" style="background-color:rgb(205, 201, 201)">snow3</td> + <td align="left">rgb(205, 201, 201)</td> + <td align="left">#CDC9C9</td> + + </tr> + + <tr> + <td align="right">LightCoral</td> + <td align="center" style="background-color:rgb(240, 128, 128)">LightCoral</td> + <td align="left">rgb(240, 128, 128)</td> + <td align="left">#F08080</td> + + </tr> + + <tr> + <td align="right">IndianRed1</td> + <td align="center" style="background-color:rgb(255, 106, 106)">IndianRed1</td> + <td align="left">rgb(255, 106, 106)</td> + <td align="left">#FF6A6A</td> + + </tr> + + <tr> + <td align="right">RosyBrown3</td> + <td align="center" style="background-color:rgb(205, 155, 155)">RosyBrown3</td> + <td align="left">rgb(205, 155, 155)</td> + <td align="left">#CD9B9B</td> + + </tr> + + <tr> + <td align="right">IndianRed2</td> + <td align="center" style="background-color:rgb(238, 99, 99)">IndianRed2</td> + <td align="left">rgb(238, 99, 99)</td> + <td align="left">#EE6363</td> + + </tr> + + <tr> + <td align="right">RosyBrown</td> + <td align="center" style="background-color:rgb(188, 143, 143)">RosyBrown</td> + <td align="left">rgb(188, 143, 143)</td> + <td align="left">#BC8F8F</td> + + </tr> + + <tr> + <td align="right">brown1</td> + <td align="center" style="background-color:rgb(255, 64, 64)">brown1</td> + <td align="left">rgb(255, 64, 64)</td> + <td align="left">#FF4040</td> + + </tr> + + <tr> + <td align="right">firebrick1</td> + <td align="center" style="background-color:rgb(255, 48, 48)">firebrick1</td> + <td align="left">rgb(255, 48, 48)</td> + <td align="left">#FF3030</td> + + </tr> + + <tr> + <td align="right">brown2</td> + <td align="center" style="background-color:rgb(238, 59, 59)">brown2</td> + <td align="left">rgb(238, 59, 59)</td> + <td align="left">#EE3B3B</td> + + </tr> + + <tr> + <td align="right">IndianRed</td> + <td align="center" style="background-color:rgb(205, 92, 92)">IndianRed</td> + <td align="left">rgb(205, 92, 92)</td> + <td align="left">#CD5C5C</td> + + </tr> + + <tr> + <td align="right">IndianRed3</td> + <td align="center" style="background-color:rgb(205, 85, 85)">IndianRed3</td> + <td align="left">rgb(205, 85, 85)</td> + <td align="left">#CD5555</td> + + </tr> + + <tr> + <td align="right">firebrick2</td> + <td align="center" style="background-color:rgb(238, 44, 44)">firebrick2</td> + <td align="left">rgb(238, 44, 44)</td> + <td align="left">#EE2C2C</td> + + </tr> + + <tr> + <td align="right">snow4</td> + <td align="center" style="background-color:rgb(139, 137, 137)">snow4</td> + <td align="left">rgb(139, 137, 137)</td> + <td align="left">#8B8989</td> + + </tr> + + <tr> + <td align="right">brown3</td> + <td align="center" style="background-color:rgb(205, 51, 51)">brown3</td> + <td align="left">rgb(205, 51, 51)</td> + <td align="left">#CD3333</td> + + </tr> + + <tr> + <td align="right">red</td> + <td align="center" style="background-color:rgb(255, 0, 0)">red</td> + <td align="left">rgb(255, 0, 0)</td> + <td align="left">#FF0000</td> + + </tr> + + <tr> + <td align="right">red1</td> + <td align="center" style="background-color:rgb(255, 0, 0)">red1</td> + <td align="left">rgb(255, 0, 0)</td> + <td align="left">#FF0000</td> + + </tr> + + <tr> + <td align="right">RosyBrown4</td> + <td align="center" style="background-color:rgb(139, 105, 105)">RosyBrown4</td> + <td align="left">rgb(139, 105, 105)</td> + <td align="left">#8B6969</td> + + </tr> + + <tr> + <td align="right">firebrick3</td> + <td align="center" style="background-color:rgb(205, 38, 38)">firebrick3</td> + <td align="left">rgb(205, 38, 38)</td> + <td align="left">#CD2626</td> + + </tr> + + <tr> + <td align="right">red2</td> + <td align="center" style="background-color:rgb(238, 0, 0)">red2</td> + <td align="left">rgb(238, 0, 0)</td> + <td align="left">#EE0000</td> + + </tr> + + <tr> + <td align="right">firebrick</td> + <td align="center" style="background-color:rgb(178, 34, 34)">firebrick</td> + <td align="left">rgb(178, 34, 34)</td> + <td align="left">#B22222</td> + + </tr> + + <tr> + <td align="right">brown</td> + <td align="center" style="background-color:rgb(165, 42, 42)">brown</td> + <td align="left">rgb(165, 42, 42)</td> + <td align="left">#A52A2A</td> + + </tr> + + <tr> + <td align="right">red3</td> + <td align="center" style="background-color:rgb(205, 0, 0)">red3</td> + <td align="left">rgb(205, 0, 0)</td> + <td align="left">#CD0000</td> + + </tr> + + <tr> + <td align="right">IndianRed4</td> + <td align="center" style="background-color:rgb(139, 58, 58)">IndianRed4</td> + <td align="left">rgb(139, 58, 58)</td> + <td align="left">#8B3A3A</td> + + </tr> + + <tr> + <td align="right">brown4</td> + <td align="center" style="background-color:rgb(139, 35, 35)">brown4</td> + <td align="left">rgb(139, 35, 35)</td> + <td align="left">#8B2323</td> + + </tr> + + <tr> + <td align="right">firebrick4</td> + <td align="center" style="background-color:rgb(139, 26, 26)">firebrick4</td> + <td align="left">rgb(139, 26, 26)</td> + <td align="left">#8B1A1A</td> + + </tr> + + <tr> + <td align="right">DarkRed</td> + <td align="center" style="background-color:rgb(139, 0, 0)">DarkRed</td> + <td align="left">rgb(139, 0, 0)</td> + <td align="left">#8B0000</td> + + </tr> + + <tr> + <td align="right">red4</td> + <td align="center" style="background-color:rgb(139, 0, 0)">red4</td> + <td align="left">rgb(139, 0, 0)</td> + <td align="left">#8B0000</td> + + </tr> + + <tr> + <td align="right">maroon</td> + <td align="center" style="background-color:rgb(128, 0, 0)">maroon</td> + <td align="left">rgb(128, 0, 0)</td> + <td align="left">#800000</td> + + </tr> + + <tr> + <td align="right">LightPink1</td> + <td align="center" style="background-color:rgb(255, 174, 185)">LightPink1</td> + <td align="left">rgb(255, 174, 185)</td> + <td align="left">#FFAEB9</td> + + </tr> + + <tr> + <td align="right">LightPink3</td> + <td align="center" style="background-color:rgb(205, 140, 149)">LightPink3</td> + <td align="left">rgb(205, 140, 149)</td> + <td align="left">#CD8C95</td> + + </tr> + + <tr> + <td align="right">LightPink4</td> + <td align="center" style="background-color:rgb(139, 95, 101)">LightPink4</td> + <td align="left">rgb(139, 95, 101)</td> + <td align="left">#8B5F65</td> + + </tr> + + <tr> + <td align="right">LightPink2</td> + <td align="center" style="background-color:rgb(238, 162, 173)">LightPink2</td> + <td align="left">rgb(238, 162, 173)</td> + <td align="left">#EEA2AD</td> + + </tr> + + <tr> + <td align="right">LightPink</td> + <td align="center" style="background-color:rgb(255, 182, 193)">LightPink</td> + <td align="left">rgb(255, 182, 193)</td> + <td align="left">#FFB6C1</td> + + </tr> + + <tr> + <td align="right">pink</td> + <td align="center" style="background-color:rgb(255, 192, 203)">pink</td> + <td align="left">rgb(255, 192, 203)</td> + <td align="left">#FFC0CB</td> + + </tr> + + <tr> + <td align="right">crimson</td> + <td align="center" style="background-color:rgb(220, 20, 60)">crimson</td> + <td align="left">rgb(220, 20, 60)</td> + <td align="left">#DC143C</td> + + </tr> + + <tr> + <td align="right">pink1</td> + <td align="center" style="background-color:rgb(255, 181, 197)">pink1</td> + <td align="left">rgb(255, 181, 197)</td> + <td align="left">#FFB5C5</td> + + </tr> + + <tr> + <td align="right">pink2</td> + <td align="center" style="background-color:rgb(238, 169, 184)">pink2</td> + <td align="left">rgb(238, 169, 184)</td> + <td align="left">#EEA9B8</td> + + </tr> + + <tr> + <td align="right">pink3</td> + <td align="center" style="background-color:rgb(205, 145, 158)">pink3</td> + <td align="left">rgb(205, 145, 158)</td> + <td align="left">#CD919E</td> + + </tr> + + <tr> + <td align="right">pink4</td> + <td align="center" style="background-color:rgb(139, 99, 108)">pink4</td> + <td align="left">rgb(139, 99, 108)</td> + <td align="left">#8B636C</td> + + </tr> + + <tr> + <td align="right">PaleVioletRed4</td> + <td align="center" style="background-color:rgb(139, 71, 93)">PaleVioletRed4</td> + <td align="left">rgb(139, 71, 93)</td> + <td align="left">#8B475D</td> + + </tr> + + <tr> + <td align="right">PaleVioletRed</td> + <td align="center" style="background-color:rgb(219, 112, 147)">PaleVioletRed</td> + <td align="left">rgb(219, 112, 147)</td> + <td align="left">#DB7093</td> + + </tr> + + <tr> + <td align="right">PaleVioletRed2</td> + <td align="center" style="background-color:rgb(238, 121, 159)">PaleVioletRed2</td> + <td align="left">rgb(238, 121, 159)</td> + <td align="left">#EE799F</td> + + </tr> + + <tr> + <td align="right">PaleVioletRed1</td> + <td align="center" style="background-color:rgb(255, 130, 171)">PaleVioletRed1</td> + <td align="left">rgb(255, 130, 171)</td> + <td align="left">#FF82AB</td> + + </tr> + + <tr> + <td align="right">PaleVioletRed3</td> + <td align="center" style="background-color:rgb(205, 104, 137)">PaleVioletRed3</td> + <td align="left">rgb(205, 104, 137)</td> + <td align="left">#CD6889</td> + + </tr> + + <tr> + <td align="right">LavenderBlush</td> + <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush</td> + <td align="left">rgb(255, 240, 245)</td> + <td align="left">#FFF0F5</td> + + </tr> + + <tr> + <td align="right">LavenderBlush1</td> + <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush1</td> + <td align="left">rgb(255, 240, 245)</td> + <td align="left">#FFF0F5</td> + + </tr> + + <tr> + <td align="right">LavenderBlush3</td> + <td align="center" style="background-color:rgb(205, 193, 197)">LavenderBlush3</td> + <td align="left">rgb(205, 193, 197)</td> + <td align="left">#CDC1C5</td> + + </tr> + + <tr> + <td align="right">LavenderBlush2</td> + <td align="center" style="background-color:rgb(238, 224, 229)">LavenderBlush2</td> + <td align="left">rgb(238, 224, 229)</td> + <td align="left">#EEE0E5</td> + + </tr> + + <tr> + <td align="right">LavenderBlush4</td> + <td align="center" style="background-color:rgb(139, 131, 134)">LavenderBlush4</td> + <td align="left">rgb(139, 131, 134)</td> + <td align="left">#8B8386</td> + + </tr> + + <tr> + <td align="right">maroon</td> + <td align="center" style="background-color:rgb(176, 48, 96)">maroon</td> + <td align="left">rgb(176, 48, 96)</td> + <td align="left">#B03060</td> + + </tr> + + <tr> + <td align="right">HotPink3</td> + <td align="center" style="background-color:rgb(205, 96, 144)">HotPink3</td> + <td align="left">rgb(205, 96, 144)</td> + <td align="left">#CD6090</td> + + </tr> + + <tr> + <td align="right">VioletRed3</td> + <td align="center" style="background-color:rgb(205, 50, 120)">VioletRed3</td> + <td align="left">rgb(205, 50, 120)</td> + <td align="left">#CD3278</td> + + </tr> + + <tr> + <td align="right">VioletRed1</td> + <td align="center" style="background-color:rgb(255, 62, 150)">VioletRed1</td> + <td align="left">rgb(255, 62, 150)</td> + <td align="left">#FF3E96</td> + + </tr> + + <tr> + <td align="right">VioletRed2</td> + <td align="center" style="background-color:rgb(238, 58, 140)">VioletRed2</td> + <td align="left">rgb(238, 58, 140)</td> + <td align="left">#EE3A8C</td> + + </tr> + + <tr> + <td align="right">VioletRed4</td> + <td align="center" style="background-color:rgb(139, 34, 82)">VioletRed4</td> + <td align="left">rgb(139, 34, 82)</td> + <td align="left">#8B2252</td> + + </tr> + + <tr> + <td align="right">HotPink2</td> + <td align="center" style="background-color:rgb(238, 106, 167)">HotPink2</td> + <td align="left">rgb(238, 106, 167)</td> + <td align="left">#EE6AA7</td> + + </tr> + + <tr> + <td align="right">HotPink1</td> + <td align="center" style="background-color:rgb(255, 110, 180)">HotPink1</td> + <td align="left">rgb(255, 110, 180)</td> + <td align="left">#FF6EB4</td> + + </tr> + + <tr> + <td align="right">HotPink4</td> + <td align="center" style="background-color:rgb(139, 58, 98)">HotPink4</td> + <td align="left">rgb(139, 58, 98)</td> + <td align="left">#8B3A62</td> + + </tr> + + <tr> + <td align="right">HotPink</td> + <td align="center" style="background-color:rgb(255, 105, 180)">HotPink</td> + <td align="left">rgb(255, 105, 180)</td> + <td align="left">#FF69B4</td> + + </tr> + + <tr> + <td align="right">DeepPink</td> + <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink</td> + <td align="left">rgb(255, 20, 147)</td> + <td align="left">#FF1493</td> + + </tr> + + <tr> + <td align="right">DeepPink1</td> + <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink1</td> + <td align="left">rgb(255, 20, 147)</td> + <td align="left">#FF1493</td> + + </tr> + + <tr> + <td align="right">DeepPink2</td> + <td align="center" style="background-color:rgb(238, 18, 137)">DeepPink2</td> + <td align="left">rgb(238, 18, 137)</td> + <td align="left">#EE1289</td> + + </tr> + + <tr> + <td align="right">DeepPink3</td> + <td align="center" style="background-color:rgb(205, 16, 118)">DeepPink3</td> + <td align="left">rgb(205, 16, 118)</td> + <td align="left">#CD1076</td> + + </tr> + + <tr> + <td align="right">DeepPink4</td> + <td align="center" style="background-color:rgb(139, 10, 80)">DeepPink4</td> + <td align="left">rgb(139, 10, 80)</td> + <td align="left">#8B0A50</td> + + </tr> + + <tr> + <td align="right">maroon1</td> + <td align="center" style="background-color:rgb(255, 52, 179)">maroon1</td> + <td align="left">rgb(255, 52, 179)</td> + <td align="left">#FF34B3</td> + + </tr> + + <tr> + <td align="right">maroon2</td> + <td align="center" style="background-color:rgb(238, 48, 167)">maroon2</td> + <td align="left">rgb(238, 48, 167)</td> + <td align="left">#EE30A7</td> + + </tr> + + <tr> + <td align="right">maroon3</td> + <td align="center" style="background-color:rgb(205, 41, 144)">maroon3</td> + <td align="left">rgb(205, 41, 144)</td> + <td align="left">#CD2990</td> + + </tr> + + <tr> + <td align="right">maroon4</td> + <td align="center" style="background-color:rgb(139, 28, 98)">maroon4</td> + <td align="left">rgb(139, 28, 98)</td> + <td align="left">#8B1C62</td> + + </tr> + + <tr> + <td align="right">MediumVioletRed</td> + <td align="center" style="background-color:rgb(199, 21, 133)">MediumVioletRed</td> + <td align="left">rgb(199, 21, 133)</td> + <td align="left">#C71585</td> + + </tr> + + <tr> + <td align="right">VioletRed</td> + <td align="center" style="background-color:rgb(208, 32, 144)">VioletRed</td> + <td align="left">rgb(208, 32, 144)</td> + <td align="left">#D02090</td> + + </tr> + + <tr> + <td align="right">orchid2</td> + <td align="center" style="background-color:rgb(238, 122, 233)">orchid2</td> + <td align="left">rgb(238, 122, 233)</td> + <td align="left">#EE7AE9</td> + + </tr> + + <tr> + <td align="right">orchid</td> + <td align="center" style="background-color:rgb(218, 112, 214)">orchid</td> + <td align="left">rgb(218, 112, 214)</td> + <td align="left">#DA70D6</td> + + </tr> + + <tr> + <td align="right">orchid1</td> + <td align="center" style="background-color:rgb(255, 131, 250)">orchid1</td> + <td align="left">rgb(255, 131, 250)</td> + <td align="left">#FF83FA</td> + + </tr> + + <tr> + <td align="right">orchid3</td> + <td align="center" style="background-color:rgb(205, 105, 201)">orchid3</td> + <td align="left">rgb(205, 105, 201)</td> + <td align="left">#CD69C9</td> + + </tr> + + <tr> + <td align="right">orchid4</td> + <td align="center" style="background-color:rgb(139, 71, 137)">orchid4</td> + <td align="left">rgb(139, 71, 137)</td> + <td align="left">#8B4789</td> + + </tr> + + <tr> + <td align="right">thistle1</td> + <td align="center" style="background-color:rgb(255, 225, 255)">thistle1</td> + <td align="left">rgb(255, 225, 255)</td> + <td align="left">#FFE1FF</td> + + </tr> + + <tr> + <td align="right">thistle2</td> + <td align="center" style="background-color:rgb(238, 210, 238)">thistle2</td> + <td align="left">rgb(238, 210, 238)</td> + <td align="left">#EED2EE</td> + + </tr> + + <tr> + <td align="right">plum1</td> + <td align="center" style="background-color:rgb(255, 187, 255)">plum1</td> + <td align="left">rgb(255, 187, 255)</td> + <td align="left">#FFBBFF</td> + + </tr> + + <tr> + <td align="right">plum2</td> + <td align="center" style="background-color:rgb(238, 174, 238)">plum2</td> + <td align="left">rgb(238, 174, 238)</td> + <td align="left">#EEAEEE</td> + + </tr> + + <tr> + <td align="right">thistle</td> + <td align="center" style="background-color:rgb(216, 191, 216)">thistle</td> + <td align="left">rgb(216, 191, 216)</td> + <td align="left">#D8BFD8</td> + + </tr> + + <tr> + <td align="right">thistle3</td> + <td align="center" style="background-color:rgb(205, 181, 205)">thistle3</td> + <td align="left">rgb(205, 181, 205)</td> + <td align="left">#CDB5CD</td> + + </tr> + + <tr> + <td align="right">plum</td> + <td align="center" style="background-color:rgb(221, 160, 221)">plum</td> + <td align="left">rgb(221, 160, 221)</td> + <td align="left">#DDA0DD</td> + + </tr> + + <tr> + <td align="right">violet</td> + <td align="center" style="background-color:rgb(238, 130, 238)">violet</td> + <td align="left">rgb(238, 130, 238)</td> + <td align="left">#EE82EE</td> + + </tr> + + <tr> + <td align="right">plum3</td> + <td align="center" style="background-color:rgb(205, 150, 205)">plum3</td> + <td align="left">rgb(205, 150, 205)</td> + <td align="left">#CD96CD</td> + + </tr> + + <tr> + <td align="right">thistle4</td> + <td align="center" style="background-color:rgb(139, 123, 139)">thistle4</td> + <td align="left">rgb(139, 123, 139)</td> + <td align="left">#8B7B8B</td> + + </tr> + + <tr> + <td align="right">fuchsia</td> + <td align="center" style="background-color:rgb(255, 0, 255)">fuchsia</td> + <td align="left">rgb(255, 0, 255)</td> + <td align="left">#FF00FF</td> + + </tr> + + <tr> + <td align="right">magenta</td> + <td align="center" style="background-color:rgb(255, 0, 255)">magenta</td> + <td align="left">rgb(255, 0, 255)</td> + <td align="left">#FF00FF</td> + + </tr> + + <tr> + <td align="right">magenta1</td> + <td align="center" style="background-color:rgb(255, 0, 255)">magenta1</td> + <td align="left">rgb(255, 0, 255)</td> + <td align="left">#FF00FF</td> + + </tr> + + <tr> + <td align="right">plum4</td> + <td align="center" style="background-color:rgb(139, 102, 139)">plum4</td> + <td align="left">rgb(139, 102, 139)</td> + <td align="left">#8B668B</td> + + </tr> + + <tr> + <td align="right">magenta2</td> + <td align="center" style="background-color:rgb(238, 0, 238)">magenta2</td> + <td align="left">rgb(238, 0, 238)</td> + <td align="left">#EE00EE</td> + + </tr> + + <tr> + <td align="right">magenta3</td> + <td align="center" style="background-color:rgb(205, 0, 205)">magenta3</td> + <td align="left">rgb(205, 0, 205)</td> + <td align="left">#CD00CD</td> + + </tr> + + <tr> + <td align="right">DarkMagenta</td> + <td align="center" style="background-color:rgb(139, 0, 139)">DarkMagenta</td> + <td align="left">rgb(139, 0, 139)</td> + <td align="left">#8B008B</td> + + </tr> + + <tr> + <td align="right">magenta4</td> + <td align="center" style="background-color:rgb(139, 0, 139)">magenta4</td> + <td align="left">rgb(139, 0, 139)</td> + <td align="left">#8B008B</td> + + </tr> + + <tr> + <td align="right">purple</td> + <td align="center" style="background-color:rgb(128, 0, 128)">purple</td> + <td align="left">rgb(128, 0, 128)</td> + <td align="left">#800080</td> + + </tr> + + <tr> + <td align="right">MediumOrchid</td> + <td align="center" style="background-color:rgb(186, 85, 211)">MediumOrchid</td> + <td align="left">rgb(186, 85, 211)</td> + <td align="left">#BA55D3</td> + + </tr> + + <tr> + <td align="right">MediumOrchid1</td> + <td align="center" style="background-color:rgb(224, 102, 255)">MediumOrchid1</td> + <td align="left">rgb(224, 102, 255)</td> + <td align="left">#E066FF</td> + + </tr> + + <tr> + <td align="right">MediumOrchid2</td> + <td align="center" style="background-color:rgb(209, 95, 238)">MediumOrchid2</td> + <td align="left">rgb(209, 95, 238)</td> + <td align="left">#D15FEE</td> + + </tr> + + <tr> + <td align="right">MediumOrchid3</td> + <td align="center" style="background-color:rgb(180, 82, 205)">MediumOrchid3</td> + <td align="left">rgb(180, 82, 205)</td> + <td align="left">#B452CD</td> + + </tr> + + <tr> + <td align="right">MediumOrchid4</td> + <td align="center" style="background-color:rgb(122, 55, 139)">MediumOrchid4</td> + <td align="left">rgb(122, 55, 139)</td> + <td align="left">#7A378B</td> + + </tr> + + <tr> + <td align="right">DarkViolet</td> + <td align="center" style="background-color:rgb(148, 0, 211)">DarkViolet</td> + <td align="left">rgb(148, 0, 211)</td> + <td align="left">#9400D3</td> + + </tr> + + <tr> + <td align="right">DarkOrchid</td> + <td align="center" style="background-color:rgb(153, 50, 204)">DarkOrchid</td> + <td align="left">rgb(153, 50, 204)</td> + <td align="left">#9932CC</td> + + </tr> + + <tr> + <td align="right">DarkOrchid1</td> + <td align="center" style="background-color:rgb(191, 62, 255)">DarkOrchid1</td> + <td align="left">rgb(191, 62, 255)</td> + <td align="left">#BF3EFF</td> + + </tr> + + <tr> + <td align="right">DarkOrchid3</td> + <td align="center" style="background-color:rgb(154, 50, 205)">DarkOrchid3</td> + <td align="left">rgb(154, 50, 205)</td> + <td align="left">#9A32CD</td> + + </tr> + + <tr> + <td align="right">DarkOrchid2</td> + <td align="center" style="background-color:rgb(178, 58, 238)">DarkOrchid2</td> + <td align="left">rgb(178, 58, 238)</td> + <td align="left">#B23AEE</td> + + </tr> + + <tr> + <td align="right">DarkOrchid4</td> + <td align="center" style="background-color:rgb(104, 34, 139)">DarkOrchid4</td> + <td align="left">rgb(104, 34, 139)</td> + <td align="left">#68228B</td> + + </tr> + + <tr> + <td align="right">purple</td> + <td align="center" style="background-color:rgb(160, 32, 240)">purple</td> + <td align="left">rgb(160, 32, 240)</td> + <td align="left">#A020F0</td> + + </tr> + + <tr> + <td align="right">indigo</td> + <td align="center" style="background-color:rgb( 75, 0, 130)">indigo</td> + <td align="left">rgb( 75, 0, 130)</td> + <td align="left">#4B0082</td> + + </tr> + + <tr> + <td align="right">BlueViolet</td> + <td align="center" style="background-color:rgb(138, 43, 226)">BlueViolet</td> + <td align="left">rgb(138, 43, 226)</td> + <td align="left">#8A2BE2</td> + + </tr> + + <tr> + <td align="right">purple2</td> + <td align="center" style="background-color:rgb(145, 44, 238)">purple2</td> + <td align="left">rgb(145, 44, 238)</td> + <td align="left">#912CEE</td> + + </tr> + + <tr> + <td align="right">purple3</td> + <td align="center" style="background-color:rgb(125, 38, 205)">purple3</td> + <td align="left">rgb(125, 38, 205)</td> + <td align="left">#7D26CD</td> + + </tr> + + <tr> + <td align="right">purple4</td> + <td align="center" style="background-color:rgb( 85, 26, 139)">purple4</td> + <td align="left">rgb( 85, 26, 139)</td> + <td align="left">#551A8B</td> + + </tr> + + <tr> + <td align="right">purple1</td> + <td align="center" style="background-color:rgb(155, 48, 255)">purple1</td> + <td align="left">rgb(155, 48, 255)</td> + <td align="left">#9B30FF</td> + + </tr> + + <tr> + <td align="right">MediumPurple</td> + <td align="center" style="background-color:rgb(147, 112, 219)">MediumPurple</td> + <td align="left">rgb(147, 112, 219)</td> + <td align="left">#9370DB</td> + + </tr> + + <tr> + <td align="right">MediumPurple1</td> + <td align="center" style="background-color:rgb(171, 130, 255)">MediumPurple1</td> + <td align="left">rgb(171, 130, 255)</td> + <td align="left">#AB82FF</td> + + </tr> + + <tr> + <td align="right">MediumPurple2</td> + <td align="center" style="background-color:rgb(159, 121, 238)">MediumPurple2</td> + <td align="left">rgb(159, 121, 238)</td> + <td align="left">#9F79EE</td> + + </tr> + + <tr> + <td align="right">MediumPurple3</td> + <td align="center" style="background-color:rgb(137, 104, 205)">MediumPurple3</td> + <td align="left">rgb(137, 104, 205)</td> + <td align="left">#8968CD</td> + + </tr> + + <tr> + <td align="right">MediumPurple4</td> + <td align="center" style="background-color:rgb( 93, 71, 139)">MediumPurple4</td> + <td align="left">rgb( 93, 71, 139)</td> + <td align="left">#5D478B</td> + + </tr> + + <tr> + <td align="right">DarkSlateBlue</td> + <td align="center" style="background-color:rgb( 72, 61, 139)">DarkSlateBlue</td> + <td align="left">rgb( 72, 61, 139)</td> + <td align="left">#483D8B</td> + + </tr> + + <tr> + <td align="right">LightSlateBlue</td> + <td align="center" style="background-color:rgb(132, 112, 255)">LightSlateBlue</td> + <td align="left">rgb(132, 112, 255)</td> + <td align="left">#8470FF</td> + + </tr> + + <tr> + <td align="right">MediumSlateBlue</td> + <td align="center" style="background-color:rgb(123, 104, 238)">MediumSlateBlue</td> + <td align="left">rgb(123, 104, 238)</td> + <td align="left">#7B68EE</td> + + </tr> + + <tr> + <td align="right">SlateBlue</td> + <td align="center" style="background-color:rgb(106, 90, 205)">SlateBlue</td> + <td align="left">rgb(106, 90, 205)</td> + <td align="left">#6A5ACD</td> + + </tr> + + <tr> + <td align="right">SlateBlue1</td> + <td align="center" style="background-color:rgb(131, 111, 255)">SlateBlue1</td> + <td align="left">rgb(131, 111, 255)</td> + <td align="left">#836FFF</td> + + </tr> + + <tr> + <td align="right">SlateBlue2</td> + <td align="center" style="background-color:rgb(122, 103, 238)">SlateBlue2</td> + <td align="left">rgb(122, 103, 238)</td> + <td align="left">#7A67EE</td> + + </tr> + + <tr> + <td align="right">SlateBlue3</td> + <td align="center" style="background-color:rgb(105, 89, 205)">SlateBlue3</td> + <td align="left">rgb(105, 89, 205)</td> + <td align="left">#6959CD</td> + + </tr> + + <tr> + <td align="right">SlateBlue4</td> + <td align="center" style="background-color:rgb( 71, 60, 139)">SlateBlue4</td> + <td align="left">rgb( 71, 60, 139)</td> + <td align="left">#473C8B</td> + + </tr> + + <tr> + <td align="right">GhostWhite</td> + <td align="center" style="background-color:rgb(248, 248, 255)">GhostWhite</td> + <td align="left">rgb(248, 248, 255)</td> + <td align="left">#F8F8FF</td> + + </tr> + + <tr> + <td align="right">lavender</td> + <td align="center" style="background-color:rgb(230, 230, 250)">lavender</td> + <td align="left">rgb(230, 230, 250)</td> + <td align="left">#E6E6FA</td> + + </tr> + + <tr> + <td align="right">blue</td> + <td align="center" style="background-color:rgb( 0, 0, 255)">blue</td> + <td align="left">rgb( 0, 0, 255)</td> + <td align="left">#0000FF</td> + + </tr> + + <tr> + <td align="right">blue1</td> + <td align="center" style="background-color:rgb( 0, 0, 255)">blue1</td> + <td align="left">rgb( 0, 0, 255)</td> + <td align="left">#0000FF</td> + + </tr> + + <tr> + <td align="right">blue2</td> + <td align="center" style="background-color:rgb( 0, 0, 238)">blue2</td> + <td align="left">rgb( 0, 0, 238)</td> + <td align="left">#0000EE</td> + + </tr> + + <tr> + <td align="right">blue3</td> + <td align="center" style="background-color:rgb( 0, 0, 205)">blue3</td> + <td align="left">rgb( 0, 0, 205)</td> + <td align="left">#0000CD</td> + + </tr> + + <tr> + <td align="right">MediumBlue</td> + <td align="center" style="background-color:rgb( 0, 0, 205)">MediumBlue</td> + <td align="left">rgb( 0, 0, 205)</td> + <td align="left">#0000CD</td> + + </tr> + + <tr> + <td align="right">blue4</td> + <td align="center" style="background-color:rgb( 0, 0, 139)">blue4</td> + <td align="left">rgb( 0, 0, 139)</td> + <td align="left">#00008B</td> + + </tr> + + <tr> + <td align="right">DarkBlue</td> + <td align="center" style="background-color:rgb( 0, 0, 139)">DarkBlue</td> + <td align="left">rgb( 0, 0, 139)</td> + <td align="left">#00008B</td> + + </tr> + + <tr> + <td align="right">MidnightBlue</td> + <td align="center" style="background-color:rgb( 25, 25, 112)">MidnightBlue</td> + <td align="left">rgb( 25, 25, 112)</td> + <td align="left">#191970</td> + + </tr> + + <tr> + <td align="right">navy</td> + <td align="center" style="background-color:rgb( 0, 0, 128)">navy</td> + <td align="left">rgb( 0, 0, 128)</td> + <td align="left">#000080</td> + + </tr> + + <tr> + <td align="right">NavyBlue</td> + <td align="center" style="background-color:rgb( 0, 0, 128)">NavyBlue</td> + <td align="left">rgb( 0, 0, 128)</td> + <td align="left">#000080</td> + + </tr> + + <tr> + <td align="right">RoyalBlue</td> + <td align="center" style="background-color:rgb( 65, 105, 225)">RoyalBlue</td> + <td align="left">rgb( 65, 105, 225)</td> + <td align="left">#4169E1</td> + + </tr> + + <tr> + <td align="right">RoyalBlue1</td> + <td align="center" style="background-color:rgb( 72, 118, 255)">RoyalBlue1</td> + <td align="left">rgb( 72, 118, 255)</td> + <td align="left">#4876FF</td> + + </tr> + + <tr> + <td align="right">RoyalBlue2</td> + <td align="center" style="background-color:rgb( 67, 110, 238)">RoyalBlue2</td> + <td align="left">rgb( 67, 110, 238)</td> + <td align="left">#436EEE</td> + + </tr> + + <tr> + <td align="right">RoyalBlue3</td> + <td align="center" style="background-color:rgb( 58, 95, 205)">RoyalBlue3</td> + <td align="left">rgb( 58, 95, 205)</td> + <td align="left">#3A5FCD</td> + + </tr> + + <tr> + <td align="right">RoyalBlue4</td> + <td align="center" style="background-color:rgb( 39, 64, 139)">RoyalBlue4</td> + <td align="left">rgb( 39, 64, 139)</td> + <td align="left">#27408B</td> + + </tr> + + <tr> + <td align="right">CornflowerBlue</td> + <td align="center" style="background-color:rgb(100, 149, 237)">CornflowerBlue</td> + <td align="left">rgb(100, 149, 237)</td> + <td align="left">#6495ED</td> + + </tr> + + <tr> + <td align="right">LightSteelBlue</td> + <td align="center" style="background-color:rgb(176, 196, 222)">LightSteelBlue</td> + <td align="left">rgb(176, 196, 222)</td> + <td align="left">#B0C4DE</td> + + </tr> + + <tr> + <td align="right">LightSteelBlue1</td> + <td align="center" style="background-color:rgb(202, 225, 255)">LightSteelBlue1</td> + <td align="left">rgb(202, 225, 255)</td> + <td align="left">#CAE1FF</td> + + </tr> + + <tr> + <td align="right">LightSteelBlue2</td> + <td align="center" style="background-color:rgb(188, 210, 238)">LightSteelBlue2</td> + <td align="left">rgb(188, 210, 238)</td> + <td align="left">#BCD2EE</td> + + </tr> + + <tr> + <td align="right">LightSteelBlue3</td> + <td align="center" style="background-color:rgb(162, 181, 205)">LightSteelBlue3</td> + <td align="left">rgb(162, 181, 205)</td> + <td align="left">#A2B5CD</td> + + </tr> + + <tr> + <td align="right">LightSteelBlue4</td> + <td align="center" style="background-color:rgb(110, 123, 139)">LightSteelBlue4</td> + <td align="left">rgb(110, 123, 139)</td> + <td align="left">#6E7B8B</td> + + </tr> + + <tr> + <td align="right">SlateGray4</td> + <td align="center" style="background-color:rgb(108, 123, 139)">SlateGray4</td> + <td align="left">rgb(108, 123, 139)</td> + <td align="left">#6C7B8B</td> + + </tr> + + <tr> + <td align="right">SlateGray1</td> + <td align="center" style="background-color:rgb(198, 226, 255)">SlateGray1</td> + <td align="left">rgb(198, 226, 255)</td> + <td align="left">#C6E2FF</td> + + </tr> + + <tr> + <td align="right">SlateGray2</td> + <td align="center" style="background-color:rgb(185, 211, 238)">SlateGray2</td> + <td align="left">rgb(185, 211, 238)</td> + <td align="left">#B9D3EE</td> + + </tr> + + <tr> + <td align="right">SlateGray3</td> + <td align="center" style="background-color:rgb(159, 182, 205)">SlateGray3</td> + <td align="left">rgb(159, 182, 205)</td> + <td align="left">#9FB6CD</td> + + </tr> + + <tr> + <td align="right">LightSlateGray</td> + <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGray</td> + <td align="left">rgb(119, 136, 153)</td> + <td align="left">#778899</td> + + </tr> + + <tr> + <td align="right">LightSlateGrey</td> + <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGrey</td> + <td align="left">rgb(119, 136, 153)</td> + <td align="left">#778899</td> + + </tr> + + <tr> + <td align="right">SlateGray</td> + <td align="center" style="background-color:rgb(112, 128, 144)">SlateGray</td> + <td align="left">rgb(112, 128, 144)</td> + <td align="left">#708090</td> + + </tr> + + <tr> + <td align="right">SlateGrey</td> + <td align="center" style="background-color:rgb(112, 128, 144)">SlateGrey</td> + <td align="left">rgb(112, 128, 144)</td> + <td align="left">#708090</td> + + </tr> + + <tr> + <td align="right">DodgerBlue</td> + <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue</td> + <td align="left">rgb( 30, 144, 255)</td> + <td align="left">#1E90FF</td> + + </tr> + + <tr> + <td align="right">DodgerBlue1</td> + <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue1</td> + <td align="left">rgb( 30, 144, 255)</td> + <td align="left">#1E90FF</td> + + </tr> + + <tr> + <td align="right">DodgerBlue2</td> + <td align="center" style="background-color:rgb( 28, 134, 238)">DodgerBlue2</td> + <td align="left">rgb( 28, 134, 238)</td> + <td align="left">#1C86EE</td> + + </tr> + + <tr> + <td align="right">DodgerBlue4</td> + <td align="center" style="background-color:rgb( 16, 78, 139)">DodgerBlue4</td> + <td align="left">rgb( 16, 78, 139)</td> + <td align="left">#104E8B</td> + + </tr> + + <tr> + <td align="right">DodgerBlue3</td> + <td align="center" style="background-color:rgb( 24, 116, 205)">DodgerBlue3</td> + <td align="left">rgb( 24, 116, 205)</td> + <td align="left">#1874CD</td> + + </tr> + + <tr> + <td align="right">AliceBlue</td> + <td align="center" style="background-color:rgb(240, 248, 255)">AliceBlue</td> + <td align="left">rgb(240, 248, 255)</td> + <td align="left">#F0F8FF</td> + + </tr> + + <tr> + <td align="right">SteelBlue4</td> + <td align="center" style="background-color:rgb( 54, 100, 139)">SteelBlue4</td> + <td align="left">rgb( 54, 100, 139)</td> + <td align="left">#36648B</td> + + </tr> + + <tr> + <td align="right">SteelBlue</td> + <td align="center" style="background-color:rgb( 70, 130, 180)">SteelBlue</td> + <td align="left">rgb( 70, 130, 180)</td> + <td align="left">#4682B4</td> + + </tr> + + <tr> + <td align="right">SteelBlue1</td> + <td align="center" style="background-color:rgb( 99, 184, 255)">SteelBlue1</td> + <td align="left">rgb( 99, 184, 255)</td> + <td align="left">#63B8FF</td> + + </tr> + + <tr> + <td align="right">SteelBlue2</td> + <td align="center" style="background-color:rgb( 92, 172, 238)">SteelBlue2</td> + <td align="left">rgb( 92, 172, 238)</td> + <td align="left">#5CACEE</td> + + </tr> + + <tr> + <td align="right">SteelBlue3</td> + <td align="center" style="background-color:rgb( 79, 148, 205)">SteelBlue3</td> + <td align="left">rgb( 79, 148, 205)</td> + <td align="left">#4F94CD</td> + + </tr> + + <tr> + <td align="right">SkyBlue4</td> + <td align="center" style="background-color:rgb( 74, 112, 139)">SkyBlue4</td> + <td align="left">rgb( 74, 112, 139)</td> + <td align="left">#4A708B</td> + + </tr> + + <tr> + <td align="right">SkyBlue1</td> + <td align="center" style="background-color:rgb(135, 206, 255)">SkyBlue1</td> + <td align="left">rgb(135, 206, 255)</td> + <td align="left">#87CEFF</td> + + </tr> + + <tr> + <td align="right">SkyBlue2</td> + <td align="center" style="background-color:rgb(126, 192, 238)">SkyBlue2</td> + <td align="left">rgb(126, 192, 238)</td> + <td align="left">#7EC0EE</td> + + </tr> + + <tr> + <td align="right">SkyBlue3</td> + <td align="center" style="background-color:rgb(108, 166, 205)">SkyBlue3</td> + <td align="left">rgb(108, 166, 205)</td> + <td align="left">#6CA6CD</td> + + </tr> + + <tr> + <td align="right">LightSkyBlue</td> + <td align="center" style="background-color:rgb(135, 206, 250)">LightSkyBlue</td> + <td align="left">rgb(135, 206, 250)</td> + <td align="left">#87CEFA</td> + + </tr> + + <tr> + <td align="right">LightSkyBlue4</td> + <td align="center" style="background-color:rgb( 96, 123, 139)">LightSkyBlue4</td> + <td align="left">rgb( 96, 123, 139)</td> + <td align="left">#607B8B</td> + + </tr> + + <tr> + <td align="right">LightSkyBlue1</td> + <td align="center" style="background-color:rgb(176, 226, 255)">LightSkyBlue1</td> + <td align="left">rgb(176, 226, 255)</td> + <td align="left">#B0E2FF</td> + + </tr> + + <tr> + <td align="right">LightSkyBlue2</td> + <td align="center" style="background-color:rgb(164, 211, 238)">LightSkyBlue2</td> + <td align="left">rgb(164, 211, 238)</td> + <td align="left">#A4D3EE</td> + + </tr> + + <tr> + <td align="right">LightSkyBlue3</td> + <td align="center" style="background-color:rgb(141, 182, 205)">LightSkyBlue3</td> + <td align="left">rgb(141, 182, 205)</td> + <td align="left">#8DB6CD</td> + + </tr> + + <tr> + <td align="right">SkyBlue</td> + <td align="center" style="background-color:rgb(135, 206, 235)">SkyBlue</td> + <td align="left">rgb(135, 206, 235)</td> + <td align="left">#87CEEB</td> + + </tr> + + <tr> + <td align="right">LightBlue3</td> + <td align="center" style="background-color:rgb(154, 192, 205)">LightBlue3</td> + <td align="left">rgb(154, 192, 205)</td> + <td align="left">#9AC0CD</td> + + </tr> + + <tr> + <td align="right">DeepSkyBlue</td> + <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue</td> + <td align="left">rgb( 0, 191, 255)</td> + <td align="left">#00BFFF</td> + + </tr> + + <tr> + <td align="right">DeepSkyBlue1</td> + <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue1</td> + <td align="left">rgb( 0, 191, 255)</td> + <td align="left">#00BFFF</td> + + </tr> + + <tr> + <td align="right">DeepSkyBlue2</td> + <td align="center" style="background-color:rgb( 0, 178, 238)">DeepSkyBlue2</td> + <td align="left">rgb( 0, 178, 238)</td> + <td align="left">#00B2EE</td> + + </tr> + + <tr> + <td align="right">DeepSkyBlue4</td> + <td align="center" style="background-color:rgb( 0, 104, 139)">DeepSkyBlue4</td> + <td align="left">rgb( 0, 104, 139)</td> + <td align="left">#00688B</td> + + </tr> + + <tr> + <td align="right">DeepSkyBlue3</td> + <td align="center" style="background-color:rgb( 0, 154, 205)">DeepSkyBlue3</td> + <td align="left">rgb( 0, 154, 205)</td> + <td align="left">#009ACD</td> + + </tr> + + <tr> + <td align="right">LightBlue1</td> + <td align="center" style="background-color:rgb(191, 239, 255)">LightBlue1</td> + <td align="left">rgb(191, 239, 255)</td> + <td align="left">#BFEFFF</td> + + </tr> + + <tr> + <td align="right">LightBlue2</td> + <td align="center" style="background-color:rgb(178, 223, 238)">LightBlue2</td> + <td align="left">rgb(178, 223, 238)</td> + <td align="left">#B2DFEE</td> + + </tr> + + <tr> + <td align="right">LightBlue</td> + <td align="center" style="background-color:rgb(173, 216, 230)">LightBlue</td> + <td align="left">rgb(173, 216, 230)</td> + <td align="left">#ADD8E6</td> + + </tr> + + <tr> + <td align="right">LightBlue4</td> + <td align="center" style="background-color:rgb(104, 131, 139)">LightBlue4</td> + <td align="left">rgb(104, 131, 139)</td> + <td align="left">#68838B</td> + + </tr> + + <tr> + <td align="right">PowderBlue</td> + <td align="center" style="background-color:rgb(176, 224, 230)">PowderBlue</td> + <td align="left">rgb(176, 224, 230)</td> + <td align="left">#B0E0E6</td> + + </tr> + + <tr> + <td align="right">CadetBlue1</td> + <td align="center" style="background-color:rgb(152, 245, 255)">CadetBlue1</td> + <td align="left">rgb(152, 245, 255)</td> + <td align="left">#98F5FF</td> + + </tr> + + <tr> + <td align="right">CadetBlue2</td> + <td align="center" style="background-color:rgb(142, 229, 238)">CadetBlue2</td> + <td align="left">rgb(142, 229, 238)</td> + <td align="left">#8EE5EE</td> + + </tr> + + <tr> + <td align="right">CadetBlue3</td> + <td align="center" style="background-color:rgb(122, 197, 205)">CadetBlue3</td> + <td align="left">rgb(122, 197, 205)</td> + <td align="left">#7AC5CD</td> + + </tr> + + <tr> + <td align="right">CadetBlue4</td> + <td align="center" style="background-color:rgb( 83, 134, 139)">CadetBlue4</td> + <td align="left">rgb( 83, 134, 139)</td> + <td align="left">#53868B</td> + + </tr> + + <tr> + <td align="right">turquoise1</td> + <td align="center" style="background-color:rgb( 0, 245, 255)">turquoise1</td> + <td align="left">rgb( 0, 245, 255)</td> + <td align="left">#00F5FF</td> + + </tr> + + <tr> + <td align="right">turquoise2</td> + <td align="center" style="background-color:rgb( 0, 229, 238)">turquoise2</td> + <td align="left">rgb( 0, 229, 238)</td> + <td align="left">#00E5EE</td> + + </tr> + + <tr> + <td align="right">turquoise3</td> + <td align="center" style="background-color:rgb( 0, 197, 205)">turquoise3</td> + <td align="left">rgb( 0, 197, 205)</td> + <td align="left">#00C5CD</td> + + </tr> + + <tr> + <td align="right">turquoise4</td> + <td align="center" style="background-color:rgb( 0, 134, 139)">turquoise4</td> + <td align="left">rgb( 0, 134, 139)</td> + <td align="left">#00868B</td> + + </tr> + + <tr> + <td align="right">cadet blue</td> + <td align="center" style="background-color:rgb( 95, 158, 160)">cadet blue</td> + <td align="left">rgb( 95, 158, 160)</td> + <td align="left">#5F9EA0</td> + + </tr> + + <tr> + <td align="right">CadetBlue</td> + <td align="center" style="background-color:rgb( 95, 158, 160)">CadetBlue</td> + <td align="left">rgb( 95, 158, 160)</td> + <td align="left">#5F9EA0</td> + + </tr> + + <tr> + <td align="right">DarkTurquoise</td> + <td align="center" style="background-color:rgb( 0, 206, 209)">DarkTurquoise</td> + <td align="left">rgb( 0, 206, 209)</td> + <td align="left">#00CED1</td> + + </tr> + + <tr> + <td align="right">azure</td> + <td align="center" style="background-color:rgb(240, 255, 255)">azure</td> + <td align="left">rgb(240, 255, 255)</td> + <td align="left">#F0FFFF</td> + + </tr> + + <tr> + <td align="right">azure1</td> + <td align="center" style="background-color:rgb(240, 255, 255)">azure1</td> + <td align="left">rgb(240, 255, 255)</td> + <td align="left">#F0FFFF</td> + + </tr> + + <tr> + <td align="right">LightCyan</td> + <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan</td> + <td align="left">rgb(224, 255, 255)</td> + <td align="left">#E0FFFF</td> + + </tr> + + <tr> + <td align="right">LightCyan1</td> + <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan1</td> + <td align="left">rgb(224, 255, 255)</td> + <td align="left">#E0FFFF</td> + + </tr> + + <tr> + <td align="right">azure2</td> + <td align="center" style="background-color:rgb(224, 238, 238)">azure2</td> + <td align="left">rgb(224, 238, 238)</td> + <td align="left">#E0EEEE</td> + + </tr> + + <tr> + <td align="right">LightCyan2</td> + <td align="center" style="background-color:rgb(209, 238, 238)">LightCyan2</td> + <td align="left">rgb(209, 238, 238)</td> + <td align="left">#D1EEEE</td> + + </tr> + + <tr> + <td align="right">PaleTurquoise1</td> + <td align="center" style="background-color:rgb(187, 255, 255)">PaleTurquoise1</td> + <td align="left">rgb(187, 255, 255)</td> + <td align="left">#BBFFFF</td> + + </tr> + + <tr> + <td align="right">PaleTurquoise</td> + <td align="center" style="background-color:rgb(175, 238, 238)">PaleTurquoise</td> + <td align="left">rgb(175, 238, 238)</td> + <td align="left">#AFEEEE</td> + + </tr> + + <tr> + <td align="right">PaleTurquoise2</td> + <td align="center" style="background-color:rgb(174, 238, 238)">PaleTurquoise2</td> + <td align="left">rgb(174, 238, 238)</td> + <td align="left">#AEEEEE</td> + + </tr> + + <tr> + <td align="right">DarkSlateGray1</td> + <td align="center" style="background-color:rgb(151, 255, 255)">DarkSlateGray1</td> + <td align="left">rgb(151, 255, 255)</td> + <td align="left">#97FFFF</td> + + </tr> + + <tr> + <td align="right">azure3</td> + <td align="center" style="background-color:rgb(193, 205, 205)">azure3</td> + <td align="left">rgb(193, 205, 205)</td> + <td align="left">#C1CDCD</td> + + </tr> + + <tr> + <td align="right">LightCyan3</td> + <td align="center" style="background-color:rgb(180, 205, 205)">LightCyan3</td> + <td align="left">rgb(180, 205, 205)</td> + <td align="left">#B4CDCD</td> + + </tr> + + <tr> + <td align="right">DarkSlateGray2</td> + <td align="center" style="background-color:rgb(141, 238, 238)">DarkSlateGray2</td> + <td align="left">rgb(141, 238, 238)</td> + <td align="left">#8DEEEE</td> + + </tr> + + <tr> + <td align="right">PaleTurquoise3</td> + <td align="center" style="background-color:rgb(150, 205, 205)">PaleTurquoise3</td> + <td align="left">rgb(150, 205, 205)</td> + <td align="left">#96CDCD</td> + + </tr> + + <tr> + <td align="right">DarkSlateGray3</td> + <td align="center" style="background-color:rgb(121, 205, 205)">DarkSlateGray3</td> + <td align="left">rgb(121, 205, 205)</td> + <td align="left">#79CDCD</td> + + </tr> + + <tr> + <td align="right">azure4</td> + <td align="center" style="background-color:rgb(131, 139, 139)">azure4</td> + <td align="left">rgb(131, 139, 139)</td> + <td align="left">#838B8B</td> + + </tr> + + <tr> + <td align="right">LightCyan4</td> + <td align="center" style="background-color:rgb(122, 139, 139)">LightCyan4</td> + <td align="left">rgb(122, 139, 139)</td> + <td align="left">#7A8B8B</td> + + </tr> + + <tr> + <td align="right">aqua</td> + <td align="center" style="background-color:rgb( 0, 255, 255)">aqua</td> + <td align="left">rgb( 0, 255, 255)</td> + <td align="left">#00FFFF</td> + + </tr> + + <tr> + <td align="right">cyan</td> + <td align="center" style="background-color:rgb( 0, 255, 255)">cyan</td> + <td align="left">rgb( 0, 255, 255)</td> + <td align="left">#00FFFF</td> + + </tr> + + <tr> + <td align="right">cyan1</td> + <td align="center" style="background-color:rgb( 0, 255, 255)">cyan1</td> + <td align="left">rgb( 0, 255, 255)</td> + <td align="left">#00FFFF</td> + + </tr> + + <tr> + <td align="right">PaleTurquoise4</td> + <td align="center" style="background-color:rgb(102, 139, 139)">PaleTurquoise4</td> + <td align="left">rgb(102, 139, 139)</td> + <td align="left">#668B8B</td> + + </tr> + + <tr> + <td align="right">cyan2</td> + <td align="center" style="background-color:rgb( 0, 238, 238)">cyan2</td> + <td align="left">rgb( 0, 238, 238)</td> + <td align="left">#00EEEE</td> + + </tr> + + <tr> + <td align="right">DarkSlateGray4</td> + <td align="center" style="background-color:rgb( 82, 139, 139)">DarkSlateGray4</td> + <td align="left">rgb( 82, 139, 139)</td> + <td align="left">#528B8B</td> + + </tr> + + <tr> + <td align="right">cyan3</td> + <td align="center" style="background-color:rgb( 0, 205, 205)">cyan3</td> + <td align="left">rgb( 0, 205, 205)</td> + <td align="left">#00CDCD</td> + + </tr> + + <tr> + <td align="right">cyan4</td> + <td align="center" style="background-color:rgb( 0, 139, 139)">cyan4</td> + <td align="left">rgb( 0, 139, 139)</td> + <td align="left">#008B8B</td> + + </tr> + + <tr> + <td align="right">DarkCyan</td> + <td align="center" style="background-color:rgb( 0, 139, 139)">DarkCyan</td> + <td align="left">rgb( 0, 139, 139)</td> + <td align="left">#008B8B</td> + + </tr> + + <tr> + <td align="right">teal</td> + <td align="center" style="background-color:rgb( 0, 128, 128)">teal</td> + <td align="left">rgb( 0, 128, 128)</td> + <td align="left">#008080</td> + + </tr> + + <tr> + <td align="right">DarkSlateGray</td> + <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGray</td> + <td align="left">rgb( 47, 79, 79)</td> + <td align="left">#2F4F4F</td> + + </tr> + + <tr> + <td align="right">DarkSlateGrey</td> + <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGrey</td> + <td align="left">rgb( 47, 79, 79)</td> + <td align="left">#2F4F4F</td> + + </tr> + + <tr> + <td align="right">MediumTurquoise</td> + <td align="center" style="background-color:rgb( 72, 209, 204)">MediumTurquoise</td> + <td align="left">rgb( 72, 209, 204)</td> + <td align="left">#48D1CC</td> + + </tr> + + <tr> + <td align="right">LightSeaGreen</td> + <td align="center" style="background-color:rgb( 32, 178, 170)">LightSeaGreen</td> + <td align="left">rgb( 32, 178, 170)</td> + <td align="left">#20B2AA</td> + + </tr> + + <tr> + <td align="right">turquoise</td> + <td align="center" style="background-color:rgb( 64, 224, 208)">turquoise</td> + <td align="left">rgb( 64, 224, 208)</td> + <td align="left">#40E0D0</td> + + </tr> + + <tr> + <td align="right">aquamarine4</td> + <td align="center" style="background-color:rgb( 69, 139, 116)">aquamarine4</td> + <td align="left">rgb( 69, 139, 116)</td> + <td align="left">#458B74</td> + + </tr> + + <tr> + <td align="right">aquamarine</td> + <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine</td> + <td align="left">rgb(127, 255, 212)</td> + <td align="left">#7FFFD4</td> + + </tr> + + <tr> + <td align="right">aquamarine1</td> + <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine1</td> + <td align="left">rgb(127, 255, 212)</td> + <td align="left">#7FFFD4</td> + + </tr> + + <tr> + <td align="right">aquamarine2</td> + <td align="center" style="background-color:rgb(118, 238, 198)">aquamarine2</td> + <td align="left">rgb(118, 238, 198)</td> + <td align="left">#76EEC6</td> + + </tr> + + <tr> + <td align="right">aquamarine3</td> + <td align="center" style="background-color:rgb(102, 205, 170)">aquamarine3</td> + <td align="left">rgb(102, 205, 170)</td> + <td align="left">#66CDAA</td> + + </tr> + + <tr> + <td align="right">MediumAquamarine</td> + <td align="center" style="background-color:rgb(102, 205, 170)">MediumAquamarine</td> + <td align="left">rgb(102, 205, 170)</td> + <td align="left">#66CDAA</td> + + </tr> + + <tr> + <td align="right">MediumSpringGreen</td> + <td align="center" style="background-color:rgb( 0, 250, 154)">MediumSpringGreen</td> + <td align="left">rgb( 0, 250, 154)</td> + <td align="left">#00FA9A</td> + + </tr> + + <tr> + <td align="right">MintCream</td> + <td align="center" style="background-color:rgb(245, 255, 250)">MintCream</td> + <td align="left">rgb(245, 255, 250)</td> + <td align="left">#F5FFFA</td> + + </tr> + + <tr> + <td align="right">SpringGreen</td> + <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen</td> + <td align="left">rgb( 0, 255, 127)</td> + <td align="left">#00FF7F</td> + + </tr> + + <tr> + <td align="right">SpringGreen1</td> + <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen1</td> + <td align="left">rgb( 0, 255, 127)</td> + <td align="left">#00FF7F</td> + + </tr> + + <tr> + <td align="right">SpringGreen2</td> + <td align="center" style="background-color:rgb( 0, 238, 118)">SpringGreen2</td> + <td align="left">rgb( 0, 238, 118)</td> + <td align="left">#00EE76</td> + + </tr> + + <tr> + <td align="right">SpringGreen3</td> + <td align="center" style="background-color:rgb( 0, 205, 102)">SpringGreen3</td> + <td align="left">rgb( 0, 205, 102)</td> + <td align="left">#00CD66</td> + + </tr> + + <tr> + <td align="right">SpringGreen4</td> + <td align="center" style="background-color:rgb( 0, 139, 69)">SpringGreen4</td> + <td align="left">rgb( 0, 139, 69)</td> + <td align="left">#008B45</td> + + </tr> + + <tr> + <td align="right">MediumSeaGreen</td> + <td align="center" style="background-color:rgb( 60, 179, 113)">MediumSeaGreen</td> + <td align="left">rgb( 60, 179, 113)</td> + <td align="left">#3CB371</td> + + </tr> + + <tr> + <td align="right">SeaGreen</td> + <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen</td> + <td align="left">rgb( 46, 139, 87)</td> + <td align="left">#2E8B57</td> + + </tr> + + <tr> + <td align="right">SeaGreen3</td> + <td align="center" style="background-color:rgb( 67, 205, 128)">SeaGreen3</td> + <td align="left">rgb( 67, 205, 128)</td> + <td align="left">#43CD80</td> + + </tr> + + <tr> + <td align="right">SeaGreen1</td> + <td align="center" style="background-color:rgb( 84, 255, 159)">SeaGreen1</td> + <td align="left">rgb( 84, 255, 159)</td> + <td align="left">#54FF9F</td> + + </tr> + + <tr> + <td align="right">SeaGreen4</td> + <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen4</td> + <td align="left">rgb( 46, 139, 87)</td> + <td align="left">#2E8B57</td> + + </tr> + + <tr> + <td align="right">SeaGreen2</td> + <td align="center" style="background-color:rgb( 78, 238, 148)">SeaGreen2</td> + <td align="left">rgb( 78, 238, 148)</td> + <td align="left">#4EEE94</td> + + </tr> + + <tr> + <td align="right">MediumForestGreen</td> + <td align="center" style="background-color:rgb( 50, 129, 75)">MediumForestGreen</td> + <td align="left">rgb( 50, 129, 75)</td> + <td align="left">#32814B</td> + + </tr> + + <tr> + <td align="right">honeydew</td> + <td align="center" style="background-color:rgb(240, 255, 240)">honeydew</td> + <td align="left">rgb(240, 255, 240)</td> + <td align="left">#F0FFF0</td> + + </tr> + + <tr> + <td align="right">honeydew1</td> + <td align="center" style="background-color:rgb(240, 255, 240)">honeydew1</td> + <td align="left">rgb(240, 255, 240)</td> + <td align="left">#F0FFF0</td> + + </tr> + + <tr> + <td align="right">honeydew2</td> + <td align="center" style="background-color:rgb(224, 238, 224)">honeydew2</td> + <td align="left">rgb(224, 238, 224)</td> + <td align="left">#E0EEE0</td> + + </tr> + + <tr> + <td align="right">DarkSeaGreen1</td> + <td align="center" style="background-color:rgb(193, 255, 193)">DarkSeaGreen1</td> + <td align="left">rgb(193, 255, 193)</td> + <td align="left">#C1FFC1</td> + + </tr> + + <tr> + <td align="right">DarkSeaGreen2</td> + <td align="center" style="background-color:rgb(180, 238, 180)">DarkSeaGreen2</td> + <td align="left">rgb(180, 238, 180)</td> + <td align="left">#B4EEB4</td> + + </tr> + + <tr> + <td align="right">PaleGreen1</td> + <td align="center" style="background-color:rgb(154, 255, 154)">PaleGreen1</td> + <td align="left">rgb(154, 255, 154)</td> + <td align="left">#9AFF9A</td> + + </tr> + + <tr> + <td align="right">PaleGreen</td> + <td align="center" style="background-color:rgb(152, 251, 152)">PaleGreen</td> + <td align="left">rgb(152, 251, 152)</td> + <td align="left">#98FB98</td> + + </tr> + + <tr> + <td align="right">honeydew3</td> + <td align="center" style="background-color:rgb(193, 205, 193)">honeydew3</td> + <td align="left">rgb(193, 205, 193)</td> + <td align="left">#C1CDC1</td> + + </tr> + + <tr> + <td align="right">LightGreen</td> + <td align="center" style="background-color:rgb(144, 238, 144)">LightGreen</td> + <td align="left">rgb(144, 238, 144)</td> + <td align="left">#90EE90</td> + + </tr> + + <tr> + <td align="right">PaleGreen2</td> + <td align="center" style="background-color:rgb(144, 238, 144)">PaleGreen2</td> + <td align="left">rgb(144, 238, 144)</td> + <td align="left">#90EE90</td> + + </tr> + + <tr> + <td align="right">DarkSeaGreen3</td> + <td align="center" style="background-color:rgb(155, 205, 155)">DarkSeaGreen3</td> + <td align="left">rgb(155, 205, 155)</td> + <td align="left">#9BCD9B</td> + + </tr> + + <tr> + <td align="right">DarkSeaGreen</td> + <td align="center" style="background-color:rgb(143, 188, 143)">DarkSeaGreen</td> + <td align="left">rgb(143, 188, 143)</td> + <td align="left">#8FBC8F</td> + + </tr> + + <tr> + <td align="right">PaleGreen3</td> + <td align="center" style="background-color:rgb(124, 205, 124)">PaleGreen3</td> + <td align="left">rgb(124, 205, 124)</td> + <td align="left">#7CCD7C</td> + + </tr> + + <tr> + <td align="right">honeydew4</td> + <td align="center" style="background-color:rgb(131, 139, 131)">honeydew4</td> + <td align="left">rgb(131, 139, 131)</td> + <td align="left">#838B83</td> + + </tr> + + <tr> + <td align="right">green1</td> + <td align="center" style="background-color:rgb( 0, 255, 0)">green1</td> + <td align="left">rgb( 0, 255, 0)</td> + <td align="left">#00FF00</td> + + </tr> + + <tr> + <td align="right">lime</td> + <td align="center" style="background-color:rgb( 0, 255, 0)">lime</td> + <td align="left">rgb( 0, 255, 0)</td> + <td align="left">#00FF00</td> + + </tr> + + <tr> + <td align="right">LimeGreen</td> + <td align="center" style="background-color:rgb( 50, 205, 50)">LimeGreen</td> + <td align="left">rgb( 50, 205, 50)</td> + <td align="left">#32CD32</td> + + </tr> + + <tr> + <td align="right">DarkSeaGreen4</td> + <td align="center" style="background-color:rgb(105, 139, 105)">DarkSeaGreen4</td> + <td align="left">rgb(105, 139, 105)</td> + <td align="left">#698B69</td> + + </tr> + + <tr> + <td align="right">green2</td> + <td align="center" style="background-color:rgb( 0, 238, 0)">green2</td> + <td align="left">rgb( 0, 238, 0)</td> + <td align="left">#00EE00</td> + + </tr> + + <tr> + <td align="right">PaleGreen4</td> + <td align="center" style="background-color:rgb( 84, 139, 84)">PaleGreen4</td> + <td align="left">rgb( 84, 139, 84)</td> + <td align="left">#548B54</td> + + </tr> + + <tr> + <td align="right">green3</td> + <td align="center" style="background-color:rgb( 0, 205, 0)">green3</td> + <td align="left">rgb( 0, 205, 0)</td> + <td align="left">#00CD00</td> + + </tr> + + <tr> + <td align="right">ForestGreen</td> + <td align="center" style="background-color:rgb( 34, 139, 34)">ForestGreen</td> + <td align="left">rgb( 34, 139, 34)</td> + <td align="left">#228B22</td> + + </tr> + + <tr> + <td align="right">green4</td> + <td align="center" style="background-color:rgb( 0, 139, 0)">green4</td> + <td align="left">rgb( 0, 139, 0)</td> + <td align="left">#008B00</td> + + </tr> + + <tr> + <td align="right">green</td> + <td align="center" style="background-color:rgb( 0, 128, 0)">green</td> + <td align="left">rgb( 0, 128, 0)</td> + <td align="left">#008000</td> + + </tr> + + <tr> + <td align="right">DarkGreen</td> + <td align="center" style="background-color:rgb( 0, 100, 0)">DarkGreen</td> + <td align="left">rgb( 0, 100, 0)</td> + <td align="left">#006400</td> + + </tr> + + <tr> + <td align="right">LawnGreen</td> + <td align="center" style="background-color:rgb(124, 252, 0)">LawnGreen</td> + <td align="left">rgb(124, 252, 0)</td> + <td align="left">#7CFC00</td> + + </tr> + + <tr> + <td align="right">chartreuse</td> + <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse</td> + <td align="left">rgb(127, 255, 0)</td> + <td align="left">#7FFF00</td> + + </tr> + + <tr> + <td align="right">chartreuse1</td> + <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse1</td> + <td align="left">rgb(127, 255, 0)</td> + <td align="left">#7FFF00</td> + + </tr> + + <tr> + <td align="right">chartreuse2</td> + <td align="center" style="background-color:rgb(118, 238, 0)">chartreuse2</td> + <td align="left">rgb(118, 238, 0)</td> + <td align="left">#76EE00</td> + + </tr> + + <tr> + <td align="right">chartreuse3</td> + <td align="center" style="background-color:rgb(102, 205, 0)">chartreuse3</td> + <td align="left">rgb(102, 205, 0)</td> + <td align="left">#66CD00</td> + + </tr> + + <tr> + <td align="right">chartreuse4</td> + <td align="center" style="background-color:rgb( 69, 139, 0)">chartreuse4</td> + <td align="left">rgb( 69, 139, 0)</td> + <td align="left">#458B00</td> + + </tr> + + <tr> + <td align="right">GreenYellow</td> + <td align="center" style="background-color:rgb(173, 255, 47)">GreenYellow</td> + <td align="left">rgb(173, 255, 47)</td> + <td align="left">#ADFF2F</td> + + </tr> + + <tr> + <td align="right">DarkOliveGreen3</td> + <td align="center" style="background-color:rgb(162, 205, 90)">DarkOliveGreen3</td> + <td align="left">rgb(162, 205, 90)</td> + <td align="left">#A2CD5A</td> + + </tr> + + <tr> + <td align="right">DarkOliveGreen1</td> + <td align="center" style="background-color:rgb(202, 255, 112)">DarkOliveGreen1</td> + <td align="left">rgb(202, 255, 112)</td> + <td align="left">#CAFF70</td> + + </tr> + + <tr> + <td align="right">DarkOliveGreen2</td> + <td align="center" style="background-color:rgb(188, 238, 104)">DarkOliveGreen2</td> + <td align="left">rgb(188, 238, 104)</td> + <td align="left">#BCEE68</td> + + </tr> + + <tr> + <td align="right">DarkOliveGreen4</td> + <td align="center" style="background-color:rgb(110, 139, 61)">DarkOliveGreen4</td> + <td align="left">rgb(110, 139, 61)</td> + <td align="left">#6E8B3D</td> + + </tr> + + <tr> + <td align="right">DarkOliveGreen</td> + <td align="center" style="background-color:rgb( 85, 107, 47)">DarkOliveGreen</td> + <td align="left">rgb( 85, 107, 47)</td> + <td align="left">#556B2F</td> + + </tr> + + <tr> + <td align="right">OliveDrab</td> + <td align="center" style="background-color:rgb(107, 142, 35)">OliveDrab</td> + <td align="left">rgb(107, 142, 35)</td> + <td align="left">#6B8E23</td> + + </tr> + + <tr> + <td align="right">OliveDrab1</td> + <td align="center" style="background-color:rgb(192, 255, 62)">OliveDrab1</td> + <td align="left">rgb(192, 255, 62)</td> + <td align="left">#C0FF3E</td> + + </tr> + + <tr> + <td align="right">OliveDrab2</td> + <td align="center" style="background-color:rgb(179, 238, 58)">OliveDrab2</td> + <td align="left">rgb(179, 238, 58)</td> + <td align="left">#B3EE3A</td> + + </tr> + + <tr> + <td align="right">OliveDrab3</td> + <td align="center" style="background-color:rgb(154, 205, 50)">OliveDrab3</td> + <td align="left">rgb(154, 205, 50)</td> + <td align="left">#9ACD32</td> + + </tr> + + <tr> + <td align="right">YellowGreen</td> + <td align="center" style="background-color:rgb(154, 205, 50)">YellowGreen</td> + <td align="left">rgb(154, 205, 50)</td> + <td align="left">#9ACD32</td> + + </tr> + + <tr> + <td align="right">OliveDrab4</td> + <td align="center" style="background-color:rgb(105, 139, 34)">OliveDrab4</td> + <td align="left">rgb(105, 139, 34)</td> + <td align="left">#698B22</td> + + </tr> + + <tr> + <td align="right">ivory</td> + <td align="center" style="background-color:rgb(255, 255, 240)">ivory</td> + <td align="left">rgb(255, 255, 240)</td> + <td align="left">#FFFFF0</td> + + </tr> + + <tr> + <td align="right">ivory1</td> + <td align="center" style="background-color:rgb(255, 255, 240)">ivory1</td> + <td align="left">rgb(255, 255, 240)</td> + <td align="left">#FFFFF0</td> + + </tr> + + <tr> + <td align="right">LightYellow</td> + <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow</td> + <td align="left">rgb(255, 255, 224)</td> + <td align="left">#FFFFE0</td> + + </tr> + + <tr> + <td align="right">LightYellow1</td> + <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow1</td> + <td align="left">rgb(255, 255, 224)</td> + <td align="left">#FFFFE0</td> + + </tr> + + <tr> + <td align="right">beige</td> + <td align="center" style="background-color:rgb(245, 245, 220)">beige</td> + <td align="left">rgb(245, 245, 220)</td> + <td align="left">#F5F5DC</td> + + </tr> + + <tr> + <td align="right">ivory2</td> + <td align="center" style="background-color:rgb(238, 238, 224)">ivory2</td> + <td align="left">rgb(238, 238, 224)</td> + <td align="left">#EEEEE0</td> + + </tr> + + <tr> + <td align="right">LightGoldenrodYellow</td> + <td align="center" style="background-color:rgb(250, 250, 210)">LightGoldenrodYellow</td> + <td align="left">rgb(250, 250, 210)</td> + <td align="left">#FAFAD2</td> + + </tr> + + <tr> + <td align="right">LightYellow2</td> + <td align="center" style="background-color:rgb(238, 238, 209)">LightYellow2</td> + <td align="left">rgb(238, 238, 209)</td> + <td align="left">#EEEED1</td> + + </tr> + + <tr> + <td align="right">ivory3</td> + <td align="center" style="background-color:rgb(205, 205, 193)">ivory3</td> + <td align="left">rgb(205, 205, 193)</td> + <td align="left">#CDCDC1</td> + + </tr> + + <tr> + <td align="right">LightYellow3</td> + <td align="center" style="background-color:rgb(205, 205, 180)">LightYellow3</td> + <td align="left">rgb(205, 205, 180)</td> + <td align="left">#CDCDB4</td> + + </tr> + + <tr> + <td align="right">ivory4</td> + <td align="center" style="background-color:rgb(139, 139, 131)">ivory4</td> + <td align="left">rgb(139, 139, 131)</td> + <td align="left">#8B8B83</td> + + </tr> + + <tr> + <td align="right">LightYellow4</td> + <td align="center" style="background-color:rgb(139, 139, 122)">LightYellow4</td> + <td align="left">rgb(139, 139, 122)</td> + <td align="left">#8B8B7A</td> + + </tr> + + <tr> + <td align="right">yellow</td> + <td align="center" style="background-color:rgb(255, 255, 0)">yellow</td> + <td align="left">rgb(255, 255, 0)</td> + <td align="left">#FFFF00</td> + + </tr> + + <tr> + <td align="right">yellow1</td> + <td align="center" style="background-color:rgb(255, 255, 0)">yellow1</td> + <td align="left">rgb(255, 255, 0)</td> + <td align="left">#FFFF00</td> + + </tr> + + <tr> + <td align="right">yellow2</td> + <td align="center" style="background-color:rgb(238, 238, 0)">yellow2</td> + <td align="left">rgb(238, 238, 0)</td> + <td align="left">#EEEE00</td> + + </tr> + + <tr> + <td align="right">yellow3</td> + <td align="center" style="background-color:rgb(205, 205, 0)">yellow3</td> + <td align="left">rgb(205, 205, 0)</td> + <td align="left">#CDCD00</td> + + </tr> + + <tr> + <td align="right">yellow4</td> + <td align="center" style="background-color:rgb(139, 139, 0)">yellow4</td> + <td align="left">rgb(139, 139, 0)</td> + <td align="left">#8B8B00</td> + + </tr> + + <tr> + <td align="right">olive</td> + <td align="center" style="background-color:rgb(128, 128, 0)">olive</td> + <td align="left">rgb(128, 128, 0)</td> + <td align="left">#808000</td> + + </tr> + + <tr> + <td align="right">DarkKhaki</td> + <td align="center" style="background-color:rgb(189, 183, 107)">DarkKhaki</td> + <td align="left">rgb(189, 183, 107)</td> + <td align="left">#BDB76B</td> + + </tr> + + <tr> + <td align="right">khaki2</td> + <td align="center" style="background-color:rgb(238, 230, 133)">khaki2</td> + <td align="left">rgb(238, 230, 133)</td> + <td align="left">#EEE685</td> + + </tr> + + <tr> + <td align="right">LemonChiffon4</td> + <td align="center" style="background-color:rgb(139, 137, 112)">LemonChiffon4</td> + <td align="left">rgb(139, 137, 112)</td> + <td align="left">#8B8970</td> + + </tr> + + <tr> + <td align="right">khaki1</td> + <td align="center" style="background-color:rgb(255, 246, 143)">khaki1</td> + <td align="left">rgb(255, 246, 143)</td> + <td align="left">#FFF68F</td> + + </tr> + + <tr> + <td align="right">khaki3</td> + <td align="center" style="background-color:rgb(205, 198, 115)">khaki3</td> + <td align="left">rgb(205, 198, 115)</td> + <td align="left">#CDC673</td> + + </tr> + + <tr> + <td align="right">khaki4</td> + <td align="center" style="background-color:rgb(139, 134, 78)">khaki4</td> + <td align="left">rgb(139, 134, 78)</td> + <td align="left">#8B864E</td> + + </tr> + + <tr> + <td align="right">PaleGoldenrod</td> + <td align="center" style="background-color:rgb(238, 232, 170)">PaleGoldenrod</td> + <td align="left">rgb(238, 232, 170)</td> + <td align="left">#EEE8AA</td> + + </tr> + + <tr> + <td align="right">LemonChiffon</td> + <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon</td> + <td align="left">rgb(255, 250, 205)</td> + <td align="left">#FFFACD</td> + + </tr> + + <tr> + <td align="right">LemonChiffon1</td> + <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon1</td> + <td align="left">rgb(255, 250, 205)</td> + <td align="left">#FFFACD</td> + + </tr> + + <tr> + <td align="right">khaki</td> + <td align="center" style="background-color:rgb(240, 230, 140)">khaki</td> + <td align="left">rgb(240, 230, 140)</td> + <td align="left">#F0E68C</td> + + </tr> + + <tr> + <td align="right">LemonChiffon3</td> + <td align="center" style="background-color:rgb(205, 201, 165)">LemonChiffon3</td> + <td align="left">rgb(205, 201, 165)</td> + <td align="left">#CDC9A5</td> + + </tr> + + <tr> + <td align="right">LemonChiffon2</td> + <td align="center" style="background-color:rgb(238, 233, 191)">LemonChiffon2</td> + <td align="left">rgb(238, 233, 191)</td> + <td align="left">#EEE9BF</td> + + </tr> + + <tr> + <td align="right">MediumGoldenRod</td> + <td align="center" style="background-color:rgb(209, 193, 102)">MediumGoldenRod</td> + <td align="left">rgb(209, 193, 102)</td> + <td align="left">#D1C166</td> + + </tr> + + <tr> + <td align="right">cornsilk4</td> + <td align="center" style="background-color:rgb(139, 136, 120)">cornsilk4</td> + <td align="left">rgb(139, 136, 120)</td> + <td align="left">#8B8878</td> + + </tr> + + <tr> + <td align="right">gold</td> + <td align="center" style="background-color:rgb(255, 215, 0)">gold</td> + <td align="left">rgb(255, 215, 0)</td> + <td align="left">#FFD700</td> + + </tr> + + <tr> + <td align="right">gold1</td> + <td align="center" style="background-color:rgb(255, 215, 0)">gold1</td> + <td align="left">rgb(255, 215, 0)</td> + <td align="left">#FFD700</td> + + </tr> + + <tr> + <td align="right">gold2</td> + <td align="center" style="background-color:rgb(238, 201, 0)">gold2</td> + <td align="left">rgb(238, 201, 0)</td> + <td align="left">#EEC900</td> + + </tr> + + <tr> + <td align="right">gold3</td> + <td align="center" style="background-color:rgb(205, 173, 0)">gold3</td> + <td align="left">rgb(205, 173, 0)</td> + <td align="left">#CDAD00</td> + + </tr> + + <tr> + <td align="right">gold4</td> + <td align="center" style="background-color:rgb(139, 117, 0)">gold4</td> + <td align="left">rgb(139, 117, 0)</td> + <td align="left">#8B7500</td> + + </tr> + + <tr> + <td align="right">LightGoldenrod</td> + <td align="center" style="background-color:rgb(238, 221, 130)">LightGoldenrod</td> + <td align="left">rgb(238, 221, 130)</td> + <td align="left">#EEDD82</td> + + </tr> + + <tr> + <td align="right">LightGoldenrod4</td> + <td align="center" style="background-color:rgb(139, 129, 76)">LightGoldenrod4</td> + <td align="left">rgb(139, 129, 76)</td> + <td align="left">#8B814C</td> + + </tr> + + <tr> + <td align="right">LightGoldenrod1</td> + <td align="center" style="background-color:rgb(255, 236, 139)">LightGoldenrod1</td> + <td align="left">rgb(255, 236, 139)</td> + <td align="left">#FFEC8B</td> + + </tr> + + <tr> + <td align="right">LightGoldenrod3</td> + <td align="center" style="background-color:rgb(205, 190, 112)">LightGoldenrod3</td> + <td align="left">rgb(205, 190, 112)</td> + <td align="left">#CDBE70</td> + + </tr> + + <tr> + <td align="right">LightGoldenrod2</td> + <td align="center" style="background-color:rgb(238, 220, 130)">LightGoldenrod2</td> + <td align="left">rgb(238, 220, 130)</td> + <td align="left">#EEDC82</td> + + </tr> + + <tr> + <td align="right">cornsilk3</td> + <td align="center" style="background-color:rgb(205, 200, 177)">cornsilk3</td> + <td align="left">rgb(205, 200, 177)</td> + <td align="left">#CDC8B1</td> + + </tr> + + <tr> + <td align="right">cornsilk2</td> + <td align="center" style="background-color:rgb(238, 232, 205)">cornsilk2</td> + <td align="left">rgb(238, 232, 205)</td> + <td align="left">#EEE8CD</td> + + </tr> + + <tr> + <td align="right">cornsilk</td> + <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk</td> + <td align="left">rgb(255, 248, 220)</td> + <td align="left">#FFF8DC</td> + + </tr> + + <tr> + <td align="right">cornsilk1</td> + <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk1</td> + <td align="left">rgb(255, 248, 220)</td> + <td align="left">#FFF8DC</td> + + </tr> + + <tr> + <td align="right">goldenrod</td> + <td align="center" style="background-color:rgb(218, 165, 32)">goldenrod</td> + <td align="left">rgb(218, 165, 32)</td> + <td align="left">#DAA520</td> + + </tr> + + <tr> + <td align="right">goldenrod1</td> + <td align="center" style="background-color:rgb(255, 193, 37)">goldenrod1</td> + <td align="left">rgb(255, 193, 37)</td> + <td align="left">#FFC125</td> + + </tr> + + <tr> + <td align="right">goldenrod2</td> + <td align="center" style="background-color:rgb(238, 180, 34)">goldenrod2</td> + <td align="left">rgb(238, 180, 34)</td> + <td align="left">#EEB422</td> + + </tr> + + <tr> + <td align="right">goldenrod3</td> + <td align="center" style="background-color:rgb(205, 155, 29)">goldenrod3</td> + <td align="left">rgb(205, 155, 29)</td> + <td align="left">#CD9B1D</td> + + </tr> + + <tr> + <td align="right">goldenrod4</td> + <td align="center" style="background-color:rgb(139, 105, 20)">goldenrod4</td> + <td align="left">rgb(139, 105, 20)</td> + <td align="left">#8B6914</td> + + </tr> + + <tr> + <td align="right">DarkGoldenrod</td> + <td align="center" style="background-color:rgb(184, 134, 11)">DarkGoldenrod</td> + <td align="left">rgb(184, 134, 11)</td> + <td align="left">#B8860B</td> + + </tr> + + <tr> + <td align="right">DarkGoldenrod1</td> + <td align="center" style="background-color:rgb(255, 185, 15)">DarkGoldenrod1</td> + <td align="left">rgb(255, 185, 15)</td> + <td align="left">#FFB90F</td> + + </tr> + + <tr> + <td align="right">DarkGoldenrod2</td> + <td align="center" style="background-color:rgb(238, 173, 14)">DarkGoldenrod2</td> + <td align="left">rgb(238, 173, 14)</td> + <td align="left">#EEAD0E</td> + + </tr> + + <tr> + <td align="right">DarkGoldenrod3</td> + <td align="center" style="background-color:rgb(205, 149, 12)">DarkGoldenrod3</td> + <td align="left">rgb(205, 149, 12)</td> + <td align="left">#CD950C</td> + + </tr> + + <tr> + <td align="right">DarkGoldenrod4</td> + <td align="center" style="background-color:rgb(139, 101, 8)">DarkGoldenrod4</td> + <td align="left">rgb(139, 101, 8)</td> + <td align="left">#8B6508</td> + + </tr> + + <tr> + <td align="right">FloralWhite</td> + <td align="center" style="background-color:rgb(255, 250, 240)">FloralWhite</td> + <td align="left">rgb(255, 250, 240)</td> + <td align="left">#FFFAF0</td> + + </tr> + + <tr> + <td align="right">wheat2</td> + <td align="center" style="background-color:rgb(238, 216, 174)">wheat2</td> + <td align="left">rgb(238, 216, 174)</td> + <td align="left">#EED8AE</td> + + </tr> + + <tr> + <td align="right">OldLace</td> + <td align="center" style="background-color:rgb(253, 245, 230)">OldLace</td> + <td align="left">rgb(253, 245, 230)</td> + <td align="left">#FDF5E6</td> + + </tr> + + <tr> + <td align="right">wheat</td> + <td align="center" style="background-color:rgb(245, 222, 179)">wheat</td> + <td align="left">rgb(245, 222, 179)</td> + <td align="left">#F5DEB3</td> + + </tr> + + <tr> + <td align="right">wheat1</td> + <td align="center" style="background-color:rgb(255, 231, 186)">wheat1</td> + <td align="left">rgb(255, 231, 186)</td> + <td align="left">#FFE7BA</td> + + </tr> + + <tr> + <td align="right">wheat3</td> + <td align="center" style="background-color:rgb(205, 186, 150)">wheat3</td> + <td align="left">rgb(205, 186, 150)</td> + <td align="left">#CDBA96</td> + + </tr> + + <tr> + <td align="right">orange</td> + <td align="center" style="background-color:rgb(255, 165, 0)">orange</td> + <td align="left">rgb(255, 165, 0)</td> + <td align="left">#FFA500</td> + + </tr> + + <tr> + <td align="right">orange1</td> + <td align="center" style="background-color:rgb(255, 165, 0)">orange1</td> + <td align="left">rgb(255, 165, 0)</td> + <td align="left">#FFA500</td> + + </tr> + + <tr> + <td align="right">orange2</td> + <td align="center" style="background-color:rgb(238, 154, 0)">orange2</td> + <td align="left">rgb(238, 154, 0)</td> + <td align="left">#EE9A00</td> + + </tr> + + <tr> + <td align="right">orange3</td> + <td align="center" style="background-color:rgb(205, 133, 0)">orange3</td> + <td align="left">rgb(205, 133, 0)</td> + <td align="left">#CD8500</td> + + </tr> + + <tr> + <td align="right">orange4</td> + <td align="center" style="background-color:rgb(139, 90, 0)">orange4</td> + <td align="left">rgb(139, 90, 0)</td> + <td align="left">#8B5A00</td> + + </tr> + + <tr> + <td align="right">wheat4</td> + <td align="center" style="background-color:rgb(139, 126, 102)">wheat4</td> + <td align="left">rgb(139, 126, 102)</td> + <td align="left">#8B7E66</td> + + </tr> + + <tr> + <td align="right">moccasin</td> + <td align="center" style="background-color:rgb(255, 228, 181)">moccasin</td> + <td align="left">rgb(255, 228, 181)</td> + <td align="left">#FFE4B5</td> + + </tr> + + <tr> + <td align="right">PapayaWhip</td> + <td align="center" style="background-color:rgb(255, 239, 213)">PapayaWhip</td> + <td align="left">rgb(255, 239, 213)</td> + <td align="left">#FFEFD5</td> + + </tr> + + <tr> + <td align="right">NavajoWhite3</td> + <td align="center" style="background-color:rgb(205, 179, 139)">NavajoWhite3</td> + <td align="left">rgb(205, 179, 139)</td> + <td align="left">#CDB38B</td> + + </tr> + + <tr> + <td align="right">BlanchedAlmond</td> + <td align="center" style="background-color:rgb(255, 235, 205)">BlanchedAlmond</td> + <td align="left">rgb(255, 235, 205)</td> + <td align="left">#FFEBCD</td> + + </tr> + + <tr> + <td align="right">NavajoWhite</td> + <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite</td> + <td align="left">rgb(255, 222, 173)</td> + <td align="left">#FFDEAD</td> + + </tr> + + <tr> + <td align="right">NavajoWhite1</td> + <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite1</td> + <td align="left">rgb(255, 222, 173)</td> + <td align="left">#FFDEAD</td> + + </tr> + + <tr> + <td align="right">NavajoWhite2</td> + <td align="center" style="background-color:rgb(238, 207, 161)">NavajoWhite2</td> + <td align="left">rgb(238, 207, 161)</td> + <td align="left">#EECFA1</td> + + </tr> + + <tr> + <td align="right">NavajoWhite4</td> + <td align="center" style="background-color:rgb(139, 121, 94)">NavajoWhite4</td> + <td align="left">rgb(139, 121, 94)</td> + <td align="left">#8B795E</td> + + </tr> + + <tr> + <td align="right">AntiqueWhite4</td> + <td align="center" style="background-color:rgb(139, 131, 120)">AntiqueWhite4</td> + <td align="left">rgb(139, 131, 120)</td> + <td align="left">#8B8378</td> + + </tr> + + <tr> + <td align="right">AntiqueWhite</td> + <td align="center" style="background-color:rgb(250, 235, 215)">AntiqueWhite</td> + <td align="left">rgb(250, 235, 215)</td> + <td align="left">#FAEBD7</td> + + </tr> + + <tr> + <td align="right">tan</td> + <td align="center" style="background-color:rgb(210, 180, 140)">tan</td> + <td align="left">rgb(210, 180, 140)</td> + <td align="left">#D2B48C</td> + + </tr> + + <tr> + <td align="right">bisque4</td> + <td align="center" style="background-color:rgb(139, 125, 107)">bisque4</td> + <td align="left">rgb(139, 125, 107)</td> + <td align="left">#8B7D6B</td> + + </tr> + + <tr> + <td align="right">burlywood</td> + <td align="center" style="background-color:rgb(222, 184, 135)">burlywood</td> + <td align="left">rgb(222, 184, 135)</td> + <td align="left">#DEB887</td> + + </tr> + + <tr> + <td align="right">AntiqueWhite2</td> + <td align="center" style="background-color:rgb(238, 223, 204)">AntiqueWhite2</td> + <td align="left">rgb(238, 223, 204)</td> + <td align="left">#EEDFCC</td> + + </tr> + + <tr> + <td align="right">burlywood1</td> + <td align="center" style="background-color:rgb(255, 211, 155)">burlywood1</td> + <td align="left">rgb(255, 211, 155)</td> + <td align="left">#FFD39B</td> + + </tr> + + <tr> + <td align="right">burlywood3</td> + <td align="center" style="background-color:rgb(205, 170, 125)">burlywood3</td> + <td align="left">rgb(205, 170, 125)</td> + <td align="left">#CDAA7D</td> + + </tr> + + <tr> + <td align="right">burlywood2</td> + <td align="center" style="background-color:rgb(238, 197, 145)">burlywood2</td> + <td align="left">rgb(238, 197, 145)</td> + <td align="left">#EEC591</td> + + </tr> + + <tr> + <td align="right">AntiqueWhite1</td> + <td align="center" style="background-color:rgb(255, 239, 219)">AntiqueWhite1</td> + <td align="left">rgb(255, 239, 219)</td> + <td align="left">#FFEFDB</td> + + </tr> + + <tr> + <td align="right">burlywood4</td> + <td align="center" style="background-color:rgb(139, 115, 85)">burlywood4</td> + <td align="left">rgb(139, 115, 85)</td> + <td align="left">#8B7355</td> + + </tr> + + <tr> + <td align="right">AntiqueWhite3</td> + <td align="center" style="background-color:rgb(205, 192, 176)">AntiqueWhite3</td> + <td align="left">rgb(205, 192, 176)</td> + <td align="left">#CDC0B0</td> + + </tr> + + <tr> + <td align="right">DarkOrange</td> + <td align="center" style="background-color:rgb(255, 140, 0)">DarkOrange</td> + <td align="left">rgb(255, 140, 0)</td> + <td align="left">#FF8C00</td> + + </tr> + + <tr> + <td align="right">bisque2</td> + <td align="center" style="background-color:rgb(238, 213, 183)">bisque2</td> + <td align="left">rgb(238, 213, 183)</td> + <td align="left">#EED5B7</td> + + </tr> + + <tr> + <td align="right">bisque</td> + <td align="center" style="background-color:rgb(255, 228, 196)">bisque</td> + <td align="left">rgb(255, 228, 196)</td> + <td align="left">#FFE4C4</td> + + </tr> + + <tr> + <td align="right">bisque1</td> + <td align="center" style="background-color:rgb(255, 228, 196)">bisque1</td> + <td align="left">rgb(255, 228, 196)</td> + <td align="left">#FFE4C4</td> + + </tr> + + <tr> + <td align="right">bisque3</td> + <td align="center" style="background-color:rgb(205, 183, 158)">bisque3</td> + <td align="left">rgb(205, 183, 158)</td> + <td align="left">#CDB79E</td> + + </tr> + + <tr> + <td align="right">DarkOrange1</td> + <td align="center" style="background-color:rgb(255, 127, 0)">DarkOrange1</td> + <td align="left">rgb(255, 127, 0)</td> + <td align="left">#FF7F00</td> + + </tr> + + <tr> + <td align="right">linen</td> + <td align="center" style="background-color:rgb(250, 240, 230)">linen</td> + <td align="left">rgb(250, 240, 230)</td> + <td align="left">#FAF0E6</td> + + </tr> + + <tr> + <td align="right">DarkOrange2</td> + <td align="center" style="background-color:rgb(238, 118, 0)">DarkOrange2</td> + <td align="left">rgb(238, 118, 0)</td> + <td align="left">#EE7600</td> + + </tr> + + <tr> + <td align="right">DarkOrange3</td> + <td align="center" style="background-color:rgb(205, 102, 0)">DarkOrange3</td> + <td align="left">rgb(205, 102, 0)</td> + <td align="left">#CD6600</td> + + </tr> + + <tr> + <td align="right">DarkOrange4</td> + <td align="center" style="background-color:rgb(139, 69, 0)">DarkOrange4</td> + <td align="left">rgb(139, 69, 0)</td> + <td align="left">#8B4500</td> + + </tr> + + <tr> + <td align="right">peru</td> + <td align="center" style="background-color:rgb(205, 133, 63)">peru</td> + <td align="left">rgb(205, 133, 63)</td> + <td align="left">#CD853F</td> + + </tr> + + <tr> + <td align="right">tan1</td> + <td align="center" style="background-color:rgb(255, 165, 79)">tan1</td> + <td align="left">rgb(255, 165, 79)</td> + <td align="left">#FFA54F</td> + + </tr> + + <tr> + <td align="right">tan2</td> + <td align="center" style="background-color:rgb(238, 154, 73)">tan2</td> + <td align="left">rgb(238, 154, 73)</td> + <td align="left">#EE9A49</td> + + </tr> + + <tr> + <td align="right">tan3</td> + <td align="center" style="background-color:rgb(205, 133, 63)">tan3</td> + <td align="left">rgb(205, 133, 63)</td> + <td align="left">#CD853F</td> + + </tr> + + <tr> + <td align="right">tan4</td> + <td align="center" style="background-color:rgb(139, 90, 43)">tan4</td> + <td align="left">rgb(139, 90, 43)</td> + <td align="left">#8B5A2B</td> + + </tr> + + <tr> + <td align="right">PeachPuff</td> + <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff</td> + <td align="left">rgb(255, 218, 185)</td> + <td align="left">#FFDAB9</td> + + </tr> + + <tr> + <td align="right">PeachPuff1</td> + <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff1</td> + <td align="left">rgb(255, 218, 185)</td> + <td align="left">#FFDAB9</td> + + </tr> + + <tr> + <td align="right">PeachPuff4</td> + <td align="center" style="background-color:rgb(139, 119, 101)">PeachPuff4</td> + <td align="left">rgb(139, 119, 101)</td> + <td align="left">#8B7765</td> + + </tr> + + <tr> + <td align="right">PeachPuff2</td> + <td align="center" style="background-color:rgb(238, 203, 173)">PeachPuff2</td> + <td align="left">rgb(238, 203, 173)</td> + <td align="left">#EECBAD</td> + + </tr> + + <tr> + <td align="right">PeachPuff3</td> + <td align="center" style="background-color:rgb(205, 175, 149)">PeachPuff3</td> + <td align="left">rgb(205, 175, 149)</td> + <td align="left">#CDAF95</td> + + </tr> + + <tr> + <td align="right">SandyBrown</td> + <td align="center" style="background-color:rgb(244, 164, 96)">SandyBrown</td> + <td align="left">rgb(244, 164, 96)</td> + <td align="left">#F4A460</td> + + </tr> + + <tr> + <td align="right">seashell4</td> + <td align="center" style="background-color:rgb(139, 134, 130)">seashell4</td> + <td align="left">rgb(139, 134, 130)</td> + <td align="left">#8B8682</td> + + </tr> + + <tr> + <td align="right">seashell2</td> + <td align="center" style="background-color:rgb(238, 229, 222)">seashell2</td> + <td align="left">rgb(238, 229, 222)</td> + <td align="left">#EEE5DE</td> + + </tr> + + <tr> + <td align="right">seashell3</td> + <td align="center" style="background-color:rgb(205, 197, 191)">seashell3</td> + <td align="left">rgb(205, 197, 191)</td> + <td align="left">#CDC5BF</td> + + </tr> + + <tr> + <td align="right">chocolate</td> + <td align="center" style="background-color:rgb(210, 105, 30)">chocolate</td> + <td align="left">rgb(210, 105, 30)</td> + <td align="left">#D2691E</td> + + </tr> + + <tr> + <td align="right">chocolate1</td> + <td align="center" style="background-color:rgb(255, 127, 36)">chocolate1</td> + <td align="left">rgb(255, 127, 36)</td> + <td align="left">#FF7F24</td> + + </tr> + + <tr> + <td align="right">chocolate2</td> + <td align="center" style="background-color:rgb(238, 118, 33)">chocolate2</td> + <td align="left">rgb(238, 118, 33)</td> + <td align="left">#EE7621</td> + + </tr> + + <tr> + <td align="right">chocolate3</td> + <td align="center" style="background-color:rgb(205, 102, 29)">chocolate3</td> + <td align="left">rgb(205, 102, 29)</td> + <td align="left">#CD661D</td> + + </tr> + + <tr> + <td align="right">chocolate4</td> + <td align="center" style="background-color:rgb(139, 69, 19)">chocolate4</td> + <td align="left">rgb(139, 69, 19)</td> + <td align="left">#8B4513</td> + + </tr> + + <tr> + <td align="right">SaddleBrown</td> + <td align="center" style="background-color:rgb(139, 69, 19)">SaddleBrown</td> + <td align="left">rgb(139, 69, 19)</td> + <td align="left">#8B4513</td> + + </tr> + + <tr> + <td align="right">seashell</td> + <td align="center" style="background-color:rgb(255, 245, 238)">seashell</td> + <td align="left">rgb(255, 245, 238)</td> + <td align="left">#FFF5EE</td> + + </tr> + + <tr> + <td align="right">seashell1</td> + <td align="center" style="background-color:rgb(255, 245, 238)">seashell1</td> + <td align="left">rgb(255, 245, 238)</td> + <td align="left">#FFF5EE</td> + + </tr> + + <tr> + <td align="right">sienna4</td> + <td align="center" style="background-color:rgb(139, 71, 38)">sienna4</td> + <td align="left">rgb(139, 71, 38)</td> + <td align="left">#8B4726</td> + + </tr> + + <tr> + <td align="right">sienna</td> + <td align="center" style="background-color:rgb(160, 82, 45)">sienna</td> + <td align="left">rgb(160, 82, 45)</td> + <td align="left">#A0522D</td> + + </tr> + + <tr> + <td align="right">sienna1</td> + <td align="center" style="background-color:rgb(255, 130, 71)">sienna1</td> + <td align="left">rgb(255, 130, 71)</td> + <td align="left">#FF8247</td> + + </tr> + + <tr> + <td align="right">sienna2</td> + <td align="center" style="background-color:rgb(238, 121, 66)">sienna2</td> + <td align="left">rgb(238, 121, 66)</td> + <td align="left">#EE7942</td> + + </tr> + + <tr> + <td align="right">sienna3</td> + <td align="center" style="background-color:rgb(205, 104, 57)">sienna3</td> + <td align="left">rgb(205, 104, 57)</td> + <td align="left">#CD6839</td> + + </tr> + + <tr> + <td align="right">LightSalmon3</td> + <td align="center" style="background-color:rgb(205, 129, 98)">LightSalmon3</td> + <td align="left">rgb(205, 129, 98)</td> + <td align="left">#CD8162</td> + + </tr> + + <tr> + <td align="right">LightSalmon</td> + <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon</td> + <td align="left">rgb(255, 160, 122)</td> + <td align="left">#FFA07A</td> + + </tr> + + <tr> + <td align="right">LightSalmon1</td> + <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon1</td> + <td align="left">rgb(255, 160, 122)</td> + <td align="left">#FFA07A</td> + + </tr> + + <tr> + <td align="right">LightSalmon4</td> + <td align="center" style="background-color:rgb(139, 87, 66)">LightSalmon4</td> + <td align="left">rgb(139, 87, 66)</td> + <td align="left">#8B5742</td> + + </tr> + + <tr> + <td align="right">LightSalmon2</td> + <td align="center" style="background-color:rgb(238, 149, 114)">LightSalmon2</td> + <td align="left">rgb(238, 149, 114)</td> + <td align="left">#EE9572</td> + + </tr> + + <tr> + <td align="right">coral</td> + <td align="center" style="background-color:rgb(255, 127, 80)">coral</td> + <td align="left">rgb(255, 127, 80)</td> + <td align="left">#FF7F50</td> + + </tr> + + <tr> + <td align="right">OrangeRed</td> + <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed</td> + <td align="left">rgb(255, 69, 0)</td> + <td align="left">#FF4500</td> + + </tr> + + <tr> + <td align="right">OrangeRed1</td> + <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed1</td> + <td align="left">rgb(255, 69, 0)</td> + <td align="left">#FF4500</td> + + </tr> + + <tr> + <td align="right">OrangeRed2</td> + <td align="center" style="background-color:rgb(238, 64, 0)">OrangeRed2</td> + <td align="left">rgb(238, 64, 0)</td> + <td align="left">#EE4000</td> + + </tr> + + <tr> + <td align="right">OrangeRed3</td> + <td align="center" style="background-color:rgb(205, 55, 0)">OrangeRed3</td> + <td align="left">rgb(205, 55, 0)</td> + <td align="left">#CD3700</td> + + </tr> + + <tr> + <td align="right">OrangeRed4</td> + <td align="center" style="background-color:rgb(139, 37, 0)">OrangeRed4</td> + <td align="left">rgb(139, 37, 0)</td> + <td align="left">#8B2500</td> + + </tr> + + <tr> + <td align="right">DarkSalmon</td> + <td align="center" style="background-color:rgb(233, 150, 122)">DarkSalmon</td> + <td align="left">rgb(233, 150, 122)</td> + <td align="left">#E9967A</td> + + </tr> + + <tr> + <td align="right">salmon1</td> + <td align="center" style="background-color:rgb(255, 140, 105)">salmon1</td> + <td align="left">rgb(255, 140, 105)</td> + <td align="left">#FF8C69</td> + + </tr> + + <tr> + <td align="right">salmon2</td> + <td align="center" style="background-color:rgb(238, 130, 98)">salmon2</td> + <td align="left">rgb(238, 130, 98)</td> + <td align="left">#EE8262</td> + + </tr> + + <tr> + <td align="right">salmon3</td> + <td align="center" style="background-color:rgb(205, 112, 84)">salmon3</td> + <td align="left">rgb(205, 112, 84)</td> + <td align="left">#CD7054</td> + + </tr> + + <tr> + <td align="right">salmon4</td> + <td align="center" style="background-color:rgb(139, 76, 57)">salmon4</td> + <td align="left">rgb(139, 76, 57)</td> + <td align="left">#8B4C39</td> + + </tr> + + <tr> + <td align="right">coral1</td> + <td align="center" style="background-color:rgb(255, 114, 86)">coral1</td> + <td align="left">rgb(255, 114, 86)</td> + <td align="left">#FF7256</td> + + </tr> + + <tr> + <td align="right">coral2</td> + <td align="center" style="background-color:rgb(238, 106, 80)">coral2</td> + <td align="left">rgb(238, 106, 80)</td> + <td align="left">#EE6A50</td> + + </tr> + + <tr> + <td align="right">coral3</td> + <td align="center" style="background-color:rgb(205, 91, 69)">coral3</td> + <td align="left">rgb(205, 91, 69)</td> + <td align="left">#CD5B45</td> + + </tr> + + <tr> + <td align="right">coral4</td> + <td align="center" style="background-color:rgb(139, 62, 47)">coral4</td> + <td align="left">rgb(139, 62, 47)</td> + <td align="left">#8B3E2F</td> + + </tr> + + <tr> + <td align="right">tomato4</td> + <td align="center" style="background-color:rgb(139, 54, 38)">tomato4</td> + <td align="left">rgb(139, 54, 38)</td> + <td align="left">#8B3626</td> + + </tr> + + <tr> + <td align="right">tomato</td> + <td align="center" style="background-color:rgb(255, 99, 71)">tomato</td> + <td align="left">rgb(255, 99, 71)</td> + <td align="left">#FF6347</td> + + </tr> + + <tr> + <td align="right">tomato1</td> + <td align="center" style="background-color:rgb(255, 99, 71)">tomato1</td> + <td align="left">rgb(255, 99, 71)</td> + <td align="left">#FF6347</td> + + </tr> + + <tr> + <td align="right">tomato2</td> + <td align="center" style="background-color:rgb(238, 92, 66)">tomato2</td> + <td align="left">rgb(238, 92, 66)</td> + <td align="left">#EE5C42</td> + + </tr> + + <tr> + <td align="right">tomato3</td> + <td align="center" style="background-color:rgb(205, 79, 57)">tomato3</td> + <td align="left">rgb(205, 79, 57)</td> + <td align="left">#CD4F39</td> + + </tr> + + <tr> + <td align="right">MistyRose4</td> + <td align="center" style="background-color:rgb(139, 125, 123)">MistyRose4</td> + <td align="left">rgb(139, 125, 123)</td> + <td align="left">#8B7D7B</td> + + </tr> + + <tr> + <td align="right">MistyRose2</td> + <td align="center" style="background-color:rgb(238, 213, 210)">MistyRose2</td> + <td align="left">rgb(238, 213, 210)</td> + <td align="left">#EED5D2</td> + + </tr> + + <tr> + <td align="right">MistyRose</td> + <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose</td> + <td align="left">rgb(255, 228, 225)</td> + <td align="left">#FFE4E1</td> + + </tr> + + <tr> + <td align="right">MistyRose1</td> + <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose1</td> + <td align="left">rgb(255, 228, 225)</td> + <td align="left">#FFE4E1</td> + + </tr> + + <tr> + <td align="right">salmon</td> + <td align="center" style="background-color:rgb(250, 128, 114)">salmon</td> + <td align="left">rgb(250, 128, 114)</td> + <td align="left">#FA8072</td> + + </tr> + + <tr> + <td align="right">MistyRose3</td> + <td align="center" style="background-color:rgb(205, 183, 181)">MistyRose3</td> + <td align="left">rgb(205, 183, 181)</td> + <td align="left">#CDB7B5</td> + + </tr> + + <tr> + <td align="right">white</td> + <td align="center" style="background-color:rgb(255, 255, 255)">white</td> + <td align="left">rgb(255, 255, 255)</td> + <td align="left">#FFFFFF</td> + + </tr> + + <tr> + <td align="right">gray100</td> + <td align="center" style="background-color:rgb(255, 255, 255)">gray100</td> + <td align="left">rgb(255, 255, 255)</td> + <td align="left">#FFFFFF</td> + + </tr> + + <tr> + <td align="right">grey100</td> + <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td> + <td align="left">rgb(255, 255, 255)</td> + <td align="left">#FFFFFF</td> + + </tr> + + <tr> + <td align="right">grey100</td> + <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td> + <td align="left">rgb(255, 255, 255)</td> + <td align="left">#FFFFFF</td> + + </tr> + + <tr> + <td align="right">gray99</td> + <td align="center" style="background-color:rgb(252, 252, 252)">gray99</td> + <td align="left">rgb(252, 252, 252)</td> + <td align="left">#FCFCFC</td> + + </tr> + + <tr> + <td align="right">grey99</td> + <td align="center" style="background-color:rgb(252, 252, 252)">grey99</td> + <td align="left">rgb(252, 252, 252)</td> + <td align="left">#FCFCFC</td> + + </tr> + + <tr> + <td align="right">gray98</td> + <td align="center" style="background-color:rgb(250, 250, 250)">gray98</td> + <td align="left">rgb(250, 250, 250)</td> + <td align="left">#FAFAFA</td> + + </tr> + + <tr> + <td align="right">grey98</td> + <td align="center" style="background-color:rgb(250, 250, 250)">grey98</td> + <td align="left">rgb(250, 250, 250)</td> + <td align="left">#FAFAFA</td> + + </tr> + + <tr> + <td align="right">gray97</td> + <td align="center" style="background-color:rgb(247, 247, 247)">gray97</td> + <td align="left">rgb(247, 247, 247)</td> + <td align="left">#F7F7F7</td> + + </tr> + + <tr> + <td align="right">grey97</td> + <td align="center" style="background-color:rgb(247, 247, 247)">grey97</td> + <td align="left">rgb(247, 247, 247)</td> + <td align="left">#F7F7F7</td> + + </tr> + + <tr> + <td align="right">gray96</td> + <td align="center" style="background-color:rgb(245, 245, 245)">gray96</td> + <td align="left">rgb(245, 245, 245)</td> + <td align="left">#F5F5F5</td> + + </tr> + + <tr> + <td align="right">grey96</td> + <td align="center" style="background-color:rgb(245, 245, 245)">grey96</td> + <td align="left">rgb(245, 245, 245)</td> + <td align="left">#F5F5F5</td> + + </tr> + + <tr> + <td align="right">WhiteSmoke</td> + <td align="center" style="background-color:rgb(245, 245, 245)">WhiteSmoke</td> + <td align="left">rgb(245, 245, 245)</td> + <td align="left">#F5F5F5</td> + + </tr> + + <tr> + <td align="right">gray95</td> + <td align="center" style="background-color:rgb(242, 242, 242)">gray95</td> + <td align="left">rgb(242, 242, 242)</td> + <td align="left">#F2F2F2</td> + + </tr> + + <tr> + <td align="right">grey95</td> + <td align="center" style="background-color:rgb(242, 242, 242)">grey95</td> + <td align="left">rgb(242, 242, 242)</td> + <td align="left">#F2F2F2</td> + + </tr> + + <tr> + <td align="right">gray94</td> + <td align="center" style="background-color:rgb(240, 240, 240)">gray94</td> + <td align="left">rgb(240, 240, 240)</td> + <td align="left">#F0F0F0</td> + + </tr> + + <tr> + <td align="right">grey94</td> + <td align="center" style="background-color:rgb(240, 240, 240)">grey94</td> + <td align="left">rgb(240, 240, 240)</td> + <td align="left">#F0F0F0</td> + + </tr> + + <tr> + <td align="right">gray93</td> + <td align="center" style="background-color:rgb(237, 237, 237)">gray93</td> + <td align="left">rgb(237, 237, 237)</td> + <td align="left">#EDEDED</td> + + </tr> + + <tr> + <td align="right">grey93</td> + <td align="center" style="background-color:rgb(237, 237, 237)">grey93</td> + <td align="left">rgb(237, 237, 237)</td> + <td align="left">#EDEDED</td> + + </tr> + + <tr> + <td align="right">gray92</td> + <td align="center" style="background-color:rgb(235, 235, 235)">gray92</td> + <td align="left">rgb(235, 235, 235)</td> + <td align="left">#EBEBEB</td> + + </tr> + + <tr> + <td align="right">grey92</td> + <td align="center" style="background-color:rgb(235, 235, 235)">grey92</td> + <td align="left">rgb(235, 235, 235)</td> + <td align="left">#EBEBEB</td> + + </tr> + + <tr> + <td align="right">gray91</td> + <td align="center" style="background-color:rgb(232, 232, 232)">gray91</td> + <td align="left">rgb(232, 232, 232)</td> + <td align="left">#E8E8E8</td> + + </tr> + + <tr> + <td align="right">grey91</td> + <td align="center" style="background-color:rgb(232, 232, 232)">grey91</td> + <td align="left">rgb(232, 232, 232)</td> + <td align="left">#E8E8E8</td> + + </tr> + + <tr> + <td align="right">gray90</td> + <td align="center" style="background-color:rgb(229, 229, 229)">gray90</td> + <td align="left">rgb(229, 229, 229)</td> + <td align="left">#E5E5E5</td> + + </tr> + + <tr> + <td align="right">grey90</td> + <td align="center" style="background-color:rgb(229, 229, 229)">grey90</td> + <td align="left">rgb(229, 229, 229)</td> + <td align="left">#E5E5E5</td> + + </tr> + + <tr> + <td align="right">gray89</td> + <td align="center" style="background-color:rgb(227, 227, 227)">gray89</td> + <td align="left">rgb(227, 227, 227)</td> + <td align="left">#E3E3E3</td> + + </tr> + + <tr> + <td align="right">grey89</td> + <td align="center" style="background-color:rgb(227, 227, 227)">grey89</td> + <td align="left">rgb(227, 227, 227)</td> + <td align="left">#E3E3E3</td> + + </tr> + + <tr> + <td align="right">gray88</td> + <td align="center" style="background-color:rgb(224, 224, 224)">gray88</td> + <td align="left">rgb(224, 224, 224)</td> + <td align="left">#E0E0E0</td> + + </tr> + + <tr> + <td align="right">grey88</td> + <td align="center" style="background-color:rgb(224, 224, 224)">grey88</td> + <td align="left">rgb(224, 224, 224)</td> + <td align="left">#E0E0E0</td> + + </tr> + + <tr> + <td align="right">gray87</td> + <td align="center" style="background-color:rgb(222, 222, 222)">gray87</td> + <td align="left">rgb(222, 222, 222)</td> + <td align="left">#DEDEDE</td> + + </tr> + + <tr> + <td align="right">grey87</td> + <td align="center" style="background-color:rgb(222, 222, 222)">grey87</td> + <td align="left">rgb(222, 222, 222)</td> + <td align="left">#DEDEDE</td> + + </tr> + + <tr> + <td align="right">gainsboro</td> + <td align="center" style="background-color:rgb(220, 220, 220)">gainsboro</td> + <td align="left">rgb(220, 220, 220)</td> + <td align="left">#DCDCDC</td> + + </tr> + + <tr> + <td align="right">gray86</td> + <td align="center" style="background-color:rgb(219, 219, 219)">gray86</td> + <td align="left">rgb(219, 219, 219)</td> + <td align="left">#DBDBDB</td> + + </tr> + + <tr> + <td align="right">grey86</td> + <td align="center" style="background-color:rgb(219, 219, 219)">grey86</td> + <td align="left">rgb(219, 219, 219)</td> + <td align="left">#DBDBDB</td> + + </tr> + + <tr> + <td align="right">gray85</td> + <td align="center" style="background-color:rgb(217, 217, 217)">gray85</td> + <td align="left">rgb(217, 217, 217)</td> + <td align="left">#D9D9D9</td> + + </tr> + + <tr> + <td align="right">grey85</td> + <td align="center" style="background-color:rgb(217, 217, 217)">grey85</td> + <td align="left">rgb(217, 217, 217)</td> + <td align="left">#D9D9D9</td> + + </tr> + + <tr> + <td align="right">gray84</td> + <td align="center" style="background-color:rgb(214, 214, 214)">gray84</td> + <td align="left">rgb(214, 214, 214)</td> + <td align="left">#D6D6D6</td> + + </tr> + + <tr> + <td align="right">grey84</td> + <td align="center" style="background-color:rgb(214, 214, 214)">grey84</td> + <td align="left">rgb(214, 214, 214)</td> + <td align="left">#D6D6D6</td> + + </tr> + + <tr> + <td align="right">gray83</td> + <td align="center" style="background-color:rgb(212, 212, 212)">gray83</td> + <td align="left">rgb(212, 212, 212)</td> + <td align="left">#D4D4D4</td> + + </tr> + + <tr> + <td align="right">grey83</td> + <td align="center" style="background-color:rgb(212, 212, 212)">grey83</td> + <td align="left">rgb(212, 212, 212)</td> + <td align="left">#D4D4D4</td> + + </tr> + + <tr> + <td align="right">LightGray</td> + <td align="center" style="background-color:rgb(211, 211, 211)">LightGray</td> + <td align="left">rgb(211, 211, 211)</td> + <td align="left">#D3D3D3</td> + + </tr> + + <tr> + <td align="right">LightGrey</td> + <td align="center" style="background-color:rgb(211, 211, 211)">LightGrey</td> + <td align="left">rgb(211, 211, 211)</td> + <td align="left">#D3D3D3</td> + + </tr> + + <tr> + <td align="right">gray82</td> + <td align="center" style="background-color:rgb(209, 209, 209)">gray82</td> + <td align="left">rgb(209, 209, 209)</td> + <td align="left">#D1D1D1</td> + + </tr> + + <tr> + <td align="right">grey82</td> + <td align="center" style="background-color:rgb(209, 209, 209)">grey82</td> + <td align="left">rgb(209, 209, 209)</td> + <td align="left">#D1D1D1</td> + + </tr> + + <tr> + <td align="right">gray81</td> + <td align="center" style="background-color:rgb(207, 207, 207)">gray81</td> + <td align="left">rgb(207, 207, 207)</td> + <td align="left">#CFCFCF</td> + + </tr> + + <tr> + <td align="right">grey81</td> + <td align="center" style="background-color:rgb(207, 207, 207)">grey81</td> + <td align="left">rgb(207, 207, 207)</td> + <td align="left">#CFCFCF</td> + + </tr> + + <tr> + <td align="right">gray80</td> + <td align="center" style="background-color:rgb(204, 204, 204)">gray80</td> + <td align="left">rgb(204, 204, 204)</td> + <td align="left">#CCCCCC</td> + + </tr> + + <tr> + <td align="right">grey80</td> + <td align="center" style="background-color:rgb(204, 204, 204)">grey80</td> + <td align="left">rgb(204, 204, 204)</td> + <td align="left">#CCCCCC</td> + + </tr> + + <tr> + <td align="right">gray79</td> + <td align="center" style="background-color:rgb(201, 201, 201)">gray79</td> + <td align="left">rgb(201, 201, 201)</td> + <td align="left">#C9C9C9</td> + + </tr> + + <tr> + <td align="right">grey79</td> + <td align="center" style="background-color:rgb(201, 201, 201)">grey79</td> + <td align="left">rgb(201, 201, 201)</td> + <td align="left">#C9C9C9</td> + + </tr> + + <tr> + <td align="right">gray78</td> + <td align="center" style="background-color:rgb(199, 199, 199)">gray78</td> + <td align="left">rgb(199, 199, 199)</td> + <td align="left">#C7C7C7</td> + + </tr> + + <tr> + <td align="right">grey78</td> + <td align="center" style="background-color:rgb(199, 199, 199)">grey78</td> + <td align="left">rgb(199, 199, 199)</td> + <td align="left">#C7C7C7</td> + + </tr> + + <tr> + <td align="right">gray77</td> + <td align="center" style="background-color:rgb(196, 196, 196)">gray77</td> + <td align="left">rgb(196, 196, 196)</td> + <td align="left">#C4C4C4</td> + + </tr> + + <tr> + <td align="right">grey77</td> + <td align="center" style="background-color:rgb(196, 196, 196)">grey77</td> + <td align="left">rgb(196, 196, 196)</td> + <td align="left">#C4C4C4</td> + + </tr> + + <tr> + <td align="right">gray76</td> + <td align="center" style="background-color:rgb(194, 194, 194)">gray76</td> + <td align="left">rgb(194, 194, 194)</td> + <td align="left">#C2C2C2</td> + + </tr> + + <tr> + <td align="right">grey76</td> + <td align="center" style="background-color:rgb(194, 194, 194)">grey76</td> + <td align="left">rgb(194, 194, 194)</td> + <td align="left">#C2C2C2</td> + + </tr> + + <tr> + <td align="right">silver</td> + <td align="center" style="background-color:rgb(192, 192, 192)">silver</td> + <td align="left">rgb(192, 192, 192)</td> + <td align="left">#C0C0C0</td> + + </tr> + + <tr> + <td align="right">gray75</td> + <td align="center" style="background-color:rgb(191, 191, 191)">gray75</td> + <td align="left">rgb(191, 191, 191)</td> + <td align="left">#BFBFBF</td> + + </tr> + + <tr> + <td align="right">grey75</td> + <td align="center" style="background-color:rgb(191, 191, 191)">grey75</td> + <td align="left">rgb(191, 191, 191)</td> + <td align="left">#BFBFBF</td> + + </tr> + + <tr> + <td align="right">gray74</td> + <td align="center" style="background-color:rgb(189, 189, 189)">gray74</td> + <td align="left">rgb(189, 189, 189)</td> + <td align="left">#BDBDBD</td> + + </tr> + + <tr> + <td align="right">grey74</td> + <td align="center" style="background-color:rgb(189, 189, 189)">grey74</td> + <td align="left">rgb(189, 189, 189)</td> + <td align="left">#BDBDBD</td> + + </tr> + + <tr> + <td align="right">gray73</td> + <td align="center" style="background-color:rgb(186, 186, 186)">gray73</td> + <td align="left">rgb(186, 186, 186)</td> + <td align="left">#BABABA</td> + + </tr> + + <tr> + <td align="right">grey73</td> + <td align="center" style="background-color:rgb(186, 186, 186)">grey73</td> + <td align="left">rgb(186, 186, 186)</td> + <td align="left">#BABABA</td> + + </tr> + + <tr> + <td align="right">gray72</td> + <td align="center" style="background-color:rgb(184, 184, 184)">gray72</td> + <td align="left">rgb(184, 184, 184)</td> + <td align="left">#B8B8B8</td> + + </tr> + + <tr> + <td align="right">grey72</td> + <td align="center" style="background-color:rgb(184, 184, 184)">grey72</td> + <td align="left">rgb(184, 184, 184)</td> + <td align="left">#B8B8B8</td> + + </tr> + + <tr> + <td align="right">gray71</td> + <td align="center" style="background-color:rgb(181, 181, 181)">gray71</td> + <td align="left">rgb(181, 181, 181)</td> + <td align="left">#B5B5B5</td> + + </tr> + + <tr> + <td align="right">grey71</td> + <td align="center" style="background-color:rgb(181, 181, 181)">grey71</td> + <td align="left">rgb(181, 181, 181)</td> + <td align="left">#B5B5B5</td> + + </tr> + + <tr> + <td align="right">gray70</td> + <td align="center" style="background-color:rgb(179, 179, 179)">gray70</td> + <td align="left">rgb(179, 179, 179)</td> + <td align="left">#B3B3B3</td> + + </tr> + + <tr> + <td align="right">grey70</td> + <td align="center" style="background-color:rgb(179, 179, 179)">grey70</td> + <td align="left">rgb(179, 179, 179)</td> + <td align="left">#B3B3B3</td> + + </tr> + + <tr> + <td align="right">gray69</td> + <td align="center" style="background-color:rgb(176, 176, 176)">gray69</td> + <td align="left">rgb(176, 176, 176)</td> + <td align="left">#B0B0B0</td> + + </tr> + + <tr> + <td align="right">grey69</td> + <td align="center" style="background-color:rgb(176, 176, 176)">grey69</td> + <td align="left">rgb(176, 176, 176)</td> + <td align="left">#B0B0B0</td> + + </tr> + + <tr> + <td align="right">gray68</td> + <td align="center" style="background-color:rgb(173, 173, 173)">gray68</td> + <td align="left">rgb(173, 173, 173)</td> + <td align="left">#ADADAD</td> + + </tr> + + <tr> + <td align="right">grey68</td> + <td align="center" style="background-color:rgb(173, 173, 173)">grey68</td> + <td align="left">rgb(173, 173, 173)</td> + <td align="left">#ADADAD</td> + + </tr> + + <tr> + <td align="right">gray67</td> + <td align="center" style="background-color:rgb(171, 171, 171)">gray67</td> + <td align="left">rgb(171, 171, 171)</td> + <td align="left">#ABABAB</td> + + </tr> + + <tr> + <td align="right">grey67</td> + <td align="center" style="background-color:rgb(171, 171, 171)">grey67</td> + <td align="left">rgb(171, 171, 171)</td> + <td align="left">#ABABAB</td> + + </tr> + + <tr> + <td align="right">DarkGray</td> + <td align="center" style="background-color:rgb(169, 169, 169)">DarkGray</td> + <td align="left">rgb(169, 169, 169)</td> + <td align="left">#A9A9A9</td> + + </tr> + + <tr> + <td align="right">DarkGrey</td> + <td align="center" style="background-color:rgb(169, 169, 169)">DarkGrey</td> + <td align="left">rgb(169, 169, 169)</td> + <td align="left">#A9A9A9</td> + + </tr> + + <tr> + <td align="right">gray66</td> + <td align="center" style="background-color:rgb(168, 168, 168)">gray66</td> + <td align="left">rgb(168, 168, 168)</td> + <td align="left">#A8A8A8</td> + + </tr> + + <tr> + <td align="right">grey66</td> + <td align="center" style="background-color:rgb(168, 168, 168)">grey66</td> + <td align="left">rgb(168, 168, 168)</td> + <td align="left">#A8A8A8</td> + + </tr> + + <tr> + <td align="right">gray65</td> + <td align="center" style="background-color:rgb(166, 166, 166)">gray65</td> + <td align="left">rgb(166, 166, 166)</td> + <td align="left">#A6A6A6</td> + + </tr> + + <tr> + <td align="right">grey65</td> + <td align="center" style="background-color:rgb(166, 166, 166)">grey65</td> + <td align="left">rgb(166, 166, 166)</td> + <td align="left">#A6A6A6</td> + + </tr> + + <tr> + <td align="right">gray64</td> + <td align="center" style="background-color:rgb(163, 163, 163)">gray64</td> + <td align="left">rgb(163, 163, 163)</td> + <td align="left">#A3A3A3</td> + + </tr> + + <tr> + <td align="right">grey64</td> + <td align="center" style="background-color:rgb(163, 163, 163)">grey64</td> + <td align="left">rgb(163, 163, 163)</td> + <td align="left">#A3A3A3</td> + + </tr> + + <tr> + <td align="right">gray63</td> + <td align="center" style="background-color:rgb(161, 161, 161)">gray63</td> + <td align="left">rgb(161, 161, 161)</td> + <td align="left">#A1A1A1</td> + + </tr> + + <tr> + <td align="right">grey63</td> + <td align="center" style="background-color:rgb(161, 161, 161)">grey63</td> + <td align="left">rgb(161, 161, 161)</td> + <td align="left">#A1A1A1</td> + + </tr> + + <tr> + <td align="right">gray62</td> + <td align="center" style="background-color:rgb(158, 158, 158)">gray62</td> + <td align="left">rgb(158, 158, 158)</td> + <td align="left">#9E9E9E</td> + + </tr> + + <tr> + <td align="right">grey62</td> + <td align="center" style="background-color:rgb(158, 158, 158)">grey62</td> + <td align="left">rgb(158, 158, 158)</td> + <td align="left">#9E9E9E</td> + + </tr> + + <tr> + <td align="right">gray61</td> + <td align="center" style="background-color:rgb(156, 156, 156)">gray61</td> + <td align="left">rgb(156, 156, 156)</td> + <td align="left">#9C9C9C</td> + + </tr> + + <tr> + <td align="right">grey61</td> + <td align="center" style="background-color:rgb(156, 156, 156)">grey61</td> + <td align="left">rgb(156, 156, 156)</td> + <td align="left">#9C9C9C</td> + + </tr> + + <tr> + <td align="right">gray60</td> + <td align="center" style="background-color:rgb(153, 153, 153)">gray60</td> + <td align="left">rgb(153, 153, 153)</td> + <td align="left">#999999</td> + + </tr> + + <tr> + <td align="right">grey60</td> + <td align="center" style="background-color:rgb(153, 153, 153)">grey60</td> + <td align="left">rgb(153, 153, 153)</td> + <td align="left">#999999</td> + + </tr> + + <tr> + <td align="right">gray59</td> + <td align="center" style="background-color:rgb(150, 150, 150)">gray59</td> + <td align="left">rgb(150, 150, 150)</td> + <td align="left">#969696</td> + + </tr> + + <tr> + <td align="right">grey59</td> + <td align="center" style="background-color:rgb(150, 150, 150)">grey59</td> + <td align="left">rgb(150, 150, 150)</td> + <td align="left">#969696</td> + + </tr> + + <tr> + <td align="right">gray58</td> + <td align="center" style="background-color:rgb(148, 148, 148)">gray58</td> + <td align="left">rgb(148, 148, 148)</td> + <td align="left">#949494</td> + + </tr> + + <tr> + <td align="right">grey58</td> + <td align="center" style="background-color:rgb(148, 148, 148)">grey58</td> + <td align="left">rgb(148, 148, 148)</td> + <td align="left">#949494</td> + + </tr> + + <tr> + <td align="right">gray57</td> + <td align="center" style="background-color:rgb(145, 145, 145)">gray57</td> + <td align="left">rgb(145, 145, 145)</td> + <td align="left">#919191</td> + + </tr> + + <tr> + <td align="right">grey57</td> + <td align="center" style="background-color:rgb(145, 145, 145)">grey57</td> + <td align="left">rgb(145, 145, 145)</td> + <td align="left">#919191</td> + + </tr> + + <tr> + <td align="right">gray56</td> + <td align="center" style="background-color:rgb(143, 143, 143)">gray56</td> + <td align="left">rgb(143, 143, 143)</td> + <td align="left">#8F8F8F</td> + + </tr> + + <tr> + <td align="right">grey56</td> + <td align="center" style="background-color:rgb(143, 143, 143)">grey56</td> + <td align="left">rgb(143, 143, 143)</td> + <td align="left">#8F8F8F</td> + + </tr> + + <tr> + <td align="right">gray55</td> + <td align="center" style="background-color:rgb(140, 140, 140)">gray55</td> + <td align="left">rgb(140, 140, 140)</td> + <td align="left">#8C8C8C</td> + + </tr> + + <tr> + <td align="right">grey55</td> + <td align="center" style="background-color:rgb(140, 140, 140)">grey55</td> + <td align="left">rgb(140, 140, 140)</td> + <td align="left">#8C8C8C</td> + + </tr> + + <tr> + <td align="right">gray54</td> + <td align="center" style="background-color:rgb(138, 138, 138)">gray54</td> + <td align="left">rgb(138, 138, 138)</td> + <td align="left">#8A8A8A</td> + + </tr> + + <tr> + <td align="right">grey54</td> + <td align="center" style="background-color:rgb(138, 138, 138)">grey54</td> + <td align="left">rgb(138, 138, 138)</td> + <td align="left">#8A8A8A</td> + + </tr> + + <tr> + <td align="right">gray53</td> + <td align="center" style="background-color:rgb(135, 135, 135)">gray53</td> + <td align="left">rgb(135, 135, 135)</td> + <td align="left">#878787</td> + + </tr> + + <tr> + <td align="right">grey53</td> + <td align="center" style="background-color:rgb(135, 135, 135)">grey53</td> + <td align="left">rgb(135, 135, 135)</td> + <td align="left">#878787</td> + + </tr> + + <tr> + <td align="right">gray52</td> + <td align="center" style="background-color:rgb(133, 133, 133)">gray52</td> + <td align="left">rgb(133, 133, 133)</td> + <td align="left">#858585</td> + + </tr> + + <tr> + <td align="right">grey52</td> + <td align="center" style="background-color:rgb(133, 133, 133)">grey52</td> + <td align="left">rgb(133, 133, 133)</td> + <td align="left">#858585</td> + + </tr> + + <tr> + <td align="right">gray51</td> + <td align="center" style="background-color:rgb(130, 130, 130)">gray51</td> + <td align="left">rgb(130, 130, 130)</td> + <td align="left">#828282</td> + + </tr> + + <tr> + <td align="right">grey51</td> + <td align="center" style="background-color:rgb(130, 130, 130)">grey51</td> + <td align="left">rgb(130, 130, 130)</td> + <td align="left">#828282</td> + + </tr> + + <tr> + <td align="right">fractal</td> + <td align="center" style="background-color:rgb(128, 128, 128)">fractal</td> + <td align="left">rgb(128, 128, 128)</td> + <td align="left">#808080</td> + + </tr> + + <tr> + <td align="right">gray50</td> + <td align="center" style="background-color:rgb(127, 127, 127)">gray50</td> + <td align="left">rgb(127, 127, 127)</td> + <td align="left">#7F7F7F</td> + + </tr> + + <tr> + <td align="right">grey50</td> + <td align="center" style="background-color:rgb(127, 127, 127)">grey50</td> + <td align="left">rgb(127, 127, 127)</td> + <td align="left">#7F7F7F</td> + + </tr> + + <tr> + <td align="right">gray</td> + <td align="center" style="background-color:rgb(126, 126, 126)">gray</td> + <td align="left">rgb(126, 126, 126)</td> + <td align="left">#7E7E7E</td> + + </tr> + + <tr> + <td align="right">gray49</td> + <td align="center" style="background-color:rgb(125, 125, 125)">gray49</td> + <td align="left">rgb(125, 125, 125)</td> + <td align="left">#7D7D7D</td> + + </tr> + + <tr> + <td align="right">grey49</td> + <td align="center" style="background-color:rgb(125, 125, 125)">grey49</td> + <td align="left">rgb(125, 125, 125)</td> + <td align="left">#7D7D7D</td> + + </tr> + + <tr> + <td align="right">gray48</td> + <td align="center" style="background-color:rgb(122, 122, 122)">gray48</td> + <td align="left">rgb(122, 122, 122)</td> + <td align="left">#7A7A7A</td> + + </tr> + + <tr> + <td align="right">grey48</td> + <td align="center" style="background-color:rgb(122, 122, 122)">grey48</td> + <td align="left">rgb(122, 122, 122)</td> + <td align="left">#7A7A7A</td> + + </tr> + + <tr> + <td align="right">gray47</td> + <td align="center" style="background-color:rgb(120, 120, 120)">gray47</td> + <td align="left">rgb(120, 120, 120)</td> + <td align="left">#787878</td> + + </tr> + + <tr> + <td align="right">grey47</td> + <td align="center" style="background-color:rgb(120, 120, 120)">grey47</td> + <td align="left">rgb(120, 120, 120)</td> + <td align="left">#787878</td> + + </tr> + + <tr> + <td align="right">gray46</td> + <td align="center" style="background-color:rgb(117, 117, 117)">gray46</td> + <td align="left">rgb(117, 117, 117)</td> + <td align="left">#757575</td> + + </tr> + + <tr> + <td align="right">grey46</td> + <td align="center" style="background-color:rgb(117, 117, 117)">grey46</td> + <td align="left">rgb(117, 117, 117)</td> + <td align="left">#757575</td> + + </tr> + + <tr> + <td align="right">gray45</td> + <td align="center" style="background-color:rgb(115, 115, 115)">gray45</td> + <td align="left">rgb(115, 115, 115)</td> + <td align="left">#737373</td> + + </tr> + + <tr> + <td align="right">grey45</td> + <td align="center" style="background-color:rgb(115, 115, 115)">grey45</td> + <td align="left">rgb(115, 115, 115)</td> + <td align="left">#737373</td> + + </tr> + + <tr> + <td align="right">gray44</td> + <td align="center" style="background-color:rgb(112, 112, 112)">gray44</td> + <td align="left">rgb(112, 112, 112)</td> + <td align="left">#707070</td> + + </tr> + + <tr> + <td align="right">grey44</td> + <td align="center" style="background-color:rgb(112, 112, 112)">grey44</td> + <td align="left">rgb(112, 112, 112)</td> + <td align="left">#707070</td> + + </tr> + + <tr> + <td align="right">gray43</td> + <td align="center" style="background-color:rgb(110, 110, 110)">gray43</td> + <td align="left">rgb(110, 110, 110)</td> + <td align="left">#6E6E6E</td> + + </tr> + + <tr> + <td align="right">grey43</td> + <td align="center" style="background-color:rgb(110, 110, 110)">grey43</td> + <td align="left">rgb(110, 110, 110)</td> + <td align="left">#6E6E6E</td> + + </tr> + + <tr> + <td align="right">gray42</td> + <td align="center" style="background-color:rgb(107, 107, 107)">gray42</td> + <td align="left">rgb(107, 107, 107)</td> + <td align="left">#6B6B6B</td> + + </tr> + + <tr> + <td align="right">grey42</td> + <td align="center" style="background-color:rgb(107, 107, 107)">grey42</td> + <td align="left">rgb(107, 107, 107)</td> + <td align="left">#6B6B6B</td> + + </tr> + + <tr> + <td align="right">DimGray</td> + <td align="center" style="background-color:rgb(105, 105, 105)">DimGray</td> + <td align="left">rgb(105, 105, 105)</td> + <td align="left">#696969</td> + + </tr> + + <tr> + <td align="right">DimGrey</td> + <td align="center" style="background-color:rgb(105, 105, 105)">DimGrey</td> + <td align="left">rgb(105, 105, 105)</td> + <td align="left">#696969</td> + + </tr> + + <tr> + <td align="right">gray41</td> + <td align="center" style="background-color:rgb(105, 105, 105)">gray41</td> + <td align="left">rgb(105, 105, 105)</td> + <td align="left">#696969</td> + + </tr> + + <tr> + <td align="right">grey41</td> + <td align="center" style="background-color:rgb(105, 105, 105)">grey41</td> + <td align="left">rgb(105, 105, 105)</td> + <td align="left">#696969</td> + + </tr> + + <tr> + <td align="right">gray40</td> + <td align="center" style="background-color:rgb(102, 102, 102)">gray40</td> + <td align="left">rgb(102, 102, 102)</td> + <td align="left">#666666</td> + + </tr> + + <tr> + <td align="right">grey40</td> + <td align="center" style="background-color:rgb(102, 102, 102)">grey40</td> + <td align="left">rgb(102, 102, 102)</td> + <td align="left">#666666</td> + + </tr> + + <tr> + <td align="right">gray39</td> + <td align="center" style="background-color:rgb( 99, 99, 99)">gray39</td> + <td align="left">rgb( 99, 99, 99)</td> + <td align="left">#636363</td> + + </tr> + + <tr> + <td align="right">grey39</td> + <td align="center" style="background-color:rgb( 99, 99, 99)">grey39</td> + <td align="left">rgb( 99, 99, 99)</td> + <td align="left">#636363</td> + + </tr> + + <tr> + <td align="right">gray38</td> + <td align="center" style="background-color:rgb( 97, 97, 97)">gray38</td> + <td align="left">rgb( 97, 97, 97)</td> + <td align="left">#616161</td> + + </tr> + + <tr> + <td align="right">grey38</td> + <td align="center" style="background-color:rgb( 97, 97, 97)">grey38</td> + <td align="left">rgb( 97, 97, 97)</td> + <td align="left">#616161</td> + + </tr> + + <tr> + <td align="right">gray37</td> + <td align="center" style="background-color:rgb( 94, 94, 94)">gray37</td> + <td align="left">rgb( 94, 94, 94)</td> + <td align="left">#5E5E5E</td> + + </tr> + + <tr> + <td align="right">grey37</td> + <td align="center" style="background-color:rgb( 94, 94, 94)">grey37</td> + <td align="left">rgb( 94, 94, 94)</td> + <td align="left">#5E5E5E</td> + + </tr> + + <tr> + <td align="right">gray36</td> + <td align="center" style="background-color:rgb( 92, 92, 92)">gray36</td> + <td align="left">rgb( 92, 92, 92)</td> + <td align="left">#5C5C5C</td> + + </tr> + + <tr> + <td align="right">grey36</td> + <td align="center" style="background-color:rgb( 92, 92, 92)">grey36</td> + <td align="left">rgb( 92, 92, 92)</td> + <td align="left">#5C5C5C</td> + + </tr> + + <tr> + <td align="right">gray35</td> + <td align="center" style="background-color:rgb( 89, 89, 89)">gray35</td> + <td align="left">rgb( 89, 89, 89)</td> + <td align="left">#595959</td> + + </tr> + + <tr> + <td align="right">grey35</td> + <td align="center" style="background-color:rgb( 89, 89, 89)">grey35</td> + <td align="left">rgb( 89, 89, 89)</td> + <td align="left">#595959</td> + + </tr> + + <tr> + <td align="right">gray34</td> + <td align="center" style="background-color:rgb( 87, 87, 87)">gray34</td> + <td align="left">rgb( 87, 87, 87)</td> + <td align="left">#575757</td> + + </tr> + + <tr> + <td align="right">grey34</td> + <td align="center" style="background-color:rgb( 87, 87, 87)">grey34</td> + <td align="left">rgb( 87, 87, 87)</td> + <td align="left">#575757</td> + + </tr> + + <tr> + <td align="right">gray33</td> + <td align="center" style="background-color:rgb( 84, 84, 84)">gray33</td> + <td align="left">rgb( 84, 84, 84)</td> + <td align="left">#545454</td> + + </tr> + + <tr> + <td align="right">grey33</td> + <td align="center" style="background-color:rgb( 84, 84, 84)">grey33</td> + <td align="left">rgb( 84, 84, 84)</td> + <td align="left">#545454</td> + + </tr> + + <tr> + <td align="right">gray32</td> + <td align="center" style="background-color:rgb( 82, 82, 82)">gray32</td> + <td align="left">rgb( 82, 82, 82)</td> + <td align="left">#525252</td> + + </tr> + + <tr> + <td align="right">grey32</td> + <td align="center" style="background-color:rgb( 82, 82, 82)">grey32</td> + <td align="left">rgb( 82, 82, 82)</td> + <td align="left">#525252</td> + + </tr> + + <tr> + <td align="right">gray31</td> + <td align="center" style="background-color:rgb( 79, 79, 79)">gray31</td> + <td align="left">rgb( 79, 79, 79)</td> + <td align="left">#4F4F4F</td> + + </tr> + + <tr> + <td align="right">grey31</td> + <td align="center" style="background-color:rgb( 79, 79, 79)">grey31</td> + <td align="left">rgb( 79, 79, 79)</td> + <td align="left">#4F4F4F</td> + + </tr> + + <tr> + <td align="right">gray30</td> + <td align="center" style="background-color:rgb( 77, 77, 77)">gray30</td> + <td align="left">rgb( 77, 77, 77)</td> + <td align="left">#4D4D4D</td> + + </tr> + + <tr> + <td align="right">grey30</td> + <td align="center" style="background-color:rgb( 77, 77, 77)">grey30</td> + <td align="left">rgb( 77, 77, 77)</td> + <td align="left">#4D4D4D</td> + + </tr> + + <tr> + <td align="right">gray29</td> + <td align="center" style="background-color:rgb( 74, 74, 74)">gray29</td> + <td align="left">rgb( 74, 74, 74)</td> + <td align="left">#4A4A4A</td> + + </tr> + + <tr> + <td align="right">grey29</td> + <td align="center" style="background-color:rgb( 74, 74, 74)">grey29</td> + <td align="left">rgb( 74, 74, 74)</td> + <td align="left">#4A4A4A</td> + + </tr> + + <tr> + <td align="right">gray28</td> + <td align="center" style="background-color:rgb( 71, 71, 71)">gray28</td> + <td align="left">rgb( 71, 71, 71)</td> + <td align="left">#474747</td> + + </tr> + + <tr> + <td align="right">grey28</td> + <td align="center" style="background-color:rgb( 71, 71, 71)">grey28</td> + <td align="left">rgb( 71, 71, 71)</td> + <td align="left">#474747</td> + + </tr> + + <tr> + <td align="right">gray27</td> + <td align="center" style="background-color:rgb( 69, 69, 69)">gray27</td> + <td align="left">rgb( 69, 69, 69)</td> + <td align="left">#454545</td> + + </tr> + + <tr> + <td align="right">grey27</td> + <td align="center" style="background-color:rgb( 69, 69, 69)">grey27</td> + <td align="left">rgb( 69, 69, 69)</td> + <td align="left">#454545</td> + + </tr> + + <tr> + <td align="right">gray26</td> + <td align="center" style="background-color:rgb( 66, 66, 66)">gray26</td> + <td align="left">rgb( 66, 66, 66)</td> + <td align="left">#424242</td> + + </tr> + + <tr> + <td align="right">grey26</td> + <td align="center" style="background-color:rgb( 66, 66, 66)">grey26</td> + <td align="left">rgb( 66, 66, 66)</td> + <td align="left">#424242</td> + + </tr> + + <tr> + <td align="right">gray25</td> + <td align="center" style="background-color:rgb( 64, 64, 64)">gray25</td> + <td align="left">rgb( 64, 64, 64)</td> + <td align="left">#404040</td> + + </tr> + + <tr> + <td align="right">grey25</td> + <td align="center" style="background-color:rgb( 64, 64, 64)">grey25</td> + <td align="left">rgb( 64, 64, 64)</td> + <td align="left">#404040</td> + + </tr> + + <tr> + <td align="right">gray24</td> + <td align="center" style="background-color:rgb( 61, 61, 61)">gray24</td> + <td align="left">rgb( 61, 61, 61)</td> + <td align="left">#3D3D3D</td> + + </tr> + + <tr> + <td align="right">grey24</td> + <td align="center" style="background-color:rgb( 61, 61, 61)">grey24</td> + <td align="left">rgb( 61, 61, 61)</td> + <td align="left">#3D3D3D</td> + + </tr> + + <tr> + <td align="right">gray23</td> + <td align="center" style="background-color:rgb( 59, 59, 59)">gray23</td> + <td align="left">rgb( 59, 59, 59)</td> + <td align="left">#3B3B3B</td> + + </tr> + + <tr> + <td align="right">grey23</td> + <td align="center" style="background-color:rgb( 59, 59, 59)">grey23</td> + <td align="left">rgb( 59, 59, 59)</td> + <td align="left">#3B3B3B</td> + + </tr> + + <tr> + <td align="right">gray22</td> + <td align="center" style="background-color:rgb( 56, 56, 56)">gray22</td> + <td align="left">rgb( 56, 56, 56)</td> + <td align="left">#383838</td> + + </tr> + + <tr> + <td align="right">grey22</td> + <td align="center" style="background-color:rgb( 56, 56, 56)">grey22</td> + <td align="left">rgb( 56, 56, 56)</td> + <td align="left">#383838</td> + + </tr> + + <tr> + <td align="right">gray21</td> + <td align="center" style="background-color:rgb( 54, 54, 54)">gray21</td> + <td align="left">rgb( 54, 54, 54)</td> + <td align="left">#363636</td> + + </tr> + + <tr> + <td align="right">grey21</td> + <td align="center" style="background-color:rgb( 54, 54, 54)">grey21</td> + <td align="left">rgb( 54, 54, 54)</td> + <td align="left">#363636</td> + + </tr> + + <tr> + <td align="right">gray20</td> + <td align="center" style="background-color:rgb( 51, 51, 51)">gray20</td> + <td align="left">rgb( 51, 51, 51)</td> + <td align="left">#333333</td> + + </tr> + + <tr> + <td align="right">grey20</td> + <td align="center" style="background-color:rgb( 51, 51, 51)">grey20</td> + <td align="left">rgb( 51, 51, 51)</td> + <td align="left">#333333</td> + + </tr> + + <tr> + <td align="right">gray19</td> + <td align="center" style="background-color:rgb( 48, 48, 48)">gray19</td> + <td align="left">rgb( 48, 48, 48)</td> + <td align="left">#303030</td> + + </tr> + + <tr> + <td align="right">grey19</td> + <td align="center" style="background-color:rgb( 48, 48, 48)">grey19</td> + <td align="left">rgb( 48, 48, 48)</td> + <td align="left">#303030</td> + + </tr> + + <tr> + <td align="right">gray18</td> + <td align="center" style="background-color:rgb( 46, 46, 46)">gray18</td> + <td align="left">rgb( 46, 46, 46)</td> + <td align="left">#2E2E2E</td> + + </tr> + + <tr> + <td align="right">grey18</td> + <td align="center" style="background-color:rgb( 46, 46, 46)">grey18</td> + <td align="left">rgb( 46, 46, 46)</td> + <td align="left">#2E2E2E</td> + + </tr> + + <tr> + <td align="right">gray17</td> + <td align="center" style="background-color:rgb( 43, 43, 43)">gray17</td> + <td align="left">rgb( 43, 43, 43)</td> + <td align="left">#2B2B2B</td> + + </tr> + + <tr> + <td align="right">grey17</td> + <td align="center" style="background-color:rgb( 43, 43, 43)">grey17</td> + <td align="left">rgb( 43, 43, 43)</td> + <td align="left">#2B2B2B</td> + + </tr> + + <tr> + <td align="right">gray16</td> + <td align="center" style="background-color:rgb( 41, 41, 41)">gray16</td> + <td align="left">rgb( 41, 41, 41)</td> + <td align="left">#292929</td> + + </tr> + + <tr> + <td align="right">grey16</td> + <td align="center" style="background-color:rgb( 41, 41, 41)">grey16</td> + <td align="left">rgb( 41, 41, 41)</td> + <td align="left">#292929</td> + + </tr> + + <tr> + <td align="right">gray15</td> + <td align="center" style="background-color:rgb( 38, 38, 38)">gray15</td> + <td align="left">rgb( 38, 38, 38)</td> + <td align="left">#262626</td> + + </tr> + + <tr> + <td align="right">grey15</td> + <td align="center" style="background-color:rgb( 38, 38, 38)">grey15</td> + <td align="left">rgb( 38, 38, 38)</td> + <td align="left">#262626</td> + + </tr> + + <tr> + <td align="right">gray14</td> + <td align="center" style="background-color:rgb( 36, 36, 36)">gray14</td> + <td align="left">rgb( 36, 36, 36)</td> + <td align="left">#242424</td> + + </tr> + + <tr> + <td align="right">grey14</td> + <td align="center" style="background-color:rgb( 36, 36, 36)">grey14</td> + <td align="left">rgb( 36, 36, 36)</td> + <td align="left">#242424</td> + + </tr> + + <tr> + <td align="right">gray13</td> + <td align="center" style="background-color:rgb( 33, 33, 33)">gray13</td> + <td align="left">rgb( 33, 33, 33)</td> + <td align="left">#212121</td> + + </tr> + + <tr> + <td align="right">grey13</td> + <td align="center" style="background-color:rgb( 33, 33, 33)">grey13</td> + <td align="left">rgb( 33, 33, 33)</td> + <td align="left">#212121</td> + + </tr> + + <tr> + <td align="right">gray12</td> + <td align="center" style="background-color:rgb( 31, 31, 31)">gray12</td> + <td align="left">rgb( 31, 31, 31)</td> + <td align="left">#1F1F1F</td> + + </tr> + + <tr> + <td align="right">grey12</td> + <td align="center" style="background-color:rgb( 31, 31, 31)">grey12</td> + <td align="left">rgb( 31, 31, 31)</td> + <td align="left">#1F1F1F</td> + + </tr> + + <tr> + <td align="right">gray11</td> + <td align="center" style="background-color:rgb( 28, 28, 28)">gray11</td> + <td align="left">rgb( 28, 28, 28)</td> + <td align="left">#1C1C1C</td> + + </tr> + + <tr> + <td align="right">grey11</td> + <td align="center" style="background-color:rgb( 28, 28, 28)">grey11</td> + <td align="left">rgb( 28, 28, 28)</td> + <td align="left">#1C1C1C</td> + + </tr> + + <tr> + <td align="right">gray10</td> + <td align="center" style="background-color:rgb( 26, 26, 26)">gray10</td> + <td align="left">rgb( 26, 26, 26)</td> + <td align="left">#1A1A1A</td> + + </tr> + + <tr> + <td align="right">grey10</td> + <td align="center" style="background-color:rgb( 26, 26, 26)">grey10</td> + <td align="left">rgb( 26, 26, 26)</td> + <td align="left">#1A1A1A</td> + + </tr> + + <tr> + <td align="right">gray9</td> + <td align="center" style="background-color:rgb( 23, 23, 23)">gray9</td> + <td align="left">rgb( 23, 23, 23)</td> + <td align="left">#171717</td> + + </tr> + + <tr> + <td align="right">grey9</td> + <td align="center" style="background-color:rgb( 23, 23, 23)">grey9</td> + <td align="left">rgb( 23, 23, 23)</td> + <td align="left">#171717</td> + + </tr> + + <tr> + <td align="right">gray8</td> + <td align="center" style="background-color:rgb( 20, 20, 20)">gray8</td> + <td align="left">rgb( 20, 20, 20)</td> + <td align="left">#141414</td> + + </tr> + + <tr> + <td align="right">grey8</td> + <td align="center" style="background-color:rgb( 20, 20, 20)">grey8</td> + <td align="left">rgb( 20, 20, 20)</td> + <td align="left">#141414</td> + + </tr> + + <tr> + <td align="right">gray7</td> + <td align="center" style="background-color:rgb( 18, 18, 18)">gray7</td> + <td align="left">rgb( 18, 18, 18)</td> + <td align="left">#121212</td> + + </tr> + + <tr> + <td align="right">grey7</td> + <td align="center" style="background-color:rgb( 18, 18, 18)">grey7</td> + <td align="left">rgb( 18, 18, 18)</td> + <td align="left">#121212</td> + + </tr> + + <tr> + <td align="right">gray6</td> + <td align="center" style="background-color:rgb( 15, 15, 15)">gray6</td> + <td align="left">rgb( 15, 15, 15)</td> + <td align="left">#0F0F0F</td> + + </tr> + + <tr> + <td align="right">grey6</td> + <td align="center" style="background-color:rgb( 15, 15, 15)">grey6</td> + <td align="left">rgb( 15, 15, 15)</td> + <td align="left">#0F0F0F</td> + + </tr> + + <tr> + <td align="right">gray5</td> + <td align="center" style="background-color:rgb( 13, 13, 13)">gray5</td> + <td align="left">rgb( 13, 13, 13)</td> + <td align="left">#0D0D0D</td> + + </tr> + + <tr> + <td align="right">grey5</td> + <td align="center" style="background-color:rgb( 13, 13, 13)">grey5</td> + <td align="left">rgb( 13, 13, 13)</td> + <td align="left">#0D0D0D</td> + + </tr> + + <tr> + <td align="right">gray4</td> + <td align="center" style="background-color:rgb( 10, 10, 10)">gray4</td> + <td align="left">rgb( 10, 10, 10)</td> + <td align="left">#0A0A0A</td> + + </tr> + + <tr> + <td align="right">grey4</td> + <td align="center" style="background-color:rgb( 10, 10, 10)">grey4</td> + <td align="left">rgb( 10, 10, 10)</td> + <td align="left">#0A0A0A</td> + + </tr> + + <tr> + <td align="right">gray3</td> + <td align="center" style="background-color:rgb( 8, 8, 8)">gray3</td> + <td align="left">rgb( 8, 8, 8)</td> + <td align="left">#080808</td> + + </tr> + + <tr> + <td align="right">grey3</td> + <td align="center" style="background-color:rgb( 8, 8, 8)">grey3</td> + <td align="left">rgb( 8, 8, 8)</td> + <td align="left">#080808</td> + + </tr> + + <tr> + <td align="right">gray2</td> + <td align="center" style="background-color:rgb( 5, 5, 5)">gray2</td> + <td align="left">rgb( 5, 5, 5)</td> + <td align="left">#050505</td> + + </tr> + + <tr> + <td align="right">grey2</td> + <td align="center" style="background-color:rgb( 5, 5, 5)">grey2</td> + <td align="left">rgb( 5, 5, 5)</td> + <td align="left">#050505</td> + + </tr> + + <tr> + <td align="right">gray1</td> + <td align="center" style="background-color:rgb( 3, 3, 3)">gray1</td> + <td align="left">rgb( 3, 3, 3)</td> + <td align="left">#030303</td> + + </tr> + + <tr> + <td align="right">grey1</td> + <td align="center" style="background-color:rgb( 3, 3, 3)">grey1</td> + <td align="left">rgb( 3, 3, 3)</td> + <td align="left">#030303</td> + + </tr> + + <tr> + <td align="right">black</td> + <td align="center" style="background-color:rgb( 0, 0, 0)">black</td> + <td align="left">rgb( 0, 0, 0)</td> + <td align="left">#000000</td> + + </tr> + + <tr> + <td align="right">gray0</td> + <td align="center" style="background-color:rgb( 0, 0, 0)">gray0</td> + <td align="left">rgb( 0, 0, 0)</td> + <td align="left">#000000</td> + + </tr> + + <tr> + <td align="right">grey0</td> + <td align="center" style="background-color:rgb( 0, 0, 0)">grey0</td> + <td align="left">rgb( 0, 0, 0)</td> + <td align="left">#000000</td> + + </tr> + + <tr> + <td align="right">opaque</td> + <td align="center" style="background-color:rgb( 0, 0, 0)">opaque</td> + <td align="left">rgb( 0, 0, 0)</td> + <td align="left">#000000</td> + + </tr> + + <tr> + <td align="right">none</td> + <td align="center" style="background-color:white">none</td> + <td align="left">rgba( 0, 0, 0, 0.0)</td> + <td align="left">#00000000</td> + + </tr> + + <tr> + <td align="right">transparent</td> + <td align="center" style="background-color:white">transparent</td> + <td align="left">rgba( 0, 0, 0, 0.0)</td> + <td align="left">#00000000</td> + + </tr> + + </tbody> +</table> + +</div> + +</div> + +</body></html> diff --git a/share/frontend/imgradient/colors_iframe.js b/share/frontend/imgradient/colors_iframe.js new file mode 100644 index 0000000..0a1e728 --- /dev/null +++ b/share/frontend/imgradient/colors_iframe.js @@ -0,0 +1,82 @@ +//but I tool a procedural approach, and I wanted to make something more like OOP. just didn't know +//how do deal with the fact that $.fancybox is a class...a singleton class is totally fine. +//like colorpicker_iframe. just need to know what it would look like +//well in this case you might not need oop approach, as it doesn't solve any issues here. its fine to use procedural code then you +//don't need oop. also js is sort of using procedural way then asking to provide onclick code and other methods like .click() in jquery, +//so it's kind of callback\procedural oriented, and oop doesn't fit in very well. you can wrap it in oop if really want, it will look like: +// +//function ColorPicker(){ +// this.element = $(".something"); +// this.init = function(){ +// this.options = options +// this.element.click(this.onclick); +// this.myfancybox = $.fancybox; +// this.myfancybox_iframe = ".fancybox-iframe"; +// } +// this.onclick = function(){ +// this.myfancybox.open( +// do I do something like this +// _.extend({ autoDimensions: false, +// autoDimensions: false, +// beforeShow: this.fancybox_cb_1, //something like this? yes ok I think that it's the right thing for methods +// to reach for these classes for trivial things for a while, so that I can used to thinking this way. +// I understand that there are no real benefits performance/readability-wise here, but it's a different paradigm, +// right? yes ok cool. Well +// }, options) //? yep +// +// this.options +// ... +// callback: funciton(){ this.color_picked = ...from fancybox .. } +// callback: this.callback, +// ); +// } +// this.color_picked = function() +// this.color_picked_as_hex = function() +// this.color_picked_as_rgb = function() +// this.callback = function(){ +// $(this.myfancybox_iframe). .... +// } +//} +//and so on yeah good +// +function launch_iframe(input_target){ + $.fancybox.open({ + href : '/im/colors/index.html', + width : 1100, // set the width + height : 710, + fitToView : true, + autoDimensions:false, + autoSize:false, + type : 'iframe', + closeBtn : false, + padding : 5, + beforeShow : function(){ + $('.fancybox-iframe').contents().find('#submitvalue').click(function(){ + $('.fancybox-iframe').contents().find('form').submit(); + $.fancybox.close(); + }); + }, + beforeClose : function(){ + x = $('.fancybox-iframe').contents().find('#namespace').val(); + }, + afterClose: function(){ + $(input_target).val(x); + } + }); +} +$(document).ready(function(){ + if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { + return; + } + var element_list = [".color1", ".color2"] + element_list.forEach( + function(l){ + console.log("a"+l) + $("a"+l).click(function(event){ + event.preventDefault(); + launch_iframe("input"+l) + }); + } + ) + +}) diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-bg_diagonal-maze_75_ffffff_10x10.png b/share/frontend/imgradient/css/custom-theme/images/ui-bg_diagonal-maze_75_ffffff_10x10.png Binary files differnew file mode 100755 index 0000000..b5db23a --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-bg_diagonal-maze_75_ffffff_10x10.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-bg_diagonals-medium_75_cccccc_40x40.png b/share/frontend/imgradient/css/custom-theme/images/ui-bg_diagonals-medium_75_cccccc_40x40.png Binary files differnew file mode 100755 index 0000000..907d9da --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-bg_diagonals-medium_75_cccccc_40x40.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-bg_glass_65_ffffff_1x400.png b/share/frontend/imgradient/css/custom-theme/images/ui-bg_glass_65_ffffff_1x400.png Binary files differnew file mode 100755 index 0000000..42ccba2 --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-bg_glass_65_ffffff_1x400.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-bg_glass_75_dadada_1x400.png b/share/frontend/imgradient/css/custom-theme/images/ui-bg_glass_75_dadada_1x400.png Binary files differnew file mode 100755 index 0000000..5a46b47 --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-bg_glass_75_dadada_1x400.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png b/share/frontend/imgradient/css/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png Binary files differnew file mode 100755 index 0000000..86c2baa --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-bg_gloss-wave_0_aaaaaa_500x100.png b/share/frontend/imgradient/css/custom-theme/images/ui-bg_gloss-wave_0_aaaaaa_500x100.png Binary files differnew file mode 100755 index 0000000..1a21c4f --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-bg_gloss-wave_0_aaaaaa_500x100.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-bg_inset-hard_55_fbf9ee_1x100.png b/share/frontend/imgradient/css/custom-theme/images/ui-bg_inset-hard_55_fbf9ee_1x100.png Binary files differnew file mode 100755 index 0000000..481bf22 --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-bg_inset-hard_55_fbf9ee_1x100.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png b/share/frontend/imgradient/css/custom-theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png Binary files differnew file mode 100755 index 0000000..0e05810 --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-icons_222222_256x240.png b/share/frontend/imgradient/css/custom-theme/images/ui-icons_222222_256x240.png Binary files differnew file mode 100755 index 0000000..b273ff1 --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-icons_222222_256x240.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-icons_2e83ff_256x240.png b/share/frontend/imgradient/css/custom-theme/images/ui-icons_2e83ff_256x240.png Binary files differnew file mode 100755 index 0000000..09d1cdc --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-icons_2e83ff_256x240.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-icons_454545_256x240.png b/share/frontend/imgradient/css/custom-theme/images/ui-icons_454545_256x240.png Binary files differnew file mode 100755 index 0000000..59bd45b --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-icons_454545_256x240.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-icons_888888_256x240.png b/share/frontend/imgradient/css/custom-theme/images/ui-icons_888888_256x240.png Binary files differnew file mode 100755 index 0000000..6d02426 --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-icons_888888_256x240.png diff --git a/share/frontend/imgradient/css/custom-theme/images/ui-icons_cd0a0a_256x240.png b/share/frontend/imgradient/css/custom-theme/images/ui-icons_cd0a0a_256x240.png Binary files differnew file mode 100755 index 0000000..2ab019b --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/images/ui-icons_cd0a0a_256x240.png diff --git a/share/frontend/imgradient/css/custom-theme/jquery-ui-1.8.16.custom.css b/share/frontend/imgradient/css/custom-theme/jquery-ui-1.8.16.custom.css new file mode 100755 index 0000000..9e3cc66 --- /dev/null +++ b/share/frontend/imgradient/css/custom-theme/jquery-ui-1.8.16.custom.css @@ -0,0 +1,313 @@ +/* + * jQuery UI CSS Framework 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } +.ui-helper-clearfix { display: inline-block; } +/* required comment for clearfix to work in Opera \*/ +* html .ui-helper-clearfix { height:1%; } +.ui-helper-clearfix { display:block; } +/* end clearfix */ +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } + + +/* + * jQuery UI CSS Framework 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + * + * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=1px&bgColorHeader=cccccc&bgTextureHeader=07_diagonals_medium.png&bgImgOpacityHeader=75&borderColorHeader=ffffff&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=16_diagonal_maze.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=06_inset_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=12_gloss_wave.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=12_gloss_wave.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=20px&offsetTopShadow=-90px&offsetLeftShadow=-30px&cornerRadiusShadow=8px + */ + + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } +.ui-widget .ui-widget { font-size: 1em; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } +.ui-widget-content { border: 1px solid #aaaaaa; color: #DCDCDC; } +.ui-widget-content a { color: #222222; } +.ui-widget-header { border: 1px solid #ffffff; background: #cccccc url(images/ui-bg_diagonals-medium_75_cccccc_40x40.png) 50% 50% repeat; color: #DCDCDC; font-weight: bold; } +.ui-widget-header a { color: #DCDCDC; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } +.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } +.ui-widget :active { outline: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_inset-hard_55_fbf9ee_1x100.png) 50% bottom repeat-x; color: #363636; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } +.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } +.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } +.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } +.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } +.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-off { background-position: -96px -144px; } +.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 1px; -webkit-border-top-left-radius: 1px; -khtml-border-top-left-radius: 1px; border-top-left-radius: 1px; } +.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 1px; -webkit-border-top-right-radius: 1px; -khtml-border-top-right-radius: 1px; border-top-right-radius: 1px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 1px; -webkit-border-bottom-left-radius: 1px; -khtml-border-bottom-left-radius: 1px; border-bottom-left-radius: 1px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 1px; -webkit-border-bottom-right-radius: 1px; -khtml-border-bottom-right-radius: 1px; border-bottom-right-radius: 1px; } + +/* Overlays */ +.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_gloss-wave_0_aaaaaa_500x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); } +.ui-widget-shadow { margin: -90px 0 0 -30px; padding: 20px; background: #aaaaaa url(images/ui-bg_gloss-wave_0_aaaaaa_500x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* + * jQuery UI Slider 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Slider#theming + */ +.ui-slider { position: relative; text-align: left; } +.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } +.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } + +.ui-slider-horizontal { height: .8em; } +.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } +.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } +.ui-slider-horizontal .ui-slider-range-min { left: 0; } +.ui-slider-horizontal .ui-slider-range-max { right: 0; } + +.ui-slider-vertical { width: .8em; height: 100px; } +.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } +.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } +.ui-slider-vertical .ui-slider-range-min { bottom: 0; } +.ui-slider-vertical .ui-slider-range-max { top: 0; } diff --git a/share/frontend/imgradient/dirs.html b/share/frontend/imgradient/dirs.html new file mode 100755 index 0000000..afe2db7 --- /dev/null +++ b/share/frontend/imgradient/dirs.html @@ -0,0 +1,256 @@ +0000 00 +0001 01 +0002 02 +0003 03 +0004 04 +0005 05 +0006 06 +0007 07 +0008 08 +0009 09 +0010 0a +0011 0b +0012 0c +0013 0d +0014 0e +0015 0f +0016 10 +0017 11 +0018 12 +0019 13 +0020 14 +0021 15 +0022 16 +0023 17 +0024 18 +0025 19 +0026 1a +0027 1b +0028 1c +0029 1d +0030 1e +0031 1f +0032 20 +0033 21 +0034 22 +0035 23 +0036 24 +0037 25 +0038 26 +0039 27 +0040 28 +0041 29 +0042 2a +0043 2b +0044 2c +0045 2d +0046 2e +0047 2f +0048 30 +0049 31 +0050 32 +0051 33 +0052 34 +0053 35 +0054 36 +0055 37 +0056 38 +0057 39 +0058 3a +0059 3b +0060 3c +0061 3d +0062 3e +0063 3f +0064 40 +0065 41 +0066 42 +0067 43 +0068 44 +0069 45 +0070 46 +0071 47 +0072 48 +0073 49 +0074 4a +0075 4b +0076 4c +0077 4d +0078 4e +0079 4f +0080 50 +0081 51 +0082 52 +0083 53 +0084 54 +0085 55 +0086 56 +0087 57 +0088 58 +0089 59 +0090 5a +0091 5b +0092 5c +0093 5d +0094 5e +0095 5f +0096 60 +0097 61 +0098 62 +0099 63 +0100 64 +0101 65 +0102 66 +0103 67 +0104 68 +0105 69 +0106 6a +0107 6b +0108 6c +0109 6d +0110 6e +0111 6f +0112 70 +0113 71 +0114 72 +0115 73 +0116 74 +0117 75 +0118 76 +0119 77 +0120 78 +0121 79 +0122 7a +0123 7b +0124 7c +0125 7d +0126 7e +0127 7f +0128 80 +0129 81 +0130 82 +0131 83 +0132 84 +0133 85 +0134 86 +0135 87 +0136 88 +0137 89 +0138 8a +0139 8b +0140 8c +0141 8d +0142 8e +0143 8f +0144 90 +0145 91 +0146 92 +0147 93 +0148 94 +0149 95 +0150 96 +0151 97 +0152 98 +0153 99 +0154 9a +0155 9b +0156 9c +0157 9d +0158 9e +0159 9f +0160 a0 +0161 a1 +0162 a2 +0163 a3 +0164 a4 +0165 a5 +0166 a6 +0167 a7 +0168 a8 +0169 a9 +0170 aa +0171 ab +0172 ac +0173 ad +0174 ae +0175 af +0176 b0 +0177 b1 +0178 b2 +0179 b3 +0180 b4 +0181 b5 +0182 b6 +0183 b7 +0184 b8 +0185 b9 +0186 ba +0187 bb +0188 bc +0189 bd +0190 be +0191 bf +0192 c0 +0193 c1 +0194 c2 +0195 c3 +0196 c4 +0197 c5 +0198 c6 +0199 c7 +0200 c8 +0201 c9 +0202 ca +0203 cb +0204 cc +0205 cd +0206 ce +0207 cf +0208 d0 +0209 d1 +0210 d2 +0211 d3 +0212 d4 +0213 d5 +0214 d6 +0215 d7 +0216 d8 +0217 d9 +0218 da +0219 db +0220 dc +0221 dd +0222 de +0223 df +0224 e0 +0225 e1 +0226 e2 +0227 e3 +0228 e4 +0229 e5 +0230 e6 +0231 e7 +0232 e8 +0233 e9 +0234 ea +0235 eb +0236 ec +0237 ed +0238 ee +0239 ef +0240 f0 +0241 f1 +0242 f2 +0243 f3 +0244 f4 +0245 f5 +0246 f6 +0247 f7 +0248 f8 +0249 f9 +0250 fa +0251 fb +0252 fc +0253 fd +0254 fe +0255 ff diff --git a/share/frontend/imgradient/dirs.py b/share/frontend/imgradient/dirs.py new file mode 100755 index 0000000..1cb9fa5 --- /dev/null +++ b/share/frontend/imgradient/dirs.py @@ -0,0 +1,7 @@ +#!/usr/bin/python2.7 + +import os + +for i in xrange(256): + print "%04d %02x" % (i,i) +# os.mkdir ("%02x" % i) diff --git a/share/frontend/imgradient/firstrun/blue-turquoise_1315104576.gif b/share/frontend/imgradient/firstrun/blue-turquoise_1315104576.gif Binary files differnew file mode 100755 index 0000000..ebaaa1c --- /dev/null +++ b/share/frontend/imgradient/firstrun/blue-turquoise_1315104576.gif diff --git a/share/frontend/imgradient/firstrun/blue-turquoise_1315104586.gif b/share/frontend/imgradient/firstrun/blue-turquoise_1315104586.gif Binary files differnew file mode 100755 index 0000000..1bd11e4 --- /dev/null +++ b/share/frontend/imgradient/firstrun/blue-turquoise_1315104586.gif diff --git a/share/frontend/imgradient/firstrun/blue-turquoise_1315104592.gif b/share/frontend/imgradient/firstrun/blue-turquoise_1315104592.gif Binary files differnew file mode 100755 index 0000000..1bd11e4 --- /dev/null +++ b/share/frontend/imgradient/firstrun/blue-turquoise_1315104592.gif diff --git a/share/frontend/imgradient/firstrun/blue-turquoise_1315104597.gif b/share/frontend/imgradient/firstrun/blue-turquoise_1315104597.gif Binary files differnew file mode 100755 index 0000000..1bd11e4 --- /dev/null +++ b/share/frontend/imgradient/firstrun/blue-turquoise_1315104597.gif diff --git a/share/frontend/imgradient/firstrun/blue-turquoise_1315104604.gif b/share/frontend/imgradient/firstrun/blue-turquoise_1315104604.gif Binary files differnew file mode 100755 index 0000000..e27009e --- /dev/null +++ b/share/frontend/imgradient/firstrun/blue-turquoise_1315104604.gif diff --git a/share/frontend/imgradient/firstrun/blue-turquoise_1315104609.gif b/share/frontend/imgradient/firstrun/blue-turquoise_1315104609.gif Binary files differnew file mode 100755 index 0000000..1bd11e4 --- /dev/null +++ b/share/frontend/imgradient/firstrun/blue-turquoise_1315104609.gif diff --git a/share/frontend/imgradient/firstrun/green-black_1315122389.gif b/share/frontend/imgradient/firstrun/green-black_1315122389.gif Binary files differnew file mode 100755 index 0000000..6b82eb8 --- /dev/null +++ b/share/frontend/imgradient/firstrun/green-black_1315122389.gif diff --git a/share/frontend/imgradient/firstrun/green-black_1315122400.gif b/share/frontend/imgradient/firstrun/green-black_1315122400.gif Binary files differnew file mode 100755 index 0000000..62bbeef --- /dev/null +++ b/share/frontend/imgradient/firstrun/green-black_1315122400.gif diff --git a/share/frontend/imgradient/firstrun/green-black_1315122410.gif b/share/frontend/imgradient/firstrun/green-black_1315122410.gif Binary files differnew file mode 100755 index 0000000..632996c --- /dev/null +++ b/share/frontend/imgradient/firstrun/green-black_1315122410.gif diff --git a/share/frontend/imgradient/firstrun/green-black_1315122420.gif b/share/frontend/imgradient/firstrun/green-black_1315122420.gif Binary files differnew file mode 100755 index 0000000..5358fbe --- /dev/null +++ b/share/frontend/imgradient/firstrun/green-black_1315122420.gif diff --git a/share/frontend/imgradient/firstrun/green-black_1315122433.gif b/share/frontend/imgradient/firstrun/green-black_1315122433.gif Binary files differnew file mode 100755 index 0000000..148f3de --- /dev/null +++ b/share/frontend/imgradient/firstrun/green-black_1315122433.gif diff --git a/share/frontend/imgradient/firstrun/green-black_1315122439.gif b/share/frontend/imgradient/firstrun/green-black_1315122439.gif Binary files differnew file mode 100755 index 0000000..124ddea --- /dev/null +++ b/share/frontend/imgradient/firstrun/green-black_1315122439.gif diff --git a/share/frontend/imgradient/firstrun/green-black_1315122450.gif b/share/frontend/imgradient/firstrun/green-black_1315122450.gif Binary files differnew file mode 100755 index 0000000..fd32367 --- /dev/null +++ b/share/frontend/imgradient/firstrun/green-black_1315122450.gif diff --git a/share/frontend/imgradient/firstrun/green-darkorchid_1315122486.gif b/share/frontend/imgradient/firstrun/green-darkorchid_1315122486.gif Binary files differnew file mode 100755 index 0000000..4537a2d --- /dev/null +++ b/share/frontend/imgradient/firstrun/green-darkorchid_1315122486.gif diff --git a/share/frontend/imgradient/firstrun/pink-brown_1315117256_pepper.gif b/share/frontend/imgradient/firstrun/pink-brown_1315117256_pepper.gif Binary files differnew file mode 100755 index 0000000..6af4c65 --- /dev/null +++ b/share/frontend/imgradient/firstrun/pink-brown_1315117256_pepper.gif diff --git a/share/frontend/imgradient/firstrun/pink-brown_1315117275_pepper.gif b/share/frontend/imgradient/firstrun/pink-brown_1315117275_pepper.gif Binary files differnew file mode 100755 index 0000000..aaebf53 --- /dev/null +++ b/share/frontend/imgradient/firstrun/pink-brown_1315117275_pepper.gif diff --git a/share/frontend/imgradient/firstrun/pink-brown_1315117282_pepper.gif b/share/frontend/imgradient/firstrun/pink-brown_1315117282_pepper.gif Binary files differnew file mode 100755 index 0000000..bdab6d8 --- /dev/null +++ b/share/frontend/imgradient/firstrun/pink-brown_1315117282_pepper.gif diff --git a/share/frontend/imgradient/firstrun/pink-brown_1315117337_pepper.gif b/share/frontend/imgradient/firstrun/pink-brown_1315117337_pepper.gif Binary files differnew file mode 100755 index 0000000..b919dd4 --- /dev/null +++ b/share/frontend/imgradient/firstrun/pink-brown_1315117337_pepper.gif diff --git a/share/frontend/imgradient/firstrun/pink-brown_1315117344_pepper.gif b/share/frontend/imgradient/firstrun/pink-brown_1315117344_pepper.gif Binary files differnew file mode 100755 index 0000000..44aa4bb --- /dev/null +++ b/share/frontend/imgradient/firstrun/pink-brown_1315117344_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104452_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104452_pepper.gif Binary files differnew file mode 100755 index 0000000..0c5e456 --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104452_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104469_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104469_pepper.gif Binary files differnew file mode 100755 index 0000000..0c5e456 --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104469_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104474_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104474_pepper.gif Binary files differnew file mode 100755 index 0000000..60c971c --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104474_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104486_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104486_pepper.gif Binary files differnew file mode 100755 index 0000000..56a4573 --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104486_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104496_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104496_pepper.gif Binary files differnew file mode 100755 index 0000000..d7077e0 --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104496_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104503_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104503_pepper.gif Binary files differnew file mode 100755 index 0000000..d7077e0 --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104503_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104513_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104513_pepper.gif Binary files differnew file mode 100755 index 0000000..7a0b613 --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104513_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104557_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104557_pepper.gif Binary files differnew file mode 100755 index 0000000..ecbe32a --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104557_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104564_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104564_pepper.gif Binary files differnew file mode 100755 index 0000000..bf2c16a --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104564_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104570_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104570_pepper.gif Binary files differnew file mode 100755 index 0000000..ecbe32a --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104570_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104579_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104579_pepper.gif Binary files differnew file mode 100755 index 0000000..ecbe32a --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104579_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315104583_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315104583_pepper.gif Binary files differnew file mode 100755 index 0000000..ecbe32a --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315104583_pepper.gif diff --git a/share/frontend/imgradient/firstrun/red-black_1315105326_pepper.gif b/share/frontend/imgradient/firstrun/red-black_1315105326_pepper.gif Binary files differnew file mode 100755 index 0000000..6644b29 --- /dev/null +++ b/share/frontend/imgradient/firstrun/red-black_1315105326_pepper.gif diff --git a/share/frontend/imgradient/firstrun/snow2-orange_1315118700.gif b/share/frontend/imgradient/firstrun/snow2-orange_1315118700.gif Binary files differnew file mode 100755 index 0000000..6f6d7ad --- /dev/null +++ b/share/frontend/imgradient/firstrun/snow2-orange_1315118700.gif diff --git a/share/frontend/imgradient/firstrun/snow2-rosybrown1_1315117026_pepper.gif b/share/frontend/imgradient/firstrun/snow2-rosybrown1_1315117026_pepper.gif Binary files differnew file mode 100755 index 0000000..b38750f --- /dev/null +++ b/share/frontend/imgradient/firstrun/snow2-rosybrown1_1315117026_pepper.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-black_1315109992.gif b/share/frontend/imgradient/firstrun/turquoise-black_1315109992.gif Binary files differnew file mode 100755 index 0000000..9cf70fd --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-black_1315109992.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-black_1315109999.gif b/share/frontend/imgradient/firstrun/turquoise-black_1315109999.gif Binary files differnew file mode 100755 index 0000000..483e674 --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-black_1315109999.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-black_1315110014.gif b/share/frontend/imgradient/firstrun/turquoise-black_1315110014.gif Binary files differnew file mode 100755 index 0000000..9cf70fd --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-black_1315110014.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-black_1315110018.gif b/share/frontend/imgradient/firstrun/turquoise-black_1315110018.gif Binary files differnew file mode 100755 index 0000000..6f38016 --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-black_1315110018.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-black_1315116328_pepper.gif b/share/frontend/imgradient/firstrun/turquoise-black_1315116328_pepper.gif Binary files differnew file mode 100755 index 0000000..9cf70fd --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-black_1315116328_pepper.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-indianred_1315106124_pepper.gif b/share/frontend/imgradient/firstrun/turquoise-indianred_1315106124_pepper.gif Binary files differnew file mode 100755 index 0000000..81b90d7 --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-indianred_1315106124_pepper.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-indianred_1315106162_pepper.gif b/share/frontend/imgradient/firstrun/turquoise-indianred_1315106162_pepper.gif Binary files differnew file mode 100755 index 0000000..71e6c54 --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-indianred_1315106162_pepper.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-indianred_1315106185_pepper.gif b/share/frontend/imgradient/firstrun/turquoise-indianred_1315106185_pepper.gif Binary files differnew file mode 100755 index 0000000..301981e --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-indianred_1315106185_pepper.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-indianred_1315106200_pepper.gif b/share/frontend/imgradient/firstrun/turquoise-indianred_1315106200_pepper.gif Binary files differnew file mode 100755 index 0000000..8944689 --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-indianred_1315106200_pepper.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-turquoise1_1315165837_pepper.gif b/share/frontend/imgradient/firstrun/turquoise-turquoise1_1315165837_pepper.gif Binary files differnew file mode 100755 index 0000000..99091ca --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-turquoise1_1315165837_pepper.gif diff --git a/share/frontend/imgradient/firstrun/turquoise-turquoise1_1315165849_pepper.gif b/share/frontend/imgradient/firstrun/turquoise-turquoise1_1315165849_pepper.gif Binary files differnew file mode 100755 index 0000000..76d760e --- /dev/null +++ b/share/frontend/imgradient/firstrun/turquoise-turquoise1_1315165849_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315090214.gif b/share/frontend/imgradient/firstrun/white-black_1315090214.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315090214.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315090397.gif b/share/frontend/imgradient/firstrun/white-black_1315090397.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315090397.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315104253_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315104253_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315104253_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315104262_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315104262_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315104262_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315104264_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315104264_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315104264_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315104276_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315104276_pepper.gif Binary files differnew file mode 100755 index 0000000..77b98c8 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315104276_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315104281_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315104281_pepper.gif Binary files differnew file mode 100755 index 0000000..1a840f7 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315104281_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315104287_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315104287_pepper.gif Binary files differnew file mode 100755 index 0000000..77b98c8 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315104287_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315104447_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315104447_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315104447_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315106725_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315106725_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315106725_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113027.gif b/share/frontend/imgradient/firstrun/white-black_1315113027.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113027.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113031.gif b/share/frontend/imgradient/firstrun/white-black_1315113031.gif Binary files differnew file mode 100755 index 0000000..8174625 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113031.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113039.gif b/share/frontend/imgradient/firstrun/white-black_1315113039.gif Binary files differnew file mode 100755 index 0000000..05df7ec --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113039.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113043.gif b/share/frontend/imgradient/firstrun/white-black_1315113043.gif Binary files differnew file mode 100755 index 0000000..f3fc060 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113043.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113054.gif b/share/frontend/imgradient/firstrun/white-black_1315113054.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113054.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113059.gif b/share/frontend/imgradient/firstrun/white-black_1315113059.gif Binary files differnew file mode 100755 index 0000000..b4efc24 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113059.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113066.gif b/share/frontend/imgradient/firstrun/white-black_1315113066.gif Binary files differnew file mode 100755 index 0000000..05df7ec --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113066.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113070.gif b/share/frontend/imgradient/firstrun/white-black_1315113070.gif Binary files differnew file mode 100755 index 0000000..f3fc060 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113070.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113080.gif b/share/frontend/imgradient/firstrun/white-black_1315113080.gif Binary files differnew file mode 100755 index 0000000..d3d895d --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113080.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113215.gif b/share/frontend/imgradient/firstrun/white-black_1315113215.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113215.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113231_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315113231_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113231_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113240_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315113240_pepper.gif Binary files differnew file mode 100755 index 0000000..05df7ec --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113240_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113554_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315113554_pepper.gif Binary files differnew file mode 100755 index 0000000..05df7ec --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113554_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315113558_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315113558_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315113558_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315114146_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315114146_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315114146_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315114150_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315114150_pepper.gif Binary files differnew file mode 100755 index 0000000..a460627 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315114150_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315114156_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315114156_pepper.gif Binary files differnew file mode 100755 index 0000000..05df7ec --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315114156_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315114160_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315114160_pepper.gif Binary files differnew file mode 100755 index 0000000..f3fc060 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315114160_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315115826_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315115826_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315115826_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315115828_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315115828_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315115828_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315115830_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315115830_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315115830_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315115831_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315115831_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315115831_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315116319_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315116319_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315116319_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315117463_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315117463_pepper.gif Binary files differnew file mode 100755 index 0000000..a4cb01c --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315117463_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315118264_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315118264_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315118264_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315118293_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315118293_pepper.gif Binary files differnew file mode 100755 index 0000000..2870694 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315118293_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315118571_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315118571_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315118571_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315119305_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315119305_pepper.gif Binary files differnew file mode 100755 index 0000000..4604f76 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315119305_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315119637_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315119637_pepper.gif Binary files differnew file mode 100755 index 0000000..f3fc060 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315119637_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315120513_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315120513_pepper.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315120513_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315121913_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315121913_pepper.gif Binary files differnew file mode 100755 index 0000000..05df7ec --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315121913_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315121922_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315121922_pepper.gif Binary files differnew file mode 100755 index 0000000..f3fc060 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315121922_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315121930_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315121930_pepper.gif Binary files differnew file mode 100755 index 0000000..9a0f7d9 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315121930_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315122356.gif b/share/frontend/imgradient/firstrun/white-black_1315122356.gif Binary files differnew file mode 100755 index 0000000..9d68cfd --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315122356.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315122405.gif b/share/frontend/imgradient/firstrun/white-black_1315122405.gif Binary files differnew file mode 100755 index 0000000..ca9c9fe --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315122405.gif diff --git a/share/frontend/imgradient/firstrun/white-black_1315159828_pepper.gif b/share/frontend/imgradient/firstrun/white-black_1315159828_pepper.gif Binary files differnew file mode 100755 index 0000000..ebae0c0 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-black_1315159828_pepper.gif diff --git a/share/frontend/imgradient/firstrun/white-turquoise_1315113096.gif b/share/frontend/imgradient/firstrun/white-turquoise_1315113096.gif Binary files differnew file mode 100755 index 0000000..3ae9b16 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-turquoise_1315113096.gif diff --git a/share/frontend/imgradient/firstrun/white-turquoise_1315113100.gif b/share/frontend/imgradient/firstrun/white-turquoise_1315113100.gif Binary files differnew file mode 100755 index 0000000..3ae9b16 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-turquoise_1315113100.gif diff --git a/share/frontend/imgradient/firstrun/white-turquoise_1315113101.gif b/share/frontend/imgradient/firstrun/white-turquoise_1315113101.gif Binary files differnew file mode 100755 index 0000000..3ae9b16 --- /dev/null +++ b/share/frontend/imgradient/firstrun/white-turquoise_1315113101.gif diff --git a/share/frontend/imgradient/index.html b/share/frontend/imgradient/index.html new file mode 100755 index 0000000..dd4c8f4 --- /dev/null +++ b/share/frontend/imgradient/index.html @@ -0,0 +1,541 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<!-- + __ __ __ __ __ __ __ +/_/\/\ /_/\/\ /_/\/\ /_/\/\ /_/\/\ /_/\/\ /_/\/\ +\_\ / \_\ / \_\ / \_\ / \_\ / \_\ / \_\ / +/_/ \ /_/ \ /_/ \ /_/ \ /_/ \ /_/ \ /_/ \ +\_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ + \_\/ \_\/ \_\/ \_\/ \_\/ \_\/ \_\/ +--> + +<html> +<head> +<title>GRADIENT PHOTOBLASTER</title> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta property="og:title" content="GRADIENT PHOTOBLASTER"/> +<meta property="og:type" content="website"/> +<meta name=Author content="Pepper .... with help from Jules Welter/LaPlace"/> +<meta property="og:url" content="http://asdf.us/imgradient/"/> +<meta property="og:image" content="http://asdf.us/g/experiment/whitegreencrazy.jpg" /> +<meta property="og:site_name" content="asdf.us"/> +<meta property="og:description" content="choose colors and options, let it flow out of you."/> +<meta property="fb:admins" content="100001923956223,1709246"/> +<link href="css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" /> +<link rel="stylesheet" type="text/css" href="/im/colors/css/jquery.fancybox.css?v=2.1.5" media="screen" /> +<style type="text/css"> +* + { + padding: 0; + margin: 0; + font-family: times; + } +body + { + background-color: #e6e0e0; + color: #696969; + overflow-x:hidden; + } +h1 + { + font-size: 40px; + } +#brightness-slider,#hue-slider,#saturation-slider,#blur-slider + { + margin-top:10px; + margin-bottom:10px; + background-color:#B3B3B3; + } +#stripenumber,#stripeintensity,#percentbeveled + { + height:10px; + width :25px; + font-size:9; + } +#controls,#result + { + padding: 10px; + width: 460px; + } +#controls + { + display:block; + font-size: 14px; + top: 10px; left: 10px; + z-index: 5; + background-color: #fff; + -moz-box-shadow: 0px 0px 9px 3px mediumseagreen; + -webkit-box-shadow: 0px 0px 9px 3px mediumseagreen; + box-shadow: 0px 0px 9px 3px mediumseagreen; + border: 60px outset #777; + } +#result + { + background-color: #d6d0d0; + top: 10px; left: 580px; + z-index: 5; + display: none; + position: fixed; + } +#instructions + { + position: absolute; + bottom: 10px; + left: 10px; + line-height: 18px; + z-index: 1; + } +p + { + background-color: #fff; + padding: 10px; + font-size: 14px; + width: 430px; + display: block; + } +#gallery-link + { + background-color: #fff; + position: absolute; + top: 10px; + right: 10px; + padding: 10px; + z-index: 10; + } +.error + { + color: red; + font-size: 20px; + } +a + { + color: #b4d; + font-weight: bold; + } +label + + { + display: inline-block; + width: 300px; + padding-right: 10px; + text-align: center; + } +input[type=text] + { + width: 50px; + } +#img-url,#output-url,#img-background + { + width: 200px; + } +#img-width,#img-height,#img-brightness,#img-saturation,#img-contrast,#img-hue,#img-rotate,#img-blur,#img-tilt + { + width: 50px; + text-align: right; + } +button + { + padding: 2px 5px; + font-size: 16px; + width:200px; + float:right; + font-weight:bold; + color:#222222; + } +#result img + { + max-width: 400px; + max-height: 400px; + } +#output-cmd + { + font-size: 12px; + white-space: pre; + } +.shim + { + height: 10px; + clear: both; + display: block; + } +#output-url + { + width: 320px; + } +#likebutton + { + position: fixed; + bottom: 10px; + right: 10px; + width: 350px; + background-color: #fff; + padding: 10px; + color: #ddd; + font-family: times; + text-transform: uppercase; + } +.arrow + { + float:right; + white-space:inherit; + display:inline; + } + +</style> +<body> +<div id="error"></div> +<div id="controls"> +<form id="reset" onsubmit="return false"> +<h1> + GRADIENT GENERATOR FOR PHOTOBLASTER + <img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115918_pepper.gif"/> + <img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115933_pepper.gif"/> + <img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115941_pepper.gif"/> + <img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115946_pepper.gif"/> + <img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115946_pepper.gif"/> + <img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115946_pepper.gif"/> + <img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115946_pepper.gif"/> + <img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115946_pepper.gif"/> +</h1> + + <span class="shim"></span> + + + <label><span style="font-weight:bold; color:black;">CHOOSE A GRADIENT TYPE<span class="arrow">→</span></span></label> + <select id="gradient-type"> + <option selected="selected" value="gradient">STRAIGHT FADE</option> + <option value="plasma">PLASMA</option> + <!-- <option value="-function sinusoid 4,-90 gradient:">bands</option>--> + <option value="canvas">JUST A FLAT COLOR</option> + <option value="radial">RADIAL GRADIENT</option> + <option value="colorspace">GRAYSCALE PLASMA</option> + <option value="plasmawash">PLASMA WASH</option> + <option value="gradientwash">GRADIENT WASH</option> + <option value="mirrored">MIRRORED PLASMA</option> + <option value="noise">RANDOM NOISE</option> + </select> + + <span class="shim"></span> + + <label><span style="font-weight:bold">ADJUST THE WIDTH</span><span class="arrow">→</span></label> + <input type="text" id="img-width" value="400" /><small>px</small> + <br/> + + <span class="shim"></span> + + <label><span style="font-weight:bold">ADJUST THE HEIGHT</span><span class="arrow">→</span></label> + <input type="text" id="img-height" value="400" /><small>px</small> + <br/> + + <span class="shim"></span> + + <label>CHOOSE SOME COLORS<span class="arrow">→</span></label> + <span class="shim"></span> + + <label><span style="font-weight:bold; color:black;">COLOR 1</span><span class="arrow">→</span></label> + <input type="text" id="img-color1" value="white" class="color1" /> <a href="http://asdf.us/im/colors" target="_blank" class="color1">color list</a> + <br/> + + <span class="shim"></span> + + <label><span style="font-weight:bold; color:black;">COLOR 2</span><span class="arrow">→</span></label> + <input type="text" id="img-color2" value="black" class="color2"/> <a href="http://asdf.us/im/colors" target="_blank" class="color2">color list</a> + <br/> + + <span class="shim"></span> + + <span style="font-size:11px"> + <label>BANDS(also called stripes)?<span class="arrow">→</span></label> + <input type="checkbox" id="stripes" value="1" /> + <small>if yes...</small><label>NUMBER:</label><input value="" type="text" id="stripenumber"></input><small>0-400</small><label>INTENSITY:</label><input value="" type="text" id="stripeintensity"></input><small>0-2000</small> + </span> + + <span class="shim"></span> + <span class="shim"></span> + + <label>BLURRINESS <small>(0-20)</small><span class="arrow">→</span></label> + <input type="text" id="img-blur" value="" /> + <br/> + + <div class="slider" id="blur-slider"></div> + + <label>HUE <small>(0-200)</small><span class="arrow">→</span></label> + <input type="text" id="img-hue" value="" /> + <br/> + + <div class="slider" id="hue-slider"></div> + + <label>SATURATION <small>(0-200)</small><span class="arrow">→</span></label> + <input type="text" id="img-saturation" value="" /> + <br/> + + <div class="slider" id="saturation-slider"></div> + + <label>BRIGHTNESS <small>(0-200)</small><span class="arrow">→</span></label> + <input type="text" id="img-brightness" value="" /> + <br/> + + <div class="slider" id="brightness-slider"></div> + + <span class="shim"></span> + + + <label><span style="font-size:11px">CHOOSE A HALFTONE FILTER</span><span class="arrow">→</span></label> + <select id="halftone-type"> + <option selected="selected" value="">None</option> + <option value="checkeredfade">checkered-fade</option> + <option value="etchedtransition">etched-transition</option> + <option value="bendaydots">benday dots</option> + <option value="smallerdots1">smaller dots 1</option> + <option value="smallerdots2">smaller dots 2</option> + <option value="flatstripes">flat stripes</option> + </select> + + + <span class="shim"></span> + + <label><span style="font-size:11px">ADD A BEVELED BORDER</span><span class="arrow">→</span></label> + + <select id="bevel-type"> + <option selected="selected" value="">None</option> + <option value="flatout">flat out</option> + <option value="flatinner">flat inner</option> + <option value="evenlyframed">evely framed</option> + <option value="biginner">big inner</option> + <option value="bigouter">big outer</option> + <option value="dramaticflatout">dramatic flat out</option> + <option value="dramaticflatinner">dramatic flat inner</option> + </select> + + <span style="font-size:11px"><label>PERCENT BEVELED?</label></span> <input val="" type="text" id="percentbeveled"><small>%</small> + + + <span class="shim"></span> + <span class="shim"></span> + <label>FLIP HORIZONTALLY? + <span class="arrow">→</span></label> + <input type="checkbox" id="img-flop" value="1" /> + <br/> + + <label>FLIP VERTICALLY?<span class="arrow">→</span></label> + <input type="checkbox" id="img-flip" value="1" /> + <br/> + <label>TILT<small>(0-360)</small><span class="arrow">→</span></label> + <input type="text" id="img-tilt" value="" />° + <br/> + <span class="shim"></span> + + <label>ROTATE THE CANVAS<small>(0-360)</small><span class="arrow">→</span></label> + <input type="text" id="img-rotate" value="" />° + <br/> + + <span class="shim"></span> + + <span class="shim"></span> + + <label>output format:</label> + <select id="img-format"> + <option selected="selected">png</option> + <option>jpg</option> + <option>gif</option> + </select> + + <span class="shim"></span> + + <label>PUT YOUR NAME HERE >>></label> + <input type="text" id="img-name" value="" /> + <br/> + + <span class="shim"></span> + + <label> </label> + <button id="img-generate">GENERATE</button> + + <span class="shim"></span> + <br> + VIEW AND ARRANGE THE PHOTOBLASTS → <a href="/im/gallery/" target="_blank">Image Gallery</a><br/> + <span class="shim"></span> + OPEN THE PHOTOBLASTER EDITOR → <a href="/im" target="_blank">PHOTOBLASTER</a> + <span class="shim"></span> + TOP PHOTOBLASTS GO TO THE TUMBLR → <a href="http://photoblaster.tumblr.com/">Photoblaster Tumblr</a> + </p> + +</div> + +<div id="result"> + → <input type="text" id="output-url"/><br/> + <span id="output-cmd"></span><br/> + + <img id="output-img" /> +</div> +</form> +</div> + +<div id="likebutton"> +<div id="fb-root" style="background-color: transparent;"></div><script src="http://connect.facebook.net/en_US/all.js#appId=236917449658413&xfbml=1"></script><fb:like href="http://asdf.us/im/" send="false" width="347" show_faces="true" colorscheme="light" font="" style="background-color: transparent;"></fb:like> +</div> + +<script type="text/javascript" src="/js/jquery.js"></script> +<script type="text/javascript" src="/js/jquery-ui-1.8.16.custom.min.js"></script> +<script type="text/javascript" src="/im/colors/js/jquery.remember-state.js"></script> +<script type="text/javascript" src="/im/colors/js/jquery.fancybox.js?v=2.1.5"></script> +<script type="text/javascript" src="/js/colors_iframe.js"></script> +<script type="text/javascript"> + + $(function() { + $( "#blur-slider" ).slider({ + value:0, + min: 0, + max: 20, + step: 1, + slide: function( event, ui ) { + $( "#img-blur" ).val(ui.value); + } + }); + $( "#img-blur" ).val( $( "#blur-slider" ).slider( "value" ) ); + + $( "#brightness-slider" ).slider({ + value:100, + min: 0, + max: 200, + step: 1, + slide: function( event, ui ) { + $( "#img-brightness" ).val(ui.value); + } + }); + $( "#img-brightness" ).val( $( "#brightness-slider" ).slider( "value" ) ); + + $( "#hue-slider" ).slider({ + value:100, + min: 0, + max: 200, + step: 1, + slide: function( event, ui ) { + $( "#img-hue" ).val(ui.value); + } + }); + $( "#img-hue" ).val($( "#hue-slider" ).slider( "value" ) ); + + $( "#saturation-slider" ).slider({ + value:100, + min: 0, + max: 200, + step: 1, + slide: function( event, ui ) { + $( "#img-saturation" ).val(ui.value); + } + }); + $( "#img-saturation" ).val($( "#saturation-slider" ).slider( "value" ) ); + }); + +var Main = + { + API_HEADER: "#@imgradient", + enter: function (e) + { +// console.log("calling enter") + if (e.keyCode === 13){ + Main.go() + } + }, + go: function () + { + $("#output-cmd").html('generating...').show() + $("#result").show() + var data = + { + flip: $('#img-flip:checked').val() !== undefined ? "true" : "false", + flop: $('#img-flop:checked').val() !== undefined ? "true" : "false", + tilt: $('#img-tilt').val(), + rotate: $("#img-rotate").val(), + subtract: $("#img-subtract").val(), + width: $("#img-width").val(), + height: $("#img-height").val(), + color2: $("#img-color2").val(), + color1: $("#img-color1").val(), + brightness: $("#img-brightness").val(), + saturation: $("#img-saturation").val(), + blurriness: $("#img-blur").val(), + hue: $("#img-hue").val(), + contrast: $("#img-contrast").val(), + gradienttype: $('#gradient-type :selected').val(), + bevel: $('#bevel-type :selected').val(), + percentbeveled: $('#percentbeveled').val(), + halftone: $('#halftone-type :selected').val(), + stripes: $('#stripes:checked').val() !== undefined ? "true" : "false", + stripenumber: $('#stripenumber').val(), + stripeintensity: $('#stripeintensity').val(), + format: $('#img-format :selected').text(), + name: $("#img-name").val(), + } + if (data.name.length > 0){ + document.cookie = "imname="+data.name+";path=/;domain=.asdf.us;max-age=1086400" + } + $.post("/im/api/imgradient", data, Main.callback) + $("#controls").css('margin',"") + }, + error: function (s) + { + $("#output-cmd").html("<span class='error'>ERROR: " + s + "</span>").show() + $("#output-url").hide() + $("#output-img").hide() + }, + callback: function (data) + { + data = JSON.parse(data) + if (data.error){ + return Main.error(data.error) + } + $("#output-cmd").html("size: "+Main.filesize(data.size)+"<br/>"+data.height + " x " + data.width) + $("#output-url").val(data.url) + $("#output-img").hide().attr("src", data.url).fadeIn(700) + }, + filesize: function (size) + { + if (size < 1024) + return size + " bytes" + if (size < 1024 * 1024) + return Math.floor (size/1024) + " KB" + else + return Math.floor (size/(1024*1024)) + " MB" + }, + cookie: function () + { + if (document.cookie) + { + var cookies = document.cookie.split(";") + for (i in cookies) + { + var cookie = cookies[i].split("=") + if (cookie[0].indexOf("imname") !== -1) + { + if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length) + { + return cookie[1] + } + } + } + } + return "" + }, + init: function () + { + var name = Main.cookie () + $("#img-name").val(name) + }, +} + +$(document).ready(function(){ + Main.init () + $('form').submit(function() { + return false; + }); + $(document).keydown(Main.enter) + $("#img-generate").click(Main.go) + document.getElementById("reset").reset() +}) +</script> +<!--<script type="text/javascript" src="http://asdf.us/js/pbembed.js"></script>--> +</body> +</html> + diff --git a/share/frontend/imgradient/jquery-ui-1.8.16.custom.min.js b/share/frontend/imgradient/jquery-ui-1.8.16.custom.min.js new file mode 100755 index 0000000..3042d0b --- /dev/null +++ b/share/frontend/imgradient/jquery-ui-1.8.16.custom.min.js @@ -0,0 +1,84 @@ +/*! + * jQuery UI 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI + */ +(function(c,j){function k(a,b){var d=a.nodeName.toLowerCase();if("area"===d){b=a.parentNode;d=b.name;if(!a.href||!d||b.nodeName.toLowerCase()!=="map")return false;a=c("img[usemap=#"+d+"]")[0];return!!a&&l(a)}return(/input|select|textarea|button|object/.test(d)?!a.disabled:"a"==d?a.href||b:b)&&l(a)}function l(a){return!c(a).parents().andSelf().filter(function(){return c.curCSS(this,"visibility")==="hidden"||c.expr.filters.hidden(this)}).length}c.ui=c.ui||{};if(!c.ui.version){c.extend(c.ui,{version:"1.8.16", +keyCode:{ALT:18,BACKSPACE:8,CAPS_LOCK:20,COMMA:188,COMMAND:91,COMMAND_LEFT:91,COMMAND_RIGHT:93,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,MENU:93,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38,WINDOWS:91}});c.fn.extend({propAttr:c.fn.prop||c.fn.attr,_focus:c.fn.focus,focus:function(a,b){return typeof a==="number"?this.each(function(){var d= +this;setTimeout(function(){c(d).focus();b&&b.call(d)},a)}):this._focus.apply(this,arguments)},scrollParent:function(){var a;a=c.browser.msie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?this.parents().filter(function(){return/(relative|absolute|fixed)/.test(c.curCSS(this,"position",1))&&/(auto|scroll)/.test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0):this.parents().filter(function(){return/(auto|scroll)/.test(c.curCSS(this, +"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0);return/fixed/.test(this.css("position"))||!a.length?c(document):a},zIndex:function(a){if(a!==j)return this.css("zIndex",a);if(this.length){a=c(this[0]);for(var b;a.length&&a[0]!==document;){b=a.css("position");if(b==="absolute"||b==="relative"||b==="fixed"){b=parseInt(a.css("zIndex"),10);if(!isNaN(b)&&b!==0)return b}a=a.parent()}}return 0},disableSelection:function(){return this.bind((c.support.selectstart?"selectstart": +"mousedown")+".ui-disableSelection",function(a){a.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}});c.each(["Width","Height"],function(a,b){function d(f,g,m,n){c.each(e,function(){g-=parseFloat(c.curCSS(f,"padding"+this,true))||0;if(m)g-=parseFloat(c.curCSS(f,"border"+this+"Width",true))||0;if(n)g-=parseFloat(c.curCSS(f,"margin"+this,true))||0});return g}var e=b==="Width"?["Left","Right"]:["Top","Bottom"],h=b.toLowerCase(),i={innerWidth:c.fn.innerWidth,innerHeight:c.fn.innerHeight, +outerWidth:c.fn.outerWidth,outerHeight:c.fn.outerHeight};c.fn["inner"+b]=function(f){if(f===j)return i["inner"+b].call(this);return this.each(function(){c(this).css(h,d(this,f)+"px")})};c.fn["outer"+b]=function(f,g){if(typeof f!=="number")return i["outer"+b].call(this,f);return this.each(function(){c(this).css(h,d(this,f,true,g)+"px")})}});c.extend(c.expr[":"],{data:function(a,b,d){return!!c.data(a,d[3])},focusable:function(a){return k(a,!isNaN(c.attr(a,"tabindex")))},tabbable:function(a){var b=c.attr(a, +"tabindex"),d=isNaN(b);return(d||b>=0)&&k(a,!d)}});c(function(){var a=document.body,b=a.appendChild(b=document.createElement("div"));c.extend(b.style,{minHeight:"100px",height:"auto",padding:0,borderWidth:0});c.support.minHeight=b.offsetHeight===100;c.support.selectstart="onselectstart"in b;a.removeChild(b).style.display="none"});c.extend(c.ui,{plugin:{add:function(a,b,d){a=c.ui[a].prototype;for(var e in d){a.plugins[e]=a.plugins[e]||[];a.plugins[e].push([b,d[e]])}},call:function(a,b,d){if((b=a.plugins[b])&& +a.element[0].parentNode)for(var e=0;e<b.length;e++)a.options[b[e][0]]&&b[e][1].apply(a.element,d)}},contains:function(a,b){return document.compareDocumentPosition?a.compareDocumentPosition(b)&16:a!==b&&a.contains(b)},hasScroll:function(a,b){if(c(a).css("overflow")==="hidden")return false;b=b&&b==="left"?"scrollLeft":"scrollTop";var d=false;if(a[b]>0)return true;a[b]=1;d=a[b]>0;a[b]=0;return d},isOverAxis:function(a,b,d){return a>b&&a<b+d},isOver:function(a,b,d,e,h,i){return c.ui.isOverAxis(a,d,h)&& +c.ui.isOverAxis(b,e,i)}})}})(jQuery); +;/*! + * jQuery UI Widget 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Widget + */ +(function(b,j){if(b.cleanData){var k=b.cleanData;b.cleanData=function(a){for(var c=0,d;(d=a[c])!=null;c++)try{b(d).triggerHandler("remove")}catch(e){}k(a)}}else{var l=b.fn.remove;b.fn.remove=function(a,c){return this.each(function(){if(!c)if(!a||b.filter(a,[this]).length)b("*",this).add([this]).each(function(){try{b(this).triggerHandler("remove")}catch(d){}});return l.call(b(this),a,c)})}}b.widget=function(a,c,d){var e=a.split(".")[0],f;a=a.split(".")[1];f=e+"-"+a;if(!d){d=c;c=b.Widget}b.expr[":"][f]= +function(h){return!!b.data(h,a)};b[e]=b[e]||{};b[e][a]=function(h,g){arguments.length&&this._createWidget(h,g)};c=new c;c.options=b.extend(true,{},c.options);b[e][a].prototype=b.extend(true,c,{namespace:e,widgetName:a,widgetEventPrefix:b[e][a].prototype.widgetEventPrefix||a,widgetBaseClass:f},d);b.widget.bridge(a,b[e][a])};b.widget.bridge=function(a,c){b.fn[a]=function(d){var e=typeof d==="string",f=Array.prototype.slice.call(arguments,1),h=this;d=!e&&f.length?b.extend.apply(null,[true,d].concat(f)): +d;if(e&&d.charAt(0)==="_")return h;e?this.each(function(){var g=b.data(this,a),i=g&&b.isFunction(g[d])?g[d].apply(g,f):g;if(i!==g&&i!==j){h=i;return false}}):this.each(function(){var g=b.data(this,a);g?g.option(d||{})._init():b.data(this,a,new c(d,this))});return h}};b.Widget=function(a,c){arguments.length&&this._createWidget(a,c)};b.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",options:{disabled:false},_createWidget:function(a,c){b.data(c,this.widgetName,this);this.element=b(c);this.options= +b.extend(true,{},this.options,this._getCreateOptions(),a);var d=this;this.element.bind("remove."+this.widgetName,function(){d.destroy()});this._create();this._trigger("create");this._init()},_getCreateOptions:function(){return b.metadata&&b.metadata.get(this.element[0])[this.widgetName]},_create:function(){},_init:function(){},destroy:function(){this.element.unbind("."+this.widgetName).removeData(this.widgetName);this.widget().unbind("."+this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass+ +"-disabled ui-state-disabled")},widget:function(){return this.element},option:function(a,c){var d=a;if(arguments.length===0)return b.extend({},this.options);if(typeof a==="string"){if(c===j)return this.options[a];d={};d[a]=c}this._setOptions(d);return this},_setOptions:function(a){var c=this;b.each(a,function(d,e){c._setOption(d,e)});return this},_setOption:function(a,c){this.options[a]=c;if(a==="disabled")this.widget()[c?"addClass":"removeClass"](this.widgetBaseClass+"-disabled ui-state-disabled").attr("aria-disabled", +c);return this},enable:function(){return this._setOption("disabled",false)},disable:function(){return this._setOption("disabled",true)},_trigger:function(a,c,d){var e=this.options[a];c=b.Event(c);c.type=(a===this.widgetEventPrefix?a:this.widgetEventPrefix+a).toLowerCase();d=d||{};if(c.originalEvent){a=b.event.props.length;for(var f;a;){f=b.event.props[--a];c[f]=c.originalEvent[f]}}this.element.trigger(c,d);return!(b.isFunction(e)&&e.call(this.element[0],c,d)===false||c.isDefaultPrevented())}}})(jQuery); +;/*! + * jQuery UI Mouse 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Mouse + * + * Depends: + * jquery.ui.widget.js + */ +(function(b){var d=false;b(document).mouseup(function(){d=false});b.widget("ui.mouse",{options:{cancel:":input,option",distance:1,delay:0},_mouseInit:function(){var a=this;this.element.bind("mousedown."+this.widgetName,function(c){return a._mouseDown(c)}).bind("click."+this.widgetName,function(c){if(true===b.data(c.target,a.widgetName+".preventClickEvent")){b.removeData(c.target,a.widgetName+".preventClickEvent");c.stopImmediatePropagation();return false}});this.started=false},_mouseDestroy:function(){this.element.unbind("."+ +this.widgetName)},_mouseDown:function(a){if(!d){this._mouseStarted&&this._mouseUp(a);this._mouseDownEvent=a;var c=this,f=a.which==1,g=typeof this.options.cancel=="string"&&a.target.nodeName?b(a.target).closest(this.options.cancel).length:false;if(!f||g||!this._mouseCapture(a))return true;this.mouseDelayMet=!this.options.delay;if(!this.mouseDelayMet)this._mouseDelayTimer=setTimeout(function(){c.mouseDelayMet=true},this.options.delay);if(this._mouseDistanceMet(a)&&this._mouseDelayMet(a)){this._mouseStarted= +this._mouseStart(a)!==false;if(!this._mouseStarted){a.preventDefault();return true}}true===b.data(a.target,this.widgetName+".preventClickEvent")&&b.removeData(a.target,this.widgetName+".preventClickEvent");this._mouseMoveDelegate=function(e){return c._mouseMove(e)};this._mouseUpDelegate=function(e){return c._mouseUp(e)};b(document).bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate);a.preventDefault();return d=true}},_mouseMove:function(a){if(b.browser.msie&& +!(document.documentMode>=9)&&!a.button)return this._mouseUp(a);if(this._mouseStarted){this._mouseDrag(a);return a.preventDefault()}if(this._mouseDistanceMet(a)&&this._mouseDelayMet(a))(this._mouseStarted=this._mouseStart(this._mouseDownEvent,a)!==false)?this._mouseDrag(a):this._mouseUp(a);return!this._mouseStarted},_mouseUp:function(a){b(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate);if(this._mouseStarted){this._mouseStarted= +false;a.target==this._mouseDownEvent.target&&b.data(a.target,this.widgetName+".preventClickEvent",true);this._mouseStop(a)}return false},_mouseDistanceMet:function(a){return Math.max(Math.abs(this._mouseDownEvent.pageX-a.pageX),Math.abs(this._mouseDownEvent.pageY-a.pageY))>=this.options.distance},_mouseDelayMet:function(){return this.mouseDelayMet},_mouseStart:function(){},_mouseDrag:function(){},_mouseStop:function(){},_mouseCapture:function(){return true}})})(jQuery); +;/* + * jQuery UI Slider 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Slider + * + * Depends: + * jquery.ui.core.js + * jquery.ui.mouse.js + * jquery.ui.widget.js + */ +(function(d){d.widget("ui.slider",d.ui.mouse,{widgetEventPrefix:"slide",options:{animate:false,distance:0,max:100,min:0,orientation:"horizontal",range:false,step:1,value:0,values:null},_create:function(){var a=this,b=this.options,c=this.element.find(".ui-slider-handle").addClass("ui-state-default ui-corner-all"),f=b.values&&b.values.length||1,e=[];this._mouseSliding=this._keySliding=false;this._animateOff=true;this._handleIndex=null;this._detectOrientation();this._mouseInit();this.element.addClass("ui-slider ui-slider-"+ +this.orientation+" ui-widget ui-widget-content ui-corner-all"+(b.disabled?" ui-slider-disabled ui-disabled":""));this.range=d([]);if(b.range){if(b.range===true){if(!b.values)b.values=[this._valueMin(),this._valueMin()];if(b.values.length&&b.values.length!==2)b.values=[b.values[0],b.values[0]]}this.range=d("<div></div>").appendTo(this.element).addClass("ui-slider-range ui-widget-header"+(b.range==="min"||b.range==="max"?" ui-slider-range-"+b.range:""))}for(var j=c.length;j<f;j+=1)e.push("<a class='ui-slider-handle ui-state-default ui-corner-all' href='#'></a>"); +this.handles=c.add(d(e.join("")).appendTo(a.element));this.handle=this.handles.eq(0);this.handles.add(this.range).filter("a").click(function(g){g.preventDefault()}).hover(function(){b.disabled||d(this).addClass("ui-state-hover")},function(){d(this).removeClass("ui-state-hover")}).focus(function(){if(b.disabled)d(this).blur();else{d(".ui-slider .ui-state-focus").removeClass("ui-state-focus");d(this).addClass("ui-state-focus")}}).blur(function(){d(this).removeClass("ui-state-focus")});this.handles.each(function(g){d(this).data("index.ui-slider-handle", +g)});this.handles.keydown(function(g){var k=true,l=d(this).data("index.ui-slider-handle"),i,h,m;if(!a.options.disabled){switch(g.keyCode){case d.ui.keyCode.HOME:case d.ui.keyCode.END:case d.ui.keyCode.PAGE_UP:case d.ui.keyCode.PAGE_DOWN:case d.ui.keyCode.UP:case d.ui.keyCode.RIGHT:case d.ui.keyCode.DOWN:case d.ui.keyCode.LEFT:k=false;if(!a._keySliding){a._keySliding=true;d(this).addClass("ui-state-active");i=a._start(g,l);if(i===false)return}break}m=a.options.step;i=a.options.values&&a.options.values.length? +(h=a.values(l)):(h=a.value());switch(g.keyCode){case d.ui.keyCode.HOME:h=a._valueMin();break;case d.ui.keyCode.END:h=a._valueMax();break;case d.ui.keyCode.PAGE_UP:h=a._trimAlignValue(i+(a._valueMax()-a._valueMin())/5);break;case d.ui.keyCode.PAGE_DOWN:h=a._trimAlignValue(i-(a._valueMax()-a._valueMin())/5);break;case d.ui.keyCode.UP:case d.ui.keyCode.RIGHT:if(i===a._valueMax())return;h=a._trimAlignValue(i+m);break;case d.ui.keyCode.DOWN:case d.ui.keyCode.LEFT:if(i===a._valueMin())return;h=a._trimAlignValue(i- +m);break}a._slide(g,l,h);return k}}).keyup(function(g){var k=d(this).data("index.ui-slider-handle");if(a._keySliding){a._keySliding=false;a._stop(g,k);a._change(g,k);d(this).removeClass("ui-state-active")}});this._refreshValue();this._animateOff=false},destroy:function(){this.handles.remove();this.range.remove();this.element.removeClass("ui-slider ui-slider-horizontal ui-slider-vertical ui-slider-disabled ui-widget ui-widget-content ui-corner-all").removeData("slider").unbind(".slider");this._mouseDestroy(); +return this},_mouseCapture:function(a){var b=this.options,c,f,e,j,g;if(b.disabled)return false;this.elementSize={width:this.element.outerWidth(),height:this.element.outerHeight()};this.elementOffset=this.element.offset();c=this._normValueFromMouse({x:a.pageX,y:a.pageY});f=this._valueMax()-this._valueMin()+1;j=this;this.handles.each(function(k){var l=Math.abs(c-j.values(k));if(f>l){f=l;e=d(this);g=k}});if(b.range===true&&this.values(1)===b.min){g+=1;e=d(this.handles[g])}if(this._start(a,g)===false)return false; +this._mouseSliding=true;j._handleIndex=g;e.addClass("ui-state-active").focus();b=e.offset();this._clickOffset=!d(a.target).parents().andSelf().is(".ui-slider-handle")?{left:0,top:0}:{left:a.pageX-b.left-e.width()/2,top:a.pageY-b.top-e.height()/2-(parseInt(e.css("borderTopWidth"),10)||0)-(parseInt(e.css("borderBottomWidth"),10)||0)+(parseInt(e.css("marginTop"),10)||0)};this.handles.hasClass("ui-state-hover")||this._slide(a,g,c);return this._animateOff=true},_mouseStart:function(){return true},_mouseDrag:function(a){var b= +this._normValueFromMouse({x:a.pageX,y:a.pageY});this._slide(a,this._handleIndex,b);return false},_mouseStop:function(a){this.handles.removeClass("ui-state-active");this._mouseSliding=false;this._stop(a,this._handleIndex);this._change(a,this._handleIndex);this._clickOffset=this._handleIndex=null;return this._animateOff=false},_detectOrientation:function(){this.orientation=this.options.orientation==="vertical"?"vertical":"horizontal"},_normValueFromMouse:function(a){var b;if(this.orientation==="horizontal"){b= +this.elementSize.width;a=a.x-this.elementOffset.left-(this._clickOffset?this._clickOffset.left:0)}else{b=this.elementSize.height;a=a.y-this.elementOffset.top-(this._clickOffset?this._clickOffset.top:0)}b=a/b;if(b>1)b=1;if(b<0)b=0;if(this.orientation==="vertical")b=1-b;a=this._valueMax()-this._valueMin();return this._trimAlignValue(this._valueMin()+b*a)},_start:function(a,b){var c={handle:this.handles[b],value:this.value()};if(this.options.values&&this.options.values.length){c.value=this.values(b); +c.values=this.values()}return this._trigger("start",a,c)},_slide:function(a,b,c){var f;if(this.options.values&&this.options.values.length){f=this.values(b?0:1);if(this.options.values.length===2&&this.options.range===true&&(b===0&&c>f||b===1&&c<f))c=f;if(c!==this.values(b)){f=this.values();f[b]=c;a=this._trigger("slide",a,{handle:this.handles[b],value:c,values:f});this.values(b?0:1);a!==false&&this.values(b,c,true)}}else if(c!==this.value()){a=this._trigger("slide",a,{handle:this.handles[b],value:c}); +a!==false&&this.value(c)}},_stop:function(a,b){var c={handle:this.handles[b],value:this.value()};if(this.options.values&&this.options.values.length){c.value=this.values(b);c.values=this.values()}this._trigger("stop",a,c)},_change:function(a,b){if(!this._keySliding&&!this._mouseSliding){var c={handle:this.handles[b],value:this.value()};if(this.options.values&&this.options.values.length){c.value=this.values(b);c.values=this.values()}this._trigger("change",a,c)}},value:function(a){if(arguments.length){this.options.value= +this._trimAlignValue(a);this._refreshValue();this._change(null,0)}else return this._value()},values:function(a,b){var c,f,e;if(arguments.length>1){this.options.values[a]=this._trimAlignValue(b);this._refreshValue();this._change(null,a)}else if(arguments.length)if(d.isArray(arguments[0])){c=this.options.values;f=arguments[0];for(e=0;e<c.length;e+=1){c[e]=this._trimAlignValue(f[e]);this._change(null,e)}this._refreshValue()}else return this.options.values&&this.options.values.length?this._values(a): +this.value();else return this._values()},_setOption:function(a,b){var c,f=0;if(d.isArray(this.options.values))f=this.options.values.length;d.Widget.prototype._setOption.apply(this,arguments);switch(a){case "disabled":if(b){this.handles.filter(".ui-state-focus").blur();this.handles.removeClass("ui-state-hover");this.handles.propAttr("disabled",true);this.element.addClass("ui-disabled")}else{this.handles.propAttr("disabled",false);this.element.removeClass("ui-disabled")}break;case "orientation":this._detectOrientation(); +this.element.removeClass("ui-slider-horizontal ui-slider-vertical").addClass("ui-slider-"+this.orientation);this._refreshValue();break;case "value":this._animateOff=true;this._refreshValue();this._change(null,0);this._animateOff=false;break;case "values":this._animateOff=true;this._refreshValue();for(c=0;c<f;c+=1)this._change(null,c);this._animateOff=false;break}},_value:function(){var a=this.options.value;return a=this._trimAlignValue(a)},_values:function(a){var b,c;if(arguments.length){b=this.options.values[a]; +return b=this._trimAlignValue(b)}else{b=this.options.values.slice();for(c=0;c<b.length;c+=1)b[c]=this._trimAlignValue(b[c]);return b}},_trimAlignValue:function(a){if(a<=this._valueMin())return this._valueMin();if(a>=this._valueMax())return this._valueMax();var b=this.options.step>0?this.options.step:1,c=(a-this._valueMin())%b;a=a-c;if(Math.abs(c)*2>=b)a+=c>0?b:-b;return parseFloat(a.toFixed(5))},_valueMin:function(){return this.options.min},_valueMax:function(){return this.options.max},_refreshValue:function(){var a= +this.options.range,b=this.options,c=this,f=!this._animateOff?b.animate:false,e,j={},g,k,l,i;if(this.options.values&&this.options.values.length)this.handles.each(function(h){e=(c.values(h)-c._valueMin())/(c._valueMax()-c._valueMin())*100;j[c.orientation==="horizontal"?"left":"bottom"]=e+"%";d(this).stop(1,1)[f?"animate":"css"](j,b.animate);if(c.options.range===true)if(c.orientation==="horizontal"){if(h===0)c.range.stop(1,1)[f?"animate":"css"]({left:e+"%"},b.animate);if(h===1)c.range[f?"animate":"css"]({width:e- +g+"%"},{queue:false,duration:b.animate})}else{if(h===0)c.range.stop(1,1)[f?"animate":"css"]({bottom:e+"%"},b.animate);if(h===1)c.range[f?"animate":"css"]({height:e-g+"%"},{queue:false,duration:b.animate})}g=e});else{k=this.value();l=this._valueMin();i=this._valueMax();e=i!==l?(k-l)/(i-l)*100:0;j[c.orientation==="horizontal"?"left":"bottom"]=e+"%";this.handle.stop(1,1)[f?"animate":"css"](j,b.animate);if(a==="min"&&this.orientation==="horizontal")this.range.stop(1,1)[f?"animate":"css"]({width:e+"%"}, +b.animate);if(a==="max"&&this.orientation==="horizontal")this.range[f?"animate":"css"]({width:100-e+"%"},{queue:false,duration:b.animate});if(a==="min"&&this.orientation==="vertical")this.range.stop(1,1)[f?"animate":"css"]({height:e+"%"},b.animate);if(a==="max"&&this.orientation==="vertical")this.range[f?"animate":"css"]({height:100-e+"%"},{queue:false,duration:b.animate})}}});d.extend(d.ui.slider,{version:"1.8.16"})})(jQuery); +;
\ No newline at end of file |
