trans 0.5.2 → 0.5.5

data/template/toc/css/demo.css

@@ -0,0 +1,330 @@
+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;}
+
+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: 0px;border: 1px solid #617775;background: white;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}
+
+
+@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
+@font-face {
+	font-weight: normal;
+	font-style: normal;
+	font-family: 'codropsicons';
+	src:url('../fonts/codropsicons/codropsicons.eot');
+	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
+		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
+		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
+		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
+}
+
+/*body {
+	background: #34495e;
+	color: #fff;
+	font-weight: 300;
+	font-family: 'Lato', Calibri, Arial, sans-serif;
+}*/
+
+a {
+	text-decoration: none;
+	color: #f7f7f7;
+	outline: none;
+}
+
+a:hover, a:focus {
+	color: #fff;
+	outline: none;
+}
+
+/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
+.clearfix:before,
+.clearfix:after {
+	display: table;
+	content: " ";
+}
+
+.clearfix:after {
+	clear: both;
+}
+
+.codrops-header,
+.codrops-top {
+	font-family: 'Lato', Arial, sans-serif;
+}
+
+.codrops-header {
+	margin: 0 auto;
+	padding: 2em;
+	background: rgba(0,0,0,0.01);
+	text-align: center;
+}
+
+.codrops-header h1 {
+	margin: 0;
+	font-weight: 300;
+	font-size: 2.625em;
+	line-height: 1.3;
+}
+
+.codrops-header span {
+	display: block;
+	padding: 0 0 0.6em 0.1em;
+	font-size: 60%;
+	opacity: 0.7;
+}
+
+/* To Navigation Style */
+.codrops-top {
+	width: 100%;
+	background: #91cfa1;
+	background: rgba(255, 255, 255, 0.1);
+	text-transform: uppercase;
+	font-size: 0.69em;
+	line-height: 2.2;
+}
+
+.codrops-top a {
+	display: inline-block;
+	padding: 0 1em;
+	color: #fff;
+	text-decoration: none;
+	letter-spacing: 0.1em;
+}
+
+.codrops-top a:hover {
+	background: rgba(255,255,255,0.95);
+	color: #333;
+}
+
+.codrops-top span.right {
+	float: right;
+}
+
+.codrops-top span.right a {
+	display: block;
+	float: left;
+}
+
+.codrops-icon:before {
+	margin: 0 4px;
+	text-transform: none;
+	font-weight: normal;
+	font-style: normal;
+	font-variant: normal;
+	font-family: 'codropsicons';
+	line-height: 1;
+	speak: none;
+	-webkit-font-smoothing: antialiased;
+}
+
+.codrops-icon-drop:before {
+	content: "\e001";
+}
+
+.codrops-icon-prev:before {
+	content: "\e004";
+}
+
+/* Demo Buttons Style */
+.codrops-demos {
+	padding-top: 1em;
+	font-size: 1.1em;
+}
+
+.codrops-demos a {
+	display: block;
+	float: left;
+	clear: both;
+	margin: 0.5em 0.5em 0.5em 1.9em;
+	padding: 1em 1.1em;
+	width: 280px;
+	outline: none;
+	color: #fff;
+	background: #336ca6;
+	text-align: center;
+	text-decoration: none;
+	font-weight: 700;
+}
+
+.codrops-demos a:hover,
+.codrops-demos a.current-demo,
+.codrops-demos a.current-demo:hover {
+	opacity: 0.6;
+}
+
+.content {
+	padding: 4em 2em;
+	max-width: 1200px;
+	margin: 0 auto;
+}
+
+.block {
+	float: left;
+	padding: 1em 3em;
+}
+
+.block-40 {
+	width: 40%;
+}
+
+.block-60 {
+	width: 60%;
+}
+
+.block p {
+	margin: 0;
+	padding: 0 1em 0.6em;
+	font-size: 1.8em;
+	line-height: 1.5;
+}
+
+.info {
+	text-align: center;
+	font-size: 1.5em;
+	margin-top: 3em;
+	clear: both;
+	padding-top: 3em;
+	color: rgba(255,255,255,0.5);
+}
+
+.info a {
+	font-weight: 700;
+	font-size: 0.9em;
+}
+
+.info a:hover {
+	color: #336ca6;
+}
+
+@media screen and (max-width: 69em) {
+	.block {
+		float: none;
+		width: 100% !important;
+		padding: 1em;
+	}
+}
+
+@media screen and (max-width: 25em) {
+
+	body {
+		font-size: 80%;
+	}
+
+	.codrops-icon span {
+		display: none;
+	}
+
+}
+
+/*-------------- for page --------------*/
+
+.settings-button {
+	/*width: 36px;
+	height: 28px;
+	border-radius: 5px;
+	border: 1px solid #161615;
+	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
+	background-color: #343433;*/
+	opacity: 0.7;
+	z-index: 2;
+	display: block;
+	margin: 20px 290px;
+  position:fixed;
+  bottom:0px;
+}
+
+.settings-button:hover, .pressed {
+	background-color: transparent;
+	opacity: 1;
+	cursor: pointer;
+	z-index: 2;
+}
+
+.settings-button img {
+	margin: 5px auto 0px auto;
+	display: block;
+	z-index: -1;
+}
+
+.settings-button span {
+	background: transparent url('../img/icon-cog-small.png') no-repeat top left;
+	width: 19px;
+	height: 18px;
+	display: block;
+	margin: 5px auto 0px auto;
+}
+
+
+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 */

