├── README.md ├── about.php ├── app_info.php ├── cara-menggunakan.php ├── check-auth.php ├── help.php ├── images ├── handler.png ├── image.png ├── jpg_file.png ├── mainmenu.png ├── raquo.png ├── submenu.png ├── toolbar.png └── trans-tile.png ├── index.php ├── jquery.min.js ├── push.php ├── register-form.php ├── script ├── ccl.js ├── conversion.js ├── experimental.js ├── jquery │ ├── custom-scrollbar.js │ ├── custom-theme │ │ ├── images │ │ │ ├── animated-overlay.gif │ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ │ │ ├── ui-bg_flat_75_ffffff_40x100.png │ │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ │ │ ├── ui-bg_glass_65_ffffff_1x400.png │ │ │ ├── ui-bg_glass_75_dadada_1x400.png │ │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png │ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png │ │ │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png │ │ │ ├── ui-icons_222222_256x240.png │ │ │ ├── ui-icons_2e83ff_256x240.png │ │ │ ├── ui-icons_454545_256x240.png │ │ │ ├── ui-icons_888888_256x240.png │ │ │ └── ui-icons_cd0a0a_256x240.png │ │ ├── jquery-ui-1.10.3.custom.css │ │ └── jquery-ui-custom.min.css │ ├── images │ │ ├── ui-bg_diagonals-thick_18_b81900_40x40.png │ │ ├── ui-bg_diagonals-thick_20_666666_40x40.png │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ │ ├── ui-bg_flat_10_000000_40x100.png │ │ ├── ui-bg_flat_75_ffffff_40x100.png │ │ ├── ui-bg_glass_100_f6f6f6_1x400.png │ │ ├── ui-bg_glass_100_fdf5ce_1x400.png │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ │ ├── ui-bg_glass_65_ffffff_1x400.png │ │ ├── ui-bg_glass_95_fef1ec_1x400.png │ │ ├── ui-bg_gloss-wave_35_f6a828_500x100.png │ │ ├── ui-bg_highlight-hard_65_ffffff_1x100.png │ │ ├── ui-bg_highlight-hard_75_e6e6e6_1x100.png │ │ ├── ui-bg_highlight-soft_100_eeeeee_1x100.png │ │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png │ │ ├── ui-bg_highlight-soft_75_dadada_1x100.png │ │ ├── ui-bg_highlight-soft_75_ffe45c_1x100.png │ │ ├── ui-icons_222222_256x240.png │ │ ├── ui-icons_228ef1_256x240.png │ │ ├── ui-icons_2e83ff_256x240.png │ │ ├── ui-icons_454545_256x240.png │ │ ├── ui-icons_888888_256x240.png │ │ ├── ui-icons_cd0a0a_256x240.png │ │ ├── ui-icons_ef8c08_256x240.png │ │ ├── ui-icons_ffd27a_256x240.png │ │ └── ui-icons_ffffff_256x240.png │ ├── jPicker.css │ ├── jPicker.min.css │ ├── jpicker.js │ ├── jpicker │ │ └── images │ │ │ ├── AlphaBar.png │ │ │ ├── Bars.png │ │ │ ├── Maps.png │ │ │ ├── NoColor.png │ │ │ ├── bar-opacity.png │ │ │ ├── map-opacity.png │ │ │ ├── mappoint.gif │ │ │ ├── picker.gif │ │ │ ├── preview-opacity.png │ │ │ └── rangearrows.gif │ ├── jquery-ui.custom.min.js │ ├── jquery-ui.min.css │ ├── jquery-ui.min.js │ ├── jquery-ui.structure.css │ ├── jquery-ui.structure.min.css │ ├── jquery-ui.theme.css │ ├── jquery-ui.theme.min.css │ ├── jquery.min.js │ ├── jquery.ui.datetimepicker.addon.min.js │ ├── pw │ │ ├── images │ │ │ ├── button1.png │ │ │ ├── button2.png │ │ │ ├── index.htm │ │ │ ├── mask-bg.gif │ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ │ │ ├── ui-bg_flat_75_ffffff_40x100.png │ │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ │ │ ├── ui-bg_glass_65_ffffff_1x400.png │ │ │ ├── ui-bg_glass_75_dadada_1x400.png │ │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png │ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png │ │ │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png │ │ │ ├── ui-icons_222222_256x240.png │ │ │ ├── ui-icons_2e83ff_256x240.png │ │ │ ├── ui-icons_454545_256x240.png │ │ │ ├── ui-icons_888888_256x240.png │ │ │ └── ui-icons_cd0a0a_256x240.png │ │ ├── index.htm │ │ ├── jquery.ui.accordion.css │ │ ├── jquery.ui.all.css │ │ ├── jquery.ui.autocomplete.css │ │ ├── jquery.ui.base.css │ │ ├── jquery.ui.button.css │ │ ├── jquery.ui.core.css │ │ ├── jquery.ui.custom.filemanager.css │ │ ├── jquery.ui.custom.member-area.css │ │ ├── jquery.ui.datepicker.css │ │ ├── jquery.ui.dialog.css │ │ ├── jquery.ui.positioning.css │ │ ├── jquery.ui.progressbar.css │ │ ├── jquery.ui.resizable.css │ │ ├── jquery.ui.selectable.css │ │ ├── jquery.ui.slider.css │ │ ├── jquery.ui.tabs.css │ │ └── jquery.ui.theme.css │ └── tiny-scrollbar.min.js ├── menu.js ├── preview.js ├── script.js ├── sobel.js ├── toolbar.js └── wpap.js ├── style.css └── using.php /README.md: -------------------------------------------------------------------------------- 1 | # Photo Editor 2 | O Photo Editor é um editor de fotos baseado na web que usa HTML5 Canvas e JavaScript 3 | 4 | Demo: https://php-photo-editor.herokuapp.com/ 5 | -------------------------------------------------------------------------------- /about.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
Software NamePlanet Biru Image Editor
Software Version1.0
DeveloperKamshory Developer
Publishing DateJuly 10th 2013
19 | -------------------------------------------------------------------------------- /app_info.php: -------------------------------------------------------------------------------- 1 | apps['ppe'] = array( 3 | "id"=>"ppe", 4 | "order"=>"000.000.000", 5 | "name"=>"Planet Biru Photo Editor", 6 | "version"=>"2.0", 7 | "author"=>"Kamshory, ST", 8 | "author_homepage"=>"kamshory", 9 | "description"=>"Planet Biru Photo Editor adalah editor foto berbasis web dengan bahasa pemrograman JavaScript. Gambar diolah oleh browser dengan menggunakan canvas HTML5 tanpa server side scripting. Gambar tidak diupload ke server dan hanya diolah di mesin lokal sehingga privasi pengguna terjaga.", 10 | "time_create"=>"2012-01-01 20:00:00", 11 | "time_modify"=>"2012-01-01 20:00:00", 12 | "url"=>"http://www.planetbiru.com", 13 | "appurl"=>"apps/ppe/", 14 | "lang"=>"id","email"=>"dev@planetbiru.com", 15 | "thumbnail"=>"images/thumbnail.png" 16 | ); 17 | ?> -------------------------------------------------------------------------------- /cara-menggunakan.php: -------------------------------------------------------------------------------- 1 |

Syarat dan Ketentuan

2 |

Planet Biru Image Editor merupakan software untuk mengedit gambar berbasis web yang berjalan pada browser. Semua proses manipulasi gambar sepenuhnya berjalan pada browser. Software ini TIDAK MENYIMPAN GAMBAR YANG ANDA EDIT. Anda dapat menyimpan sendiri gambar hasil editan Anda pada media penyimpanan lokal maupun di akun Planet Biru Anda.

3 |

Software ini merupakan software gratis dan kami tidak memungut biaya apapun dari penggunaan software ini. Kami juga tidak bertanggung jawab atas kerusakan yang terjadi baik pada perangkat keras, browser, sistem operasi, maupun file-file yang Anda edit dengan menggunakan software ini.

4 |

Software ini menggunakan canvas HTML5 dengan format PNG. Anda dapat mengedit gambar dengan format PNG, JPEG, maupun GIF. File dengan format PNG mempunyai kualitas yang lebih baik dibandingkan dengan format JPEG namun mempunyai ukuran yang lebih besar untuk gambar-gambar dari hasil fotografi.

5 |

Jika Anda tidak setuju dengan Syarat dan Ketentuan ini, silakan tinggalkan dan jangan menggunakan software ini.

6 |

Cara Menggunakan Planet Biru Image Editor

7 |

File

8 |

Open

9 |

Menu ini berfungsi untuk membuka gambar dari file. Sumber file bisa berupa harddisk, CD, flashdisk, kartu memori, dan lain-lain.

10 |

Save

11 |

Menu ini berfungsi untuk menyimpan gambar yang dihasilkan. Perlu dicatat bahwa software tidak menyimpannya di server dan tidak menggunakan fungsi server. Untuk itu software menampilkan gambar pada jendela baru dan mempersilakan Anda untuk menyimpannya secara manual.

12 |

Import

13 |

Menu ini berfungsi untuk mengimpor gambar dari web lain. Gambar hanya dibaca oleh browser namun tidak dipindahkan ke harddisk sebagai file. Gambar selanjutnya dapat diubah sebagaimana biasa.

14 |

Send to Planet Biru

15 |

Menu ini berguna untuk mengirimkan gambar hasil ubahan ke Planet Biru. Gambar dapat dikirim sebagai avatar maupun poster.

16 |

Image

17 |

Brightness and Contrast

18 |

Menu ini berguna untuk mengatur kecerahan dan kontras dari gambar. Pengaturan dilakukan dengan menggunakan slider sedangkan status dari pengaturan ditampilkan pada label sebagai angka.

19 |

Adjust Color

20 |

Menu ini berfungsi untuk mengatur warna gambar. Jenis warna (hue) dapat digeser baik ke kanan maupun ke kiri. Intensitas warna (saturation) dapat ditambah maupun dikurangi. Intensitas cahaya (luminance) juga dapat ditambah maupun dikurangi. Pengaturan dilakukan dengan menggunakan slider sedangkan status dari pengaturan ditampilkan pada label sebagai angka.

21 |

Color Balance

22 |

Menu ini berfungsi untuk mengatur keseimbangan warna merah (R), hijau (G), maupun biru (B). Intensitas dari masing-masing warna dapat ditambah maupun dikurangi. Pengaturan dilakukan dengan menggunakan slider sedangkan status dari pengaturan ditampilkan pada label sebagai angka.

23 |

Invert Color

24 |

Menu ini berfungsi untuk membalik warna. Operasi pembalikan warna dilakukan dengan cara membalik intensitas dari masing-masing komponen warna yaitu (R), hijau (G), dan biru (B).

25 |

Gray Scale

26 |

Menu ini berfungsi untuk mengubah gambar berwarna menjadi gambar hitam putih.

27 |

Setelah operasi ini dilakukan, gambar akan kehilangan informasi warna dan tidak dapat dikembalikan dengan cara apapun. Untuk membatalkan operasi ini, Anda dapat memilih salah satu riwayat sebelum operasi dilakukan.

28 |

Opacity

29 |

Menu ini berfungsi untuk mengatur alpha dari gambar. Pada saat operasi dilakukan, gambar mempunyai format PNG sehingga menyediakan kanal alpha yang dapat diatur. Gambar transparan mempunyai alpha 0 sedangkan gambar tampak mempunyai alpha 255.

30 |

Setelah operasi dilakukan, gambar akan memulai kembali nilai alpha dari 255 dan mengabaikan nilai alpha pada pengaturan.

31 |

Sebagai contoh:

32 |

Sebuah gambar JPEG dari hasil fotografi diberi nilai alpha 200 sehingga akan terlihat semi transparan. Setelah operasi ini, Anda mengulangi kembali operasi ini dengan memberikan nilai alpha sebesar 240. Maka gambar terakhir akan terlihat lebih transparan dari gambar sebelumnya karena nilai 240/255 pada operasi terakhir tidak menghitung alpha dari 255 melainkan dari 200 yang dihasilkan dari operasi sebelumnya.

33 |

Transform

34 |

Flip Horizontal

35 |

Menu ini berfungsi membalik gambar secara horizontal. Gambar akan dicerminkan pada sumbu Y sehingga terlihat seperti cermin.

36 |

Flip Vertical

37 |

Menu ini berfungsi membalik gambar secara vertikal. Gambar akan dicerminkan pada sumbu X.

38 |

Rotate Clockwise

39 |

Menu ini akan memutar gambar sejauh 90° searah jarum jam. Operasi dilakukan dengan menggunakan matriks pada canvas dengan format PNG sehingga tidak mengurangi kualitas gambar meski dilakukan secara berulang-ulang.

40 |

Rotate Counterclockwise

41 |

Menu ini akan memutar gambar sejauh 90° melawan arah jarum jam. Operasi dilakukan dengan menggunakan matriks pada canvas dengan format PNG sehingga tidak mengurangi kualitas gambar meski dilakukan secara berulang-ulang.

42 |

Resize

43 |

Menu ini berfungsi untuk mengatur ulang lebar dan tinggi gambar. Software akan memberikan pilihan bawaan untuk mempertahankan rasio gambar. Meskipun demikian, Anda dapat mengubah rasio gambar dengan membuang centang "Keep Aspect Ratio".

44 |

Untuk mengubah ukuran gambar, tarik sisi kanan, sisi bawah, atau sudut kanan bawah dari gambar baik masuk maupun ke luar tergantung dari apakah Anda akan memperkecil atau memperbesar gambar. Untuk menerapkan ukuran gambar, pilih tombol "Apply" sedangkan untuk membatalkannya, pilih tombol "Cancel".

45 |

Effect

46 |

Vectorize

47 |

Menu ini berfungsi untuk mengubah gambar menjadi sketsa. Gambar sketsa dihasilkan dari deteksi tepi dengan menggunakan algoritma "Sobel Edge Detection". Anda harus menentukan sendiri nilai ambang batas (threshold) pada algoritma ini untuk mencapai hasil yang lebih baik. Pengaturan dilakukan dengan menggunakan slider sedangkan status dari pengaturan ditampilkan pada label sebagai angka.

48 |

Setelah operasi ini dilakukan, gambar akan kehilangan banyak informasi dan tidak dapat dikembalikan dengan cara apapun. Untuk membatalkan operasi ini, Anda dapat memilih salah satu riwayat sebelum operasi dilakukan.

49 |

WPAP

50 |

Menu ini merupakan menu eksperimental untuk menerapkan algoritma segmentasi. Gambar yang dihasilkan belum sesuai dengan yang diharapkan namun akan diperbaiki di masa mendatang. Anda harus menentukan sendiri nilai ambang batas (threshold) pada algoritma ini untuk mencapai hasil yang lebih baik. Pengaturan dilakukan dengan menggunakan slider sedangkan status dari pengaturan ditampilkan pada label sebagai angka.

51 |

Setelah operasi ini dilakukan, gambar akan kehilangan banyak informasi dan tidak dapat dikembalikan dengan cara apapun. Untuk membatalkan operasi ini, Anda dapat memilih salah satu riwayat sebelum operasi dilakukan.

52 |

Preset Effect

53 |

Menu ini memberikan beberapa pilihan efek yang telah diatur di dalam program. Beberapa pilihan efek yang tersedia antara lain adalah sebagai berikut:

54 |
    55 |
  1. Jadul
    2. 56 |
  2. Lighty
    3. 57 |
  3. Dark
    4. 58 |
  4. Contrast
    5. 59 |
  5. Colorfull
    6. 60 |
  6. Red
    7. 61 |
  7. Green
    8. 62 |
  8. Blue
    9. 63 |
64 |

View

65 |

Show Sidebar

66 |

Menu ini berfungsi untuk menampilkan dan menyembunyikan sidebar.

67 |

Image Properties

68 |

Menu ini berfungsi untuk menampilkan informasi gambar.

69 |

Help

70 |

About

71 |

Menu ini berfungsi untuk menampilkan informasi software.

72 |

Using

73 |

Menu ini berfungsi untuk menampilkan cara menggunakan software.

74 | -------------------------------------------------------------------------------- /check-auth.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /help.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Using Program 6 | 7 | 8 | 9 |

System Requirement

10 |

Using Planet Biru Image Editor

11 |

File 12 |

13 |

Open File

14 |

To edit image from local disk, you should to open open that file.

15 |

Browse and select file from your local disk. Planet Biru Image Editor will open that file without uploading it to the server.

16 |

Edit

17 |

Undo

18 |

Undo will back to previous change point of the editing.

19 |

Redo

20 |

Redo will go to next change point of the editing.

21 |

Image

22 |

Brightness and Contrast

23 |

Brightness and Contrast allow you to modify the brightness and the contrast of the image by adding or reducing the value using the slider. The status of the slider will be displayed on the dialog.

24 |

Adjust Color

25 |

Adjust Color allow you to modify the hue, saturation, and luminance of the image using the slider. The status of the slider will be displayed on the dialog.

26 |

Color Balance

27 |

Color Balance allow you to modify the Red, Green, and Blue component of the image. The status of the slider will be displayed on the dialog.

28 |

Invert Color

29 |

Invert Color will invert the color of the image.

30 |

Gray Scale

31 |

Gray Scale will convert the image to the gray scale image. The image will lost its color information. You can Undo to restore the color information.

32 |

Opacity

33 |

Opacity will change the opacity of the image. The opacity range value is 0 to 255 that meaning the image with opacity 255 is visible and image with opacity 0 is invisible. The transparency is the antonym of the opacity.

34 |

Transform

35 |

Flip Vertical

36 |

Flip Vertical will flip the image verticaly

37 |

Flip Horizontal

38 |

Flip Vertical will flip the image horizontaly

39 |

Rotate Clockwise

40 |

Rotate Clockwise will rotate the image clockwise

41 |

Rotate Counterclockwise

42 |

Rotate Clockwise will rotate the image counterclockwise

43 |

View

