From 976a9e21796026d55200a0444edbbad5bd3fd731 Mon Sep 17 00:00:00 2001 From: yo mama Date: Fri, 3 Apr 2015 21:23:56 -0700 Subject: pepper branch --- css/style.css | 37 ++-- index.html | 186 ++++++++++-------- js/colorpicker.js | 568 +----------------------------------------------------- 3 files changed, 127 insertions(+), 664 deletions(-) diff --git a/css/style.css b/css/style.css index b0e00e0..49d4b48 100644 --- a/css/style.css +++ b/css/style.css @@ -6,7 +6,12 @@ body { } #colorpicker { + position: fixed; + top: 0px; + left: 0px; + height:100%; width:100%; + overflow-y: scroll; font-family:helvetica; font-size:10px; background-color: gray; @@ -20,8 +25,7 @@ body { } #bg_menu { height: 100px; - width: 300px; - background-color:red; + background-color:silver; } .bgOptions{ font-family: 'Chivo', sans-serif; @@ -54,8 +58,12 @@ color: black; height:150px; } #transparent,#submitvalue,#addfavlist,#openfavlist { + margin-top:0.5em; font-size:12px; } +#submitvalue{ + text-align: center; +} #namespace { width:inherit; } @@ -67,6 +75,7 @@ color: black; padding-left:10px; text-align:center; font-size:0; + margin-bottom:14px; } #container div { @@ -87,6 +96,7 @@ color: black; } #colornames { color:white; + z-index:12; position:fixed; top:50px; left:2%; @@ -105,10 +115,10 @@ color: black; display: none; } #switches { + position:fixed; - top: 118px; - right:1%; - height: 540px; + top: 0px; + right:1.2em; width: 334px; font-size:20px; border-style: groove; @@ -117,7 +127,8 @@ color: black; padding:2px; box-shadow: 10px 10px 5px #141414; z-index: 10; - overflow: hidden; + overflow: visible; + } .switches_depressed{ color: #aaa; @@ -208,6 +219,12 @@ label { } #favpanel{ width:inherit; + background: lightgray; + margin-top: 15px; + padding-top: 10px; + padding-bottom: 10px; + height: 140px; + overflow-y: auto; } #favpanel .paneltitle{ color:black; @@ -230,12 +247,6 @@ label { width:inherit; display: block; } -.favcolor-none { - margin-right:3px; - margin-left:10px; - width:inherit; - display: none; -} .clear { clear:both; } @@ -250,4 +261,4 @@ label { height:11px; width:18px; display:inline-block; -} \ No newline at end of file +} diff --git a/index.html b/index.html index 0e3b683..541dc40 100644 --- a/index.html +++ b/index.html @@ -2,91 +2,107 @@ - - - - - -

- - - resize width - px -
- - resize height - px -
- - nearest neighbor? - -
- - - - recolor white - -

-
- - recolor black - -
- - - List of Color Names - - hue (0-200) - - - - flip horizontally? - -
- - flip vertically? - -
- - rotate (0-360) -
- - - - output format - -

- + +

CLICK TO CHOOSE THE COLOR

+ +

+ + + +

