tocmd 0.0.5

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6d905d846ac396dbede31f27fa7f07567d472fbb
+  data.tar.gz: 47275da1ce1e7d5c29b3526404a93949a3cf497d
+SHA512:
+  metadata.gz: fc2d6a9c370b3858ae3ddf9e9b8e1be5ab3e5e3fba660426d9d8f426191f06dc47cb35939281bd720775e104045e74325cf205b0da9a6f5146606251a12ad48d
+  data.tar.gz: 60d3b63158fcefc176df99405b3270bdad5deb344e0d684622b16e814362751752e606ce7244ea2e29496d0d452e512ce0cf8efe2024a8d6bff801836be9eace

data/bin/tocmd

@@ -0,0 +1,70 @@
+#!/usr/bin/env ruby  
+# encoding: utf-8
+
+require 'mdpreview'  
+require 'pathname'
+# p ARGV
+# puts Mdpreview.hi(ARGV)
+
+# puts   __FILE__  
+# puts File.dirname(__FILE__)
+
+
+# File.join(File.dirname(__FILE__), '..', 'lib')
+path = Pathname.new(File.join(File.dirname(__FILE__), '..')).realpath.to_s
+
+p "开始"
+
+require 'optparse'
+
+options = {}
+option_parser = OptionParser.new do |opts|
+  # 这里是这个命令行工具的帮助信息
+  opts.banner = 'preview markdown file  with toc of the command line tool.'
+
+  # # Option 作为switch，不带argument，用于将switch设置成true或false
+  # options[:switch] = false
+  # # 下面第一项是Short option（没有可以直接在引号间留空），第二项是Long option，第三项是对Option的描述
+  # opts.on('-s', '--switch', 'Set options as switch') do
+  #   # 这个部分就是使用这个Option后执行的代码
+  #   options[:switch] = true
+  # end
+  vendor_path =  Pathname.new(File.expand_path('../../vendor/', __FILE__)).realpath.to_s  
+
+	begin  
+		Dir.delelte(File.join(path ,"preview"))
+		Dir.mkdir(File.join(path ,"preview"), 0700) #=> 0
+	rescue  
+	ensure   
+	end 
+	
+	begin  
+		Dir.mkdir(File.join(path ,"preview"), 0700) #=> 0
+	rescue  
+	ensure   
+	end 
+		
+	begin  
+		Dir.mkdir(File.join(path ,".toc"), 0700) #=> 0
+	rescue  
+	ensure  
+		f = File.new(File.join(vendor_path ,"template.html"), "w+").path
+		FileUtils.cp(f ,File.join(path ,".toc"))
+	end 
+	
+  
+  # Option 作为flag，带argument，用于将argument作为数值解析，比如"name"信息
+  #下面的“value”就是用户使用时输入的argument
+  opts.on('-f sourceFileNAME', '--name sourceFileNAME', 'Pass-in source file name') do |value|
+    # options[:fname] = value
+   
+    Mdpreview.hi(path + '/' + value)
+  end
+
+  # Option 作为flag，带一组用逗号分割的arguments，用于将arguments作为数组解析
+  # opts.on('-a A,B', '--array A,B', Array, 'List of arguments') do |value|
+  #    options[:array] = value
+  #  end
+end.parse!
+
+# puts options.inspect

data/lib/mdpreview/markdown_render.rb

