compass-jquery-plugin 0.3.0.beta.10 → 0.3.0.beta.13

data/templates/dynatree/jquery.ui/dynatree.xp.scss

@@ -4,55 +4,66 @@
 /* Tree container                                                              */
 /*******************************************************************************/
 
-div.ui-dynatree-container {
-  font-family: tahoma, arial, helvetica;
-  font-size: 10pt;
-  /* font size should not be too big */
-  white-space: nowrap;
-  padding: 3px;
-  background-color: white;
-  border: 1px dotted gray;
-  ul {
-    padding: 0 0 0 16px; }
-  li {
-    list-style-image: none;
-    list-style-position: outside;
-    list-style-type: none;
-    -moz-background-clip: border;
-    -moz-background-inline-policy: continuous;
-    -moz-background-origin: padding;
-    background-attachment: scroll;
-    background-color: transparent;
-    background-position: 0 0;
-    background-repeat: repeat-y;
-    background-image: image_url("jquery.ui/dynatree.xp/vline.png");
-    margin: 0;
-    /*    padding:3px 0 3px 16px;*/
-    /*    padding:3px 0 3px 0;*/
-    padding: 1px 0 0 0; } }
-
-/* Suppress vertical line, if we don't have connectors */
-
-ul.ui-dynatree-no-connector >li, div.ui-dynatree-container li.ui-dynatree-lastsib {
-  background-image: none; }
+ul {
+  &.dynatree-container {
+    font-family: tahoma, arial, helvetica;
+    font-size: 10pt;
+    /* font size should not be too big */
+    white-space: nowrap;
+    padding: 3px;
+    background-color: white;
+    border: 1px dotted gray;
+    ul {
+      padding: 0 0 0 16px; }
+    li {
+      list-style-image: none;
+      list-style-position: outside;
+      list-style-type: none;
+      -moz-background-clip: border;
+      -moz-background-inline-policy: continuous;
+      -moz-background-origin: padding;
+      background-attachment: scroll;
+      background-color: transparent;
+      background-position: 0 0;
+      background-repeat: repeat-y;
+      background-image: image_url("jquery.ui/dynatree.xp/vline.png");
+      margin: 0;
+      /*    padding:3px 0 3px 16px;*/
+      /*    padding:3px 0 3px 0;*/
+      padding: 1px 0 0 0; }
+    >li {
+      /*    background-image: none;*/ }
+    li.dynatree-lastsib {
+      background-image: none; } }
+  &.dynatree-disabled ul.dynatree-container {
+    opacity: 0.5;
+    /*	filter: alpha(opacity=50); /* Yields a css warning */
+    background-color: silver; } }
+
+/* Always suppress vertical line for top level*/
 
 /* Style, when control is disabled */
 
