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

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

@@ -1,38 +1,55 @@
 // Generated by compass-jquery-plugin/gem-tasks/dynatree.rake
 
-div.ui-dynatree-container {
-  font-family: segoe ui, Verdana, Geneva, Arial, Helvetica, sans-serif;
-  font-size: 0.8em;
-  white-space: nowrap;
-  padding: 3px;
-  background-color: white;
-  border: 1px dotted #aaaaaa;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  img {
-    width: 16px;
-    height: 16px;
-    margin-left: 3px;
-    vertical-align: top; }
-  a {
-    color: black;
-    text-decoration: none;
-    vertical-align: top;
-    margin: 0px;
-    margin-left: 3px;
-    border: 1px solid white;
-    &:hover {
-      text-decoration: underline; }
-    &:focus {
-      background-color: #EFEBDE; } } }
-
-.ui-dynatree-disabled div.ui-dynatree-container {
-  opacity: 0.5;
-  background-color: silver; }
+ul {
+  &.dynatree-container {
+    font-family: segoe ui, Verdana, Geneva, Arial, Helvetica, sans-serif;
+    font-size: 0.8em;
+    white-space: nowrap;
+    padding: 3px;
+    background-color: white;
+    border: 1px solid #aaaaaa;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    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;
+      margin: 0;
+      /*    padding:3px 0 3px 16px;*/
+      /*    padding:3px 0 3px 0;*/
+      padding: 1px 0 0 0; }
+    img {
+      width: 16px;
+      height: 16px;
+      margin-left: 3px;
+      vertical-align: top; }
+    a {
+      color: black;
+      text-decoration: none;
+      vertical-align: top;
+      margin: 0px;
+      margin-left: 3px;
+      border: 1px solid white;
+      &:hover {
+        text-decoration: underline; }
+      &:focus {
+        background-color: #EFEBDE; } } }
+  &.dynatree-disabled ul.dynatree-container {
+    opacity: 0.5;
+    background-color: silver; } }
 
 span {
-  &.ui-dynatree-empty, &.ui-dynatree-vline, &.ui-dynatree-connector {
+  &.dynatree-empty, &.dynatree-vline, &.dynatree-connector {
     width: 16px;
     height: 16px;
     display: -moz-inline-box;
@@ -40,9 +57,9 @@ span {
     vertical-align: top;
     background-repeat: no-repeat;
     background-position: left; }
-  &.ui-dynatree-vline {
+  &.dynatree-vline {
     background-image: image_url("jquery.ui/dynatree.aero/empty.png"); }
-  &.ui-dynatree-expander {
+  &.dynatree-expander {
     width: 16px;
     height: 16px;
     display: -moz-inline-box;
@@ -53,7 +70,7 @@ span {
     background-image: image_url("jquery.ui/dynatree.aero/collapsed.png");
     &:hover {
       background-image: image_url("jquery.ui/dynatree.aero/collapsed_hover.png"); } }
-  &.ui-dynatree-icon {
+  &.dynatree-icon {
     width: 16px;
     height: 16px;
     display: -moz-inline-box;
@@ -63,7 +80,7 @@ span {
     background-position: left;
     margin-left: 3px;
     background-image: image_url("jquery.ui/dynatree.aero/document.png"); }
-  &.ui-dynatree-checkbox {
+  &.dynatree-checkbox {
     width: 16px;
     height: 16px;
     display: -moz-inline-box;
@@ -75,70 +92,137 @@ span {
     background-image: image_url("jquery.ui/dynatree.aero/cbUnchecked.png");
     &:hover {
       background-image: image_url("jquery.ui/dynatree.aero/cbUnchecked_hover.png"); } }
-  &.ui-dynatree-radio {
+  &.dynatree-radio {
     margin-left: 3px;
     background-image: image_url("jquery.ui/dynatree.aero/rbUnchecked.png");
     &:hover {
       background-image: image_url("jquery.ui/dynatree.aero/rbUnchecked_hover.png"); } }
-  &.ui-dynatree-document a, &.ui-dynatree-folder a {
+  &.dynatree-document a, &.dynatree-folder a {
     display: inline-block;
     padding-left: 3px;
     padding-right: 3px; }
-  &.ui-dynatree-focused a:link {
+  &.dynatree-focused a:link {
     background-color: #EFEBDE; }
-  &.ui-dynatree-selected a {
+  &.dynatree-selected a {
     color: green;
     font-style: italic; }
-  &.ui-dynatree-active a {
+  &.dynatree-active a {
     border: 1px solid #99DEFD;
     background-color: #D8F0FA; }
   &.custom1 {
     a {
       background-color: #ffffbb;
       color: maroon; }
-    span.ui-dynatree-icon {
+    span.dynatree-icon {
       background-image: image_url("jquery.ui/dynatree.aero/doc_with_children.png"); } }
   &.custom2 {
     a {
       font-weight: bold;
       background-color: silver;
       color: navy; }
-    span.ui-dynatree-icon {
+    span.dynatree-icon {
       background-image: image_url("jquery.ui/dynatree.aero/folder_page.png"); } } }
 
-.ui-dynatree-expanded span.ui-dynatree-expander {
+.dynatree-expanded span.dynatree-expander {
   background-image: image_url("jquery.ui/dynatree.aero/expanded.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.aero/expanded_hover.png"); } }
 
-.ui-dynatree-partsel span.ui-dynatree-checkbox {
+.dynatree-partsel span.dynatree-checkbox {
   background-image: image_url("jquery.ui/dynatree.aero/cbIntermediate.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.aero/cbIntermediate_hover.png"); } }
 
-.ui-dynatree-selected span.ui-dynatree-checkbox {
+.dynatree-selected span.dynatree-checkbox {
   background-image: image_url("jquery.ui/dynatree.aero/cbChecked.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.aero/cbChecked_hover.png"); } }
 
-.ui-dynatree-partsel span.ui-dynatree-radio {
+.dynatree-partsel span.dynatree-radio {
   background-image: image_url("jquery.ui/dynatree.aero/rbIntermediate.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.aero/rbIntermediate_hover.png"); } }
 
-.ui-dynatree-selected span.ui-dynatree-radio {
+.dynatree-selected span.dynatree-radio {
   background-image: image_url("jquery.ui/dynatree.aero/rbChecked.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.aero/rbChecked_hover.png"); } }
 
-.ui-dynatree-folder {
-  span.ui-dynatree-icon {
+.dynatree-folder {
+  span.dynatree-icon {
     background-image: image_url("jquery.ui/dynatree.aero/folder.png"); }
-  &.ui-dynatree-expanded span.ui-dynatree-icon {
+  &.dynatree-expanded span.dynatree-icon {
     background-image: image_url("jquery.ui/dynatree.aero/folder.png"); } }
 
-.ui-dynatree-statusnode-wait span.ui-dynatree-icon {
+.dynatree-statusnode-wait span.dynatree-icon {
   background-image: image_url("jquery.ui/dynatree.aero/ltWait.gif"); }
 
-.ui-dynatree-statusnode-error span.ui-dynatree-icon {
+.dynatree-statusnode-error span.dynatree-icon {
   background-image: image_url("jquery.ui/dynatree.aero/ltError.png"); }
+
+/***********************************************************************
+ * 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.aero/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.aero/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.aero/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.aero/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.aero/drop_here.png");
+  &.dynatree_drop_copy {
+    background-image: image_url("jquery.ui/dynatree.aero/copy_here.png"); }
+  &.dynatree_drop_move {
+    background-image: image_url("jquery.ui/dynatree.aero/move_here.png"); } }

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

@@ -1,38 +1,55 @@
 // Generated by compass-jquery-plugin/gem-tasks/dynatree.rake
 
-div.ui-dynatree-container {
-  font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
-  font-size: 0.8em;
-  white-space: nowrap;
-  padding: 3px;
-  background-color: white;
-  border: 1px dotted #aaaaaa;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  img {
-    width: 16px;
-    height: 16px;
-    margin-left: 3px;
-    vertical-align: top; }
-  a {
-    color: black;
-    text-decoration: none;
-    vertical-align: top;
-    margin: 0px;
-    margin-left: 3px;
-    border: 1px solid white;
-    &:hover {
-      text-decoration: underline; }
-    &:focus {
-      background-color: #EFEBDE; } } }
-
-.ui-dynatree-disabled div.ui-dynatree-container {
-  opacity: 0.5;
-  background-color: silver; }
+ul {
+  &.dynatree-container {
+    font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
+    font-size: 0.8em;
+    white-space: nowrap;
+    padding: 3px;
+    background-color: white;
+    border: 1px solid #8AB0CA;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    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;
+      margin: 0;
+      /*    padding:3px 0 3px 16px;*/
+      /*    padding:3px 0 3px 0;*/
+      padding: 1px 0 0 0; }
+    img {
+      width: 16px;
+      height: 16px;
+      margin-left: 3px;
+      vertical-align: top; }
+    a {
+      color: black;
+      text-decoration: none;
+      vertical-align: top;
+      margin: 0px;
+      margin-left: 3px;
+      border: 1px solid white;
+      &:hover {
+        text-decoration: underline; }
+      &:focus {
+        background-color: #EFEBDE; } } }
+  &.dynatree-disabled ul.dynatree-container {
+    opacity: 0.5;
+    background-color: silver; } }
 
 span {
-  &.ui-dynatree-empty, &.ui-dynatree-vline, &.ui-dynatree-connector {
+  &.dynatree-empty, &.dynatree-vline, &.dynatree-connector {
     width: 16px;
     height: 16px;
     display: -moz-inline-box;
@@ -40,9 +57,9 @@ span {
     vertical-align: top;
     background-repeat: no-repeat;
     background-position: left; }
-  &.ui-dynatree-vline {
+  &.dynatree-vline {
     background-image: image_url("jquery.ui/dynatree.aqua/empty.png"); }
-  &.ui-dynatree-expander {
+  &.dynatree-expander {
     width: 16px;
     height: 16px;
     display: -moz-inline-box;
@@ -53,7 +70,7 @@ span {
     background-image: image_url("jquery.ui/dynatree.aqua/collapsed.png");
     &:hover {
       background-image: image_url("jquery.ui/dynatree.aqua/collapsed_hover.png"); } }
-  &.ui-dynatree-icon {
+  &.dynatree-icon {
     width: 16px;
     height: 16px;
     display: -moz-inline-box;
@@ -63,7 +80,7 @@ span {
     background-position: left;
     margin-left: 3px;
     background-image: image_url("jquery.ui/dynatree.aqua/document.png"); }
-  &.ui-dynatree-checkbox {
+  &.dynatree-checkbox {
     width: 16px;
     height: 16px;
     display: -moz-inline-box;
@@ -75,70 +92,137 @@ span {
     background-image: image_url("jquery.ui/dynatree.aqua/cbUnchecked.png");
     &:hover {
       background-image: image_url("jquery.ui/dynatree.aqua/cbUnchecked_hover.png"); } }
-  &.ui-dynatree-radio {
+  &.dynatree-radio {
     margin-left: 3px;
     background-image: image_url("jquery.ui/dynatree.aqua/rbUnchecked.png");
     &:hover {
       background-image: image_url("jquery.ui/dynatree.aqua/rbUnchecked_hover.png"); } }
-  &.ui-dynatree-document a, &.ui-dynatree-folder a {
+  &.dynatree-document a, &.dynatree-folder a {
     display: inline-block;
     padding-left: 3px;
     padding-right: 3px; }
-  &.ui-dynatree-focused a:link {
+  &.dynatree-focused a:link {
     background-color: #EFEBDE; }
-  &.ui-dynatree-selected a {
+  &.dynatree-selected a {
     color: green;
     font-style: italic; }
-  &.ui-dynatree-active a {
+  &.dynatree-active a {
     border: 1px solid #99DEFD;
     background-color: #D8F0FA; }
   &.custom1 {
     a {
       background-color: #ffffbb;
       color: maroon; }
-    span.ui-dynatree-icon {
+    span.dynatree-icon {
       background-image: image_url("jquery.ui/dynatree.aqua/doc_with_children.png"); } }
   &.custom2 {
     a {
       font-weight: bold;
       background-color: silver;
       color: navy; }
-    span.ui-dynatree-icon {
+    span.dynatree-icon {
       background-image: image_url("jquery.ui/dynatree.aqua/folder_page.png"); } } }
 
-.ui-dynatree-expanded span.ui-dynatree-expander {
+.dynatree-expanded span.dynatree-expander {
   background-image: image_url("jquery.ui/dynatree.aqua/expanded.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.aqua/expanded_hover.png"); } }
 
-.ui-dynatree-partsel span.ui-dynatree-checkbox {
+.dynatree-partsel span.dynatree-checkbox {
   background-image: image_url("jquery.ui/dynatree.aqua/cbIntermediate.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.aqua/cbIntermediate_hover.png"); } }
 
-.ui-dynatree-selected span.ui-dynatree-checkbox {
+.dynatree-selected span.dynatree-checkbox {
   background-image: image_url("jquery.ui/dynatree.aqua/cbChecked.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.aqua/cbChecked_hover.png"); } }
 
-.ui-dynatree-partsel span.ui-dynatree-radio {
+.dynatree-partsel span.dynatree-radio {
   background-image: image_url("jquery.ui/dynatree.aqua/rbIntermediate.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.aqua/rbIntermediate_hover.png"); } }
 
-.ui-dynatree-selected span.ui-dynatree-radio {
+.dynatree-selected span.dynatree-radio {
   background-image: image_url("jquery.ui/dynatree.aqua/rbChecked.png");
   &:hover {
     background-image: image_url("jquery.ui/dynatree.aqua/rbChecked_hover.png"); } }
 
-.ui-dynatree-folder {
-  span.ui-dynatree-icon {
+.dynatree-folder {
+  span.dynatree-icon {
     background-image: image_url("jquery.ui/dynatree.aqua/folder.png"); }
-  &.ui-dynatree-expanded span.ui-dynatree-icon {
+  &.dynatree-expanded span.dynatree-icon {
     background-image: image_url("jquery.ui/dynatree.aqua/folder_open.png"); } }
 
-.ui-dynatree-statusnode-wait span.ui-dynatree-icon {
+.dynatree-statusnode-wait span.dynatree-icon {
   background-image: image_url("jquery.ui/dynatree.aqua/ltWait.gif"); }
 
-.ui-dynatree-statusnode-error span.ui-dynatree-icon {
+.dynatree-statusnode-error span.dynatree-icon {
   background-image: image_url("jquery.ui/dynatree.aqua/ltError.png"); }
+
+/***********************************************************************
+ * 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.aqua/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.aqua/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.aqua/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.aqua/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.aqua/drop_here.png");
+  &.dynatree_drop_copy {
+    background-image: image_url("jquery.ui/dynatree.aqua/copy_here.png"); }
+  &.dynatree_drop_move {
+    background-image: image_url("jquery.ui/dynatree.aqua/move_here.png"); } }