44 | 45 | -------------------------------------------------------------------------------- /images/handler.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/images/handler.png -------------------------------------------------------------------------------- /images/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/images/image.png -------------------------------------------------------------------------------- /images/jpg_file.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/images/jpg_file.png -------------------------------------------------------------------------------- /images/mainmenu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/images/mainmenu.png -------------------------------------------------------------------------------- /images/raquo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/images/raquo.png -------------------------------------------------------------------------------- /images/submenu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/images/submenu.png -------------------------------------------------------------------------------- /images/toolbar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/images/toolbar.png -------------------------------------------------------------------------------- /images/trans-tile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/images/trans-tile.png -------------------------------------------------------------------------------- /push.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /register-form.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /script/ccl.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | function AssertException(message) { this.message = message; } 4 | AssertException.prototype.toString = function () { 5 | return 'AssertException: ' + this.message; 6 | }; 7 | 8 | function assert(exp, message) { 9 | if (!exp) { 10 | throw new AssertException(message); 11 | } 12 | } 13 | 14 | console.log2D = function(data, w, h) { 15 | var offset = 0; 16 | var line = ''; 17 | 18 | for (var x = 0; x < w; x++) { 19 | var xx = (x < 10 ? ' ' : '') + x; 20 | line += xx + ","; 21 | } 22 | console.log(" " + line); 23 | 24 | for (var y = 0; y < h; y++) { 25 | line = ''; 26 | for (var x = 0; x < w; x++) { 27 | var d = data[offset].toFixed(); 28 | if (d.length < 2) 29 | d = ' ' + d; 30 | 31 | line += d + ","; 32 | offset++; 33 | } 34 | 35 | var yy = (y < 10 ? ' ' : '') + y; 36 | console.log(yy + " " + line); 37 | } 38 | }; 39 | 40 | /** 41 | * Sets sections of a array to the value 42 | * @param value to set 43 | * @param offset start offset 44 | * @param length 45 | */ 46 | Array.prototype.memset = function(offset, length, value) { 47 | for (var i = 0; i < length; i++) { 48 | this[offset++] = value; 49 | } 50 | }; 51 | 52 | Array.max = function( array ){ 53 | //return Math.max.apply( Math, array ); 54 | var max = Number.MIN_VALUE; 55 | for (var i = array.length; i >= 0; i--) 56 | if (array[i] > max) 57 | max = array[i]; 58 | return max; 59 | }; 60 | 61 | Array.min = function( array ){ 62 | //return Math.min.apply( Math, array ); 63 | }; 64 | 65 | /** 66 | * Connected-component labeling (aka blob extraction) 67 | * Using Algorithm developed in "A linear-time component labeling algorithm using contour tracing technique" 68 | * @param data 69 | * @param width 70 | * @param height 71 | * @returns {BlobExtraction} 72 | */ 73 | function BlobExtraction(data, w, h) { 74 | var max = w * h; 75 | 76 | //These are constants 77 | var BACKGROUND = 255; 78 | var FOREGROUND = 0; 79 | var UNSET = 0; 80 | var MARKED = -1; 81 | 82 | /* 83 | * 5 6 7 84 | * 4 P 0 85 | * 3 2 1 86 | */ 87 | var pos = [1, w + 1, w, w -1, -1, -w -1, -w, -w+1]; // Clockwise 88 | 89 | var label = new Array(); // Same size as data 90 | var c = 1; // Component index 91 | 92 | // We change the border to be white. We could add a pixel around 93 | // but we are lazy and want to do this in place. 94 | // Set the outer rows/cols to min 95 | data.memset(0, w, BACKGROUND); // Top 96 | data.memset(w * (h-1), w, BACKGROUND); // Bottom 97 | 98 | for (var y = 1; y < h-1; y++) { 99 | var offset = y * w; 100 | data[offset ] = BACKGROUND; // Left 101 | data[offset + w - 1] = BACKGROUND; // Right 102 | } 103 | 104 | // Set labels to zeros 105 | label.memset(0, max, UNSET); 106 | 107 | var tracer = function(S, p) { 108 | 109 | for (var d = 0; d < 8; d++) { 110 | var q = (p + d) % 8; 111 | 112 | var T = S + pos[q]; 113 | 114 | // Make sure we are inside image 115 | if (T < 0 || T >= max) 116 | continue; 117 | 118 | if (data[T] != BACKGROUND) 119 | return {T:T, q:q}; 120 | 121 | assert(label[T] <= UNSET); 122 | label[T] = MARKED; 123 | } 124 | 125 | // No move 126 | return {T:S, q:-1}; 127 | }; 128 | 129 | /** 130 | * 131 | * @param S Offset of starting point 132 | * @param C label count 133 | * @param external Boolean Is this internal or external tracing 134 | */ 135 | var contourTracing = function (S, C, external) { 136 | var p = external ? 7 : 3; 137 | 138 | // Find out our default next pos (from S) 139 | var tmp = tracer(S, p); 140 | var T2 = tmp.T; 141 | var q = tmp.q; 142 | 143 | label[S] = C; 144 | 145 | // Single pixel check 146 | if (T2 == S) 147 | return; 148 | 149 | var counter = 0; 150 | 151 | var Tnext = T2; 152 | var T = T2; 153 | 154 | while ( T != S || Tnext != T2 ) { 155 | assert(counter++ < max, "Looped too many times!"); 156 | 157 | label[Tnext] = C; 158 | 159 | T = Tnext; 160 | p = (q + 5) % 8; 161 | 162 | tmp = tracer(T, p); 163 | Tnext = tmp.T; 164 | q = tmp.q; 165 | } 166 | }; 167 | 168 | var extract = function() { 169 | 170 | var y = 1; // We start at 1 to avoid looking above the image 171 | do { 172 | var x = 0; 173 | do { 174 | var offset = y * w + x; 175 | 176 | // We skip white pixels or previous labeled pixels 177 | if (data[offset] == BACKGROUND) 178 | continue; 179 | 180 | var traced = false; 181 | 182 | // Step 1 - P not labelled, and above pixel is white 183 | if (data[offset - w] == BACKGROUND && label[offset] == UNSET) { 184 | //console.log(x + "," + y + " step 1"); 185 | 186 | // P must be external contour 187 | contourTracing(offset, c, true); 188 | c++; 189 | 190 | traced = true; 191 | } 192 | 193 | // Step 2 - Below pixel is white, and unmarked 194 | if (data[offset + w] == BACKGROUND && label[offset + w] == UNSET) { 195 | //console.log(x + "," + y + " step 2"); 196 | 197 | // Use previous pixel label, unless this is already labelled 198 | var n = label[offset - 1]; 199 | if (label[offset] != UNSET) 200 | n = label[offset]; 201 | 202 | assert( n > UNSET, "Step 2: N must be set, (" + x + "," + y + ") " + n + " " + data[offset - 1]); 203 | 204 | // P must be a internal contour 205 | contourTracing(offset, n, false); 206 | 207 | traced = true; 208 | } 209 | 210 | // Step 3 - Not dealt with in previous two steps 211 | if (label[offset] == UNSET) { 212 | //console.log(x + "," + y + " step 3"); 213 | //console.log2D(label, w, h); 214 | var n = label[offset - 1]; 215 | 216 | assert(!traced, "Step 3: We have traced, but not set the label"); 217 | assert( n > UNSET, "Step 3: N must be set, (" + x + "," + y + ") " + n); 218 | 219 | // Assign P the value of N 220 | label[offset] = n; 221 | } 222 | 223 | } while (x++ < w); 224 | } while (y++ < (h-1)); // We end one before the end to to avoid looking below the image 225 | 226 | console.log("labels=" + c); 227 | return label; 228 | }; 229 | 230 | return extract(); 231 | } 232 | 233 | /** 234 | * Returns an array of each blob's bounds 235 | * TODO do this with the BlobExtraction stage 236 | * @param label 237 | * @param width 238 | * @param height 239 | */ 240 | function BlobBounds(label, width, height) { 241 | var blob = []; 242 | 243 | var offset = 0; 244 | for (var y = 0; y < height; y++) { 245 | for (var x = 0; x < width; x++) { 246 | var l = label[offset++]; 247 | 248 | if (l <= 0) 249 | continue; 250 | 251 | if (l in blob) { 252 | var b = blob[l]; 253 | 254 | if (b.x2 < x) 255 | b.x2 = x; 256 | 257 | if (b.x1 > x) 258 | b.x1 = x; 259 | 260 | // As we are going from top down, the bottom y should increase 261 | b.y2 = y; 262 | 263 | // blob[l] = b; 264 | } else { 265 | blob[l] = {l:l, x1:x, y1:y, x2:x, y2:y}; 266 | } 267 | } 268 | } 269 | 270 | blob[0] = {l:0, x1:0, y1:0, x2:0, y2:0, area:0}; 271 | 272 | for (var i = 1; i < blob.length; i++) { 273 | var b = blob[i]; 274 | b.area = (b.x2 - b.x1 + 1) * (b.y2 - b.y1 + 1); 275 | } 276 | 277 | return blob; 278 | } 279 | 280 | /** 281 | * Draws a picture with each blob coloured 282 | * @param dest RGBA 283 | * @param width 284 | * @param height 285 | * @param label 286 | */ 287 | function BlobColouring(dest, width, height, labels) { 288 | var max = rect.width * rect.height; 289 | var colors = []; 290 | 291 | var maxcolors = Array.max(labels); 292 | var maxcolors2 = maxcolors/2; 293 | 294 | // Create a simple color scale (I could do this in two loops but I'm lazy) 295 | for (var i = 0; i <= maxcolors; i++) { 296 | var r = i <= maxcolors2 ? 1 - (i / maxcolors2) : 0; 297 | var g = i <= maxcolors2 ? i / maxcolors2 : 1 - ((i-maxcolors2) / maxcolors2); 298 | var b = i <= maxcolors2 ? 0 : ((i-maxcolors2) / maxcolors2); 299 | 300 | colors[i] = [r * 255, g * 255, b * 255]; 301 | } 302 | 303 | var offset = max - 1; 304 | var destOffset = offset * 4; 305 | do { 306 | var l = labels[offset]; 307 | 308 | var color = l > 0 ? colors[ l ] : [0,0,0]; 309 | dest[destOffset ] = color[0]; 310 | dest[destOffset + 1] = color[1]; 311 | dest[destOffset + 2] = color[2]; 312 | dest[destOffset + 3] = 0xff; // Alpha 313 | 314 | destOffset-=4; 315 | 316 | } while(offset--); 317 | 318 | } -------------------------------------------------------------------------------- /script/conversion.js: -------------------------------------------------------------------------------- 1 | /* MIT license */ 2 | 3 | //module.exports = { 4 | // rgb2hsl: rgb2hsl, 5 | // rgb2hsv: rgb2hsv, 6 | // rgb2cmyk: rgb2cmyk, 7 | // rgb2keyword: rgb2keyword, 8 | // rgb2xyz: rgb2xyz, 9 | // rgb2lab: rgb2lab, 10 | // 11 | // hsl2rgb: hsl2rgb, 12 | // hsl2hsv: hsl2hsv, 13 | // hsl2cmyk: hsl2cmyk, 14 | // hsl2keyword: hsl2keyword, 15 | // 16 | // hsv2rgb: hsv2rgb, 17 | // hsv2hsl: hsv2hsl, 18 | // hsv2cmyk: hsv2cmyk, 19 | // hsv2keyword: hsv2keyword, 20 | // 21 | // cmyk2rgb: cmyk2rgb, 22 | // cmyk2hsl: cmyk2hsl, 23 | // cmyk2hsv: cmyk2hsv, 24 | // cmyk2keyword: cmyk2keyword, 25 | // 26 | // keyword2rgb: keyword2rgb, 27 | // keyword2hsl: keyword2hsl, 28 | // keyword2hsv: keyword2hsv, 29 | // keyword2cmyk: keyword2cmyk, 30 | // keyword2lab: keyword2lab, 31 | // keyword2xyz: keyword2xyz, 32 | // 33 | // xyz2rgb: xyz2rgb, 34 | // xyz2lab: xyz2lab, 35 | // 36 | // lab2xyz: lab2xyz, 37 | //} 38 | 39 | 40 | function rgb2hsl(rgba) 41 | { 42 | var r = rgba[0]/255, 43 | g = rgba[1]/255, 44 | b = rgba[2]/255, 45 | a = rgba[3], 46 | min = Math.min(r, g, b), 47 | max = Math.max(r, g, b), 48 | delta = max - min, 49 | h, s, l; 50 | 51 | if (max == min) 52 | h = 0; 53 | else if (r == max) 54 | h = (g - b) / delta; 55 | else if (g == max) 56 | h = 2 + (b - r) / delta; 57 | else if (b == max) 58 | h = 4 + (r - g)/ delta; 59 | 60 | h = Math.min(h * 60, 360); 61 | 62 | if (h < 0) 63 | h += 360; 64 | 65 | l = (min + max) / 2; 66 | 67 | if (max == min) 68 | s = 0; 69 | else if (l <= 0.5) 70 | s = delta / (max + min); 71 | else 72 | s = delta / (2 - max - min); 73 | 74 | return [h, s * 100, l * 100, a]; 75 | } 76 | 77 | function rgb2hsv(rgba) { 78 | var r = rgba[0], 79 | g = rgba[1], 80 | b = rgba[2], 81 | a = rgba[3], 82 | min = Math.min(r, g, b), 83 | max = Math.max(r, g, b), 84 | delta = max - min, 85 | h, s, v; 86 | 87 | if (max == 0) 88 | s = 0; 89 | else 90 | s = (delta/max * 1000)/10; 91 | 92 | if (max == min) 93 | h = 0; 94 | else if (r == max) 95 | h = (g - b) / delta; 96 | else if (g == max) 97 | h = 2 + (b - r) / delta; 98 | else if (b == max) 99 | h = 4 + (r - g) / delta; 100 | 101 | h = Math.min(h * 60, 360); 102 | 103 | if (h < 0) 104 | h += 360; 105 | 106 | v = ((max / 255) * 1000) / 10; 107 | 108 | return [h, s, v, a]; 109 | } 110 | 111 | function rgb2cmyk(rgba) { 112 | var r = rgba[0] / 255, 113 | g = rgba[1] / 255, 114 | b = rgba[2] / 255, 115 | a = rgba[3], 116 | c, m, y, k; 117 | 118 | k = Math.min(1 - r, 1 - g, 1 - b); 119 | c = (1 - r - k) / (1 - k); 120 | m = (1 - g - k) / (1 - k); 121 | y = (1 - b - k) / (1 - k); 122 | return [c * 100, m * 100, y * 100, k * 100, a]; 123 | } 124 | 125 | function rgb2keyword(rgb) { 126 | return reverseKeywords[JSON.stringify(rgb)]; 127 | } 128 | 129 | function rgb2xyz(rgba) { 130 | var r = rgba[0] / 255, 131 | g = rgba[1] / 255, 132 | b = rgba[2] / 255, 133 | a = rgba[3]; 134 | 135 | // assume sRGB 136 | r = r > 0.04045 ? Math.pow(((r + 0.055) / 1.055), 2.4) : (r / 12.92); 137 | g = g > 0.04045 ? Math.pow(((g + 0.055) / 1.055), 2.4) : (g / 12.92); 138 | b = b > 0.04045 ? Math.pow(((b + 0.055) / 1.055), 2.4) : (b / 12.92); 139 | 140 | var x = (r * 0.4124) + (g * 0.3576) + (b * 0.1805); 141 | var y = (r * 0.2126) + (g * 0.7152) + (b * 0.0722); 142 | var z = (r * 0.0193) + (g * 0.1192) + (b * 0.9505); 143 | 144 | return [x * 100, y *100, z * 100]; 145 | } 146 | 147 | function rgb2lab(rgba) { 148 | var xyz = rgb2xyz(rgba), 149 | x = xyz[0], 150 | y = xyz[1], 151 | z = xyz[2], 152 | alpha = rgba[3], 153 | l, a, b; 154 | 155 | x /= 95.047; 156 | y /= 100; 157 | z /= 108.883; 158 | 159 | x = x > 0.008856 ? Math.pow(x, 1/3) : (7.787 * x) + (16 / 116); 160 | y = y > 0.008856 ? Math.pow(y, 1/3) : (7.787 * y) + (16 / 116); 161 | z = z > 0.008856 ? Math.pow(z, 1/3) : (7.787 * z) + (16 / 116); 162 | 163 | l = (116 * y) - 16; 164 | a = 500 * (x - y); 165 | b = 200 * (y - z); 166 | 167 | return [l, a, b, alpha]; 168 | } 169 | 170 | 171 | function hsl2rgb(hsla) { 172 | var h = hsla[0] / 360, 173 | s = hsla[1] / 100, 174 | l = hsla[2] / 100, 175 | a = hsla[3], 176 | t1, t2, t3, rgb, val; 177 | 178 | if (s == 0) { 179 | val = l * 255; 180 | return [val, val, val, a]; 181 | } 182 | 183 | if (l < 0.5) 184 | t2 = l * (1 + s); 185 | else 186 | t2 = l + s - l * s; 187 | t1 = 2 * l - t2; 188 | 189 | rgb = [0, 0, 0]; 190 | var v; 191 | for (var i = 0; i < 3; i++) { 192 | t3 = h + 1 / 3 * - (i - 1); 193 | t3 < 0 && t3++; 194 | t3 > 1 && t3--; 195 | 196 | if (6 * t3 < 1) 197 | val = t1 + (t2 - t1) * 6 * t3; 198 | else if (2 * t3 < 1) 199 | val = t2; 200 | else if (3 * t3 < 2) 201 | val = t1 + (t2 - t1) * (2 / 3 - t3) * 6; 202 | else 203 | val = t1; 204 | 205 | v = Math.round(val * 255); 206 | if(v>255) v = 255; 207 | rgb[i] = v; 208 | } 209 | rgb[3] = a; 210 | return rgb; 211 | } 212 | 213 | function hsl2hsv(hsla) { 214 | var h = hsla[0], 215 | s = hsla[1] / 100, 216 | l = hsla[2] / 100, 217 | a = hlsa[3], 218 | 219 | sv, v; 220 | l *= 2; 221 | s *= (l <= 1) ? l : 2 - l; 222 | v = (l + s) / 2; 223 | sv = (2 * s) / (l + s); 224 | return [h, sv * 100, v * 100, a]; 225 | } 226 | 227 | function hsl2cmyk(args) { 228 | return rgb2cmyk(hsl2rgb(args)); 229 | } 230 | 231 | function hsl2keyword(args) { 232 | return rgb2keyword(hsl2rgb(args)); 233 | } 234 | 235 | 236 | function hsv2rgb(hsva) { 237 | var h = hsva[0] / 60, 238 | s = hsva[1] / 100, 239 | v = hsva[2] / 100, 240 | a = hsva[3], 241 | hi = Math.floor(h) % 6; 242 | 243 | var f = h - Math.floor(h), 244 | p = 255 * v * (1 - s), 245 | q = 255 * v * (1 - (s * f)), 246 | t = 255 * v * (1 - (s * (1 - f))), 247 | v = 255 * v; 248 | 249 | switch(hi) { 250 | case 0: 251 | return [v, t, p, a]; 252 | case 1: 253 | return [q, v, p, a]; 254 | case 2: 255 | return [p, v, t, a]; 256 | case 3: 257 | return [p, q, v, a]; 258 | case 4: 259 | return [t, p, v, a]; 260 | case 5: 261 | return [v, p, q, a]; 262 | } 263 | } 264 | 265 | function hsv2hsl(hsva) { 266 | var h = hsva[0], 267 | s = hsva[1] / 100, 268 | v = hsva[2] / 100, 269 | a = hsva[3], 270 | sl, l; 271 | 272 | l = (2 - s) * v; 273 | sl = s * v; 274 | sl /= (l <= 1) ? l : 2 - l; 275 | l /= 2; 276 | return [h, sl * 100, l * 100, a]; 277 | } 278 | 279 | function hsv2cmyk(args) { 280 | return rgb2cmyk(hsv2rgb(args)); 281 | } 282 | 283 | function hsv2keyword(args) { 284 | return rgb2keyword(hsv2rgb(args)); 285 | } 286 | 287 | function cmyk2rgb(cmyka) { 288 | var c = cmyka[0] / 100, 289 | m = cmyka[1] / 100, 290 | y = cmyka[2] / 100, 291 | k = cmyka[3] / 100, 292 | a = cmyka[4], 293 | r, g, b; 294 | 295 | r = 1 - Math.min(1, c * (1 - k) + k); 296 | g = 1 - Math.min(1, m * (1 - k) + k); 297 | b = 1 - Math.min(1, y * (1 - k) + k); 298 | return [r * 255, g * 255, b * 255, a]; 299 | } 300 | 301 | function cmyk2hsl(args) { 302 | return rgb2hsl(cmyk2rgb(args)); 303 | } 304 | 305 | function cmyk2hsv(args) { 306 | return rgb2hsv(cmyk2rgb(args)); 307 | } 308 | 309 | function cmyk2keyword(args) { 310 | return rgb2keyword(cmyk2rgb(args)); 311 | } 312 | 313 | 314 | function xyz2rgb(xyza) { 315 | var x = xyza[0] / 100, 316 | y = xyza[1] / 100, 317 | z = xyza[2] / 100, 318 | a = xyza[3], 319 | r, g, b; 320 | 321 | r = (x * 3.2406) + (y * -1.5372) + (z * -0.4986); 322 | g = (x * -0.9689) + (y * 1.8758) + (z * 0.0415); 323 | b = (x * 0.0557) + (y * -0.2040) + (z * 1.0570); 324 | 325 | // assume sRGB 326 | r = r > 0.0031308 ? ((1.055 * Math.pow(r, 1.0 / 2.4)) - 0.055) 327 | : r = (r * 12.92); 328 | 329 | g = g > 0.0031308 ? ((1.055 * Math.pow(g, 1.0 / 2.4)) - 0.055) 330 | : g = (g * 12.92); 331 | 332 | b = b > 0.0031308 ? ((1.055 * Math.pow(b, 1.0 / 2.4)) - 0.055) 333 | : b = (b * 12.92); 334 | 335 | r = (r < 0) ? 0 : r; 336 | g = (g < 0) ? 0 : g; 337 | b = (b < 0) ? 0 : b; 338 | 339 | return [r * 255, g * 255, b * 255, a]; 340 | } 341 | 342 | function xyz2lab(xyza) { 343 | var x = xyza[0], 344 | y = xyza[1], 345 | z = xyza[2], 346 | alpha = xyza[3], 347 | l, a, b; 348 | 349 | x /= 95.047; 350 | y /= 100; 351 | z /= 108.883; 352 | 353 | x = x > 0.008856 ? Math.pow(x, 1/3) : (7.787 * x) + (16 / 116); 354 | y = y > 0.008856 ? Math.pow(y, 1/3) : (7.787 * y) + (16 / 116); 355 | z = z > 0.008856 ? Math.pow(z, 1/3) : (7.787 * z) + (16 / 116); 356 | 357 | l = (116 * y) - 16; 358 | a = 500 * (x - y); 359 | b = 200 * (y - z); 360 | 361 | return [l, a, b, alpha]; 362 | } 363 | 364 | function lab2xyz(laba) { 365 | var l = laba[0], 366 | a = laba[1], 367 | b = laba[2], 368 | alpha = laba[3], 369 | x, y, z, y2; 370 | 371 | if (l <= 8) { 372 | y = (l * 100) / 903.3; 373 | y2 = (7.787 * (y / 100)) + (16 / 116); 374 | } else { 375 | y = 100 * Math.pow((l + 16) / 116, 3); 376 | y2 = Math.pow(y / 100, 1/3); 377 | } 378 | 379 | x = x / 95.047 <= 0.008856 ? x = (95.047 * ((a / 500) + y2 - (16 / 116))) / 7.787 : 95.047 * Math.pow((a / 500) + y2, 3); 380 | 381 | z = z / 108.883 <= 0.008859 ? z = (108.883 * (y2 - (b / 200) - (16 / 116))) / 7.787 : 108.883 * Math.pow(y2 - (b / 200), 3); 382 | 383 | return [x, y, z, alpha]; 384 | } 385 | 386 | function keyword2rgb(keyword) { 387 | return cssKeywords[keyword]; 388 | } 389 | 390 | function keyword2hsl(args) { 391 | return rgb2hsl(keyword2rgb(args)); 392 | } 393 | 394 | function keyword2hsv(args) { 395 | return rgb2hsv(keyword2rgb(args)); 396 | } 397 | 398 | function keyword2cmyk(args) { 399 | return rgb2cmyk(keyword2rgb(args)); 400 | } 401 | 402 | function keyword2lab(args) { 403 | return rgb2lab(keyword2rgb(args)); 404 | } 405 | 406 | function keyword2xyz(args) { 407 | return rgb2xyz(keyword2rgb(args)); 408 | } 409 | 410 | var cssKeywords = { 411 | aliceblue: [240,248,255], 412 | antiquewhite: [250,235,215], 413 | aqua: [0,255,255], 414 | aquamarine: [127,255,212], 415 | azure: [240,255,255], 416 | beige: [245,245,220], 417 | bisque: [255,228,196], 418 | black: [0,0,0], 419 | blanchedalmond: [255,235,205], 420 | blue: [0,0,255], 421 | blueviolet: [138,43,226], 422 | brown: [165,42,42], 423 | burlywood: [222,184,135], 424 | cadetblue: [95,158,160], 425 | chartreuse: [127,255,0], 426 | chocolate: [210,105,30], 427 | coral: [255,127,80], 428 | cornflowerblue: [100,149,237], 429 | cornsilk: [255,248,220], 430 | crimson: [220,20,60], 431 | cyan: [0,255,255], 432 | darkblue: [0,0,139], 433 | darkcyan: [0,139,139], 434 | darkgoldenrod: [184,134,11], 435 | darkgray: [169,169,169], 436 | darkgreen: [0,100,0], 437 | darkgrey: [169,169,169], 438 | darkkhaki: [189,183,107], 439 | darkmagenta: [139,0,139], 440 | darkolivegreen: [85,107,47], 441 | darkorange: [255,140,0], 442 | darkorchid: [153,50,204], 443 | darkred: [139,0,0], 444 | darksalmon: [233,150,122], 445 | darkseagreen: [143,188,143], 446 | darkslateblue: [72,61,139], 447 | darkslategray: [47,79,79], 448 | darkslategrey: [47,79,79], 449 | darkturquoise: [0,206,209], 450 | darkviolet: [148,0,211], 451 | deeppink: [255,20,147], 452 | deepskyblue: [0,191,255], 453 | dimgray: [105,105,105], 454 | dimgrey: [105,105,105], 455 | dodgerblue: [30,144,255], 456 | firebrick: [178,34,34], 457 | floralwhite: [255,250,240], 458 | forestgreen: [34,139,34], 459 | fuchsia: [255,0,255], 460 | gainsboro: [220,220,220], 461 | ghostwhite: [248,248,255], 462 | gold: [255,215,0], 463 | goldenrod: [218,165,32], 464 | gray: [128,128,128], 465 | green: [0,128,0], 466 | greenyellow: [173,255,47], 467 | grey: [128,128,128], 468 | honeydew: [240,255,240], 469 | hotpink: [255,105,180], 470 | indianred: [205,92,92], 471 | indigo: [75,0,130], 472 | ivory: [255,255,240], 473 | khaki: [240,230,140], 474 | lavender: [230,230,250], 475 | lavenderblush: [255,240,245], 476 | lawngreen: [124,252,0], 477 | lemonchiffon: [255,250,205], 478 | lightblue: [173,216,230], 479 | lightcoral: [240,128,128], 480 | lightcyan: [224,255,255], 481 | lightgoldenrodyellow: [250,250,210], 482 | lightgray: [211,211,211], 483 | lightgreen: [144,238,144], 484 | lightgrey: [211,211,211], 485 | lightpink: [255,182,193], 486 | lightsalmon: [255,160,122], 487 | lightseagreen: [32,178,170], 488 | lightskyblue: [135,206,250], 489 | lightslategray: [119,136,153], 490 | lightslategrey: [119,136,153], 491 | lightsteelblue: [176,196,222], 492 | lightyellow: [255,255,224], 493 | lime: [0,255,0], 494 | limegreen: [50,205,50], 495 | linen: [250,240,230], 496 | magenta: [255,0,255], 497 | maroon: [128,0,0], 498 | mediumaquamarine: [102,205,170], 499 | mediumblue: [0,0,205], 500 | mediumorchid: [186,85,211], 501 | mediumpurple: [147,112,219], 502 | mediumseagreen: [60,179,113], 503 | mediumslateblue: [123,104,238], 504 | mediumspringgreen: [0,250,154], 505 | mediumturquoise: [72,209,204], 506 | mediumvioletred: [199,21,133], 507 | midnightblue: [25,25,112], 508 | mintcream: [245,255,250], 509 | mistyrose: [255,228,225], 510 | moccasin: [255,228,181], 511 | navajowhite: [255,222,173], 512 | navy: [0,0,128], 513 | oldlace: [253,245,230], 514 | olive: [128,128,0], 515 | olivedrab: [107,142,35], 516 | orange: [255,165,0], 517 | orangered: [255,69,0], 518 | orchid: [218,112,214], 519 | palegoldenrod: [238,232,170], 520 | palegreen: [152,251,152], 521 | paleturquoise: [175,238,238], 522 | palevioletred: [219,112,147], 523 | papayawhip: [255,239,213], 524 | peachpuff: [255,218,185], 525 | peru: [205,133,63], 526 | pink: [255,192,203], 527 | plum: [221,160,221], 528 | powderblue: [176,224,230], 529 | purple: [128,0,128], 530 | red: [255,0,0], 531 | rosybrown: [188,143,143], 532 | royalblue: [65,105,225], 533 | saddlebrown: [139,69,19], 534 | salmon: [250,128,114], 535 | sandybrown: [244,164,96], 536 | seagreen: [46,139,87], 537 | seashell: [255,245,238], 538 | sienna: [160,82,45], 539 | silver: [192,192,192], 540 | skyblue: [135,206,235], 541 | slateblue: [106,90,205], 542 | slategray: [112,128,144], 543 | slategrey: [112,128,144], 544 | snow: [255,250,250], 545 | springgreen: [0,255,127], 546 | steelblue: [70,130,180], 547 | tan: [210,180,140], 548 | teal: [0,128,128], 549 | thistle: [216,191,216], 550 | tomato: [255,99,71], 551 | turquoise: [64,224,208], 552 | violet: [238,130,238], 553 | wheat: [245,222,179], 554 | white: [255,255,255], 555 | whitesmoke: [245,245,245], 556 | yellow: [255,255,0], 557 | yellowgreen: [154,205,50] 558 | }; 559 | 560 | var reverseKeywords = {}; 561 | for (var key in cssKeywords) { 562 | reverseKeywords[JSON.stringify(cssKeywords[key])] = key; 563 | } -------------------------------------------------------------------------------- /script/experimental.js: -------------------------------------------------------------------------------- 1 | function toolErase() 2 | { 3 | toolState = 'erase'; 4 | $('.main-canvas-area').unbind(); 5 | $('.main-canvas-area').bind('click', function(e){ 6 | e.preventDefault(); 7 | var left = parseFloat(e.clientX); 8 | var top = parseFloat(e.clientY); 9 | var offset = $('.main-canvas-area').offset(); 10 | var scrollLeft = parseFloat($(document).scrollLeft()); 11 | var scrollTop = parseFloat($(document).scrollTop()); 12 | left = (left - offset.left + scrollLeft) - 10; 13 | top = (top - offset.top + scrollTop) - 10; 14 | erase(left, top, {'shape':'rectangle', 'radius':10}); 15 | }); 16 | } 17 | 18 | function toolMagicWizard() 19 | { 20 | toolState = 'magicwizard'; 21 | $('.main-canvas-area').unbind(); 22 | $('.main-canvas-area').bind('click', function(e){ 23 | e.preventDefault(); 24 | var left = parseFloat(e.clientX); 25 | var top = parseFloat(e.clientY); 26 | var offset = $('.main-canvas-area').offset(); 27 | var scrollLeft = parseFloat($(document).scrollLeft()); 28 | var scrollTop = parseFloat($(document).scrollTop()); 29 | left = (left - offset.left + scrollLeft) - 10; 30 | top = (top - offset.top + scrollTop) - 10; 31 | setMeAndFriend(left, top, {type:'erase'}); 32 | }); 33 | } 34 | 35 | function getFriend2(x, y, tolerance, canvasid, context, width, height) 36 | { 37 | if(!tolerance) tolerance = 0; 38 | if(!canvasid) canvasid = ppeImage.canvas_id; 39 | if(!context) context = ppeImage.context; 40 | if(!x) x = 0; 41 | if(!y) y = 0; 42 | if(!width) width = ppeImage.image_to_edit_width; 43 | if(!height) height = ppeImage.image_to_edit_height; 44 | 45 | var hsla = rgb2hsl(getPixel(x, y)); 46 | var hsla2 = new Array(); 47 | 48 | imgd = context.getImageData(0, 0, width, height); 49 | pix = imgd.data; 50 | 51 | var i, j; 52 | var working; 53 | var arrpx = new Array(); 54 | 55 | // right top 56 | working = true; 57 | for(i = x; i=0 && working; j--) 60 | { 61 | hsla2 = rgb2hsl(getPixelFromPix(i, j, pix, width, height)); 62 | if(Math.abs(hsla[0] - hsla2[0]) <= tolerance) 63 | { 64 | arrpx.push([j, i]); 65 | } 66 | else 67 | { 68 | break; 69 | } 70 | } 71 | } 72 | 73 | // right bottom 74 | working = true; 75 | for(i = x; i=0 && working; i--) 94 | { 95 | for(j=y; j=0 && working; i--) 112 | { 113 | for(j=y; j>=0 && working; j--) 114 | { 115 | hsla2 = rgb2hsl(getPixelFromPix(i, j, pix, width, height)); 116 | if(Math.abs(hsla[0] - hsla2[0]) <= tolerance) 117 | { 118 | arrpx.push([j, i]); 119 | } 120 | else 121 | { 122 | break; 123 | } 124 | } 125 | } 126 | 127 | return arrpx; 128 | } 129 | 130 | var logx = ''; 131 | 132 | function getFriend(x, y, tolerance, canvasid, context, width, height) 133 | { 134 | if(!tolerance) tolerance = 0; 135 | if(!canvasid) canvasid = ppeImage.canvas_id; 136 | if(!context) context = ppeImage.context; 137 | if(!x) x = 0; 138 | if(!y) y = 0; 139 | if(!width) width = ppeImage.image_to_edit_width; 140 | if(!height) height = ppeImage.image_to_edit_height; 141 | 142 | matrix = getMatrix(canvasid, context, 0, 0, width, height); 143 | 144 | imgd = context.getImageData(0, 0, width, height); 145 | pix = imgd.data; 146 | 147 | var hsla = rgb2hsl(getPixelFromPix(x, y, pix, width, height)); 148 | var hsla2 = new Array(); 149 | 150 | var i, j; 151 | var working; 152 | var walk; 153 | var arrpx = new Array(); 154 | var x2, y2; 155 | 156 | var ptop1, ptop2, ptop3, ptop4, pright1, pright2, pright3, pright4, pbottom1, pbottom2, pbottom3, pbottom4, pleft1, pleft2, pleft3, pleft4; 157 | 158 | working = true; 159 | 160 | walk = 0; 161 | do 162 | { 163 | if(walk > 0) 164 | { 165 | x2 = arrpx[arrpx.length-1][0]; 166 | y2 = arrpx[arrpx.length-1][1]; 167 | pleft1 = checkLeft(x2, y2, tolerance, hsla, pix, arrpx, width, height); 168 | ptop1 = checkTop(arrpx[arrpx.length-1][0], arrpx[arrpx.length-1][1], tolerance, hsla, pix, arrpx, width, height); 169 | } 170 | else 171 | { 172 | x2 = x; 173 | y2 = y; 174 | } 175 | pright1 = checkRight(x2, y2, tolerance, hsla, pix, arrpx, width, height); 176 | pbottom1 = checkBottom(x2, y2, tolerance, hsla, pix, arrpx, width, height); 177 | 178 | 179 | if(walk > 0) 180 | { 181 | if(pleft1 != false) arrpx.push(pleft1); 182 | if(ptop1 != false) arrpx.push(ptop1); 183 | } 184 | if(pright1 != false) arrpx.push(pright1); 185 | if(pbottom1 != false) arrpx.push(pbottom1); 186 | walk++; 187 | 188 | } 189 | while(ptop1 || pright1 || pbottom1 || pleft1); 190 | 191 | walk = 0; 192 | do 193 | { 194 | if(walk>0) 195 | { 196 | x2 = arrpx[arrpx.length-1][0]; 197 | y2 = arrpx[arrpx.length-1][1]; 198 | pright1 = checkRight(x2, y2, tolerance, hsla, pix, arrpx, width, height); 199 | pbottom1 = checkBottom(x2, y2, tolerance, hsla, pix, arrpx, width, height); 200 | } 201 | else 202 | { 203 | x2 = x; 204 | y2 = y; 205 | } 206 | pleft1 = checkLeft(x2, y2, tolerance, hsla, pix, arrpx, width, height); 207 | ptop1 = checkTop(x2, y2, tolerance, hsla, pix, arrpx, width, height); 208 | 209 | if(pleft1 != false) arrpx.push(pleft1); 210 | if(ptop1 != false) arrpx.push(ptop1); 211 | if(walk>0) 212 | { 213 | if(pright1 != false) arrpx.push(pright1); 214 | if(pbottom1 != false) arrpx.push(pbottom1); 215 | } 216 | walk++; 217 | } 218 | while(ptop1 || pright1 || pbottom1 || pleft1); 219 | 220 | arrpx.push([x, y]); 221 | 222 | return arrpx; 223 | } 224 | 225 | function checkTop(x, y, tolerance, hsla, pix, arrpx, width, height) 226 | { 227 | y = y - 1; // top 228 | if(y<0) return false; 229 | if(x<0) return false; 230 | if(y>=height) return false; 231 | if(x>=width) return false; 232 | if(inArray([x, y], arrpx)) return false; 233 | var hsla2 = rgb2hsl(getPixelFromPix(x, y, pix, width, height)); 234 | if(Math.abs(hsla2[0] - hsla[0]) > tolerance) return false; 235 | return [x, y]; 236 | } 237 | 238 | function checkRight(x, y, tolerance, hsla, pix, arrpx, width, height) 239 | { 240 | x = x + 1; // right 241 | if(y<0) return false; 242 | if(x<0) return false; 243 | if(y>=height) return false; 244 | if(x>=width) return false; 245 | if(inArray([x, y], arrpx)) return false; 246 | var hsla2 = rgb2hsl(getPixelFromPix(x, y, pix, width, height)); 247 | if(Math.abs(hsla2[0] - hsla[0]) > tolerance) return false; 248 | 249 | return [x, y]; 250 | } 251 | 252 | function checkBottom(x, y, tolerance, hsla, pix, arrpx, width, height) 253 | { 254 | y = y + 1; // bottom 255 | if(y<0) return false; 256 | if(x<0) return false; 257 | if(y>=height) return false; 258 | if(x>=width) return false; 259 | if(inArray([x, y], arrpx)) return false; 260 | var hsla2 = rgb2hsl(getPixelFromPix(x, y, pix, width, height)); 261 | if(Math.abs(hsla2[0] - hsla[0]) > tolerance) return false; 262 | 263 | return [x, y]; 264 | } 265 | 266 | function checkLeft(x, y, tolerance, hsla, pix, arrpx, width, height) 267 | { 268 | x = x - 1; // left 269 | if(y<0) return false; 270 | if(x<0) return false; 271 | if(y>=height) return false; 272 | if(x>=width) return false; 273 | if(inArray([x, y], arrpx)) return false; 274 | var hsla2 = rgb2hsl(getPixelFromPix(x, y, pix, width, height)); 275 | if(Math.abs(hsla2[0] - hsla[0]) > tolerance) return false; 276 | 277 | return [x, y]; 278 | } 279 | 280 | function setMeAndFriend(x, y, effect, canvasid, context, width, height) 281 | { 282 | if(!canvasid) canvasid = ppeImage.canvas_id; 283 | if(!context) context = ppeImage.context; 284 | if(!x) x = 0; 285 | if(!y) y = 0; 286 | if(!width) width = ppeImage.image_to_edit_width; 287 | if(!height) height = ppeImage.image_to_edit_height; 288 | 289 | var effecttype = effect.type; 290 | 291 | var arrpx = getFriend(x, y, 4); 292 | var i; 293 | var w, h; 294 | if(effecttype == 'erase') 295 | { 296 | matrix = getMatrix(ppeImage.canvas_id, ppeImage.context, 0, 0, ppeImage.image_to_edit_width, ppeImage.image_to_edit_height); 297 | for(i in arrpx) 298 | { 299 | w = arrpx[i][1]; 300 | h = arrpx[i][0]; 301 | matrix[w][h][3] = 0; 302 | } 303 | setMatrix(ppeImage.canvas_id, ppeImage.context, 0, 0, ppeImage.image_to_edit_width, ppeImage.image_to_edit_height, matrix); 304 | } 305 | } 306 | -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/animated-overlay.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/animated-overlay.gif -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-bg_flat_75_ffffff_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-bg_flat_75_ffffff_40x100.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-bg_glass_55_fbf9ee_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-bg_glass_55_fbf9ee_1x400.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-bg_glass_65_ffffff_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-bg_glass_65_ffffff_1x400.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-bg_glass_75_dadada_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-bg_glass_75_dadada_1x400.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-bg_glass_95_fef1ec_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-bg_glass_95_fef1ec_1x400.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-bg_highlight-soft_75_cccccc_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-bg_highlight-soft_75_cccccc_1x100.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-icons_222222_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-icons_222222_256x240.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-icons_2e83ff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-icons_2e83ff_256x240.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-icons_454545_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-icons_454545_256x240.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-icons_888888_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-icons_888888_256x240.png -------------------------------------------------------------------------------- /script/jquery/custom-theme/images/ui-icons_cd0a0a_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/custom-theme/images/ui-icons_cd0a0a_256x240.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_diagonals-thick_18_b81900_40x40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_diagonals-thick_18_b81900_40x40.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_diagonals-thick_20_666666_40x40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_diagonals-thick_20_666666_40x40.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_flat_0_aaaaaa_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_flat_0_aaaaaa_40x100.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_flat_10_000000_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_flat_10_000000_40x100.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_flat_75_ffffff_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_flat_75_ffffff_40x100.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_glass_100_f6f6f6_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_glass_100_f6f6f6_1x400.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_glass_100_fdf5ce_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_glass_100_fdf5ce_1x400.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_glass_55_fbf9ee_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_glass_55_fbf9ee_1x400.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_glass_65_ffffff_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_glass_65_ffffff_1x400.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_glass_95_fef1ec_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_glass_95_fef1ec_1x400.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_gloss-wave_35_f6a828_500x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_gloss-wave_35_f6a828_500x100.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_highlight-hard_65_ffffff_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_highlight-hard_65_ffffff_1x100.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_highlight-hard_75_e6e6e6_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_highlight-hard_75_e6e6e6_1x100.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_highlight-soft_100_eeeeee_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_highlight-soft_100_eeeeee_1x100.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_highlight-soft_75_cccccc_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_highlight-soft_75_cccccc_1x100.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_highlight-soft_75_dadada_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_highlight-soft_75_dadada_1x100.png -------------------------------------------------------------------------------- /script/jquery/images/ui-bg_highlight-soft_75_ffe45c_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-bg_highlight-soft_75_ffe45c_1x100.png -------------------------------------------------------------------------------- /script/jquery/images/ui-icons_222222_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-icons_222222_256x240.png -------------------------------------------------------------------------------- /script/jquery/images/ui-icons_228ef1_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-icons_228ef1_256x240.png -------------------------------------------------------------------------------- /script/jquery/images/ui-icons_2e83ff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-icons_2e83ff_256x240.png -------------------------------------------------------------------------------- /script/jquery/images/ui-icons_454545_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-icons_454545_256x240.png -------------------------------------------------------------------------------- /script/jquery/images/ui-icons_888888_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-icons_888888_256x240.png -------------------------------------------------------------------------------- /script/jquery/images/ui-icons_cd0a0a_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-icons_cd0a0a_256x240.png -------------------------------------------------------------------------------- /script/jquery/images/ui-icons_ef8c08_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-icons_ef8c08_256x240.png -------------------------------------------------------------------------------- /script/jquery/images/ui-icons_ffd27a_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-icons_ffd27a_256x240.png -------------------------------------------------------------------------------- /script/jquery/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /script/jquery/jPicker.css: -------------------------------------------------------------------------------- 1 | @media all 2 | { 3 | #jPicker { margin: 0px 8px; text-align: left; } 4 | #jPicker ul { font-size: 15px; margin: 0px 0px 0px 15px; padding: 0px; } 5 | #jPicker ul li { list-style: disc; padding: 2px 0px; } 6 | #jPicker ul li ul { margin-bottom: 10px; } 7 | #jPicker ul li ul li { list-style: circle; } 8 | #jPicker p { font-size: 13px; padding: 0px 10px; } 9 | #jPicker hr { clear: both; } 10 | #jPicker h2.jPicker { font-size: 16px; padding: 20px 10px; } 11 | #jPicker code { color: #8bd; font-size: 14px; font-weight: bold; } 12 | #jPicker pre { background: #eee; border: 1px solid #000; color: #000; display: block; font-size: 11px; margin: 10px 5px; padding: 5px; } 13 | #jPicker span { font-size: 13px; text-align: center; } 14 | #jPicker a { color: #ff8050; } 15 | #jPicker input { font-size: 13px; padding: 2px 5px; } 16 | #jPicker h2 { font-size: 16px; margin: 10px 0px; } 17 | .jPicker{ 18 | vertical-align:top; 19 | margin-left:4px; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /script/jquery/jPicker.min.css: -------------------------------------------------------------------------------- 1 | .jPicker .Icon{display:inline-block;height:24px;position:relative;text-align:left;width:25px}.jPicker .Icon span.Color,.jPicker .Icon span.Alpha{background-position:2px 2px;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.jPicker .Icon span.Image{background-repeat:no-repeat;cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.jPicker.Container{color:#000;z-index:10}table.jPicker{background-color:#efefef;border:1px outset #666;font-family:Arial,Helvetica,Sans-Serif;font-size:11px!important;margin:0;padding:5px;width:545px;z-index:20}.jPicker .Move{background-color:#ddd;border-color:#fff #666 #666 #fff;border-style:solid;border-width:1px;cursor:move;height:12px;padding:0}.jPicker .Title{font-size:11px!important;font-weight:bold;margin:-2px 0 0 0;padding:10px 0 0 0;text-align:center;width:100%}.jPicker div.Map{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:crosshair;height:260px;margin:0 10px 10px 10px;overflow:hidden;padding:0;position:relative;width:260px}.jPicker div[class="Map"]{height:256px;width:256px}.jPicker div.Bar{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:n-resize;height:260px;margin:12px 10px 0 5px;overflow:hidden;padding:0;position:relative;width:24px}.jPicker div[class="Bar"]{height:256px;width:20px}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3,.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4,.jPicker .Bar .Map5,.jPicker .Bar .Map6{background-color:transparent;background-image:none;display:block;left:0;position:absolute;top:0}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3{height:2596px;width:256px}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{height:3896px;width:20px}.jPicker .Bar .Map5,.jPicker .Bar .Map6{height:256px;width:20px}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Bar .Map6{background-repeat:no-repeat}.jPicker .Map .Map3,.jPicker .Bar .Map5{background-repeat:repeat}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{background-repeat:repeat-x}.jPicker .Map .Arrow{display:block;position:absolute}.jPicker .Bar .Arrow{display:block;left:0;position:absolute}.jPicker .Preview{font-size:9px;padding:5px 0 0 0;text-align:center}.jPicker .Preview div{border:2px inset #eee;height:62px;margin:0 auto;padding:0;width:62px}.jPicker .Preview div span{border:1px solid #000;display:block;height:30px;margin:0 auto;padding:0;width:60px}.jPicker .Preview .Active{border-bottom-width:0}.jPicker .Preview .Current{border-top-width:0;cursor:pointer}.jPicker input{font-size:13px}.jPicker .Button{text-align:center;padding:0 4px;width:115px}.jPicker .Button input{padding:2px 0;width:100px}.jPicker .Button .Ok{margin:12px 0 5px 0}.jPicker td{margin:0;padding:0}.jPicker td.Radio{margin:0;padding:0;width:31px;font-size:11px;white-space:nowrap;}.jPicker td.Radio input{margin:0 5px 0 0;padding:0}.jPicker td.Text{font-size:12px!important;height:22px;margin:0;padding:0;text-align:left;width:70px}.jPicker tr.Hex td.Text{width:100px}.jPicker td.Text input{background-color:#fff;border:1px inset #aaa;height:19px;margin:0 0 0 5px;text-align:left;width:28px}.jPicker td[class="Text"] input{height:15px}.jPicker tr.Hex td.Text input.Hex{width:50px}.jPicker tr.Hex td.Text input.AHex{width:20px}.jPicker .Grid{text-align:center;width:114px}.jPicker .Grid span.QuickColor{border:1px inset #aaa;cursor:pointer;display:inline-block;height:15px;line-height:15px;margin:0;padding:0;width:19px}.jPicker .Grid span[class="QuickColor"]{width:17px} 2 | table.jPicker label{ 3 | white-space:nowrap; 4 | font-size:12px; 5 | } -------------------------------------------------------------------------------- /script/jquery/jpicker/images/AlphaBar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/jpicker/images/AlphaBar.png -------------------------------------------------------------------------------- /script/jquery/jpicker/images/Bars.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/jpicker/images/Bars.png -------------------------------------------------------------------------------- /script/jquery/jpicker/images/Maps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/jpicker/images/Maps.png -------------------------------------------------------------------------------- /script/jquery/jpicker/images/NoColor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/jpicker/images/NoColor.png -------------------------------------------------------------------------------- /script/jquery/jpicker/images/bar-opacity.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/jpicker/images/bar-opacity.png -------------------------------------------------------------------------------- /script/jquery/jpicker/images/map-opacity.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/jpicker/images/map-opacity.png -------------------------------------------------------------------------------- /script/jquery/jpicker/images/mappoint.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/jpicker/images/mappoint.gif -------------------------------------------------------------------------------- /script/jquery/jpicker/images/picker.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/jpicker/images/picker.gif -------------------------------------------------------------------------------- /script/jquery/jpicker/images/preview-opacity.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/jpicker/images/preview-opacity.png -------------------------------------------------------------------------------- /script/jquery/jpicker/images/rangearrows.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/jpicker/images/rangearrows.gif -------------------------------------------------------------------------------- /script/jquery/jquery-ui.structure.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * jQuery UI CSS Framework 1.11.4 3 | * http://jqueryui.com 4 | * 5 | * Copyright jQuery Foundation and other contributors 6 | * Released under the MIT license. 7 | * http://jquery.org/license 8 | * 9 | * http://api.jqueryui.com/category/theming/ 10 | */ 11 | 12 | /* Layout helpers 13 | ----------------------------------*/ 14 | .ui-helper-hidden { 15 | display: none; 16 | } 17 | .ui-helper-hidden-accessible { 18 | border: 0; 19 | clip: rect(0 0 0 0); 20 | height: 1px; 21 | margin: -1px; 22 | overflow: hidden; 23 | padding: 0; 24 | position: absolute; 25 | width: 1px; 26 | } 27 | .ui-helper-reset { 28 | margin: 0; 29 | padding: 0; 30 | border: 0; 31 | outline: 0; 32 | line-height: 1.3; 33 | text-decoration: none; 34 | font-size: 100%; 35 | list-style: none; 36 | } 37 | .ui-helper-clearfix:before, 38 | .ui-helper-clearfix:after { 39 | content: ""; 40 | display: table; 41 | border-collapse: collapse; 42 | } 43 | .ui-helper-clearfix:after { 44 | clear: both; 45 | } 46 | .ui-helper-clearfix { 47 | min-height: 0; /* support: IE7 */ 48 | } 49 | .ui-helper-zfix { 50 | width: 100%; 51 | height: 100%; 52 | top: 0; 53 | left: 0; 54 | position: absolute; 55 | opacity: 0; 56 | filter:Alpha(Opacity=0); /* support: IE8 */ 57 | } 58 | 59 | .ui-front { 60 | z-index: 100; 61 | } 62 | 63 | 64 | /* Interaction Cues 65 | ----------------------------------*/ 66 | .ui-state-disabled { 67 | cursor: default !important; 68 | } 69 | 70 | 71 | /* Icons 72 | ----------------------------------*/ 73 | 74 | /* states and images */ 75 | .ui-icon { 76 | display: block; 77 | text-indent: -99999px; 78 | overflow: hidden; 79 | background-repeat: no-repeat; 80 | } 81 | 82 | 83 | /* Misc visuals 84 | ----------------------------------*/ 85 | 86 | /* Overlays */ 87 | .ui-widget-overlay { 88 | position: fixed; 89 | top: 0; 90 | left: 0; 91 | width: 100%; 92 | height: 100%; 93 | } 94 | .ui-draggable-handle { 95 | -ms-touch-action: none; 96 | touch-action: none; 97 | } 98 | .ui-resizable { 99 | position: relative; 100 | } 101 | .ui-resizable-handle { 102 | position: absolute; 103 | font-size: 0.1px; 104 | display: block; 105 | -ms-touch-action: none; 106 | touch-action: none; 107 | } 108 | .ui-resizable-disabled .ui-resizable-handle, 109 | .ui-resizable-autohide .ui-resizable-handle { 110 | display: none; 111 | } 112 | .ui-resizable-n { 113 | cursor: n-resize; 114 | height: 7px; 115 | width: 100%; 116 | top: -5px; 117 | left: 0; 118 | } 119 | .ui-resizable-s { 120 | cursor: s-resize; 121 | height: 7px; 122 | width: 100%; 123 | bottom: -5px; 124 | left: 0; 125 | } 126 | .ui-resizable-e { 127 | cursor: e-resize; 128 | width: 7px; 129 | right: -5px; 130 | top: 0; 131 | height: 100%; 132 | } 133 | .ui-resizable-w { 134 | cursor: w-resize; 135 | width: 7px; 136 | left: -5px; 137 | top: 0; 138 | height: 100%; 139 | } 140 | .ui-resizable-se { 141 | cursor: se-resize; 142 | width: 12px; 143 | height: 12px; 144 | right: 1px; 145 | bottom: 1px; 146 | } 147 | .ui-resizable-sw { 148 | cursor: sw-resize; 149 | width: 9px; 150 | height: 9px; 151 | left: -5px; 152 | bottom: -5px; 153 | } 154 | .ui-resizable-nw { 155 | cursor: nw-resize; 156 | width: 9px; 157 | height: 9px; 158 | left: -5px; 159 | top: -5px; 160 | } 161 | .ui-resizable-ne { 162 | cursor: ne-resize; 163 | width: 9px; 164 | height: 9px; 165 | right: -5px; 166 | top: -5px; 167 | } 168 | .ui-selectable { 169 | -ms-touch-action: none; 170 | touch-action: none; 171 | } 172 | .ui-selectable-helper { 173 | position: absolute; 174 | z-index: 100; 175 | border: 1px dotted black; 176 | } 177 | .ui-sortable-handle { 178 | -ms-touch-action: none; 179 | touch-action: none; 180 | } 181 | .ui-accordion .ui-accordion-header { 182 | display: block; 183 | cursor: pointer; 184 | position: relative; 185 | margin: 2px 0 0 0; 186 | padding: .5em .5em .5em .7em; 187 | min-height: 0; /* support: IE7 */ 188 | font-size: 100%; 189 | } 190 | .ui-accordion .ui-accordion-icons { 191 | padding-left: 2.2em; 192 | } 193 | .ui-accordion .ui-accordion-icons .ui-accordion-icons { 194 | padding-left: 2.2em; 195 | } 196 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon { 197 | position: absolute; 198 | left: .5em; 199 | top: 50%; 200 | margin-top: -8px; 201 | } 202 | .ui-accordion .ui-accordion-content { 203 | padding: 1em 2.2em; 204 | border-top: 0; 205 | overflow: auto; 206 | } 207 | .ui-autocomplete { 208 | position: absolute; 209 | top: 0; 210 | left: 0; 211 | cursor: default; 212 | } 213 | .ui-button { 214 | display: inline-block; 215 | position: relative; 216 | padding: 0; 217 | line-height: normal; 218 | margin-right: .1em; 219 | cursor: pointer; 220 | vertical-align: middle; 221 | text-align: center; 222 | overflow: visible; /* removes extra width in IE */ 223 | } 224 | .ui-button, 225 | .ui-button:link, 226 | .ui-button:visited, 227 | .ui-button:hover, 228 | .ui-button:active { 229 | text-decoration: none; 230 | } 231 | /* to make room for the icon, a width needs to be set here */ 232 | .ui-button-icon-only { 233 | width: 2.2em; 234 | } 235 | /* button elements seem to need a little more width */ 236 | button.ui-button-icon-only { 237 | width: 2.4em; 238 | } 239 | .ui-button-icons-only { 240 | width: 3.4em; 241 | } 242 | button.ui-button-icons-only { 243 | width: 3.7em; 244 | } 245 | 246 | /* button text element */ 247 | .ui-button .ui-button-text { 248 | display: block; 249 | line-height: normal; 250 | } 251 | .ui-button-text-only .ui-button-text { 252 | padding: .4em 1em; 253 | } 254 | .ui-button-icon-only .ui-button-text, 255 | .ui-button-icons-only .ui-button-text { 256 | padding: .4em; 257 | text-indent: -9999999px; 258 | } 259 | .ui-button-text-icon-primary .ui-button-text, 260 | .ui-button-text-icons .ui-button-text { 261 | padding: .4em 1em .4em 2.1em; 262 | } 263 | .ui-button-text-icon-secondary .ui-button-text, 264 | .ui-button-text-icons .ui-button-text { 265 | padding: .4em 2.1em .4em 1em; 266 | } 267 | .ui-button-text-icons .ui-button-text { 268 | padding-left: 2.1em; 269 | padding-right: 2.1em; 270 | } 271 | /* no icon support for input elements, provide padding by default */ 272 | input.ui-button { 273 | padding: .4em 1em; 274 | } 275 | 276 | /* button icon element(s) */ 277 | .ui-button-icon-only .ui-icon, 278 | .ui-button-text-icon-primary .ui-icon, 279 | .ui-button-text-icon-secondary .ui-icon, 280 | .ui-button-text-icons .ui-icon, 281 | .ui-button-icons-only .ui-icon { 282 | position: absolute; 283 | top: 50%; 284 | margin-top: -8px; 285 | } 286 | .ui-button-icon-only .ui-icon { 287 | left: 50%; 288 | margin-left: -8px; 289 | } 290 | .ui-button-text-icon-primary .ui-button-icon-primary, 291 | .ui-button-text-icons .ui-button-icon-primary, 292 | .ui-button-icons-only .ui-button-icon-primary { 293 | left: .5em; 294 | } 295 | .ui-button-text-icon-secondary .ui-button-icon-secondary, 296 | .ui-button-text-icons .ui-button-icon-secondary, 297 | .ui-button-icons-only .ui-button-icon-secondary { 298 | right: .5em; 299 | } 300 | 301 | /* button sets */ 302 | .ui-buttonset { 303 | margin-right: 7px; 304 | } 305 | .ui-buttonset .ui-button { 306 | margin-left: 0; 307 | margin-right: -.3em; 308 | } 309 | 310 | /* workarounds */ 311 | /* reset extra padding in Firefox, see h5bp.com/l */ 312 | input.ui-button::-moz-focus-inner, 313 | button.ui-button::-moz-focus-inner { 314 | border: 0; 315 | padding: 0; 316 | } 317 | .ui-datepicker { 318 | width: 17em; 319 | padding: .2em .2em 0; 320 | display: none; 321 | } 322 | .ui-datepicker .ui-datepicker-header { 323 | position: relative; 324 | padding: .2em 0; 325 | } 326 | .ui-datepicker .ui-datepicker-prev, 327 | .ui-datepicker .ui-datepicker-next { 328 | position: absolute; 329 | top: 2px; 330 | width: 1.8em; 331 | height: 1.8em; 332 | } 333 | .ui-datepicker .ui-datepicker-prev-hover, 334 | .ui-datepicker .ui-datepicker-next-hover { 335 | top: 1px; 336 | } 337 | .ui-datepicker .ui-datepicker-prev { 338 | left: 2px; 339 | } 340 | .ui-datepicker .ui-datepicker-next { 341 | right: 2px; 342 | } 343 | .ui-datepicker .ui-datepicker-prev-hover { 344 | left: 1px; 345 | } 346 | .ui-datepicker .ui-datepicker-next-hover { 347 | right: 1px; 348 | } 349 | .ui-datepicker .ui-datepicker-prev span, 350 | .ui-datepicker .ui-datepicker-next span { 351 | display: block; 352 | position: absolute; 353 | left: 50%; 354 | margin-left: -8px; 355 | top: 50%; 356 | margin-top: -8px; 357 | } 358 | .ui-datepicker .ui-datepicker-title { 359 | margin: 0 2.3em; 360 | line-height: 1.8em; 361 | text-align: center; 362 | } 363 | .ui-datepicker .ui-datepicker-title select { 364 | font-size: 1em; 365 | margin: 1px 0; 366 | } 367 | .ui-datepicker select.ui-datepicker-month, 368 | .ui-datepicker select.ui-datepicker-year { 369 | width: 45%; 370 | } 371 | .ui-datepicker table { 372 | width: 100%; 373 | font-size: .9em; 374 | border-collapse: collapse; 375 | margin: 0 0 .4em; 376 | } 377 | .ui-datepicker th { 378 | padding: .7em .3em; 379 | text-align: center; 380 | font-weight: bold; 381 | border: 0; 382 | } 383 | .ui-datepicker td { 384 | border: 0; 385 | padding: 1px; 386 | } 387 | .ui-datepicker td span, 388 | .ui-datepicker td a { 389 | display: block; 390 | padding: .2em; 391 | text-align: right; 392 | text-decoration: none; 393 | } 394 | .ui-datepicker .ui-datepicker-buttonpane { 395 | background-image: none; 396 | margin: .7em 0 0 0; 397 | padding: 0 .2em; 398 | border-left: 0; 399 | border-right: 0; 400 | border-bottom: 0; 401 | } 402 | .ui-datepicker .ui-datepicker-buttonpane button { 403 | float: right; 404 | margin: .5em .2em .4em; 405 | cursor: pointer; 406 | padding: .2em .6em .3em .6em; 407 | width: auto; 408 | overflow: visible; 409 | } 410 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 411 | float: left; 412 | } 413 | 414 | /* with multiple calendars */ 415 | .ui-datepicker.ui-datepicker-multi { 416 | width: auto; 417 | } 418 | .ui-datepicker-multi .ui-datepicker-group { 419 | float: left; 420 | } 421 | .ui-datepicker-multi .ui-datepicker-group table { 422 | width: 95%; 423 | margin: 0 auto .4em; 424 | } 425 | .ui-datepicker-multi-2 .ui-datepicker-group { 426 | width: 50%; 427 | } 428 | .ui-datepicker-multi-3 .ui-datepicker-group { 429 | width: 33.3%; 430 | } 431 | .ui-datepicker-multi-4 .ui-datepicker-group { 432 | width: 25%; 433 | } 434 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 435 | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 436 | border-left-width: 0; 437 | } 438 | .ui-datepicker-multi .ui-datepicker-buttonpane { 439 | clear: left; 440 | } 441 | .ui-datepicker-row-break { 442 | clear: both; 443 | width: 100%; 444 | font-size: 0; 445 | } 446 | 447 | /* RTL support */ 448 | .ui-datepicker-rtl { 449 | direction: rtl; 450 | } 451 | .ui-datepicker-rtl .ui-datepicker-prev { 452 | right: 2px; 453 | left: auto; 454 | } 455 | .ui-datepicker-rtl .ui-datepicker-next { 456 | left: 2px; 457 | right: auto; 458 | } 459 | .ui-datepicker-rtl .ui-datepicker-prev:hover { 460 | right: 1px; 461 | left: auto; 462 | } 463 | .ui-datepicker-rtl .ui-datepicker-next:hover { 464 | left: 1px; 465 | right: auto; 466 | } 467 | .ui-datepicker-rtl .ui-datepicker-buttonpane { 468 | clear: right; 469 | } 470 | .ui-datepicker-rtl .ui-datepicker-buttonpane button { 471 | float: left; 472 | } 473 | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, 474 | .ui-datepicker-rtl .ui-datepicker-group { 475 | float: right; 476 | } 477 | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, 478 | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 479 | border-right-width: 0; 480 | border-left-width: 1px; 481 | } 482 | .ui-dialog { 483 | overflow: hidden; 484 | position: absolute; 485 | top: 0; 486 | left: 0; 487 | padding: .2em; 488 | outline: 0; 489 | } 490 | .ui-dialog .ui-dialog-titlebar { 491 | padding: .4em 1em; 492 | position: relative; 493 | } 494 | .ui-dialog .ui-dialog-title { 495 | float: left; 496 | margin: .1em 0; 497 | white-space: nowrap; 498 | width: 90%; 499 | overflow: hidden; 500 | text-overflow: ellipsis; 501 | } 502 | .ui-dialog .ui-dialog-titlebar-close { 503 | position: absolute; 504 | right: .3em; 505 | top: 50%; 506 | width: 20px; 507 | margin: -10px 0 0 0; 508 | padding: 1px; 509 | height: 20px; 510 | } 511 | .ui-dialog .ui-dialog-content { 512 | position: relative; 513 | border: 0; 514 | padding: .5em 1em; 515 | background: none; 516 | overflow: auto; 517 | } 518 | .ui-dialog .ui-dialog-buttonpane { 519 | text-align: left; 520 | border-width: 1px 0 0 0; 521 | background-image: none; 522 | margin-top: .5em; 523 | padding: .3em 1em .5em .4em; 524 | } 525 | .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 526 | float: right; 527 | } 528 | .ui-dialog .ui-dialog-buttonpane button { 529 | margin: .5em .4em .5em 0; 530 | cursor: pointer; 531 | } 532 | .ui-dialog .ui-resizable-se { 533 | width: 12px; 534 | height: 12px; 535 | right: -5px; 536 | bottom: -5px; 537 | background-position: 16px 16px; 538 | } 539 | .ui-draggable .ui-dialog-titlebar { 540 | cursor: move; 541 | } 542 | .ui-menu { 543 | list-style: none; 544 | padding: 0; 545 | margin: 0; 546 | display: block; 547 | outline: none; 548 | } 549 | .ui-menu .ui-menu { 550 | position: absolute; 551 | } 552 | .ui-menu .ui-menu-item { 553 | position: relative; 554 | margin: 0; 555 | padding: 3px 1em 3px .4em; 556 | cursor: pointer; 557 | min-height: 0; /* support: IE7 */ 558 | /* support: IE10, see #8844 */ 559 | list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); 560 | } 561 | .ui-menu .ui-menu-divider { 562 | margin: 5px 0; 563 | height: 0; 564 | font-size: 0; 565 | line-height: 0; 566 | border-width: 1px 0 0 0; 567 | } 568 | .ui-menu .ui-state-focus, 569 | .ui-menu .ui-state-active { 570 | margin: -1px; 571 | } 572 | 573 | /* icon support */ 574 | .ui-menu-icons { 575 | position: relative; 576 | } 577 | .ui-menu-icons .ui-menu-item { 578 | padding-left: 2em; 579 | } 580 | 581 | /* left-aligned */ 582 | .ui-menu .ui-icon { 583 | position: absolute; 584 | top: 0; 585 | bottom: 0; 586 | left: .2em; 587 | margin: auto 0; 588 | } 589 | 590 | /* right-aligned */ 591 | .ui-menu .ui-menu-icon { 592 | left: auto; 593 | right: 0; 594 | } 595 | .ui-progressbar { 596 | height: 2em; 597 | text-align: left; 598 | overflow: hidden; 599 | } 600 | .ui-progressbar .ui-progressbar-value { 601 | margin: -1px; 602 | height: 100%; 603 | } 604 | .ui-progressbar .ui-progressbar-overlay { 605 | background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); 606 | height: 100%; 607 | filter: alpha(opacity=25); /* support: IE8 */ 608 | opacity: 0.25; 609 | } 610 | .ui-progressbar-indeterminate .ui-progressbar-value { 611 | background-image: none; 612 | } 613 | .ui-selectmenu-menu { 614 | padding: 0; 615 | margin: 0; 616 | position: absolute; 617 | top: 0; 618 | left: 0; 619 | display: none; 620 | } 621 | .ui-selectmenu-menu .ui-menu { 622 | overflow: auto; 623 | /* Support: IE7 */ 624 | overflow-x: hidden; 625 | padding-bottom: 1px; 626 | } 627 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { 628 | font-size: 1em; 629 | font-weight: bold; 630 | line-height: 1.5; 631 | padding: 2px 0.4em; 632 | margin: 0.5em 0 0 0; 633 | height: auto; 634 | border: 0; 635 | } 636 | .ui-selectmenu-open { 637 | display: block; 638 | } 639 | .ui-selectmenu-button { 640 | display: inline-block; 641 | overflow: hidden; 642 | position: relative; 643 | text-decoration: none; 644 | cursor: pointer; 645 | } 646 | .ui-selectmenu-button span.ui-icon { 647 | right: 0.5em; 648 | left: auto; 649 | margin-top: -8px; 650 | position: absolute; 651 | top: 50%; 652 | } 653 | .ui-selectmenu-button span.ui-selectmenu-text { 654 | text-align: left; 655 | padding: 0.4em 2.1em 0.4em 1em; 656 | display: block; 657 | line-height: 1.4; 658 | overflow: hidden; 659 | text-overflow: ellipsis; 660 | white-space: nowrap; 661 | } 662 | .ui-slider { 663 | position: relative; 664 | text-align: left; 665 | } 666 | .ui-slider .ui-slider-handle { 667 | position: absolute; 668 | z-index: 2; 669 | width: 1.2em; 670 | height: 1.2em; 671 | cursor: default; 672 | -ms-touch-action: none; 673 | touch-action: none; 674 | } 675 | .ui-slider .ui-slider-range { 676 | position: absolute; 677 | z-index: 1; 678 | font-size: .7em; 679 | display: block; 680 | border: 0; 681 | background-position: 0 0; 682 | } 683 | 684 | /* support: IE8 - See #6727 */ 685 | .ui-slider.ui-state-disabled .ui-slider-handle, 686 | .ui-slider.ui-state-disabled .ui-slider-range { 687 | filter: inherit; 688 | } 689 | 690 | .ui-slider-horizontal { 691 | height: .8em; 692 | } 693 | .ui-slider-horizontal .ui-slider-handle { 694 | top: -.3em; 695 | margin-left: -.6em; 696 | } 697 | .ui-slider-horizontal .ui-slider-range { 698 | top: 0; 699 | height: 100%; 700 | } 701 | .ui-slider-horizontal .ui-slider-range-min { 702 | left: 0; 703 | } 704 | .ui-slider-horizontal .ui-slider-range-max { 705 | right: 0; 706 | } 707 | 708 | .ui-slider-vertical { 709 | width: .8em; 710 | height: 100px; 711 | } 712 | .ui-slider-vertical .ui-slider-handle { 713 | left: -.3em; 714 | margin-left: 0; 715 | margin-bottom: -.6em; 716 | } 717 | .ui-slider-vertical .ui-slider-range { 718 | left: 0; 719 | width: 100%; 720 | } 721 | .ui-slider-vertical .ui-slider-range-min { 722 | bottom: 0; 723 | } 724 | .ui-slider-vertical .ui-slider-range-max { 725 | top: 0; 726 | } 727 | .ui-spinner { 728 | position: relative; 729 | display: inline-block; 730 | overflow: hidden; 731 | padding: 0; 732 | vertical-align: middle; 733 | } 734 | .ui-spinner-input { 735 | border: none; 736 | background: none; 737 | color: inherit; 738 | padding: 0; 739 | margin: .2em 0; 740 | vertical-align: middle; 741 | margin-left: .4em; 742 | margin-right: 22px; 743 | } 744 | .ui-spinner-button { 745 | width: 16px; 746 | height: 50%; 747 | font-size: .5em; 748 | padding: 0; 749 | margin: 0; 750 | text-align: center; 751 | position: absolute; 752 | cursor: default; 753 | display: block; 754 | overflow: hidden; 755 | right: 0; 756 | } 757 | /* more specificity required here to override default borders */ 758 | .ui-spinner a.ui-spinner-button { 759 | border-top: none; 760 | border-bottom: none; 761 | border-right: none; 762 | } 763 | /* vertically center icon */ 764 | .ui-spinner .ui-icon { 765 | position: absolute; 766 | margin-top: -8px; 767 | top: 50%; 768 | left: 0; 769 | } 770 | .ui-spinner-up { 771 | top: 0; 772 | } 773 | .ui-spinner-down { 774 | bottom: 0; 775 | } 776 | 777 | /* TR overrides */ 778 | .ui-spinner .ui-icon-triangle-1-s { 779 | /* need to fix icons sprite */ 780 | background-position: -65px -16px; 781 | } 782 | .ui-tabs { 783 | position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 784 | padding: .2em; 785 | } 786 | .ui-tabs .ui-tabs-nav { 787 | margin: 0; 788 | padding: .2em .2em 0; 789 | } 790 | .ui-tabs .ui-tabs-nav li { 791 | list-style: none; 792 | float: left; 793 | position: relative; 794 | top: 0; 795 | margin: 1px .2em 0 0; 796 | border-bottom-width: 0; 797 | padding: 0; 798 | white-space: nowrap; 799 | } 800 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { 801 | float: left; 802 | padding: .5em 1em; 803 | text-decoration: none; 804 | } 805 | .ui-tabs .ui-tabs-nav li.ui-tabs-active { 806 | margin-bottom: -1px; 807 | padding-bottom: 1px; 808 | } 809 | .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 810 | .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 811 | .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { 812 | cursor: text; 813 | } 814 | .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { 815 | cursor: pointer; 816 | } 817 | .ui-tabs .ui-tabs-panel { 818 | display: block; 819 | border-width: 0; 820 | padding: 1em 1.4em; 821 | background: none; 822 | } 823 | .ui-tooltip { 824 | padding: 8px; 825 | position: absolute; 826 | z-index: 9999; 827 | max-width: 300px; 828 | -webkit-box-shadow: 0 0 5px #aaa; 829 | box-shadow: 0 0 5px #aaa; 830 | } 831 | body .ui-tooltip { 832 | border-width: 2px; 833 | } 834 | -------------------------------------------------------------------------------- /script/jquery/jquery-ui.structure.min.css: -------------------------------------------------------------------------------- 1 | /*! jQuery UI - v1.11.4 - 2015-06-28 2 | * http://jqueryui.com 3 | * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ 4 | 5 | .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width: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;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.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}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.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}input.ui-button{padding:.4em 1em}.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-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.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,.ui-datepicker select.ui-datepicker-year{width:45%}.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}.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,.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:0}.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,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;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:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.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}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.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:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px} -------------------------------------------------------------------------------- /script/jquery/jquery-ui.theme.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * jQuery UI CSS Framework 1.11.4 3 | * http://jqueryui.com 4 | * 5 | * Copyright jQuery Foundation and other contributors 6 | * Released under the MIT license. 7 | * http://jquery.org/license 8 | * 9 | * http://api.jqueryui.com/category/theming/ 10 | * 11 | * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Tahoma%2C%20Geneva%2C%20sans-serif&fwDefault=normal&fsDefault=10pt&cornerRadius=0px&bgColorHeader=%23cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=highlight_hard&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=highlight_soft&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=highlight_hard&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px 12 | */ 13 | 14 | 15 | /* Component containers 16 | ----------------------------------*/ 17 | .ui-widget { 18 | font-family: Tahoma, Geneva, sans-serif; 19 | font-size: 10pt; 20 | } 21 | .ui-widget .ui-widget { 22 | font-size: 1em; 23 | } 24 | .ui-widget input, 25 | .ui-widget select, 26 | .ui-widget textarea, 27 | .ui-widget button { 28 | font-family: Tahoma, Geneva, sans-serif; 29 | font-size: 1em; 30 | } 31 | .ui-widget-content { 32 | border: 1px solid #aaaaaa; 33 | background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; 34 | color: #222222; 35 | } 36 | .ui-widget-content a { 37 | color: #222222; 38 | } 39 | .ui-widget-header { 40 | border: 1px solid #aaaaaa; 41 | background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; 42 | color: #222222; 43 | font-weight: bold; 44 | } 45 | .ui-widget-header a { 46 | color: #222222; 47 | } 48 | 49 | /* Interaction states 50 | ----------------------------------*/ 51 | .ui-state-default, 52 | .ui-widget-content .ui-state-default, 53 | .ui-widget-header .ui-state-default { 54 | border: 1px solid #d3d3d3; 55 | background: #e6e6e6 url("images/ui-bg_highlight-hard_75_e6e6e6_1x100.png") 50% 50% repeat-x; 56 | font-weight: normal; 57 | color: #555555; 58 | } 59 | .ui-state-default a, 60 | .ui-state-default a:link, 61 | .ui-state-default a:visited { 62 | color: #555555; 63 | text-decoration: none; 64 | } 65 | .ui-state-hover, 66 | .ui-widget-content .ui-state-hover, 67 | .ui-widget-header .ui-state-hover, 68 | .ui-state-focus, 69 | .ui-widget-content .ui-state-focus, 70 | .ui-widget-header .ui-state-focus { 71 | border: 1px solid #999999; 72 | background: #dadada url("images/ui-bg_highlight-soft_75_dadada_1x100.png") 50% 50% repeat-x; 73 | font-weight: normal; 74 | color: #212121; 75 | } 76 | .ui-state-hover a, 77 | .ui-state-hover a:hover, 78 | .ui-state-hover a:link, 79 | .ui-state-hover a:visited, 80 | .ui-state-focus a, 81 | .ui-state-focus a:hover, 82 | .ui-state-focus a:link, 83 | .ui-state-focus a:visited { 84 | color: #212121; 85 | text-decoration: none; 86 | } 87 | .ui-state-active, 88 | .ui-widget-content .ui-state-active, 89 | .ui-widget-header .ui-state-active { 90 | border: 1px solid #aaaaaa; 91 | background: #ffffff url("images/ui-bg_highlight-hard_65_ffffff_1x100.png") 50% 50% repeat-x; 92 | font-weight: normal; 93 | color: #212121; 94 | } 95 | .ui-state-active a, 96 | .ui-state-active a:link, 97 | .ui-state-active a:visited { 98 | color: #212121; 99 | text-decoration: none; 100 | } 101 | 102 | /* Interaction Cues 103 | ----------------------------------*/ 104 | .ui-state-highlight, 105 | .ui-widget-content .ui-state-highlight, 106 | .ui-widget-header .ui-state-highlight { 107 | border: 1px solid #fcefa1; 108 | background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; 109 | color: #363636; 110 | } 111 | .ui-state-highlight a, 112 | .ui-widget-content .ui-state-highlight a, 113 | .ui-widget-header .ui-state-highlight a { 114 | color: #363636; 115 | } 116 | .ui-state-error, 117 | .ui-widget-content .ui-state-error, 118 | .ui-widget-header .ui-state-error { 119 | border: 1px solid #cd0a0a; 120 | background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; 121 | color: #cd0a0a; 122 | } 123 | .ui-state-error a, 124 | .ui-widget-content .ui-state-error a, 125 | .ui-widget-header .ui-state-error a { 126 | color: #cd0a0a; 127 | } 128 | .ui-state-error-text, 129 | .ui-widget-content .ui-state-error-text, 130 | .ui-widget-header .ui-state-error-text { 131 | color: #cd0a0a; 132 | } 133 | .ui-priority-primary, 134 | .ui-widget-content .ui-priority-primary, 135 | .ui-widget-header .ui-priority-primary { 136 | font-weight: bold; 137 | } 138 | .ui-priority-secondary, 139 | .ui-widget-content .ui-priority-secondary, 140 | .ui-widget-header .ui-priority-secondary { 141 | opacity: .7; 142 | filter:Alpha(Opacity=70); /* support: IE8 */ 143 | font-weight: normal; 144 | } 145 | .ui-state-disabled, 146 | .ui-widget-content .ui-state-disabled, 147 | .ui-widget-header .ui-state-disabled { 148 | opacity: .35; 149 | filter:Alpha(Opacity=35); /* support: IE8 */ 150 | background-image: none; 151 | } 152 | .ui-state-disabled .ui-icon { 153 | filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ 154 | } 155 | 156 | /* Icons 157 | ----------------------------------*/ 158 | 159 | /* states and images */ 160 | .ui-icon { 161 | width: 16px; 162 | height: 16px; 163 | } 164 | .ui-icon, 165 | .ui-widget-content .ui-icon { 166 | background-image: url("images/ui-icons_222222_256x240.png"); 167 | } 168 | .ui-widget-header .ui-icon { 169 | background-image: url("images/ui-icons_222222_256x240.png"); 170 | } 171 | .ui-state-default .ui-icon { 172 | background-image: url("images/ui-icons_888888_256x240.png"); 173 | } 174 | .ui-state-hover .ui-icon, 175 | .ui-state-focus .ui-icon { 176 | background-image: url("images/ui-icons_454545_256x240.png"); 177 | } 178 | .ui-state-active .ui-icon { 179 | background-image: url("images/ui-icons_454545_256x240.png"); 180 | } 181 | .ui-state-highlight .ui-icon { 182 | background-image: url("images/ui-icons_2e83ff_256x240.png"); 183 | } 184 | .ui-state-error .ui-icon, 185 | .ui-state-error-text .ui-icon { 186 | background-image: url("images/ui-icons_cd0a0a_256x240.png"); 187 | } 188 | 189 | /* positioning */ 190 | .ui-icon-blank { background-position: 16px 16px; } 191 | .ui-icon-carat-1-n { background-position: 0 0; } 192 | .ui-icon-carat-1-ne { background-position: -16px 0; } 193 | .ui-icon-carat-1-e { background-position: -32px 0; } 194 | .ui-icon-carat-1-se { background-position: -48px 0; } 195 | .ui-icon-carat-1-s { background-position: -64px 0; } 196 | .ui-icon-carat-1-sw { background-position: -80px 0; } 197 | .ui-icon-carat-1-w { background-position: -96px 0; } 198 | .ui-icon-carat-1-nw { background-position: -112px 0; } 199 | .ui-icon-carat-2-n-s { background-position: -128px 0; } 200 | .ui-icon-carat-2-e-w { background-position: -144px 0; } 201 | .ui-icon-triangle-1-n { background-position: 0 -16px; } 202 | .ui-icon-triangle-1-ne { background-position: -16px -16px; } 203 | .ui-icon-triangle-1-e { background-position: -32px -16px; } 204 | .ui-icon-triangle-1-se { background-position: -48px -16px; } 205 | .ui-icon-triangle-1-s { background-position: -64px -16px; } 206 | .ui-icon-triangle-1-sw { background-position: -80px -16px; } 207 | .ui-icon-triangle-1-w { background-position: -96px -16px; } 208 | .ui-icon-triangle-1-nw { background-position: -112px -16px; } 209 | .ui-icon-triangle-2-n-s { background-position: -128px -16px; } 210 | .ui-icon-triangle-2-e-w { background-position: -144px -16px; } 211 | .ui-icon-arrow-1-n { background-position: 0 -32px; } 212 | .ui-icon-arrow-1-ne { background-position: -16px -32px; } 213 | .ui-icon-arrow-1-e { background-position: -32px -32px; } 214 | .ui-icon-arrow-1-se { background-position: -48px -32px; } 215 | .ui-icon-arrow-1-s { background-position: -64px -32px; } 216 | .ui-icon-arrow-1-sw { background-position: -80px -32px; } 217 | .ui-icon-arrow-1-w { background-position: -96px -32px; } 218 | .ui-icon-arrow-1-nw { background-position: -112px -32px; } 219 | .ui-icon-arrow-2-n-s { background-position: -128px -32px; } 220 | .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 221 | .ui-icon-arrow-2-e-w { background-position: -160px -32px; } 222 | .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 223 | .ui-icon-arrowstop-1-n { background-position: -192px -32px; } 224 | .ui-icon-arrowstop-1-e { background-position: -208px -32px; } 225 | .ui-icon-arrowstop-1-s { background-position: -224px -32px; } 226 | .ui-icon-arrowstop-1-w { background-position: -240px -32px; } 227 | .ui-icon-arrowthick-1-n { background-position: 0 -48px; } 228 | .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 229 | .ui-icon-arrowthick-1-e { background-position: -32px -48px; } 230 | .ui-icon-arrowthick-1-se { background-position: -48px -48px; } 231 | .ui-icon-arrowthick-1-s { background-position: -64px -48px; } 232 | .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 233 | .ui-icon-arrowthick-1-w { background-position: -96px -48px; } 234 | .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 235 | .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 236 | .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 237 | .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 238 | .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 239 | .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 240 | .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 241 | .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 242 | .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 243 | .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 244 | .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 245 | .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 246 | .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 247 | .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 248 | .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 249 | .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 250 | .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 251 | .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 252 | .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 253 | .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 254 | .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 255 | .ui-icon-arrow-4 { background-position: 0 -80px; } 256 | .ui-icon-arrow-4-diag { background-position: -16px -80px; } 257 | .ui-icon-extlink { background-position: -32px -80px; } 258 | .ui-icon-newwin { background-position: -48px -80px; } 259 | .ui-icon-refresh { background-position: -64px -80px; } 260 | .ui-icon-shuffle { background-position: -80px -80px; } 261 | .ui-icon-transfer-e-w { background-position: -96px -80px; } 262 | .ui-icon-transferthick-e-w { background-position: -112px -80px; } 263 | .ui-icon-folder-collapsed { background-position: 0 -96px; } 264 | .ui-icon-folder-open { background-position: -16px -96px; } 265 | .ui-icon-document { background-position: -32px -96px; } 266 | .ui-icon-document-b { background-position: -48px -96px; } 267 | .ui-icon-note { background-position: -64px -96px; } 268 | .ui-icon-mail-closed { background-position: -80px -96px; } 269 | .ui-icon-mail-open { background-position: -96px -96px; } 270 | .ui-icon-suitcase { background-position: -112px -96px; } 271 | .ui-icon-comment { background-position: -128px -96px; } 272 | .ui-icon-person { background-position: -144px -96px; } 273 | .ui-icon-print { background-position: -160px -96px; } 274 | .ui-icon-trash { background-position: -176px -96px; } 275 | .ui-icon-locked { background-position: -192px -96px; } 276 | .ui-icon-unlocked { background-position: -208px -96px; } 277 | .ui-icon-bookmark { background-position: -224px -96px; } 278 | .ui-icon-tag { background-position: -240px -96px; } 279 | .ui-icon-home { background-position: 0 -112px; } 280 | .ui-icon-flag { background-position: -16px -112px; } 281 | .ui-icon-calendar { background-position: -32px -112px; } 282 | .ui-icon-cart { background-position: -48px -112px; } 283 | .ui-icon-pencil { background-position: -64px -112px; } 284 | .ui-icon-clock { background-position: -80px -112px; } 285 | .ui-icon-disk { background-position: -96px -112px; } 286 | .ui-icon-calculator { background-position: -112px -112px; } 287 | .ui-icon-zoomin { background-position: -128px -112px; } 288 | .ui-icon-zoomout { background-position: -144px -112px; } 289 | .ui-icon-search { background-position: -160px -112px; } 290 | .ui-icon-wrench { background-position: -176px -112px; } 291 | .ui-icon-gear { background-position: -192px -112px; } 292 | .ui-icon-heart { background-position: -208px -112px; } 293 | .ui-icon-star { background-position: -224px -112px; } 294 | .ui-icon-link { background-position: -240px -112px; } 295 | .ui-icon-cancel { background-position: 0 -128px; } 296 | .ui-icon-plus { background-position: -16px -128px; } 297 | .ui-icon-plusthick { background-position: -32px -128px; } 298 | .ui-icon-minus { background-position: -48px -128px; } 299 | .ui-icon-minusthick { background-position: -64px -128px; } 300 | .ui-icon-close { background-position: -80px -128px; } 301 | .ui-icon-closethick { background-position: -96px -128px; } 302 | .ui-icon-key { background-position: -112px -128px; } 303 | .ui-icon-lightbulb { background-position: -128px -128px; } 304 | .ui-icon-scissors { background-position: -144px -128px; } 305 | .ui-icon-clipboard { background-position: -160px -128px; } 306 | .ui-icon-copy { background-position: -176px -128px; } 307 | .ui-icon-contact { background-position: -192px -128px; } 308 | .ui-icon-image { background-position: -208px -128px; } 309 | .ui-icon-video { background-position: -224px -128px; } 310 | .ui-icon-script { background-position: -240px -128px; } 311 | .ui-icon-alert { background-position: 0 -144px; } 312 | .ui-icon-info { background-position: -16px -144px; } 313 | .ui-icon-notice { background-position: -32px -144px; } 314 | .ui-icon-help { background-position: -48px -144px; } 315 | .ui-icon-check { background-position: -64px -144px; } 316 | .ui-icon-bullet { background-position: -80px -144px; } 317 | .ui-icon-radio-on { background-position: -96px -144px; } 318 | .ui-icon-radio-off { background-position: -112px -144px; } 319 | .ui-icon-pin-w { background-position: -128px -144px; } 320 | .ui-icon-pin-s { background-position: -144px -144px; } 321 | .ui-icon-play { background-position: 0 -160px; } 322 | .ui-icon-pause { background-position: -16px -160px; } 323 | .ui-icon-seek-next { background-position: -32px -160px; } 324 | .ui-icon-seek-prev { background-position: -48px -160px; } 325 | .ui-icon-seek-end { background-position: -64px -160px; } 326 | .ui-icon-seek-start { background-position: -80px -160px; } 327 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 328 | .ui-icon-seek-first { background-position: -80px -160px; } 329 | .ui-icon-stop { background-position: -96px -160px; } 330 | .ui-icon-eject { background-position: -112px -160px; } 331 | .ui-icon-volume-off { background-position: -128px -160px; } 332 | .ui-icon-volume-on { background-position: -144px -160px; } 333 | .ui-icon-power { background-position: 0 -176px; } 334 | .ui-icon-signal-diag { background-position: -16px -176px; } 335 | .ui-icon-signal { background-position: -32px -176px; } 336 | .ui-icon-battery-0 { background-position: -48px -176px; } 337 | .ui-icon-battery-1 { background-position: -64px -176px; } 338 | .ui-icon-battery-2 { background-position: -80px -176px; } 339 | .ui-icon-battery-3 { background-position: -96px -176px; } 340 | .ui-icon-circle-plus { background-position: 0 -192px; } 341 | .ui-icon-circle-minus { background-position: -16px -192px; } 342 | .ui-icon-circle-close { background-position: -32px -192px; } 343 | .ui-icon-circle-triangle-e { background-position: -48px -192px; } 344 | .ui-icon-circle-triangle-s { background-position: -64px -192px; } 345 | .ui-icon-circle-triangle-w { background-position: -80px -192px; } 346 | .ui-icon-circle-triangle-n { background-position: -96px -192px; } 347 | .ui-icon-circle-arrow-e { background-position: -112px -192px; } 348 | .ui-icon-circle-arrow-s { background-position: -128px -192px; } 349 | .ui-icon-circle-arrow-w { background-position: -144px -192px; } 350 | .ui-icon-circle-arrow-n { background-position: -160px -192px; } 351 | .ui-icon-circle-zoomin { background-position: -176px -192px; } 352 | .ui-icon-circle-zoomout { background-position: -192px -192px; } 353 | .ui-icon-circle-check { background-position: -208px -192px; } 354 | .ui-icon-circlesmall-plus { background-position: 0 -208px; } 355 | .ui-icon-circlesmall-minus { background-position: -16px -208px; } 356 | .ui-icon-circlesmall-close { background-position: -32px -208px; } 357 | .ui-icon-squaresmall-plus { background-position: -48px -208px; } 358 | .ui-icon-squaresmall-minus { background-position: -64px -208px; } 359 | .ui-icon-squaresmall-close { background-position: -80px -208px; } 360 | .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 361 | .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 362 | .ui-icon-grip-solid-vertical { background-position: -32px -224px; } 363 | .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 364 | .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 365 | .ui-icon-grip-diagonal-se { background-position: -80px -224px; } 366 | 367 | 368 | /* Misc visuals 369 | ----------------------------------*/ 370 | 371 | /* Corner radius */ 372 | .ui-corner-all, 373 | .ui-corner-top, 374 | .ui-corner-left, 375 | .ui-corner-tl { 376 | border-top-left-radius: 0px; 377 | } 378 | .ui-corner-all, 379 | .ui-corner-top, 380 | .ui-corner-right, 381 | .ui-corner-tr { 382 | border-top-right-radius: 0px; 383 | } 384 | .ui-corner-all, 385 | .ui-corner-bottom, 386 | .ui-corner-left, 387 | .ui-corner-bl { 388 | border-bottom-left-radius: 0px; 389 | } 390 | .ui-corner-all, 391 | .ui-corner-bottom, 392 | .ui-corner-right, 393 | .ui-corner-br { 394 | border-bottom-right-radius: 0px; 395 | } 396 | 397 | /* Overlays */ 398 | .ui-widget-overlay { 399 | background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; 400 | opacity: .3; 401 | filter: Alpha(Opacity=30); /* support: IE8 */ 402 | } 403 | .ui-widget-shadow { 404 | margin: -8px 0 0 -8px; 405 | padding: 8px; 406 | background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; 407 | opacity: .3; 408 | filter: Alpha(Opacity=30); /* support: IE8 */ 409 | border-radius: 8px; 410 | } 411 | -------------------------------------------------------------------------------- /script/jquery/jquery-ui.theme.min.css: -------------------------------------------------------------------------------- 1 | /*! jQuery UI - v1.11.4 - 2015-06-29 2 | * http://jqueryui.com 3 | * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ 4 | 5 | .ui-widget{font-family:Tahoma,Geneva,sans-serif;font-size:10pt}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Tahoma,Geneva,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("images/ui-bg_highlight-hard_75_e6e6e6_1x100.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;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 #999;background:#dadada url("images/ui-bg_highlight-soft_75_dadada_1x100.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("images/ui-bg_highlight-hard_65_ffffff_1x100.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.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}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.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-on{background-position:-96px -144px}.ui-icon-radio-off{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{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}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:0}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:0}.ui-widget-overlay{background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} -------------------------------------------------------------------------------- /script/jquery/pw/images/button1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/button1.png -------------------------------------------------------------------------------- /script/jquery/pw/images/button2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/button2.png -------------------------------------------------------------------------------- /script/jquery/pw/images/index.htm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/index.htm -------------------------------------------------------------------------------- /script/jquery/pw/images/mask-bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/mask-bg.gif -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-bg_flat_0_aaaaaa_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-bg_flat_0_aaaaaa_40x100.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-bg_flat_75_ffffff_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-bg_flat_75_ffffff_40x100.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-bg_glass_55_fbf9ee_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-bg_glass_55_fbf9ee_1x400.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-bg_glass_65_ffffff_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-bg_glass_65_ffffff_1x400.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-bg_glass_75_dadada_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-bg_glass_75_dadada_1x400.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-bg_glass_75_e6e6e6_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-bg_glass_75_e6e6e6_1x400.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-bg_glass_95_fef1ec_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-bg_glass_95_fef1ec_1x400.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-bg_highlight-soft_75_cccccc_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-bg_highlight-soft_75_cccccc_1x100.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-icons_222222_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-icons_222222_256x240.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-icons_2e83ff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-icons_2e83ff_256x240.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-icons_454545_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-icons_454545_256x240.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-icons_888888_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-icons_888888_256x240.png -------------------------------------------------------------------------------- /script/jquery/pw/images/ui-icons_cd0a0a_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/images/ui-icons_cd0a0a_256x240.png -------------------------------------------------------------------------------- /script/jquery/pw/index.htm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronaldtech051/PHP-Photo-Editor/701e374b47923aafca11a21c7a14be9e86bf709a/script/jquery/pw/index.htm -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.accordion.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Accordion 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Accordion#theming 9 | */ 10 | /* IE/Win - Fix animation bug - #4615 */ 11 | .ui-accordion{width:100%;} 12 | .ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1;} 13 | .ui-accordion .ui-accordion-li-fix{display:inline;} 14 | .ui-accordion .ui-accordion-header-active{border-bottom:0 !important;} 15 | .ui-accordion .ui-accordion-header a{display:block;padding:2px 8px 2px 8px;} 16 | .ui-accordion-icons .ui-accordion-header a{padding-left:22px;} 17 | .ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px;} 18 | .ui-accordion .ui-accordion-content{font-size:13px;padding:2px 12px 8px 12px;border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow:auto;display:none;zoom:1;} 19 | .ui-accordion .ui-accordion-content-active{display:block;} -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.all.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming 9 | */ 10 | @import "jquery.ui.base.css"; 11 | @import "jquery.ui.theme.css"; 12 | @import "jquery.ui.positioning.css"; 13 | -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.autocomplete.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Autocomplete 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Autocomplete#theming 9 | */ 10 | .ui-autocomplete{position:absolute;cursor:default;} 11 | * html .ui-autocomplete{width:1px;} 12 | 13 | /* 14 | * jQuery UI Menu 1.8.7 15 | * 16 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 17 | * Dual licensed under the MIT or GPL Version 2 licenses. 18 | * http://jquery.org/license 19 | * 20 | * http://docs.jquery.com/UI/Menu#theming 21 | */ 22 | .ui-menu{list-style:none;padding:2px;margin:0;display:block;float:left;} 23 | .ui-menu .ui-menu{margin-top:-3px;} 24 | .ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%;} 25 | .ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;} 26 | .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px;} -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.base.css: -------------------------------------------------------------------------------- 1 | @import url("jquery.ui.core.css"); 2 | @import url("jquery.ui.resizable.css"); 3 | @import url("jquery.ui.selectable.css"); 4 | @import url("jquery.ui.accordion.css"); 5 | @import url("jquery.ui.autocomplete.css"); 6 | @import url("jquery.ui.button.css"); 7 | @import url("jquery.ui.dialog.css"); 8 | @import url("jquery.ui.slider.css"); 9 | @import url("jquery.ui.tabs.css"); 10 | @import url("jquery.ui.datepicker.css"); 11 | @import url("jquery.ui.progressbar.css"); -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.button.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Button 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Button#theming 9 | */ 10 | .ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none !important;cursor:pointer;text-align:center;zoom:1;overflow:visible;} /* the overflow property removes extra width in IE */ 11 | .ui-button-icon-only{width:2.2em;} /* to make room for the icon, a width needs to be set here */ 12 | button.ui-button-icon-only{width:2.4em;} /* button elements seem to need a little more width */ 13 | .ui-button-icons-only{width:3.4em;} 14 | button.ui-button-icons-only{width:3.7em;} 15 | 16 | /*button text element */ 17 | .ui-button .ui-button-text{display:block;line-height:1.4;} 18 | .ui-button-text-only .ui-button-text{padding:.4em 1em;} 19 | .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px;} 20 | .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em;} 21 | .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em;} 22 | .ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em;} 23 | /* no icon support for input elements, provide padding by default */ 24 | input.ui-button{padding:.4em 1em;} 25 | 26 | /*button icon element(s) */ 27 | .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;} 28 | .ui-button-icon-only .ui-icon{left:50%;margin-left:-8px;} 29 | .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;} 30 | .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;} 31 | .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary{right:.5em;} 32 | 33 | /*button sets*/ 34 | .ui-buttonset{margin-right:7px;} 35 | .ui-buttonset .ui-button{margin-left:0;margin-right:-.3em;} 36 | 37 | /* workarounds */ 38 | button.ui-button::-moz-focus-inner{border:0;padding:0;} /* reset extra padding in Firefox */ 39 | -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.core.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming/API 9 | */ 10 | .ui-helper-hidden{display:none;} 11 | .ui-helper-hidden-accessible{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);} 12 | .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;} 13 | .ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 14 | .ui-helper-clearfix{display:inline-block;} 15 | * html .ui-helper-clearfix{height:1%;} 16 | .ui-helper-clearfix{display:block;} 17 | .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);} 18 | .ui-state-disabled{cursor:default !important;} 19 | .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;} 20 | .ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;} -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.custom.filemanager.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * jQuery UI CSS Framework 1.8.7 4 | * 5 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 6 | * Dual licensed under the MIT or GPL Version 2 licenses. 7 | * http://jquery.org/license 8 | * 9 | * http://docs.jquery.com/UI/Theming/API 10 | */ 11 | .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:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .ui-helper-clearfix{display:inline-block;} * html .ui-helper-clearfix{height:1%;} .ui-helper-clearfix{display:block;} .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);} .ui-state-disabled{cursor:default !important;} .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;} .ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;} .ui-widget{font-family:Tahoma, Geneva, sans-serif;font-size:12px;} .ui-widget .ui-widget{font-size:1em;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;} .ui-widget-content{border:1px solid #aaaaaa;background:#ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222222;} .ui-widget-content a{color:#222222;} .ui-widget-header{border:1px solid #aaaaaa;background:#cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222222;font-weight:bold;} .ui-widget-header a{color:#222222;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555555;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#555555;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 #EEEEEE;background:#CFE3E9/*url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x*/;font-weight:normal;color:#212121;} .ui-state-hover a, .ui-state-hover a:hover{color:#212121;text-decoration:none;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #aaaaaa;background:#ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#212121;text-decoration:none;} .ui-widget :active{outline:none;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636;} .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;} .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border:1px solid #cd0a0;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0;} .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color:#cd0a0;} .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color:#cd0a0;} .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;} .ui-icon{width:16px;height:16px;background-image:url(images/ui-icons_222222_256x240.png);} .ui-widget-content .ui-icon {background-image:url(images/ui-icons_222222_256x240.png);} .ui-widget-header .ui-icon {background-image:url(images/ui-icons_222222_256x240.png);} .ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png);} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image:url(images/ui-icons_454545_256x240.png);} .ui-state-active .ui-icon {background-image:url(images/ui-icons_454545_256x240.png);} .ui-state-highlight .ui-icon {background-image:url(images/ui-icons_2e83ff_256x240.png);} .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image:url(images/ui-icons_cd0a0a_256x240.png);} .ui-icon-close{background-position:-80px -128px;} .ui-icon-closethick{background-position:-96px -128px;} .ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;} .ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;} .ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;} .ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;} .ui-corner-top{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;} .ui-corner-bottom{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;} .ui-corner-right{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;} .ui-corner-left{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;} .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .ui-widget-overlay{background:#324252 url(images/mask-bg.gif);opacity:.3;filter:Alpha(Opacity=30);} .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:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} .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;} .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-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{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;} .ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden;} .ui-dialog .ui-dialog-titlebar{padding:.5em 1em .3em;position:relative;} .ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .2em 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;} -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.datepicker.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Datepicker 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Datepicker#theming 9 | */ 10 | .ui-datepicker{width:17em;padding:.2em .2em 0;display:none;} 11 | .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;} 12 | .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;} 13 | .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:1px;} 14 | .ui-datepicker .ui-datepicker-prev{left:2px;} 15 | .ui-datepicker .ui-datepicker-next{right:2px;} 16 | .ui-datepicker .ui-datepicker-prev-hover{left:1px;} 17 | .ui-datepicker .ui-datepicker-next-hover{right:1px;} 18 | .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; } 19 | .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;} 20 | .ui-datepicker .ui-datepicker-title select {margin:1px 0;} 21 | .ui-datepicker select.ui-datepicker-month-year {width:100%;} 22 | .ui-datepicker select.ui-datepicker-month, 23 | .ui-datepicker select.ui-datepicker-year{width:49%;} 24 | .ui-datepicker table {width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;} 25 | .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0; } 26 | .ui-datepicker td{border:0;padding:1px;} 27 | .ui-datepicker td span, .ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;} 28 | .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;} 29 | .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;} 30 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;} 31 | 32 | /* with multiple calendars */ 33 | .ui-datepicker.ui-datepicker-multi{width:auto;} 34 | .ui-datepicker-multi .ui-datepicker-group{float:left;} 35 | .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;} 36 | .ui-datepicker-multi-2 .ui-datepicker-group{width:50%;} 37 | .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;} 38 | .ui-datepicker-multi-4 .ui-datepicker-group{width:25%;} 39 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0;} 40 | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;} 41 | .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;} 42 | .ui-datepicker-row-break{clear:both;width:100%;} 43 | 44 | /* RTL support */ 45 | .ui-datepicker-rtl{direction:rtl;} 46 | .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;} 47 | .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;} 48 | .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;} 49 | .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;} 50 | .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;} 51 | .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;} 52 | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right;} 53 | .ui-datepicker-rtl .ui-datepicker-group{float:right;} 54 | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px;} 55 | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;} 56 | 57 | /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ 58 | .ui-datepicker-cover { 59 | display:none;/*sorry for IE5*/ 60 | display/**/:block;/*sorry for IE5*/ 61 | position:absolute;/*must have*/ 62 | z-index:-1;/*must have*/ 63 | filter:mask();/*must have*/ 64 | top:-4px;/*must have*/ 65 | left:-4px;/*must have*/ 66 | width:200px;/*must have*/ 67 | height:200px;/*must have*/ 68 | } -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.dialog.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Dialog 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Dialog#theming 9 | */ 10 | .ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden;} 11 | .ui-dialog .ui-dialog-titlebar{padding:.5em 1em .3em;position:relative;} 12 | .ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .2em 0;} 13 | .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px;} 14 | .ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px;} 15 | .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{padding:0;} 16 | .ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;zoom:1;} 17 | .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;} 18 | .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;} 19 | .ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;} 20 | .ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px;} 21 | .ui-draggable .ui-dialog-titlebar{cursor:move;} 22 | -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.positioning.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* positioning */ 3 | .ui-icon-carat-1-n{background-position:0 0;} 4 | .ui-icon-carat-1-ne{background-position:-16px 0;} 5 | .ui-icon-carat-1-e{background-position:-32px 0;} 6 | .ui-icon-carat-1-se{background-position:-48px 0;} 7 | .ui-icon-carat-1-s{background-position:-64px 0;} 8 | .ui-icon-carat-1-sw{background-position:-80px 0;} 9 | .ui-icon-carat-1-w{background-position:-96px 0;} 10 | .ui-icon-carat-1-nw{background-position:-112px 0;} 11 | .ui-icon-carat-2-n-s{background-position:-128px 0;} 12 | .ui-icon-carat-2-e-w{background-position:-144px 0;} 13 | .ui-icon-triangle-1-n{background-position:0 -16px;} 14 | .ui-icon-triangle-1-ne{background-position:-16px -16px;} 15 | .ui-icon-triangle-1-e{background-position:-32px -16px;} 16 | .ui-icon-triangle-1-se{background-position:-48px -16px;} 17 | .ui-icon-triangle-1-s{background-position:-64px -16px;} 18 | .ui-icon-triangle-1-sw{background-position:-80px -16px;} 19 | .ui-icon-triangle-1-w{background-position:-96px -16px;} 20 | .ui-icon-triangle-1-nw{background-position:-112px -16px;} 21 | .ui-icon-triangle-2-n-s{background-position:-128px -16px;} 22 | .ui-icon-triangle-2-e-w{background-position:-144px -16px;} 23 | .ui-icon-arrow-1-n{background-position:0 -32px;} 24 | .ui-icon-arrow-1-ne{background-position:-16px -32px;} 25 | .ui-icon-arrow-1-e{background-position:-32px -32px;} 26 | .ui-icon-arrow-1-se{background-position:-48px -32px;} 27 | .ui-icon-arrow-1-s{background-position:-64px -32px;} 28 | .ui-icon-arrow-1-sw{background-position:-80px -32px;} 29 | .ui-icon-arrow-1-w{background-position:-96px -32px;} 30 | .ui-icon-arrow-1-nw{background-position:-112px -32px;} 31 | .ui-icon-arrow-2-n-s{background-position:-128px -32px;} 32 | .ui-icon-arrow-2-ne-sw{background-position:-144px -32px;} 33 | .ui-icon-arrow-2-e-w{background-position:-160px -32px;} 34 | .ui-icon-arrow-2-se-nw{background-position:-176px -32px;} 35 | .ui-icon-arrowstop-1-n{background-position:-192px -32px;} 36 | .ui-icon-arrowstop-1-e{background-position:-208px -32px;} 37 | .ui-icon-arrowstop-1-s{background-position:-224px -32px;} 38 | .ui-icon-arrowstop-1-w{background-position:-240px -32px;} 39 | .ui-icon-arrowthick-1-n{background-position:0 -48px;} 40 | .ui-icon-arrowthick-1-ne{background-position:-16px -48px;} 41 | .ui-icon-arrowthick-1-e{background-position:-32px -48px;} 42 | .ui-icon-arrowthick-1-se{background-position:-48px -48px;} 43 | .ui-icon-arrowthick-1-s{background-position:-64px -48px;} 44 | .ui-icon-arrowthick-1-sw{background-position:-80px -48px;} 45 | .ui-icon-arrowthick-1-w{background-position:-96px -48px;} 46 | .ui-icon-arrowthick-1-nw{background-position:-112px -48px;} 47 | .ui-icon-arrowthick-2-n-s{background-position:-128px -48px;} 48 | .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;} 49 | .ui-icon-arrowthick-2-e-w{background-position:-160px -48px;} 50 | .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;} 51 | .ui-icon-arrowthickstop-1-n{background-position:-192px -48px;} 52 | .ui-icon-arrowthickstop-1-e{background-position:-208px -48px;} 53 | .ui-icon-arrowthickstop-1-s{background-position:-224px -48px;} 54 | .ui-icon-arrowthickstop-1-w{background-position:-240px -48px;} 55 | .ui-icon-arrowreturnthick-1-w{background-position:0 -64px;} 56 | .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;} 57 | .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;} 58 | .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;} 59 | .ui-icon-arrowreturn-1-w{background-position:-64px -64px;} 60 | .ui-icon-arrowreturn-1-n{background-position:-80px -64px;} 61 | .ui-icon-arrowreturn-1-e{background-position:-96px -64px;} 62 | .ui-icon-arrowreturn-1-s{background-position:-112px -64px;} 63 | .ui-icon-arrowrefresh-1-w{background-position:-128px -64px;} 64 | .ui-icon-arrowrefresh-1-n{background-position:-144px -64px;} 65 | .ui-icon-arrowrefresh-1-e{background-position:-160px -64px;} 66 | .ui-icon-arrowrefresh-1-s{background-position:-176px -64px;} 67 | .ui-icon-arrow-4{background-position:0 -80px;} 68 | .ui-icon-arrow-4-diag{background-position:-16px -80px;} 69 | .ui-icon-extlink{background-position:-32px -80px;} 70 | .ui-icon-newwin{background-position:-48px -80px;} 71 | .ui-icon-refresh{background-position:-64px -80px;} 72 | .ui-icon-shuffle{background-position:-80px -80px;} 73 | .ui-icon-transfer-e-w{background-position:-96px -80px;} 74 | .ui-icon-transferthick-e-w{background-position:-112px -80px;} 75 | .ui-icon-folder-collapsed{background-position:0 -96px;} 76 | .ui-icon-folder-open{background-position:-16px -96px;} 77 | .ui-icon-document{background-position:-32px -96px;} 78 | .ui-icon-document-b{background-position:-48px -96px;} 79 | .ui-icon-note{background-position:-64px -96px;} 80 | .ui-icon-mail-closed{background-position:-80px -96px;} 81 | .ui-icon-mail-open{background-position:-96px -96px;} 82 | .ui-icon-suitcase{background-position:-112px -96px;} 83 | .ui-icon-comment{background-position:-128px -96px;} 84 | .ui-icon-person{background-position:-144px -96px;} 85 | .ui-icon-print{background-position:-160px -96px;} 86 | .ui-icon-trash{background-position:-176px -96px;} 87 | .ui-icon-locked{background-position:-192px -96px;} 88 | .ui-icon-unlocked{background-position:-208px -96px;} 89 | .ui-icon-bookmark{background-position:-224px -96px;} 90 | .ui-icon-tag{background-position:-240px -96px;} 91 | .ui-icon-home{background-position:0 -112px;} 92 | .ui-icon-flag{background-position:-16px -112px;} 93 | .ui-icon-calendar{background-position:-32px -112px;} 94 | .ui-icon-cart{background-position:-48px -112px;} 95 | .ui-icon-pencil{background-position:-64px -112px;} 96 | .ui-icon-clock{background-position:-80px -112px;} 97 | .ui-icon-disk{background-position:-96px -112px;} 98 | .ui-icon-calculator{background-position:-112px -112px;} 99 | .ui-icon-zoomin{background-position:-128px -112px;} 100 | .ui-icon-zoomout{background-position:-144px -112px;} 101 | .ui-icon-search{background-position:-160px -112px;} 102 | .ui-icon-wrench{background-position:-176px -112px;} 103 | .ui-icon-gear{background-position:-192px -112px;} 104 | .ui-icon-heart{background-position:-208px -112px;} 105 | .ui-icon-star{background-position:-224px -112px;} 106 | .ui-icon-link{background-position:-240px -112px;} 107 | .ui-icon-cancel{background-position:0 -128px;} 108 | .ui-icon-plus{background-position:-16px -128px;} 109 | .ui-icon-plusthick{background-position:-32px -128px;} 110 | .ui-icon-minus{background-position:-48px -128px;} 111 | .ui-icon-minusthick{background-position:-64px -128px;} 112 | .ui-icon-key{background-position:-112px -128px;} 113 | .ui-icon-lightbulb{background-position:-128px -128px;} 114 | .ui-icon-scissors{background-position:-144px -128px;} 115 | .ui-icon-clipboard{background-position:-160px -128px;} 116 | .ui-icon-copy{background-position:-176px -128px;} 117 | .ui-icon-contact{background-position:-192px -128px;} 118 | .ui-icon-image{background-position:-208px -128px;} 119 | .ui-icon-video{background-position:-224px -128px;} 120 | .ui-icon-script{background-position:-240px -128px;} 121 | .ui-icon-alert{background-position:0 -144px;} 122 | .ui-icon-info{background-position:-16px -144px;} 123 | .ui-icon-notice{background-position:-32px -144px;} 124 | .ui-icon-help{background-position:-48px -144px;} 125 | .ui-icon-check{background-position:-64px -144px;} 126 | .ui-icon-bullet{background-position:-80px -144px;} 127 | .ui-icon-radio-off{background-position:-96px -144px;} 128 | .ui-icon-radio-on{background-position:-112px -144px;} 129 | .ui-icon-pin-w{background-position:-128px -144px;} 130 | .ui-icon-pin-s{background-position:-144px -144px;} 131 | .ui-icon-play{background-position:0 -160px;} 132 | .ui-icon-pause{background-position:-16px -160px;} 133 | .ui-icon-seek-next{background-position:-32px -160px;} 134 | .ui-icon-seek-prev{background-position:-48px -160px;} 135 | .ui-icon-seek-end{background-position:-64px -160px;} 136 | .ui-icon-seek-start{background-position:-80px -160px;} 137 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 138 | .ui-icon-seek-first{background-position:-80px -160px;} 139 | .ui-icon-stop{background-position:-96px -160px;} 140 | .ui-icon-eject{background-position:-112px -160px;} 141 | .ui-icon-volume-off{background-position:-128px -160px;} 142 | .ui-icon-volume-on{background-position:-144px -160px;} 143 | .ui-icon-power{background-position:0 -176px;} 144 | .ui-icon-signal-diag{background-position:-16px -176px;} 145 | .ui-icon-signal{background-position:-32px -176px;} 146 | .ui-icon-battery-0{background-position:-48px -176px;} 147 | .ui-icon-battery-1{background-position:-64px -176px;} 148 | .ui-icon-battery-2{background-position:-80px -176px;} 149 | .ui-icon-battery-3{background-position:-96px -176px;} 150 | .ui-icon-circle-plus{background-position:0 -192px;} 151 | .ui-icon-circle-minus{background-position:-16px -192px;} 152 | .ui-icon-circle-close{background-position:-32px -192px;} 153 | .ui-icon-circle-triangle-e{background-position:-48px -192px;} 154 | .ui-icon-circle-triangle-s{background-position:-64px -192px;} 155 | .ui-icon-circle-triangle-w{background-position:-80px -192px;} 156 | .ui-icon-circle-triangle-n{background-position:-96px -192px;} 157 | .ui-icon-circle-arrow-e{background-position:-112px -192px;} 158 | .ui-icon-circle-arrow-s{background-position:-128px -192px;} 159 | .ui-icon-circle-arrow-w{background-position:-144px -192px;} 160 | .ui-icon-circle-arrow-n{background-position:-160px -192px;} 161 | .ui-icon-circle-zoomin{background-position:-176px -192px;} 162 | .ui-icon-circle-zoomout{background-position:-192px -192px;} 163 | .ui-icon-circle-check{background-position:-208px -192px;} 164 | .ui-icon-circlesmall-plus{background-position:0 -208px;} 165 | .ui-icon-circlesmall-minus{background-position:-16px -208px;} 166 | .ui-icon-circlesmall-close{background-position:-32px -208px;} 167 | .ui-icon-squaresmall-plus{background-position:-48px -208px;} 168 | .ui-icon-squaresmall-minus{background-position:-64px -208px;} 169 | .ui-icon-squaresmall-close{background-position:-80px -208px;} 170 | .ui-icon-grip-dotted-vertical{background-position:0 -224px;} 171 | .ui-icon-grip-dotted-horizontal{background-position:-16px -224px;} 172 | .ui-icon-grip-solid-vertical{background-position:-32px -224px;} 173 | .ui-icon-grip-solid-horizontal{background-position:-48px -224px;} 174 | .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;} 175 | .ui-icon-grip-diagonal-se{background-position:-80px -224px;} 176 | 177 | -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.progressbar.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Progressbar 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Progressbar#theming 9 | */ 10 | .ui-progressbar{height:14px;text-align:left;} 11 | .ui-progressbar .ui-progressbar-value {margin:-1px;height:100%;} -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.resizable.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Resizable 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Resizable#theming 9 | */ 10 | .ui-resizable{position:relative;} 11 | .ui-resizable-handle{position:absolute;font-size:0.1px;z-index:99999;display:block;} 12 | .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle{display:none;} 13 | .ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0;} 14 | .ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0;} 15 | .ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%;} 16 | .ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%;} 17 | .ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px;} 18 | .ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px;} 19 | .ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px;} 20 | .ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px;} -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.selectable.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Selectable 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Selectable#theming 9 | */ 10 | .ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black;} 11 | -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.slider.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Slider 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Slider#theming 9 | */ 10 | .ui-slider{position:relative;text-align:left;} 11 | .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;} 12 | .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;} 13 | 14 | .ui-slider-horizontal{height:.8em;} 15 | .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;} 16 | .ui-slider-horizontal .ui-slider-range{top:0;height:100%;} 17 | .ui-slider-horizontal .ui-slider-range-min{left:0;} 18 | .ui-slider-horizontal .ui-slider-range-max{right:0;} 19 | 20 | .ui-slider-vertical{width:.8em;height:100px;} 21 | .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;} 22 | .ui-slider-vertical .ui-slider-range{left:0;width:100%;} 23 | .ui-slider-vertical .ui-slider-range-min{bottom:0;} 24 | .ui-slider-vertical .ui-slider-range-max{top:0;} -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.tabs.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Tabs 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Tabs#theming 9 | */ 10 | .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") */ 11 | .ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;} 12 | .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;} 13 | .ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none;} 14 | .ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px;} 15 | .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;} 16 | .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... */ 17 | .ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none;} 18 | .ui-tabs .ui-tabs-hide{display:none !important;} 19 | -------------------------------------------------------------------------------- /script/jquery/pw/jquery.ui.theme.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.7 3 | * 4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming/API 9 | * 10 | * To view and modify this theme, visit http://jqueryui.com/themeroller/ 11 | */ 12 | 13 | /* Component containers */ 14 | .ui-widget{font-family:Tahoma, Geneva, sans-serif;font-size:12px;} 15 | .ui-widget .ui-widget{font-size:1em;} 16 | .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;} 17 | .ui-widget-content{border:1px solid #aaaaaa;background:#ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222222;} 18 | .ui-widget-content a{color:#222222;} 19 | .ui-widget-header{border:1px solid #aaaaaa;background:#cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222222;font-weight:bold;} 20 | .ui-widget-header a{color:#222222;} 21 | 22 | /* Interaction states 23 | ----------------------------------*/ 24 | .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555555;} 25 | .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#555555;text-decoration:none;} 26 | .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 #EEEEEE;background:#CFE3E9/*url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x*/;font-weight:normal;color:#212121;} 27 | .ui-state-hover a, .ui-state-hover a:hover{color:#212121;text-decoration:none;} 28 | .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #aaaaaa;background:#ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121;} 29 | .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#212121;text-decoration:none;} 30 | .ui-widget :active{outline:none;} 31 | 32 | /* Interaction Cues */ 33 | .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636;} 34 | .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;} 35 | .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border:1px solid #cd0a0;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0;} 36 | .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color:#cd0a0;} 37 | .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color:#cd0a0;} 38 | .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight:bold;} 39 | .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;} 40 | .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;} 41 | 42 | /* Icons */ 43 | /* states and images */ 44 | .ui-icon{width:16px;height:16px;background-image:url(images/ui-icons_222222_256x240.png);} 45 | .ui-widget-content .ui-icon {background-image:url(images/ui-icons_222222_256x240.png);} 46 | .ui-widget-header .ui-icon {background-image:url(images/ui-icons_222222_256x240.png);} 47 | .ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png);} 48 | .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image:url(images/ui-icons_454545_256x240.png);} 49 | .ui-state-active .ui-icon {background-image:url(images/ui-icons_454545_256x240.png);} 50 | .ui-state-highlight .ui-icon {background-image:url(images/ui-icons_2e83ff_256x240.png);} 51 | .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image:url(images/ui-icons_cd0a0a_256x240.png);} 52 | 53 | .ui-icon-close{background-position:-80px -128px;} 54 | .ui-icon-closethick{background-position:-96px -128px;} 55 | 56 | /* Misc visuals */ 57 | /* Corner radius */ 58 | .ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;} 59 | .ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;} 60 | .ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;} 61 | .ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;} 62 | .ui-corner-top{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;} 63 | .ui-corner-bottom{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;} 64 | .ui-corner-right{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;} 65 | .ui-corner-left{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;} 66 | .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} 67 | 68 | /* Overlays */ 69 | .ui-widget-overlay{background:#324252 url(images/mask-bg.gif);opacity:.3;filter:Alpha(Opacity=30);} 70 | .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:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} -------------------------------------------------------------------------------- /script/jquery/tiny-scrollbar.min.js: -------------------------------------------------------------------------------- 1 | (function(a){a.tiny=a.tiny||{};a.tiny.scrollbar={options:{axis:"y",wheel:40,scroll:true,lockscroll:true,size:"auto",sizethumb:"auto",invertscroll:false}};a.fn.tinyscrollbar=function(d){var c=a.extend({},a.tiny.scrollbar.options,d);this.each(function(){a(this).data("tsb",new b(a(this),c))});return this};a.fn.tinyscrollbar_update=function(c){return a(this).data("tsb").update(c)};function b(q,g){var k=this,t=q,j={obj:a(".viewport",q)},h={obj:a(".overview",q)},d={obj:a(".scrollbar",q)},m={obj:a(".track",d.obj)},p={obj:a(".thumb",d.obj)},l=g.axis==="x",n=l?"left":"top",v=l?"Width":"Height",r=0,y={start:0,now:0},o={},e="ontouchstart" in document.documentElement;function c(){k.update();s();return k}this.update=function(z){j[g.axis]=j.obj[0]["offset"+v];h[g.axis]=h.obj[0]["scroll"+v];h.ratio=j[g.axis]/h[g.axis];d.obj.toggleClass("disable",h.ratio>=1);m[g.axis]=g.size==="auto"?j[g.axis]:g.size;p[g.axis]=Math.min(m[g.axis],Math.max(0,(g.sizethumb==="auto"?(m[g.axis]*h.ratio):g.sizethumb)));d.ratio=g.sizethumb==="auto"?(h[g.axis]/m[g.axis]):(h[g.axis]-j[g.axis])/(m[g.axis]-p[g.axis]);r=(z==="relative"&&h.ratio<=1)?Math.min((h[g.axis]-j[g.axis]),Math.max(0,r)):0;r=(z==="bottom"&&h.ratio<=1)?(h[g.axis]-j[g.axis]):isNaN(parseInt(z,10))?r:parseInt(z,10);w()};function w(){var z=v.toLowerCase();p.obj.css(n,r/d.ratio);h.obj.css(n,-r);o.start=p.obj.offset()[n];d.obj.css(z,m[g.axis]);m.obj.css(z,m[g.axis]);p.obj.css(z,p[g.axis])}function s(){if(!e){p.obj.bind("mousedown",i);m.obj.bind("mouseup",u)}else{j.obj[0].ontouchstart=function(z){if(1===z.touches.length){i(z.touches[0]);z.stopPropagation()}}}if(g.scroll&&window.addEventListener){t[0].addEventListener("DOMMouseScroll",x,false);t[0].addEventListener("mousewheel",x,false);t[0].addEventListener("MozMousePixelScroll",function(z){z.preventDefault()},false)}else{if(g.scroll){t[0].onmousewheel=x}}}function i(A){a("body").addClass("noSelect");var z=parseInt(p.obj.css(n),10);o.start=l?A.pageX:A.pageY;y.start=z=="auto"?0:z;if(!e){a(document).bind("mousemove",u);a(document).bind("mouseup",f);p.obj.bind("mouseup",f)}else{document.ontouchmove=function(B){B.preventDefault();u(B.touches[0])};document.ontouchend=f}}function x(B){if(h.ratio<1){var A=B||window.event,z=A.wheelDelta?A.wheelDelta/120:-A.detail/3;r-=z*g.wheel;r=Math.min((h[g.axis]-j[g.axis]),Math.max(0,r));p.obj.css(n,r/d.ratio);h.obj.css(n,-r);if(g.lockscroll||(r!==(h[g.axis]-j[g.axis])&&r!==0)){A=a.event.fix(A);A.preventDefault()}}}function u(z){if(h.ratio<1){if(g.invertscroll&&e){y.now=Math.min((m[g.axis]-p[g.axis]),Math.max(0,(y.start+(o.start-(l?z.pageX:z.pageY)))))}else{y.now=Math.min((m[g.axis]-p[g.axis]),Math.max(0,(y.start+((l?z.pageX:z.pageY)-o.start))))}r=y.now*d.ratio;h.obj.css(n,-r);p.obj.css(n,y.now)}}function f(){a("body").removeClass("noSelect");a(document).unbind("mousemove",u);a(document).unbind("mouseup",f);p.obj.unbind("mouseup",f);document.ontouchmove=document.ontouchend=null}return c()}}(jQuery)); -------------------------------------------------------------------------------- /script/menu.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright Planetbiru Studio 2014 3 | All rights reserved 4 | */ 5 | (function($) { 6 | $.fn.dropDownMenu = function(options){ 7 | this.init = function(selector) 8 | { 9 | this.selector = selector; 10 | this.init = function(){ 11 | var _obj = $(this.selector).find('> li > ul'); 12 | _obj.find('li ul').each(function(){ 13 | $(this).attr('pos', 'right'); 14 | }); 15 | $(this.selector).find('li ul').parent().each(function(){ 16 | var _li = $(this); 17 | var _ul = $(this).find('> ul'); 18 | var _a = $(this).find('> a'); 19 | _li.addClass('has-children'); 20 | 21 | if(_ul.attr('pos') == 'right') 22 | { 23 | _li.find('> a > .dm-ar').remove(); 24 | _li.find('> a').prepend(''); 25 | } 26 | else 27 | { 28 | _li.find('> a > .dm-ad').remove(); 29 | _li.find('> a').prepend(''); 30 | } 31 | _a.bind('click', function(){ 32 | var __a = $(this); 33 | _this.hideOther(); 34 | _this.showSubmenu(__a.parent()); 35 | if(_ul.attr('pos') == 'right') 36 | { 37 | var _w = parseInt(__a.parent().outerWidth()); 38 | var _h = parseInt(__a.parent().outerHeight()); 39 | var _l = parseInt(__a.parent().offset().left); 40 | var _t = parseInt(__a.parent().offset().top); 41 | if(__a.parent().parent().attr('pos') != 'right') 42 | { 43 | _h = _h; 44 | } 45 | var __l = _l + _w; 46 | var __t = _t + _h; 47 | _ul.css({'margin-left':_w+'px', 'margin-top':'-'+_h+'px'}); 48 | } 49 | _ul.css({'display':'block'}); 50 | return false; 51 | }); 52 | }); 53 | $(document).bind('click', function(){ 54 | _this.hideOther(); 55 | }); 56 | }; 57 | this.hideOther = function(){ 58 | $(this.selector).find('li ul').css({'display':'none'}); 59 | }; 60 | this.showSubmenu = function(obj){ 61 | var _obj = obj.parent(); 62 | while(_obj.length) 63 | { 64 | _obj.css({'display':'block'}); 65 | _obj = _obj.parent().parent(); 66 | } 67 | } 68 | var _this = this; 69 | this.init(); 70 | return this; 71 | } 72 | var thisPlugin = this; 73 | return this.each(function(index){ 74 | var _thisCtrl = this; 75 | var dm = new thisPlugin.init(_thisCtrl); 76 | }); 77 | } 78 | })(jQuery); -------------------------------------------------------------------------------- /script/preview.js: -------------------------------------------------------------------------------- 1 | var lastPreview = false; 2 | var frameRate = 30; 3 | var previewInterval = 1000/frameRate; 4 | function allowPreview() 5 | { 6 | var curTimeObj = new Date(); 7 | var curTime = curTimeObj.getTime(); 8 | 9 | if(lastPreview === false) 10 | { 11 | lastPreview = curTime; 12 | return true; 13 | } 14 | 15 | var interval = curTime - lastPreview; 16 | if(interval >= previewInterval) 17 | { 18 | lastPreview = curTime; 19 | return true; 20 | } 21 | return false; 22 | } 23 | 24 | 25 | function previewCopy() 26 | { 27 | ppeImageTmp = clone(ppeImage); 28 | ppeImageTmp.canvas_id = ppeImageTmp.canvas_id+'-preview'; 29 | ppeImageTmp.canvas = document.getElementById(ppeImageTmp.canvas_id); 30 | ppeImageTmp.context = ppeImageTmp.canvas.getContext('2d'); 31 | $('#'+ppeImageTmp.canvas_id).attr('width', ppeImageTmp.image_to_edit_width) 32 | $('#'+ppeImageTmp.canvas_id).attr('height', ppeImageTmp.image_to_edit_height); 33 | var imgd = ppeImage.context.getImageData(0, 0, ppeImage.image_to_edit_width, ppeImage.image_to_edit_height); 34 | ppeImageTmp.context.putImageData(imgd, 0, 0); 35 | } 36 | function previewBrightnessContrast(br, ct) 37 | { 38 | if(allowPreview()) 39 | { 40 | $('#maincanvas').css('display', 'none'); 41 | $('#maincanvas-preview').css('display', 'block'); 42 | ct = parseInt(ct); 43 | br = parseInt(br); 44 | 45 | previewCopy(); 46 | effectBrightnessContrast(br, ct, ppeImageTmp.canvas_id, ppeImageTmp.context, 0, 0, ppeImageTmp.image_to_edit_width, ppeImageTmp.image_to_edit_height); 47 | } 48 | } 49 | 50 | function previewHSL(hu, sa, lu) 51 | { 52 | if(allowPreview()) 53 | { 54 | $('#maincanvas').css('display', 'none'); 55 | $('#maincanvas-preview').css('display', 'block'); 56 | hu = parseInt(hu); 57 | sa = parseInt(sa); 58 | lu = parseInt(lu); 59 | 60 | previewCopy(); 61 | effectHSL(hu, sa, lu, ppeImageTmp.canvas_id, ppeImageTmp.context, 0, 0, ppeImageTmp.image_to_edit_width, ppeImageTmp.image_to_edit_height); 62 | } 63 | } 64 | 65 | function previewOpacity(op) 66 | { 67 | if(allowPreview()) 68 | { 69 | $('#maincanvas').css('display', 'none'); 70 | $('#maincanvas-preview').css('display', 'block'); 71 | op = parseInt(op); 72 | 73 | previewCopy(); 74 | effectOpacity(op, ppeImageTmp.canvas_id, ppeImageTmp.context, 0, 0, ppeImageTmp.image_to_edit_width, ppeImageTmp.image_to_edit_height); 75 | } 76 | } 77 | 78 | function previewSobel(th, rgb) 79 | { 80 | if(allowPreview()) 81 | { 82 | $('#maincanvas').css('display', 'none'); 83 | $('#maincanvas-preview').css('display', 'block'); 84 | th = parseInt(th); 85 | previewCopy(); 86 | effectSobel(th, ppeImageTmp.canvas_id, ppeImageTmp.context, 0, 0, ppeImageTmp.image_to_edit_width, ppeImageTmp.image_to_edit_height, rgb); 87 | } 88 | } 89 | 90 | function previewWPAP(se) 91 | { 92 | if(allowPreview()) 93 | { 94 | $('#maincanvas').css('display', 'none'); 95 | $('#maincanvas-preview').css('display', 'block'); 96 | se = parseInt(se); 97 | 98 | previewCopy(); 99 | effectWPAP(se, ppeImageTmp.canvas_id, ppeImageTmp.context, 0, 0, ppeImageTmp.image_to_edit_width, ppeImageTmp.image_to_edit_height); 100 | } 101 | } 102 | 103 | function previewColorBalance(red, green, blue) 104 | { 105 | if(allowPreview()) 106 | { 107 | $('#maincanvas').css('display', 'none'); 108 | $('#maincanvas-preview').css('display', 'block'); 109 | red = parseInt(red); 110 | green = parseInt(green); 111 | blue = parseInt(blue); 112 | 113 | previewCopy(); 114 | effectRGB(red, green, blue, ppeImageTmp.canvas_id, ppeImageTmp.context, 0, 0, ppeImageTmp.image_to_edit_width, ppeImageTmp.image_to_edit_height); 115 | } 116 | } 117 | 118 | -------------------------------------------------------------------------------- /script/sobel.js: -------------------------------------------------------------------------------- 1 | var MASK_N = 2; 2 | var MASK_X = 3; 3 | var MASK_Y = 3; 4 | var WHITE = 255; 5 | var BLACK = 0; 6 | 7 | var mask = [ 8 | [ 9 | [-1,-2,-1], 10 | [0 , 0, 0], 11 | [1 , 2, 1] 12 | ], 13 | [ 14 | [-1, 0, 1], 15 | [-2, 0, 2], 16 | [-1, 0, 1] 17 | ] 18 | ]; 19 | var adjustX, adjustY, xBound, yBound; 20 | adjustX = (MASK_X % 2) ? 1 : 0; 21 | adjustY = (MASK_Y % 2) ? 1 : 0; 22 | xBound = Math.floor(MASK_X / 2); 23 | yBound = Math.floor(MASK_Y / 2); 24 | var byte_per_pixel = 4; 25 | function color_to_int(R, G, B) 26 | { 27 | return parseInt((R+G+B)/3); 28 | } 29 | 30 | function sobel(image_s, width, height, threshold, rgb) 31 | { 32 | threshold = threshold; 33 | var image_t = new Array(); 34 | var x, y, i, v, u; 35 | var R, G, B; 36 | var val = new Array(); 37 | var total; 38 | if(!rgb) 39 | { 40 | var _red = 0; 41 | var _green = 0; 42 | var _blue = 0; 43 | } 44 | else 45 | { 46 | var _red = rgb[0]; 47 | var _green = rgb[1]; 48 | var _blue = rgb[2]; 49 | } 50 | 51 | for(y = 0; y < height; ++y) 52 | { 53 | for(x = 0; x < width; ++x) 54 | { 55 | total = 0.0; 56 | for(i = 0; i < MASK_N; ++i) 57 | { 58 | 59 | val[i] = 0.0; 60 | for(v = -yBound; v < yBound + adjustY; ++v) 61 | { 62 | for (u = -xBound; u < xBound + adjustX; ++u) 63 | { 64 | if (x + u >= 0 && x + u < width && y + v >= 0 && y + v < height) 65 | { 66 | R = image_s[(byte_per_pixel * (width * (y+v) + (x+u))) + 0]; 67 | G = image_s[(byte_per_pixel * (width * (y+v) + (x+u))) + 1]; 68 | B = image_s[(byte_per_pixel * (width * (y+v) + (x+u))) + 2]; 69 | val[i] += color_to_int(R, G, B) * mask[i][u + xBound][v + yBound]; 70 | } 71 | } 72 | } 73 | total += val[i] * val[i]; 74 | } 75 | 76 | total = Math.sqrt(total); 77 | 78 | if (total - threshold >= 0) 79 | { 80 | image_t[(byte_per_pixel * (width * y + x)) + 0] = _red; 81 | image_t[(byte_per_pixel * (width * y + x)) + 1] = _green; 82 | image_t[(byte_per_pixel * (width * y + x)) + 2] = _blue; 83 | } 84 | else 85 | { 86 | image_t[(byte_per_pixel * (width * y + x)) + 0] = WHITE; 87 | image_t[(byte_per_pixel * (width * y + x)) + 1] = WHITE; 88 | image_t[(byte_per_pixel * (width * y + x)) + 2] = WHITE; 89 | } 90 | image_t[(byte_per_pixel * (width * y + x)) + 3] = 255; 91 | } 92 | } 93 | return image_t; 94 | } 95 | -------------------------------------------------------------------------------- /script/wpap.js: -------------------------------------------------------------------------------- 1 | function effectWPAP(numsegment, canvasid, context, x, y, width, height) 2 | { 3 | if(!canvasid) canvasid = ppeImage.canvas_id; 4 | if(!context) context = ppeImage.context; 5 | imgd = context.getImageData(x, y, width, height); 6 | pix = imgd.data; 7 | 8 | var arr = setupWPAP(numsegment); 9 | 10 | var hsl; 11 | var hue; 12 | var pix2; 13 | for (var i = 0, n = pix.length; i < n; i += 4) { 14 | // change hue 15 | hsl = rgb2hsl([pix[i ], pix[i+1], pix[i+2], pix[i+3]]); 16 | hsl[0] = mapWPAP(arr, hsl[0]); 17 | hsl[1] = 100; 18 | hsl[2] = 60; 19 | pix2 = hsl2rgb(hsl); 20 | pix[i ] = pix2[0]; // red 21 | pix[i+1] = pix2[1]; // green 22 | pix[i+2] = pix2[2]; // blue 23 | // i+3 is alpha (the fourth element) 24 | } 25 | context.putImageData(imgd, x, y); 26 | } 27 | function setupWPAP(numsegment) 28 | { 29 | var step = 360/numsegment; 30 | var arr = new Array(); 31 | var i; 32 | for(i = 0; i=arr[i].min && hue<=arr[i].max) 49 | { 50 | return (arr[i].max + arr[i].min) / 2; 51 | } 52 | } 53 | return 0; 54 | } 55 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | 4 | body{ 5 | margin:0px; 6 | padding:0px; 7 | font-family:Tahoma, Geneva, sans-serif; 8 | font-size:12px; 9 | color:#222222; 10 | } 11 | .wrapper{ 12 | padding:10px; 13 | } 14 | .side-bar{ 15 | width:200px; 16 | height:300px; 17 | float:left; 18 | } 19 | .main-bar{ 20 | border:1px solid #EEEEEE; 21 | background-color:#F8F8F8; 22 | overflow:auto; 23 | } 24 | .main-bar-indent{ 25 | margin-left:212px; 26 | } 27 | .main-canvas-area{ 28 | padding:10px; 29 | } 30 | #maincanvas, #maincanvas-preview{ 31 | display:none; 32 | } 33 | 34 | .dialog-table td{ 35 | padding:2px 0px; 36 | } 37 | 38 | 39 | /* 40 | Drop Down Menu 41 | Pure CSS Code 42 | Copyright Planetbiru Studio 43 | http://www.planetbiru.net 44 | Code by Kamshory 45 | */ 46 | 47 | 48 | .dm-ad, .dm-ar{ 49 | width: 10px; 50 | height: 10px; 51 | display: block; 52 | float: right; 53 | margin-left: 4px; 54 | margin-top:2px; 55 | font-size:10px; 56 | } 57 | 58 | .dm-ad:before{ 59 | content:"\1F53B"; 60 | } 61 | .dm-ar:before{ 62 | content:"\25B6"; 63 | } 64 | 65 | .drop-down-menu > ul{ 66 | margin:0px; 67 | padding:0px; 68 | font-family:Tahoma, Geneva, sans-serif; 69 | font-size:12px; 70 | line-height:1.5; 71 | } 72 | .drop-down-menu > ul > li{ 73 | list-style-type:none; 74 | display:inline-block; 75 | margin:0px; 76 | padding:0px; 77 | } 78 | .drop-down-menu > ul > li > a{ 79 | text-decoration:none; 80 | border-radius:5px; 81 | display:inline-block; 82 | padding:8px 10px; 83 | color:#4E535A; 84 | 85 | } 86 | .drop-down-menu > ul > li ul{ 87 | display:none; 88 | position:absolute; 89 | border:1px solid #DDDDDD; 90 | background-color:#FFFFFF; 91 | margin:0px; 92 | padding:0px; 93 | z-index:2000; 94 | } 95 | .drop-down-menu li ul{ 96 | box-shadow:1px 1px 2px #999999; 97 | } 98 | 99 | .drop-down-menu li ul li{ 100 | list-style-type:none; 101 | margin:0px; 102 | padding:0px; 103 | white-space:nowrap; 104 | border-bottom:1px solid #DDDDDD; 105 | } 106 | .drop-down-menu li ul li:last-child{ 107 | border-bottom:none; 108 | } 109 | .drop-down-menu li ul li a{ 110 | display:block; 111 | padding:8px 12px 8px 30px; 112 | color:#555555; 113 | text-decoration:none; 114 | background-color:#F8F8F8; 115 | } 116 | .drop-down-menu li ul li a:hover{ 117 | background-color:#FEFEFE; 118 | } 119 | 120 | .main-menu-inner{ 121 | height:34px; 122 | } 123 | 124 | 125 | 126 | 127 | .main-menu-inner{ 128 | border-bottom:1px solid #DDDDDD; 129 | background-color:#E6E6E6; 130 | background-image:url(images/mainmenu.png); 131 | background-repeat:repeat-x; 132 | background-position:0px 0px; 133 | height:34px; 134 | padding:0px 10px 0px 10px; 135 | } 136 | .menu > ul{ 137 | padding:0px 0px; 138 | height:34px; 139 | display:inline-block; 140 | } 141 | .menu > ul > li{ 142 | list-style-type:none; 143 | white-space:nowrap; 144 | margin:0; 145 | background-color:#E6F0FB; 146 | background-image:url(images/mainmenu.png); 147 | background-repeat:repeat-x; 148 | background-position:0px 0px; 149 | display:inline; 150 | } 151 | .menu > ul > li{ 152 | display:inline-block; 153 | } 154 | .menu > ul > li > a{ 155 | } 156 | .dialogs{ 157 | display:none; 158 | } 159 | .block-label{ 160 | padding:5px 0px; 161 | } 162 | 163 | #maincanvas, #maincanvas-preview{ 164 | background:url(images/trans-tile.png) left top; 165 | } 166 | 167 | 168 | 169 | .control-item{ 170 | } 171 | .control-item{ 172 | width:120px; 173 | border:1px solid #EEEEEE; 174 | background-color:#FFFFFF; 175 | } 176 | .widget-item-title h3{ 177 | margin:0px; 178 | background-color:#033; 179 | padding:4px 12px; 180 | color:#FFFFFF; 181 | font-size:12px; 182 | font-weight:normal; 183 | } 184 | .widget-item-body{ 185 | margin-bottom:10px; 186 | } 187 | #history-list .widget-item-body{ 188 | border:solid #F8F8F8; 189 | border-width:0px 1px 1px 1px; 190 | height:200px; 191 | overflow:auto; 192 | } 193 | #resize-control{ 194 | display:none; 195 | } 196 | #resize-control .widget-item-body{ 197 | border:solid #F8F8F8; 198 | border-width:0px 1px 1px 1px; 199 | padding:10px; 200 | } 201 | #history-list-item{ 202 | margin:0px; 203 | padding:0px; 204 | } 205 | #history-list-item li{ 206 | margin:0px; 207 | padding:0px; 208 | list-style-type:none; 209 | } 210 | #history-list-item li a{ 211 | border-bottom:1px solid #F4F4F4; 212 | background-color:#FAFAFA; 213 | display:block; 214 | padding:5px 12px; 215 | overflow:hidden; 216 | text-overflow:ellipsis; 217 | white-space:nowrap; 218 | color:#333333; 219 | text-decoration:none; 220 | } 221 | #history-list-item li a.selected, #history-list-item li a:hover{ 222 | background-color:#FFFFFF; 223 | } 224 | 225 | .menu ul li ul li a, .menu ul li ul li a:hover{ 226 | background-image:url(images/toolbar.png); 227 | background-repeat:no-repeat; 228 | } 229 | .menu ul li ul li .file-open{ 230 | background-position:8px -20px; 231 | } 232 | .menu ul li ul li .file-save{ 233 | background-position:8px -50px; 234 | } 235 | .menu ul li ul li .edit-undo{ 236 | background-position:8px -80px; 237 | } 238 | .menu ul li ul li .edit-redo{ 239 | background-position:8px -110px; 240 | } 241 | .menu ul li ul li .image-brightness-contrast{ 242 | background-position:8px -140px; 243 | } 244 | .menu ul li ul li .image-adjust-color{ 245 | background-position:8px -170px; 246 | } 247 | .menu ul li ul li .image-color-balance{ 248 | background-position:8px -200px; 249 | } 250 | .menu ul li ul li .image-invert-color{ 251 | background-position:8px -230px; 252 | } 253 | .menu ul li ul li .image-gray-scale{ 254 | background-position:8px -260px; 255 | } 256 | .menu ul li ul li .image-sepia{ 257 | background-position:8px -800px; 258 | } 259 | .menu ul li ul li .image-opacity{ 260 | background-position:8px -290px; 261 | } 262 | .menu ul li ul li .image-flip-h{ 263 | background-position:8px -320px; 264 | } 265 | .menu ul li ul li .image-flip-v{ 266 | background-position:8px -350px; 267 | } 268 | .menu ul li ul li .image-rotate-cw{ 269 | background-position:8px -380px; 270 | } 271 | .menu ul li ul li .image-rotate-ccw{ 272 | background-position:8px -410px; 273 | } 274 | .menu ul li ul li .image-resize{ 275 | background-position:8px -440px; 276 | } 277 | .menu ul li ul li .image-vectorize{ 278 | background-position:8px -470px; 279 | } 280 | .menu ul li ul li .image-wpap{ 281 | background-position:8px -500px; 282 | } 283 | .menu ul li ul li .image-template{ 284 | background-position:8px -530px; 285 | } 286 | 287 | .menu ul li ul li .display-properties{ 288 | background-position:8px -560px; 289 | } 290 | .menu ul li ul li .menu-checked{ 291 | background-position:8px -590px; 292 | } 293 | .menu ul li ul li .menu-unchecked{ 294 | background-position:8px -620px; 295 | } 296 | .menu ul li ul li .file-export-pb{ 297 | background-position:8px -650px; 298 | } 299 | .menu ul li ul li .file-import{ 300 | background-position:8px -680px; 301 | } 302 | .menu ul li ul li .image-text{ 303 | background-position:8px -710px; 304 | } 305 | .menu ul li ul li .help-about{ 306 | background-position:8px -740px; 307 | } 308 | .menu ul li ul li .help-using{ 309 | background-position:8px -740px; 310 | } 311 | .menu ul li ul li .file-image{ 312 | background-position:8px -770px; 313 | } 314 | .menu ul li ul li .camera-start{ 315 | background-position:8px -830px; 316 | } 317 | .menu ul li ul li .camera-capture{ 318 | background-position:8px -830px; 319 | } 320 | .menu-raquo{ 321 | float:right; 322 | height:28px; 323 | width:16px; 324 | background:url(images/raquo.png) no-repeat center center; 325 | } 326 | 327 | form{ 328 | margin:0px; 329 | padding:0px; 330 | } 331 | input, select, textarea, button{ 332 | margin:0px; 333 | } 334 | 335 | .input-text{ 336 | border:1px solid #EEEEEE; 337 | background-color:#FFFFFF; 338 | padding:3px; 339 | color:#333333; 340 | width:120px; 341 | font-size:12px; 342 | } 343 | select{ 344 | border:1px solid #EEEEEE; 345 | background-color:#FFFFFF; 346 | padding:2px; 347 | color:#333333; 348 | font-size:12px; 349 | } 350 | .input-text-long{ 351 | width:360px; 352 | } 353 | .input-text-medium{ 354 | width:240px; 355 | } 356 | 357 | 358 | .widget-item-body td{ 359 | padding:2px 0px; 360 | } 361 | 362 | 363 | #fontface{ 364 | width:110px; 365 | } 366 | #fontsize, #textcolor, #rgbforsobel{ 367 | border:1px solid #EEEEEE; 368 | padding:2px; 369 | color:#222222; 370 | width:60px; 371 | } 372 | .ui-effects-transfer { border: 2px dotted gray; } 373 | 374 | #menu2{ 375 | display:none; 376 | } 377 | 378 | .text-editor-button{ 379 | border:1px solid #777777; 380 | background-color:#EEEEEE; 381 | padding:2px; 382 | width:40px; 383 | font-family:Arial, Helvetica, sans-serif; 384 | font-size:10px; 385 | float:right; 386 | margin-right:48px; 387 | margin-top:2px; 388 | } 389 | .text-editor-all{ 390 | position:absolute; 391 | width:162px; 392 | top:0px; 393 | left:0px; 394 | padding:0px 0px 10px 0px; 395 | background:url(images/handler.png) no-repeat right bottom; 396 | height:40px; 397 | } 398 | .text-editor{ 399 | border:dotted 1px #DDDDDD; 400 | font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 401 | background:none; 402 | width:160px; 403 | height:22px; 404 | padding:0px; 405 | line-height:1; 406 | vertical-align:baseline; 407 | white-space:nowrap; 408 | } 409 | .text-editor-handler{ 410 | height:24px; 411 | } 412 | .com-button{ 413 | border:1px solid #EEEEEE; 414 | padding:3px 8px; 415 | background-color:#F8F8F8; 416 | color:#222222; 417 | font-size:12px; 418 | } 419 | #apply-resize-buttons{ 420 | display:none; 421 | } 422 | .button-area, #apply-resize-buttons{ 423 | padding:5px 0px; 424 | } 425 | 426 | #text-control .widget-item-body{ 427 | padding:10px; 428 | } 429 | #resize-control, #text-control{ 430 | display:none; 431 | } 432 | .ads180x150{ 433 | padding:10px; 434 | } 435 | h1{ 436 | font-size:26px; 437 | font-weight:normal; 438 | } 439 | h2{ 440 | font-size:22px; 441 | font-weight:normal; 442 | } 443 | h3{ 444 | font-size:16px; 445 | font-weight:normal; 446 | } 447 | h4{ 448 | font-size:14px; 449 | font-weight:normal; 450 | } 451 | 452 | .image2text{ 453 | padding-top:4px; 454 | } 455 | .textdata{ 456 | padding-bottom:10px; 457 | } 458 | #textpixel{ 459 | width:392px; 460 | height:80px; 461 | border:1px solid #EEEEEE; 462 | background-color:#FFFFFF; 463 | padding:3px; 464 | } 465 | .imagedata{ 466 | width:378px; 467 | height:140px; 468 | padding:10px; 469 | border:1px solid #EEEEEE; 470 | background-color:#FFFFFF; 471 | 472 | } 473 | #cit{ 474 | display:none; 475 | } 476 | #videoelement{ 477 | display:none; 478 | } 479 | 480 | #progressbarupload, #progressbaruploadinner{ 481 | height:10px; 482 | } 483 | #progressbarupload{ 484 | background-color:#EEEEEE; 485 | margin-bottom:10px; 486 | } 487 | #progressbaruploadinner{ 488 | background-color:#393; 489 | width:0%; 490 | } 491 | textarea#text{ 492 | width:100%; 493 | -webkit-box-sizing:border-box; 494 | -moz-box-sizing:border-box; 495 | box-sizing:border-box; 496 | border:1px solid #DDDDDD; 497 | height:70px; 498 | background:#FFFFFF; 499 | padding:4px; 500 | } 501 | 502 | -------------------------------------------------------------------------------- /using.php: -------------------------------------------------------------------------------- 1 |

Syarat dan Ketentuan

2 |

Planet Biru Image Editor merupakan software untuk mengedit gambar berbasis web yang berjalan pada browser. Semua proses manipulasi gambar sepenuhnya berjalan pada browser. Software ini TIDAK MENYIMPAN GAMBAR YANG ANDA EDIT. Anda dapat menyimpan sendiri gambar hasil editan Anda pada media penyimpanan lokal maupun di akun Planet Biru Anda.

3 |

Software ini merupakan software gratis dan kami tidak memungut biaya apapun dari penggunaan software ini. Kami juga tidak bertanggung jawab atas kerusakan yang terjadi baik pada perangkat keras, browser, sistem operasi, maupun file-file yang Anda edit dengan menggunakan software ini.

4 |

Software ini menggunakan canvas HTML5 dengan format PNG. Anda dapat mengedit gambar dengan format PNG, JPEG, maupun GIF. File dengan format PNG mempunyai kualitas yang lebih baik dibandingkan dengan format JPEG namun mempunyai ukuran yang lebih besar untuk gambar-gambar dari hasil fotografi.

5 |

Jika Anda tidak setuju dengan Syarat dan Ketentuan ini, silakan tinggalkan dan jangan menggunakan software ini.

6 |

Cara Menggunakan Planet Biru Image Editor

7 |

File

8 |

Open

9 |

Menu ini berfungsi untuk membuka gambar dari file. Sumber file bisa berupa harddisk, CD, flashdisk, kartu memori, dan lain-lain.

10 |

Save

11 |

Menu ini berfungsi untuk menyimpan gambar yang dihasilkan. Perlu dicatat bahwa software tidak menyimpannya di server dan tidak menggunakan fungsi server. Untuk itu software menampilkan gambar pada jendela baru dan mempersilakan Anda untuk menyimpannya secara manual.

12 |

Import

13 |

Menu ini berfungsi untuk mengimpor gambar dari web lain. Gambar hanya dibaca oleh browser namun tidak dipindahkan ke harddisk sebagai file. Gambar selanjutnya dapat diubah seperti biasa.

14 |

Beberapa browser seperti Mozila Firefox dan Google Chrome menghalangi pengguna untuk mengimpor gambar dari domain lain. Untuk itu pengguna harus mendownload gambar tersebut terlebih dahulu. File yang telah didownload kemudian dapat diedit seperti biasa.

15 |

Send to Planet Biru

16 |

Menu ini berguna untuk mengirimkan gambar hasil ubahan ke Planet Biru. Gambar dapat dikirim sebagai avatar maupun poster.

17 |

Image

18 |

Brightness and Contrast

19 |

Menu ini berguna untuk mengatur kecerahan dan kontras dari gambar. Pengaturan dilakukan dengan menggunakan slider sedangkan status dari pengaturan ditampilkan pada label sebagai angka.

20 |

Adjust Color

21 |

Menu ini berfungsi untuk mengatur warna gambar. Jenis warna (hue) dapat digeser baik ke kanan maupun ke kiri. Intensitas warna (saturation) dapat ditambah maupun dikurangi. Intensitas cahaya (luminance) juga dapat ditambah maupun dikurangi. Pengaturan dilakukan dengan menggunakan slider sedangkan status dari pengaturan ditampilkan pada label sebagai angka.

22 |

Color Balance

23 |

Menu ini berfungsi untuk mengatur keseimbangan warna merah (R), hijau (G), maupun biru (B). Intensitas dari masing-masing warna dapat ditambah maupun dikurangi. Pengaturan dilakukan dengan menggunakan slider sedangkan status dari pengaturan ditampilkan pada label sebagai angka.

24 |

Invert Color

25 |

Menu ini berfungsi untuk membalik warna. Operasi pembalikan warna dilakukan dengan cara membalik intensitas dari masing-masing komponen warna yaitu (R), hijau (G), dan biru (B).

26 |

Gray Scale

27 |

Menu ini berfungsi untuk mengubah gambar berwarna menjadi gambar hitam putih.

28 |

Setelah operasi ini dilakukan, gambar akan kehilangan informasi warna dan tidak dapat dikembalikan dengan cara apapun. Untuk membatalkan operasi ini, Anda dapat memilih salah satu riwayat sebelum operasi dilakukan.

29 |

Opacity

30 |

Menu ini berfungsi untuk mengatur alpha dari gambar. Pada saat operasi dilakukan, gambar mempunyai format PNG sehingga menyediakan kanal alpha yang dapat diatur. Gambar transparan mempunyai alpha 0 sedangkan gambar tampak mempunyai alpha 255.

31 |

Setelah operasi dilakukan, gambar akan memulai kembali nilai alpha dari 255 dan mengabaikan nilai alpha pada pengaturan.

32 |

Sebagai contoh:

33 |

Sebuah gambar JPEG dari hasil fotografi diberi nilai alpha 200 sehingga akan terlihat semi transparan. Setelah operasi ini, Anda mengulangi kembali operasi ini dengan memberikan nilai alpha sebesar 240. Maka gambar terakhir akan terlihat lebih transparan dari gambar sebelumnya karena nilai 240/255 pada operasi terakhir tidak menghitung alpha dari 255 melainkan dari 200 yang dihasilkan dari operasi sebelumnya.

34 |

Transform

35 |

Flip Horizontal

36 |

Menu ini berfungsi membalik gambar secara horizontal. Gambar akan dicerminkan pada sumbu Y sehingga terlihat seperti cermin.

37 |

Flip Vertical

38 |

Menu ini berfungsi membalik gambar secara vertikal. Gambar akan dicerminkan pada sumbu X.

39 |

Rotate Clockwise

40 |

Menu ini akan memutar gambar sejauh 90° searah jarum jam. Operasi dilakukan dengan menggunakan matriks pada canvas dengan format PNG sehingga tidak mengurangi kualitas gambar meski dilakukan secara berulang-ulang.

41 |

Rotate Counterclockwise

42 |

Menu ini akan memutar gambar sejauh 90° melawan arah jarum jam. Operasi dilakukan dengan menggunakan matriks pada canvas dengan format PNG sehingga tidak mengurangi kualitas gambar meski dilakukan secara berulang-ulang.

43 |

Resize

44 |

Menu ini berfungsi untuk mengatur ulang lebar dan tinggi gambar. Software akan memberikan pilihan bawaan untuk mempertahankan rasio gambar. Meskipun demikian, Anda dapat mengubah rasio gambar dengan membuang centang "Keep Aspect Ratio".

45 |

Untuk mengubah ukuran gambar, tarik sisi kanan, sisi bawah, atau sudut kanan bawah dari gambar baik masuk maupun ke luar tergantung dari apakah Anda akan memperkecil atau memperbesar gambar. Untuk menerapkan ukuran gambar, pilih tombol "Apply" sedangkan untuk membatalkannya, pilih tombol "Cancel".

46 |

Effect

47 |

Vectorize

48 |

Menu ini berfungsi untuk mengubah gambar menjadi sketsa. Gambar sketsa dihasilkan dari deteksi tepi dengan menggunakan algoritma "Sobel Edge Detection". Anda harus menentukan sendiri nilai ambang batas (threshold) pada algoritma ini untuk mencapai hasil yang lebih baik. Pengaturan dilakukan dengan menggunakan slider sedangkan status dari pengaturan ditampilkan pada label sebagai angka.

49 |

Setelah operasi ini dilakukan, gambar akan kehilangan banyak informasi dan tidak dapat dikembalikan dengan cara apapun. Untuk membatalkan operasi ini, Anda dapat memilih salah satu riwayat sebelum operasi dilakukan.

50 |

WPAP

51 |

Menu ini merupakan menu eksperimental untuk menerapkan algoritma segmentasi. Gambar yang dihasilkan belum sesuai dengan yang diharapkan namun akan diperbaiki di masa mendatang. Anda harus menentukan sendiri nilai ambang batas (threshold) pada algoritma ini untuk mencapai hasil yang lebih baik. Pengaturan dilakukan dengan menggunakan slider sedangkan status dari pengaturan ditampilkan pada label sebagai angka.

52 |

Setelah operasi ini dilakukan, gambar akan kehilangan banyak informasi dan tidak dapat dikembalikan dengan cara apapun. Untuk membatalkan operasi ini, Anda dapat memilih salah satu riwayat sebelum operasi dilakukan.

53 |

Preset Effect

54 |

Menu ini memberikan beberapa pilihan efek yang telah diatur di dalam program. Beberapa pilihan efek yang tersedia antara lain adalah sebagai berikut:

55 |
    56 |
  1. Jadul
    2. 57 |
  2. Lighty
    3. 58 |
  3. Dark
    4. 59 |
  4. Contrast
    5. 60 |
  5. Colorfull
    6. 61 |
  6. Red
    7. 62 |
  7. Green
    8. 63 |
  8. Blue
    9. 64 |
65 |

View

66 |

Show Sidebar

67 |

Menu ini berfungsi untuk menampilkan dan menyembunyikan sidebar.

68 |

Image Properties

69 |

Menu ini berfungsi untuk menampilkan informasi gambar.

70 |

Help

71 |

About

72 |

Menu ini berfungsi untuk menampilkan informasi software.

73 |

Using

74 |

Menu ini berfungsi untuk menampilkan cara menggunakan software.

75 | --------------------------------------------------------------------------------