diff options
Diffstat (limited to 'colors.htm')
| -rw-r--r-- | colors.htm | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/colors.htm b/colors.htm new file mode 100644 index 0000000..95c0357 --- /dev/null +++ b/colors.htm @@ -0,0 +1,49 @@ +<html> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> +<link rel="stylesheet" type="text/css" href="style.css"> +<link href='http://fonts.googleapis.com/css?family=Chivo:400italic' rel='stylesheet' type='text/css'> +</head> +<body> + <div id="colorpicker"> + <div id="container"> + <div id="d0" class="colors"></div> + </div> + <div id="colornames">CLICK TO CHOOSE THE COLOR</div> + <div id="switches"> + <span class="subtitle">OPTIONS</span> + <div id="hexswitch" class="theswitches">CLICK TO SWITCH TO RGB VALUES</div> + <br /> + <div id="infoswitch" class="theswitches">CLICK TO TOGGLE PALATE INFO<span id="infospace">(NONE)</span></div> + <br /> + <div id="backgroundswitch" class="theswitches">BACKGROUNDS...</div> + <div id="bg_menu" class="hide"> + <div class="bgOptions" id="bg1"><span id="bg1text">Dithered</span></div> + <div class="bgOptions" id="bg2">Black</div> + <div class="bgOptions" id="bg3">White</div> + <div class="bgOptions" id="bg4">Gray</div> + <div class="bgOptions" id="bg5"> + <label for="chooseyourown">Choose your own (add a Url)</label> + <input type="text" value=""> + </div> + <div class="bgOptions" id="selectors"></div> + </div> + <br /> + <div id="preview" style="width: 206px; height: 127px; background-color: rgb(171, 171, 171); border-style: none;"></div> + <div class="subtitle">YOU WILL CHOOSE:<br /> + <input type="text" id="namespace" class="subtitle" /> + </div> + <br /> + <span id="transparent" class="smalltitle">to choose transparent as a color, click + <span id="transbutton" class="defaulttrans">HERE</span><span id="extra" class="smalltitle"></span> + </span> + </div> + <div id="vasebackground"></div> + <div id="vase"></div> + <div id="vaseshim"></div> + </div> + <script type="text/javascript" src="./js/jquery-1.6.4.min.js"></script> + <script type="text/javascript" src="./js/data.js"></script> + <script type="text/javascript" src="./js/colorpicker.js"></script> +</body> +</html> |