data/template/toc/css/normalize.css

@@ -0,0 +1 @@
+/*article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}*/

data/template/toc/js/jquery.transtool.js

@@ -0,0 +1,159 @@
+/*
+ * transtool
+ * https://github.com/i5ting/toolbar
+ *
+ * Copyright (c) 2014 alfred sang
+ * Licensed under the MIT license.
+ */
+
+(function($) {
+	
+	/**
+	 * 创建tooltip‘s options html
+	 */ 
+	function create_tip_opts(opts){
+		
+		if(opts.mp_title && opts.mp_title.length > 0){
+			$('#mp_title').html(opts.mp_title);
+		}
+		
+		// <li id='all'><a class="icon icon-world" href="#">show all</a></li>
+		var optsion_html = "";
+		
+		$.each(opts.states,function(){
+			$.each(this,function(key,value){
+					optsion_html += "<li id='" + key + "'><a class='icon "+ value.icon +"' href='#1'>" + value.display  + "</a></li>";
+					$('#'+key).on('click',value.click);
+			});
+			
+		});
+		
+		$(opts.toolbarselector).find('ul').append(optsion_html);
+		
+		log(optsion_html);
+	}
+	
+	/**
+	 * 绑定事件
+	 */ 
+	function bind_click_event(opts){
+		$.each(opts.states,function(){
+			$.each(this,function(key,value){
+					//$('#'+key).on('click',value.click);
+					var $this = this;
+					$('#' + key).on('click',function(){
+						show_preview_info_wity_type(opts, key);
+					});
+			});
+		});
+		
+	
+		$('#all').click(function(){
+			$.each(opts.states,function(){
+				$.each(this,function(key,value){
+						$('.' + key).show();
+				});
+			});
+			
+			//$('#normal-button').trigger('click');
+		});	
+	}
+	
+	/**
+	 * 处理按钮事件
+	 */ 
+	function show_preview_info_wity_type(opts, type){
+		$.each(opts.states,function(){
+			$.each(this,function(key,value){
+					$('.' + key ).hide();
+					
+			});
+		});
+		
+		$('.' + type).show();
+
+		$(opts.menu_trigger_selector).trigger('click');
+	}
+	
+	/**
+	 * 初始化默认state
+	 */ 
+	function init_with_default_state(opts){
+		var key = opts.default_state;
+		if(key === 'all'){
+			$.each(opts.states,function(){
+				$.each(this,function(key,value){
+						$('.' + key).show();
+				});
+			});
+			$(opts.menu_trigger_selector).trigger('click');
+		}else{
+			show_preview_info_wity_type(opts, key);
+		}
+	}
+
+  // Static method.
+  $.transtool = function(options) {
+    // Override default options with passed-in options.
+    var opts = $.extend({}, $.transtool.options, options);
+    
+		// 创建tooltip‘s options html
+		create_tip_opts(opts);
+		
+		// 给每个tooltip上的按钮绑定click事件
+		bind_click_event(opts);
+		 
+		// 初始化默认state
+		init_with_default_state(opts);
+		 
+  };
+
+// left menu html
+// 					<li id='todo'><a class="icon icon-shop" href="#">todo</a></li>
+// 					<li id='review'><a class="icon icon-cloud" href="#">review</a></li>
+// 					<li id='ok'><a class="icon icon-diamond" href="#">ok</a></li>
+// 					<li id='zh'><a class="icon icon-photo" href="#">中文</a></li>
+// 					<li id='en'><a class="icon icon-wallet" href="#">英文</a></li>
+//					<li id='all'><a class="icon icon-shop" href="#">show all</a></li>
+
+  // Static method default options.
+  $.transtool.options = {
+		debug: false,
+		mp_title:"请配置mp_title",
+		toolbarselector: "#user-toolbar",
+		menu_trigger_selector:'#normal-button',
+    punctuation: '.',
+		states:[
+			{
+				'zh':{
+					'icon':'icon-edit',
+					click:function(){
+						alert('zh');
+					}
+				},
+				'en':{
+					'icon':'icon-user',
+					click:function(){
+						alert('en');
+					}
+				}
+			}
+		]
+  };
+	
+	/**
+	 * 日志方法
+	 */
+	function log(text){
+		if($.transtool.options.debug === true){
+			console.log(text);
+		}
+	}
+	
+  // Custom selector.
+  $.expr[':'].transtool = function(elem) {
+    // Is this element awesome?
+    return $(elem).text().indexOf('awesome') !== -1;
+  };
+
+}(jQuery));