compass-jquery-plugin 0.3.1.1 → 0.3.2.pre.2

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

@@ -1,6 +1,6 @@
 // Generated by compass-jquery-plugin/gem-tasks/dynatree.rake
 
-/******************************************************************************* 
+/*******************************************************************************
  * Tree container
  */
 
@@ -15,7 +15,8 @@ ul {
     border: 1px dotted gray;
     overflow: auto;
     ul {
-      padding: 0 0 0 16px; }
+      padding: 0 0 0 16px;
+      margin: 0; }
     li {
       list-style-image: none;
       list-style-position: outside;
@@ -25,12 +26,14 @@ ul {
       -moz-background-origin: padding;
       background-attachment: scroll;
       background-color: transparent;
-      background-position: 0 0;
       background-repeat: repeat-y;
       background-image: image_url("jquery/dynatree/xp/vline.png");
+      background-position: 0 0;
+      /*
+      background-image: url("icons_96x256.gif");
+      background-position: -80px -64px;
+      */
       margin: 0;
-      /*    padding:3px 0 3px 16px;*/
-      /*    padding:3px 0 3px 0;*/
       padding: 1px 0 0 0;
       &.dynatree-lastsib {
         background-image: none; } } }
@@ -48,21 +51,7 @@ ul {
   /*	filter: alpha(opacity=50); /* Yields a css warning */
   background-color: silver; }
 
-/******************************************************************************* 
- * Default for custom icons
- */
-/*
-ul.dynatree-container img
-{
-	width: 16px;
-	height: 16px;
-	margin-left: 3px;
-	vertical-align: top;
-	border-style: none;
-}
-*/
-
-/******************************************************************************* 
+/*******************************************************************************
  * Common icon definitions
  */
 
@@ -76,7 +65,9 @@ span {
     /* Required to make a span sizeable */
     vertical-align: top;
     background-repeat: no-repeat;
-    background-position: left; } }
+    background-position: left;
+    background-image: image_url("jquery/dynatree/xp/icons.png");
+    background-position: 0 0; } }
 
 #dynatree-drop-marker {
   width: 16px;
@@ -87,38 +78,31 @@ span {
   /* Required to make a span sizeable */
   vertical-align: top;
   background-repeat: no-repeat;
-  background-position: left; }
+  background-position: left;
+  background-image: image_url("jquery/dynatree/xp/icons.png");
+  background-position: 0 0; }
+
+/** Used by 'icon' node option: */
+
+ul.dynatree-container img {
+  width: 16px;
+  height: 16px;
+  margin-left: 3px;
+  vertical-align: top;
+  border-style: none; }
 
-/******************************************************************************* 
+/*******************************************************************************
  * Lines and connectors
  */
 
-/*
-span.dynatree-empty
-{
-}
-span.dynatree-vline
-{
-	background-image: image_url("jquery/dynatree/xp/ltL_ns.png");
-}
-span.dynatree-connector
-{
-	background-image: image_url("jquery/dynatree/xp/ltL_nes.png");
-}
-.dynatree-lastsib span.dynatree-connector
-{
-	background-image: image_url("jquery/dynatree/xp/ltL_ne.png");
-}
-*/
-
 span {
   &.dynatree-connector {
-    background-image: image_url("jquery/dynatree/xp/ltL_ne.png"); }
+    background-position: -16px -64px; }
   &.dynatree-expander {
-    background-image: image_url("jquery/dynatree/xp/ltP_nes.png");
+    background-position: 0px -80px;
     cursor: pointer; } }
 
