skin-vista.sass in dynatree-rails-0.1.0

- old
+ new

@@ -33,52 +33,52 @@
       /* no v-lines
       margin: 0
       padding: 1px 0 0 0
       &.dynatree-lastsib
         background-image: none
-  &.dynatree-no-connector li
+  &.dynatree-no-connector > li
     background-image: none
 
 /* Suppress lines for last child node
 
 /* Suppress lines if level is fixed expanded (option minExpandLevel)
 
 /* Style, when control is disabled
 
 .ui-dynatree-disabled ul.dynatree-container
   opacity: 0.5
-  /*	filter: alpha(opacity=50); /* Yields a css warning
+  /*  filter: alpha(opacity=50); /* Yields a css warning
   background-color: silver
 
 /*******************************************************************************
  * Common icon definitions
 
 span
   &.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; /* @ FF 1+2 removed for issue 221
-    /*	-moz-box-align: start; /* issue 221
+    /*  display: -moz-inline-box; /* @ FF 1+2 removed for issue 221
+    /*  -moz-box-align: start; /* issue 221
     display: inline-block
     /* Required to make a span sizeable
     vertical-align: top
     background-repeat: no-repeat
     background-position: left
-    background-image: image-url("dynatree/vista_icons.gif")
+    background-image: url("icons.gif")
     background-position: 0 0
 
 #dynatree-drop-marker
   width: 16px
   height: 16px
-  /*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221
-  /*	-moz-box-align: start; /* issue 221
+  /*  display: -moz-inline-box; /* @ FF 1+2 removed for issue 221
+  /*  -moz-box-align: start; /* issue 221
   display: inline-block
   /* Required to make a span sizeable
   vertical-align: top
   background-repeat: no-repeat
   background-position: left
-  background-image: image-url("dynatree/vista_icons.gif")
+  background-image: url("icons.gif")
   background-position: 0 0
 
 /** Used by 'icon' node option:
 
 ul.dynatree-container img
@@ -113,28 +113,28 @@
  *{
  *}
 /*******************************************************************************
  * Expander icon
  * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
+ *     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, .dynatree-exp-cd span.dynatree-expander, .dynatree-exp-cdl span.dynatree-expander
+.dynatree-exp-cl! span.dynatree-expander, .dynatree-exp-cd! span.dynatree-expander, .dynatree-exp-cdl! span.dynatree-expander
 
 .dynatree-exp-e span.dynatree-expander, .dynatree-exp-ed span.dynatree-expander, .dynatree-exp-el span.dynatree-expander, .dynatree-exp-edl span.dynatree-expander
   background-position: -32px -80px
 
 .dynatree-exp-e span.dynatree-expander:hover, .dynatree-exp-ed span.dynatree-expander:hover, .dynatree-exp-el span.dynatree-expander:hover, .dynatree-exp-edl span.dynatree-expander:hover
   background-position: -48px -80px
 
 .dynatree-loading span.dynatree-expander
   background-position: 0 0
-  background-image: image-url("dynatree/vista_loading.gif")
+  background-image: url("loading.gif")
 
 /*******************************************************************************
  * Checkbox icon
 
 span.dynatree-checkbox
@@ -175,11 +175,11 @@
     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.
+ *     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
 
@@ -197,24 +197,25 @@
   background-position: -64px -16px
 
 /* Status node icons
 
 .dynatree-statusnode-wait span.dynatree-icon
-  background-image: image-url("dynatree/vista_loading.gif")
+  background-image: url("loading.gif")
 
 .dynatree-statusnode-error span.dynatree-icon
   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)
 
 span.dynatree-node
-  /*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221
-  /*	-moz-box-align: start; /* issue 221
+  /*  display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221
+  /*  -moz-box-align: start; /* issue 221
   /*  display: inline-block; /* Required to make a span sizeable
 
 /* Remove blue color and underline from title links
 
 ul.dynatree-container a
@@ -222,33 +223,33 @@
   /* inherit doesn't work on IE
   text-decoration: none
   vertical-align: top
   margin: 0px
   margin-left: 3px
-  /*	outline: 0; /* @ Firefox, prevent dotted border after click
+  /*  outline: 0; /* @ Firefox, prevent dotted border after click
   /* Set transparent border to prevent jumping when active node gets a border
    * (we can do this, because this theme doesn't use vertical lines)
   border: 1px solid white
   /* Note: 'transparent' would not work in IE6
   &:hover
-    /*	text-decoration: underline;
+    /*  text-decoration: underline;
     background: #F2F7FD
     /* light blue
     border-color: #B8D6FB
     /* darker light blue
 
 span
   &.dynatree-node a
     display: inline-block
     /* Better alignment, when title contains <br>
-    /*	vertical-align: top;
+    /*  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
+    /*  line-height: 16px; /* should be the same as img height, in case 16 px
   &.dynatree-folder a
-    /*	font-weight: bold;
+    /*  font-weight: bold;
     /* custom
 
 ul.dynatree-container a:focus
   background-color: #EFEBDE
   /* gray
@@ -256,14 +257,14 @@
 span
   &.dynatree-focused a:link
     background-color: #EFEBDE
     /* gray
   &.dynatree-has-children a
-    /*	font-style: oblique; /* custom:
-  &.dynatree-expanded a
+    /*  font-style: oblique; /* custom:
+  &.dynatree-expanded! a
   &.dynatree-selected a
-    /*	color: green;
+    /*  color: green;
     font-style: italic
   &.dynatree-active a
     border: 1px solid #99DEFD
     background-color: #D8F0FA
 
@@ -285,11 +286,11 @@
    *left: -16px;
 
 div
   &.dynatree-drag-helper
     /*    border-color: green;
-     *	background-color: red;
+     *  background-color: red;
   &.dynatree-drop-accept span.dynatree-drag-helper-img
     background-position: -32px -112px
   &.dynatree-drag-helper.dynatree-drop-reject
     border-color: red
   &.dynatree-drop-reject span.dynatree-drag-helper-img
@@ -316,17 +317,17 @@
     background-color: #e0e0e0
     a
       color: gray
   &.dynatree-drop-target
     /*border: 1px solid gray;
-    a
+    a!
     &.dynatree-drop-accept a
       /*border: 1px solid green;
       background-color: #3169C6 !important
       color: white !important
       /* @ IE6
       text-decoration: none
     &.dynatree-drop-reject
       /*border: 1px solid red;
-    &.dynatree-drop-after a
+    &.dynatree-drop-after! a
 
 /*** Target node while dragging cursor is over it ****************************
\ No newline at end of file