+ + + + + + + diff --git a/js/colorpicker.js b/js/colorpicker.js index 62870fb..5d77131 100644 --- a/js/colorpicker.js +++ b/js/colorpicker.js @@ -1,566 +1,2 @@ -var old = {}; -var colorsheight; -var colorswidth; -var widthratio = 7; -var numberacross = 10; -var backgroundstate = 2; -var infostate = 0; -var names = true; -var hexes = false; -var rgbs = false; -var favshow = false; -var selectedname = ""; -var selectedrgb; -var curfavcolor = ""; -var curfavcolorId = ""; -var separate = ';'; -//---------element objects---------- -var transbutton = $('#transbutton'); -var submitvalue = $('#submitvalue'); -var addfav = $('#addfavlist'); -var openfav = $('#openfavlist'); -var preview = $('#preview'); -var colornames = $('#colornames'); -var namespace = $('#namespace'); -var extra = $('#extra'); -var container = $('#container'); -var switches = $('#switches'); -var transparent = $('#transparent'); -var infospace = $('#infospace'); -var infoswitch = $('#infoswitch'); -var backgroundswitch = $('#backgroundswitch'); -var bg_menu = $('#bg_menu'); -var vasebackground = $('#vasebackground'); -var hexswitch = $('#hexswitch'); -var favpanel = $('#favpanel'); -var orgheight = 0; -var bscroll = false; -//---------------------------------- -$(function(){ - ColorPicker.show(); -}); - -function selectfavColor(selcolor, id) -{ - addfav.html('Remove from Favorites'); - curfavcolor = selcolor; - curfavcolorId = id; - var rgbregex = /rgb$(\d{1,3}), (\d{1,3}), (\d{1,3})$/; - var hexregex = /^#(?:[0-9a-f]{3}){1,2}$/i; - hexes = false; - names = false; - rgbs = false; - var match = rgbregex.exec(selcolor); - if (match != null) { - selectedname = rgbtoname[selcolor]; - selectedrgb = selcolor; - hexes = true; - hexswitch.html('CLICK TO SWITCH TO HEX VALUES'); - } else if((match = hexregex.exec(selcolor))!= null) { - names = true; - selectedrgb = hextorgb[selcolor]; - selectedname = rgbtoname[selectedrgb]; - hexswitch.html('CLICK TO SWITCH TO COLOR NAMES'); - } else { - selectedname = selcolor; - selectedrgb = hextorgb[nametohex[selectedname]]; - hexswitch.html('CLICK TO SWITCH TO RGB VALUES'); - rgbs = true; - } - colornames.html(selcolor); - namespace.val(selcolor); - preview.css({'background-color':selectedrgb,'border-style':'none'}); - vasebackground.css('background-color',selectedrgb); -} - -var ColorPicker = { - GoldenFuncs: { - regolden: function(num) { - ratio = (1+Math.sqrt(5))/2; - newnum = Math.round(num/ratio); - return newnum; - }, - goldenize: function(num) { - ratio = (1+Math.sqrt(5))/2; - newnum = Math.round(num*ratio); - return newnum; - }, - getproperty: function(idandselectr, propertystr) { - //turns css property width or height into an integer value - grab = $(idandselectr).css(propertystr); - grab = grab.slice(0,-2); - numval = parseInt(grab); - return numval; - }, - makegolden: function(idandselectr, propertystr) { - result = ColorPicker.GoldenFuncs.getproperty(idandselectr, propertystr); - newval = ColorPicker.GoldenFuncs.goldenize(result) + 60; - propval = newval.toString()+'px'; - if(propertystr == 'height') { - $(idandselectr).css('width', propval); - }else if(propertystr == 'width') { - $(idandselectr).css('height', propval); - } - } - }, - Events: { - addEventListener: function(){ - //--------event handler of transparent button------- - transbutton.click(function() { - namespace.val('transparent'); - preview.css({'background-color':'transparent','border-style':'dashed','border-width':'2px'}); - colornames.html('transparent'); - colornames.fadeOut(100); - colornames.fadeIn(500); - extra.html('