-.ui-dynatree-disabled div.ui-dynatree-container {
-  opacity: 0.5;
-  /*	filter: alpha(opacity=50); /* Yields a css warning */
-  background-color: silver; }
-
-/*******************************************************************************/
-/* Default for custom icons                                                    */
-/*******************************************************************************/
-
-/*******************************************************************************/
-/* Common icon definitions                                                     */
-/*******************************************************************************/
+/******************************************************************************* 
+ * Default for custom icons
+ */
+/*
+ul.dynatree-container img
+{
+	width: 16px;
+	height: 16px;
+	margin-left: 3px;
+	vertical-align: top;
+	border-style: none;
+}
+*/
+
+/******************************************************************************* 
+ * Common icon definitions
+ */
 
 span {
-  &.ui-dynatree-empty, &.ui-dynatree-vline, &.ui-dynatree-connector, &.ui-dynatree-expander, &.ui-dynatree-icon, &.ui-dynatree-checkbox, &.ui-dynatree-radio {
+  &.dynatree-empty, &.dynatree-vline, &.dynatree-connector, &.dynatree-expander, &.dynatree-icon, &.dynatree-checkbox, &.dynatree-radio, &.dynatree-drag-helper-img {
     width: 16px;
     height: 16px;
     display: -moz-inline-box;
@@ -61,129 +72,159 @@ span {
     /* Required to make a span sizeable */
     vertical-align: top;
     background-repeat: no-repeat;
-    background-position: left; }
-  &.ui-dynatree-connector {
+    background-position: left; } }
+
+#dynatree_drop_marker {
+  width: 16px;
+  height: 16px;
+  display: -moz-inline-box;
+  /* @ FF 1+2 */
+  display: inline-block;
+  /* Required to make a span sizeable */
+  vertical-align: top;
+  background-repeat: no-repeat;
+  background-position: left; }
+
+/******************************************************************************* 
+ * Lines and connectors
+ */
+
+/*
+span.dynatree-empty
+{
+}
+span.dynatree-vline
+{
+	background-image: image_url("jquery.ui/dynatree.xp/ltL_ns.png");
+}
+span.dynatree-connector
+{
+	background-image: image_url("jquery.ui/dynatree.xp/ltL_nes.png");
+}
+.dynatree-lastsib span.dynatree-connector
+{
+	background-image: image_url("jquery.ui/dynatree.xp/ltL_ne.png");
+}
+*/
+
+span {
+  &.dynatree-connector {
     background-image: image_url("jquery.ui/dynatree.xp/ltL_ne.png"); }
-  &.ui-dynatree-expander {
+  &.dynatree-expander {
     background-image: image_url("jquery.ui/dynatree.xp/ltP_nes.png");
     cursor: pointer; } }
 
-/*******************************************************************************/
-/* Lines and connectors                                                        */
-/*******************************************************************************/
-
-/*******************************************************************************/
-/* Expander icon                                                               */
-/* Note: IE6 doesn't correctly evaluate multiples class names,                 */
-/*		 so we create combined class names that can be used in the CSS.        */
-/*                                                                             */
-/* Prefix: ui-dynatree-exp-                                                    */
-/* 1st character: 'e': expanded, 'c': collapsed                                */
-/* 2nd character (optional): 'd': lazy (Delayed)                               */
-/* 3rd character (optional): 'l': Last sibling                                 */
-/*******************************************************************************/
-
-.ui-dynatree-exp-cl span.ui-dynatree-expander {
+/******************************************************************************* 
+ * Expander icon
+ * Note: IE6 doesn't correctly evaluate multiples class names,
+ *		 so we create combined class names that can be used in the CSS.
+ *
+ * Prefix: dynatree-exp-
+ * 1st character: 'e': expanded, 'c': collapsed
+ * 2nd character (optional): 'd': lazy (Delayed)
+ * 3rd character (optional): 'l': Last sibling       
+ */
+
+.dynatree-exp-cl span.dynatree-expander {
   background-image: image_url("jquery.ui/dynatree.xp/ltP_ne.png"); }
 
-.ui-dynatree-exp-cd span.ui-dynatree-expander {
+.dynatree-exp-cd span.dynatree-expander {
   background-image: image_url("jquery.ui/dynatree.xp/ltD_nes.png"); }
 
-.ui-dynatree-exp-cdl span.ui-dynatree-expander {
+.dynatree-exp-cdl span.dynatree-expander {
   background-image: image_url("jquery.ui/dynatree.xp/ltD_ne.png"); }
 
-.ui-dynatree-exp-e span.ui-dynatree-expander, .ui-dynatree-exp-ed span.ui-dynatree-expander {
+.dynatree-exp-e span.dynatree-expander, .dynatree-exp-ed span.dynatree-expander {
   background-image: image_url("jquery.ui/dynatree.xp/ltM_nes.png"); }
 
-.ui-dynatree-exp-el span.ui-dynatree-expander, .ui-dynatree-exp-edl span.ui-dynatree-expander {
+.dynatree-exp-el span.dynatree-expander, .dynatree-exp-edl span.dynatree-expander {
   background-image: image_url("jquery.ui/dynatree.xp/ltM_ne.png"); }
 
-/*******************************************************************************/
-/* Checkbox icon                                                               */
-/*******************************************************************************/
+/******************************************************************************* 
+ * Checkbox icon
+ */
 
-span.ui-dynatree-checkbox {
+span.dynatree-checkbox {
   margin-left: 3px;
   background-image: image_url("jquery.ui/dynatree.xp/cbUnchecked.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.xp/cbUnchecked_hover.png"); } }
 
-.ui-dynatree-partsel span.ui-dynatree-checkbox {
+.dynatree-partsel span.dynatree-checkbox {
   background-image: image_url("jquery.ui/dynatree.xp/cbIntermediate.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.xp/cbIntermediate_hover.png"); } }
 
-.ui-dynatree-selected span.ui-dynatree-checkbox {
+.dynatree-selected span.dynatree-checkbox {
   background-image: image_url("jquery.ui/dynatree.xp/cbChecked.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.xp/cbChecked_hover.png"); } }
 
-/*******************************************************************************/
-/* Radiobutton icon                                                            */
-/* This is a customization, that may be activated by overriding the 'checkbox' */
-/* class name as 'ui-dynatree-radio' in the tree options.                      */
-/*******************************************************************************/
+/******************************************************************************* 
+ * Radiobutton icon
+ * This is a customization, that may be activated by overriding the 'checkbox'
+ * class name as 'dynatree-radio' in the tree options.
+ */
 
-span.ui-dynatree-radio {
+span.dynatree-radio {
   margin-left: 3px;
   background-image: image_url("jquery.ui/dynatree.xp/rbUnchecked.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.xp/rbUnchecked_hover.png"); } }
 
-.ui-dynatree-partsel span.ui-dynatree-radio {
+.dynatree-partsel span.dynatree-radio {
   background-image: image_url("jquery.ui/dynatree.xp/rbIntermediate.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.xp/rbIntermediate_hover.png"); } }
 
-.ui-dynatree-selected span.ui-dynatree-radio {
+.dynatree-selected span.dynatree-radio {
   background-image: image_url("jquery.ui/dynatree.xp/rbChecked.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.xp/rbChecked_hover.png"); } }
 
-/*******************************************************************************/
-/* Node type icon                                                              */
-/* Note: IE6 doesn't correctly evaluate multiples class names,                 */
-/*		 so we create combined class names that can be used in the CSS.        */
-/*                                                                             */
-/* Prefix: ui-dynatree-ico-                                                    */
-/* 1st character: 'e': expanded, 'c': collapsed                                */
-/* 2nd character (optional): 'f': folder                                       */
-/*******************************************************************************/
-
-span.ui-dynatree-icon {
+/******************************************************************************* 
+ * Node type icon
+ * Note: IE6 doesn't correctly evaluate multiples class names,
+ *		 so we create combined class names that can be used in the CSS.
+ *
+ * Prefix: dynatree-ico-
+ * 1st character: 'e': expanded, 'c': collapsed
+ * 2nd character (optional): 'f': folder
+ */
+
+span.dynatree-icon {
   margin-left: 3px;
   background-image: image_url("jquery.ui/dynatree.xp/ltDoc.png"); }
 
-.ui-dynatree-ico-cf span.ui-dynatree-icon {
+.dynatree-ico-cf span.dynatree-icon {
   background-image: image_url("jquery.ui/dynatree.xp/ltFld.png"); }
 
-.ui-dynatree-ico-ef span.ui-dynatree-icon {
+.dynatree-ico-ef span.dynatree-icon {
   background-image: image_url("jquery.ui/dynatree.xp/ltFld_o.png"); }
 
 /* Status node icons */
 
-.ui-dynatree-statusnode-wait span.ui-dynatree-icon {
+.dynatree-statusnode-wait span.dynatree-icon {
   background-image: image_url("jquery.ui/dynatree.xp/ltWait.gif"); }
 
-.ui-dynatree-statusnode-error span.ui-dynatree-icon {
+.dynatree-statusnode-error span.dynatree-icon {
   background-image: image_url("jquery.ui/dynatree.xp/ltError.png"); }
 
-/*******************************************************************************/
-/* Node titles                                                                 */
-/*******************************************************************************/
+/******************************************************************************* 
+ * Node titles
+ */
 
 /* @Chrome: otherwise hit area of node titles is broken (issue 133) */
 
-span {
-  &.ui-dynatree-document, &.ui-dynatree-folder {
-    display: -moz-inline-box;
-    /* @ FF 1+2 */
-    display: inline-block;
-    /* Required to make a span sizeable */ } }
+span.dynatree-node {
+  display: -moz-inline-box;
+  /* @ FF 1+2 */
+  display: inline-block;
+  /* Required to make a span sizeable */ }
 
 /* Remove blue color and underline from title links */
 
-div.ui-dynatree-container a {
+ul.dynatree-container a {
   color: black;
   /* inherit doesn't work on IE */
   text-decoration: none;
@@ -195,7 +236,7 @@ div.ui-dynatree-container a {
     text-decoration: underline; } }
 
 span {
-  &.ui-dynatree-document a {
+  &.dynatree-node a {
     display: inline-block;
     /* Better alignment, when title contains <br> */
     /*	vertical-align: top;*/
@@ -203,36 +244,97 @@ span {
     padding-right: 3px;
     /* Otherwise italic font will be outside bounds */
     /*	line-height: 16px; /* should be the same as img height, in case 16 px */ }
-  &.ui-dynatree-folder a {
-    display: inline-block;
-    /* Better alignment, when title contains <br> */
-    /*	vertical-align: top;*/
-    padding-left: 3px;
-    padding-right: 3px;
-    /* Otherwise italic font will be outside bounds */
-    /*	line-height: 16px; /* should be the same as img height, in case 16 px */
+  &.dynatree-folder a {
     font-weight: bold; } }
 
-div.ui-dynatree-container a:focus {
+ul.dynatree-container a:focus {
   background-color: #EFEBDE;
   /* gray */ }
 
 span {
-  &.ui-dynatree-focused a:link {
+  &.dynatree-focused a:link {
     background-color: #EFEBDE;
     /* gray */ }
-  &.ui-dynatree-has-children a, &.ui-dynatree-expanded a {}
-  &.ui-dynatree-selected a {
+  &.dynatree-has-children a, &.dynatree-expanded a {}
+  &.dynatree-selected a {
     color: green;
     font-style: italic; }
-  &.ui-dynatree-active a {
+  &.dynatree-active a {
     background-color: #3169C6 !important;
     color: white !important;
-    /* @ IE6 */ }
-  &.custom1 a {
-    background-color: maroon;
-    color: yellow; } }
+    /* @ IE6 */ } }
 
-/*******************************************************************************/
-/* Custom node classes (sample)                                                */
-/*******************************************************************************/
+/***********************************************************************
+ * Drag'n'drop support
+ */
+/* Helper object */
+
+div.dynatree-drag-helper a {
+  border: 1px solid gray;
+  background-color: white;
+  padding-left: 5px;
+  padding-right: 5px;
+  opacity: 0.8; }
+
+span.dynatree-drag-helper-img {
+  /*
+  position: relative;
+  left: -16px;
+  */ }
+
+div {
+  &.dynatree-drag-helper.dynatree-drop-accept {
+    border-color: green; }
+  &.dynatree-drop-accept span.dynatree-drag-helper-img {
+    background-image: image_url("jquery.ui/dynatree.xp/drop_accept.png"); }
+  &.dynatree-drag-helper.dynatree-drop-reject {
+    border-color: red; }
+  &.dynatree-drop-reject span.dynatree-drag-helper-img {
+    background-image: image_url("jquery.ui/dynatree.xp/drop_reject.png"); } }
+
+/* Source node while dragging */
+
+span {
+  &.dynatree-drag-source {
+    /* border: 1px dotted gray; */
+    background-color: #e0e0e0;
+    a {
+      color: gray; } }
+  &.dynatree-drop-target {
+    /*border: 1px solid gray;*/
+    a {
+      background-repeat: no-repeat;
+      background-position: right;
+      /*background-image: image_url("jquery.ui/dynatree.xp/drop_child.png");*/ }
+    &.dynatree-drop-accept a {
+      /*border: 1px solid green;*/
+      background-color: #3169C6 !important;
+      color: white !important;
+      /* @ IE6 */ }
+    &.dynatree-drop-reject {
+      /*border: 1px solid red;*/ }
+    &.dynatree-drop-after a {
+      /*background-repeat: repeat-x;
+      background-position: bottom;
+      background-image: image_url("jquery.ui/dynatree.xp/drop_append.png");*/ } } }
+
+/* Target node while dragging cursor is over it */
+
+/* Drop marker icon */
+
+#dynatree_drop_marker {
+  width: 24px;
+  position: absolute;
+  background-image: image_url("jquery.ui/dynatree.xp/drop_here.png");
+  &.dynatree_drop_copy {
+    background-image: image_url("jquery.ui/dynatree.xp/copy_here.png"); }
+  &.dynatree_drop_move {
+    background-image: image_url("jquery.ui/dynatree.xp/move_here.png"); } }
+
+/******************************************************************************* 
+ * Custom node classes (sample)
+ */
+
+span.custom1 a {
+  background-color: maroon;
+  color: yellow; }

data/templates/dynatree/manifest.rb

@@ -13,10 +13,14 @@ image 'jquery.ui/dynatree.aero/cbUnchecked.png'
 image 'jquery.ui/dynatree.aero/cbUnchecked_hover.png'
 image 'jquery.ui/dynatree.aero/collapsed.png'
 image 'jquery.ui/dynatree.aero/collapsed_hover.png'
+image 'jquery.ui/dynatree.aero/copy_here.png'
 image 'jquery.ui/dynatree.aero/customDoc1.png'
 image 'jquery.ui/dynatree.aero/customFolder1.png'
 image 'jquery.ui/dynatree.aero/document.png'
 image 'jquery.ui/dynatree.aero/doc_with_children.png'
+image 'jquery.ui/dynatree.aero/drop_accept.png'
+image 'jquery.ui/dynatree.aero/drop_here.png'
+image 'jquery.ui/dynatree.aero/drop_reject.png'
 image 'jquery.ui/dynatree.aero/empty.png'
 image 'jquery.ui/dynatree.aero/expanded.png'
 image 'jquery.ui/dynatree.aero/expanded_hover.png'
@@ -28,6 +32,7 @@ image 'jquery.ui/dynatree.aero/ltDoc.png'
 image 'jquery.ui/dynatree.aero/ltError.png'
 image 'jquery.ui/dynatree.aero/ltWait.ani'
 image 'jquery.ui/dynatree.aero/ltWait.gif'
+image 'jquery.ui/dynatree.aero/move_here.png'
 image 'jquery.ui/dynatree.aero/rbChecked.png'
 image 'jquery.ui/dynatree.aero/rbChecked_hover.png'
 image 'jquery.ui/dynatree.aero/rbIntermediate.png'
@@ -43,10 +48,14 @@ image 'jquery.ui/dynatree.aqua/cbUnchecked.png'
 image 'jquery.ui/dynatree.aqua/cbUnchecked_hover.png'
 image 'jquery.ui/dynatree.aqua/collapsed.png'
 image 'jquery.ui/dynatree.aqua/collapsed_hover.png'
+image 'jquery.ui/dynatree.aqua/copy_here.png'
 image 'jquery.ui/dynatree.aqua/customDoc1.png'
 image 'jquery.ui/dynatree.aqua/customFolder1.png'
 image 'jquery.ui/dynatree.aqua/document.png'
 image 'jquery.ui/dynatree.aqua/doc_with_children.png'
+image 'jquery.ui/dynatree.aqua/drop_accept.png'
+image 'jquery.ui/dynatree.aqua/drop_here.png'
+image 'jquery.ui/dynatree.aqua/drop_reject.png'
 image 'jquery.ui/dynatree.aqua/empty.png'
 image 'jquery.ui/dynatree.aqua/expanded.png'
 image 'jquery.ui/dynatree.aqua/expanded_hover.png'
@@ -58,6 +67,7 @@ image 'jquery.ui/dynatree.aqua/folder_page.png'
 image 'jquery.ui/dynatree.aqua/ltDoc.png'
 image 'jquery.ui/dynatree.aqua/ltError.png'
 image 'jquery.ui/dynatree.aqua/ltWait.gif'
+image 'jquery.ui/dynatree.aqua/move_here.png'
 image 'jquery.ui/dynatree.aqua/rbChecked.png'
 image 'jquery.ui/dynatree.aqua/rbChecked_hover.png'
 image 'jquery.ui/dynatree.aqua/rbIntermediate.png'
@@ -73,10 +83,14 @@ image 'jquery.ui/dynatree.crystal/cbUnchecked.png'
 image 'jquery.ui/dynatree.crystal/cbUnchecked_hover.png'
 image 'jquery.ui/dynatree.crystal/collapsed.png'
 image 'jquery.ui/dynatree.crystal/collapsed_hover.png'
+image 'jquery.ui/dynatree.crystal/copy_here.png'
 image 'jquery.ui/dynatree.crystal/customDoc1.png'
 image 'jquery.ui/dynatree.crystal/customFolder1.png'
 image 'jquery.ui/dynatree.crystal/document.png'
 image 'jquery.ui/dynatree.crystal/doc_with_children.png'
+image 'jquery.ui/dynatree.crystal/drop_accept.png'
+image 'jquery.ui/dynatree.crystal/drop_here.png'
+image 'jquery.ui/dynatree.crystal/drop_reject.png'
 image 'jquery.ui/dynatree.crystal/empty.png'
 image 'jquery.ui/dynatree.crystal/expanded.png'
 image 'jquery.ui/dynatree.crystal/expanded_hover.png'
@@ -88,6 +102,7 @@ image 'jquery.ui/dynatree.crystal/folder_page.png'
 image 'jquery.ui/dynatree.crystal/ltDoc.png'
 image 'jquery.ui/dynatree.crystal/ltError.png'
 image 'jquery.ui/dynatree.crystal/ltWait.gif'
+image 'jquery.ui/dynatree.crystal/move_here.png'
 image 'jquery.ui/dynatree.crystal/rbChecked.png'
 image 'jquery.ui/dynatree.crystal/rbChecked_hover.png'
 image 'jquery.ui/dynatree.crystal/rbIntermediate.png'
@@ -101,8 +116,12 @@ image 'jquery.ui/dynatree.xp/cbIntermediate.png'
 image 'jquery.ui/dynatree.xp/cbIntermediate_hover.png'
 image 'jquery.ui/dynatree.xp/cbUnchecked.png'
 image 'jquery.ui/dynatree.xp/cbUnchecked_hover.png'
+image 'jquery.ui/dynatree.xp/copy_here.png'
 image 'jquery.ui/dynatree.xp/customDoc1.png'
 image 'jquery.ui/dynatree.xp/customFolder1.png'
+image 'jquery.ui/dynatree.xp/drop_accept.png'
+image 'jquery.ui/dynatree.xp/drop_here.png'
+image 'jquery.ui/dynatree.xp/drop_reject.png'
 image 'jquery.ui/dynatree.xp/ltDoc.png'
 image 'jquery.ui/dynatree.xp/ltD_ne.png'
 image 'jquery.ui/dynatree.xp/ltD_nes.png'
@@ -118,6 +137,7 @@ image 'jquery.ui/dynatree.xp/ltM_nes.png'
 image 'jquery.ui/dynatree.xp/ltP_ne.png'
 image 'jquery.ui/dynatree.xp/ltP_nes.png'
 image 'jquery.ui/dynatree.xp/ltWait.gif'
+image 'jquery.ui/dynatree.xp/move_here.png'
 image 'jquery.ui/dynatree.xp/rbChecked.png'
 image 'jquery.ui/dynatree.xp/rbChecked_hover.png'
 image 'jquery.ui/dynatree.xp/rbIntermediate.png'