Some background for jQuery ui resizable

git-svn-id: http://piwigo.org/svn/trunk@2612 68402e56-0260-453c-a942-63ccdbb3a9ee

9 files changed, 17 insertions, 0 deletions

diff --git a/admin/template/goto/theme/roma/images/resizable-e.gif b/admin/template/goto/theme/roma/images/resizable-e.gif
new file mode 100644
index 000000000..8f69e61b4
--- /dev/null
+++ b/admin/template/goto/theme/roma/images/resizable-e.gif
diff --git a/admin/template/goto/theme/roma/images/resizable-n.gif b/admin/template/goto/theme/roma/images/resizable-n.gif
new file mode 100644
index 000000000..94cd90041
--- /dev/null
+++ b/admin/template/goto/theme/roma/images/resizable-n.gif
diff --git a/admin/template/goto/theme/roma/images/resizable-ne.gif b/admin/template/goto/theme/roma/images/resizable-ne.gif
new file mode 100644
index 000000000..dfb937e71
--- /dev/null
+++ b/admin/template/goto/theme/roma/images/resizable-ne.gif
diff --git a/admin/template/goto/theme/roma/images/resizable-nw.gif b/admin/template/goto/theme/roma/images/resizable-nw.gif
new file mode 100644
index 000000000..5ade45f7c
--- /dev/null
+++ b/admin/template/goto/theme/roma/images/resizable-nw.gif
diff --git a/admin/template/goto/theme/roma/images/resizable-s.gif b/admin/template/goto/theme/roma/images/resizable-s.gif
new file mode 100644
index 000000000..edd6fa75b
--- /dev/null
+++ b/admin/template/goto/theme/roma/images/resizable-s.gif
diff --git a/admin/template/goto/theme/roma/images/resizable-se.gif b/admin/template/goto/theme/roma/images/resizable-se.gif
new file mode 100644
index 000000000..d6f5bf002
--- /dev/null
+++ b/admin/template/goto/theme/roma/images/resizable-se.gif
diff --git a/admin/template/goto/theme/roma/images/resizable-sw.gif b/admin/template/goto/theme/roma/images/resizable-sw.gif
new file mode 100644
index 000000000..6b84db146
--- /dev/null
+++ b/admin/template/goto/theme/roma/images/resizable-sw.gif
diff --git a/admin/template/goto/theme/roma/images/resizable-w.gif b/admin/template/goto/theme/roma/images/resizable-w.gif
new file mode 100644
index 000000000..a9d10ffbe
--- /dev/null
+++ b/admin/template/goto/theme/roma/images/resizable-w.gif
diff --git a/admin/template/goto/theme/roma/theme.css b/admin/template/goto/theme/roma/theme.css
index 064d0d1df..3d57b66a9 100644
--- a/admin/template/goto/theme/roma/theme.css
+++ b/admin/template/goto/theme/roma/theme.css
@@ -145,7 +145,24 @@ color: #F70; border-bottom: 1px dotted #F70;}
 /* jQuery tooltips */
 .cluetip-default #cluetip-outer { border-color: #666; color: #666; background-color: #222; }
 .cluetip-default h3#cluetip-title { color: #ff3363; background-color: #111; }
+/* jQuery ui resizable */
+.ui-resizable { position: relative; }
+.ui-wrapper { border: 0; }
+.ui-wrapper input, .ui-wrapper textarea { border: 0; }
 
+/* Global handle styles */
+.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
+.ui-resizable .ui-resizable-handle { display: block; }
+body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
+body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
+.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(images/resizable-n.gif) no-repeat scroll center top; }
+.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(images/resizable-s.gif) no-repeat scroll center top; }
+.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(images/resizable-e.gif) no-repeat scroll right center; }
+.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(images/resizable-w.gif) no-repeat scroll right center; }
+.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(images/resizable-se.gif); }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(images/resizable-sw.gif); }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(images/resizable-nw.gif); }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(images/resizable-ne.gif); 
 /* hacks */
 html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers */
 *+html  .bigtext { left: 65px; }