Add old shadow-generator and knex-mirror folders to haless-03

master
Sven Slootweg 5 years ago
parent 5415b1f4b3
commit 713c45d897

@ -20,7 +20,31 @@ in {
./hardware-configurations/machine-haless-03.nix ./hardware-configurations/machine-haless-03.nix
]; ];
services.nginx.enable = true;
networking.firewall.allowedTCPPorts = [ 80 ]; networking.firewall.allowedTCPPorts = [ 80 ];
services.nginx = {
enable = true;
virtualHosts = {
"haless-new.cryto.net" = {
# locations."/" = {
# root = "";
# };
locations."/shadow" = {
alias = ./sources/shadow-generator;
};
locations."/knex-mirror" = {
alias = ./sources/knex-mirror;
};
};
};
};
# services.phpfpm = {
# pools = {
# main = {
# listen = "/var/run/phpfpm-main.sock";
# };
# };
# };
}; };
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

@ -0,0 +1,11 @@
{
"name": "Knex Docs",
"icons": [
{
"src": "\/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image\/png"
}
],
"theme_color": "#ffffff"
}

@ -0,0 +1,63 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="234.000000pt" height="234.000000pt" viewBox="0 0 234.000000 234.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,234.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M1304 2320 c-12 -5 -29 -27 -38 -50 -9 -22 -37 -86 -63 -140 -54
-116 -44 -121 -122 55 -30 66 -55 121 -56 123 -1 2 -14 5 -28 8 -30 5 -97 -47
-97 -75 0 -9 20 -63 44 -121 l43 -106 -15 -47 -15 -48 42 -43 42 -43 -62 -17
c-63 -17 -144 -54 -191 -88 l-28 -19 0 64 0 63 -44 22 c-41 21 -46 28 -91 136
-30 72 -55 116 -65 119 -28 7 -91 -1 -106 -14 -21 -18 -18 -34 37 -182 29 -76
50 -140 47 -142 -2 -2 -64 18 -138 45 -73 28 -141 50 -150 50 -33 0 -56 -51
-46 -104 6 -29 14 -35 119 -79 108 -46 115 -50 135 -93 l22 -44 60 0 60 0 -34
-65 c-30 -55 -43 -91 -73 -194 -2 -10 -17 -2 -46 27 l-43 42 -47 -16 -46 -16
-115 47 -114 47 -31 -23 c-31 -23 -50 -62 -44 -90 3 -10 58 -41 144 -80 76
-34 139 -65 139 -68 0 -3 -56 -30 -123 -60 -67 -30 -132 -60 -144 -68 -39 -23
-24 -86 27 -117 28 -16 31 -16 141 29 l112 45 51 -15 51 -15 42 46 42 47 10
-44 c16 -62 50 -146 82 -200 l27 -46 -58 4 -58 4 -28 -51 c-15 -27 -31 -50
-37 -50 -5 0 -23 -7 -40 -15 -18 -8 -63 -28 -102 -44 -64 -27 -70 -32 -75 -63
-3 -18 -2 -45 3 -61 17 -51 33 -51 188 7 79 30 145 53 146 52 2 -1 -22 -69
-53 -150 -47 -126 -53 -150 -42 -164 20 -27 31 -32 63 -32 58 0 69 9 93 70 57
147 67 164 114 188 l45 22 -3 65 -3 64 37 -22 c67 -42 146 -74 226 -92 l29 -6
-47 -48 -46 -47 15 -46 16 -46 -44 -110 c-42 -104 -44 -112 -29 -134 23 -36
43 -48 78 -48 31 0 32 3 94 141 39 87 66 135 71 127 4 -7 33 -70 64 -140 l57
-128 38 0 c31 0 44 6 65 31 14 18 24 37 22 43 -3 6 -23 57 -46 112 l-41 101
16 47 16 46 -54 50 c-45 42 -50 50 -31 50 41 0 178 49 237 85 32 19 59 35 60
35 0 0 1 -30 1 -67 l0 -68 42 -20 c39 -19 44 -27 88 -132 33 -76 53 -113 66
-116 55 -15 128 26 113 62 -14 36 -102 271 -101 271 1 0 67 -25 147 -55 134
-51 146 -53 167 -40 21 14 26 26 26 70 0 50 -3 52 -105 95 -120 49 -123 52
-149 102 l-20 38 -68 -2 c-44 -2 -67 1 -63 7 3 6 20 33 37 60 31 49 62 119 72
160 2 11 6 27 8 35 2 8 4 22 4 30 1 8 20 -5 49 -33 l48 -47 46 15 45 16 116
-46 c113 -45 116 -46 142 -29 27 18 53 60 49 82 -1 6 -2 16 -3 21 0 4 -29 21
-63 36 -35 16 -101 46 -148 67 l-84 39 109 50 c154 70 180 85 183 109 4 26
-19 64 -53 86 -22 15 -28 15 -57 2 -18 -8 -70 -30 -115 -48 -82 -32 -83 -32
-129 -16 l-47 16 -39 -41 c-22 -23 -40 -40 -42 -38 -2 2 -9 27 -16 54 -15 58
-44 124 -77 177 -13 21 -23 40 -23 44 0 3 17 5 38 4 83 -4 87 -2 109 44 20 41
27 46 125 86 56 24 109 49 117 55 20 19 18 90 -4 115 -10 11 -24 20 -31 20
-13 0 -247 -86 -276 -101 -27 -15 -23 3 32 146 27 72 50 135 50 142 0 7 -9 21
-20 31 -19 18 -41 20 -107 13 -6 0 -32 -52 -58 -114 -45 -107 -50 -115 -91
-137 -46 -24 -47 -27 -45 -97 1 -46 -7 -48 -59 -13 -34 23 -146 67 -193 75
l-39 8 43 43 42 43 -12 53 c-14 56 -11 66 63 240 15 34 14 37 -5 62 -28 36
-69 55 -95 46z m-219 -751 c0 -41 -4 -69 -10 -69 -5 0 -33 -11 -61 -24 l-52
-24 -46 47 c-25 26 -46 50 -46 53 0 21 195 105 210 91 2 -2 5 -35 5 -74z m236
56 c47 -17 129 -62 129 -72 0 -3 -22 -28 -50 -56 -36 -36 -53 -47 -62 -40 -7
6 -34 18 -60 28 l-48 18 0 73 c0 82 -2 81 91 49z m-480 -320 c-12 -26 -21 -54
-21 -61 0 -11 -17 -14 -71 -14 l-70 0 4 29 c9 58 32 114 67 168 l15 23 48 -49
49 -48 -21 -48z m758 77 c25 -52 36 -82 46 -135 4 -16 -3 -18 -71 -15 l-75 3
-23 55 -23 55 50 52 c28 29 54 50 59 47 5 -3 21 -31 37 -62z m-397 -72 c59
-17 111 -84 112 -145 1 -80 -59 -150 -135 -160 -157 -20 -242 165 -126 273 40
38 89 48 149 32z m-373 -267 c12 -27 24 -54 29 -62 6 -10 -3 -27 -27 -54 -59
-64 -64 -64 -99 1 -33 63 -56 137 -47 152 3 6 33 10 65 10 l59 0 20 -47z m815
20 c-19 -78 -73 -193 -92 -193 -4 0 -29 22 -55 48 l-48 48 19 45 c11 24 22 51
25 60 4 13 21 17 81 18 l77 2 -7 -28z m-211 -311 c-39 -30 -150 -72 -187 -72
-20 0 -21 5 -21 66 l0 66 60 28 60 27 53 -51 c48 -47 51 -52 35 -64z m-410 87
c23 -12 43 -21 45 -20 16 9 21 -10 20 -69 l-2 -71 -30 5 c-43 7 -93 27 -144
55 l-42 25 47 48 c26 26 51 48 56 48 4 0 27 -10 50 -21z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

@ -0,0 +1,7 @@
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-39763513-2', 'knexjs.org');
ga('send', 'pageview');

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

