compass-jquery-plugin 0.2.2.4

data/templates/dynatree/jquery.ui/dynatree.vista.sass

@@ -0,0 +1,177 @@
+// Generated by compass-jquery-plugin/gem-tasks/dynatree.rake
+
+div.ui-dynatree-container
+  font-family: segoe ui, tahoma, verdana, arial, helvetica, sans-serif
+  font-size: 1.0em
+  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
+
+
+span
+  &.ui-dynatree-empty, &.ui-dynatree-vline, &.ui-dynatree-connector
+    width: 16px
+    height: 16px
+    display: -moz-inline-box
+    display: inline-block
+    vertical-align: top
+    background-repeat: no-repeat
+    background-position: left
+
+  &.ui-dynatree-expander
+    width: 16px
+    height: 16px
+    display: -moz-inline-box
+    display: inline-block
+    vertical-align: top
+    background-repeat: no-repeat
+    background-position: left
+    background-image: url("/images/jquery.ui/dynatree.vista/collapsed.png")
+
+    &:hover
+      background-image: url("/images/jquery.ui/dynatree.vista/collapsed_hover.png")
+
+  &.ui-dynatree-icon
+    width: 16px
+    height: 16px
+    display: -moz-inline-box
+    display: inline-block
+    vertical-align: top
+    background-repeat: no-repeat
+    background-position: left
+    margin-left: 3px
+    background-image: url("/images/jquery.ui/dynatree.vista/document.png")
+
+  &.ui-dynatree-checkbox
+    width: 16px
+    height: 16px
+    display: -moz-inline-box
+    display: inline-block
+    vertical-align: top
+    background-repeat: no-repeat
+    background-position: left
+    margin-left: 3px
+    background-image: url("/images/jquery.ui/dynatree.vista/cbUnchecked.png")
+
+    &:hover
+      background-image: url("/images/jquery.ui/dynatree.vista/cbUnchecked_hover.png")
+
+  &.ui-dynatree-radio
+    margin-left: 3px
+    background-image: url("/images/jquery.ui/dynatree.vista/rbUnchecked.png")
+
+    &:hover
+      background-image: url("/images/jquery.ui/dynatree.vista/rbUnchecked_hover.png")
+
+  &.ui-dynatree-document a, &.ui-dynatree-folder a
+    display: inline-block
+    padding-left: 3px
+    padding-right: 3px
+
+  &.ui-dynatree-focused a:link
+    background-color: #EFEBDE
+
+  &.ui-dynatree-selected a
+    color: green
+    font-style: italic
+
+  &.ui-dynatree-active a
+    border: 1px solid #99DEFD
+    background-color: #D8F0FA
+
+  &.custom1
+    a
+      background-color: #ffffbb
+      color: maroon
+
+    span.ui-dynatree-icon
+      background-image: url("/images/jquery.ui/dynatree.vista/doc_with_children.png")
+
+  &.custom2
+    a
+      font-weight: bold
+      background-color: silver
+      color: navy
+
+    span.ui-dynatree-icon
+      background-image: url("/images/jquery.ui/dynatree.vista/folder_page.png")
+
+
+.ui-dynatree-expanded span.ui-dynatree-expander
+  background-image: url("/images/jquery.ui/dynatree.vista/expanded.png")
+
+  &:hover
+    background-image: url("/images/jquery.ui/dynatree.vista/expanded_hover.png")
+
+
+.ui-dynatree-partsel span.ui-dynatree-checkbox
+  background-image: url("/images/jquery.ui/dynatree.vista/cbIntermediate.png")
+
+  &:hover
+    background-image: url("/images/jquery.ui/dynatree.vista/cbIntermediate_hover.png")
+
+
+.ui-dynatree-selected span.ui-dynatree-checkbox
+  background-image: url("/images/jquery.ui/dynatree.vista/cbChecked.png")
+
+  &:hover
+    background-image: url("/images/jquery.ui/dynatree.vista/cbChecked_hover.png")
+
+
+.ui-dynatree-partsel span.ui-dynatree-radio
+  background-image: url("/images/jquery.ui/dynatree.vista/rbIntermediate.png")
+
+  &:hover
+    background-image: url("/images/jquery.ui/dynatree.vista/rbIntermediate_hover.png")
+
+
+.ui-dynatree-selected span.ui-dynatree-radio
+  background-image: url("/images/jquery.ui/dynatree.vista/rbChecked.png")
+
+  &:hover
+    background-image: url("/images/jquery.ui/dynatree.vista/rbChecked_hover.png")
+
+
+.ui-dynatree-folder
+  span.ui-dynatree-icon
+    background-image: url("/images/jquery.ui/dynatree.vista/folder.png")
+
+  &.ui-dynatree-expanded span.ui-dynatree-icon
+    background-image: url("/images/jquery.ui/dynatree.vista/folder_open.png")
+
+
+.ui-dynatree-statusnode-wait span.ui-dynatree-icon
+  background-image: url("/images/jquery.ui/dynatree.vista/ltWait.gif")
+
+
+.ui-dynatree-statusnode-error span.ui-dynatree-icon
+  background-image: url("/images/jquery.ui/dynatree.vista/ltError.png")

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

