Author: admitriev
Date: 2009-12-03 13:00:39 -0500 (Thu, 03 Dec 2009)
New Revision: 16063
Added:
management/design-4x/tree/images/last.gif
management/design-4x/tree/images/line.gif
Modified:
management/design-4x/tree/images/minus.gif
management/design-4x/tree/images/plus.gif
management/design-4x/tree/tree.html
Log:
Added: management/design-4x/tree/images/last.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/tree/images/last.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/tree/images/line.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/tree/images/line.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Modified: management/design-4x/tree/images/minus.gif
===================================================================
(Binary files differ)
Modified: management/design-4x/tree/images/plus.gif
===================================================================
(Binary files differ)
Modified: management/design-4x/tree/tree.html
===================================================================
--- management/design-4x/tree/tree.html 2009-12-03 16:48:13 UTC (rev 16062)
+++ management/design-4x/tree/tree.html 2009-12-03 18:00:39 UTC (rev 16063)
@@ -6,21 +6,19 @@
<style>
.tree_size{width : 170px;}
-.tree_item{cursor : default; font-size : 11px /*generalSizeFont*/; font-family : verdana
/*generalFamilyFont*/; color : #000000 /*generalTextColor*/; padding : 1px; overflow :
hidden; width : 100%; white-space : nowrap; text-overflow: ellipsis;}
-.tree_item_name{padding : 10px 2px 10px 2px; vertical-align : middle;}
+.tree_item{background : url(images/last.gif) no-repeat center left;cursor : default;
font-size : 11px /*generalSizeFont*/; font-family : verdana /*generalFamilyFont*/; color :
#000000 /*generalTextColor*/; padding : 1px 0px 1px 0px; overflow : hidden; width : 100%;
white-space : nowrap; text-overflow: ellipsis;}
+.tree_item_name{padding : 0px 2px 0px 2px; vertical-align : middle; cursor : pointer;}
- a .tree_item_name{font-size : 11px /*generalSizeFont*/; font-family : verdana
/*generalFamilyFont*/; color : #000000 /*generalTextColor*/; text-decoration : none;}
- a:hover .tree_item_name{font-size : 11px /*generalSizeFont*/; font-family : verdana
/*generalFamilyFont*/; color : #0078D0 /*generalLinkColor*/; text-decoration :
underline;}
.tree_select{background : #C7D7EC /*additionalBackgroundColor*/;}
-.tree_level .tree_level{margin-left : 20px; }
-.tree_icon {vertical-align : middle; margin-right : 3px; border : 0px}
-.tree_status {vertical-align : middle; margin : 0px 7px 0px 4px; cursor : pointer;}
-.tree_collapse{display : none;}
-.tree_item_container{position : relative;}
+.tree_level{background : url(images/line.gif) repeat-y;}
+.tree_level_last{background : none;}
-.tree_tip{position : absolute; top : 0px; left : 40px; padding : 0px 2px 0px 2px; border
: 1px solid #E5973E /*tipBorderColor*/; background : #FAE6B0 /*tipBackgroundColor*/;
line-height : 100%;}
-.tree_tip_content{font-size : 11px /*generalSizeFont*/; font-family : verdana
/*generalFamilyFont*/; white-space : nowrap; color : #000000 /*generalTextColor*/;}
+.tree_level .tree_level{margin-left : 16px;}
+.tree_icon {vertical-align : middle; margin : 0px; cursor : pointer;}
+
+.tree_level.tree_collapse .tree_level{display : none;}
+
</style>
</head>
@@ -30,91 +28,72 @@
<div class="tree_size">
- <div class="tree_item_container">
- <div class="tree_item">
- <a href="#"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Root name</span></a>
- </div>
+ <div class="tree_level tree_level_last">
+ <div class="tree_item">
+ <img src="images/plus.gif" width="16" height="16"
alt="" border="0" class="tree_icon"><img
src="images/icon.gif" width="16" height="16"
class="tree_icon"><span class="tree_item_name">Node
name</span>
</div>
-
- <div class="tree_level">
- <div class="tree_item_container">
+ <div class="tree_level">
<div class="tree_item">
- <img src="images/plus.gif" width="9" height="9"
alt="" border="0" class="tree_status"><a
href="#"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Node name</span></a>
+ <img src="images/plus.gif" width="16" height="16"
alt="" border="0" class="tree_icon"><img
src="images/icon.gif" width="16" height="16"
class="tree_icon"><span class="tree_item_name">Node
name</span>
</div>
</div>
-
- <div class="tree_level tree_collapse">
- <div class="tree_item_container">
- <div class="tree_item">
- <img src="images/spacer.gif" width="9" height="9"
alt="" border="0" class="tree_status"><a
href="#"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Item name</span></a>
- </div>
- </div>
- <div class="tree_item_container">
- <div class="tree_item">
- <img src="images/spacer.gif" width="9" height="9"
alt="" border="0" class="tree_status"><a
href="#"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Item name</span></a>
- </div>
- </div>
- </div>
-
- <div class="tree_item_container">
+ <div class="tree_level">
<div class="tree_item">
- <img src="images/spacer.gif" width="9" height="9"
alt="" border="0" class="tree_status"><a
href="#"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span class="tree_item_name
tree_select">Very very long item name</span></a>
+ <img src="images/minus.gif" width="16" height="16"
alt="" border="0" class="tree_icon"><img
src="images/icon.gif" width="16" height="16"
class="tree_icon"><span class="tree_item_name">Node
name</span>
</div>
- <div class="tree_tip tree_collapse">
- <span class="tree_tip_content">Very very long item
name</span>
- </div>
- </div>
-
- <div class="tree_item_container">
- <div class="tree_item">
- <img src="images/minus.gif" width="9" height="9"
alt="" border="0" class="tree_status"><a
href="#"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Node name</span></a>
- </div>
- </div>
-
- <div class="tree_level">
- <div class="tree_item_container">
+ <div class="tree_level">
<div class="tree_item">
- <img src="images/minus.gif" width="9" height="9"
alt="" border="0" class="tree_status"><a
href="#"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Item name</span></a>
+ <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name Node name Node name Node name Node name
</span>
</div>
</div>
- <div class="tree_level">
- <div class="tree_item_container">
+ <div class="tree_level tree_collapse">
+ <div class="tree_item tree_select">
+ <img src="images/plus.gif" width="16" height="16"
alt="" border="0" class="tree_icon"><img
src="images/icon.gif" width="16" height="16"
class="tree_icon"><span class="tree_item_name">Node
name</span>
+ </div>
+ <div class="tree_level">
<div class="tree_item">
- <img src="images/plus.gif" width="9" height="9"
alt="" border="0" class="tree_status"><a
href="#"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Node name</span></a>
+ <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
</div>
</div>
- <div class="tree_level tree_collapse">
- <div class="tree_item_container">
- <div class="tree_item">
- <img src="images/plus.gif" width="9" height="9"
alt="" border="0" class="tree_status"><a
href="#"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Item name</span></a>
- </div>
+ <div class="tree_level tree_level_last">
+ <div class="tree_item">
+ <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
</div>
- <div class="tree_item_container">
+ <div class="tree_level tree_level_last">
<div class="tree_item">
- <img src="images/spacer.gif" width="9"
height="9" alt="" border="0"
class="tree_status"><a href="#"><img
src="images/icon.gif" width="16" height="16"
class="tree_icon"><span class="tree_item_name">Item
name</span></a>
+ <img src="images/plus.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
</div>
+ <div class="tree_level">
+ <div class="tree_item">
+ <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
+ </div>
+ </div>
+ <div class="tree_level tree_level_last">
+ <div class="tree_item">
+ <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
+ </div>
+ </div>
</div>
</div>
-
- <div class="tree_item_container">
- <div class="tree_item">
- <img src="images/spacer.gif" width="9" height="9"
alt="" border="0" class="tree_status"><a
href="#"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Item name</span></a>
- </div>
- </div>
</div>
-
-
- <div class="tree_item_container">
+ <div class="tree_level tree_level_last">
<div class="tree_item">
- <img src="images/spacer.gif" width="9" height="9"
alt="" border="0" class="tree_status"><a
href="#"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Item name</span></a>
+ <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
</div>
</div>
</div>
- </div>
+ <div class="tree_level tree_level_last">
+ <div class="tree_item">
+ <img src="images/spacer.gif" width="16" height="16"
alt="" border="0" class="tree_icon
tree_level_last"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
+ </div>
+ </div>
</div>
+</div>
+
+
Show replies by date