note: the .jpg image format does not support transparency'); - }); - transbutton.hover(function(){ transbutton.addClass('hovertrans')}, - function(){ transbutton.attr('class','defaulttrans')}); - submitvalue.hover(function(){ submitvalue.addClass('hovertrans')}, - function(){ submitvalue.attr('class','defaulttrans')}); - addfav.hover(function(){ addfav.addClass('hovertrans')}, - function(){ addfav.attr('class','defaulttrans')}); - $('.bgOptions').click(function(){ - if (this.id == "bg1") - { - $('#colorpicker').css({'background-image':'url("./images/bg.dither.gif")','background-color':'gray','background-color':'black'}); - }else if(this.id == "bg5"){ - $('#' + this.id).bind('keypress', function(event){ - var key = event.which || event.keyCode; - if(key === 13) { - $('#colorpicker').css({'background-image':"url('" + $('#bgURI').val() + "')"}); - $('#opt_bgURI').val($('#bgURI').val()); - $('#bgURI').val(''); - } - }); - }else{ - $('#colorpicker').css({'background-image':'none','background-color':$('#' + this.id).html().toLowerCase()}); - } - $('#opt_bgColor').val(this.id); - }); - //--------event handler over colorpanel------- - var firstwidth; - $('.colors').mouseover(function() { - extra.html(""); - if(this.id != 'd0') { - $(this).css({'height':ColorPicker.GoldenFuncs.goldenize(colorsheight), - 'width':ColorPicker.GoldenFuncs.goldenize(colorswidth)}); - firstwidth = container.css('width'); - newwidth = firstwidth+ColorPicker.GoldenFuncs.goldenize(colorswidth)-colorswidth; - container.css('width',newwidth); - } - }); - $('.colors').mouseout(function() { - $(this).css('height',colorsheight) - $(this).css('width', colorswidth) - container.css('width',firstwidth) - }); - $('.colors').hover(function() { - var stringvalue = 'CLICK TO CHOOSE THE COLOR'; - colornames.fadeOut(100); - colornames.fadeIn(500); - stringvalue = ColorPicker.showcolorname(this.id); - colornames.html(stringvalue); - }); - $('.colors').click(function() { - selectednameid = $(this).attr('id') - selectedname = divtoname['#'+selectednameid]; - selectedrgb = $(this).css('background-color'); - ColorPicker.putitin(); - }); - //-------------others handler------------------------------- - infoswitch.hover(function(){infospace.show()}, function(){infospace.hide('slow')} ); - infoswitch.click(function(){ColorPicker.switchcolorinfo()}); - backgroundswitch.clicked = false; - backgroundswitch.click(function(){ - if (! backgroundswitch.clicked){ - bg_menu.slideDown("fast", function(){ - backgroundswitch.clicked = true; - backgroundswitch.addClass("switches_depressed"); - }); - }else{ - bg_menu.slideUp("fast", function(){ - backgroundswitch.clicked = false; - backgroundswitch.removeClass("switches_depressed"); - }) - } - }); - addfav.click(function(){ColorPicker.addfavourites()}); - openfav.click(function(){ColorPicker.openfavourites()}); - hexswitch.click(function(){ColorPicker.hexcolorswitch(); ColorPicker.resetfavcolor();}); - $('.theswitches').hover(function(){ ColorPicker.switchhovercss(this.id, 'over') }, - function(){ ColorPicker.switchhovercss(this.id, 'out') }); - //-------handler for window resive---- - $(window).resize(function() - { - ColorPicker.setupdimensions(); - }); - } - }, - getcolorfromfavorite: function(fvalue){ - var rgbregex = /rgb$(\d{1,3}), (\d{1,3}), (\d{1,3})$/; - var hexregex = /^#(?:[0-9a-f]{3}){1,2}$/i; - var retcolor = ''; - var match = rgbregex.exec(fvalue); - if (match != null) { - retcolor = fvalue; - } else if((match = hexregex.exec(fvalue))!= null) { - retcolor = hextorgb[fvalue]; - } else { - retcolor = hextorgb[nametohex[fvalue]]; - } - return retcolor; - }, - resetfavcolor: function(){ - $('.favcolor').each(function(index){ - var favcol = $(this).find('label').html(); - var rgbcol = ColorPicker.getcolorfromfavorite(favcol); - var colname = ""; - if (hexes === true) { - colname = rgbcol; - }else if(rgbs === true) { - colname = rgbtoname[rgbcol]; - }else if (names === true) { - colname = rgbtohex[rgbcol]; - } - $(this).find('label').html(colname); - }); - }, - initfavpanel: function(){ - var fcolors = $('#favcolors').val(); - var clist=fcolors.split(separate); - for(var i=0; i < clist.length; i++) { - if (clist[i] != '') - { - var col = ColorPicker.getcolorfromfavorite(clist[i]); - var colname = ""; - if (hexes === true) { - colname = col; - }else if(rgbs === true) { - colname = rgbtoname[col]; - }else if (names === true) { - colname = rgbtohex[col]; - } - favpanel.append('' + colname + ' '); - } - } - }, - existsfavcolor: function(fcolor) { - var fcolors = $('#favcolors').val(); - var clist=fcolors.split(separate); - for(var i=0; i < clist.length; i++) { - if (clist[i] == fcolor) - { - return i; - } - } - return -1; - }, - setpaneldimension: function(){ - var fcolors = $('#favcolors').val(); - var clist=fcolors.split(separate); - if (clist.length > 3) - { - switches.css({'height': orgheight + 19 * (clist.length - 3) }); - }else { - switches.css({'height': orgheight }); - } - }, - addfavourites: function() { - var fcolors = $('#favcolors').val(); - - if (curfavcolor != '') { - var clist=fcolors.split(separate); - var index = ColorPicker.existsfavcolor(curfavcolor); - if(index != 0 && index == clist.length - 1) - { - fcolors = fcolors.replace(separate + curfavcolor, ''); - }else if(clist.length == 1) { - fcolors = fcolors.replace(curfavcolor, ''); - }else{ - fcolors = fcolors.replace(curfavcolor+ separate, ''); - } - $('#' + curfavcolorId).remove(); - addfav.html('Add to Favorites'); - curfavcolor = ""; - curfavcolorId = ""; - $('#favnone').attr('checked','checked'); - if (fcolors == '') - { - favpanel.hide(); - favshow = false; - openfav.attr('class','defaulttrans'); - } - }else { - if (ColorPicker.existsfavcolor(namespace.val()) == -1) - { - if (fcolors.length > 0) { - fcolors = fcolors + separate + namespace.val(); - }else { - fcolors = namespace.val(); - } - var colname = namespace.val(); - var clist=fcolors.split(separate); - var id = clist.length - 1; - $('#favmsg').remove(); - favpanel.append('' + colname + ' '); - } - } - $('#favcolors').val(fcolors); - ColorPicker.setpaneldimension(); - }, - openfavourites: function() { - if (favshow) { - favpanel.hide(); - openfav.attr('class','defaulttrans'); - favshow = false; - $('#favmsg').remove(); - switches.css({'height': orgheight }); - bscroll = false; - }else { - favpanel.show(); - openfav.addClass('hovertrans'); - favshow = true; - var fcolors = $('#favcolors').val(); - if(fcolors == '') { - favpanel.append('No favourite colors.'); - } - bscroll = true; - ColorPicker.setpaneldimension(); - ColorPicker.resetfavcolor(); - } - addfav.html('Add to Favorites'); - curfavcolor = ""; - curfavcolorId = ""; - $('.favcolor input[type=radio]').attr('checked',false); - }, - loadColorStorage: function() { - var opts = $('#opt_hexswitch').val(); - if (opts != '') - { - names = false; - rgbs = false; - hexes = false; - if(opts == 'names') { - selectedname = namespace.val(); - selectedrgb = hextorgb[nametohex[selectedname]]; - hexswitch.html('CLICK TO SWITCH TO RGB VALUES'); - rgbs = true; - }else if(opts == 'rgbs') { - selectedname = rgbtoname[namespace.val()]; - selectedrgb = namespace.val(); - hexes = true; - hexswitch.html('CLICK TO SWITCH TO HEX VALUES') - }else if(opts == 'hexes') { - names = true; - selectedrgb = hextorgb[namespace.val()]; - selectedname = rgbtoname[selectedrgb]; - hexswitch.html('CLICK TO SWITCH TO COLOR NAMES'); - } - } - - colornames.html(selectedname); - preview.css({'background-color':selectedrgb,'border-style':'none'}); - vasebackground.css('background-color',selectedrgb); - infostate = parseInt($('#opt_infoswitch').val()); - ColorPicker.switchcolorinfo(); - - var bgOpt = $('#opt_bgColor').val(); - if (bgOpt != '') - { - if (bgOpt == "bg1") - { - $('#colorpicker').css({'background-image':'url("./images/bg.dither.gif")','background-color':'gray','background-color':'black'}); - }else if(bgOpt == "bg5"){ - $('#colorpicker').css({'background-image':"url('" + $('#opt_bgURI').val() + "')"}); - }else{ - $('#colorpicker').css({'background-image':'none','background-color':$('#' + bgOpt).html()}); - } - } - - $('#bgURI').val($('#opt_bgURI').val()); - ColorPicker.initfavpanel(); - }, - switchhovercss: function(sel, uno) { - var chng = {}; - chng['color'] = 'white'; - chng['text-shadow'] = 'black 1px 2px'; - chng['background-image'] = "url('./images/hoverbackground.jpg')"; - if(uno == 'over') { - for(var key in chng) { - old[key] = $('#'+sel).css(key); - } - for(var key in chng){ - $('#'+sel).css(key, chng[key]); - } - }else if(uno == 'out') { - for(var key in old){ - $('#'+sel).css(key, old[key]); - } - } - }, - showcolorname: function(divstr) { - var rgb = $('#'+divstr).css('background-color'); - var colorname = divtoname['#'+divstr]; - var imname = colorname; - if (hexes === true) { - imname = rgb; - }else if(rgbs === true) { - imname = colorname; - }else if (names === true) { - imname = rgbtohex[rgb]; - } - return imname; - }, - hexcolorswitch: function() { - if(names == true) { - hexes = false; - hexswitch.html('CLICK TO SWITCH TO RGB VALUES'); - namespace.val(selectedname); - names = false; - rgbs = true; - $('#opt_hexswitch').val('names'); - }else if(hexes == true) { - rgbs = false; - hexswitch.html('CLICK TO SWITCH TO COLOR NAMES'); - namespace.val(rgbtohex[selectedrgb]); - hexes = false; - names = true; - $('#opt_hexswitch').val('hexes'); - }else if(rgbs == true) { - names = false; - hexswitch.html('CLICK TO SWITCH TO HEX VALUES') - namespace.val(selectedrgb) - rgbs = false; - hexes = true; - $('#opt_hexswitch').val('rgbs'); - } - }, - putitin: function() { - var thecolor = ''; - if (rgbs === true) { thecolor = selectedname; } - if (hexes === true) { thecolor = selectedrgb; } - if (names === true) { thecolor = rgbtohex[selectedrgb]; } - namespace.val(thecolor); - preview.css({'background-color':selectedrgb,'border-style':'none'}); - vasebackground.css('background-color',selectedrgb); - }, - getcontainerwidth: function () { - basis = $('.colors').css('width'); - basis = parseInt(basis.slice(0,-2)); - secondbasis = '2px'; - secondbasis = parseInt(secondbasis.slice(0,-2)); - widthval = (secondbasis*(numberacross*2))+(basis*numberacross)+(basis*.44);//(goldenize(basis)-basis) - if (widthval < 406){ - widthval = 406; - } - widthval = widthval.toString()+'px'; - return widthval; - }, - shrinkwidth: function(arg, ratio) { - for(var i=0; i < ratio; i++) { - arg = ColorPicker.GoldenFuncs.regolden(arg); - } - division = Math.round(arg); - return division; - }, - setupfonts: function () { - fontratioone = ColorPicker.shrinkwidth(windowWidth, 9); - $('.theswitches').css('font-size',fontratioone); - fontratiotwo = ColorPicker.shrinkwidth(windowWidth, 8); - $('.subtitle').css('font-size',fontratiotwo); - colornames.css('font-size', ColorPicker.GoldenFuncs.goldenize(fontratiotwo)+'px'); - colornames.css('text-shadow', 'black 1px 2px'); - var transfont = ColorPicker.GoldenFuncs.regolden(fontratioone); - $('.smalltitle').css({'width':'100%','font-size':fontratioone}); - }, - setupsides: function() { - container.css({'position':'relative','z-index':'1'}); - switches.css('z-index','10'); - var basis = container.css('width'); - basis = parseInt(basis.slice(0,-2)); - remainder = (100-basis)/2; - widths = ColorPicker.GoldenFuncs.regolden(basis); - widths = widths.toString()+'px'; - lateralbasis = ColorPicker.GoldenFuncs.regolden(remainder); - leftside = toString(lateralbasis)+'%'; - rightside = toString(100-lateralbasis)+'%'; - colornames.css('left', leftside); - switches.css({'width': widths, 'left': rightside, 'overflow':'hidden','top':'118px'}); - }, - previewdimensions: function() { - first = switches.css('width'); - first = parseInt(first.slice(0,-2)); - width = ColorPicker.GoldenFuncs.regolden(first); - height = ColorPicker.GoldenFuncs.regolden(width); - width = width.toString()+'px'; - height = height.toString()+'px'; - preview.css({'width':width, 'height':height}); - }, - setupdimensions: function() { - if(window.innerWidth > 933) { - windowWidth = window.innerWidth - }else{ windowWidth = 933 } - colorswidth = ColorPicker.shrinkwidth(windowWidth, widthratio); - $('.colors').css('width', colorswidth.toString()+'px'); - colorsheight = ColorPicker.GoldenFuncs.regolden(colorswidth); - propval = colorsheight.toString()+'px'; - $('.colors').css('height', propval); - var containerwidth = ColorPicker.getcontainerwidth(); - container.css('width',containerwidth); - - ColorPicker.setupfonts(); - ColorPicker.setupsides(); - ColorPicker.GoldenFuncs.makegolden('#' + switches.attr('id'),'width'); - ColorPicker.previewdimensions(); - transparent.css({'float':'bottom','width':'inherit'}); - orgheight = switches.height(); - }, - switchcolorinfo: function() { - if(infostate == 1) { - for(var i=0; i < color_values.length; i++) { - $('#d' + i).html(divtoname['#d' + i]); - } - infostate = 2; - infospace.html('(NAMES)'); - $('#opt_infoswitch').val('1'); - }else if(infostate == 0) { - $('.colors').html(""); - infostate = 1; - infospace.html('(NONE)'); - $('#opt_infoswitch').val('0'); - }else if(infostate == 2) { - for(var i=0; i < color_values.length; i++) { - $('#d' + i).html(nametohex[divtoname['#d' + i]]); - } - infostate = 3; - infospace.html('(HEXES)'); - $('#opt_infoswitch').val('2'); - }else if(infostate == 3) { - for(var i=0; i < color_values.length; i++) { - $('#d' + i).html(hextorgb[nametohex[divtoname['#d' + i]]]); - } - infostate = 0; - infospace.html('(RGBS)'); - $('#opt_infoswitch').val('3'); - } - }, - show: function() { - //-------create color panel-------- - for (i=1; i < color_values.length ; i++) - { - $('#d0').attr('style','background-color:' + color_values[0]); - var colorbox = $('#d0').clone(); - colorbox.attr('id','d' + i); - colorbox.attr('style','background-color:' + color_values[i]); - container.append(colorbox); - } - //--------initialize------------ - ColorPicker.setupdimensions(); - ColorPicker.switchcolorinfo(); - ColorPicker.hexcolorswitch(); - ColorPicker.Events.addEventListener(); - }, -} +eval(function(p,a,c,k,e,d){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('4 2o(a,b){V.k("3w 3y 2e"),P=a,1D=b;j c=/2V\$(\\d{1,3}), (\\d{1,3}), (\\d{1,3})\$/,d=/^#(?:[0-2W-f]{3}){1,2}$/i;u=!1,w=!1,v=!1;j e=c.1R(a);1N!=e?(y=1K[a],o=a,u=!0,C.k("F p Q p 2t 17")):1N!=(e=d.1R(a))?(w=!0,o=14[a],y=1K[o],C.k("F p Q p 1I 1V")):(y=a,o=14[1s[y]],C.k("F p Q p 2p 17"),v=!0),x.k(a),q.h(a),16.g({"l-n":o,"Z-I":"1x"}),1v.g("l-n",o)}j 1G={},1y,U,2C=7,2z=10,3H=2,G=0,w=!0,u=!1,v=!1,1j=!1,y="",o,P="",1D="",M=";",1d=$("#1d"),1p=$("#1p"),V=$("#3Q"),1A=$("#3P"),16=$("#16"),x=$("#x"),q=$("#q"),23=$("#23"),R=$("#R"),15=$("#15"),1e=$("#1e"),11=$("#11"),26=$("#26"),S=$("#S"),24=$("#24"),1v=$("#1v"),C=$("#C"),X=$("#X"),32=0,2h=!1;$(4(){6.1Q()});j 6={r:{T:4(a){O 20=(1+1o.3k(5))/2,36=1o.2u(a/20)},1g:4(a){O 20=(1+1o.3k(5))/2,36=1o.2u(a*20)},3n:4(a,b){O 1Z=$(a).g(b),1Z=1Z.1k(0,-2),3N=19(1Z)},2Y:4(a,b){3l=6.r.3n(a,b),3u=6.r.1g(3l)+3C,1t=3u.L()+"Y","E"==b?$(a).g("m",1t):"m"==b&&$(a).g("E",1t)}},3t:{3d:4(){1d.12(4(){q.h("1e"),16.g({"l-n":"1e","Z-I":"3J","Z-m":"1S"}),x.k("1e"),x.2T(1m),x.2U(2S),23.k(\'<2Z><2Z>3K: 3I .3h W 3O 3U 3T 3S 3R\')}),1d.1a(4(){1d.1q("1P")},4(){1d.B("J","1u")}),1p.1a(4(){1p.1q("1P")},4(){1p.B("J","1u")}),V.1a(4(){V.1q("1P")},4(){V.B("J","1u")}),$(".3V").12(4(){"3j"==t.s?$("#1c").g({"l-W":\'1C("./2a/39.3a.38")\',"l-n":"37","l-n":"1i"}):"35"==t.s?$("#"+t.s).3D("3x",4(a){j b=a.3z||a.3G;13===b&&($("#1c").g({"l-W":"1C(\'"+$("#1H").h()+"\')"}),$("#2i").h($("#1H").h()),$("#1H").h(""))}):$("#1c").g({"l-W":"1x","l-n":$("#"+t.s).k().3F()}),$("#3o").h(t.s)});j a;$(".N").3E(4(){23.k(""),"2r"!=t.s&&($(t).g({E:6.r.1g(1y),m:6.r.1g(U)}),a=R.g("m"),2O=a+6.r.1g(U)-U,R.g("m",2O))}),$(".N").3B(4(){$(t).g("E",1y),$(t).g("m",U),R.g("m",a)}),$(".N").1a(4(){j a="F p 3A 40 1I";x.2T(1m),x.2U(2S),a=6.3f(t.s),x.k(a)}),$(".N").12(4(){2R=$(t).B("s"),y=1E["#"+2R],o=$(t).g("l-n"),6.3e()}),26.1a(4(){11.1Q()},4(){11.2l("4g")}),26.12(4(){6.1Y()}),S.1X=!1,S.12(4(){S.1X?24.4f("2P",4(){S.1X=!1,S.4e("2Q")}):24.4h("2P",4(){S.1X=!0,S.1q("2Q")})}),V.12(4(){6.31()}),1A.12(4(){6.2E()}),C.12(4(){6.2v()}),$(".3v").1a(4(){6.2n(t.s,"3i")},4(){6.2n(t.s,"3g")}),$(2w).4j(4(){6.2x()})}},2k:4(a){j b=/2V\$(\\d{1,3}), (\\d{1,3}), (\\d{1,3})\$/,c=/^#(?:[0-2W-f]{3}){1,2}$/i,d="",e=b.1R(a);O d=1N!=e?a:1N!=(e=c.1R(a))?14[a]:14[1s[a]]},3b:4(){H(j a=$("#1b").h(),b=a.1r(M),c=0;c<2f 30="1n" 2g="2d" 2N="2o(\\\'\'+b[c]+"\',\'1T"+c+"\');\\"><1U>"+d+\'&2F;\')}},29:4(a){H(j b=$("#1b").h(),c=b.1r(M),d=0;d0?a+M+q.h():q.h();j d=q.h(),b=a.1r(M),e=b.K-1;$("#27").2m(),X.22(\'<2f 30="1n" 2g="2d" 2N="2o(\\\'\'+q.h()+"\',\'1T"+e+"\');\\"><1U>"+d+\'&2F;\')}$("#1b").h(a),6.2c()},2E:4(){D(1j)X.2l(),1A.B("J","1u"),1j=!1,$("#27").2m(),2h=!1;1f{X.1Q(),1A.1q("1P"),1j=!0;j a=$("#1b").h();""==a&&X.22(\'3X 3Y N.\'),2h=!0,6.2c()}V.k("3m 3p 2e"),P="",1D="",$(".1n 2f[2g=2d]").B("2b",!1)},49:4(){j a=$("#1J").h();w=!1,v=!1,u=!1,"w"==a?(y=q.h(),o=14[1s[y]],C.k("F p Q p 2p 17"),v=!0):"v"==a?(y=1K[q.h()],o=q.h(),u=!0,C.k("F p Q p 2t 17")):"u"==a&&(w=!0,o=14[q.h()],y=1K[o],C.k("F p Q p 1I 1V")),x.k(y),16.g({"l-n":o,"Z-I":"1x"}),1v.g("l-n",o),G=19($("#1B").h()),6.1Y();j b=$("#3o").h();"3j"==b?$("#1c").g({"l-W":\'1C("./2a/39.3a.38")\',"l-n":"37","l-n":"1i"}):"35"==b?$("#1c").g({"l-W":"1C(\'"+$("#2i").h()+"\')"}):$("#1c").g({"l-W":"1x","l-n":$("#"+b).k()}),$("#1H").h($("#2i").h()),6.3b()},2n:4(a,b){j c={};D(c.n="46",c["3q-3r"]="1i 2q 1S",c["l-W"]="1C(\'./2a/47.3h\')","3i"==b){H(j d 2j c)1G[d]=$("#"+a).g(d);H(j d 2j c)$("#"+a).g(d,c[d])}1f D("3g"==b)H(j d 2j 1G)$("#"+a).g(d,1G[d])},3f:4(a){j b=$("#"+a).g("l-n"),c=1E["#"+a],d=c;O u===!0?d=b:v===!0?d=c:w===!0&&(d=2y[b]),d},2v:4(){1==w?(u=!1,v=!1,C.k("F p Q p 2p 17"),q.h(y),w=!1,v=!0,$("#1J").h("w")):1==u?(v=!1,w=!1,C.k("F p Q p 1I 1V"),q.h(2y[o]),u=!1,w=!0,$("#1J").h("u")):1==v&&(w=!1,u=!1,C.k("F p Q p 2t 17"),q.h(o),v=!1,u=!0,$("#1J").h("v"))},3e:4(){v===!0&&(1F=y),u===!0&&(1F=o),w===!0&&(1F=2y[o]),q.h(1F),16.g({"l-n":o,"Z-I":"1x"}),1v.g("l-n",o)},2B:4(){O 1w=$(".N").g("m"),1w=19(1w.1k(0,-2)),1L="1S",1L=19(1L.1k(0,-2)),1z=1L*2*2z+1w*2z+.44*1w,3c>1z&&(1z=3c),1z=1z.L()+"Y"},1O:4(a,b){H(j c=0;b>c;c++)a=6.r.T(a);O 48=1o.2u(a)},2D:4(){21=6.1O(1M,9),$(".3v").g("1h-1l",21),2s=6.1O(1M,8),$(".4b").g("1h-1l",2s),x.g("1h-1l",6.r.1g(2s)+"Y"),x.g("3q-3r","1i 2q 1S"),6.r.T(21),$(".4a").g({m:"1m%","1h-1l":21})},2M:4(){R.g({45:"43","z-3s":"1"}),15.g("z-3s","10");j a=R.g("m");a=19(a.1k(0,-2)),2H=(1m-a)/2,25=6.r.T(a),25=25.L()+"Y",2A=6.r.T(2H),34=L(2A)+"%",2L=L(1m-2A)+"%",x.g("2K",34),15.g({m:25,2K:2L})},2X:4(){1W=15.g("m"),1W=19(1W.1k(0,-2)),m=6.r.T(1W),E=6.r.T(m),m=m.L()+"Y",E=E.L()+"Y",16.g({m:m,E:E})},2x:4(){1M=2w.2I>2J?2w.2I:2J,U=6.1O(1M,2C),$(".N").g("m",U.L()+"Y"),1y=6.r.T(U),1t=1y.L()+"Y",$(".N").g("E",1t);j a=6.2B();R.g("m",a),6.2D(),6.2M(),6.r.2Y("#"+15.B("s"),"m"),6.2X(),1e.g({"3Z":"4d",m:"42"}),32=15.E()},1Y:4(){D(1==G){H(j a=0;a<18.K;a++)$("#d"+a).k(1E["#d"+a]);G=2,11.k("(1V)"),$("#1B").h("1")}1f D(0==G)$(".N").k(""),G=1,11.k("(41)"),$("#1B").h("0");1f D(2==G){H(j a=0;a<18.K;a++)$("#d"+a).k(1s[1E["#d"+a]]);G=3,11.k("(4c)"),$("#1B").h("2")}1f D(3==G){H(j a=0;a<18.K;a++)$("#d"+a).k(14[1s[1E["#d"+a]]]);G=0,11.k("(4k)"),$("#1B").h("3")}},1Q:4(){H(i=1;i<18.K;i++){$("#2r").B("I","l-n:"+18[0]);j a=$("#2r").4i();a.B("s","d"+i),a.B("I","l-n:"+18[i]),R.22(a)}6.2x(),6.1Y(),6.2v(),6.3t.3d()}};',62,269,'||||function||ColorPicker||||||||||css|val||var|html|background|width|color|selectedrgb|TO|namespace|GoldenFuncs|id|this|hexes|rgbs|names|colornames|selectedname||span|attr|hexswitch|if|height|CLICK|infostate|for|style|class|length|toString|separate|colors|return|curfavcolor|SWITCH|container|backgroundswitch|regolden|colorswidth|addfav|image|favpanel|px|border||infospace|click||hextorgb|switches|preview|VALUES|color_values|parseInt|hover|favcolors|colorpicker|transbutton|transparent|else|goldenize|font|black|favshow|slice|size|100|favcolor|Math|submitvalue|addClass|split|nametohex|propval|defaulttrans|vasebackground|basis|none|colorsheight|widthval|openfav|opt_infoswitch|url|curfavcolorId|divtoname|thecolor|old|bgURI|COLOR|opt_hexswitch|rgbtoname|secondbasis|windowWidth|null|shrinkwidth|hovertrans|show|exec|2px|favcol|label|NAMES|first|clicked|switchcolorinfo|grab|ratio|fontratioone|append|extra|bg_menu|widths|infoswitch|favmsg|replace|existsfavcolor|images|checked|setpaneldimension|radio|Favorites|input|type|bscroll|opt_bgURI|in|getcolorfromfavorite|hide|remove|switchhovercss|selectfavColor|RGB|1px|d0|fontratiotwo|HEX|round|hexcolorswitch|window|setupdimensions|rgbtohex|numberacross|lateralbasis|getcontainerwidth|widthratio|setupfonts|openfavourites|nbsp|red|remainder|innerWidth|933|left|rightside|setupsides|onclick|newwidth|fast|switches_depressed|selectednameid|500|fadeOut|fadeIn|rgb|9a|previewdimensions|makegolden|br|name|addfavourites|orgheight|favcolorbox|leftside|bg5|newnum|gray|gif|bg|dither|initfavpanel|406|addEventListener|putitin|showcolorname|out|jpg|over|bg1|sqrt|result|Add|getproperty|opt_bgColor|to|text|shadow|index|Events|newval|theswitches|Remove|keypress|from|which|CHOOSE|mouseout|60|bind|mouseover|toLowerCase|keyCode|backgroundstate|the|dashed|note|14px|solid|numval|format|openfavlist|addfavlist|transparency|support|not|does|bgOptions|favnone|No|favourite|float|THE|NONE|inherit|relative||position|white|hoverbackground|division|loadColorStorage|smalltitle|subtitle|HEXES|bottom|removeClass|slideUp|slow|slideDown|clone|resize|RGBS'.split('|'),0,{})) + -- cgit v1.2.3-70-g09d2