-/******************************************************************************* 
+/*******************************************************************************
  * Expander icon
  * Note: IE6 doesn't correctly evaluate multiples class names,
  *		 so we create combined class names that can be used in the CSS.
@@ -126,48 +110,49 @@ span {
  * Prefix: dynatree-exp-
  * 1st character: 'e': expanded, 'c': collapsed
  * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling       
+ * 3rd character (optional): 'l': Last sibling
  */
 
 .dynatree-exp-cl span.dynatree-expander {
-  background-image: image_url("jquery/dynatree/xp/ltP_ne.png"); }
+  background-position: 0px -96px; }
 
 .dynatree-exp-cd span.dynatree-expander {
-  background-image: image_url("jquery/dynatree/xp/ltD_nes.png"); }
+  background-position: -64px -80px; }
 
 .dynatree-exp-cdl span.dynatree-expander {
-  background-image: image_url("jquery/dynatree/xp/ltD_ne.png"); }
+  background-position: -64px -96px; }
 
 .dynatree-exp-e span.dynatree-expander, .dynatree-exp-ed span.dynatree-expander {
-  background-image: image_url("jquery/dynatree/xp/ltM_nes.png"); }
+  background-position: -32px -80px; }
 
 .dynatree-exp-el span.dynatree-expander, .dynatree-exp-edl span.dynatree-expander {
-  background-image: image_url("jquery/dynatree/xp/ltM_ne.png"); }
+  background-position: -32px -96px; }
 
 .dynatree-loading span.dynatree-expander {
-  background-image: image_url("jquery/dynatree/xp/ltWait.gif"); }
+  background-position: 0 0;
+  background-image: image_url("jquery/dynatree/xp/loading.gif"); }
 
-/******************************************************************************* 
+/*******************************************************************************
  * Checkbox icon
  */
 
 span.dynatree-checkbox {
   margin-left: 3px;
-  background-image: image_url("jquery/dynatree/xp/cbUnchecked.png");
+  background-position: 0px -32px;
   &:hover {
-    background-image: image_url("jquery/dynatree/xp/cbUnchecked_hover.png"); } }
+    background-position: -16px -32px; } }
 
 .dynatree-partsel span.dynatree-checkbox {
-  background-image: image_url("jquery/dynatree/xp/cbIntermediate.png");
+  background-position: -64px -32px;
   &:hover {
-    background-image: image_url("jquery/dynatree/xp/cbIntermediate_hover.png"); } }
+    background-position: -80px -32px; } }
 
 .dynatree-selected span.dynatree-checkbox {
-  background-image: image_url("jquery/dynatree/xp/cbChecked.png");
+  background-position: -32px -32px;
   &:hover {
-    background-image: image_url("jquery/dynatree/xp/cbChecked_hover.png"); } }
+    background-position: -48px -32px; } }
 
-/******************************************************************************* 
+/*******************************************************************************
  * Radiobutton icon
  * This is a customization, that may be activated by overriding the 'checkbox'
  * class name as 'dynatree-radio' in the tree options.
@@ -175,21 +160,21 @@ span.dynatree-checkbox {
 
 span.dynatree-radio {
   margin-left: 3px;
-  background-image: image_url("jquery/dynatree/xp/rbUnchecked.png");
+  background-position: 0px -48px;
   &:hover {
-    background-image: image_url("jquery/dynatree/xp/rbUnchecked_hover.png"); } }
+    background-position: -16px -48px; } }
 
 .dynatree-partsel span.dynatree-radio {
-  background-image: image_url("jquery/dynatree/xp/rbIntermediate.png");
+  background-position: -64px -48px;
   &:hover {
-    background-image: image_url("jquery/dynatree/xp/rbIntermediate_hover.png"); } }
+    background-position: -80px -48px; } }
 
 .dynatree-selected span.dynatree-radio {
-  background-image: image_url("jquery/dynatree/xp/rbChecked.png");
+  background-position: -32px -48px;
   &:hover {
-    background-image: image_url("jquery/dynatree/xp/rbChecked_hover.png"); } }
+    background-position: -48px -48px; } }
 
-/******************************************************************************* 
+/*******************************************************************************
  * 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.
@@ -201,34 +186,33 @@ span.dynatree-radio {
 
 span.dynatree-icon {
   margin-left: 3px;
-  background-image: image_url("jquery/dynatree/xp/ltDoc.png"); }
+  background-position: 0px 0px; }
 
 .dynatree-ico-cf span.dynatree-icon {
-  background-image: image_url("jquery/dynatree/xp/ltFld.png"); }
+  background-position: 0px -16px; }
 
 .dynatree-ico-ef span.dynatree-icon {
-  background-image: image_url("jquery/dynatree/xp/ltFld_o.png"); }
+  background-position: -64px -16px; }
 
 /* Status node icons */
 
 .dynatree-statusnode-wait span.dynatree-icon {
-  background-image: image_url("jquery/dynatree/xp/ltWait.gif"); }
+  background-image: image_url("jquery/dynatree/xp/loading.gif"); }
 
 .dynatree-statusnode-error span.dynatree-icon {
-  background-image: image_url("jquery/dynatree/xp/ltError.png"); }
+  background-position: 0px -112px;
+  /*	background-image: url("ltError.gif");*/ }
 
