stash

352d292f · techird · ee45297b · 352d292f · 352d292f · 352d292f
Commit 352d292f authored Aug 05, 2014 by techird
61 changed files
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -8,7 +8,7 @@ var lrSnippet = require('grunt-contrib-livereload/lib/utils').livereloadSnippet;
 /*-----------------------------------------------------
 * Module Setting
 *-----------------------------------------------------*/
-module.exports = function (grunt) {
+module.exports = function(grunt) {
    var banner = '/*!\n' +
        ' * ====================================================\n' +
@@ -24,13 +24,13 @@ module.exports = function (grunt) {
        srcPath = 'src/',
        distPath = 'dist/';
-    var getPath = function (readFile) {
+    var getPath = function(readFile) {
        var sources = require("fs").readFileSync(readFile);
        sources = /paths\s=\s\[([\s\S]*?)\]/ig.exec(sources);
        sources = sources[1].replace(/\/\/.*\n/g, '\n').replace(/'|"|\n|\t|\s/g, '');
        sources = sources.split(",");
-        sources.forEach(function (filepath, index) {
+        sources.forEach(function(filepath, index) {
            sources[index] = srcPath + filepath;
        });
@@ -49,7 +49,7 @@ module.exports = function (grunt) {
                options: {
                    banner: banner + '(function(kity, window) {\n\n',
                    footer: '\n\n})(kity, window)',
-                    process: function (src, filepath) {
+                    process: function(src, filepath) {
                        return src + "\n";
                    }
                },
@@ -57,18 +57,20 @@ module.exports = function (grunt) {
                dest: distPath + 'kityminder.all.js'
            }
        },
        uglify: {
            minimize: {
                options: {
                    banner: banner
                },
-                files: (function () {
+                files: (function() {
                    var files = {};
                    files[distPath + 'kityminder.all.min.js'] = distPath + 'kityminder.all.js';
                    return files;
                })()
            }
        },
        copy: {
            dir: {
                files: [{
@@ -94,6 +96,7 @@ module.exports = function (grunt) {
                }]
            }
        },
        replace: {
            online: {
                src: distPath + 'index.html',
@@ -117,33 +120,22 @@ module.exports = function (grunt) {
            }
        },
-        /* Start [Task liverload] ------------------------------------*/
+        watch: {
-        livereload: {
+            less: {
-            port: 35729 // Default livereload listening port.
+                files: ["ui/themes/**/*.less"],
+                tasks: ['less:compile']
+            }
        },
-        connect: {
-            livereload: {
+        less: {
-                options: {
+            compile: {
-                    hostname: '*',
+                files: {
-                    port: 9001,
+                    'ui/themes/default/css/default.all.css': [
-                    base: '.',
+                        "ui/themes/default/css/import.less"
-                    middleware: function (connect, options, middlewares) {
+                    ]
-                        return [
-                            lrSnippet,
-                            connect.static(options.base.toString()),
-                            connect.directory(options.base.toString())
-                        ];
-                    }
                }
            }
        },
-        regarde: {
-            js: {
-                files: 'src/**/*.js',
-                tasks: ['default', 'livereload']
-            }
-        }
-        /* End [Task liverload] ------------------------------------*/
    });
@@ -153,15 +145,11 @@ module.exports = function (grunt) {
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-text-replace');
+    grunt.loadNpmTasks('grunt-contrib-watch');
+    grunt.loadNpmTasks('grunt-contrib-less');
-    /* [liverload plugin & task ] ------------------------------------*/
-    grunt.loadNpmTasks('grunt-regarde');
-    grunt.loadNpmTasks('grunt-contrib-connect');
-    grunt.loadNpmTasks('grunt-contrib-livereload');
    // Build task(s).
    grunt.registerTask('default', ['concat', 'uglify', 'copy', 'replace']);
-    grunt.registerTask('live', ['livereload-start', 'connect', 'regarde']);
+    grunt.registerTask('dev', ['less', 'watch']);
 };
\ No newline at end of file
--- a/import.js
+++ b/import.js
@@ -3,107 +3,74 @@
 */
 (function() {
    var paths = [
-            'core/kityminder.js',
+        'core/kityminder.js',
-            'core/utils.js',
+        'core/utils.js',
-            'core/command.js',
+        'core/command.js',
-            'core/node.js',
+        'core/node.js',
-            'core/module.js',
+        'core/module.js',
-            'core/event.js',
+        'core/event.js',
-            'core/minder.js',
+        'core/minder.js',
-            'core/minder.data.compatibility.js',
+        'core/minder.data.compatibility.js',
-            'core/minder.data.js',
+        'core/minder.data.js',
-            'core/minder.event.js',
+        'core/minder.event.js',
-            'core/minder.module.js',
+        'core/minder.module.js',
-            'core/minder.command.js',
+        'core/minder.command.js',
-            'core/minder.node.js',
+        'core/minder.node.js',
-            'core/minder.select.js',
+        'core/minder.select.js',
-            'core/keymap.js',
+        'core/keymap.js',
-            'core/minder.lang.js',
+        'core/minder.lang.js',
-            'core/minder.defaultoptions.js',
+        'core/minder.defaultoptions.js',
-            'core/minder.preference.js',
+        'core/minder.preference.js',
-            'core/browser.js',
+        'core/browser.js',
-            'core/layout.js',
+        'core/layout.js',
-            'core/connect.js',
+        'core/connect.js',
-            'core/render.js',
+        'core/render.js',
-            'core/theme.js',
+        'core/theme.js',
-            'core/template.js',
+        'core/template.js',
-            'layout/default.js',
+        'layout/default.js',
-            'layout/default.connect.js',
+        'layout/default.connect.js',
-            'layout/bottom.js',
+        'layout/bottom.js',
-            'layout/filetree.js',
+        'layout/filetree.js',
-            'theme/default.js',
+        'theme/default.js',
-            'theme/snow.js',
+        'theme/snow.js',
-            'theme/fresh.js',
+        'theme/fresh.js',
-            'template/structure.js',
+        'template/structure.js',
-            'module/node.js',
+        'module/node.js',
-            'module/text.js',
+        'module/text.js',
-            'module/expand.js',
+        'module/expand.js',
-            'module/outline.js',
+        'module/outline.js',
-            'module/geometry.js',
+        'module/geometry.js',
-            'module/history.js',
+        'module/history.js',
-            'module/progress.js',
+        'module/progress.js',
-            'module/priority.js',
+        'module/priority.js',
-            'module/image.js',
+        'module/image.js',
-            'module/resource.js',
+        'module/resource.js',
-            'module/view.js',
+        'module/view.js',
-            'module/dragtree.js',
+        'module/dragtree.js',
-            'module/dropfile.js',
+        'module/dropfile.js',
-            'module/keyboard.js',
+        'module/keyboard.js',
-            'module/select.js',
+        'module/select.js',
-            'module/history.js',
+        'module/history.js',
-            'module/editor.js',
+        'module/editor.js',
-            'module/editor.range.js',
+        'module/editor.range.js',
-            'module/editor.receiver.js',
+        'module/editor.receiver.js',
-            'module/editor.selection.js',
+        'module/editor.selection.js',
-            'module/basestyle.js',
+        'module/basestyle.js',
-            'module/font.js',
+        'module/font.js',
-            'module/zoom.js',
+        'module/zoom.js',
-            'module/hyperlink.js',
+        'module/hyperlink.js',
-            'module/arrange.js',
+        'module/arrange.js',
-            'module/paste.js',
+        'module/paste.js',
-            'ui/jquery-ui-1.10.4.custom.min.js',
+        'protocal/xmind.js',
-            'ui/widget.js',
+        'protocal/freemind.js',
-            'ui/button.js',
+        'protocal/mindmanager.js',
-            'ui/toolbar.js',
+        'protocal/plain.js',
-            'ui/menu.js',
+        'protocal/json.js',
-            'ui/dropmenu.js',
+        'protocal/png.js',
-            'ui/splitbutton.js',
+        'protocal/svg.js'
-            'ui/colorsplitbutton.js',
+    ];
-            'ui/popup.js',
+    var basePath = 'src/';
-            'ui/scale.js',
-            'ui/colorpicker.js',
-            'ui/combobox.js',
-            'ui/buttoncombobox.js',
-            'ui/modal.js',
-            'ui/tooltip.js',
-            'ui/tab.js',
-            'ui/separator.js',
-            'ui/scale.js',
-            'adapter/utils.js',
-            'adapter/adapter.js',
-            'adapter/button.js',
-            'adapter/combobox.js',
-            'adapter/color.js',
-            'adapter/saveto.js',
-            'adapter/tooltips.js',
-            'adapter/face.js',
-            'adapter/node.js',
-            'adapter/contextmenu.js',
-            'adapter/dialog.js',
-            'adapter/hyperlink.js',
-            'adapter/image.js',
-            'adapter/zoom.js',
-            'protocal/xmind.js',
-            'protocal/freemind.js',
-            'protocal/mindmanager.js',
-            'protocal/plain.js',
-            'protocal/json.js',
-            'protocal/png.js',
-            'protocal/svg.js'
-        ],
-        baseURL = 'src/',
-        doc = document;
    while (paths.length) {
-        doc.write('<script type="text/javascript" src="' + baseURL + paths.shift() + '"></script>');
+        document.write('<script type="text/javascript" src="' + basePath + paths.shift() + '"></script>');
    }
 })();
\ No newline at end of file
--- a/index.html
+++ b/index.html
@@ -24,12 +24,8 @@
    </script>
    <script src="lib/jquery.xml2json.js" charset="utf-8"></script>
-    <script src="lib/baidu-frontia-js-full-1.0.0.js" charset="utf-8"></script>
-    <script src="social/draftmanager.js" charset="utf-8"></script>
-    <script src="social/social.js" charset="utf-8"></script>
-    <link href="social/social.css" rel="stylesheet">
-    <link href="themes/default/css/import.css" type="text/css" rel="stylesheet" />
+    <link href="ui/themes/default/css/default.all.css" type="text/css" rel="stylesheet" />
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
    <link href="favicon.ico" type="image/x-icon" rel="apple-touch-icon-precomposed">
 </head>
@@ -108,7 +104,7 @@
 <!--脑图启动代码-->
 <script>
    // create km instance
-    km = KM.getKityMinder('kityminder');
+    km = KM.getMinder('kityminder', window.KITYMINDER_CONFIG);
    // New Version Notify
    $(function() {
@@ -134,9 +130,6 @@
        alert('不支持的文件格式！');
    });
-    document.body.ontouchmove = function(e) {
-        //e.preventDefault();
-    }
 </script>
 <!--社会分享代码-->

--- a/kityminder.config.js
+++ b/kityminder.config.js
 (function() {
-    function getKMBasePath(docUrl, confUrl) {
-        return getBasePath(docUrl || self.document.URL || self.location.href, confUrl || getConfigFilePath());
+    window.KITYMINDER_CONFIG = {
+        // 定义
-    }
+        //modules: [],
-    function getConfigFilePath() {
-        var configPath = document.getElementsByTagName('script');
-        return configPath[configPath.length - 1].src;
-    }
-    function getBasePath(docUrl, confUrl) {
-        var basePath = confUrl;
-        if (/^(\/|\\\\)/.test(confUrl)) {
-            basePath = /^.+?\w(\/|\\\\)/.exec(docUrl)[0] + confUrl.replace(/^(\/|\\\\)/, '');
-        } else if (!/^[a-z]+:/i.test(confUrl)) {
-            docUrl = docUrl.split("#")[0].split("?")[0].replace(/[^\\\/]+$/, '');
-            basePath = docUrl + "" + confUrl;
-        }
-        return optimizationPath(basePath);
-    }
-    function optimizationPath(path) {
-        var protocol = /^[a-z]+:\/\//.exec(path)[0],
-            tmp = null,
-            res = [];
-        path = path.replace(protocol, "").split("?")[0].split("#")[0];
-        path = path.replace(/\\/g, '/').split(/\//);
-        path[path.length - 1] = "";
-        while (path.length) {
-            if ((tmp = path.shift()) === "..") {
-                res.pop();
-            } else if (tmp !== ".") {
-                res.push(tmp);
-            }
-        }
-        return protocol + res.join("/");
+        // 只读模式，默认是false
+        readOnly: false,
-    }
+        // 默认主题
-    window.KITYMINDER_CONFIG = {
+        defaultTemplate: 'default',
-        'KITYMINDER_HOME_URL': getKMBasePath(),
-        //定义工具栏
-        toolbars: [
-            'undo redo |  template theme | fontfamily fontsize bold italic forecolor | node hyperlink unhyperlink image removeimage markers resource | collapsenode expandnode | hand zoom-in zoom zoom-out | help'
-        ]
-        //只读模式，默认是false
-        //readOnly: true
-        //设置主题
+        // 默认皮肤
-        //,defaultTemplate : 'default' //设置默认的主题
+        defaultTheme: 'fresh-blue',
-        //,defaultTheme : 'fresh-blue'   //添加有那些主图
-        //回退相关选项
+        // 最大可回退的次数，默认 20
-        //,maxUndoCount:20  //最大可回退的次数，默认20
+        maxUndoCount: 20,
-        //语言默认是zh-cn
+        // 语言，默认是 'zh-cn'
-        //,lang:'zh-cn'
+        lang: 'zh-cn',
+        // 配置放大缩小的比例
+        zoom: [50, 80, 100, 120, 150, 200],
-        //设置km整体的z-index大小
+        // 图片尺寸限制
-        //,zIndex : 1000
+        maxImageWidth: 200,
-        //设置初始加载时展开的层数和子节点数目阈值
+        maxImageHeight: 200
-        //默认是全部展开，0表示全部展开
-        // ,
-        // defaultExpand: {
-        //     defaultLayer: 2,
-        //     defaultSubShow: 5
-        // }
-        //配置放大缩小的比例
-        //,zoom:[50,80,100,120,150,200]
-        //
-        //图片尺寸限制
-        //,maxImageWidth: 200
-        //,maxImageHeight: 200
-        //
    };
 })();
\ No newline at end of file
--- a/package.json
+++ b/package.json
@@ -32,11 +32,10 @@
        "grunt": "~0.4.1",
        "grunt-contrib-concat": "~0.3.0",
        "grunt-contrib-uglify": "~0.2.6",
-        "grunt-contrib-copy": "~0.4.0",
+        "grunt-contrib-copy": "~0.5.0",
        "grunt-text-replace": "~0.3.9",
-        "grunt-regarde": "latest",
+        "grunt-contrib-watch": "~0.6.1",
-        "grunt-contrib-connect": "latest",
+        "grunt-contrib-less": "~0.11.3"
-        "grunt-contrib-livereload": "latest"
    }
 }
\ No newline at end of file
--- a/src/core/minder.js
+++ b/src/core/minder.js
@@ -14,7 +14,7 @@ var Minder = KityMinder.Minder = kity.createClass('KityMinder', {
        if (this.getOptions('readOnly') === true) {
            this.setDisabled();
        }
-        this.getRoot().render().layout();
+        this.refresh();
        this.fire('ready');
    },

--- a/themes/default/css/button.css
+++ b/themes/default/css/button.css
-/*普通按钮*/
-.kmui-btn-toolbar .kmui-btn{
-    position: relative;
-    display: inline-block;
-    vertical-align: middle;
-    *display: inline;
-    *zoom:1;
-    width:auto;
-    margin: 0 1px;
-    padding:1px;
-    border:none;
-    background: none;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon{
-    width: 20px;
-    height: 20px;
-    margin: 0;
-    padding:0;
-    background-repeat: no-repeat;
-    background-image: url(../images/icons.png);
-    background-image: url(../images/icons.gif) \9;
-}
-/*状态反射*/
-.kmui-btn-toolbar .kmui-btn.kmui-hover,
-.kmui-btn-toolbar .kmui-btn.kmui-active{
-    background-color: #d5e1f2;
-    border: 1px solid #a3bde3;
-    padding: 0;
-    _z-index: 1;
-}
-.kmui-btn-toolbar .kmui-btn.kmui-disabled{
-    opacity: 0.3;
-    filter: alpha(opacity = 30);
-}
\ No newline at end of file
--- a/themes/default/css/buttonicon.css
+++ b/themes/default/css/buttonicon.css
-.kmui-btn-toolbar .kmui-btn .kmui-icon-undo {
-    background-position: -160px 0;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-redo {
-    background-position: -100px 0;
-}
-.kmui-btn-toolbar  .kmui-btn .kmui-icon-bold{
-    background-position: 0 0;
-}
-.kmui-btn-toolbar  .kmui-btn .kmui-icon-italic {
-    background-position: -60px 0;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-font, .kmui-btn-toolbar .kmui-btn .kmui-icon-forecolor {
-    background-position: -720px 1px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-image {
-    background: url(../images/picture_add.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-removeimage {
-    background: url(../images/picture_delete.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-hand {
-    background: url(../images/hand.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-markers {
-    background: url(../images/flag.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-clock {
-    background: url(../images/clock.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-zoom-in {
-    background: url(../images/zoom_in.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-zoom-out {
-    background: url(../images/zoom_out.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-help {
-    background: url(../images/help.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-preference {
-    background: url(../images/setting.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-expandnode {
-    background: url(../images/expand.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-collapsenode {
-    background: url(../images/contract.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-hyperlink {
-    background: url(../images/link.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-unhyperlink {
-    background: url(../images/unlink.png) no-repeat 2px 2px;
-}
-.kmui-btn-toolbar .kmui-btn .kmui-icon-resource {
-    background: url(../images/resource.png) no-repeat 2px 2px;
-}
\ No newline at end of file
--- a/themes/default/css/colorpicker.css
+++ b/themes/default/css/colorpicker.css
-.kmui-splitbutton-color-label {
-    width: 16px;
-    height: 3px;
-    position: absolute;
-    bottom: 2px;
-    left: 50%;
-    margin-left: -8px;
-    overflow: hidden;
-    line-height: 3px;
-}
-.kmui-popup .kmui-colorpicker {
-    margin: 10px;
-    font-size: 12px;
-}
-.kmui-colorpicker .kmui-colorpicker-topbar{
-    height: 27px;
-    width: 200px;
-    overflow: hidden;
-}
-.kmui-colorpicker .kmui-colorpicker-topbar .kmui-colorpicker-preview{
-    height: 20px;
-    border: 1px inset black;
-    margin-left: 1px;
-    width: 128px;
-    float: left;
-}
-.kmui-colorpicker .kmui-colorpicker-topbar .kmui-colorpicker-nocolor{
-    float: right;
-    margin-right: 1px;
-    font-size: 12px;
-    line-height: 14px;
-    height: 14px;
-    border: 1px solid #333;
-    padding: 3px 5px;
-    cursor: pointer;
-}
-.kmui-colorpicker table{
-    border-collapse: collapse;
-    border-spacing: 2px;
-}
-.kmui-colorpicker tr.kmui-colorpicker-firstrow{
-    height: 30px;
-}
-.kmui-colorpicker table td{
-    padding: 0 2px;
-}
-.kmui-colorpicker table td .kmui-colorpicker-colorcell{
-    display: block;
-    text-decoration: none;
-    color: black;
-    width: 14px;
-    height: 14px;
-    margin: 0;
-    cursor: pointer;
-}
\ No newline at end of file
--- a/themes/default/css/combobox.css
+++ b/themes/default/css/combobox.css
-.kmui-btn-toolbar .kmui-combobox{
-    border: 1px solid transparent;
-    padding:0;
-    margin:0 2px;
-    line-height: 20px;
-    font-family: Arial, "Heiti SC", "Microsoft Yahei";
-}
-.kmui-combobox .kmui-button-label{
-    position: relative;
-    display: inline-block;
-    vertical-align: middle;
-    *display: inline ;
-    *zoom:1;
-    height:20px;
-    line-height: 20px;
-    padding: 2px 5px;
-    margin: 0;
-    font-size: 12px;
-    text-align: center;
-    cursor: default;
-}
-.kmui-combobox  .kmui-button-spacing{
-    position: relative;
-    display: inline-block ;
-    vertical-align: middle;
-    *display: inline ;
-    *zoom:1;
-    height:20px;
-    margin: 0;
-    /*padding:0 3px;*/
-    padding: 0;
-}
-.kmui-combobox .kmui-caret{
-    position: relative;
-    display: inline-block ;
-    vertical-align: middle;
-    *display: inline ;
-    *zoom:1;
-    height:20px;
-    width: 12px;
-    margin: 0;
-    padding: 0;
-    background: url(../images/icons.png) -740px 2px no-repeat;
-    _background: url(../images/icons.gif) -740px 2px no-repeat;
-    padding: 2px 0;
-    border-left: 1px solid transparent;
-}
-.kmui-combobox:hover .kmui-caret {
-    border-left-color: #a3bde3;
-}
-.kmui-btn-toolbar .kmui-combobox.kmui-disabled{
-    opacity: 0.2;
-    filter: alpha(opacity = 20);
-}
--- a/themes/default/css/comboboxmenu.css
+++ b/themes/default/css/comboboxmenu.css
-.kmui-combobox-menu{
-    position: absolute;
-    display: none;
-    list-style: none;
-    text-decoration: none;
-    margin: 0;
-    padding: 5px 0;
-    background-color: #ffffff;
-    font-size: 12px;
-    box-shadow: 0 1px 5px hsla(0, 0%, 0%, 0.3);
-    /* border-radius: 3px; */
-    min-width: 160px;
-    _width: 160px;
-    -webkit-transform: translateX(2px);
-    font-family: Arial, "Heiti SC", "Microsoft Yahei";
-    /* border-top: 3px solid hsl(224, 16%, 27%); */
-}
-.kmui-combobox-menu .kmui-combobox-item {
-    display: block;
-    padding: 2px 15px 2px 2px;
-    white-space:nowrap;
-}
-.kmui-combobox-menu .kmui-combobox-item:first-child:last-child {
-    border-radius: 2px;
-}
-.kmui-combobox-menu .kmui-combobox-item-label {
-    height: 25px;
-    line-height: 25px;
-    display: inline-block;
-    vertical-align: middle;
-    _display: inline;
-    _zoom: 1;
-}
-.kmui-combobox-menu .kmui-combobox-item:hover, .kmui-combobox-menu .kmui-combobox-stack-item:hover, .kmui-combobox-menu .kmui-combobox-item-hover {
-    background: #0099f2; /* Old browsers */
-    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
-    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTlmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDA5NmVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzZkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
-    background: -moz-linear-gradient(top,  #0099f2 0%, #4096ee 0%, #0076dd 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099f2), color-stop(0%,#4096ee), color-stop(100%,#0076dd)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top,  #0099f2 0%,#4096ee 0%,#0076dd 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top,  #0099f2 0%,#4096ee 0%,#0076dd 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top,  #0099f2 0%,#4096ee 0%,#0076dd 100%); /* IE10+ */
-    background: linear-gradient(to bottom,  #0099f2 0%,#4096ee 0%,#0076dd 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099f2', endColorstr='#0076dd',GradientType=0 ); /* IE6-8 */
-    color: white;
-    background: hsl(222, 14%, 41%);
-    /*border: 1px solid #a3bde3;*/
-}
-.kmui-combobox-menu .kmui-combobox-item .kmui-combobox-icon {
-    display: inline-block;
-    *zoom: 1;
-    *display: inline;
-    width: 30px;
-    height: 12px;
-    line-height: 12px;
-    vertical-align: middle;
-    background: url(../images/check.png) no-repeat 1000px 1000px;
-}
-.kmui-combobox-menu .kmui-combobox-checked .kmui-combobox-icon {
-    background-position: center 0;
-}
-.kmui-combobox-menu .kmui-combobox-checked:hover .kmui-combobox-icon {
-    background-position: center -12px;
-}
-.kmui-combobox-menu .kmui-combobox-item-separator {
-    min-width: 160px;
-    height: 1px;
-    line-height: 1px;
-    overflow: hidden;
-    background: #d3d3d3;
-    margin: 5px 0;
-    *margin-top: -8px;
-}
-/* 字体样式校正 */
-.kmui-combobox-menu .kmui-combobox-item-disabled {
-    color: black;
-    opacity: 0.3;
-}
-.kmui-combobox-menu .kmui-combobox-item-disabled:hover {
-    border-color: #fff;
-    background: #fff;
-    color: black;
-}
\ No newline at end of file
--- a/themes/default/css/dialog.css
+++ b/themes/default/css/dialog.css
-.kmui-modal {
-    position: fixed;
-    top: 140px;
-    right:10px;
-    background-color: #fff;
-    outline: 0;
-    /* border-radius: 5px; */
-    box-shadow: 3px 3px 8px rgba(0,0,0, .5);
-}
-.kmui-modal input[type=text] {
-    width: 75%;
-    padding: 6px 12px;
-    font-size: 14px;
-    line-height: 1.42857143;
-    vertical-align: middle;
-    color: #555;
-    background-color: #fff;
-    background-image: none;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    box-shadow: inset 0 1px 1px rgba( 0, 0, 0, .075 );
-    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-}
-.kmui-modal input[type=text]:focus {
-    border-color: #66afe9;
-    outline: 0;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
-}
-.kmui-modal-header {
-    padding: 5px 10px;
-    border-bottom: 1px solid #eee;
-    cursor: move;
-}
-.kmui-modal-header .kmui-close {
-    float: right;
-    width:20px;
-    height:20px;
-    margin-top: 2px;
-    padding: 1px;
-    border: 0;
-    background: url("../images/close.png") no-repeat center center;
-    cursor: pointer;
-}
-.kmui-modal-header .kmui-close.kmui-hover {
-    background-color: #d5e1f2;
-    padding:0;
-    border: 1px solid #a3bde3;
-}
-.kmui-modal-header .kmui-title {
-    margin: 0;
-    line-height: 25px;
-    font-size: 20px;
-}
-.kmui-modal-body {
-    position: relative;
-    max-height: 400px;
-    font-size: 12px;
-    overflow-y: auto;
-    overflow-x: hidden;
-}
-.kmui-modal-footer {
-    float: right;
-    padding: 5px 15px 15px;
-    overflow: hidden;
-}
-.kmui-modal-footer .kmui-btn {
-    float: left;
-    height: 24px;
-    width: 96px;
-    margin: 0 10px;
-    background-color: #ffffff;
-    padding: 0;
-    border: 1px solid #ababab;
-    font-size: 12px;
-    line-height: 24px;
-    text-align: center;
-    cursor: pointer;
-}
-.kmui-modal-footer .kmui-btn.kmui-hover{
-    background-color: #d5e1f2;
-    border: 1px solid #a3bde3;
-}
-.kmui-modal-backdrop{
-    opacity: 0.5;
-    filter: alpha(opacity=50);
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-color: #c6c6c6;
-}
-.kmui-modal .kmui-modal-tip {
-    color: red;
-    position: absolute;
-    bottom: 10px;
-    left: 10px;
-    height: 30px;
-    line-height: 30px;
-    display: none;
-}
\ No newline at end of file
--- a/themes/default/css/dropmenu.css
+++ b/themes/default/css/dropmenu.css
-.kmui-dropdown-menu {
-    position: absolute;
-    z-index: 99999999999;
-    display: none;
-    min-width: 160px;
-    padding: 5px 0;
-    font-size: 12px;
-    list-style: none;
-    background-color: #ffffff;
-    border-radius: 0;
-    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
-    background-clip: padding-box;
-    font-family: Arial, "Heiti SC", "Microsoft Yahei";
-}
-.kmui-dropdown-menu.pull-right {
-    right: 0;
-    left: auto;
-}
-.kmui-dropdown-menu .kmui-divider {
-    height: 1px;
-    margin: 5px 0;
-    overflow: hidden;
-    background-color: #e5e5e5;
-}
-.kmui-dropdown-menu .kmui-divider:first-child,
-.kmui-dropdown-menu .kmui-divider:last-child {
-    display: none;
-}
-.kmui-dropdown-menu > li > a {
-    display: block;
-    padding: 2px 15px 2px 30px;
-    height: 25px;
-    line-height: 25px;
-    clear: both;
-    font-weight: normal;
-    color: #333333;
-    white-space: nowrap;
-    text-decoration: none;
-}
-.kmui-dropdown-menu > li:hover > a,
-.kmui-dropdown-menu > li:focus > a {
-    background: #0099f2; /* Old browsers */
-    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
-    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTlmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDA5NmVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzZkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
-    background: -moz-linear-gradient(top,  #0099f2 0%, #4096ee 0%, #0076dd 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099f2), color-stop(0%,#4096ee), color-stop(100%,#0076dd)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top,  #0099f2 0%,#4096ee 0%,#0076dd 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top,  #0099f2 0%,#4096ee 0%,#0076dd 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top,  #0099f2 0%,#4096ee 0%,#0076dd 100%); /* IE10+ */
-    background: hsl(222, 14%, 41%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099f2', endColorstr='#0076dd',GradientType=0 ); /* IE6-8 */
-    color: white;
-}
-.kmui-dropdown-menu > .active > a,
-.kmui-dropdown-menu > .active > a:hover,
-.kmui-dropdown-menu > .active > a:focus {
-    color: #ffffff;
-    text-decoration: none;
-    background-color: #428bca;
-    outline: 0;
-}
-.kmui-dropdown-menu > .disabled > a,
-.kmui-dropdown-menu > .disabled > a:hover,
-.kmui-dropdown-menu > .disabled > a:focus {
-    color: #999999;
-}
-.kmui-dropdown-menu > .disabled > a:hover,
-.kmui-dropdown-menu > .disabled > a:focus {
-    text-decoration: none;
-    cursor: not-allowed;
-    background-color: transparent;
-    background-image: none;
-    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-.kmui-dropdown-menu >li > a:active, .kmui-dropdown-menu >li > a:hover {
-    outline: 0;
-}
--- a/themes/default/css/import.css
+++ b/themes/default/css/import.css
-@import "kityminder.css";
-@import "button.css";
-@import "buttonicon.css";
-@import "splitbutton.css";
-@import "combobox.css";
-@import "comboboxmenu.css";
-@import "dialog.css";
-@import "dialogsize.css";
-@import "popup.css";
-@import "tab.css";
-@import "tooltip.css";
-@import "colorpicker.css";
-@import "separator.css";
-@import "markers.css";
-@import "help.css";
-@import "dropmenu.css";
-@import "resource.dialog.css"
\ No newline at end of file
--- a/themes/default/css/markers.css
+++ b/themes/default/css/markers.css
-.kmui-modal-header .kmui-title{
-	font-size: 14px;
-}
-.kmui-dialog-markers-body {
-    padding-bottom: 5px
-}
-.icon-list{
-    margin: 0;
-    padding: 0
-}
-.icon-list li{
-    padding: 5px 10px;
-    margin: 0;
-    list-style: none;
-    cursor: pointer;
-    color: #333;
-    font-family:Arial, "Heiti SC", "Microsoft Yahei";
-}
-.icon-list li:hover,.icon-list li.active{
-    background: #cfe0f7
-}
-.icon-list li span.icon{
-	display: inline-block;
-	width: 20px;
-	height: 20px;
-    vertical-align: middle;
-    margin-right: 10px;
-}
\ No newline at end of file
--- a/themes/default/css/popup.css
+++ b/themes/default/css/popup.css
-.kmui-popup{
-    display: none;
-    /*background: url('../images/pop-bg.png') repeat #fff;*/
-    background: white;
-    padding: 2px;
-    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
-}
-.kmui-popup .kmui-popup-body{
-    /*border: 1px solid #bfbfbf;*/
-    background-color: #fff;
-}
-.kmui-popup .kmui-popup-caret{
-    width: 21px;
-    height: 11px;
-}
-.kmui-popup .kmui-popup-caret.up{
-    /*background:url('../images/caret.png') no-repeat 0 0;*/
-}
-.kmui-popup .kmui-popup-caret.down{
-    /*background:url('../images/caret.png') no-repeat 0 0;*/
-}
--- a/themes/default/css/resource.dialog.css
+++ b/themes/default/css/resource.dialog.css
-.kmui-dialog-resource{width:300px}.kmui-dialog-resource .add-resource{padding:10px}.kmui-dialog-resource .add-resource input[type=text]{width:142px}
-.kmui-dialog-resource .add-resource button{margin-right:0}
-.kmui-dialog-resource .add-resource .global-resource{list-style:none;margin:0;padding:5px 0 0}.kmui-dialog-resource .add-resource .global-resource li{margin:0 10px 5px 0;display:inline-block;border-radius:5px}.kmui-dialog-resource .add-resource .global-resource li label{padding:4px 8px 4px 6px;display:block}
-.kmui-dialog-resource .no-selected{padding:10px}
--- a/themes/default/css/separator.css
+++ b/themes/default/css/separator.css
-.kmui-toolbar .kmui-separator{
-    width: 2px;
-    height: 20px;
-    padding: 1px 2px;
-    background: url(../images/icons.png) -179px 1px;
-    background: url(../images/icons.gif) -179px 1px \9;
-    display: inline-block ;
-    vertical-align: middle;
-    *display: inline ;
-    *zoom:1;
-    border:none;
-}
\ No newline at end of file
--- a/themes/default/css/splitbutton.css
+++ b/themes/default/css/splitbutton.css
-.kmui-btn-toolbar .kmui-splitbutton{
-    position: relative;
-    display: inline-block ;
-    vertical-align: middle;
-    *display: inline ;
-    *zoom:1;
-    margin:0 2px;
-}
-.kmui-splitbutton .kmui-btn{
-    margin: 0;
-}
-.kmui-splitbutton .kmui-caret{
-    position: relative;
-    display: inline-block ;
-    vertical-align: middle;
-    *display: inline ;
-    *zoom:1;
-    width: 8px;
-    height: 20px;
-    background: url(../images/icons.png) -741px 0;
-    _background: url(../images/icons.gif) -741px 0;
-}
-.kmui-btn-toolbar .kmui-splitbutton {
-    border: 1px solid transparent;
-}
-.kmui-btn-toolbar .kmui-splitbutton .kmui-dropdown-toggle {
-    padding: 1px 2px;
-    margin-left: -1px;
-    border-left: 1px solid transparent;
-}
-.kmui-btn-toolbar .kmui-splitbutton .kmui-dropdown-toggle:hover {
-    border-left-color: #a3bde3;
-    background-color: #dbe7f8;
-}
-/*状态反射*/
-.kmui-btn-toolbar .kmui-splitbutton.kmui-hover {
-    background-color: #d5e1f2;
-    border: 1px solid #a3bde3;
-}
-.kmui-btn-toolbar .kmui-splitbutton.kmui-disabled{
-    opacity: 0.3;
-    filter: alpha(opacity = 30);
-}
--- a/themes/default/css/tab.css
+++ b/themes/default/css/tab.css
-.kmui-tab-nav {
-    margin: 0;
-    padding:0;
-    border-bottom: 1px solid #ddd;
-    list-style: none;
-    height:30px;
-}
-.kmui-tab-nav .kmui-tab-item {
-    float:left;
-    margin-bottom: -1px;
-    margin-top: 1px;
-    margin-top: 0\9;
-}
-.kmui-tab-nav .kmui-tab-item .kmui-tab-text{
-    display: block;
-    padding:8px 12px;
-    border: 1px solid transparent;
-    color: #0088cc;
-    text-decoration: none;
-    outline: 0;
-    _border:1px solid #fff ;
-    cursor: pointer;
-}
-.kmui-tab-nav .kmui-tab-item .kmui-tab-text:FOCUS {
-    outline: none;
-}
-.kmui-tab-nav .kmui-tab-item.kmui-active  .kmui-tab-text{
-    border: 1px solid #ddd;
-    border-bottom-color: transparent;
-    background-color: #fff;
-    padding:8px 12px;
-    color: #555555;
-    cursor: default;
-}
-.kmui-tab-content .kmui-tab-pane{
-    padding: 1px;
-    position: relative;
-    display: none;
-    background-color: #fff;
-    clear: both;
-}
-.kmui-tab-content .kmui-tab-pane.kmui-active{
-    display: block;
-}
--- a/themes/default/css/tooltip.css
+++ b/themes/default/css/tooltip.css
-.kmui-btn-toolbar .kmui-tooltip{
-    position: absolute;
-    padding: 5px 0;
-    display: none;
-    /*opacity: 0.8;*/
-    /*filter: alpha(opacity=80);*/
-    z-index: 99999;
-}
-.kmui-tooltip .kmui-tooltip-arrow{
-    position: absolute;
-    top: 0;
-    _top: -19px;
-    left: 50%;
-    width: 0;
-    height: 0;
-    padding: 0;
-    margin-left: -5px;
-    border-color: transparent;
-    border-style: dashed dashed solid dashed;
-    border-bottom-color: #000000;
-    border-width: 0 5px 5px;
-    background: transparent;
-}
-.kmui-tooltip .kmui-tooltip-inner{
-    padding: 6px;
-    color: #ffffff;
-    text-align: center;
-    text-decoration: none;
-    font-size: 10px;
-    background-color: #000000;
-    white-space: nowrap;
-    line-height: 12px;
-}
\ No newline at end of file
--- a/ui/themes/default/css/default.all.css
+++ b/ui/themes/default/css/default.all.css
+html,
+body,
+div {
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+#content-wrapper {
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+#kityminder {
+  position: absolute;
+  left: 0;
+  top: 48px;
+  right: 0;
+  bottom: 0;
+  -moz-user-select: none;
+}
+#panel {
+  background: #3a4050;
+  font-family: 'Hiragino Sans GB', 'Arial', 'Microsoft Yahei';
+  height: 40px;
+  overflow: visible;
+  padding: 0 15px;
+  position: relative;
+  border-bottom: 8px solid #5A6378;
+}
+.km_receiver {
+  width: 0;
+  height: 0;
+}
+.km-minderNode {
+  cursor: default;
+}
+.kmui-container {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
+.kmui-editor-body {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
+.kmui-container .kmui-toolbar {
+  background-color: #fff;
+  z-index: 999;
+}
+.kmui-toolbar .kmui-btn-toolbar {
+  padding: 5px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.kmui-toolbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+.kmui-container .kmui-editor-body {
+  background: #fbfbfb;
+  /*line-height: 0;*/
+  overflow: hidden;
+}
+svg,
+body {
+  font-family: Arial, "Microsoft Yahei", "Heiti SC", sans-serif;
+}
+#about {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  height: 40px;
+  line-height: 40px;
+  background: #5d697a;
+  color: #eee;
+  font-family: Arial;
+  font-size: 13px;
+  font-weight: normal;
+  margin: 0;
+  text-align: right;
+  padding: 0 15px 0 60px;
+  border-bottom: 5px solid #393F4F;
+  transition: all ease .3s 0.3s;
+  -webkit-transform: translate(100%);
+  -moz-transform: translate(100%);
+  -ms-transform: translate(100%);
+  -o-transform: translate(100%);
+  transform: translate(100%);
+}
+#about:hover,
+#about:hover #km-cat {
+  -webkit-transform: translate(0);
+  -moz-transform: translate(0);
+  -ms-transform: translate(0);
+  -o-transform: translate(0);
+  transform: translate(0);
+}
+#about a {
+  color: #eee;
+}
+#about #km-cat {
+  position: absolute;
+  left: 15px;
+  top: 5px;
+  transition: all ease 1.3s 0.3s;
+  -webkit-transform: translate(-60px, 0);
+  -moz-transform: translate(-60px, 0);
+  -ms-transform: translate(-60px, 0);
+  -o-transform: translate(-60px, 0);
+  transform: translate(-60px, 0);
+  cursor: pointer;
+}
+#about #cat-face {
+  fill: #393F4F;
+}
+#km-version.new-version {
+  position: relative;
+  padding-right: 30px;
+}
+#km-version.new-version:after {
+  content: 'NEW';
+  color: #ff0;
+  position: absolute;
+  top: -10px;
+  right: -5px;
+  display: block;
+  background: #f00;
+  padding: 0 5px;
+  border-radius: 4px;
+  text-shadow: none;
+  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
+  -webkit-transform: scale(0.6);
+  -moz-transform: scale(0.6);
+  -ms-transform: scale(0.6);
+  transform: scale(0.6);
+}
--- a/themes/default/css/help.css
+++ b/themes/default/css/help.css
--- a/ui/themes/default/css/import.less
+++ b/ui/themes/default/css/import.less
+@import "kityminder";
\ No newline at end of file
--- a/themes/default/css/kityminder.css
+++ b/themes/default/css/kityminder.css
+@import "vendor";
 html, body, div {
    margin: 0;
    padding: 0;
-}
-html, body, #kityminder, div.kmui-editor-body {
    overflow: hidden;
-    -moz-user-select: none;
-    width: 100%;
 }
 #content-wrapper {
    overflow: hidden;
    position: fixed;
@@ -16,30 +14,19 @@ html, body, #kityminder, div.kmui-editor-body {
    right: 0;
    bottom: 0;
 }
-#title, #panel {
-    background: hsl(224, 16%, 27%);
-    font-family: 'Hiragino Sans GB', 'Arial', 'Microsoft Yahei';
-    /* -webkit-font-smoothing: antialiased; */
-}
-#title {
+#kityminder {
-    height: 40px;
+    position: absolute;
-    line-height: 45px;
+    left: 0;
-    padding: 0;
+    top: 48px;
-    margin: 0;
+    right: 0;
-    padding: 0;
+    bottom: 0;
-    font-size: 14px;
+    -moz-user-select: none;
-    color: #DBDBDB;
-    text-align: center;
-    font-weight: 300;
-    font-size: 14px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    word-break: break-word;
-    white-space: nowrap;
 }
 #panel {
+    background: hsl(224, 16%, 27%);
+    font-family: 'Hiragino Sans GB', 'Arial', 'Microsoft Yahei';
    height: 40px;
    overflow: visible;
    padding: 0 15px;
@@ -47,190 +34,13 @@ html, body, #kityminder, div.kmui-editor-body {
    border-bottom: 8px solid #5A6378;
 }
-#panel button {
-    font-size: 14px;
-    height: 24px;
-    line-height: 28px;
-    padding-right: 7px;
-    padding-left: 30px;
-    cursor: pointer;
-    color: #a3a6ae;
-    margin: 0 8px;
-    background: url(../images/menu-icons.png) no-repeat;
-    vertical-align: middle;
-    margin-top: -3px;
-}
-#menu, #user {
-    height: 40px;
-    line-height: 40px;
-}
-#menu {
-    float: left;
-}
-#panel button:hover, #panel button.active {
-    color: white;
-    box-shadow: none;
-}
-button.dropdown {
-    padding-right: 28px !important;
-    position: relative;
-}
-button.dropdown:after {
-    content: ' ';
-    display: block;
-    position: absolute;
-    right: 10px;
-    top: 12px;
-    width: 0;
-    height: 0;
-    border: solid;
-    border-width: 4px 5px;
-    border-color: #a3a6ae transparent transparent transparent;
-}
-button.dropdown:hover:after, button.dropdown.active:after {
-    border-color: #fff transparent transparent transparent;
-}
-#file-btn:hover, #file-btn.active {
-    background-position: 0 -24px;
-}
-button#tool-btn {
-    background-position: 0 -48px;
-}
-#tool-btn:hover, #tool-btn.active {
-    background-position: 0 -72px;
-}
-#tool-btn.active:after {
-    content: ' ';
-    display: block;
-    position: absolute;
-    top: 21px;
-    left: 40px;
-    width: 0;
-    height: 0;
-    border: solid;
-    border-width: 11px 11px;
-    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF rgba(0, 0, 0, 0);
-}
-#panel button#tool-btn {
-    padding-right: 20px;
-    position: relative;
-    overflow: visible;
-}
-#panel button#tool-btn.active:before {
-    content: ' ';
-    display: block;
-    position: absolute;
-    width: 12px;
-    height: 12px;
-    background: url(../images/check.png) 0 -12px;
-    border: none;
-    right: 2px;
-    top: 8px;
-}
-#user {
-    /* position: absolute; */
-    /* top: 0; */
-    /* right: 10px; */
-    float: right;
-}
-#user-btn, #logout-btn, #user.logined #login-btn {
-    display: none;
-}
-#user.logined #user-btn, #user.logined #logout-btn {
-    display: inline-block;
-}
-button#user-btn {
-    position: relative;
-    margin-right: 0;
-}
-button#user-btn, button#login-btn {
-    background-position: 0 -96px;
-}
-button#user-btn:hover, button#login-btn:hover,
-button#user-btn.active, button#login-btn.active {
-    background-position: 0 -120px;
-}
-#user-btn img {
-    position: absolute;
-    left: 4px;
-    top: 4px;
-    width: 18px;
-    height: 18px;
-    /* display: none; */
-}
-button#logout-btn {
-    background: none;
-    margin: none;
-    padding-left: 0;
-}
-button#draft-btn {
-    background-position: 0 -144px;
-}
-button#draft-btn:hover, 
-button#draft-btn.active {
-    background-position: 0 -168px;
-}
-li#manage-file-button {
-    position: relative;
-}
-li#manage-file-button:before {
-    content: ' ';
-    display: block;
-    position: absolute;
-    width: 24px;
-    height: 24px;
-    left: 5px;
-    background: url(../images/baiducloud.png) no-repeat 3px 0;
-}
-li#manage-file-button:hover:before {
-    background-position: 3px -24px;
-}
-button#share-btn {
-    background-position: 0 -192px;
-}
-button#share-btn:hover {
-    background-position: 0 -216px;
-}
-#kityminder {
-    position: absolute;
-    left: 0;
-    top: 48px;
-    right: 0;
-    bottom: 0;
-}
 .km_receiver{
    width:0;
    height:0;
 }
 .km-minderNode{
-    cursor:default;
+    cursor: default;
 }
 .kmui-container {
    position: absolute;
@@ -293,13 +103,16 @@ svg, body {
    -ms-transform: translate(100%);
    -o-transform: translate(100%);
    transform: translate(100%);
+    &:hover, &:hover #km-cat {
+        -webkit-transform: translate(0);
+        -moz-transform: translate(0);
+        -ms-transform: translate(0);
+        -o-transform: translate(0);
+        transform: translate(0);
+    }
 }
 #about:hover, #about:hover #km-cat {
-    -webkit-transform: translate(0);
-    -moz-transform: translate(0);
-    -ms-transform: translate(0);
-    -o-transform: translate(0);
-    transform: translate(0);
 }
 #about a {
    color: #eee;

--- a/themes/default/css/dialogsize.css
+++ b/themes/default/css/dialogsize.css
--- a/themes/default/css/resource.dialog.less
+++ b/themes/default/css/resource.dialog.less
--- a/ui/themes/default/css/vendor.less
+++ b/ui/themes/default/css/vendor.less
+.transition(@value) {
+    -webkit-transition: @value;
+    -moz-transition: @value;
+    -ms-transition: @value;
+    -o-transition: @value;
+    transition: @value;
+}
+.transform(@value) {
+    -webkit-transform: @value;
+    -moz-transform: @value;
+    -ms-transform: @value;
+    -o-transform: @value;
+    tranform: @value;
+}
\ No newline at end of file
--- a/themes/default/images/baiducloud.png
+++ b/themes/default/images/baiducloud.png
--- a/themes/default/images/blur.svg
+++ b/themes/default/images/blur.svg
--- a/themes/default/images/caret.png
+++ b/themes/default/images/caret.png
--- a/themes/default/images/check.png
+++ b/themes/default/images/check.png
--- a/themes/default/images/clock.png
+++ b/themes/default/images/clock.png
--- a/themes/default/images/close-button.png
+++ b/themes/default/images/close-button.png
--- a/themes/default/images/close.png
+++ b/themes/default/images/close.png
--- a/themes/default/images/cloud-disk.png
+++ b/themes/default/images/cloud-disk.png
--- a/themes/default/images/contract.png
+++ b/themes/default/images/contract.png
--- a/themes/default/images/draft.png
+++ b/themes/default/images/draft.png
--- a/themes/default/images/expand.png
+++ b/themes/default/images/expand.png
--- a/themes/default/images/flag.png
+++ b/themes/default/images/flag.png
--- a/themes/default/images/grid.png
+++ b/themes/default/images/grid.png
--- a/themes/default/images/hand.png
+++ b/themes/default/images/hand.png
--- a/themes/default/images/help.png
+++ b/themes/default/images/help.png
--- a/themes/default/images/icons.gif
+++ b/themes/default/images/icons.gif
--- a/themes/default/images/icons.png
+++ b/themes/default/images/icons.png
--- a/themes/default/images/kmcat.png
+++ b/themes/default/images/kmcat.png
--- a/themes/default/images/link.png
+++ b/themes/default/images/link.png
--- a/themes/default/images/menu-icons.png
+++ b/themes/default/images/menu-icons.png
--- a/themes/default/images/menu-icons.psd
+++ b/themes/default/images/menu-icons.psd
--- a/themes/default/images/ok.gif
+++ b/themes/default/images/ok.gif
--- a/themes/default/images/picture_add.png
+++ b/themes/default/images/picture_add.png
--- a/themes/default/images/picture_delete.png
+++ b/themes/default/images/picture_delete.png
--- a/themes/default/images/pop-bg.png
+++ b/themes/default/images/pop-bg.png
--- a/themes/default/images/resource.png
+++ b/themes/default/images/resource.png
--- a/themes/default/images/setting.png
+++ b/themes/default/images/setting.png
--- a/themes/default/images/share.png
+++ b/themes/default/images/share.png
--- a/themes/default/images/spacer.gif
+++ b/themes/default/images/spacer.gif
--- a/themes/default/images/unlink.png
+++ b/themes/default/images/unlink.png
--- a/themes/default/images/videologo.gif
+++ b/themes/default/images/videologo.gif
--- a/themes/default/images/zoom_in.png
+++ b/themes/default/images/zoom_in.png
--- a/themes/default/images/zoom_out.png
+++ b/themes/default/images/zoom_out.png