New Rearrange gui based on jqueryFileTree (http://www.abeautifulsite.net/notebook.php?article=58). I like the look of this one better. Still need to implement the drag and drop functionality.

1 files changed, 60 insertions, 0 deletions

diff --git a/modules/rearrange/css/rearrange.css b/modules/rearrange/css/rearrange.css
new file mode 100644
index 00000000..c371edf0
--- /dev/null
+++ b/modules/rearrange/css/rearrange.css
@@ -0,0 +1,60 @@
+@CHARSET "UTF-8";
+#gRearrange {
+  font-family: Verdana, sans-serif;
+  font-size: 11px;
+}
+
+#gAddAlbum {
+  background-image: url(../images/folder_add.png);
+  background-repeat: no-repeat;
+  padding-left: 20px;
+  padding-bottom: 5px
+}
+
+#gDeleteItem {
+  background-image: url(../images/bin_closed.png);
+  background-repeat: no-repeat;
+  padding-left: 20px;
+  padding-bottom: 5px
+}
+
+UL.jqueryFileTree {
+  font-family: Verdana, sans-serif;
+  font-size: 11px;
+  line-height: 18px;
+  padding: 0px;
+  margin: 0px;
+}
+
+UL.jqueryFileTree LI {
+  list-style: none;
+  padding: 0px;
+  padding-left: 20px;
+  margin: 0px;
+  white-space: nowrap;
+}
+
+UL.jqueryFileTree A {
+  color: #333;
+  text-decoration: none;
+  display: block;
+  padding: 0px 2px;
+}
+
+UL.jqueryFileTree A:hover {
+  background: #BDF;
+}
+
+/* Core Styles */
+.jqueryFileTree LI.directory { background: url(../images/directory.png) left top no-repeat; }
+.jqueryFileTree LI.expanded { background: url(../images/folder_open.png) left top no-repeat; }
+.jqueryFileTree LI.file { background: url(../images/file.png) left top no-repeat; }
+.jqueryFileTree LI.wait { background: url(../images/spinner.gif) left top no-repeat; }
+.jqueryFileTree LI.item { background: url(../images/picture.png) left top no-repeat; }
+
+/* 
+ * File Extensions Support
+ * If we want to add differnt icons for different file extentions. then we just need to add
+ * classes for each extension and then add this class to the end of the classes on the 'li' element
+ *  i.e. .jqueryFileTree LI.ext_fla { background: url(../images/flash.png) left top no-repeat; }
+*/