-/******************************************************************************* 
+/*******************************************************************************
  * Node titles
  */
 
 /* @Chrome: otherwise hit area of node titles is broken (issue 133)
-  Removed again for issue 165; (133 couldn't be reproduced) */
+   Removed again for issue 165; (133 couldn't be reproduced) */
 
 span.dynatree-node {
-  display: -moz-inline-box;
-  /* @ FF 1+2 */
-  display: inline-block;
-  /* Required to make a span sizeable */ }
+  /*  display: -moz-inline-box; /* @ FF 1+2 */
+  /*  display: inline-block; /* Required to make a span sizeable */ }
 
 /* Remove blue color and underline from title links */
 
@@ -297,28 +281,28 @@ span.dynatree-drag-helper-img {
 
 div {
   &.dynatree-drag-helper {
-    /*    border-color: green; 
-        background-color: red;*/ }
+    /*    border-color: green;
+    	background-color: red;*/ }
   &.dynatree-drop-accept span.dynatree-drag-helper-img {
-    background-image: image_url("jquery/dynatree/xp/drop_accept.png"); }
+    background-position: -32px -112px; }
   &.dynatree-drag-helper.dynatree-drop-reject {
     border-color: red; }
   &.dynatree-drop-reject span.dynatree-drag-helper-img {
-    background-image: image_url("jquery/dynatree/xp/drop_reject.png"); } }
+    background-position: -16px -112px; } }
 
 /*** Drop marker icon *********************************************************/
 
 #dynatree-drop-marker {
   width: 24px;
   position: absolute;
-  background-image: image_url("jquery/dynatree/xp/drop_here.png");
+  background-position: 0 -128px;
   &.dynatree-drop-after, &.dynatree-drop-before {
     width: 64px;
-    background-image: image_url("jquery/dynatree/xp/drop_sibling_here.png"); }
+    background-position: 0 -144px; }
   &.dynatree-drop-copy {
-    background-image: image_url("jquery/dynatree/xp/copy_here.png"); }
+    background-position: -64px -128px; }
   &.dynatree-drop-move {
-    background-image: image_url("jquery/dynatree/xp/move_here.png"); } }
+    background-position: -64px -128px; } }
 
 /*** Source node while dragging ***********************************************/
 
@@ -333,7 +317,7 @@ span {
     a {
       /*background-repeat: no-repeat;
       background-position: right;
-      background-image: image_url("jquery/dynatree/xp/drop_child.png");*/ }
+      background-image: url("drop_child.gif");*/ }
     &.dynatree-drop-accept a {
       /*border: 1px solid green;*/
       background-color: #3169C6 !important;
@@ -345,13 +329,13 @@ span {
     &.dynatree-drop-after a {
       /*background-repeat: repeat-x;
       background-position: bottom;
-      background-image: image_url("jquery/dynatree/xp/drop_append.png");*/ } }
+      background-image: url("drop_append.gif");*/ } }
   &.custom1 a {
     background-color: maroon;
     color: yellow; } }
 
 /*** Target node while dragging cursor is over it *****************************/
 
-/******************************************************************************* 
+/*******************************************************************************
  * Custom node classes (sample)
  */