@@ -0,0 +1,287 @@
+/******************************************************************************* 
+ * 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;
+}
+
+/* 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; 
+}
+
+
+/******************************************************************************* 
+ * Vertical line image
+ */
+div.ui-dynatree-container img
+{
+	width: 16px;
+	height: 16px;
+	margin-left: 3px;
+	vertical-align: top;
+	border-style: none;
+}
+
+/******************************************************************************* 
+ * Common icon definitions
+ */
+span.ui-dynatree-empty,
+span.ui-dynatree-vline,
+span.ui-dynatree-connector,
+span.ui-dynatree-expander,
+span.ui-dynatree-icon,
+span.ui-dynatree-checkbox,
+span.ui-dynatree-radio
+{
+	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.ui-dynatree-empty
+{
+}
+span.ui-dynatree-vline
+{
+	background-image: url("ltL_ns.gif");
+}
+span.ui-dynatree-connector
+{
+	background-image: url("ltL_nes.gif");
+}
+.ui-dynatree-lastsib span.ui-dynatree-connector
+{
+	background-image: url("ltL_ne.gif");
+}
+
+/******************************************************************************* 
+ * 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       
+ */
+ 
+span.ui-dynatree-expander
+{
+	background-image: url("ltP_nes.gif");
+	cursor: pointer;
+}
+.ui-dynatree-exp-cl span.ui-dynatree-expander /* Collapsed, not delayed, last sibling */
+{
+	background-image: url("ltP_ne.gif");
+}
+.ui-dynatree-exp-cd span.ui-dynatree-expander /* Collapsed, delayed, not last sibling */
+{
+	background-image: url("ltD_nes.gif");
+}
+.ui-dynatree-exp-cdl span.ui-dynatree-expander /* Collapsed, delayed, last sibling */
+{
+	background-image: url("ltD_ne.gif");
+}
+.ui-dynatree-exp-e span.ui-dynatree-expander,  /* Expanded, not delayed, not last sibling */
+.ui-dynatree-exp-ed span.ui-dynatree-expander  /* Expanded, delayed, not last sibling */
+{
+	background-image: url("ltM_nes.gif");
+}
+.ui-dynatree-exp-el span.ui-dynatree-expander,  /* Expanded, not delayed, last sibling */
+.ui-dynatree-exp-edl span.ui-dynatree-expander  /* Expanded, delayed, last sibling */
+{
+	background-image: url("ltM_ne.gif");
+}
+
+
+/******************************************************************************* 
+ * Checkbox icon
+ */
+span.ui-dynatree-checkbox
+{
+	margin-left: 3px;
+	background-image: url("cbUnchecked.gif");
+}
+span.ui-dynatree-checkbox:hover
+{
+	background-image: url("cbUnchecked_hover.gif");
+}
+
+.ui-dynatree-partsel span.ui-dynatree-checkbox
+{
+	background-image: url("cbIntermediate.gif");
+}
+.ui-dynatree-partsel span.ui-dynatree-checkbox:hover
+{
+	background-image: url("cbIntermediate_hover.gif");
+}
+
+.ui-dynatree-selected span.ui-dynatree-checkbox
+{
+	background-image: url("cbChecked.gif");
+}
+.ui-dynatree-selected span.ui-dynatree-checkbox:hover
+{
+	background-image: url("cbChecked_hover.gif");
+}
+
+/******************************************************************************* 
+ * Radiobutton icon
+ * This is a customization, that may be activated by overriding the 'checkbox'
+ * class name as 'ui-dynatree-radio' in the tree options.
+ */
+span.ui-dynatree-radio
+{
+	margin-left: 3px;
+	background-image: url("rbUnchecked.gif");
+}
+span.ui-dynatree-radio:hover
+{
+	background-image: url("rbUnchecked_hover.gif");
+}
+
+.ui-dynatree-partsel span.ui-dynatree-radio
+{
+	background-image: url("rbIntermediate.gif");
+}
+.ui-dynatree-partsel span.ui-dynatree-radio:hover
+{
+	background-image: url("rbIntermediate_hover.gif");
+}
+
+.ui-dynatree-selected span.ui-dynatree-radio
+{
+	background-image: url("rbChecked.gif");
+}
+.ui-dynatree-selected span.ui-dynatree-radio:hover
+{
+	background-image: url("rbChecked_hover.gif");
+}
+
+/******************************************************************************* 
+ * 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 /* Default icon */
+{
+	margin-left: 3px;
+	background-image: url("ltDoc.gif");
+}
+
+.ui-dynatree-ico-cf span.ui-dynatree-icon  /* Collapsed Folder */
+{
+	background-image: url("ltFld.gif");
+}
+
+.ui-dynatree-ico-ef span.ui-dynatree-icon  /* Expanded Folder */
+{
+	background-image: url("ltFld_o.gif");
+}
+
+/* Status node icons */
+
+.ui-dynatree-statusnode-wait span.ui-dynatree-icon
+{
+	background-image: url("ltWait.gif");
+}
+
+.ui-dynatree-statusnode-error span.ui-dynatree-icon
+{
+	background-image: url("ltError.gif");
+}
+
+/******************************************************************************* 
+ * Node titles
+ */
+
+/* Remove blue color and underline from title links */
+div.ui-dynatree-container a
+/*, div.ui-dynatree-container a:visited*/
+{
+	color: black; /* 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 */
+}
+
+div.ui-dynatree-container a:hover
+{
+	text-decoration: underline;
+}
+
+span.ui-dynatree-document a,
+span.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 */
+}
+span.ui-dynatree-folder a
+{
+	font-weight: bold;
+}
+
+div.ui-dynatree-container a:focus,
+span.ui-dynatree-focused a:link  /* @IE */
+{
+	background-color: #EFEBDE; /* gray */
+}
+
+
+span.ui-dynatree-has-children a
+{
+}
+
+span.ui-dynatree-expanded a
+{
+}
+
+span.ui-dynatree-selected a 
+{
+	color: green; 
+	font-style: italic;
+}
+
+span.ui-dynatree-active a
+{
+	background-color: #3169C6 !important;
+	color: white !important; /* @ IE6 */
+}
+
+/******************************************************************************* 
+ * Custom node classes (sample)
+ */
+
+span.custom1 a
+{
+	background-color: maroon;
+	color: yellow;
+}