You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
151 lines
6.7 KiB
CSS
151 lines
6.7 KiB
CSS
.rgb-r .cp-sldl-1,
|
|
.rgb-g .cp-sldl-1,
|
|
.rgb-b .cp-sldl-1,
|
|
.hsv-h .cp-sldl-1, .hsv-h .cp-sldr-1, .hsv-h .cp-sldr-2,
|
|
.hsv-s .cp-sldr-1,
|
|
.hsv-v .cp-sldr-1,
|
|
.hsl-h .cp-sldl-1, .hsl-h .cp-sldr-1, .hsl-h .cp-sldr-2,
|
|
.hsl-s .cp-sldr-1,
|
|
.hsl-l .cp-sldr-1,
|
|
.no-rgb-r .rgb-r .cp-sldr-2, .no-rgb-r .rgb-r .cp-sldr-3, .no-rgb-r .rgb-r .cp-sldr-4,
|
|
.no-rgb-g .rgb-g .cp-sldr-2, .no-rgb-g .rgb-g .cp-sldr-3, .no-rgb-g .rgb-g .cp-sldr-4,
|
|
.no-rgb-b .rgb-b .cp-sldr-2, .no-rgb-b .rgb-b .cp-sldr-3, .no-rgb-b .rgb-b .cp-sldr-4 {
|
|
visibility: hidden;
|
|
}
|
|
.rgb-r .cp-sldl-2, .rgb-r .cp-sldl-3,
|
|
.rgb-g .cp-sldl-2, .rgb-g .cp-sldl-3,
|
|
.rgb-b .cp-sldl-2, .rgb-b .cp-sldl-3 {
|
|
background-image: url(_patches.png);
|
|
}
|
|
.cp-slds div {
|
|
background-image: url(_vertical.png);
|
|
}
|
|
.hsv-h .cp-sldl-2, .hsv-s .cp-sldl-1, .hsv-v .cp-sldl-1,
|
|
.hsl-h .cp-sldl-2, .hsl-s .cp-sldl-1, .hsl-l .cp-sldl-1 {
|
|
background-image: url(_horizontal.png);
|
|
}
|
|
.hsv-s .cp-sldr-4, .hsv-v .cp-sldl-3, .hsl-s .cp-sldr-4, .hsl-l .cp-sldl-3 {
|
|
background: #000;
|
|
}
|
|
.hsl-s .cp-sldr-3, .hsl-l .cp-sldl-4 {
|
|
background: #FFF;
|
|
}
|
|
|
|
.rgb-r .cp-sldr-1 {background-color: #F00;}
|
|
.rgb-g .cp-sldr-1 {background-color: #0F0;}
|
|
.rgb-b .cp-sldr-1 {background-color: #00F;}
|
|
/* ---- RGB R ---- */
|
|
.rgb-r .cp-sldl-2 {background-position: -1664px 0px;}
|
|
.rgb-r .cp-sldl-3 {background-position: -896px 0px;}
|
|
.rgb-r .cp-sldr-1 {background-position: 0px -2432px;}
|
|
.rgb-r .cp-sldr-2 {background-position: 0px -2944px;}
|
|
.rgb-r .cp-sldr-3 {background-position: 0px -4480px;}
|
|
.rgb-r .cp-sldr-4 {background-position: 0px -3202px;}
|
|
/* ---- RGB G ---- */
|
|
.rgb-g .cp-sldl-2 {background-position: -640px 0px;}
|
|
.rgb-g .cp-sldl-3 {background-position: -384px 0px;}
|
|
.rgb-g .cp-sldr-1 {background-position: 0px -2432px;}
|
|
.rgb-g .cp-sldr-2 {background-position: 0px -4736px;}
|
|
.rgb-g .cp-sldr-3 {background-position: 0px -3968px;}
|
|
.rgb-g .cp-sldr-4 {background-position: 0px -3712px;}
|
|
/* ---- RGB B ---- */
|
|
.rgb-b .cp-sldl-2 {background-position: -1152px 0px;}
|
|
.rgb-b .cp-sldl-3 {background-position: -1408px 0px;}
|
|
.rgb-b .cp-sldr-1 {background-position: 0px -2432px;}
|
|
.rgb-b .cp-sldr-2 {background-position: 0px -3456px;}
|
|
.rgb-b .cp-sldr-3 {background-position: 0px -4224px;}
|
|
.rgb-b .cp-sldr-4 {background-position: 0px -2688px;}
|
|
/* ---- HSV H ---- */
|
|
.hsv-h .cp-sldl-2 {background-position: 0px 0px;}
|
|
.hsv-h .cp-sldl-3 {background-position: 0px -2432px;}
|
|
.hsv-h .cp-sldr-4 {background-position: 0px -1664px;}
|
|
/* ---- HSV S ---- */
|
|
.hsv-s .cp-sldl-1 {background-position: -256px 0px;}
|
|
.hsv-s .cp-sldl-2 {background-position: 0px -2432px;}
|
|
.hsv-s .cp-sldl-3 {background-position: 0px -2176px;}
|
|
.hsv-s .cp-sldr-2 {background-position: 0px -1920px;}
|
|
/* ---- HSV B ---- */
|
|
.hsv-v .cp-sldl-1 {background-position: -256px 0px;}
|
|
.hsv-v .cp-sldl-2 {background-position: 0px -1920px;}
|
|
.hsv-v .cp-sldr-2 {background-position: 0px -2432px;}
|
|
.hsv-v .cp-sldr-4 {background-position: 0px -2176px;}
|
|
/* ---- HSL H ---- */
|
|
.hsl-h .cp-sldl-2 {background-position: -768px 0px;}
|
|
.hsl-h .cp-sldl-3 {background-position: 0px -5184px;}
|
|
.hsl-h .cp-sldr-4 {background-position: 0px -1664px;}
|
|
/* ---- HSL S ---- */
|
|
.hsl-s .cp-sldl-1 {background-position: -256px 0px;}
|
|
.hsl-s .cp-sldl-2 {background-position: 0px -5184px;}
|
|
.hsl-s .cp-sldl-3 {background-position: 0px -2176px;}
|
|
.hsl-s .cp-sldr-2 {background-position: 0px -5824px;}
|
|
/* ---- HSL L ---- */
|
|
.hsl-l .cp-sldl-1 {background-position: -256px 0px;}
|
|
.hsl-l .cp-sldl-2 {background-position: 0px -5824px;}
|
|
.hsl-l .cp-sldr-2 {background-position: 0px -5184px;}
|
|
.hsl-l .cp-sldr-4 {background-position: 0px -2176px;}
|
|
/* ---- RGB R ---- */
|
|
.S .rgb-r .cp-sldl-2 {background-position: -128px -128px;}
|
|
.S .rgb-r .cp-sldl-3 {background-position: 0px 0px;}
|
|
.S .rgb-r .cp-sldr-1 {background-position: 0px -1408px;}
|
|
.S .rgb-r .cp-sldr-2 {background-position: 0px -128px;}
|
|
.S .rgb-r .cp-sldr-3 {background-position: 0px -896px;}
|
|
.S .rgb-r .cp-sldr-4 {background-position: 0px -256px;}
|
|
/* ---- RGB G ---- */
|
|
.S .rgb-g .cp-sldl-2 {background-position: -256px -128px;}
|
|
.S .rgb-g .cp-sldl-3 {background-position: -256px 0px;}
|
|
.S .rgb-g .cp-sldr-1 {background-position: 0px -1408px;}
|
|
.S .rgb-g .cp-sldr-2 {background-position: 0px -1024px;}
|
|
.S .rgb-g .cp-sldr-3 {background-position: 0px -640px;}
|
|
.S .rgb-g .cp-sldr-4 {background-position: 0px -512px;}
|
|
/* ---- RGB B ---- */
|
|
.S .rgb-b .cp-sldl-2 {background-position: -128px 0px;}
|
|
.S .rgb-b .cp-sldl-3 {background-position: 0px -128px;}
|
|
.S .rgb-b .cp-sldr-1 {background-position: 0px -1408px;}
|
|
.S .rgb-b .cp-sldr-2 {background-position: 0px -384px;}
|
|
.S .rgb-b .cp-sldr-3 {background-position: 0px -768px;}
|
|
.S .rgb-b .cp-sldr-4 {background-position: 0px 0px;}
|
|
/* ---- HSV H ---- */
|
|
.S .hsv-h .cp-sldl-2 {background-position: -640px 0px;}
|
|
.S .hsv-h .cp-sldl-3 {background-position: 0px -1408px;}
|
|
.S .hsv-h .cp-sldr-4 {background-position: 0px -1536px;}
|
|
/* ---- HSV S ---- */
|
|
.S .hsv-s .cp-sldl-1 {background-position: -512px 0px;}
|
|
.S .hsv-s .cp-sldl-2 {background-position: 0px -1408px;}
|
|
.S .hsv-s .cp-sldl-3 {background-position: 0px -1280px;}
|
|
.S .hsv-s .cp-sldr-2 {background-position: 0px -1152px;}
|
|
/* ---- HSV B ---- */
|
|
.S .hsv-v .cp-sldl-1 {background-position: -512px 0px;}
|
|
.S .hsv-v .cp-sldl-2 {background-position: 0px -1152px;}
|
|
.S .hsv-v .cp-sldr-2 {background-position: 0px -1408px;}
|
|
.S .hsv-v .cp-sldr-4 {background-position: 0px -1280px;}
|
|
/* ---- HSL H ---- */
|
|
.S .hsl-h .cp-sldl-2 {background-position: -1024px 0px;}
|
|
.S .hsl-h .cp-sldl-3 {background-position: 0px -5440px;}
|
|
.S .hsl-h .cp-sldr-4 {background-position: 0px -1536px;}
|
|
/* ---- HSL S ---- */
|
|
.S .hsl-s .cp-sldl-1 {background-position: -512px 0px;}
|
|
.S .hsl-s .cp-sldl-2 {background-position: 0px -5440px;}
|
|
.S .hsl-s .cp-sldl-3 {background-position: 0px -1280px;}
|
|
.S .hsl-s .cp-sldr-2 {background-position: 0px -5696px;}
|
|
/* ---- HSL L ---- */
|
|
.S .hsl-l .cp-sldl-1 {background-position: -512px 0px;}
|
|
.S .hsl-l .cp-sldl-2 {background-position: 0px -5696px;}
|
|
.S .hsl-l .cp-sldr-2 {background-position: 0px -5440px;}
|
|
.S .hsl-l .cp-sldr-4 {background-position: 0px -1280px;}
|
|
/* ---- HSV S ---- */
|
|
.XXS .hsv-s .cp-sldl-2 {background-position: 0px -5120px;}
|
|
.XXS .hsv-s .cp-sldl-3 {background-position: 0px -5056px;}
|
|
.XXS .hsv-s .cp-sldr-2 {background-position: 0px -4992px;}
|
|
/* ---- HSV B ---- */
|
|
.XXS .hsv-v .cp-sldl-2 {background-position: 0px -4992px;}
|
|
.XXS .hsv-v .cp-sldr-2 {background-position: 0px -5120px;}
|
|
.XXS .hsv-v .cp-sldr-4 {background-position: 0px -5056px;}
|
|
/* ---- HSL S ---- */
|
|
.XXS .hsl-s .cp-sldl-2 {background-position: 0px -5568px;}
|
|
.XXS .hsl-s .cp-sldl-3 {background-position: 0px -5056px;}
|
|
.XXS .hsl-s .cp-sldr-2 {background-position: 0px -5632px;}
|
|
/* ---- HSL L ---- */
|
|
.XXS .hsl-l .cp-sldl-2 {background-position: 0px -5632px;}
|
|
.XXS .hsl-l .cp-sldl-3 {background-position: 0px -5056px;}
|
|
.XXS .hsl-l .cp-sldr-2 {background-position: 0px -5568px;}
|
|
.XXS .hsl-l .cp-sldr-4 {background-position: 0px -5056px;} |