|
|
|
@ -17,21 +17,23 @@
|
|
|
|
|
<title>tiny jQuery color picker demo</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="content-wrapper">
|
|
|
|
|
<h1>Tiny jQuery colorPicker</h1>
|
|
|
|
|
<p>This a demo that describes tinyColorPicker custumization 'Skinned dev-tools like with RGB sliders' in a more understandable way.</p>
|
|
|
|
|
<a name="demo" id="demo" class="a-inline"></a>
|
|
|
|
|
<h2>Skinned dev-tools like, with RGB sliders</h2>
|
|
|
|
|
<div class="input-toggles">
|
|
|
|
|
<input class="color no-alpha" value="#B6BD79" />
|
|
|
|
|
<input class="color no-alpha" value="rgb(162, 63, 3)" />
|
|
|
|
|
<input class="color no-alpha" value="hsl(32, 95%, 23%)" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="div-toggles">
|
|
|
|
|
<div class="trigger" value="#556B2F"><div><div></div></div></div>
|
|
|
|
|
<div class="trigger" value="rgb(100, 86, 70)"><div><div></div></div></div>
|
|
|
|
|
<div class="trigger" value="hsla(167, 29%, 68%, 0.8)"><div><div></div></div></div>
|
|
|
|
|
<div id="content-wrapper">
|
|
|
|
|
<h1>Tiny jQuery colorPicker</h1>
|
|
|
|
|
<p>This is a demo that describes tinyColorPicker custumization 'Skinned dev-tools like with RGB sliders' in a more understandable way.</p>
|
|
|
|
|
<a name="demo" id="demo" class="a-inline"></a>
|
|
|
|
|
<h2>Skinned dev-tools like, with RGB sliders</h2>
|
|
|
|
|
<div class="input-toggles">
|
|
|
|
|
<input class="color no-alpha" value="#B6BD79" />
|
|
|
|
|
<input class="color no-alpha" value="rgb(162, 63, 3)" />
|
|
|
|
|
<input class="color no-alpha" value="hsl(32, 95%, 23%)" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="div-toggles">
|
|
|
|
|
<div class="trigger" value="#556B2F"><div><div></div></div></div>
|
|
|
|
|
<div class="trigger" value="rgb(100, 86, 70)"><div><div></div></div></div>
|
|
|
|
|
<div class="trigger" value="hsla(167, 29%, 68%, 0.8)"><div><div></div></div></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<a class="a-inline" href="https://github.com/PitPik/tinyColorPicker"><img style="position: absolute; top: 0; right: 0; border: 0;" src="../development/fmog.png" alt="Fork me on GitHub"></a>
|
|
|
|
|
<a class="a-inline" href="https://github.com/PitPik/tinyColorPicker"><img style="position: absolute; top: 0; right: 0; border: 0;" src="../development/fmog.png" alt="Fork me on GitHub"></a>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|