@ -0,0 +1,2 @@
.hljs{display:block;overflow-x:auto;padding:.5em;color:#333;background:#f8f8f8}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:700}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:teal}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type{color:#458;font-weight:700}.hljs-attribute,.hljs-name,.hljs-tag{color:navy;font-weight:400}.hljs-link,.hljs-regexp{color:#009926}.hljs-bullet,.hljs-symbol{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999;font-weight:700}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}body{font-size:14px;line-height:22px;background:#fefffc;color:#000;font-family:Helvetica Neue,Helvetica,Arial}.interface{font-family:Lucida Grande,Lucida Sans Unicode,Helvetica,Arial,sans-serif!important}.more-changelog{display:none}div#sidebar{background:#fff;position:fixed;top:0;left:0;bottom:0;width:200px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:15px 0 30px 30px;border-right:1px solid #bbb;box-shadow:0 0 20px #ccc;-webkit-box-shadow:0 0 20px #ccc;-moz-box-shadow:0 0 20px #ccc}a.toc_title,a.toc_title:visited{display:block;color:#000;font-weight:700;margin-top:15px}a.toc_title:hover{text-decoration:underline}#sidebar .version{font-size:10px;font-weight:400}ul.toc_section{font-size:11px;line-height:14px;margin:5px 0 0;padding-left:0;list-style-type:none;font-family:Lucida Grande}.toc_section li{cursor:pointer;margin:0 0 3px}.toc_section li a{text-decoration:none;color:#000}.toc_section li a:hover{text-decoration:underline}div.container{width:550px;margin:40px 0 50px 260px}div.container ul.small{font-size:12px}.info,.warning{font-size:12px;line-height:18px;font-style:italic}p{margin:20px 0;width:550px}a,a:visited{color:#444}a:active,a:hover{color:#000}h1,h2,h3,h4,h5,h6{padding-top:15px}h2{font-size:20px}b.header{font-size:16px;line-height:30px}span.small{font-size:12px;font-style:italic}span.alias{font-size:14px;font-style:italic;margin-left:20px}ul{list-style-type:circle;padding:0 0 0 20px}li{width:500px;margin-bottom:10px}code,pre,tt{font-family:Monaco,Consolas,Lucida Console,monospace;font-size:12px;line-height:18px;font-style:normal}tt{padding:0 3px;background:#fff;border:1px solid #ddd;zoom:1}pre{font-size:12px;padding:2px 0 2px 15px;border-left:5px solid #bbb;margin:0 0 30px}@media only screen and (-o-min-device-pixel-ratio:3/2) and (max-width:640px),only screen and (-webkit-min-device-pixel-ratio:1.5) and (max-width:640px),only screen and (min-device-pixel-ratio:1.5) and (max-width:640px){img{max-width:100%}div#sidebar{-webkit-overflow-scrolling:initial;position:relative;width:90%;height:120px;left:0;top:-7px;padding:10px 0 10px 30px;border:0}img#logo{width:auto;height:auto}div.container{margin:0;width:100%}div.container ul,p{max-width:98%;overflow-x:scroll}pre{overflow:scroll}}div.language{position:fixed;top:0;right:140px;padding:5px}div.language select{float:right}pre code.hljs{display:inline-block;background:inherit;margin-left:inherit;padding-left:0;max-width:800px;overflow-x:auto}
/*# sourceMappingURL=bundle.css.map*/

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -0,0 +1,161 @@
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(../images/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(../images/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(../images/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(../images/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(../images/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(../images/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(../images/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(../images/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(../images/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(../images/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(../images/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(../images/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}

@ -0,0 +1,565 @@
/*
* jQuery UI CSS Framework 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=545454&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=9&borderColorHeader=242424&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=8&borderColorContent=242424&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=000000&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=12&borderColorDefault=000000&fcDefault=9c9c9c&iconColorDefault=666666&bgColorHover=2e2e2e&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=13&borderColorHover=0a0a0a&fcHover=e3e3e3&iconColorHover=c98000&bgColorActive=363636&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=9&borderColorActive=191919&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=303030&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=ebebeb&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=303030&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 0.7em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #353535; background: #121212 url(../images/ui-bg_gloss-wave_8_121212_500x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #eeeeee; }
.ui-widget-header { border: 1px solid #242424; background: #545454 url(../images/ui-bg_highlight-hard_9_545454_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #616161; background: #000000 url(../images/ui-bg_highlight-hard_12_000000_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #9c9c9c; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #9c9c9c; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #616161; background: #2e2e2e url(../images/ui-bg_highlight-soft_13_2e2e2e_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #e3e3e3; }
.ui-state-hover a, .ui-state-hover a:hover { color: #e3e3e3; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #616161; background: #363636 url(../images/ui-bg_highlight-hard_9_363636_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #404040; background: #303030 url(../images/ui-bg_highlight-hard_55_303030_1x100.png) 50% top repeat-x; color: #ebebeb; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #ebebeb; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_bbbbbb_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_bbbbbb_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_cccccc_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_666666_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_c98000_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_f29a00_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_aaaaaa_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
/* Overlays */
.ui-widget-overlay { background: #303030 url(../images/ui-bg_flat_0_303030_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
* jQuery UI Selectable 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
* jQuery UI Autocomplete 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.18
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: hidden; *overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 0px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
* jQuery UI Tabs 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
* jQuery UI Datepicker 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}/*
* jQuery UI Progressbar 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

@ -0,0 +1,218 @@
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
html, body {
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #52697E;
}
body {
text-align: center;
overflow: auto;
}
.wrapper {
width: 700px;
margin: 0 auto;
text-align: left;
}
h1 {
font-size: 21px;
height: 47px;
line-height: 47px;
text-transform: uppercase;
}
.navigationTabs {
height: 23px;
line-height: 23px;
border-bottom: 1px solid #ccc;
}
.navigationTabs li {
float: left;
height: 23px;
line-height: 23px;
padding-right: 3px;
}
.navigationTabs li a{
float: left;
dispaly: block;
height: 23px;
line-height: 23px;
padding: 0 10px;
overflow: hidden;
color: #52697E;
background-color: #eee;
position: relative;
text-decoration: none;
}
.navigationTabs li a:hover {
background-color: #f0f0f0;
}
.navigationTabs li a.active {
background-color: #fff;
border: 1px solid #ccc;
border-bottom: 0px solid;
}
.tabsContent {
border: 1px solid #ccc;
border-top: 0px solid;
width: 698px;
overflow: hidden;
}
.tab {
padding: 16px;
display: none;
}
.tab h2 {
font-weight: bold;
font-size: 16px;
}
.tab h3 {
font-weight: bold;
font-size: 14px;
margin-top: 20px;
}
.tab p {
margin-top: 16px;
clear: both;
}
.tab ul {
margin-top: 16px;
list-style: disc;
}
.tab li {
margin: 10px 0 0 35px;
}
.tab a {
color: #8FB0CF;
}
.tab strong {
font-weight: bold;
}
.tab pre {
font-size: 11px;
margin-top: 20px;
width: 668px;
overflow: auto;
clear: both;
}
.tab table {
width: 100%;
}
.tab table td {
padding: 6px 10px 6px 0;
vertical-align: top;
}
.tab dt {
margin-top: 16px;
}
#colorSelector {
position: relative;
width: 36px;
height: 36px;
background: url(../images/select.png);
}
#colorSelector div {
position: absolute;
top: 3px;
left: 3px;
width: 30px;
height: 30px;
background: url(../images/select.png) center;
}
#colorSelector2 {
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 36px;
background: url(../images/select2.png);
}
#colorSelector2 div {
position: absolute;
top: 4px;
left: 4px;
width: 28px;
height: 28px;
background: url(../images/select2.png) center;
}
#colorpickerHolder2 {
top: 32px;
left: 0;
width: 356px;
height: 0;
overflow: hidden;
position: absolute;
}
#colorpickerHolder2 .colorpicker {
background-image: url(../images/custom_background.png);
position: absolute;
bottom: 0;
left: 0;
}
#colorpickerHolder2 .colorpicker_hue div {
background-image: url(../images/custom_indic.gif);
}
#colorpickerHolder2 .colorpicker_hex {
background-image: url(../images/custom_hex.png);
}
#colorpickerHolder2 .colorpicker_rgb_r {
background-image: url(../images/custom_rgb_r.png);
}
#colorpickerHolder2 .colorpicker_rgb_g {
background-image: url(../images/custom_rgb_g.png);
}
#colorpickerHolder2 .colorpicker_rgb_b {
background-image: url(../images/custom_rgb_b.png);
}
#colorpickerHolder2 .colorpicker_hsb_s {
background-image: url(../images/custom_hsb_s.png);
display: none;
}
#colorpickerHolder2 .colorpicker_hsb_h {
background-image: url(../images/custom_hsb_h.png);
display: none;
}
#colorpickerHolder2 .colorpicker_hsb_b {
background-image: url(../images/custom_hsb_b.png);
display: none;
}
#colorpickerHolder2 .colorpicker_submit {
background-image: url(../images/custom_submit.png);
}
#colorpickerHolder2 .colorpicker input {
color: #778398;
}
#customWidget {
position: relative;
height: 36px;
}

@ -0,0 +1,76 @@
#preset-1
{
text-shadow: 0px -1px 4px #f5f500, 0px -4px 8px #e07b00, 0px -5px 16px #ff1100;
-webkit-text-shadow: 0px -1px 4px #f5f500, 0px -4px 8px #e07b00, 0px -5px 16px #ff1100;
-moz-text-shadow: 0px -1px 4px #f5f500, 0px -4px 8px #e07b00, 0px -5px 16px #ff1100;
-o-text-shadow: 0px -1px 4px #f5f500, 0px -4px 8px #e07b00, 0px -5px 16px #ff1100;
-ms-text-shadow: 0px -1px 4px #f5f500, 0px -4px 8px #e07b00, 0px -5px 16px #ff1100;
}
#preset-2
{
text-shadow: 0px 0px 3px #ff1cff, 0px 0px 7px #b314b3, 0px 0px 10px #850d85, 0px 0px 16px #470b47, 0px 0px 23px #290029;
-webkit-text-shadow: 0px 0px 3px #ff1cff, 0px 0px 7px #b314b3, 0px 0px 10px #850d85, 0px 0px 16px #470b47, 0px 0px 23px #290029;
-moz-text-shadow: 0px 0px 3px #ff1cff, 0px 0px 7px #b314b3, 0px 0px 10px #850d85, 0px 0px 16px #470b47, 0px 0px 23px #290029;
-o-text-shadow: 0px 0px 3px #ff1cff, 0px 0px 7px #b314b3, 0px 0px 10px #850d85, 0px 0px 16px #470b47, 0px 0px 23px #290029;
-ms-text-shadow: 0px 0px 3px #ff1cff, 0px 0px 7px #b314b3, 0px 0px 10px #850d85, 0px 0px 16px #470b47, 0px 0px 23px #290029;
}
#preset-3
{
text-shadow: 1px 1px 0px #7700ff, 1px -1px 0px #0040ff, -1px -1px 0px #ff0048, -1px 1px 0px #ffdd00;
-webkit-text-shadow: 1px 1px 0px #7700ff, 1px -1px 0px #0040ff, -1px -1px 0px #ff0048, -1px 1px 0px #ffdd00;
-moz-text-shadow: 1px 1px 0px #7700ff, 1px -1px 0px #0040ff, -1px -1px 0px #ff0048, -1px 1px 0px #ffdd00;
-o-text-shadow: 1px 1px 0px #7700ff, 1px -1px 0px #0040ff, -1px -1px 0px #ff0048, -1px 1px 0px #ffdd00;
-ms-text-shadow: 1px 1px 0px #7700ff, 1px -1px 0px #0040ff, -1px -1px 0px #ff0048, -1px 1px 0px #ffdd00;
}
#preset-4 div
{
box-shadow: 0px 0px 30px 7px #d7e854, 0px 0px 3px 0px #c0d900 inset;
-webkit-box-shadow: 0px 0px 30px 7px #d7e854, 0px 0px 3px 0px #c0d900 inset;
-moz-box-shadow: 0px 0px 30px 7px #d7e854, 0px 0px 3px 0px #c0d900 inset;
-o-box-shadow: 0px 0px 30px 7px #d7e854, 0px 0px 3px 0px #c0d900 inset;
-ms-box-shadow: 0px 0px 30px 7px #d7e854, 0px 0px 3px 0px #c0d900 inset;
}
#preset-5 div
{
box-shadow: -3px 0px 6px 0px #0fa37e, 3px 3px 6px 0px #ff0033, 3px -3px 6px 0px #ffea00;
-webkit-box-shadow: -3px 0px 6px 0px #0fa37e, 3px 3px 6px 0px #ff0033, 3px -3px 6px 0px #ffea00;
-moz-box-shadow: -3px 0px 6px 0px #0fa37e, 3px 3px 6px 0px #ff0033, 3px -3px 6px 0px #ffea00;
-o-box-shadow: -3px 0px 6px 0px #0fa37e, 3px 3px 6px 0px #ff0033, 3px -3px 6px 0px #ffea00;
-ms-box-shadow: -3px 0px 6px 0px #0fa37e, 3px 3px 6px 0px #ff0033, 3px -3px 6px 0px #ffea00;
}
#preset-6 div
{
box-shadow: 0px 0px 11px 1px #000000 inset;
-webkit-box-shadow: 0px 0px 11px 1px #000000 inset;
-moz-box-shadow: 0px 0px 11px 1px #000000 inset;
-o-box-shadow: 0px 0px 11px 1px #000000 inset;
-ms-box-shadow: 0px 0px 11px 1px #000000 inset;
text-shadow: 0px 0px 5px #000000;
-webkit-text-shadow: 0px 0px 5px #000000;
-moz-text-shadow: 0px 0px 5px #000000;
-o-text-shadow: 0px 0px 5px #000000;
-ms-text-shadow: 0px 0px 5px #000000;
}
#preset-7
{
text-shadow: 0px -1px 4px #85f5d9, 0px -4px 8px #00ff8c, 0px -5px 16px #003369;
-webkit-text-shadow: 0px -1px 4px #85f5d9, 0px -4px 8px #00ff8c, 0px -5px 16px #003369;
-moz-text-shadow: 0px -1px 4px #85f5d9, 0px -4px 8px #00ff8c, 0px -5px 16px #003369;
-o-text-shadow: 0px -1px 4px #85f5d9, 0px -4px 8px #00ff8c, 0px -5px 16px #003369;
-ms-text-shadow: 0px -1px 4px #85f5d9, 0px -4px 8px #00ff8c, 0px -5px 16px #003369;
}
#preset-8
{
text-shadow: 12px 12px 11px #938cc9, -15px 2px 16px #80bbd6, 3px -4px 22px #3c48d6, -6px 10px 27px #a3edff, 0px 0px 11px #ffffff;
-webkit-text-shadow: 12px 12px 11px #938cc9, -15px 2px 16px #80bbd6, 3px -4px 22px #3c48d6, -6px 10px 27px #a3edff, 0px 0px 11px #ffffff;
-moz-text-shadow: 12px 12px 11px #938cc9, -15px 2px 16px #80bbd6, 3px -4px 22px #3c48d6, -6px 10px 27px #a3edff, 0px 0px 11px #ffffff;
-o-text-shadow: 12px 12px 11px #938cc9, -15px 2px 16px #80bbd6, 3px -4px 22px #3c48d6, -6px 10px 27px #a3edff, 0px 0px 11px #ffffff;
-ms-text-shadow: 12px 12px 11px #938cc9, -15px 2px 16px #80bbd6, 3px -4px 22px #3c48d6, -6px 10px 27px #a3edff, 0px 0px 11px #ffffff;
}

@ -0,0 +1,516 @@
body
{
background-color: #292929;
font-family: 'Asap', sans-serif;
color: #E3E3E3;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
h1
{
margin-top: 3px;
margin-bottom: 17px;
text-shadow: 0px 0px 9px #2D2D2D;
-moz-text-shadow: 0px 0px 9px #2D2D2D;
-o-text-shadow: 0px 0px 9px #2D2D2D;
-ms-text-shadow: 0px 0px 9px #2D2D2D;
-webkit-text-shadow: 0px 0px 9px #2D2D2D;
}
fieldset
{
margin-bottom: 12px;
padding: 12px;
padding-top: 9px;
border: 2px solid #656565;
box-shadow: 0px 0px 17px #1A1A1A;
border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
-webkit-border-radius: 8px;
}
legend
{
padding: 4px 6px;
font-size: 13px;
font-weight: bold;
color: #8C8C8C;
background-color: black;
box-shadow: 0px 0px 4px black;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
}
label
{
font-size: 15px;
}
legend, .button
{
font-family: 'Armata', sans-serif;
}
.clear
{
clear: both;
}
.strong
{
font-weight: bold;
}
/* Page layout */
div.wrapper
{
width: 900px;
margin: 0px auto;
}
div.main
{
background-color: black;
border: 2px solid #0E0E0E;
margin-top: 36px;
padding: 18px;
box-shadow: 0px 0px 10px #080808;
-moz-box-shadow: 0px 0px 10px #080808;
-o-box-shadow: 0px 0px 10px #080808;
-ms-box-shadow: 0px 0px 10px #080808;
-webkit-box-shadow: 0px 0px 10px #080808;
}
div.left-pane
{
float: left;
width: 510px;
}
div.right-pane
{
float: right;
width: 342px;
}
div.inner-pane
{
padding: 5px 6px;
}
div.form-field
{
margin-bottom: 3px;
}
fieldset label
{
float: left;
}
fieldset input, fieldset .colorfield
{
float: right;
}
fieldset .colorfield input
{
display: none;
}
/* Preview area */
textarea#preview
{
display: block;
width: 100%;
/* width: 40px; */
height: 100px;
padding: 8px;
font-family: 'Asap', sans-serif;
font-size: 26px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #4E4E4E;
color: white;
border: 0px;
border-collapse: separate;
}
fieldset#fieldset_preview
{
padding: 18px;
}
/* Listbox element */
.listbox
{
background-color: #121212;
border: 1px solid #212121;
height: 250px;
overflow: auto;
}
.listbox-item
{
color: #CACACA;
padding: 6px 8px 6px 5px;
font-size: 15px;
height: 17px;
background: #0B0B0C;
background: -moz-linear-gradient(top, #0B0B0C 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B0B0C), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #0B0B0C 0%,#000000 100%);
background: -o-linear-gradient(top, #0B0B0C 0%,#000000 100%);
background: -ms-linear-gradient(top, #0B0B0C 0%,#000000 100%);
background: linear-gradient(top, #0B0B0C 0%,#000000 100%);
}
.listbox-item:hover
{
color: white;
background: #19191c;
background: -moz-linear-gradient(top, #19191c 0%, #0F0F0F 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19191c), color-stop(100%,#0F0F0F));
background: -webkit-linear-gradient(top, #19191c 0%,#0F0F0F 100%);
background: -o-linear-gradient(top, #19191c 0%,#0F0F0F 100%);
background: -ms-linear-gradient(top, #19191c 0%,#0F0F0F 100%);
background: linear-gradient(top, #19191c 0%,#0F0F0F 100%);
}
.listbox-item.selected
{
color: white;
background: #303038;
background: -moz-linear-gradient(top, #303038 0%, #212121 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303038), color-stop(100%,#212121));
background: -webkit-linear-gradient(top, #303038 0%,#212121 100%);
background: -o-linear-gradient(top, #303038 0%,#212121 100%);
background: -ms-linear-gradient(top, #303038 0%,#212121 100%);
background: linear-gradient(top, #303038 0%,#212121 100%);
}
.listbox-item-placeholder
{
color: #CACACA;
padding: 6px 8px;
font-size: 15px;
height: 17px;
background: #0A0A0A;
}
.listbox-header
{
margin-top: 10px;
margin-left: 5px;
margin-bottom: 2px;
font-weight: bold;
font-size: 14px;
}
a.listbox-button
{
display: block;
float: left;
padding: 7px 0px;
width: 50%;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #CACACA;
text-decoration: none;
background: #101011;
background: -moz-linear-gradient(top, #101011 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#101011), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #101011 0%,#000000 100%);
background: -o-linear-gradient(top, #101011 0%,#000000 100%);
background: -ms-linear-gradient(top, #101011 0%,#000000 100%);
background: linear-gradient(top, #101011 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101011', endColorstr='#000000',GradientType=0 );
}
a.listbox-button:hover, a.listbox-button:active
{
color: white;
}
a.listbox-button:hover
{
background: #181819;
background: -moz-linear-gradient(top, #181819 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181819), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #181819 0%,#000000 100%);
background: -o-linear-gradient(top, #181819 0%,#000000 100%);
background: -ms-linear-gradient(top, #181819 0%,#000000 100%);
background: linear-gradient(top, #181819 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181819', endColorstr='#000000',GradientType=0 );
}
a.listbox-button:active
{
background: #2e2e30;
background: -moz-linear-gradient(top, #2e2e30 0%, #0f0f0f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2e30), color-stop(100%,#0f0f0f));
background: -webkit-linear-gradient(top, #2e2e30 0%,#0f0f0f 100%);
background: -o-linear-gradient(top, #2e2e30 0%,#0f0f0f 100%);
background: -ms-linear-gradient(top, #2e2e30 0%,#0f0f0f 100%);
background: linear-gradient(top, #2e2e30 0%,#0f0f0f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e30', endColorstr='#0f0f0f',GradientType=0 );
}
/* Color picker button */
.colorbutton
{
background-image: url(../images/select5.png);
background-position: -1px -2px;
border: 1px solid #DEDEDE;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
width: 21px;
height: 21px;
}
/* Form layout */
.form-element
{
margin-bottom: 7px;
}
.form-field
{
float: right;
}
/* Top menu */
.header h1
{
float: left;
}
.header-buttons
{
float: right;
margin-top: 4px;
}
.header-buttons a
{
display: block;
float: left;
border: 1px solid gray;
border-left: 0px;
padding: 10px 13px;
text-decoration: none;
color: #E3E3E3;
font-size: 15px;
transition-property:color, background-color;
transition-duration: .15s, .15s;
transition-timing-function: ease-in-out, ease-in-out;
-moz-transition-property:color, background-color;
-moz-transition-duration: .15s, .15s;
-moz-transition-timing-function: ease-in-out, ease-in-out;
-webkit-transition-property:color, background-color;
-webkit-transition-duration: .15s, .15s;
-webkit-transition-timing-function: ease-in-out, ease-in-out;
}
.header-buttons a:hover
{
color: white;
background-color: #171717;
transition-property:color, background-color;
transition-duration: .15s, .15s;
transition-timing-function: ease-in-outl, ease-in-out;
-moz-transition-property:color, background-color;
-moz-transition-duration: .15s, .15s;
-moz-transition-timing-function: ease-in-out, ease-in-out;
-webkit-transition-property:color, background-color;
-webkit-transition-duration: .15s, .15s;
-webkit-transition-timing-function: ease-in-out, ease-in-out;
}
.header-buttons a:first-child
{
border-left: 1px solid gray;
border-radius: 20px 0px 0px 20px;
-moz-border-radius: 20px 0px 0px 20px;
-o-border-radius: 20px 0px 0px 20px;
-ms-border-radius: 20px 0px 0px 20px;
-webkit-border-radius: 20px 0px 0px 20px;
}
.header-buttons a:nth-last-child(2)
{
border-radius: 0px 20px 20px 0px;
-moz-border-radius: 0px 20px 20px 0px;
-o-border-radius: 0px 20px 20px 0px;
-ms-border-radius: 0px 20px 20px 0px;
-webkit-border-radius: 0px 20px 20px 0px;
}
/* Special */
.layer-id
{
display: none;
}
.tools
{
margin: 1px;
float: right;
}
.tools img
{
margin-left: 4px;
}
#settings label
{
margin-top: 4px;
}
#settings label.buttonset
{
margin-top: 6px;
}
.slider, .slider-negative
{
width: 180px;
margin-top: 6px;
float: right;
}
.slider-field input
{
width: 30px;
margin-left: 12px;
float: right;
background-color: black;
border: 1px solid #212121;
color: white;
font-size: 12px;
padding: 2px;
}
/* Dialogs */
#dialog_confirm_deletion, #dialog_code, #dialog_save, #dialog_load, #dialog_rename, #dialog_confirm_clear, #dialog_presets
{
display: none;
}
#dialog_code, #dialog_save, #dialog_load, #dialog_rename
{
text-align: center;
}
#dialog_code textarea, #dialog_save textarea, #dialog_load textarea
{
height: 180px;
}
#dialog_code textarea, #dialog_save textarea, #dialog_load textarea, #dialog_rename input
{
width: 450px;
background-color: black;
border: 1px solid #212121;
color: white;
padding: 6px;
}
#dialog_presets ul
{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#dialog_presets li
{
width: 100px;
height: 100px;
padding: 14px;
margin: 7px;
overflow: hidden;
float: left;
background-color: #232323;
border: 1px solid transparent;
font-size: 42px;
}
#dialog_presets li:hover
{
border: 1px solid silver;
}
#dialog_presets li .preset-test
{
width: 80px;
height: 80px;
margin: 5px;
background-color: black;
overflow: hidden;
font-size: 36px;
padding: 5px;
}
/* Sortables */
.sortable
{
list-style-type: none;
margin: 0px;
padding: 0px;
}
.sortable li
{
margin: 0px;
}
#fieldset_settings
{
position: relative;
}
#start_arrow
{
position: absolute;
left: 235px;
top: 135px;
}
/* Hacks */
.colorpicker_submit
{
display: none;
}
.handle
{
float: left;
margin-right: 3px;
margin-top: 1px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 532 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 970 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1012 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 970 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 984 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 562 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 970 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1008 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1018 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 997 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 342 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 265 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 506 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 518 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 330 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 315 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

@ -0,0 +1,195 @@
<!doctype html>
<html>
<head>
<title>CSS3 Shadow Generator</title>
<link href="http://fonts.googleapis.com/css?family=Armata|Asap:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css" />
<link href="css/jqueryui.css" rel="stylesheet" type="text/css">
<link href="css/presets.css" rel="stylesheet" type="text/css">
<link href="css/shadowgen.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/colorpicker.js"></script>
<script type="text/javascript" src="js/json.js"></script>
<script type="text/javascript" src="js/shadowgen.js"></script>
</head>
<body>
<div class="wrapper">
<div class="main">
<div class="header">
<h1>CSS3 Shadow Creator</h1>
<div class="header-buttons">
<a href="#" onclick="clear_layers(); return false;">New</a>
<a href="#" onclick="save_layers(); return false;">Save</a>
<a href="#" onclick="dialog_load(); return false;">Load</a>
<a href="#" onclick="dialog_presets(); return false;">Presets</a>
<a href="#" class="strong" onclick="generate_code(); return false;">Generate code</a>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="pane_main">
<div class="left-pane">
<div class="inner-pane">
<fieldset id="fieldset_preview">
<legend>Preview</legend>
<textarea id="preview">Hi there, I'm a shadow!</textarea>
</fieldset>
<fieldset id="fieldset_settings">
<legend>Shadow settings</legend>
<div id="settings">
<div class="form-element">
<label>Shadow color</label>
<div class="colorfield">
<input type="text" id="input_shadow_color" class="colorfield">
<div class="colorbutton" id="colorbutton_shadow_color"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-element" id="setting_inset">
<label class="buttonset">Type</label>
<div class="form-field">
<input type="radio" name="inset" value="enabled" id="input_inset" checked>
<label for="input_inset">Inset</label>
<input type="radio" name="inset" value="disabled" id="input_outset">
<label for="input_outset">Outset</label>
</div>
<div class="clear"></div>
</div>
<div class="form-element">
<label>Shadow X offset</label>
<div class="form-field slider-field">
<input type="numeric" id="input_offset_x" value="0">
<div id="slider_offset_x" class="slider-negative"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-element">
<label>Shadow Y offset</label>
<div class="form-field slider-field">
<input type="numeric" id="input_offset_y" value="0">
<div id="slider_offset_y" class="slider-negative"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-element">
<label>Shadow Blur</label>
<div class="form-field slider-field">
<input type="numeric" id="input_blur" value="0">
<div id="slider_blur" class="slider"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-element" id="setting_spread">
<label>Shadow Spread</label>
<div class="form-field slider-field">
<input type="numeric" id="input_spread" value="0">
<div id="slider_spread" class="slider"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="settings_placeholder">
Add a text or box shadow layer to start creating a shadow.
<img src="images/arrow.png" id="start_arrow" alt="Arrow">
</div>
</fieldset>
</div>
</div>
<div class="right-pane">
<div class="inner-pane">
<fieldset id="fieldset_previewsettings">
<legend>Preview settings</legend>
<div class="form-element">
<label>Background color</label>
<div class="colorfield">
<input type="text" id="input_preview_background" class="colorfield">
<div class="colorbutton" id="colorbutton_preview_background"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-element">
<label>Box color</label>
<div class="colorfield">
<input type="text" id="input_preview_box" class="colorfield">
<div class="colorbutton" id="colorbutton_preview_box"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-element">
<label>Text color</label>
<div class="colorfield">
<input type="text" id="input_preview_text" class="colorfield">
<div class="colorbutton" id="colorbutton_preview_text"></div>
</div>
<div class="clear"></div>
</div>
</fieldset>
<fieldset id="fieldset_layers">
<legend>Layers</legend>
<div class="listbox">
<div>
<div class="listbox-header">Box shadow layers</div>
<ul id="layers_box" class="sortable">
<!-- <div class="listbox-item">Main box shadow</div>
<div class="listbox-item selected">Layer 2</div>
<div class="listbox-item">Layer 3</div>
<div class="listbox-item">Layer 4</div> -->
</ul>
<div class="listbox-header">Text shadow layers</div>
<ul id="layers_text" class="sortable">
<!-- <div class="listbox-item">Text glow</div>
<div class="listbox-item">Layer 6</div>
<div class="listbox-item">Layer 7</div>
<div class="listbox-item">Layer 8</div> -->
</ul>
</div>
</div>
<div class="listbox_buttons">
<a class="listbox-button" href="#" onclick="add_layer_text(); return false;" title="Add text shadow layer">+ T</a>
<a class="listbox-button" href="#" onclick="add_layer_box(); return false;" title="Add box shadow layer">+ &#9632;</a>
<div class="clear"></div>
</div>
</fieldset>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="dialog_confirm_deletion" title="Are you sure?">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Deleted layers cannot be recovered. Are you sure you wish to delete the layer named '<span class="layer-name"></span>'?</p>
</div>
<div id="dialog_confirm_clear" title="Are you sure?">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>This will delete all your layers and allow you to start over. Are you sure you want to do this? The layers can't be recovered afterwards!</p>
</div>
<div id="dialog_code" title="Generated CSS">
<p>You can directly use this code in your design.</p>
<p><textarea disabled></textarea></p>
</div>
<div id="dialog_save" title="Save shadow layers">
<p>Save the following JSON object anywhere to save your shadow layers.</p>
<p><textarea disabled></textarea></p>
</div>
<div id="dialog_load" title="Load shadow layers">
<p>Paste a JSON object in the below text area to load your shadow layers.</p>
<p><textarea></textarea></p>
</div>
<div id="dialog_rename" title="Rename layer">
<p>Enter a new name for the layer.</p>
<p><input type="text"></p>
</div>
<div id="dialog_presets" title="Presets gallery">
<ul>
<li class="text-preset" id="preset-1" onclick="load_preset(1);">Fire</li>
<li class="text-preset" id="preset-2" onclick="load_preset(2);">Neon</li>
<li class="text-preset" id="preset-3" onclick="load_preset(3);">Offset</li>
<li class="text-preset" id="preset-7" onclick="load_preset(7);">Ice</li>
<li class="text-preset" id="preset-8" onclick="load_preset(8);">Ghost</li>
<li class="box-preset" id="preset-4" onclick="load_preset(4);"><div class="preset-test"></div></li>
<li class="box-preset" id="preset-5" onclick="load_preset(5);"><div class="preset-test"></div></li>
<li class="box-preset" id="preset-6" onclick="load_preset(6);"><div class="preset-test" style="background-color: gray;">Depth</div></li>
</ul>
</div>
</body>
</html>

@ -0,0 +1,496 @@
/**
*
* Color picker
* Author: Stefan Petre www.eyecon.ro
*
* Dual licensed under the MIT and GPL licenses
*
*/
var currentPicker = null;
(function ($) {
var ColorPicker = function () {
var
ids = {},
inAction,
charMin = 65,
visible,
tpl = '<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>',
defaults = {
eventName: 'click',
onShow: function () {},
onBeforeShow: function(){},
onHide: function () {},
onChange: function () {},
onSubmit: function () {},
color: 'ff0000',
livePreview: true,
flat: false
},
fillRGBFields = function (hsb, cal) {
var rgb = HSBToRGB(hsb);
$(cal).data('colorpicker').fields
.eq(1).val(rgb.r).end()
.eq(2).val(rgb.g).end()
.eq(3).val(rgb.b).end();
},
fillHSBFields = function (hsb, cal) {
$(cal).data('colorpicker').fields
.eq(4).val(hsb.h).end()
.eq(5).val(hsb.s).end()
.eq(6).val(hsb.b).end();
},
fillHexFields = function (hsb, cal) {
$(cal).data('colorpicker').fields
.eq(0).val(HSBToHex(hsb)).end();
},
setSelector = function (hsb, cal) {
$(cal).data('colorpicker').selector.css('backgroundColor', '#' + HSBToHex({h: hsb.h, s: 100, b: 100}));
$(cal).data('colorpicker').selectorIndic.css({
left: parseInt(150 * hsb.s/100, 10),
top: parseInt(150 * (100-hsb.b)/100, 10)
});
},
setHue = function (hsb, cal) {
$(cal).data('colorpicker').hue.css('top', parseInt(150 - 150 * hsb.h/360, 10));
},
setCurrentColor = function (hsb, cal) {
$(cal).data('colorpicker').currentColor.css('backgroundColor', '#' + HSBToHex(hsb));
},
setNewColor = function (hsb, cal) {
$(cal).data('colorpicker').newColor.css('backgroundColor', '#' + HSBToHex(hsb));
},
keyDown = function (ev) {
var pressedKey = ev.charCode || ev.keyCode || -1;
if ((pressedKey > charMin && pressedKey <= 90) || pressedKey == 32) {
return false;
}
var cal = $(this).parent().parent();
if (cal.data('colorpicker').livePreview === true) {
change.apply(this);
}
},
change = function (ev) {
// MARK change
var cal = $(this).parent().parent(), col;
if (this.parentNode.className.indexOf('_hex') > 0) {
cal.data('colorpicker').color = col = HexToHSB(fixHex(this.value));
} else if (this.parentNode.className.indexOf('_hsb') > 0) {
cal.data('colorpicker').color = col = fixHSB({
h: parseInt(cal.data('colorpicker').fields.eq(4).val(), 10),
s: parseInt(cal.data('colorpicker').fields.eq(5).val(), 10),
b: parseInt(cal.data('colorpicker').fields.eq(6).val(), 10)
});
} else {
cal.data('colorpicker').color = col = RGBToHSB(fixRGB({
r: parseInt(cal.data('colorpicker').fields.eq(1).val(), 10),
g: parseInt(cal.data('colorpicker').fields.eq(2).val(), 10),
b: parseInt(cal.data('colorpicker').fields.eq(3).val(), 10)
}));
}
if (ev) {
fillRGBFields(col, cal.get(0));
fillHexFields(col, cal.get(0));
fillHSBFields(col, cal.get(0));
}
setSelector(col, cal.get(0));
setHue(col, cal.get(0));
setNewColor(col, cal.get(0));
cal.data('colorpicker').onChange.apply(cal, [col, HSBToHex(col), HSBToRGB(col)]);
clickSubmit(ev, currentPicker);
},
blur = function (ev) {
var cal = $(this).parent().parent();
cal.data('colorpicker').fields.parent().removeClass('colorpicker_focus');
},
focus = function () {
charMin = this.parentNode.className.indexOf('_hex') > 0 ? 70 : 65;
$(this).parent().parent().data('colorpicker').fields.parent().removeClass('colorpicker_focus');
$(this).parent().addClass('colorpicker_focus');
},
downIncrement = function (ev) {
var field = $(this).parent().find('input').focus();
var current = {
el: $(this).parent().addClass('colorpicker_slider'),
max: this.parentNode.className.indexOf('_hsb_h') > 0 ? 360 : (this.parentNode.className.indexOf('_hsb') > 0 ? 100 : 255),
y: ev.pageY,
field: field,
val: parseInt(field.val(), 10),
preview: $(this).parent().parent().data('colorpicker').livePreview
};
$(document).bind('mouseup', current, upIncrement);
$(document).bind('mousemove', current, moveIncrement);
},
moveIncrement = function (ev) {
ev.data.field.val(Math.max(0, Math.min(ev.data.max, parseInt(ev.data.val + ev.pageY - ev.data.y, 10))));
if (ev.data.preview) {
change.apply(ev.data.field.get(0), [true]);
}
return false;
},
upIncrement = function (ev) {
change.apply(ev.data.field.get(0), [true]);
ev.data.el.removeClass('colorpicker_slider').find('input').focus();
$(document).unbind('mouseup', upIncrement);
$(document).unbind('mousemove', moveIncrement);
return false;
},
downHue = function (ev) {
var current = {
cal: $(this).parent(),
y: $(this).offset().top
};
current.preview = current.cal.data('colorpicker').livePreview;
$(document).bind('mouseup', current, upHue);
$(document).bind('mousemove', current, moveHue);
},
moveHue = function (ev) {
change.apply(
ev.data.cal.data('colorpicker')
.fields
.eq(4)
.val(parseInt(360*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.y))))/150, 10))
.get(0),
[ev.data.preview]
);
return false;
},
upHue = function (ev) {
fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
$(document).unbind('mouseup', upHue);
$(document).unbind('mousemove', moveHue);
return false;
},
downSelector = function (ev) {
// MARK start selector
var current = {
cal: $(this).parent(),
pos: $(this).offset()
};
current.preview = current.cal.data('colorpicker').livePreview;
$(document).bind('mouseup', current, upSelector);
$(document).bind('mousemove', current, moveSelector);
},
moveSelector = function (ev) {
// MARK move selector
change.apply(
ev.data.cal.data('colorpicker')
.fields
.eq(6)
.val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.pos.top))))/150, 10))
.end()
.eq(5)
.val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - ev.data.pos.left))))/150, 10))
.get(0),
[ev.data.preview]
);
return false;
},
upSelector = function (ev) {
fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
$(document).unbind('mouseup', upSelector);
$(document).unbind('mousemove', moveSelector);
return false;
},
enterSubmit = function (ev) {
$(this).addClass('colorpicker_focus');
},
leaveSubmit = function (ev) {
$(this).removeClass('colorpicker_focus');
},
clickSubmit = function (ev, cal) {
// MARK submit
if(cal == null)
{
cal = $(this).parent();
}
var col = cal.data('colorpicker').color;
cal.data('colorpicker').origColor = col;
setCurrentColor(col, cal.get(0));
cal.data('colorpicker').onSubmit(col, HSBToHex(col), HSBToRGB(col), cal.data('colorpicker').el);
},
show = function (ev) {
var cal = $('#' + $(this).data('colorpickerId'));
cal.data('colorpicker').onBeforeShow.apply(this, [cal.get(0)]);
var pos = $(this).offset();
var viewPort = getViewport();
var top = pos.top + this.offsetHeight;
var left = pos.left;
if (top + 176 > viewPort.t + viewPort.h) {
top -= this.offsetHeight + 176;
}
if (left + 356 > viewPort.l + viewPort.w) {
left -= 356;
}
cal.css({left: left + 'px', top: top + 'px'});
if (cal.data('colorpicker').onShow.apply(this, [cal.get(0)]) != false) {
cal.show();
}
$(document).bind('mousedown', {cal: cal}, hide);
currentPicker = cal;
return false;
},
hide = function (ev) {
if (!isChildOf(ev.data.cal.get(0), ev.target, ev.data.cal.get(0))) {
if (ev.data.cal.data('colorpicker').onHide.apply(this, [ev.data.cal.get(0)]) != false) {
ev.data.cal.hide();
}
$(document).unbind('mousedown', hide);
}
},
isChildOf = function(parentEl, el, container) {
if (parentEl == el) {
return true;
}
if (parentEl.contains) {
return parentEl.contains(el);
}
if ( parentEl.compareDocumentPosition ) {
return !!(parentEl.compareDocumentPosition(el) & 16);
}
var prEl = el.parentNode;
while(prEl && prEl != container) {
if (prEl == parentEl)
return true;
prEl = prEl.parentNode;
}
return false;
},
getViewport = function () {
var m = document.compatMode == 'CSS1Compat';
return {
l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft),
t : window.pageYOffset || (m ? document.documentElement.scrollTop : document.body.scrollTop),
w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth),
h : window.innerHeight || (m ? document.documentElement.clientHeight : document.body.clientHeight)
};
},
fixHSB = function (hsb) {
return {
h: Math.min(360, Math.max(0, hsb.h)),
s: Math.min(100, Math.max(0, hsb.s)),
b: Math.min(100, Math.max(0, hsb.b))
};
},
fixRGB = function (rgb) {
return {
r: Math.min(255, Math.max(0, rgb.r)),
g: Math.min(255, Math.max(0, rgb.g)),
b: Math.min(255, Math.max(0, rgb.b))
};
},
fixHex = function (hex) {
var len = 6 - hex.length;
if (len > 0) {
var o = [];
for (var i=0; i<len; i++) {
o.push('0');
}
o.push(hex);
hex = o.join('');
}
return hex;
},
HexToRGB = function (hex) {
var hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
return {r: hex >> 16, g: (hex & 0x00FF00) >> 8, b: (hex & 0x0000FF)};
},
HexToHSB = function (hex) {
return RGBToHSB(HexToRGB(hex));
},
RGBToHSB = function (rgb) {
var hsb = {
h: 0,
s: 0,
b: 0
};
var min = Math.min(rgb.r, rgb.g, rgb.b);
var max = Math.max(rgb.r, rgb.g, rgb.b);
var delta = max - min;
hsb.b = max;
if (max != 0) {
}
hsb.s = max != 0 ? 255 * delta / max : 0;
if (hsb.s != 0) {
if (rgb.r == max) {
hsb.h = (rgb.g - rgb.b) / delta;
} else if (rgb.g == max) {
hsb.h = 2 + (rgb.b - rgb.r) / delta;
} else {
hsb.h = 4 + (rgb.r - rgb.g) / delta;
}
} else {
hsb.h = -1;
}
hsb.h *= 60;
if (hsb.h < 0) {
hsb.h += 360;
}
hsb.s *= 100/255;
hsb.b *= 100/255;
return hsb;
},
HSBToRGB = function (hsb) {
var rgb = {};
var h = Math.round(hsb.h);
var s = Math.round(hsb.s*255/100);
var v = Math.round(hsb.b*255/100);
if(s == 0) {
rgb.r = rgb.g = rgb.b = v;
} else {
var t1 = v;
var t2 = (255-s)*v/255;
var t3 = (t1-t2)*(h%60)/60;
if(h==360) h = 0;
if(h<60) {rgb.r=t1; rgb.b=t2; rgb.g=t2+t3}
else if(h<120) {rgb.g=t1; rgb.b=t2; rgb.r=t1-t3}
else if(h<180) {rgb.g=t1; rgb.r=t2; rgb.b=t2+t3}
else if(h<240) {rgb.b=t1; rgb.r=t2; rgb.g=t1-t3}
else if(h<300) {rgb.b=t1; rgb.g=t2; rgb.r=t2+t3}
else if(h<360) {rgb.r=t1; rgb.g=t2; rgb.b=t1-t3}
else {rgb.r=0; rgb.g=0; rgb.b=0}
}
return {r:Math.round(rgb.r), g:Math.round(rgb.g), b:Math.round(rgb.b)};
},
RGBToHex = function (rgb) {
var hex = [
rgb.r.toString(16),
rgb.g.toString(16),
rgb.b.toString(16)
];
$.each(hex, function (nr, val) {
if (val.length == 1) {
hex[nr] = '0' + val;
}
});
return hex.join('');
},
HSBToHex = function (hsb) {
return RGBToHex(HSBToRGB(hsb));
},
restoreOriginal = function () {
var cal = $(this).parent();
var col = cal.data('colorpicker').origColor;
cal.data('colorpicker').color = col;
fillRGBFields(col, cal.get(0));
fillHexFields(col, cal.get(0));
fillHSBFields(col, cal.get(0));
setSelector(col, cal.get(0));
setHue(col, cal.get(0));
setNewColor(col, cal.get(0));
};
return {
init: function (opt) {
opt = $.extend({}, defaults, opt||{});
if (typeof opt.color == 'string') {
opt.color = HexToHSB(opt.color);
} else if (opt.color.r != undefined && opt.color.g != undefined && opt.color.b != undefined) {
opt.color = RGBToHSB(opt.color);
} else if (opt.color.h != undefined && opt.color.s != undefined && opt.color.b != undefined) {
opt.color = fixHSB(opt.color);
} else {
return this;
}
return this.each(function () {
if (!$(this).data('colorpickerId')) {
var options = $.extend({}, opt);
options.origColor = opt.color;
var id = 'collorpicker_' + parseInt(Math.random() * 1000);
$(this).data('colorpickerId', id);
var cal = $(tpl).attr('id', id);
if (options.flat) {
cal.appendTo(this).show();
} else {
cal.appendTo(document.body);
}
options.fields = cal
.find('input')
.bind('keyup', keyDown)
.bind('change', change)
.bind('blur', blur)
.bind('focus', focus);
cal
.find('span').bind('mousedown', downIncrement).end()
.find('>div.colorpicker_current_color').bind('click', restoreOriginal);
options.selector = cal.find('div.colorpicker_color').bind('mousedown', downSelector);
options.selectorIndic = options.selector.find('div div');
options.el = this;
options.hue = cal.find('div.colorpicker_hue div');
cal.find('div.colorpicker_hue').bind('mousedown', downHue);
options.newColor = cal.find('div.colorpicker_new_color');
options.currentColor = cal.find('div.colorpicker_current_color');
cal.data('colorpicker', options);
cal.find('div.colorpicker_submit')
.bind('mouseenter', enterSubmit)
.bind('mouseleave', leaveSubmit)
.bind('click', clickSubmit);
fillRGBFields(options.color, cal.get(0));
fillHSBFields(options.color, cal.get(0));
fillHexFields(options.color, cal.get(0));
setHue(options.color, cal.get(0));
setSelector(options.color, cal.get(0));
setCurrentColor(options.color, cal.get(0));
setNewColor(options.color, cal.get(0));
if (options.flat) {
cal.css({
position: 'relative',
display: 'block'
});
} else {
$(this).bind(options.eventName, show);
}
}
});
},
showPicker: function() {
return this.each( function () {
if ($(this).data('colorpickerId')) {
show.apply(this);
}
});
},
hidePicker: function() {
return this.each( function () {
if ($(this).data('colorpickerId')) {
$('#' + $(this).data('colorpickerId')).hide();
}
});
},
setColor: function(col) {
if (typeof col == 'string') {
col = HexToHSB(col);
} else if (col.r != undefined && col.g != undefined && col.b != undefined) {
col = RGBToHSB(col);
} else if (col.h != undefined && col.s != undefined && col.b != undefined) {
col = fixHSB(col);
} else {
return this;
}
return this.each(function(){
if ($(this).data('colorpickerId')) {
var cal = $('#' + $(this).data('colorpickerId'));
cal.data('colorpicker').color = col;
cal.data('colorpicker').origColor = col;
fillRGBFields(col, cal.get(0));
fillHSBFields(col, cal.get(0));
fillHexFields(col, cal.get(0));
setHue(col, cal.get(0));
setSelector(col, cal.get(0));
setCurrentColor(col, cal.get(0));
setNewColor(col, cal.get(0));
}
});
}
};
}();
$.fn.extend({
ColorPicker: ColorPicker.init,
ColorPickerHide: ColorPicker.hidePicker,
ColorPickerShow: ColorPicker.showPicker,
ColorPickerSetColor: ColorPicker.setColor
});
})(jQuery)

@ -0,0 +1,34 @@
/**
*
* Zoomimage
* Author: Stefan Petre www.eyecon.ro
*
*/
(function($){
var EYE = window.EYE = function() {
var _registered = {
init: []
};
return {
init: function() {
$.each(_registered.init, function(nr, fn){
fn.call();
});
},
extend: function(prop) {
for (var i in prop) {
if (prop[i] != undefined) {
this[i] = prop[i];
}
}
},
register: function(fn, type) {
if (!_registered[type]) {
_registered[type] = [];
}
_registered[type].push(fn);
}
};
}();
$(EYE.init);
})(jQuery);

File diff suppressed because it is too large Load Diff

@ -0,0 +1,23 @@
(function($){var escapeable=/["\\\x00-\x1f\x7f-\x9f]/g,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};$.toJSON=typeof JSON==='object'&&JSON.stringify?JSON.stringify:function(o){if(o===null){return'null';}
var type=typeof o;if(type==='undefined'){return undefined;}
if(type==='number'||type==='boolean'){return''+o;}
if(type==='string'){return $.quoteString(o);}
if(type==='object'){if(typeof o.toJSON==='function'){return $.toJSON(o.toJSON());}
if(o.constructor===Date){var month=o.getUTCMonth()+1,day=o.getUTCDate(),year=o.getUTCFullYear(),hours=o.getUTCHours(),minutes=o.getUTCMinutes(),seconds=o.getUTCSeconds(),milli=o.getUTCMilliseconds();if(month<10){month='0'+month;}
if(day<10){day='0'+day;}
if(hours<10){hours='0'+hours;}
if(minutes<10){minutes='0'+minutes;}
if(seconds<10){seconds='0'+seconds;}
if(milli<100){milli='0'+milli;}
if(milli<10){milli='0'+milli;}
return'"'+year+'-'+month+'-'+day+'T'+
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}
if(o.constructor===Array){var ret=[];for(var i=0;i<o.length;i++){ret.push($.toJSON(o[i])||'null');}
return'['+ret.join(',')+']';}
var name,val,pairs=[];for(var k in o){type=typeof k;if(type==='number'){name='"'+k+'"';}else if(type==='string'){name=$.quoteString(k);}else{continue;}
type=typeof o[k];if(type==='function'||type==='undefined'){continue;}
val=$.toJSON(o[k]);pairs.push(name+':'+val);}
return'{'+pairs.join(',')+'}';}};$.evalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){return eval('('+src+')');};$.secureEvalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){var filtered=src.replace(/\\["\\\/bfnrtu]/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered)){return eval('('+src+')');}else{throw new SyntaxError('Error parsing JSON, source is not valid.');}};$.quoteString=function(string){if(string.match(escapeable)){return'"'+string.replace(escapeable,function(a){var c=meta[a];if(typeof c==='string'){return c;}
c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}
return'"'+string+'"';};})(jQuery);

@ -0,0 +1,67 @@
(function($){
var initLayout = function() {
var hash = window.location.hash.replace('#', '');
var currentTab = $('ul.navigationTabs a')
.bind('click', showTab)
.filter('a[rel=' + hash + ']');
if (currentTab.size() == 0) {
currentTab = $('ul.navigationTabs a:first');
}
showTab.apply(currentTab.get(0));
$('#colorpickerHolder').ColorPicker({flat: true});
$('#colorpickerHolder2').ColorPicker({
flat: true,
color: '#00ff00',
onSubmit: function(hsb, hex, rgb) {
$('#colorSelector2 div').css('backgroundColor', '#' + hex);
}
});
$('#colorpickerHolder2>div').css('position', 'absolute');
var widt = false;
$('#colorSelector2').bind('click', function() {
$('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500);
widt = !widt;
});
$('#colorpickerField1, #colorpickerField2, #colorpickerField3').ColorPicker({
onSubmit: function(hsb, hex, rgb, el) {
$(el).val(hex);
$(el).ColorPickerHide();
},
onBeforeShow: function () {
$(this).ColorPickerSetColor(this.value);
}
})
.bind('keyup', function(){
$(this).ColorPickerSetColor(this.value);
});
$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('#colorSelector div').css('backgroundColor', '#' + hex);
}
});
};
var showTab = function(e) {
var tabIndex = $('ul.navigationTabs a')
.removeClass('active')
.index(this);
$(this)
.addClass('active')
.blur();
$('div.tab')
.hide()
.eq(tabIndex)
.show();
};
EYE.register(initLayout, 'init');
})(jQuery)

@ -0,0 +1,571 @@
var debugEl;
var hooks = [];
var layers = [];
var layer_increment = 0;
var presets = [];
var active = false;
presets[1] = '[[],[{"type":"text","shadow_color":"f5f500","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":-1,"shadow_blur":4,"shadow_spread":0,"layer_name":"Yellow"},{"type":"text","shadow_color":"e07b00","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":-4,"shadow_blur":8,"shadow_spread":0,"layer_name":"Orange"},{"type":"text","shadow_color":"ff1100","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":-5,"shadow_blur":16,"shadow_spread":0,"layer_name":"Red"}]]';
presets[2] = '[[],[{"type":"text","shadow_color":"ff1cff","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":0,"shadow_blur":3,"shadow_spread":0,"layer_name":"Layer 0"},{"type":"text","shadow_color":"b314b3","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":0,"shadow_blur":7,"shadow_spread":0,"layer_name":"Layer 1"},{"type":"text","shadow_color":"850d85","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":0,"shadow_blur":10,"shadow_spread":0,"layer_name":"Layer 2"},{"type":"text","shadow_color":"470b47","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":0,"shadow_blur":16,"shadow_spread":0,"layer_name":"Layer 3"},{"type":"text","shadow_color":"290029","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":0,"shadow_blur":23,"shadow_spread":0,"layer_name":"Layer 4"}]]';
presets[3] = '[[],[{"type":"text","shadow_color":"7700ff","shadow_inset":false,"shadow_offset_x":1,"shadow_offset_y":1,"shadow_blur":0,"shadow_spread":0,"layer_name":"Layer 5"},{"type":"text","shadow_color":"0040ff","shadow_inset":false,"shadow_offset_x":1,"shadow_offset_y":-1,"shadow_blur":0,"shadow_spread":0,"layer_name":"Layer 6"},{"type":"text","shadow_color":"ff0048","shadow_inset":false,"shadow_offset_x":-1,"shadow_offset_y":-1,"shadow_blur":0,"shadow_spread":0,"layer_name":"Layer 7"},{"type":"text","shadow_color":"ffdd00","shadow_inset":false,"shadow_offset_x":-1,"shadow_offset_y":1,"shadow_blur":0,"shadow_spread":0,"layer_name":"Layer 8"}]]';
presets[4] = '[[{"type":"box","shadow_color":"d7e854","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":0,"shadow_blur":30,"shadow_spread":7,"layer_name":"Glow"},{"type":"box","shadow_color":"c0d900","shadow_inset":true,"shadow_offset_x":0,"shadow_offset_y":0,"shadow_blur":3,"shadow_spread":0,"layer_name":"Inner glow"}],[]]';
presets[5] = '[[{"type":"box","shadow_color":"0fa37e","shadow_inset":false,"shadow_offset_x":-3,"shadow_offset_y":0,"shadow_blur":6,"shadow_spread":0,"layer_name":"Layer 6"},{"type":"box","shadow_color":"ff0033","shadow_inset":false,"shadow_offset_x":3,"shadow_offset_y":3,"shadow_blur":6,"shadow_spread":0,"layer_name":"Layer 5"},{"type":"box","shadow_color":"ffea00","shadow_inset":false,"shadow_offset_x":3,"shadow_offset_y":-3,"shadow_blur":6,"shadow_spread":0,"layer_name":"Layer 7"}],[]]';
presets[6] = '[[{"type":"box","shadow_color":"000000","shadow_inset":true,"shadow_offset_x":0,"shadow_offset_y":0,"shadow_blur":11,"shadow_spread":1,"layer_name":"Layer 0"}],[{"type":"text","shadow_color":"000000","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":0,"shadow_blur":5,"shadow_spread":0,"layer_name":"Layer 1"}]]';
presets[7] = '[[],[{"type":"text","shadow_color":"85f5d9","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":-1,"shadow_blur":4,"shadow_spread":0,"layer_name":"Light"},{"type":"text","shadow_color":"00ff8c","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":-4,"shadow_blur":8,"shadow_spread":0,"layer_name":"Mid"},{"type":"text","shadow_color":"003369","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":-5,"shadow_blur":16,"shadow_spread":0,"layer_name":"Dark"}]]';
presets[8] = '[[],[{"type":"text","shadow_color":"938cc9","shadow_inset":false,"shadow_offset_x":12,"shadow_offset_y":12,"shadow_blur":11,"shadow_spread":0,"layer_name":"Layer 0"},{"type":"text","shadow_color":"80bbd6","shadow_inset":false,"shadow_offset_x":-15,"shadow_offset_y":2,"shadow_blur":16,"shadow_spread":0,"layer_name":"Layer 1"},{"type":"text","shadow_color":"3c48d6","shadow_inset":false,"shadow_offset_x":3,"shadow_offset_y":-4,"shadow_blur":22,"shadow_spread":0,"layer_name":"Layer 2"},{"type":"text","shadow_color":"a3edff","shadow_inset":false,"shadow_offset_x":-6,"shadow_offset_y":10,"shadow_blur":27,"shadow_spread":0,"layer_name":"Layer 3"},{"type":"text","shadow_color":"ffffff","shadow_inset":false,"shadow_offset_x":0,"shadow_offset_y":0,"shadow_blur":11,"shadow_spread":0,"layer_name":"Layer 43"}]]';
hooks['colorbutton_preview_background'] = function(hex, el){ $('#fieldset_preview').css({'background-color' : "#" + hex}); };
hooks['colorbutton_preview_box'] = function(hex, el){ $('#fieldset_preview textarea').css({'background-color' : "#" + hex}); };
hooks['colorbutton_preview_text'] = function(hex, el){ $('#fieldset_preview textarea').css({'color' : "#" + hex}); };
hooks['colorbutton_shadow_color'] = function(hex, el){ current_layer.shadow_color = "#" + hex; };
hooks['slider_blur'] = function(value){ current_layer.shadow_blur = value; };
hooks['slider_offset_x'] = function(value){ current_layer.shadow_offset_x = value; };
hooks['slider_offset_y'] = function(value){ current_layer.shadow_offset_y = value; };
hooks['slider_spread'] = function(value){ current_layer.shadow_spread = value; };
hooks['colorbutton_shadow_color'] = function(hex, el){ current_layer.shadow_color = hex; };
function ShadowLayer(is_text_layer)
{
if(is_text_layer == true)
{
this.type = "text";
}
else
{
this.type = "box";
}
this.shadow_color = "000000";
this.shadow_inset = false;
this.shadow_offset_x = 0;
this.shadow_offset_y = 0;
this.shadow_blur = 0;
this.shadow_spread = 0;
this.layer_name = "";
}
function initialize()
{
$('.colorfield .colorbutton').ColorPicker({
onSubmit: function(hsb, hex, rgb, el) {
var id_self = $(el).attr('id');
$(el).parent().children('input').val(hex);
$(el).css({'background-color': '#' + hex});
if(hooks[id_self])
{
hooks[id_self](hex, el);
update_preview();
}
},
onBeforeShow: function () {
$(this).ColorPickerSetColor($(this).parent().children('input').val());
},
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
}
})
.bind('keyup', function(){
$(this).ColorPickerSetColor($(this).parent().children('input').val());
});
$('.sortable').sortable({
placeholder: "listbox-item-placeholder",
containment: "parent",
distance: 8,
update: function(){
update_preview();
}
});
$('.sortable').disableSelection();
$('#setting_inset').buttonset();
$('.slider').slider({
slide: function(event, ui){
$(ui.handle).parent().parent().children('input').val(ui.value);
hooks[$(ui.handle).parent().attr('id')](ui.value); // Run the specified hook
update_preview();
},
min: 0,
max: 30,
});
$('.slider-negative').slider({
slide: function(event, ui){
$(ui.handle).parent().parent().children('input').val(ui.value);
hooks[$(ui.handle).parent().attr('id')](ui.value); // Run the specified hook
update_preview();
},
min: -30,
max: 30,
});
$('.slider-field').children('input').change(function(){
var slider_element = $(this).parent().children('.slider, .slider-negative');
slider_element.slider("value", $(this).val());
hooks[slider_element.attr('id')]($(this).val()); // Run the specified hook
update_preview();
});
$('#input_inset, #input_outset').change(function(){
//alert(0);
if($('#input_inset:checked').val() !== undefined)
{
current_layer.shadow_inset = true;
}
else
{
current_layer.shadow_inset = false;
}
update_preview();
});
$('#settings').hide();
rebind();
}
function rebind()
{
$('.listbox-item').click(function(){
var layer_id = $(this).children('.layer-id').text();
select_layer(layer_id)
});
}
function add_layer(is_text_layer)
{
if(is_text_layer == true)
{
var target = "#layers_text";
}
else
{
var target = "#layers_box";
}
var new_layer = new ShadowLayer(is_text_layer);
layers[layer_increment] = new_layer;
new_layer.layer_name = "Layer " + layer_increment;
$(target).append('<li><div class="listbox-item" id="layer_item_' + layer_increment + '"><img src="images/handle.png" class=\"handle\">&nbsp;<span class="layer-id">' + layer_increment + '</span><span class="layer-title">' + new_layer.layer_name + '</span><div class="tools"><img src="images/rename.png" onclick="rename_layer(' + layer_increment + ');"><img src="images/delete.png" onclick="delete_layer(' + layer_increment + ');"></div></div></li>');
layer_increment += 1;
rebind();
select_layer(layer_increment - 1);
return layer_increment - 1;
}
function add_layer_text()
{
return add_layer(true);
}
function add_layer_box()
{
return add_layer(false);
}
function select_layer(id)
{
$('.listbox-item.selected').removeClass('selected');
$('#layer_item_' + id).addClass("selected");
current_layer = layers[id];
if(current_layer.type == "box")
{
$('#setting_inset').show();
$('#setting_spread').show();
}
else
{
$('#setting_inset').hide();
$('#setting_spread').hide();
}
$('#settings_placeholder').hide();
$('#settings').show();
load_layer();
}
function select_first()
{
var first_id = $('div.listbox-item:first').find('.layer-id').text();
if(first_id == "")
{
$('#settings_placeholder').show();
$('#settings').hide();
active = false;
}
else
{
select_layer(first_id);
}
}
function save_layers()
{
var save_object = [];
var entry_list = [];
$('#layers_box div.listbox-item').each(function(index, el){
var layer_id = $(this).find('.layer-id').text();
var working_layer = layers[layer_id];
entry_list.push(working_layer);
});
save_object[0] = entry_list.slice(0);
var entry_list = [];
$('#layers_text div.listbox-item').each(function(index, el){
var layer_id = $(this).find('.layer-id').text();
var working_layer = layers[layer_id];
entry_list.push(working_layer);
});
save_object[1] = entry_list.slice(0);
$('#dialog_save textarea').text($.toJSON(save_object));
$('#dialog_save').dialog({
resizable: false,
modal: true,
width: 500,
height: 280
});
}
function load_layers()
{
var data = $.evalJSON($('#dialog_load textarea').val());
parse_layers(data);
}
function parse_layers(jsondata)
{
confirm_clear_layers();
for(i in jsondata[0])
{
var new_id = add_layer_box();
layers[new_id] = jsondata[0][i];
}
for(i in jsondata[1])
{
var new_id = add_layer_text();
layers[new_id] = jsondata[1][i];
}
update_names();
select_first();
update_preview();
}
function load_layer()
{
$('#input_offset_x').val(current_layer.shadow_offset_x);
$('#slider_offset_x').slider("value", current_layer.shadow_offset_x);
$('#input_offset_y').val(current_layer.shadow_offset_y);
$('#slider_offset_y').slider("value", current_layer.shadow_offset_y);
$('#input_blur').val(current_layer.shadow_blur);
$('#slider_blur').slider("value", current_layer.shadow_blur);
$('#input_shadow_color').val(current_layer.shadow_color);
$('#colorbutton_shadow_color').css({'background-color': "#" + current_layer.shadow_color});
if(current_layer.type == "box")
{
$('#input_spread').val(current_layer.shadow_spread);
$('#slider_spread').slider("value", current_layer.shadow_spread);
if(current_layer.shadow_inset == true)
{
$('#input_inset').attr("checked","checked").button("refresh");
}
else
{
$('#input_outset').attr("checked","checked").button("refresh");
}
}
}
function delete_layer(id)
{
$('#dialog_confirm_deletion').find('.layer-name').text(layers[id].layer_name);
$('#dialog_confirm_deletion').dialog({
resizable: false,
modal: true,
buttons: {
"Delete layer": function(){
confirm_delete_layer(id);
$(this).dialog("close");
},
Cancel: function(){
$(this).dialog("close");
}
}
});
}
function confirm_delete_layer(id)
{
layers[id] = null;
$('#layer_item_' + id).parent().remove();
select_first();
update_preview();
}
function clear_layers()
{
$('#dialog_confirm_clear').dialog({
resizable: false,
modal: true,
buttons: {
"Clear layers": function(){
confirm_clear_layers();
$(this).dialog("close");
},
Cancel: function(){
$(this).dialog("close");
}
}
});
}
function confirm_clear_layers()
{
$('.listbox-item').parent().remove();
layers = [];
update_preview();
$('#settings').hide();
$('#settings_placeholder').show();
active = false;
}
function rename_layer(id)
{
$('#dialog_rename input').val(layers[id].layer_name);
$('#dialog_rename').dialog({
resizable: false,
modal: true,
width: 500,
height: 180,
buttons: {
"Rename": function(){
confirm_rename_layer(id);
$(this).dialog("close");
},
Cancel: function(){
$(this).dialog("close");
}
}
});
}
function confirm_rename_layer(id)
{
layers[id].layer_name = $('#dialog_rename input').val();
update_names();
}
function update_preview()
{
var entry_list = [];
$('#layers_box div.listbox-item').each(function(index, el){
var layer_id = $(this).find('.layer-id').text();
var working_layer = layers[layer_id];
entry_list.push(generate_box_shadow_entry(working_layer.shadow_color,
working_layer.shadow_offset_x,
working_layer.shadow_offset_y,
working_layer.shadow_blur,
working_layer.shadow_spread,
working_layer.shadow_inset));
});
var css_box = entry_list.join(", ");
var entry_list = [];
$('#layers_text div.listbox-item').each(function(index, el){
var layer_id = $(this).find('.layer-id').text();
var working_layer = layers[layer_id];
entry_list.push(generate_text_shadow_entry(working_layer.shadow_color,
working_layer.shadow_offset_x,
working_layer.shadow_offset_y,
working_layer.shadow_blur));
});
var css_text = entry_list.join(", ");
$('#preview').css({
'box-shadow': css_box,
'text-shadow': css_text
});
$('#preview').hide().show();
}
function update_names()
{
for(i in layers)
{
$('#layer_item_' + i).children('.layer-title').html(layers[i].layer_name);
}
}
function generate_code()
{
var css_lines = [];
var entry_list = [];
$('#layers_box div.listbox-item').each(function(index, el){
var layer_id = $(this).find('.layer-id').text();
var working_layer = layers[layer_id];
entry_list.push(generate_box_shadow_entry(working_layer.shadow_color,
working_layer.shadow_offset_x,
working_layer.shadow_offset_y,
working_layer.shadow_blur,
working_layer.shadow_spread,
working_layer.shadow_inset));
});
if(entry_list.length > 0)
{
css_lines.push(generate_box_shadow_line("", entry_list));
css_lines.push(generate_box_shadow_line("webkit", entry_list));
css_lines.push(generate_box_shadow_line("moz", entry_list));
css_lines.push(generate_box_shadow_line("o", entry_list));
css_lines.push(generate_box_shadow_line("ms", entry_list));
}
var entry_list = [];
$('#layers_text div.listbox-item').each(function(index, el){
var layer_id = $(this).find('.layer-id').text();
var working_layer = layers[layer_id];
entry_list.push(generate_text_shadow_entry(working_layer.shadow_color,
working_layer.shadow_offset_x,
working_layer.shadow_offset_y,
working_layer.shadow_blur));
});
if(entry_list.length > 0)
{
css_lines.push(generate_text_shadow_line("", entry_list));
css_lines.push(generate_text_shadow_line("webkit", entry_list));
css_lines.push(generate_text_shadow_line("moz", entry_list));
css_lines.push(generate_text_shadow_line("o", entry_list));
css_lines.push(generate_text_shadow_line("ms", entry_list));
}
$('#dialog_code textarea').text(css_lines.join("\n")).enableSelection();
$('#dialog_code').dialog({
resizable: false,
modal: true,
width: 500,
height: 280
});
}
function generate_text_shadow_line(prefix, entries)
{
if(prefix)
{
prefix = "-" + prefix + "-";
}
return prefix + "text-shadow: " + entries.join(", ") + ";";
}
function generate_text_shadow_entry(color, offset_x, offset_y, blur)
{
return offset_x + "px " + offset_y + "px " + blur + "px #" + color;
}
function generate_box_shadow_line(prefix, entries)
{
if(prefix)
{
prefix = "-" + prefix + "-";
}
return prefix + "box-shadow: " + entries.join(", ") + ";";
}
function generate_box_shadow_entry(color, offset_x, offset_y, blur, spread, inset)
{
if(inset)
{
is_inset = " inset";
}
else
{
is_inset = "";
}
return offset_x + "px " + offset_y + "px " + blur + "px " + spread + "px #" + color + is_inset;
}
function dialog_load()
{
$('#dialog_load').dialog({
resizable: false,
modal: true,
width: 500,
height: 330,
buttons: {
"Load": function(){
load_layers();
$(this).dialog("close");
},
Cancel: function(){
$(this).dialog("close");
}
}
});
}
function dialog_presets()
{
$('#dialog_presets').dialog({
resizable: true,
modal: true,
width: 600,
height: 500,
buttons: {
Cancel: function(){
$(this).dialog("close");
}
}
});
}
function load_preset(id)
{
parse_layers($.evalJSON(presets[id]));
$('#dialog_presets').dialog("close");
}
$(function(){ initialize(); });

@ -0,0 +1,252 @@
/**
*
* Utilities
* Author: Stefan Petre www.eyecon.ro
*
*/
(function($) {
EYE.extend({
getPosition : function(e, forceIt)
{
var x = 0;
var y = 0;
var es = e.style;
var restoreStyles = false;
if (forceIt && jQuery.curCSS(e,'display') == 'none') {
var oldVisibility = es.visibility;
var oldPosition = es.position;
restoreStyles = true;
es.visibility = 'hidden';
es.display = 'block';
es.position = 'absolute';
}
var el = e;
if (el.getBoundingClientRect) { // IE
var box = el.getBoundingClientRect();
x = box.left + Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) - 2;
y = box.top + Math.max(document.documentElement.scrollTop, document.body.scrollTop) - 2;
} else {
x = el.offsetLeft;
y = el.offsetTop;
el = el.offsetParent;
if (e != el) {
while (el) {
x += el.offsetLeft;
y += el.offsetTop;
el = el.offsetParent;
}
}
if (jQuery.browser.safari && jQuery.curCSS(e, 'position') == 'absolute' ) {
x -= document.body.offsetLeft;
y -= document.body.offsetTop;
}
el = e.parentNode;
while (el && el.tagName.toUpperCase() != 'BODY' && el.tagName.toUpperCase() != 'HTML')
{
if (jQuery.curCSS(el, 'display') != 'inline') {
x -= el.scrollLeft;
y -= el.scrollTop;
}
el = el.parentNode;
}
}
if (restoreStyles == true) {
es.display = 'none';
es.position = oldPosition;
es.visibility = oldVisibility;
}
return {x:x, y:y};
},
getSize : function(e)
{
var w = parseInt(jQuery.curCSS(e,'width'), 10);
var h = parseInt(jQuery.curCSS(e,'height'), 10);
var wb = 0;
var hb = 0;
if (jQuery.curCSS(e, 'display') != 'none') {
wb = e.offsetWidth;
hb = e.offsetHeight;
} else {
var es = e.style;
var oldVisibility = es.visibility;
var oldPosition = es.position;
es.visibility = 'hidden';
es.display = 'block';
es.position = 'absolute';
wb = e.offsetWidth;
hb = e.offsetHeight;
es.display = 'none';
es.position = oldPosition;
es.visibility = oldVisibility;
}
return {w:w, h:h, wb:wb, hb:hb};
},
getClient : function(e)
{
var h, w;
if (e) {
w = e.clientWidth;
h = e.clientHeight;
} else {
var de = document.documentElement;
w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
}
return {w:w,h:h};
},
getScroll : function (e)
{
var t=0, l=0, w=0, h=0, iw=0, ih=0;
if (e && e.nodeName.toLowerCase() != 'body') {
t = e.scrollTop;
l = e.scrollLeft;
w = e.scrollWidth;
h = e.scrollHeight;
} else {
if (document.documentElement) {
t = document.documentElement.scrollTop;
l = document.documentElement.scrollLeft;
w = document.documentElement.scrollWidth;
h = document.documentElement.scrollHeight;
} else if (document.body) {
t = document.body.scrollTop;
l = document.body.scrollLeft;
w = document.body.scrollWidth;
h = document.body.scrollHeight;
}
if (typeof pageYOffset != 'undefined') {
t = pageYOffset;
l = pageXOffset;
}
iw = self.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0;
ih = self.innerHeight||document.documentElement.clientHeight||document.body.clientHeight||0;
}
return { t: t, l: l, w: w, h: h, iw: iw, ih: ih };
},
getMargins : function(e, toInteger)
{
var t = jQuery.curCSS(e,'marginTop') || '';
var r = jQuery.curCSS(e,'marginRight') || '';
var b = jQuery.curCSS(e,'marginBottom') || '';
var l = jQuery.curCSS(e,'marginLeft') || '';
if (toInteger)
return {
t: parseInt(t, 10)||0,
r: parseInt(r, 10)||0,
b: parseInt(b, 10)||0,
l: parseInt(l, 10)
};
else
return {t: t, r: r, b: b, l: l};
},
getPadding : function(e, toInteger)
{
var t = jQuery.curCSS(e,'paddingTop') || '';
var r = jQuery.curCSS(e,'paddingRight') || '';
var b = jQuery.curCSS(e,'paddingBottom') || '';
var l = jQuery.curCSS(e,'paddingLeft') || '';
if (toInteger)
return {
t: parseInt(t, 10)||0,
r: parseInt(r, 10)||0,
b: parseInt(b, 10)||0,
l: parseInt(l, 10)
};
else
return {t: t, r: r, b: b, l: l};
},
getBorder : function(e, toInteger)
{
var t = jQuery.curCSS(e,'borderTopWidth') || '';
var r = jQuery.curCSS(e,'borderRightWidth') || '';
var b = jQuery.curCSS(e,'borderBottomWidth') || '';
var l = jQuery.curCSS(e,'borderLeftWidth') || '';
if (toInteger)
return {
t: parseInt(t, 10)||0,
r: parseInt(r, 10)||0,
b: parseInt(b, 10)||0,
l: parseInt(l, 10)||0
};
else
return {t: t, r: r, b: b, l: l};
},
traverseDOM : function(nodeEl, func)
{
func(nodeEl);
nodeEl = nodeEl.firstChild;
while(nodeEl){
EYE.traverseDOM(nodeEl, func);
nodeEl = nodeEl.nextSibling;
}
},
getInnerWidth : function(el, scroll) {
var offsetW = el.offsetWidth;
return scroll ? Math.max(el.scrollWidth,offsetW) - offsetW + el.clientWidth:el.clientWidth;
},
getInnerHeight : function(el, scroll) {
var offsetH = el.offsetHeight;
return scroll ? Math.max(el.scrollHeight,offsetH) - offsetH + el.clientHeight:el.clientHeight;
},
getExtraWidth : function(el) {
if($.boxModel)
return (parseInt($.curCSS(el, 'paddingLeft'))||0)
+ (parseInt($.curCSS(el, 'paddingRight'))||0)
+ (parseInt($.curCSS(el, 'borderLeftWidth'))||0)
+ (parseInt($.curCSS(el, 'borderRightWidth'))||0);
return 0;
},
getExtraHeight : function(el) {
if($.boxModel)
return (parseInt($.curCSS(el, 'paddingTop'))||0)
+ (parseInt($.curCSS(el, 'paddingBottom'))||0)
+ (parseInt($.curCSS(el, 'borderTopWidth'))||0)
+ (parseInt($.curCSS(el, 'borderBottomWidth'))||0);
return 0;
},
isChildOf: function(parentEl, el, container) {
if (parentEl == el) {
return true;
}
if (!el || !el.nodeType || el.nodeType != 1) {
return false;
}
if (parentEl.contains && !$.browser.safari) {
return parentEl.contains(el);
}
if ( parentEl.compareDocumentPosition ) {
return !!(parentEl.compareDocumentPosition(el) & 16);
}
var prEl = el.parentNode;
while(prEl && prEl != container) {
if (prEl == parentEl)
return true;
prEl = prEl.parentNode;
}
return false;
},
centerEl : function(el, axis)
{
var clientScroll = EYE.getScroll();
var size = EYE.getSize(el);
if (!axis || axis == 'vertically')
$(el).css(
{
top: clientScroll.t + ((Math.min(clientScroll.h,clientScroll.ih) - size.hb)/2) + 'px'
}
);
if (!axis || axis == 'horizontally')
$(el).css(
{
left: clientScroll.l + ((Math.min(clientScroll.w,clientScroll.iw) - size.wb)/2) + 'px'
}
);
}
});
if (!$.easing.easeout) {
$.easing.easeout = function(p, n, firstNum, delta, duration) {
return -delta * ((n=n/duration-1)*n*n*n - 1) + firstNum;
};
}
})(jQuery);
Loading…
Cancel
Save