<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\r
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">\r
<head>\r
- <link rel="stylesheet" href="css/colorpicker.css" type="text/css" />\r
- <link rel="stylesheet" media="screen" type="text/css" href="css/layout.css" />\r
+\r
<title>ColorPicker</title>\r
\r
<style type="text/css" media="screen">\r
\r
-body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { \r
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {\r
margin:0;\r
padding:0;\r
}\r
border-collapse:collapse;\r
border-spacing:0;\r
}\r
-fieldset,img { \r
+fieldset,img {\r
border:0;\r
}\r
address,caption,cite,code,dfn,em,strong,th,var {\r
\r
</style>\r
\r
-<link rel="stylesheet" href="../../themes/default/ui.colorpicker.css" type="text/css" media="screen" title="no title" charset="utf-8"> \r
- \r
+<link rel="stylesheet" href="../../themes/default/ui.all.css" type="text/css" media="screen" title="no title" charset="utf-8">\r
+\r
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
<script type="text/javascript" src="../../ui/ui.core.js"></script>\r
<script type="text/javascript" src="../../ui/ui.colorpicker.js"></script>\r
\r
<script type="text/javascript">\r
- \r
+\r
$(document).ready(function() {\r
- \r
+\r
$('#colorpickerHolder').colorpicker({ flat: true });\r
$('#colorpickerHolder2').colorpicker({\r
flat: true,\r
change: function (e, ui) {\r
$('#colorSelector div').css('backgroundColor', '#' + ui.hex);\r
}\r
- }); \r
- \r
+ });\r
+\r
});\r
\r
</script>\r