@@ -0,0 +1,45 @@
+require 'redcarpet'
+require 'pygments'
+
+require 'redcarpet'
+require 'rexml/document'
+module Redcarpet::Render
+  class Custom < Base
+    def header(title, level)
+      @headers ||= []
+ 
+      title_elements = REXML::Document.new(title)
+      flattened_title = title_elements.inject('') do |flattened, element|
+        flattened +=  if element.respond_to?(:text)
+                        element.text
+                      else
+                        element.to_s
+                      end
+      end
+      permalink = flattened_title.downcase.gsub(/[^a-z\s]/, '').gsub(/\W+/, "-")
+      
+      # for extra credit: implement this as its own method
+      if @headers.include?(permalink)
+        permalink += "_1"
+         # my brain hurts
+        loop do
+          break if !@headers.include?(permalink)
+          # generate titles like foo-bar_1, foo-bar_2
+          permalink.gsub!(/\_(\d+)$/, "_#{$1.to_i + 1}")
+        end
+      end
+      @headers << permalink
+      %(\n<h#{level}><a name="#{permalink}" class="anchor" href="##{permalink}"><span class="anchor-icon"></span></a>#{title}</h#{level}>\n)
+    end
+  end
+end
+
+class HTMLwithPygments < Redcarpet::Render::HTML
+	def doc_header()
+    '<style>' + Pygments.css('.highlight',:style => 'friendly') + '</style>'
+  end
+	
+  def block_code(code, language)
+    Pygments.highlight(code, :lexer => language, :options => {:encoding => 'utf-8'})
+  end
+end

data/lib/mdpreview/translator.rb

@@ -0,0 +1,237 @@
+require 'pathname'
+require 'FileUtils'
+
+
+
+class Mdpreview::Translator  
+  def initialize(source_file_path) 
+    #源文件路径
+    @source_file_path = source_file_path    
+    #gem跟目录                          
+    @gem_root_path = File.expand_path('../', @source_file_path)   
+    #editor path
+    @editor_path =  Pathname.new(File.expand_path('../../../vendor', __FILE__)).realpath.to_s  
+    
+    p "@gem root_path:::"+@gem_root_path  
+    p "@src file_path:::"+@source_file_path
+    p "@editor  path :::"+@editor_path
+     
+  end  
+  
+  def hi
+      generate_meta_js
+      cp_source_file_to_cur_file
+      open_in_browser
+			
+			ar = @source_file_path.split('/')
+			ar.pop()
+			
+			puts "src path = #{ar.join('/').to_s}"
+			src_path = ar.join('/').to_s
+			
+			ar.push('preview');
+			dest_dir = ar.join('/').to_s
+			
+			puts "desc path = #{ar.join('/').to_s}"
+			
+			build_with_dir(src_path ,dest_dir)
+  end
+  
+  def open_in_browser
+    `open #{@editor_path}/jsoneditor-2.3.6/examples/main.html`
+  end
+  
+  def generate_meta_js
+    f = File.new(File.join(@editor_path,"meta.js"), "w+")
+    f.puts("#{@source_file_path}")
+  end
+  
+  def cp_source_file_to_cur_file
+		# cp param must be string
+    f = File.new(File.join(@editor_path,"cur.file"), "w+").path
+    FileUtils.cp(@source_file_path,f)
+  end
+	
+	def build_with_dir(destiny_dir,dest_dir)
+		Dir.foreach(destiny_dir) do |ff| 
+		  # puts ff
+			unless /^\./ =~ ff ||/^images/ =~ ff ||/^css/ =~ ff || File.directory?(ff) || File.extname(ff) != '.md' 
+				
+				 puts "src = #{ff}"
+				
+				# get markdown text
+				text = IO.read(destiny_dir + '/' + ff)
+	
+				# options = [:fenced_code,:generate_toc,:hard_wrap,:no_intraemphasis,:strikethrough,:gh_blockcode,:autolink,:xhtml,:tables]
+  
+				# convert to html
+				markdown = Redcarpet::Markdown.new(HTMLwithPygments,:gh_blockcode=>true,:no_intra_emphasis=>true,:filter_html => true,:hard_wrap => true,:autolink => true, :space_after_headers => true,:fenced_code_blocks => true)
+				parse_markdown = markdown.render(text)
+				# parse_markdown = syntax_highlighter(parse_markdown)
+			
+				css_link = ''
+				if destiny_dir.to_s.index('/') 
+					css_link =  %Q{
+							<link href="#{@editor_path}/toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e.css" media="all" rel="stylesheet" type="text/css"/>
+							<link href="#{@editor_path}/toc//style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5.css" media="all" rel="stylesheet" type="text/css"/>
+							<link href="#{@editor_path}/toc/css/zTreeStyle/zTreeStyle.css" media="all" rel="stylesheet" type="text/css"/>
+					}
+				else
+					css_link =  %Q{
+							<link href="#{@editor_path}/toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e.css" media="all" rel="stylesheet" type="text/css"/>
+							<link href="#{@editor_path}/toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5.css" media="all" rel="stylesheet" type="text/css"/>
+							<link href="#{@editor_path}/toc/css/zTreeStyle/zTreeStyle.css" media="all" rel="stylesheet" type="text/css"/>
+					}
+				end
+			
+			  t = %Q{
+			    <html>
+			      <head>
+						  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+			        <title>#{ff.gsub('.md','')}</title>
+							#{css_link}
+						  <style>
+							pre {
+							    counter-reset: line-numbering;
+							    border: solid 1px #d9d9d9;
+							    border-radius: 0;
+							    background: #fff;
+							    padding: 0;
+							    line-height: 23px;
+							    margin-bottom: 30px;
+							    white-space: pre;
+							    overflow-x: auto;
+							    word-break: inherit;
+							    word-wrap: inherit;
+							}
+
+							pre a::before {
+							  content: counter(line-numbering);
+							  counter-increment: line-numbering;
+							  padding-right: 1em; /* space after numbers */
+							  width: 25px;
+							  text-align: right;
+							  opacity: 0.7;
+							  display: inline-block;
+							  color: #aaa;
+							  background: #eee;
+							  margin-right: 16px;
+							  padding: 2px 10px;
+							  font-size: 13px;
+							  -webkit-touch-callout: none;
+							  -webkit-user-select: none;
+							  -khtml-user-select: none;
+							  -moz-user-select: none;
+							  -ms-user-select: none;
+							  user-select: none;
+							}
+
+							pre a:first-of-type::before {
+							  padding-top: 10px;
+							}
+
+							pre a:last-of-type::before {
+							  padding-bottom: 10px;
+							}
+
+							pre a:only-of-type::before {
+							  padding: 10px;
+							}
+					
+							.highlight { background-color: #ffffcc } /* RIGHT */
+							</style>
+			      </head>
+			      <body>
+							<div>
+							
+							</div>
+			        <div id='readme' style='width:834px;margin:20px auto'>
+								<ul id="tree" class="ztree" style="">
+				
+								</ul>
+			          <article class='markdown-body'>
+			            #{parse_markdown}
+			          </article>
+			        </div>
+			      </body>
+			    </html>
+					<script type="text/javascript" src="#{@editor_path}/toc/js/jquery-1.4.4.min.js"></script>
+					<script type="text/javascript" src="#{@editor_path}/toc/js/jquery.ztree.core-3.5.js"></script>
+					<script type="text/javascript" src="#{@editor_path}/toc/js/jquery.ztree_toc.min.js"></script>
+					<SCRIPT type="text/javascript" >
+					<!--
+					$(document).ready(function(){
+						$('#tree').ztree_toc({
+						
+						});
+					});
+					//-->
+					</SCRIPT>
+			  }
+			
+				if destiny_dir.to_s.index('/') 
+					p '1build src/' + destiny_dir.to_s.split('/')[1] + '/' + ff.gsub('.md','') + '.html'
+					build_dir = 'preview/'
+					
+					p 'build = ' + dest_dir + ff.gsub('.md','') + '.html'
+					IO.write(dest_dir +  '/'  + ff.gsub('.md','') + '.html',t) # => 10
+				else
+					p '2build src/' + ff.gsub('.md','') + '.html'
+					build_dir = 'preview/'  
+					# write to html file
+					IO.write(build_dir + '/' + ff.gsub('.md','') + '.html',t) # => 10
+				end
+			
+			end
+		end 
+	end 
+ 
+  
+end  
+
+
+require 'redcarpet'
+require 'pygments'
+
+require 'redcarpet'
+require 'rexml/document'
+module Redcarpet::Render
+  class Custom < Base
+    def header(title, level)
+      @headers ||= []
+ 
+      title_elements = REXML::Document.new(title)
+      flattened_title = title_elements.inject('') do |flattened, element|
+        flattened +=  if element.respond_to?(:text)
+                        element.text
+                      else
+                        element.to_s
+                      end
+      end
+      permalink = flattened_title.downcase.gsub(/[^a-z\s]/, '').gsub(/\W+/, "-")
+      
+      # for extra credit: implement this as its own method
+      if @headers.include?(permalink)
+        permalink += "_1"
+         # my brain hurts
+        loop do
+          break if !@headers.include?(permalink)
+          # generate titles like foo-bar_1, foo-bar_2
+          permalink.gsub!(/\_(\d+)$/, "_#{$1.to_i + 1}")
+        end
+      end
+      @headers << permalink
+      %(\n<h#{level}><a name="#{permalink}" class="anchor" href="##{permalink}"><span class="anchor-icon"></span></a>#{title}</h#{level}>\n)
+    end
+  end
+end
+
+class HTMLwithPygments < Redcarpet::Render::HTML
+	def doc_header()
+    '<style>' + Pygments.css('.highlight',:style => 'friendly') + '</style>'
+  end
+	
+  def block_code(code, language)
+    Pygments.highlight(code, :lexer => language, :options => {:encoding => 'utf-8'})
+  end
+end

data/lib/mdpreview/version.rb

@@ -0,0 +1,3 @@
+module Mdpreview
+  VERSION = "0.0.5"
+end

data/lib/mdpreview.rb

@@ -0,0 +1,18 @@
+require "mdpreview/version"
+require 'mdpreview/translator' 
+
+
+module Mdpreview
+  # Your code goes here...
+  def self.hi(a)  
+    translator = Translator.new(a)  
+    translator.hi  
+    # puts version info
+    p VERSION
+    
+  end
+  
+  
+  
+  
+end

data/test/mdptest.rb

@@ -0,0 +1,100 @@
+require 'test/unit'
+# 
+$LOAD_PATH.unshift(File.join(File.dirname(__FILE__), '..', 'lib'))
+
+require 'mdpreview'
+# $LOAD_PATH.unshift(File.dirname(__FILE__))
+# 
+#  
+# 
+# 各assertion的最后一个参数message表示测试失败时显示的消息
+# 
+# assert(boolean, message="")
+# 若boolean为真则pass
+# 
+# assert_equal(expected, actual, message=nil)
+# 若expected == actual则pass
+# 
+# assert_not_equal(expected, actual, message="")
+# 若expected != actual则pass
+# 
+# assert_instance_of(klass, object, message="")
+# 若klass == object.class为真则pass
+# 
+# assert_nil(object, message="")
+# 若object.nil?则pass
+# 
+# assert_not_nil(object, message="")
+# 若!object.nil?则pass
+# 
+# assert_kind_of(klass, object, message="")
+# 若object.kind_of?(klass)为真则pass
+# 
+# assert_respond_to(object, method, message="")
+# 若object.respond_to?(method)为真则pass
+# 
+# assert_match(pattern, string, message="")
+# 若string =~ pattern为真则pass
+# 
+# assert_no_match(regexp, string, message="")
+# 若regexp !~ string为真则pass
+# 
+# assert_same(expected, actual, message="")
+# 若actual.equal?(expected) 为真则 pass
+# 
+# assert_not_same(expected, actual, message="")
+# 若!actual.equal?(expected) 为真则 pass
+# 
+# assert_operator(object1, operator, object2, message="")
+# 若object1.send(operator, object2) 为真则 pass
+# 
+# assert_raises(expected_exception_klass, message="") { ... }
+# 执行块的内容引发异常, 若该异常属于expected_exception_klass类则pass
+# 
+# assert_nothing_raised(*args) { ... }
+# 执行块的内容, 若没有引发异常则pass
+# 
+# flunk(message="")
+# 通常会失败
+# 
+# assert_throws(expected_symbol, message="") { ... }
+# 执行块的内容,若:expected_symbol被throw了,则pass
+# 
+# assert_nothing_thrown(message="") { ... }
+# 执行块的内容, 若没有发生throw则pass
+# 
+# assert_in_delta(expected_float, actual_float, delta, message="")
+# 若(expected_float.to_f - actual_float.to_f).abs <= delta.to_f 为真则 pass
+# 
+# delta必须是正数。
+# 
+# assert_send(send_array, message="")
+# 若send_array[0].__send__(send_array[1], *send_array[2..-1])为真则 pass
+# 
+# assert_block(message="") { ... }
+# 若block的结果为真则 pass
+
+class MdpreviewTest < Test::Unit::TestCase
+  # include Mdpreview
+ 
+  def setup
+      @friends = ['dell', 'apple', 'sony']
+  end
+
+  def teardown
+  end
+
+  def test_add
+    # Mdpreview.hi "sss"
+    
+    
+    assert_instance_of(Array, @friends, "The @friends must be Array")
+
+    assert_equal(3, @friends.size, "The size is not 3")
+
+    @friends << 'acer'
+    assert_equal(4, @friends.size, "The size is not 4")
+  end
+   
+
+end

data/vendor/cur.file

@@ -0,0 +1,6 @@
+## 步骤
+
+1. 生成.toc目录，把template.html拷贝进去
+1. 生成preview目录
+1. 编译markdown到preview目录
+1. 读取路径，将css和js举例增加到template中

data/vendor/meta.js

@@ -0,0 +1 @@
+/Volumes/data/Github/toc.md/README.md

data/vendor/toc/css/demo.css

@@ -0,0 +1,33 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
+body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #f0f6e4 \9;}
+h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, sans-serif;padding-bottom: 5px;}
+h1 {font-size: 24px;line-height: 34px;text-align: center;}
+h2 {font-size: 14px;line-height: 24px;padding-top: 5px;}
+h6 {font-weight: normal;font-size: 12px;letter-spacing: 1px;line-height: 24px;text-align: center;}
+a {color:#3C6E31;text-decoration: underline;}
+a:hover {background-color:#3C6E31;color:white;}
+input.radio {margin: 0 2px 0 8px;}
+input.radio.first {margin-left:0;}
+input.empty {color: lightgray;}
+code {color: #2f332a;}
+.highlight_red {color:#A60000;}
+.highlight_green {color:#A7F43D;}
+li {list-style: circle;font-size: 12px;}
+li.title {list-style: none;}
+ul.list {margin-left: 17px;}
+
+div.content_wrap {width: 600px;height:380px;}
+div.content_wrap div.left{float: left;width: 250px;}
+div.content_wrap div.right{float: right;width: 340px;}
+div.zTreeDemoBackground {width:250px;height:362px;text-align:left;}
+
+ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:360px;overflow-y:scroll;overflow-x:auto;}
+ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
+ul.log.small {height:45px;}
+ul.log li {color: #666666;list-style: none;padding-left: 10px;}
+ul.log li.dark {background-color: #E3E3E3;}
+
+/* ruler */
+div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
+div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}

data/vendor/toc/css/zTreeStyle/zTreeStyle.css

@@ -0,0 +1,97 @@
+/*-------------------------------------
+zTree Style
+
+version:	3.4
+author:		Hunter.z
+email:		hunter.z@263.net
+website:	http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
+
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
+	text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:underline}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
+	opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
+.ztree li span {line-height:16px; margin-right:2px}
+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
+	border:0 none; cursor: pointer;outline:none;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
+
+.ztree li span.button.switch {width:18px; height:18px}
+.ztree li span.button.root_open{background-position:-92px -54px}
+.ztree li span.button.root_close{background-position:-74px -54px}
+.ztree li span.button.roots_open{background-position:-92px 0}
+.ztree li span.button.roots_close{background-position:-74px 0}
+.ztree li span.button.center_open{background-position:-92px -18px}
+.ztree li span.button.center_close{background-position:-74px -18px}
+.ztree li span.button.bottom_open{background-position:-92px -36px}
+.ztree li span.button.bottom_close{background-position:-74px -36px}
+.ztree li span.button.noline_open{background-position:-92px -72px}
+.ztree li span.button.noline_close{background-position:-74px -72px}
+.ztree li span.button.root_docu{ background:none;}
+.ztree li span.button.roots_docu{background-position:-56px 0}
+.ztree li span.button.center_docu{background-position:-56px -18px}
+.ztree li span.button.bottom_docu{background-position:-56px -36px}
+.ztree li span.button.noline_docu{ background:none;}
+
+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
+
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
+
+/* level style*/
+/*.ztree li span.button.level0 {
+	display:none;
+}
+.ztree li ul.level0 {
+	padding:0;
+	background:none;
+}*/