templates/dynatree/jquery.ui/dynatree.aero.scss in compass-jquery-plugin-0.3.0.beta.10 vs templates/dynatree/jquery.ui/dynatree.aero.scss in compass-jquery-plugin-0.3.0.beta.13
- old
+ new
@@ -1,71 +1,88 @@
// 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; } } }
+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; } }
-.ui-dynatree-disabled div.ui-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;
display: inline-block;
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;
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
background-position: left;
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;
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
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;
display: inline-block;
vertical-align: top;
@@ -73,72 +90,139 @@
background-position: left;
margin-left: 3px;
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"); } }