Commit f41510cfd7636b2dc8f3655933e5d409a9ff19ce

Authored by ykxie
1 parent e7dd2f54

fixbug and add module

Too many changes to show.

To preserve performance only 48 of 23102 files are displayed.

.gitignore
1 example 1 example
2 -node_modules  
3 -example  
4 -dist  
5 *.zip 2 *.zip
dist/common/fonts/demo.css 0 → 100644
  1 +*{margin: 0;padding: 0;list-style: none;}
  2 +/*
  3 +KISSY CSS Reset
  4 +理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。
  5 +2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。
  6 +3. reset 期望提供一套普适通用的基础样式。但没有银弹,推荐根据具体需求,裁剪和修改后再使用。
  7 +特色:1. 适应中文;2. 基于最新主流浏览器。
  8 +维护:玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
  9 + */
  10 +
  11 +/** 清除内外边距 **/
  12 +body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
  13 +dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
  14 +pre, /* text formatting elements 文本格式元素 */
  15 +form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
  16 +th, td /* table elements 表格元素 */ {
  17 + margin: 0;
  18 + padding: 0;
  19 +}
  20 +
  21 +/** 设置默认字体 **/
  22 +body,
  23 +button, input, select, textarea /* for ie */ {
  24 + font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
  25 +}
  26 +h1, h2, h3, h4, h5, h6 { font-size: 100%; }
  27 +address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
  28 +code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
  29 +small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */
  30 +
  31 +/** 重置列表元素 **/
  32 +ul, ol { list-style: none; }
  33 +
  34 +/** 重置文本格式元素 **/
  35 +a { text-decoration: none; }
  36 +a:hover { text-decoration: underline; }
  37 +
  38 +
  39 +/** 重置表单元素 **/
  40 +legend { color: #000; } /* for ie6 */
  41 +fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */
  42 +button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
  43 +/* 注:optgroup 无法扶正 */
  44 +
  45 +/** 重置表格元素 **/
  46 +table { border-collapse: collapse; border-spacing: 0; }
  47 +
  48 +/* 清除浮动 */
  49 +.ks-clear:after, .clear:after {
  50 + content: '\20';
  51 + display: block;
  52 + height: 0;
  53 + clear: both;
  54 +}
  55 +.ks-clear, .clear {
  56 + *zoom: 1;
  57 +}
  58 +
  59 +.main {
  60 + padding: 30px 100px;
  61 +width: 960px;
  62 +margin: 0 auto;
  63 +}
  64 +.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
  65 +
  66 +.helps{margin-top:40px;}
  67 +.helps pre{
  68 + padding:20px;
  69 + margin:10px 0;
  70 + border:solid 1px #e7e1cd;
  71 + background-color: #fffdef;
  72 + overflow: auto;
  73 +}
  74 +
  75 +.icon_lists{
  76 + width: 100% !important;
  77 +
  78 +}
  79 +
  80 +.icon_lists li{
  81 + float:left;
  82 + width: 100px;
  83 + height:180px;
  84 + text-align: center;
  85 + list-style: none !important;
  86 +}
  87 +.icon_lists .icon{
  88 + font-size: 42px;
  89 + line-height: 100px;
  90 + margin: 10px 0;
  91 + color:#333;
  92 + -webkit-transition: font-size 0.25s ease-out 0s;
  93 + -moz-transition: font-size 0.25s ease-out 0s;
  94 + transition: font-size 0.25s ease-out 0s;
  95 +
  96 +}
  97 +.icon_lists .icon:hover{
  98 + font-size: 100px;
  99 +}
  100 +
  101 +
  102 +
  103 +.markdown {
  104 + color: #666;
  105 + font-size: 14px;
  106 + line-height: 1.8;
  107 +}
  108 +
  109 +.highlight {
  110 + line-height: 1.5;
  111 +}
  112 +
  113 +.markdown img {
  114 + vertical-align: middle;
  115 + max-width: 100%;
  116 +}
  117 +
  118 +.markdown h1 {
  119 + color: #404040;
  120 + font-weight: 500;
  121 + line-height: 40px;
  122 + margin-bottom: 24px;
  123 +}
  124 +
  125 +.markdown h2,
  126 +.markdown h3,
  127 +.markdown h4,
  128 +.markdown h5,
  129 +.markdown h6 {
  130 + color: #404040;
  131 + margin: 1.6em 0 0.6em 0;
  132 + font-weight: 500;
  133 + clear: both;
  134 +}
  135 +
  136 +.markdown h1 {
  137 + font-size: 28px;
  138 +}
  139 +
  140 +.markdown h2 {
  141 + font-size: 22px;
  142 +}
  143 +
  144 +.markdown h3 {
  145 + font-size: 16px;
  146 +}
  147 +
  148 +.markdown h4 {
  149 + font-size: 14px;
  150 +}
  151 +
  152 +.markdown h5 {
  153 + font-size: 12px;
  154 +}
  155 +
  156 +.markdown h6 {
  157 + font-size: 12px;
  158 +}
  159 +
  160 +.markdown hr {
  161 + height: 1px;
  162 + border: 0;
  163 + background: #e9e9e9;
  164 + margin: 16px 0;
  165 + clear: both;
  166 +}
  167 +
  168 +.markdown p,
  169 +.markdown pre {
  170 + margin: 1em 0;
  171 +}
  172 +
  173 +.markdown > p,
  174 +.markdown > blockquote,
  175 +.markdown > .highlight,
  176 +.markdown > ol,
  177 +.markdown > ul {
  178 + width: 80%;
  179 +}
  180 +
  181 +.markdown ul > li {
  182 + list-style: circle;
  183 +}
  184 +
  185 +.markdown > ul li,
  186 +.markdown blockquote ul > li {
  187 + margin-left: 20px;
  188 + padding-left: 4px;
  189 +}
  190 +
  191 +.markdown > ul li p,
  192 +.markdown > ol li p {
  193 + margin: 0.6em 0;
  194 +}
  195 +
  196 +.markdown ol > li {
  197 + list-style: decimal;
  198 +}
  199 +
  200 +.markdown > ol li,
  201 +.markdown blockquote ol > li {
  202 + margin-left: 20px;
  203 + padding-left: 4px;
  204 +}
  205 +
  206 +.markdown code {
  207 + margin: 0 3px;
  208 + padding: 0 5px;
  209 + background: #eee;
  210 + border-radius: 3px;
  211 +}
  212 +
  213 +.markdown pre {
  214 + border-radius: 6px;
  215 + background: #f7f7f7;
  216 + padding: 20px;
  217 +}
  218 +
  219 +.markdown pre code {
  220 + border: none;
  221 + background: #f7f7f7;
  222 + margin: 0;
  223 +}
  224 +
  225 +.markdown strong,
  226 +.markdown b {
  227 + font-weight: 600;
  228 +}
  229 +
  230 +.markdown > table {
  231 + border-collapse: collapse;
  232 + border-spacing: 0px;
  233 + empty-cells: show;
  234 + border: 1px solid #e9e9e9;
  235 + width: 95%;
  236 + margin-bottom: 24px;
  237 +}
  238 +
  239 +.markdown > table th {
  240 + white-space: nowrap;
  241 + color: #333;
  242 + font-weight: 600;
  243 +
  244 +}
  245 +
  246 +.markdown > table th,
  247 +.markdown > table td {
  248 + border: 1px solid #e9e9e9;
  249 + padding: 8px 16px;
  250 + text-align: left;
  251 +}
  252 +
  253 +.markdown > table th {
  254 + background: #F7F7F7;
  255 +}
  256 +
  257 +.markdown blockquote {
  258 + font-size: 90%;
  259 + color: #999;
  260 + border-left: 4px solid #e9e9e9;
  261 + padding-left: 0.8em;
  262 + margin: 1em 0;
  263 + font-style: italic;
  264 +}
  265 +
  266 +.markdown blockquote p {
  267 + margin: 0;
  268 +}
  269 +
  270 +.markdown .anchor {
  271 + opacity: 0;
  272 + transition: opacity 0.3s ease;
  273 + margin-left: 8px;
  274 +}
  275 +
  276 +.markdown .waiting {
  277 + color: #ccc;
  278 +}
  279 +
  280 +.markdown h1:hover .anchor,
  281 +.markdown h2:hover .anchor,
  282 +.markdown h3:hover .anchor,
  283 +.markdown h4:hover .anchor,
  284 +.markdown h5:hover .anchor,
  285 +.markdown h6:hover .anchor {
  286 + opacity: 1;
  287 + display: inline-block;
  288 +}
  289 +
  290 +.markdown > br,
  291 +.markdown > p > br {
  292 + clear: both;
  293 +}
  294 +
  295 +
  296 +.hljs {
  297 + display: block;
  298 + background: white;
  299 + padding: 0.5em;
  300 + color: #333333;
  301 + overflow-x: auto;
  302 +}
  303 +
  304 +.hljs-comment,
  305 +.hljs-meta {
  306 + color: #969896;
  307 +}
  308 +
  309 +.hljs-string,
  310 +.hljs-variable,
  311 +.hljs-template-variable,
  312 +.hljs-strong,
  313 +.hljs-emphasis,
  314 +.hljs-quote {
  315 + color: #df5000;
  316 +}
  317 +
  318 +.hljs-keyword,
  319 +.hljs-selector-tag,
  320 +.hljs-type {
  321 + color: #a71d5d;
  322 +}
  323 +
  324 +.hljs-literal,
  325 +.hljs-symbol,
  326 +.hljs-bullet,
  327 +.hljs-attribute {
  328 + color: #0086b3;
  329 +}
  330 +
  331 +.hljs-section,
  332 +.hljs-name {
  333 + color: #63a35c;
  334 +}
  335 +
  336 +.hljs-tag {
  337 + color: #333333;
  338 +}
  339 +
  340 +.hljs-title,
  341 +.hljs-attr,
  342 +.hljs-selector-id,
  343 +.hljs-selector-class,
  344 +.hljs-selector-attr,
  345 +.hljs-selector-pseudo {
  346 + color: #795da3;
  347 +}
  348 +
  349 +.hljs-addition {
  350 + color: #55a532;
  351 + background-color: #eaffea;
  352 +}
  353 +
  354 +.hljs-deletion {
  355 + color: #bd2c00;
  356 + background-color: #ffecec;
  357 +}
  358 +
  359 +.hljs-link {
  360 + text-decoration: underline;
  361 +}
  362 +
  363 +pre{
  364 + background: #fff;
  365 +}
  366 +
  367 +
  368 +
  369 +
  370 +
dist/common/fonts/demo_fontclass.html 0 → 100644
  1 +
  2 +<!DOCTYPE html>
  3 +<html>
  4 +<head>
  5 + <meta charset="utf-8"/>
  6 + <title>IconFont</title>
  7 + <link rel="stylesheet" href="demo.css">
  8 + <link rel="stylesheet" href="iconfont.css">
  9 +</head>
  10 +<body>
  11 + <div class="main markdown">
  12 + <h1>IconFont 图标</h1>
  13 + <ul class="icon_lists clear">
  14 +
  15 + <li>
  16 + <i class="icon iconfont icon-quanping"></i>
  17 + <div class="name">全屏</div>
  18 + <div class="fontclass">.icon-quanping</div>
  19 + </li>
  20 +
  21 + <li>
  22 + <i class="icon iconfont icon-weibiaoti1"></i>
  23 + <div class="name">播放</div>
  24 + <div class="fontclass">.icon-weibiaoti1</div>
  25 + </li>
  26 +
  27 + <li>
  28 + <i class="icon iconfont icon-tingzhi"></i>
  29 + <div class="name">停止</div>
  30 + <div class="fontclass">.icon-tingzhi</div>
  31 + </li>
  32 +
  33 + <li>
  34 + <i class="icon iconfont icon-zhongxin"></i>
  35 + <div class="name">重新</div>
  36 + <div class="fontclass">.icon-zhongxin</div>
  37 + </li>
  38 +
  39 + <li>
  40 + <i class="icon iconfont icon-bofang2"></i>
  41 + <div class="name">播放</div>
  42 + <div class="fontclass">.icon-bofang2</div>
  43 + </li>
  44 +
  45 + </ul>
  46 +
  47 + <h2 id="font-class-">font-class引用</h2>
  48 + <hr>
  49 +
  50 + <p>font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。</p>
  51 + <p>与unicode使用方式相比,具有如下特点:</p>
  52 + <ul>
  53 + <li>兼容性良好,支持ie8+,及所有现代浏览器。</li>
  54 + <li>相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。</li>
  55 + <li>因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。</li>
  56 + <li>不过因为本质上还是使用的字体,所以多色图标还是不支持的。</li>
  57 + </ul>
  58 + <p>使用步骤如下:</p>
  59 + <h3 id="-fontclass-">第一步:引入项目下面生成的fontclass代码:</h3>
  60 +
  61 +
  62 + <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
  63 + <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
  64 + <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
  65 + <blockquote>
  66 + <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。</p>
  67 + </blockquote>
  68 + </div>
  69 +</body>
  70 +</html>
dist/common/fonts/demo_symbol.html 0 → 100644
  1 +
  2 +<!DOCTYPE html>
  3 +<html>
  4 +<head>
  5 + <meta charset="utf-8"/>
  6 + <title>IconFont</title>
  7 + <link rel="stylesheet" href="demo.css">
  8 + <script src="iconfont.js"></script>
  9 +
  10 + <style type="text/css">
  11 + .icon {
  12 + /* 通过设置 font-size 来改变图标大小 */
  13 + width: 1em; height: 1em;
  14 + /* 图标和文字相邻时,垂直对齐 */
  15 + vertical-align: -0.15em;
  16 + /* 通过设置 color 来改变 SVG 的颜色/fill */
  17 + fill: currentColor;
  18 + /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
  19 + normalize.css 中也包含这行 */
  20 + overflow: hidden;
  21 + }
  22 +
  23 + </style>
  24 +</head>
  25 +<body>
  26 + <div class="main markdown">
  27 + <h1>IconFont 图标</h1>
  28 + <ul class="icon_lists clear">
  29 +
  30 + <li>
  31 + <svg class="icon" aria-hidden="true">
  32 + <use xlink:href="#icon-quanping"></use>
  33 + </svg>
  34 + <div class="name">全屏</div>
  35 + <div class="fontclass">#icon-quanping</div>
  36 + </li>
  37 +
  38 + <li>
  39 + <svg class="icon" aria-hidden="true">
  40 + <use xlink:href="#icon-weibiaoti1"></use>
  41 + </svg>
  42 + <div class="name">播放</div>
  43 + <div class="fontclass">#icon-weibiaoti1</div>
  44 + </li>
  45 +
  46 + <li>
  47 + <svg class="icon" aria-hidden="true">
  48 + <use xlink:href="#icon-tingzhi"></use>
  49 + </svg>
  50 + <div class="name">停止</div>
  51 + <div class="fontclass">#icon-tingzhi</div>
  52 + </li>
  53 +
  54 + <li>
  55 + <svg class="icon" aria-hidden="true">
  56 + <use xlink:href="#icon-zhongxin"></use>
  57 + </svg>
  58 + <div class="name">重新</div>
  59 + <div class="fontclass">#icon-zhongxin</div>
  60 + </li>
  61 +
  62 + <li>
  63 + <svg class="icon" aria-hidden="true">
  64 + <use xlink:href="#icon-bofang2"></use>
  65 + </svg>
  66 + <div class="name">播放</div>
  67 + <div class="fontclass">#icon-bofang2</div>
  68 + </li>
  69 +
  70 + </ul>
  71 +
  72 +
  73 + <h2 id="symbol-">symbol引用</h2>
  74 + <hr>
  75 +
  76 + <p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
  77 + 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点:</p>
  78 + <ul>
  79 + <li>支持多色图标了,不再受单色限制。</li>
  80 + <li>通过一些技巧,支持像字体那样,通过<code>font-size</code>,<code>color</code>来调整样式。</li>
  81 + <li>兼容性较差,支持 ie9+,及现代浏览器。</li>
  82 + <li>浏览器渲染svg的性能一般,还不如png。</li>
  83 + </ul>
  84 + <p>使用步骤如下:</p>
  85 + <h3 id="-symbol-">第一步:引入项目下面生成的symbol代码:</h3>
  86 + <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
  87 + <h3 id="-css-">第二步:加入通用css代码(引入一次就行):</h3>
  88 + <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
  89 +.icon {
  90 + width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
  91 + vertical-align: <span class="hljs-number">-0.15</span>em;
  92 + fill: currentColor;
  93 + overflow: hidden;
  94 +}
  95 +&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
  96 + <h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
  97 + <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  98 + &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
  99 +</span>&lt;<span class="hljs-regexp">/svg&gt;
  100 + </span></code></pre>
  101 + </div>
  102 +</body>
  103 +</html>
dist/common/fonts/demo_unicode.html 0 → 100644
  1 +
  2 +<!DOCTYPE html>
  3 +<html>
  4 +<head>
  5 + <meta charset="utf-8"/>
  6 + <title>IconFont</title>
  7 + <link rel="stylesheet" href="demo.css">
  8 +
  9 + <style type="text/css">
  10 +
  11 + @font-face {font-family: "iconfont";
  12 + src: url('iconfont.eot'); /* IE9*/
  13 + src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  14 + url('iconfont.woff') format('woff'), /* chrome, firefox */
  15 + url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  16 + url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
  17 + }
  18 +
  19 + .iconfont {
  20 + font-family:"iconfont" !important;
  21 + font-size:16px;
  22 + font-style:normal;
  23 + -webkit-font-smoothing: antialiased;
  24 + -webkit-text-stroke-width: 0.2px;
  25 + -moz-osx-font-smoothing: grayscale;
  26 + }
  27 +
  28 + </style>
  29 +</head>
  30 +<body>
  31 + <div class="main markdown">
  32 + <h1>IconFont 图标</h1>
  33 + <ul class="icon_lists clear">
  34 +
  35 + <li>
  36 + <i class="icon iconfont">&#xe643;</i>
  37 + <div class="name">全屏</div>
  38 + <div class="code">&amp;#xe643;</div>
  39 + </li>
  40 +
  41 + <li>
  42 + <i class="icon iconfont">&#xe609;</i>
  43 + <div class="name">播放</div>
  44 + <div class="code">&amp;#xe609;</div>
  45 + </li>
  46 +
  47 + <li>
  48 + <i class="icon iconfont">&#xe63a;</i>
  49 + <div class="name">停止</div>
  50 + <div class="code">&amp;#xe63a;</div>
  51 + </li>
  52 +
  53 + <li>
  54 + <i class="icon iconfont">&#xe650;</i>
  55 + <div class="name">重新</div>
  56 + <div class="code">&amp;#xe650;</div>
  57 + </li>
  58 +
  59 + <li>
  60 + <i class="icon iconfont">&#xe7bb;</i>
  61 + <div class="name">播放</div>
  62 + <div class="code">&amp;#xe7bb;</div>
  63 + </li>
  64 +
  65 + </ul>
  66 + <h2 id="unicode-">unicode引用</h2>
  67 + <hr>
  68 +
  69 + <p>unicode是字体在网页端最原始的应用方式,特点是:</p>
  70 + <ul>
  71 + <li>兼容性最好,支持ie6+,及所有现代浏览器。</li>
  72 + <li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
  73 + <li>但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。</li>
  74 + </ul>
  75 + <blockquote>
  76 + <p>注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式</p>
  77 + </blockquote>
  78 + <p>unicode使用步骤如下:</p>
  79 + <h3 id="-font-face">第一步:拷贝项目下面生成的font-face</h3>
  80 + <pre><code class="lang-js hljs javascript">@font-face {
  81 + font-family: <span class="hljs-string">'iconfont'</span>;
  82 + src: url(<span class="hljs-string">'iconfont.eot'</span>);
  83 + src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
  84 + url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
  85 + url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
  86 + url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
  87 +}
  88 +</code></pre>
  89 + <h3 id="-iconfont-">第二步:定义使用iconfont的样式</h3>
  90 + <pre><code class="lang-js hljs javascript">.iconfont{
  91 + font-family:<span class="hljs-string">"iconfont"</span> !important;
  92 + font-size:<span class="hljs-number">16</span>px;font-style:normal;
  93 + -webkit-font-smoothing: antialiased;
  94 + -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
  95 + -moz-osx-font-smoothing: grayscale;
  96 +}
  97 +</code></pre>
  98 + <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
  99 + <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
  100 +
  101 + <blockquote>
  102 + <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。</p>
  103 + </blockquote>
  104 + </div>
  105 +
  106 +
  107 +</body>
  108 +</html>
dist/common/fonts/iconfont.css 0 → 100644
  1 +
  2 +@font-face {font-family: "iconfont";
  3 + src: url('iconfont.eot?t=1493360413766'); /* IE9*/
  4 + src: url('iconfont.eot?t=1493360413766#iefix') format('embedded-opentype'), /* IE6-IE8 */
  5 + url('iconfont.woff?t=1493360413766') format('woff'), /* chrome, firefox */
  6 + url('iconfont.ttf?t=1493360413766') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  7 + url('iconfont.svg?t=1493360413766#iconfont') format('svg'); /* iOS 4.1- */
  8 +}
  9 +
  10 +.iconfont {
  11 + font-family:"iconfont" !important;
  12 + font-size:16px;
  13 + font-style:normal;
  14 + -webkit-font-smoothing: antialiased;
  15 + -moz-osx-font-smoothing: grayscale;
  16 +}
  17 +
  18 +.icon-quanping:before { content: "\e643"; }
  19 +
  20 +.icon-weibiaoti1:before { content: "\e609"; }
  21 +
  22 +.icon-tingzhi:before { content: "\e63a"; }
  23 +
  24 +.icon-zhongxin:before { content: "\e650"; }
  25 +
  26 +.icon-bofang2:before { content: "\e7bb"; }
  27 +
dist/common/fonts/iconfont.eot 0 → 100644
No preview for this file type
dist/common/fonts/iconfont.js 0 → 100644
  1 +;(function(window) {
  2 +
  3 + var svgSprite = '<svg>' +
  4 + '' +
  5 + '<symbol id="icon-quanping" viewBox="0 0 1024 1024">' +
  6 + '' +
  7 + '<path d="M641.750109 384.100028l205.227128-204.519-0.704035 115.89966c-0.282433 9.611915 7.489578 18.09103 17.101493 17.808598l12.297071 0c9.611915-0.283456 17.667382-5.936199 17.808598-15.689331l0.565888-172.57752c0-0.14224 0.282433-9.187243 0.282433-9.187243 0.14224-4.804423-0.99056-9.187243-4.100388-12.297071-3.109828-3.109828-7.347339-5.086855-12.297071-4.946662l-8.763594 0.14224c-0.141216 0-0.278339 0-0.420579 0.14224L697.581696 98.166787c-9.611915 0.283456-17.667382 8.200776-17.808598 17.950837l0 12.297071c1.416256 11.44875 10.458189 18.092054 20.070104 17.808598l112.789832 0.283456-204.66124 203.814965c-9.329483 9.329483-9.329483 24.449855 0 33.778314 9.329483 9.470699 24.452925 9.470699 33.782408 0L641.750109 384.100028zM383.095141 576.889893 177.726797 780.705881l0.707105-115.338888c0.283456-9.607822-7.492648-18.086937-17.104563-17.808598l-13.001105 0c-9.611915 0.283456-17.667382 5.937223-17.808598 15.690354l-0.565888 172.718737c0 0.14224-0.282433 9.187243-0.282433 9.187243-0.14224 4.808516 0.99056 9.187243 4.096295 12.297071 3.109828 3.109828 7.351432 5.086855 12.297071 4.946662l8.762571-0.14224c0.14224 0 0.283456 0 0.425695-0.14224l171.873486 0.708128c9.607822-0.283456 17.667382-8.196683 17.808598-17.950837L344.93503 832.575226c-1.415232-11.44875-10.461259-18.092054-20.074198-17.808598L212.069977 814.483172 416.59 610.671277c9.329483-9.329483 9.329483-24.453948 0-33.782408C407.40685 567.41817 392.424624 567.41817 383.095141 576.889893L383.095141 576.889893zM894.047276 835.967486l-0.424672-172.718737c-0.283456-9.612938-8.200776-15.406898-17.809621-15.690354l-12.296047 0c-9.612938-0.278339-17.243733 8.200776-17.105586 17.808598l0.708128 115.903753L641.750109 576.889893c-9.329483-9.329483-24.452925-9.329483-33.782408 0-9.325389 9.328459-9.325389 24.452925 0 33.782408L812.490795 814.483172l-112.789832 0.283456c-9.611915-0.283456-18.515702 6.502088-20.073174 17.808598l0 12.297071c0.282433 9.611915 8.200776 17.667382 17.808598 17.950837l171.166381-0.708128c0.141216 0 0.282433 0.14224 0.424672 0.14224l8.763594 0.14224c4.803399 0.141216 9.187243-1.694595 12.296047-4.946662 3.109828-3.109828 4.238534-7.488555 4.097318-12.297071 0 0-0.14224-9.046027-0.14224-9.187243L894.047276 835.968509zM212.216309 146.506748l112.789832-0.283456c9.607822 0.283456 18.512632-6.502088 20.070104-17.808598L345.076246 116.116601c-0.283456-9.611915-8.196683-17.667382-17.808598-17.950837l-172.011632 0.708128c-0.14224 0-0.283456-0.14224-0.425695-0.14224l-8.761548-0.14224c-4.808516-0.141216-9.187243 1.694595-12.297071 4.946662-3.109828 3.109828-4.242627 7.488555-4.096295 12.297071 0 0 0.282433 9.046027 0.282433 9.187243l0.420579 172.718737c0.14224 9.608845 8.200776 15.406898 17.808598 15.686261l13.005198 0c9.611915 0.282433 17.242709-8.196683 17.10047-17.808598l-0.564865-115.334795 205.231221 203.958228c9.324366 9.329483 24.448832 9.329483 33.777291 0 9.329483-9.329483 9.329483-24.452925 0-33.782408L212.216309 146.506748 212.216309 146.506748zM212.216309 146.506748" ></path>' +
  8 + '' +
  9 + '</symbol>' +
  10 + '' +
  11 + '<symbol id="icon-weibiaoti1" viewBox="0 0 1024 1024">' +
  12 + '' +
  13 + '<path d="M660.367119 696.447872 660.367119 696.447872c-20.289092 0-36.890188-16.600073-36.890188-36.889165L623.476931 364.441293c0-20.289092 16.600073-36.889165 36.889165-36.889165l0 0c20.289092 0 36.889165 16.600073 36.889165 36.889165l0 295.117414C697.257308 679.847799 680.656211 696.447872 660.367119 696.447872z" ></path>' +
  14 + '' +
  15 + '<path d="M362.630041 696.447872 362.630041 696.447872c-20.289092 0-36.890188-16.600073-36.890188-36.889165L325.739852 364.441293c0-20.289092 16.600073-36.889165 36.889165-36.889165l0 0c20.289092 0 36.889165 16.600073 36.889165 36.889165l0 295.117414C399.519206 679.847799 382.919133 696.447872 362.630041 696.447872z" ></path>' +
  16 + '' +
  17 + '<path d="M512.239454 0.260943c-282.624892 0-511.738034 229.113141-511.738034 511.738034s229.113141 511.738034 511.738034 511.738034 511.738034-229.113141 511.738034-511.738034S794.865369 0.260943 512.239454 0.260943zM512.239454 969.689047c-252.775051 0-457.689047-204.91502-457.689047-457.689047S259.465426 54.30993 512.239454 54.30993s457.689047 204.913996 457.689047 457.689047S765.014504 969.689047 512.239454 969.689047z" ></path>' +
  18 + '' +
  19 + '</symbol>' +
  20 + '' +
  21 + '<symbol id="icon-tingzhi" viewBox="0 0 1024 1024">' +
  22 + '' +
  23 + '<path d="M512 0C229.6 0 0 229.6 0 512s229.6 512 512 512 512-229.6 512-512S794.4 0 512 0zM512 928c-229.6 0-416-186.4-416-416s186.4-416 416-416 416 186.4 416 416S741.6 928 512 928z" ></path>' +
  24 + '' +
  25 + '<path d="M319.2 318.4l380.8 0 0 384-380.8 0 0-384Z" ></path>' +
  26 + '' +
  27 + '</symbol>' +
  28 + '' +
  29 + '<symbol id="icon-zhongxin" viewBox="0 0 1024 1024">' +
  30 + '' +
  31 + '<path d="M511.998444 0C240.420987 0 20.48 220.354294 20.48 492.30019 20.48 764.24609 240.419389 984.600379 511.998444 984.600379 783.514911 984.600379 1003.52 764.24609 1003.52 492.30019 1003.52 220.354294 783.514911 0 511.998444 0M511.998444 853.320851C332.759982 853.320851 186.875372 707.270439 186.875372 527.680156 186.875372 348.155646 332.76158 202.105233 511.998444 202.105233L511.998444 131.277963 681.605366 244.571529 511.998444 357.800886 511.998444 287.044088C379.54945 287.044088 271.679611 395.020947 271.679611 527.745929 271.679611 660.470911 379.547894 768.382001 511.998444 768.382001 644.45055 768.382001 752.320389 660.336234 752.320389 527.680156 752.320389 504.249074 771.259761 485.209162 794.655252 485.209162 818.119598 485.209162 837.060526 504.250638 837.060526 527.680156 837.124628 707.270439 691.240018 853.320851 511.998444 853.320851" ></path>' +
  32 + '' +
  33 + '</symbol>' +
  34 + '' +
  35 + '<symbol id="icon-bofang2" viewBox="0 0 1024 1024">' +
  36 + '' +
  37 + '<path d="M428.859077 296.093538c-5.632-3.899077-12.878769-4.371692-18.865231-1.181538-6.025846 3.150769-9.806769 9.373538-9.806769 16.187077l0 417.988923c0 6.852923 3.859692 13.154462 10.043077 16.265846 2.56 1.339077 5.395692 2.008615 8.231385 2.008615 3.820308 0 7.601231-1.220923 10.791385-3.544615l292.548923-214.449231c4.765538-3.505231 7.522462-9.019077 7.443692-14.966154s-2.993231-11.421538-7.837538-14.808615L428.859077 296.093538z" ></path>' +
  38 + '' +
  39 + '<path d="M512 0C229.691077 0 0 229.691077 0 512c0 282.308923 229.691077 512 512 512 282.308923 0 512-229.691077 512-512C1024 229.691077 794.308923 0 512 0zM512 926.404923C283.490462 926.404923 97.595077 740.509538 97.595077 512 97.595077 283.490462 283.490462 97.595077 512 97.595077c228.509538 0 414.404923 185.895385 414.404923 414.404923C926.404923 740.509538 740.509538 926.404923 512 926.404923z" ></path>' +
  40 + '' +
  41 + '</symbol>' +
  42 + '' +
  43 + '</svg>'
  44 + var script = function() {
  45 + var scripts = document.getElementsByTagName('script')
  46 + return scripts[scripts.length - 1]
  47 + }()
  48 + var shouldInjectCss = script.getAttribute("data-injectcss")
  49 +
  50 + /**
  51 + * document ready
  52 + */
  53 + var ready = function(fn) {
  54 + if (document.addEventListener) {
  55 + if (~["complete", "loaded", "interactive"].indexOf(document.readyState)) {
  56 + setTimeout(fn, 0)
  57 + } else {
  58 + var loadFn = function() {
  59 + document.removeEventListener("DOMContentLoaded", loadFn, false)
  60 + fn()
  61 + }
  62 + document.addEventListener("DOMContentLoaded", loadFn, false)
  63 + }
  64 + } else if (document.attachEvent) {
  65 + IEContentLoaded(window, fn)
  66 + }
  67 +
  68 + function IEContentLoaded(w, fn) {
  69 + var d = w.document,
  70 + done = false,
  71 + // only fire once
  72 + init = function() {
  73 + if (!done) {
  74 + done = true
  75 + fn()
  76 + }
  77 + }
  78 + // polling for no errors
  79 + var polling = function() {
  80 + try {
  81 + // throws errors until after ondocumentready
  82 + d.documentElement.doScroll('left')
  83 + } catch (e) {
  84 + setTimeout(polling, 50)
  85 + return
  86 + }
  87 + // no errors, fire
  88 +
  89 + init()
  90 + };
  91 +
  92 + polling()
  93 + // trying to always fire before onload
  94 + d.onreadystatechange = function() {
  95 + if (d.readyState == 'complete') {
  96 + d.onreadystatechange = null
  97 + init()
  98 + }
  99 + }
  100 + }
  101 + }
  102 +
  103 + /**
  104 + * Insert el before target
  105 + *
  106 + * @param {Element} el
  107 + * @param {Element} target
  108 + */
  109 +
  110 + var before = function(el, target) {
  111 + target.parentNode.insertBefore(el, target)
  112 + }
  113 +
  114 + /**
  115 + * Prepend el to target
  116 + *
  117 + * @param {Element} el
  118 + * @param {Element} target
  119 + */
  120 +
  121 + var prepend = function(el, target) {
  122 + if (target.firstChild) {
  123 + before(el, target.firstChild)
  124 + } else {
  125 + target.appendChild(el)
  126 + }
  127 + }
  128 +
  129 + function appendSvg() {
  130 + var div, svg
  131 +
  132 + div = document.createElement('div')
  133 + div.innerHTML = svgSprite
  134 + svgSprite = null
  135 + svg = div.getElementsByTagName('svg')[0]
  136 + if (svg) {
  137 + svg.setAttribute('aria-hidden', 'true')
  138 + svg.style.position = 'absolute'
  139 + svg.style.width = 0
  140 + svg.style.height = 0
  141 + svg.style.overflow = 'hidden'
  142 + prepend(svg, document.body)
  143 + }
  144 + }
  145 +
  146 + if (shouldInjectCss && !window.__iconfont__svg__cssinject__) {
  147 + window.__iconfont__svg__cssinject__ = true
  148 + try {
  149 + document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
  150 + } catch (e) {
  151 + console && console.log(e)
  152 + }
  153 + }
  154 +
  155 + ready(appendSvg)
  156 +
  157 +
  158 +})(window)
0 \ No newline at end of file 159 \ No newline at end of file
dist/common/fonts/iconfont.svg 0 → 100644
  1 +<?xml version="1.0" standalone="no"?>
  2 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
  3 +<svg xmlns="http://www.w3.org/2000/svg">
  4 +<metadata>
  5 +Created by FontForge 20120731 at Fri Apr 28 14:20:13 2017
  6 + By admin
  7 +</metadata>
  8 +<defs>
  9 +<font id="iconfont" horiz-adv-x="1024" >
  10 + <font-face
  11 + font-family="iconfont"
  12 + font-weight="500"
  13 + font-stretch="normal"
  14 + units-per-em="1024"
  15 + panose-1="2 0 6 3 0 0 0 0 0 0"
  16 + ascent="896"
  17 + descent="-128"
  18 + x-height="792"
  19 + bbox="0 -128 1024 896"
  20 + underline-thickness="0"
  21 + underline-position="0"
  22 + unicode-range="U+0078-E7BB"
  23 + />
  24 +<missing-glyph
  25 + />
  26 + <glyph glyph-name=".notdef"
  27 + />
  28 + <glyph glyph-name=".notdef"
  29 + />
  30 + <glyph glyph-name=".null" horiz-adv-x="0"
  31 + />
  32 + <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341"
  33 + />
  34 + <glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
  35 +d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
  36 +t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
  37 +t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
  38 + <glyph glyph-name="quanping" unicode="&#xe643;"
  39 +d="M642 428l205 204l-1 -115q0 -8 5 -13t12 -5h13q17 0 17 15l1 173v9q1 8 -4 12q-5 6 -12 5h-9v0l-171 1q-8 0 -13 -5.5t-5 -12.5v-12q1 -9 6.5 -13.5t13.5 -4.5l113 -1l-205 -203q-7 -7 -7 -17t7 -17t17 -7t17 7v0zM383 235l-205 -204v116q1 7 -4.5 12.5t-12.5 4.5h-13
  40 +q-17 0 -17 -15l-1 -173v-9q-1 -8 4 -12q5 -6 12 -5h9v0l172 -1q7 0 12.5 5.5t5.5 12.5v12q-1 9 -7 13.5t-13 4.5l-113 1l205 203q7 7 7 17t-7 17t-17 7t-17 -7v0zM894 -24v173q-1 15 -18 15h-12q-8 1 -13 -4.5t-5 -12.5l1 -116l-205 204q-7 7 -17 7t-17 -7t-7 -17t7 -17
  41 +l204 -203l-112 -1q-8 0 -13.5 -4.5t-6.5 -13.5v-12q0 -7 5 -12.5t12 -5.5l172 1v0h9q7 -1 12 5q4 4 4 12v9v0v0zM212 665l113 1q7 0 13 4.5t7 13.5v12q0 7 -5.5 12.5t-12.5 5.5l-172 -1v0h-9q-7 1 -12 -5q-5 -4 -4 -12v-9v-173q1 -15 18 -15h13q7 -1 12 4.5t5 12.5v116
  42 +l205 -204q7 -7 17 -7t17 7t7 17t-7 17l-205 203v0zM212 665z" />
  43 + <glyph glyph-name="weibiaoti1" unicode="&#xe609;"
  44 +d="M660 200v0q-15 0 -26 10.5t-11 25.5v296q0 15 11 25.5t26 10.5v0q16 0 26.5 -10.5t10.5 -25.5v-296q0 -15 -10.5 -25.5t-26.5 -10.5zM363 200v0q-16 0 -26.5 10.5t-10.5 25.5v296q0 15 10.5 25.5t26.5 10.5v0q15 0 26 -10.5t11 -25.5v-296q0 -15 -11 -25.5t-26 -10.5z
  45 +M512 896q-104 0 -198.5 -40.5t-163 -109t-109 -163.5t-40.5 -199t40.5 -199t109 -163.5t163 -109t198.5 -40.5t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199t-109 163.5t-163.5 109t-199 40.5zM512 -74q-93 0 -177.5 36.5t-146 97.5t-97.5 146t-36 178t36 178t97.5 146
  46 +t146 97.5t177.5 36.5t178 -36.5t146 -97.5t97.5 -146t36.5 -178t-36.5 -178t-97.5 -146t-146 -97.5t-178 -36.5z" />
  47 + <glyph glyph-name="tingzhi" unicode="&#xe63a;"
  48 +d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM512 -32q-172 0 -294 122t-122 294t122 294t294 122t294 -122t122 -294t-122 -294t-294 -122zM319 578h381
  49 +v-384h-381v384z" />
  50 + <glyph glyph-name="zhongxin" unicode="&#xe650;"
  51 +d="M512 896q-100 0 -191 -39t-157 -105t-105 -157t-39 -191t39 -191.5t105 -157.5t157 -105t191 -39t191 39t157 105t105 157.5t39 191.5t-39 191t-105 157t-157 105t-191 39zM512 43q-88 0 -163 43.5t-118.5 118.5t-43.5 163.5t43.5 163.5t118.5 118.5t163 43.5v71
  52 +l170 -114l-170 -113v71q-99 0 -169.5 -70.5t-70.5 -170t70.5 -170t169.5 -70.5t169.5 70.5t70.5 169.5q0 18 12.5 30.5t30 12.5t30 -12.5t12.5 -30.5q0 -88 -43.5 -163t-118.5 -118.5t-163 -43.5v0z" />
  53 + <glyph glyph-name="bofang2" unicode="&#xe7bb;"
  54 +d="M429 600q-9 6 -19 1t-10 -16v-418q0 -11 10 -16q4 -2 8 -2q6 0 11 3l293 215q7 5 7 14.5t-8 14.5zM512 896q-104 0 -199 -40.5t-163.5 -109t-109 -163.5t-40.5 -199t40.5 -199t109 -163.5t163.5 -109t199 -40.5t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199
  55 +t-109 163.5t-163.5 109t-199 40.5zM512 -30q-112 0 -207.5 55.5t-151 151t-55.5 207.5t55.5 207.5t151 151t207.5 55.5t207.5 -55.5t151 -151t55.5 -207.5t-55.5 -207.5t-151 -151t-207.5 -55.5z" />
  56 + </font>
  57 +</defs></svg>
dist/common/fonts/iconfont.ttf 0 → 100644
No preview for this file type
dist/common/fonts/iconfont.woff 0 → 100644
No preview for this file type
dist/css/asyncslider.css 0 → 100644
  1 +
  2 + /* Slider Container Options */
  3 + .asyncslider_container {
  4 + list-style: none;
  5 + margin: 0px auto;
  6 + padding: 0px;
  7 + }
  8 +
  9 + .asyncslider_container li.slide-01 {
  10 + margin: 0 auto;
  11 + padding: 0px 20px;
  12 + width: 700px;
  13 + }
  14 +
  15 + /* Slide 1 */
  16 + .slide-01 {
  17 + height: 300px;
  18 + }
  19 +
  20 + .asyncslider_container li[data-bg="01"] { background: url(../img/slide-bg-01.jpg) repeat-x center; }
  21 +
  22 + .asyncslider_container li[data-bg="02"] { background: url(../img/slide-bg-02.jpg) repeat-x center; }
  23 +
  24 + .asyncslider_container .left {
  25 + float: left;
  26 + width: 50%;
  27 + padding-top: 60px;
  28 + opacity: .8;
  29 + }
  30 +
  31 + .asyncslider_container .left img{
  32 + box-shadow: 0 0 10px #999;
  33 + }
  34 +
  35 + .asyncslider_container .right {
  36 + float: right;
  37 + width: 50%;
  38 + }
  39 +
  40 + .asyncslider_container .right h1 {
  41 + color: #FFF;
  42 + font-size: 22px;
  43 + margin: 0px;
  44 + /*text-shadow: 2px 2px 2px rgba(0,0,0,1);*/
  45 + padding-top: 60px;
  46 + padding-bottom: 20px;
  47 + }
  48 +
  49 + .asyncslider_container .right p {
  50 + color: #555;
  51 + font-family: Arial;
  52 + font-size: 12px;
  53 + line-height: 1.6;
  54 + text-shadow: 0 0 1px #aaa;
  55 + }
  56 +
  57 + .button_bg {
  58 + background: #0f0f0f;
  59 + padding: 7px 9px;
  60 + border-radius: 8px;
  61 + display: inline-block;
  62 + margin-right: 5px;
  63 + }
  64 +
  65 + .button_bg:hover {
  66 + background: #121212;
  67 + }
  68 +
  69 + .bg01 {
  70 + background: #000333;
  71 + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00066d), to(#000333));
  72 + background: -moz-linear-gradient(top, #00066d 0%, #000333 100%);
  73 + display: block;
  74 + padding: 10px 15px;
  75 + border-radius: 5px;
  76 + color: #FFF;
  77 + font-weight: bold;
  78 + font-size: 13px;
  79 + border: 1px solid #101345;
  80 + text-shadow: 1px 1px 1px #000;
  81 + }
  82 +
  83 + .bg01:active {
  84 + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000333), to(#00066d));
  85 + background: -moz-linear-gradient(top, #000333 0%, #00066d 100%);
  86 + }
  87 +
  88 +
  89 + .bg02 {
  90 + background: #15380b;
  91 + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#01810a), to(#15380b));
  92 + background: -moz-linear-gradient(top, #01810a 0%, #15380b 100%);
  93 + display: block;
  94 + padding: 10px 15px;
  95 + border-radius: 5px;
  96 + color: #FFF;
  97 + font-weight: bold;
  98 + font-size: 13px;
  99 + border: 1px solid #214c1a;
  100 + text-shadow: 1px 1px 1px #000;
  101 + }
  102 +
  103 + .bg02:active {
  104 + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#15380b), to(#01810a));
  105 + background: -moz-linear-gradient(top, #15380b 0%, #01810a 100%);
  106 + }
  107 +
  108 +
  109 + .button_bg a:hover {
  110 + text-decoration: none;
  111 + }
  112 +
  113 + /* -------------------------------------------------- */
  114 + /* Dots Navigation
  115 + /* -------------------------------------------------- */
  116 +
  117 + #asyncslider_slides_nav {
  118 + height: 13px;
  119 + text-align:center;
  120 + margin: 15px 0;
  121 + position: relative;
  122 + }
  123 +
  124 + #asyncslider_slides_nav li {
  125 + display: inline-block;
  126 + list-style: none;
  127 + margin: 0 5px 0 0;
  128 + }
  129 +
  130 + .ie7 #asyncslider_slides_nav li { display: inline; }
  131 +
  132 + #asyncslider_slides_nav a {
  133 + background: url(../img/slider-dots.png) no-repeat 0 0;
  134 + display: block;
  135 + height: 13px;
  136 + text-indent: -9999px;
  137 + -webkit-transition: none;
  138 + -moz-transition: none;
  139 + -ms-transition: none;
  140 + -o-transition: none;
  141 + transition: none;
  142 + width: 13px;
  143 + }
  144 +
  145 + #asyncslider_slides_nav a:hover, #asyncslider_slides_nav .active a { background-position: 0 -13px; }
  146 +
  147 +
  148 +
  149 + /* Async Slider Next Prev Nav */
  150 + #asyncslider_next_prev_nav {
  151 + list-style: none;
  152 + }
  153 +
  154 + #asyncslider_next_prev_nav li a {
  155 + display: block;
  156 + color: #FFF;
  157 + text-indent: -9999px;
  158 + width: 38px;
  159 + height: 38px;
  160 + opacity: .5;
  161 + }
  162 +
  163 + #asyncslider_next_prev_nav .next a {
  164 + background: url(../img/slider_nextprev.png);
  165 + background-position: right top;
  166 + }
  167 +
  168 + #asyncslider_next_prev_nav .prev a {
  169 + background: url(../img/slider_nextprev.png);
  170 + background-position: left top;
  171 + }
  172 +
  173 + #asyncslider_next_prev_nav .prev a:hover, #asyncslider_next_prev_nav .next a:hover {opacity:1;}
0 \ No newline at end of file 174 \ No newline at end of file
dist/css/cm-theme/ambiance.css 0 → 100644
  1 +/* ambiance theme for code-mirror */
  2 +
  3 +/* Color scheme */
  4 +
  5 +.cm-s-ambiance .cm-keyword { color: #cda869; }
  6 +.cm-s-ambiance .cm-atom { color: #CF7EA9; }
  7 +.cm-s-ambiance .cm-number { color: #78CF8A; }
  8 +.cm-s-ambiance .cm-def { color: #aac6e3; }
  9 +.cm-s-ambiance .cm-variable { color: #ffb795; }
  10 +.cm-s-ambiance .cm-variable-2 { color: #eed1b3; }
  11 +.cm-s-ambiance .cm-variable-3 { color: #faded3; }
  12 +.cm-s-ambiance .cm-property { color: #eed1b3; }
  13 +.cm-s-ambiance .cm-operator {color: #fa8d6a;}
  14 +.cm-s-ambiance .cm-comment { color: #555; font-style:italic; }
  15 +.cm-s-ambiance .cm-string { color: #8f9d6a; }
  16 +.cm-s-ambiance .cm-string-2 { color: #9d937c; }
  17 +.cm-s-ambiance .cm-meta { color: #D2A8A1; }
  18 +.cm-s-ambiance .cm-error { color: #AF2018; }
  19 +.cm-s-ambiance .cm-qualifier { color: yellow; }
  20 +.cm-s-ambiance .cm-builtin { color: #9999cc; }
  21 +.cm-s-ambiance .cm-bracket { color: #24C2C7; }
  22 +.cm-s-ambiance .cm-tag { color: #fee4ff }
  23 +.cm-s-ambiance .cm-attribute { color: #9B859D; }
  24 +.cm-s-ambiance .cm-header {color: blue;}
  25 +.cm-s-ambiance .cm-quote { color: #24C2C7; }
  26 +.cm-s-ambiance .cm-hr { color: pink; }
  27 +.cm-s-ambiance .cm-link { color: #F4C20B; }
  28 +.cm-s-ambiance .cm-special { color: #FF9D00; }
  29 +
  30 +.cm-s-ambiance .CodeMirror-matchingbracket { color: #0f0; }
  31 +.cm-s-ambiance .CodeMirror-nonmatchingbracket { color: #f22; }
  32 +
  33 +.cm-s-ambiance .CodeMirror-selected {
  34 + background: rgba(255, 255, 255, 0.15);
  35 +}
  36 +.CodeMirror-focused .cm-s-ambiance .CodeMirror-selected {
  37 + background: rgba(255, 255, 255, 0.10);
  38 +}
  39 +
  40 +/* Editor styling */
  41 +
  42 +.cm-s-ambiance {
  43 + line-height: 1.40em;
  44 + font-family: Monaco, Menlo,"Andale Mono","lucida console","Courier New",monospace !important;
  45 + color: #E6E1DC;
  46 + background-color: #202020;
  47 + -webkit-box-shadow: inset 0 0 10px black;
  48 + -moz-box-shadow: inset 0 0 10px black;
  49 + -o-box-shadow: inset 0 0 10px black;
  50 + box-shadow: inset 0 0 10px black;
  51 +}
  52 +
  53 +.cm-s-ambiance .CodeMirror-gutter {
  54 + background: #3D3D3D;
  55 + padding: 0 5px;
  56 + text-shadow: #333 1px 1px;
  57 + border-right: 1px solid #4D4D4D;
  58 + box-shadow: 0 10px 20px black;
  59 +}
  60 +
  61 +.cm-s-ambiance .CodeMirror-gutter .CodeMirror-gutter-text {
  62 + text-shadow: 0px 1px 1px #4d4d4d;
  63 + color: #222;
  64 +}
  65 +
  66 +.cm-s-ambiance .CodeMirror-lines {
  67 +
  68 +}
  69 +
  70 +.cm-s-ambiance .CodeMirror-lines .CodeMirror-cursor {
  71 + border-left: 1px solid #7991E8;
  72 +}
  73 +
  74 +.cm-s-ambiance .activeline {
  75 + background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.031);
  76 +}
  77 +
  78 +.cm-s-ambiance,
  79 +.cm-s-ambiance .CodeMirror-gutter {
  80 + background-image: url("data:image/png;base64,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");
  81 +}
dist/css/cm-theme/blackboard.css 0 → 100644
  1 +/* Port of TextMate's Blackboard theme */
  2 +
  3 +.cm-s-blackboard { background: #0C1021; color: #F8F8F8; }
  4 +.cm-s-blackboard .CodeMirror-selected { background: #253B76 !important; }
  5 +.cm-s-blackboard .CodeMirror-gutter { background: #0C1021; border-right: 0; }
  6 +.cm-s-blackboard .CodeMirror-gutter-text { color: #888; }
  7 +.cm-s-blackboard .CodeMirror-cursor { border-left: 1px solid #A7A7A7 !important; }
  8 +
  9 +.cm-s-blackboard .cm-keyword { color: #FBDE2D; }
  10 +.cm-s-blackboard .cm-atom { color: #D8FA3C; }
  11 +.cm-s-blackboard .cm-number { color: #D8FA3C; }
  12 +.cm-s-blackboard .cm-def { color: #8DA6CE; }
  13 +.cm-s-blackboard .cm-variable { color: #FF6400; }
  14 +.cm-s-blackboard .cm-operator { color: #FBDE2D;}
  15 +.cm-s-blackboard .cm-comment { color: #AEAEAE; }
  16 +.cm-s-blackboard .cm-string { color: #61CE3C; }
  17 +.cm-s-blackboard .cm-string-2 { color: #61CE3C; }
  18 +.cm-s-blackboard .cm-meta { color: #D8FA3C; }
  19 +.cm-s-blackboard .cm-error { background: #9D1E15; color: #F8F8F8; }
  20 +.cm-s-blackboard .cm-builtin { color: #8DA6CE; }
  21 +.cm-s-blackboard .cm-tag { color: #8DA6CE; }
  22 +.cm-s-blackboard .cm-attribute { color: #8DA6CE; }
  23 +.cm-s-blackboard .cm-header { color: #FF6400; }
  24 +.cm-s-blackboard .cm-hr { color: #AEAEAE; }
  25 +.cm-s-blackboard .cm-link { color: #8DA6CE; }
dist/css/cm-theme/cobalt.css 0 → 100644
  1 +.cm-s-cobalt { background: #002240; color: white; }
  2 +.cm-s-cobalt div.CodeMirror-selected { background: #b36539 !important; }
  3 +.cm-s-cobalt .CodeMirror-gutter { background: #002240; border-right: 1px solid #aaa; }
  4 +.cm-s-cobalt .CodeMirror-gutter-text { color: #d0d0d0; }
  5 +.cm-s-cobalt .CodeMirror-cursor { border-left: 1px solid white !important; }
  6 +
  7 +.cm-s-cobalt span.cm-comment { color: #08f; }
  8 +.cm-s-cobalt span.cm-atom { color: #845dc4; }
  9 +.cm-s-cobalt span.cm-number, .cm-s-cobalt span.cm-attribute { color: #ff80e1; }
  10 +.cm-s-cobalt span.cm-keyword { color: #ffee80; }
  11 +.cm-s-cobalt span.cm-string { color: #3ad900; }
  12 +.cm-s-cobalt span.cm-meta { color: #ff9d00; }
  13 +.cm-s-cobalt span.cm-variable-2, .cm-s-cobalt span.cm-tag { color: #9effff; }
  14 +.cm-s-cobalt span.cm-variable-3, .cm-s-cobalt span.cm-def { color: white; }
  15 +.cm-s-cobalt span.cm-error { color: #9d1e15; }
  16 +.cm-s-cobalt span.cm-bracket { color: #d8d8d8; }
  17 +.cm-s-cobalt span.cm-builtin, .cm-s-cobalt span.cm-special { color: #ff9e59; }
  18 +.cm-s-cobalt span.cm-link { color: #845dc4; }
dist/css/cm-theme/eclipse.css 0 → 100644
  1 +.cm-s-eclipse span.cm-meta {color: #FF1717;}
  2 +.cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
  3 +.cm-s-eclipse span.cm-atom {color: #219;}
  4 +.cm-s-eclipse span.cm-number {color: #164;}
  5 +.cm-s-eclipse span.cm-def {color: #00f;}
  6 +.cm-s-eclipse span.cm-variable {color: black;}
  7 +.cm-s-eclipse span.cm-variable-2 {color: #0000C0;}
  8 +.cm-s-eclipse span.cm-variable-3 {color: #0000C0;}
  9 +.cm-s-eclipse span.cm-property {color: black;}
  10 +.cm-s-eclipse span.cm-operator {color: black;}
  11 +.cm-s-eclipse span.cm-comment {color: #3F7F5F;}
  12 +.cm-s-eclipse span.cm-string {color: #2A00FF;}
  13 +.cm-s-eclipse span.cm-string-2 {color: #f50;}
  14 +.cm-s-eclipse span.cm-error {color: #f00;}
  15 +.cm-s-eclipse span.cm-qualifier {color: #555;}
  16 +.cm-s-eclipse span.cm-builtin {color: #30a;}
  17 +.cm-s-eclipse span.cm-bracket {color: #cc7;}
  18 +.cm-s-eclipse span.cm-tag {color: #170;}
  19 +.cm-s-eclipse span.cm-attribute {color: #00c;}
  20 +.cm-s-eclipse span.cm-link {color: #219;}
  21 +
  22 +.cm-s-eclipse .CodeMirror-matchingbracket {
  23 + border:1px solid grey;
  24 + color:black !important;;
  25 +}
dist/css/cm-theme/elegant.css 0 → 100644
  1 +.cm-s-elegant span.cm-number, .cm-s-elegant span.cm-string, .cm-s-elegant span.cm-atom {color: #762;}
  2 +.cm-s-elegant span.cm-comment {color: #262; font-style: italic; line-height: 1em;}
  3 +.cm-s-elegant span.cm-meta {color: #555; font-style: italic; line-height: 1em;}
  4 +.cm-s-elegant span.cm-variable {color: black;}
  5 +.cm-s-elegant span.cm-variable-2 {color: #b11;}
  6 +.cm-s-elegant span.cm-qualifier {color: #555;}
  7 +.cm-s-elegant span.cm-keyword {color: #730;}
  8 +.cm-s-elegant span.cm-builtin {color: #30a;}
  9 +.cm-s-elegant span.cm-error {background-color: #fdd;}
  10 +.cm-s-elegant span.cm-link {color: #762;}
dist/css/cm-theme/erlang-dark.css 0 → 100644
  1 +.cm-s-erlang-dark { background: #23383f; color: white; }
  2 +.cm-s-erlang-dark div.CodeMirror-selected { background: #b36539 !important; }
  3 +.cm-s-erlang-dark .CodeMirror-gutter { background: #23383f; border-right: 1px solid #aaa; }
  4 +.cm-s-erlang-dark .CodeMirror-gutter-text { color: #d0d0d0; }
  5 +.cm-s-erlang-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
  6 +
  7 +.cm-s-erlang-dark span.cm-atom { color: #845dc4; }
  8 +.cm-s-erlang-dark span.cm-attribute { color: #ff80e1; }
  9 +.cm-s-erlang-dark span.cm-bracket { color: #ff9d00; }
  10 +.cm-s-erlang-dark span.cm-builtin { color: #eeaaaa; }
  11 +.cm-s-erlang-dark span.cm-comment { color: #7777ff; }
  12 +.cm-s-erlang-dark span.cm-def { color: #ee77aa; }
  13 +.cm-s-erlang-dark span.cm-error { color: #9d1e15; }
  14 +.cm-s-erlang-dark span.cm-keyword { color: #ffee80; }
  15 +.cm-s-erlang-dark span.cm-meta { color: #50fefe; }
  16 +.cm-s-erlang-dark span.cm-number { color: #ffd0d0; }
  17 +.cm-s-erlang-dark span.cm-operator { color: #dd1111; }
  18 +.cm-s-erlang-dark span.cm-string { color: #3ad900; }
  19 +.cm-s-erlang-dark span.cm-tag { color: #9effff; }
  20 +.cm-s-erlang-dark span.cm-variable { color: #50fe50; }
  21 +.cm-s-erlang-dark span.cm-variable-2 { color: #ee00ee; }
dist/css/cm-theme/gbtags-dark.css 0 → 100644
  1 +.cm-s-gbtags-dark { background: #EAEAEA; color: #AAAAAA; }
  2 +.cm-s-gbtags-dark .CodeMirror-gutter { background: #E6E6E6; border-right: 1px solid #E1E1E1; }
  3 +.cm-s-gbtags-dark .CodeMirror-gutter-text { color: #666666; }
  4 +
  5 +.cm-s-gbtags-dark span.cm-meta {color: #FF1717;}
  6 +.cm-s-gbtags-dark span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
  7 +.cm-s-gbtags-dark span.cm-atom {color: #219;}
  8 +.cm-s-gbtags-dark span.cm-number {color: #164;}
  9 +.cm-s-gbtags-dark span.cm-def {color: #00f;}
  10 +.cm-s-gbtags-dark span.cm-variable {color: black;}
  11 +.cm-s-gbtags-dark span.cm-variable-2 {color: #0000C0;}
  12 +.cm-s-gbtags-dark span.cm-variable-3 {color: #0000C0;}
  13 +.cm-s-gbtags-dark span.cm-property {color: black;}
  14 +.cm-s-gbtags-dark span.cm-operator {color: black;}
  15 +.cm-s-gbtags-dark span.cm-comment {color: #3F7F5F;}
  16 +.cm-s-gbtags-dark span.cm-string {color: #2A00FF;}
  17 +.cm-s-gbtags-dark span.cm-string-2 {color: #f50;}
  18 +.cm-s-gbtags-dark span.cm-error {color: #f00;}
  19 +.cm-s-gbtags-dark span.cm-qualifier {color: #555;}
  20 +.cm-s-gbtags-dark span.cm-builtin {color: #30a;}
  21 +.cm-s-gbtags-dark span.cm-bracket {color: #cc7;}
  22 +.cm-s-gbtags-dark span.cm-tag {color: #170;}
  23 +.cm-s-gbtags-dark span.cm-attribute {color: #00c;}
  24 +.cm-s-gbtags-dark span.cm-link {color: #219;}
  25 +
  26 +.cm-s-gbtags-dark .CodeMirror-matchingbracket {
  27 + border:1px solid grey;
  28 + color:black !important;;
  29 +}
dist/css/cm-theme/gbtags.css 0 → 100644
  1 +.cm-s-gbtags { background: #EFEFEF; color: #999999; }
  2 +.cm-s-gbtags .CodeMirror-gutter { background: #EEEEEE; border-right: 1px solid #E4E4E4; }
  3 +.cm-s-gbtags .CodeMirror-gutter-text { color: #AAAAAA; }
  4 +
  5 +.cm-s-gbtags span.cm-meta {color: #FF1717;}
  6 +.cm-s-gbtags span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
  7 +.cm-s-gbtags span.cm-atom {color: #219;}
  8 +.cm-s-gbtags span.cm-number {color: #164;}
  9 +.cm-s-gbtags span.cm-def {color: #00f;}
  10 +.cm-s-gbtags span.cm-variable {color: black;}
  11 +.cm-s-gbtags span.cm-variable-2 {color: #0000C0;}
  12 +.cm-s-gbtags span.cm-variable-3 {color: #0000C0;}
  13 +.cm-s-gbtags span.cm-property {color: black;}
  14 +.cm-s-gbtags span.cm-operator {color: black;}
  15 +.cm-s-gbtags span.cm-comment {color: #3F7F5F;}
  16 +.cm-s-gbtags span.cm-string {color: #2A00FF;}
  17 +.cm-s-gbtags span.cm-string-2 {color: #f50;}
  18 +.cm-s-gbtags span.cm-error {color: #f00;}
  19 +.cm-s-gbtags span.cm-qualifier {color: #555;}
  20 +.cm-s-gbtags span.cm-builtin {color: #30a;}
  21 +.cm-s-gbtags span.cm-bracket {color: #cc7;}
  22 +.cm-s-gbtags span.cm-tag {color: #170;}
  23 +.cm-s-gbtags span.cm-attribute {color: #00c;}
  24 +.cm-s-gbtags span.cm-link {color: #219;}
  25 +
  26 +.cm-s-gbtags .CodeMirror-matchingbracket {
  27 + border:1px solid grey;
  28 + color:black !important;;
  29 +}
dist/css/cm-theme/lesser-dark.css 0 → 100644
  1 +/*
  2 +http://lesscss.org/ dark theme
  3 +Ported to CodeMirror by Peter Kroon
  4 +*/
  5 +.cm-s-lesser-dark {
  6 + line-height: 1.3em;
  7 +}
  8 +.cm-s-lesser-dark {
  9 + font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', Courier, monospace !important;
  10 +}
  11 +
  12 +.cm-s-lesser-dark { background: #262626; color: #EBEFE7; text-shadow: 0 -1px 1px #262626; }
  13 +.cm-s-lesser-dark div.CodeMirror-selected {background: #45443B !important;} /* 33322B*/
  14 +.cm-s-lesser-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
  15 +.cm-s-lesser-dark .CodeMirror-lines { margin-left:3px; margin-right:3px; }/*editable code holder*/
  16 +
  17 +div.CodeMirror span.CodeMirror-matchingbracket { color: #7EFC7E; }/*65FC65*/
  18 +
  19 +.cm-s-lesser-dark .CodeMirror-gutter { background: #262626; border-right:1px solid #aaa; padding-right:3px; min-width:2.5em; }
  20 +.cm-s-lesser-dark .CodeMirror-gutter-text { color: #777; }
  21 +
  22 +.cm-s-lesser-dark span.cm-keyword { color: #599eff; }
  23 +.cm-s-lesser-dark span.cm-atom { color: #C2B470; }
  24 +.cm-s-lesser-dark span.cm-number { color: #B35E4D; }
  25 +.cm-s-lesser-dark span.cm-def {color: white;}
  26 +.cm-s-lesser-dark span.cm-variable { color:#D9BF8C; }
  27 +.cm-s-lesser-dark span.cm-variable-2 { color: #669199; }
  28 +.cm-s-lesser-dark span.cm-variable-3 { color: white; }
  29 +.cm-s-lesser-dark span.cm-property {color: #92A75C;}
  30 +.cm-s-lesser-dark span.cm-operator {color: #92A75C;}
  31 +.cm-s-lesser-dark span.cm-comment { color: #666; }
  32 +.cm-s-lesser-dark span.cm-string { color: #BCD279; }
  33 +.cm-s-lesser-dark span.cm-string-2 {color: #f50;}
  34 +.cm-s-lesser-dark span.cm-meta { color: #738C73; }
  35 +.cm-s-lesser-dark span.cm-error { color: #9d1e15; }
  36 +.cm-s-lesser-dark span.cm-qualifier {color: #555;}
  37 +.cm-s-lesser-dark span.cm-builtin { color: #ff9e59; }
  38 +.cm-s-lesser-dark span.cm-bracket { color: #EBEFE7; }
  39 +.cm-s-lesser-dark span.cm-tag { color: #669199; }
  40 +.cm-s-lesser-dark span.cm-attribute {color: #00c;}
  41 +.cm-s-lesser-dark span.cm-header {color: #a0a;}
  42 +.cm-s-lesser-dark span.cm-quote {color: #090;}
  43 +.cm-s-lesser-dark span.cm-hr {color: #999;}
  44 +.cm-s-lesser-dark span.cm-link {color: #00c;}
dist/css/cm-theme/monokai.css 0 → 100644
  1 +/* Based on Sublime Text's Monokai theme */
  2 +
  3 +.cm-s-monokai {background: #272822; color: #f8f8f2;}
  4 +.cm-s-monokai div.CodeMirror-selected {background: #49483E !important;}
  5 +.cm-s-monokai .CodeMirror-gutter {background: #272822; border-right: 0px;}
  6 +.cm-s-monokai .CodeMirror-gutter-text {color: #d0d0d0;}
  7 +.cm-s-monokai .CodeMirror-cursor {border-left: 1px solid #f8f8f0 !important;}
  8 +
  9 +.cm-s-monokai span.cm-comment {color: #75715e;}
  10 +.cm-s-monokai span.cm-atom {color: #ae81ff;}
  11 +.cm-s-monokai span.cm-number {color: #ae81ff;}
  12 +
  13 +.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute {color: #a6e22e;}
  14 +.cm-s-monokai span.cm-keyword {color: #f92672;}
  15 +.cm-s-monokai span.cm-string {color: #e6db74;}
  16 +
  17 +.cm-s-monokai span.cm-variable {color: #a6e22e;}
  18 +.cm-s-monokai span.cm-variable-2 {color: #9effff;}
  19 +.cm-s-monokai span.cm-def {color: #fd971f;}
  20 +.cm-s-monokai span.cm-error {background: #f92672; color: #f8f8f0;}
  21 +.cm-s-monokai span.cm-bracket {color: #f8f8f2;}
  22 +.cm-s-monokai span.cm-tag {color: #f92672;}
  23 +.cm-s-monokai span.cm-link {color: #ae81ff;}
  24 +
  25 +.cm-s-monokai .CodeMirror-matchingbracket {
  26 + text-decoration: underline;
  27 + color: white !important;
  28 +}
dist/css/cm-theme/neat.css 0 → 100644
  1 +.cm-s-neat span.cm-comment { color: #a86; }
  2 +.cm-s-neat span.cm-keyword { line-height: 1em; font-weight: bold; color: blue; }
  3 +.cm-s-neat span.cm-string { color: #a22; }
  4 +.cm-s-neat span.cm-builtin { line-height: 1em; font-weight: bold; color: #077; }
  5 +.cm-s-neat span.cm-special { line-height: 1em; font-weight: bold; color: #0aa; }
  6 +.cm-s-neat span.cm-variable { color: black; }
  7 +.cm-s-neat span.cm-number, .cm-s-neat span.cm-atom { color: #3a3; }
  8 +.cm-s-neat span.cm-meta {color: #555;}
  9 +.cm-s-neat span.cm-link { color: #3a3; }
dist/css/cm-theme/night.css 0 → 100644
  1 +/* Loosely based on the Midnight Textmate theme */
  2 +
  3 +.cm-s-night { background: #0a001f; color: #f8f8f8; }
  4 +.cm-s-night div.CodeMirror-selected { background: #447 !important; }
  5 +.cm-s-night .CodeMirror-gutter { background: #0a001f; border-right: 1px solid #aaa; }
  6 +.cm-s-night .CodeMirror-gutter-text { color: #f8f8f8; }
  7 +.cm-s-night .CodeMirror-cursor { border-left: 1px solid white !important; }
  8 +
  9 +.cm-s-night span.cm-comment { color: #6900a1; }
  10 +.cm-s-night span.cm-atom { color: #845dc4; }
  11 +.cm-s-night span.cm-number, .cm-s-night span.cm-attribute { color: #ffd500; }
  12 +.cm-s-night span.cm-keyword { color: #599eff; }
  13 +.cm-s-night span.cm-string { color: #37f14a; }
  14 +.cm-s-night span.cm-meta { color: #7678e2; }
  15 +.cm-s-night span.cm-variable-2, .cm-s-night span.cm-tag { color: #99b2ff; }
  16 +.cm-s-night span.cm-variable-3, .cm-s-night span.cm-def { color: white; }
  17 +.cm-s-night span.cm-error { color: #9d1e15; }
  18 +.cm-s-night span.cm-bracket { color: #8da6ce; }
  19 +.cm-s-night span.cm-comment { color: #6900a1; }
  20 +.cm-s-night span.cm-builtin, .cm-s-night span.cm-special { color: #ff9e59; }
  21 +.cm-s-night span.cm-link { color: #845dc4; }
dist/css/cm-theme/rubyblue.css 0 → 100644
  1 +.cm-s-rubyblue { font:13px/1.4em Trebuchet, Verdana, sans-serif; } /* - customized editor font - */
  2 +
  3 +.cm-s-rubyblue { background: #112435; color: white; }
  4 +.cm-s-rubyblue div.CodeMirror-selected { background: #38566F !important; }
  5 +.cm-s-rubyblue .CodeMirror-gutter { background: #1F4661; border-right: 7px solid #3E7087; min-width:2.5em; }
  6 +.cm-s-rubyblue .CodeMirror-gutter-text { color: white; }
  7 +.cm-s-rubyblue .CodeMirror-cursor { border-left: 1px solid white !important; }
  8 +
  9 +.cm-s-rubyblue span.cm-comment { color: #999; font-style:italic; line-height: 1em; }
  10 +.cm-s-rubyblue span.cm-atom { color: #F4C20B; }
  11 +.cm-s-rubyblue span.cm-number, .cm-s-rubyblue span.cm-attribute { color: #82C6E0; }
  12 +.cm-s-rubyblue span.cm-keyword { color: #F0F; }
  13 +.cm-s-rubyblue span.cm-string { color: #F08047; }
  14 +.cm-s-rubyblue span.cm-meta { color: #F0F; }
  15 +.cm-s-rubyblue span.cm-variable-2, .cm-s-rubyblue span.cm-tag { color: #7BD827; }
  16 +.cm-s-rubyblue span.cm-variable-3, .cm-s-rubyblue span.cm-def { color: white; }
  17 +.cm-s-rubyblue span.cm-error { color: #AF2018; }
  18 +.cm-s-rubyblue span.cm-bracket { color: #F0F; }
  19 +.cm-s-rubyblue span.cm-link { color: #F4C20B; }
  20 +.cm-s-rubyblue span.CodeMirror-matchingbracket { color:#F0F !important; }
  21 +.cm-s-rubyblue span.cm-builtin, .cm-s-rubyblue span.cm-special { color: #FF9D00; }
dist/css/cm-theme/vibrant-ink.css 0 → 100644
  1 +/* Taken from the popular Visual Studio Vibrant Ink Schema */
  2 +
  3 +.cm-s-vibrant-ink { background: black; color: white; }
  4 +.cm-s-vibrant-ink .CodeMirror-selected { background: #35493c !important; }
  5 +
  6 +.cm-s-vibrant-ink .CodeMirror-gutter { background: #002240; border-right: 1px solid #aaa; }
  7 +.cm-s-vibrant-ink .CodeMirror-gutter-text { color: #d0d0d0; }
  8 +.cm-s-vibrant-ink .CodeMirror-cursor { border-left: 1px solid white !important; }
  9 +
  10 +.cm-s-vibrant-ink .cm-keyword { color: #CC7832; }
  11 +.cm-s-vibrant-ink .cm-atom { color: #FC0; }
  12 +.cm-s-vibrant-ink .cm-number { color: #FFEE98; }
  13 +.cm-s-vibrant-ink .cm-def { color: #8DA6CE; }
  14 +.cm-s-vibrant-ink span.cm-variable-2, .cm-s-cobalt span.cm-tag { color: #FFC66D }
  15 +.cm-s-vibrant-ink span.cm-variable-3, .cm-s-cobalt span.cm-def { color: #FFC66D }
  16 +.cm-s-vibrant-ink .cm-operator { color: #888; }
  17 +.cm-s-vibrant-ink .cm-comment { color: gray; font-weight: bold; }
  18 +.cm-s-vibrant-ink .cm-string { color: #A5C25C }
  19 +.cm-s-vibrant-ink .cm-string-2 { color: red }
  20 +.cm-s-vibrant-ink .cm-meta { color: #D8FA3C; }
  21 +.cm-s-vibrant-ink .cm-error { border-bottom: 1px solid red; }
  22 +.cm-s-vibrant-ink .cm-builtin { color: #8DA6CE; }
  23 +.cm-s-vibrant-ink .cm-tag { color: #8DA6CE; }
  24 +.cm-s-vibrant-ink .cm-attribute { color: #8DA6CE; }
  25 +.cm-s-vibrant-ink .cm-header { color: #FF6400; }
  26 +.cm-s-vibrant-ink .cm-hr { color: #AEAEAE; }
  27 +.cm-s-vibrant-ink .cm-link { color: blue; }
dist/css/cm-theme/xq-dark.css 0 → 100644
  1 +/*
  2 +Copyright (C) 2011 by MarkLogic Corporation
  3 +Author: Mike Brevoort <mike@brevoort.com>
  4 +
  5 +Permission is hereby granted, free of charge, to any person obtaining a copy
  6 +of this software and associated documentation files (the "Software"), to deal
  7 +in the Software without restriction, including without limitation the rights
  8 +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  9 +copies of the Software, and to permit persons to whom the Software is
  10 +furnished to do so, subject to the following conditions:
  11 +
  12 +The above copyright notice and this permission notice shall be included in
  13 +all copies or substantial portions of the Software.
  14 +
  15 +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  16 +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  17 +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  18 +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  19 +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  20 +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  21 +THE SOFTWARE.
  22 +*/
  23 +.cm-s-xq-dark { background: #0a001f; color: #f8f8f8; }
  24 +.cm-s-xq-dark span.CodeMirror-selected { background: #a8f !important; }
  25 +.cm-s-xq-dark .CodeMirror-gutter { background: #0a001f; border-right: 1px solid #aaa; }
  26 +.cm-s-xq-dark .CodeMirror-gutter-text { color: #f8f8f8; }
  27 +.cm-s-xq-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
  28 +
  29 +.cm-s-xq-dark span.cm-keyword {color: #FFBD40;}
  30 +.cm-s-xq-dark span.cm-atom {color: #6C8CD5;}
  31 +.cm-s-xq-dark span.cm-number {color: #164;}
  32 +.cm-s-xq-dark span.cm-def {color: #FFF; text-decoration:underline;}
  33 +.cm-s-xq-dark span.cm-variable {color: #FFF;}
  34 +.cm-s-xq-dark span.cm-variable-2 {color: #EEE;}
  35 +.cm-s-xq-dark span.cm-variable-3 {color: #DDD;}
  36 +.cm-s-xq-dark span.cm-property {}
  37 +.cm-s-xq-dark span.cm-operator {}
  38 +.cm-s-xq-dark span.cm-comment {color: gray;}
  39 +.cm-s-xq-dark span.cm-string {color: #9FEE00;}
  40 +.cm-s-xq-dark span.cm-meta {color: yellow;}
  41 +.cm-s-xq-dark span.cm-error {color: #f00;}
  42 +.cm-s-xq-dark span.cm-qualifier {color: #FFF700;}
  43 +.cm-s-xq-dark span.cm-builtin {color: #30a;}
  44 +.cm-s-xq-dark span.cm-bracket {color: #cc7;}
  45 +.cm-s-xq-dark span.cm-tag {color: #FFBD40;}
  46 +.cm-s-xq-dark span.cm-attribute {color: #FFF700;}
dist/css/codemirror.5.8.css 0 → 100644
  1 +/* BASICS */
  2 +
  3 +.CodeMirror {
  4 + /* Set height, width, borders, and global font properties here */
  5 + font-family: monospace;
  6 + height: 300px;
  7 + color: black;
  8 +}
  9 +
  10 +/* PADDING */
  11 +
  12 +.CodeMirror-lines {
  13 + padding: 4px 0; /* Vertical padding around content */
  14 +}
  15 +.CodeMirror pre {
  16 + padding: 0 4px; /* Horizontal padding of content */
  17 +}
  18 +
  19 +.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  20 + background-color: white; /* The little square between H and V scrollbars */
  21 +}
  22 +
  23 +/* GUTTER */
  24 +
  25 +.CodeMirror-gutters {
  26 + border-right: 1px solid #ddd;
  27 + background-color: #f7f7f7;
  28 + white-space: nowrap;
  29 +}
  30 +.CodeMirror-linenumbers {}
  31 +.CodeMirror-linenumber {
  32 + padding: 0 3px 0 5px;
  33 + min-width: 20px;
  34 + text-align: right;
  35 + color: #999;
  36 + white-space: nowrap;
  37 +}
  38 +
  39 +.CodeMirror-guttermarker { color: black; }
  40 +.CodeMirror-guttermarker-subtle { color: #999; }
  41 +
  42 +/* CURSOR */
  43 +
  44 +.CodeMirror-cursor {
  45 + border-left: 1px solid black;
  46 + border-right: none;
  47 + width: 0;
  48 +}
  49 +/* Shown when moving in bi-directional text */
  50 +.CodeMirror div.CodeMirror-secondarycursor {
  51 + border-left: 1px solid silver;
  52 +}
  53 +.cm-fat-cursor .CodeMirror-cursor {
  54 + width: auto;
  55 + border: 0;
  56 + background: #7e7;
  57 +}
  58 +.cm-fat-cursor div.CodeMirror-cursors {
  59 + z-index: 1;
  60 +}
  61 +
  62 +.cm-animate-fat-cursor {
  63 + width: auto;
  64 + border: 0;
  65 + -webkit-animation: blink 1.06s steps(1) infinite;
  66 + -moz-animation: blink 1.06s steps(1) infinite;
  67 + animation: blink 1.06s steps(1) infinite;
  68 + background-color: #7e7;
  69 +}
  70 +@-moz-keyframes blink {
  71 + 0% {}
  72 + 50% { background-color: transparent; }
  73 + 100% {}
  74 +}
  75 +@-webkit-keyframes blink {
  76 + 0% {}
  77 + 50% { background-color: transparent; }
  78 + 100% {}
  79 +}
  80 +@keyframes blink {
  81 + 0% {}
  82 + 50% { background-color: transparent; }
  83 + 100% {}
  84 +}
  85 +
  86 +/* Can style cursor different in overwrite (non-insert) mode */
  87 +.CodeMirror-overwrite .CodeMirror-cursor {}
  88 +
  89 +.cm-tab { display: inline-block; text-decoration: inherit; }
  90 +
  91 +.CodeMirror-ruler {
  92 + border-left: 1px solid #ccc;
  93 + position: absolute;
  94 +}
  95 +
  96 +/* DEFAULT THEME */
  97 +
  98 +.cm-s-default .cm-header {color: blue;}
  99 +.cm-s-default .cm-quote {color: #090;}
  100 +.cm-negative {color: #d44;}
  101 +.cm-positive {color: #292;}
  102 +.cm-header, .cm-strong {font-weight: bold;}
  103 +.cm-em {font-style: italic;}
  104 +.cm-link {text-decoration: underline;}
  105 +.cm-strikethrough {text-decoration: line-through;}
  106 +
  107 +.cm-s-default .cm-keyword {color: #708;}
  108 +.cm-s-default .cm-atom {color: #219;}
  109 +.cm-s-default .cm-number {color: #164;}
  110 +.cm-s-default .cm-def {color: #00f;}
  111 +.cm-s-default .cm-variable,
  112 +.cm-s-default .cm-punctuation,
  113 +.cm-s-default .cm-property,
  114 +.cm-s-default .cm-operator {}
  115 +.cm-s-default .cm-variable-2 {color: #05a;}
  116 +.cm-s-default .cm-variable-3 {color: #085;}
  117 +.cm-s-default .cm-comment {color: #a50;}
  118 +.cm-s-default .cm-string {color: #a11;}
  119 +.cm-s-default .cm-string-2 {color: #f50;}
  120 +.cm-s-default .cm-meta {color: #555;}
  121 +.cm-s-default .cm-qualifier {color: #555;}
  122 +.cm-s-default .cm-builtin {color: #30a;}
  123 +.cm-s-default .cm-bracket {color: #997;}
  124 +.cm-s-default .cm-tag {color: #170;}
  125 +.cm-s-default .cm-attribute {color: #00c;}
  126 +.cm-s-default .cm-hr {color: #999;}
  127 +.cm-s-default .cm-link {color: #00c;}
  128 +
  129 +.cm-s-default .cm-error {color: #f00;}
  130 +.cm-invalidchar {color: #f00;}
  131 +
  132 +.CodeMirror-composing { border-bottom: 2px solid; }
  133 +
  134 +/* Default styles for common addons */
  135 +
  136 +div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
  137 +div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
  138 +.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
  139 +.CodeMirror-activeline-background {background: #e8f2ff;}
  140 +
  141 +/* STOP */
  142 +
  143 +/* The rest of this file contains styles related to the mechanics of
  144 + the editor. You probably shouldn't touch them. */
  145 +
  146 +.CodeMirror {
  147 + position: relative;
  148 + overflow: hidden;
  149 + background: white;
  150 +}
  151 +
  152 +.CodeMirror-scroll {
  153 + overflow: scroll !important; /* Things will break if this is overridden */
  154 + /* 30px is the magic margin used to hide the element's real scrollbars */
  155 + /* See overflow: hidden in .CodeMirror */
  156 + margin-bottom: -30px; margin-right: -30px;
  157 + padding-bottom: 30px;
  158 + height: 100%;
  159 + outline: none; /* Prevent dragging from highlighting the element */
  160 + position: relative;
  161 +}
  162 +.CodeMirror-sizer {
  163 + position: relative;
  164 + border-right: 30px solid transparent;
  165 +}
  166 +
  167 +/* The fake, visible scrollbars. Used to force redraw during scrolling
  168 + before actuall scrolling happens, thus preventing shaking and
  169 + flickering artifacts. */
  170 +.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  171 + position: absolute;
  172 + z-index: 6;
  173 + display: none;
  174 +}
  175 +.CodeMirror-vscrollbar {
  176 + right: 0; top: 0;
  177 + overflow-x: hidden;
  178 + overflow-y: scroll;
  179 +}
  180 +.CodeMirror-hscrollbar {
  181 + bottom: 0; left: 0;
  182 + overflow-y: hidden;
  183 + overflow-x: scroll;
  184 +}
  185 +.CodeMirror-scrollbar-filler {
  186 + right: 0; bottom: 0;
  187 +}
  188 +.CodeMirror-gutter-filler {
  189 + left: 0; bottom: 0;
  190 +}
  191 +
  192 +.CodeMirror-gutters {
  193 + position: absolute; left: 0; top: 0;
  194 + z-index: 3;
  195 +}
  196 +.CodeMirror-gutter {
  197 + white-space: normal;
  198 + height: 100%;
  199 + display: inline-block;
  200 + margin-bottom: -30px;
  201 + /* Hack to make IE7 behave */
  202 + *zoom:1;
  203 + *display:inline;
  204 +}
  205 +.CodeMirror-gutter-wrapper {
  206 + position: absolute;
  207 + z-index: 4;
  208 + background: none !important;
  209 + border: none !important;
  210 +}
  211 +.CodeMirror-gutter-background {
  212 + position: absolute;
  213 + top: 0; bottom: 0;
  214 + z-index: 4;
  215 +}
  216 +.CodeMirror-gutter-elt {
  217 + position: absolute;
  218 + cursor: default;
  219 + z-index: 4;
  220 +}
  221 +.CodeMirror-gutter-wrapper {
  222 + -webkit-user-select: none;
  223 + -moz-user-select: none;
  224 + user-select: none;
  225 +}
  226 +
  227 +.CodeMirror-lines {
  228 + cursor: text;
  229 + min-height: 1px; /* prevents collapsing before first draw */
  230 +}
  231 +.CodeMirror pre {
  232 + /* Reset some styles that the rest of the page might have set */
  233 + -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  234 + border-width: 0;
  235 + background: transparent;
  236 + font-family: inherit;
  237 + font-size: inherit;
  238 + margin: 0;
  239 + white-space: pre;
  240 + word-wrap: normal;
  241 + line-height: inherit;
  242 + color: inherit;
  243 + z-index: 2;
  244 + position: relative;
  245 + overflow: visible;
  246 + -webkit-tap-highlight-color: transparent;
  247 +}
  248 +.CodeMirror-wrap pre {
  249 + word-wrap: break-word;
  250 + white-space: pre-wrap;
  251 + word-break: normal;
  252 +}
  253 +
  254 +.CodeMirror-linebackground {
  255 + position: absolute;
  256 + left: 0; right: 0; top: 0; bottom: 0;
  257 + z-index: 0;
  258 +}
  259 +
  260 +.CodeMirror-linewidget {
  261 + position: relative;
  262 + z-index: 2;
  263 + overflow: auto;
  264 +}
  265 +
  266 +.CodeMirror-widget {}
  267 +
  268 +.CodeMirror-code {
  269 + outline: none;
  270 +}
  271 +
  272 +/* Force content-box sizing for the elements where we expect it */
  273 +.CodeMirror-scroll,
  274 +.CodeMirror-sizer,
  275 +.CodeMirror-gutter,
  276 +.CodeMirror-gutters,
  277 +.CodeMirror-linenumber {
  278 + -moz-box-sizing: content-box;
  279 + box-sizing: content-box;
  280 +}
  281 +
  282 +.CodeMirror-measure {
  283 + position: absolute;
  284 + width: 100%;
  285 + height: 0;
  286 + overflow: hidden;
  287 + visibility: hidden;
  288 +}
  289 +
  290 +.CodeMirror-cursor { position: absolute; }
  291 +.CodeMirror-measure pre { position: static; }
  292 +
  293 +div.CodeMirror-cursors {
  294 + visibility: hidden;
  295 + position: relative;
  296 + z-index: 3;
  297 +}
  298 +div.CodeMirror-dragcursors {
  299 + visibility: visible;
  300 +}
  301 +
  302 +.CodeMirror-focused div.CodeMirror-cursors {
  303 + visibility: visible;
  304 +}
  305 +
  306 +.CodeMirror-selected { background: #d9d9d9; }
  307 +.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
  308 +.CodeMirror-crosshair { cursor: crosshair; }
  309 +.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
  310 +.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
  311 +
  312 +.cm-searching {
  313 + background: #ffa;
  314 + background: rgba(255, 255, 0, .4);
  315 +}
  316 +
  317 +/* IE7 hack to prevent it from returning funny offsetTops on the spans */
  318 +.CodeMirror span { *vertical-align: text-bottom; }
  319 +
  320 +/* Used to force a border model for a node */
  321 +.cm-force-border { padding-right: .1px; }
  322 +
  323 +@media print {
  324 + /* Hide the cursor when printing */
  325 + .CodeMirror div.CodeMirror-cursors {
  326 + visibility: hidden;
  327 + }
  328 +}
  329 +
  330 +/* See issue #2901 */
  331 +.cm-tab-wrap-hack:after { content: ''; }
  332 +
  333 +/* Help users use markselection to safely style text background */
  334 +span.CodeMirror-selectedtext { background: none; }
dist/css/codemirror.css 0 → 100644
  1 +.CodeMirror {
  2 + line-height: 1em;
  3 + font-family: SourceCodeProRegular, Menlo, Monaco, consolas, monospace;
  4 + background: #fff;
  5 + height: 100%;
  6 + /* Necessary so the scrollbar can be absolutely positioned within the wrapper on Lion. */
  7 + position: relative;
  8 + /* This prevents unwanted scrollbars from showing up on the body and wrapper in IE. */
  9 + overflow: hidden;
  10 +}
  11 +
  12 +.CodeMirror-scroll {
  13 + overflow-x: auto;
  14 + overflow-y: hidden;
  15 + height: 100%;
  16 + /* This is needed to prevent an IE[67] bug where the scrolled content
  17 + is visible outside of the scrolling box. */
  18 + position: relative;
  19 + outline: none;
  20 +}
  21 +
  22 +/* Vertical scrollbar */
  23 +.CodeMirror-scrollbar {
  24 + float: right;
  25 + overflow-x: hidden;
  26 + overflow-y: scroll;
  27 +
  28 + /* This corrects for the 1px gap introduced to the left of the scrollbar
  29 + by the rule for .CodeMirror-scrollbar-inner. */
  30 + margin-left: -1px;
  31 +}
  32 +.CodeMirror-scrollbar-inner {
  33 + /* This needs to have a nonzero width in order for the scrollbar to appear
  34 + in Firefox and IE9. */
  35 + width: 1px;
  36 +}
  37 +.CodeMirror-scrollbar.cm-sb-overlap {
  38 + /* Ensure that the scrollbar appears in Lion, and that it overlaps the content
  39 + rather than sitting to the right of it. */
  40 + position: absolute;
  41 + z-index: 1;
  42 + float: none;
  43 + right: 0;
  44 + min-width: 12px;
  45 +}
  46 +.CodeMirror-scrollbar.cm-sb-nonoverlap {
  47 + min-width: 12px;
  48 +}
  49 +.CodeMirror-scrollbar.cm-sb-ie7 {
  50 + min-width: 18px;
  51 +}
  52 +
  53 +.CodeMirror-gutter {
  54 + position: absolute; left: 0; top: 0;
  55 + z-index: 10;
  56 + background-color: #f7f7f7;
  57 + border-right: 1px solid #eee;
  58 + min-width: 2em;
  59 + height: 100%;
  60 +}
  61 +.CodeMirror-gutter-text {
  62 + color: #aaa;
  63 + text-align: right;
  64 + padding: .4em .2em .4em .4em;
  65 + white-space: pre !important;
  66 +}
  67 +.CodeMirror-lines {
  68 + padding: .4em;
  69 + white-space: pre;
  70 + cursor: text;
  71 +}
  72 +.CodeMirror-lines * {
  73 + /* Necessary for throw-scrolling to decelerate properly on Safari. */
  74 + pointer-events: none;
  75 +}
  76 +
  77 +.CodeMirror pre {
  78 + -moz-border-radius: 0;
  79 + -webkit-border-radius: 0;
  80 + -o-border-radius: 0;
  81 + border-radius: 0;
  82 + border-width: 0; margin: 0; padding: 0; background: transparent;
  83 + font-family: inherit;
  84 + font-size: inherit;
  85 + padding: 0; margin: 0;
  86 + white-space: pre;
  87 + word-wrap: normal;
  88 + line-height: inherit;
  89 + color: inherit;
  90 +}
  91 +
  92 +.CodeMirror-wrap pre {
  93 + word-wrap: break-word;
  94 + white-space: pre-wrap;
  95 + word-break: normal;
  96 +}
  97 +.CodeMirror-wrap .CodeMirror-scroll {
  98 + overflow-x: hidden;
  99 +}
  100 +
  101 +.CodeMirror textarea {
  102 + outline: none !important;
  103 +}
  104 +
  105 +.CodeMirror pre.CodeMirror-cursor {
  106 + z-index: 10;
  107 + position: absolute;
  108 + visibility: hidden;
  109 + border-left: 1px solid black;
  110 + border-right: none;
  111 + width: 0;
  112 +}
  113 +.cm-keymap-fat-cursor pre.CodeMirror-cursor {
  114 + width: auto;
  115 + border: 0;
  116 + background: transparent;
  117 + background: rgba(0, 200, 0, .4);
  118 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600c800, endColorstr=#4c00c800);
  119 +}
  120 +/* Kludge to turn off filter in ie9+, which also accepts rgba */
  121 +.cm-keymap-fat-cursor pre.CodeMirror-cursor:not(#nonsense_id) {
  122 + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  123 +}
  124 +.CodeMirror pre.CodeMirror-cursor.CodeMirror-overwrite {}
  125 +.CodeMirror-focused pre.CodeMirror-cursor {
  126 + visibility: visible;
  127 +}
  128 +
  129 +div.CodeMirror-selected { background: #d9d9d9; }
  130 +.CodeMirror-focused div.CodeMirror-selected { background: #d7d4f0; }
  131 +
  132 +.CodeMirror-searching {
  133 + background: #ffa;
  134 + background: rgba(255, 255, 0, .4);
  135 +}
  136 +
  137 +/* Default theme */
  138 +
  139 +.cm-s-default span{position absolute;}
  140 +.cm-s-default span.cm-keyword {color: #708;}
  141 +.cm-s-default span.cm-atom {color: #219;}
  142 +.cm-s-default span.cm-number {color: #164;}
  143 +.cm-s-default span.cm-def {color: #00f;}
  144 +.cm-s-default span.cm-variable {color: black;}
  145 +.cm-s-default span.cm-variable-2 {color: #05a;}
  146 +.cm-s-default span.cm-variable-3 {color: #085;}
  147 +.cm-s-default span.cm-property {color: black;}
  148 +.cm-s-default span.cm-operator {color: black;}
  149 +.cm-s-default span.cm-comment {color: #a50;}
  150 +.cm-s-default span.cm-string {color: #a11;}
  151 +.cm-s-default span.cm-string-2 {color: #f50;}
  152 +.cm-s-default span.cm-meta {color: #555;}
  153 +.cm-s-default span.cm-error {color: #f00;}
  154 +.cm-s-default span.cm-qualifier {color: #555;}
  155 +.cm-s-default span.cm-builtin {color: #30a;}
  156 +.cm-s-default span.cm-bracket {color: #cc7;}
  157 +.cm-s-default span.cm-tag {color: #170;}
  158 +.cm-s-default span.cm-attribute {color: #00c;}
  159 +.cm-s-default span.cm-header {color: blue;}
  160 +.cm-s-default span.cm-quote {color: #090;}
  161 +.cm-s-default span.cm-hr {color: #999;}
  162 +.cm-s-default span.cm-link {color: #00c;}
  163 +
  164 +span.cm-header, span.cm-strong {font-weight: bold;}
  165 +span.cm-em {font-style: italic;}
  166 +span.cm-emstrong {font-style: italic; font-weight: bold;}
  167 +span.cm-link {text-decoration: underline;}
  168 +
  169 +div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
  170 +div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
dist/css/demo.css 0 → 100644
  1 +*{ margin: 0; padding: 0; list-style: none; }
  2 +html,body{
  3 + height: 100%;
  4 + width: 100%;
  5 +}
  6 +#app{
  7 + height: 100%;
  8 + width: 100%;
  9 + position: relative;
  10 + display: none;
  11 +}
  12 +#appContainer{
  13 + float: left;
  14 + overflow: hidden;
  15 + width: 100%;
  16 + height: calc(100% - 80px);
  17 +}
  18 +#app #appLeft,
  19 +#app #appMian,
  20 +#app #appRight{
  21 + height: 100%;
  22 + position: relative;
  23 + float: left;
  24 +}
  25 +#app #appFooter{
  26 + position: relative;
  27 + float: left;
  28 + width: 100%;
  29 + height: 80px;
  30 +}
  31 +#appLeft{
  32 + background-color: #fff;
  33 + width: 140px;
  34 + overflow: auto;
  35 +}
  36 +#appRight{
  37 + background-color: #fff;
  38 + width: 320px;
  39 +}
  40 +#appMian{
  41 + background-color: #fff;
  42 + width: calc(100% - 140px - 320px);
  43 +}
  44 +#handleLM,
  45 +#handleMR{
  46 + width: 2px;
  47 + cursor: col-resize;
  48 + /* Disable selection so it doesn't get annoying */
  49 + -webkit-touch-callout: none;
  50 + -webkit-user-select: none;
  51 + -khtml-user-select: none;
  52 + -moz-user-select: moz-none;
  53 + -ms-user-select: none;
  54 + user-select: none;
  55 + background-color: #F0F3F5;
  56 + height: 100%;
  57 + position: absolute;
  58 + right: 0;
  59 + top: 0;
  60 +}
  61 +.handle-bar{
  62 + position: absolute;
  63 + top: 50%;
  64 + left: 50%;
  65 + transform: translateX(-50%) translateY(-50%);
  66 + width: 11px;
  67 + height: 70px;
  68 + border: 1px solid #000;
  69 + text-align: center;
  70 + line-height: 70px;
  71 + background-color: #dcdcdc;
  72 + z-index: 1;
  73 + cursor: col-resize;
  74 +}
  75 +.handle-bar:before,
  76 +.handle-bar:after{
  77 + content: '|';
  78 + display: block;
  79 + position: absolute;
  80 +}
  81 +.handle-bar:before{
  82 + left: 2px;
  83 +}
  84 +.handle-bar:after{
  85 + right: 2px;
  86 +}
  87 +.tree-header{
  88 + padding: 75px 15px 0 15px;
  89 + font-size: 16px;
  90 + color: #879499;
  91 + font-weight: bold;
  92 +}
  93 +ul.ztree{
  94 + background-color: transparent;
  95 + width: 100%;
  96 + height: 73%;
  97 + padding: 10px 15px;
  98 + -webkit-box-sizing: border-box;
  99 + -moz-box-sizing: border-box;
  100 + box-sizing: border-box;
  101 + margin: 0;
  102 + border: none;
  103 +}
  104 +ul.ztree li a{
  105 + padding: 0;
  106 + height: 24px;
  107 + line-height: 24px;
  108 + color: #859499;
  109 +}
  110 +.ztree li a.curSelectedNode{
  111 + background-color: #FFE6B0;
  112 + color: black;
  113 + height: 24px;
  114 + border: none;
  115 + opacity: 1;
  116 +}
  117 +ul.ztree li span.node_name input{
  118 + outline: none;
  119 +}
  120 +ul.ztree li span.button.switch{
  121 + display: none;
  122 +}
  123 +ul.ztree li span.button.ico_open,
  124 +ul.ztree li span.button.ico_close,
  125 +ul.ztree li span.button.ico_docu,
  126 +ul.ztree li span.button.add,
  127 +ul.ztree li span.button.edit,
  128 +ul.ztree li span.button.remove{
  129 + margin-top: 4px;
  130 + margin-right: 2px;
  131 + vertical-align: top;
  132 +}
  133 +ul.ztree li span.button.ico_open,
  134 +ul.ztree li span.button.ico_close{
  135 + background: url(../img/icon-folder.png) no-repeat scroll center center transparent;
  136 +}
  137 +ul.ztree li span.button.ico_docu{
  138 + background: url(../img/icon-files-java.png) no-repeat scroll center center transparent;
  139 +}
  140 +ul.ztree li span.button.edit{
  141 + background: url(../img/icon-editer.svg) no-repeat scroll center center transparent;
  142 +}
  143 +ul.ztree li span.button.add {
  144 + background-position:-144px 0;
  145 +}
  146 +
  147 +textarea[id^="tab"]{ display: none; }
  148 +textarea[id^="tab"].active{ display: block; }
  149 +.CodeMirror{ padding: 0; }
  150 +
  151 +#appMainHeader{
  152 + background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
  153 + background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
  154 + height: 60px;
  155 + margin-left: -140px;
  156 +}
  157 +#appMainHeader{
  158 + padding: 0 8px;
  159 +}
  160 +#appMainHeader .nav-tabs {
  161 + border-bottom: none;
  162 +}
  163 +
  164 +#appMainHeader .nav-tabs > li > a {
  165 + margin-right: 0;
  166 + line-height: 1.428571429;
  167 + border: none !important;
  168 + background: transparent !important;
  169 + height: 60px;
  170 + line-height: 60px;
  171 + padding: 0 12px;
  172 + color: #ADE6FD;
  173 +}
  174 +
  175 +#appMainHeader .nav-tabs > li.active > a,
  176 +#appMainHeader .nav-tabs > li.active > a:hover,
  177 +#appMainHeader .nav-tabs > li.active > a:focus {
  178 + color: #FFF;
  179 +}
  180 +#appMainHeader .iconfont{
  181 + font-size: 20px;
  182 + vertical-align: middle;
  183 + margin-right: 6px;
  184 +}
  185 +#textarea{ height: calc(100% - 60px); }
  186 +#textarea #recordzone,
  187 +#textarea #recordzone>div,
  188 +#textarea #recordzone>div.CodeMirror,
  189 +#textarea #replayzone,
  190 +#textarea #replayzone>div,
  191 +#textarea #replayzone>div.CodeMirror{
  192 + height: 100%;
  193 +}
  194 +
  195 +#editorwrapper{
  196 + height: 100%;
  197 +}
  198 +#editorwrapper .btn-group{
  199 + margin: 16px 16px 14px 16px;
  200 + width: 100%;
  201 +}
  202 +#editorwrapper .btn-group .btn{
  203 + border-color: transparent;
  204 + color: #1FB6FF;
  205 +}
  206 +#editorwrapper .btn-group .btn:first-child{
  207 + border-top-left-radius: 5px;
  208 + border-bottom-left-radius: 5px;
  209 +}
  210 +#editorwrapper .btn-group .btn:last-child{
  211 + border-top-right-radius: 5px;
  212 + border-bottom-right-radius: 5px;
  213 + border-left-color: #ccc;
  214 +}
  215 +
  216 +.editor-result{
  217 + border-radius: 0;
  218 + border: none;
  219 + height: 100%;
  220 +}
  221 +.editor-result .result-header{
  222 + padding: 16px 15px 13px 15px;
  223 + height: 60px;
  224 + background-color: #F0F3F5;
  225 + border-radius: 0;
  226 +}
  227 +.editor-result .result-header .btn-group .btn{
  228 + background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
  229 + background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
  230 + -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  231 + transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  232 + /*border-color: #F0F3F5;
  233 + border-radius: 5px;*/
  234 + border: none;
  235 + color: #fff;
  236 + padding-top: 5px;
  237 + padding-bottom: 5px;
  238 +}
  239 +.editor-result .result-header .btn-group .btn[data-loading] {
  240 + background-image: none;
  241 + background-image: none;
  242 + padding-right: 34px;
  243 +}
  244 +.editor-result .result-header .btn-group .ladda-spinner {
  245 + position: absolute;
  246 + z-index: 2;
  247 + display: inline-block;
  248 + width: 28px;
  249 + height: 28px;
  250 + top: 50%;
  251 + right: 3px;
  252 + margin-top: 0;
  253 + opacity: 1;
  254 + pointer-events: none;
  255 + transform: translateY(-50%);
  256 +}
  257 +.editor-result .result-header #full-screen,
  258 +.editor-result .result-header #back-screen{
  259 + margin: 0;
  260 + background-image: linear-gradient(90deg, #1FB6FF 0%, #62DCF5 100%);
  261 + border-radius: 100px;
  262 + padding: 5px 9px;
  263 + margin-right: 15px;
  264 +}
  265 +.editor-result .result-header #full-screen .iconfont,
  266 +.editor-result .result-header #back-screen .iconfont{
  267 + font-size: 10px;
  268 +}
  269 +.editor-result .result-tabs{
  270 + height: 30px;
  271 + border-radius: 30px;
  272 + background-color: #62DCF5;
  273 + margin-bottom: 24px;
  274 +}
  275 +.editor-result .result-tabs>li{
  276 + width: 25%;
  277 + margin-bottom: 0;
  278 + text-align: center;
  279 +}
  280 +.editor-result .result-tabs>li>a,
  281 +.editor-result .result-tabs>li.active>a:hover{
  282 + padding: 4px 15px;
  283 + border: none;
  284 + margin: 1px;
  285 + border-radius: 15px;
  286 + font-size: 14px;
  287 + color: #fff;
  288 + transition: all 0.3s ease;
  289 +}
  290 +.editor-result .result-tabs>li.active>a,
  291 +.editor-result .result-tabs>li.active>a:hover,
  292 +.editor-result .result-tabs>li>a:hover,
  293 +.editor-result .result-tabs>li.active>a:focus{
  294 + color: #1FB6FF;
  295 + background-color: #fff;
  296 + box-shadow: 0px 0px 2px 0px #B3E5FF;
  297 + border: none;
  298 +}
  299 +.editor-result .form-control{
  300 + border: none;
  301 + border-bottom: 1px solid #999;
  302 + border-radius: 0;
  303 +}
  304 +.tips {
  305 + position: fixed;
  306 + top: 0;
  307 + left: 0;
  308 + right: 0;
  309 + bottom: 0;
  310 + background-color: rgba(0, 0, 0, 0.8);
  311 + z-index: 999;
  312 +}
  313 +
  314 +.tips .tips-inner {
  315 + position: absolute;
  316 + top: 50%;
  317 + left: 50%;
  318 + z-index: 1;
  319 + transform: translateX(-50%) translateY(-50%);
  320 + background-color: #fff;
  321 + padding: 100px;
  322 + border: 0px solid #f00;
  323 + border-radius: 10px;
  324 + text-align: center;
  325 + line-height: 2;
  326 + font-size: 1.4em;
  327 + margin-top: -2em;
  328 + box-shadow: 10px 10px 0 0 rgba(255, 255, 255, 0.1);
  329 +}
0 \ No newline at end of file 330 \ No newline at end of file
dist/css/font/iconfont.css 0 → 100644
  1 +
  2 +@font-face {font-family: "iconfont";
  3 + src: url('iconfont.eot?t=1480211753595'); /* IE9*/
  4 + src: url('iconfont.eot?t=1480211753595#iefix') format('embedded-opentype'), /* IE6-IE8 */
  5 + url('iconfont.woff?t=1480211753595') format('woff'), /* chrome, firefox */
  6 + url('iconfont.ttf?t=1480211753595') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  7 + url('iconfont.svg?t=1480211753595#iconfont') format('svg'); /* iOS 4.1- */
  8 +}
  9 +
  10 +.gxbrecording {
  11 + font-family:"iconfont" !important;
  12 + font-size:14px;
  13 + font-style:normal;
  14 + -webkit-font-smoothing: antialiased;
  15 + -webkit-text-stroke-width: 0.2px;
  16 + -moz-osx-font-smoothing: grayscale;
  17 +}
  18 +
  19 +.record-back:before { content: "\e601"; }
  20 +
dist/css/font/iconfont.eot 0 → 100644
No preview for this file type
dist/css/font/iconfont.js 0 → 100644
  1 +;(function(window) {
  2 +
  3 +var svgSprite = '<svg>' +
  4 + ''+
  5 + '<symbol id="icon-back" viewBox="0 0 1024 1024">'+
  6 + ''+
  7 + '<path d="M681.789015 313.760446c-75.69745 0-13.89615-229.798443-57.047354-272.145133a146.275266 146.275266 0 0 0-204.273409 0L44.687094 411.399186C17.62617 438.094422 0 491.192343 0 511.963431c0 20.771088 17.553032 73.869009 44.687094 100.564246l375.781158 369.783872c28.231126 27.792301 65.238769 41.615313 102.173274 41.615313s73.942147-13.89615 102.173273-41.615313c43.004928-42.34669-18.723234-272.071995 57.047354-272.071995l161.780444-0.073137c118.775516 0 180.284265 0 180.284265-92.153418v-212.099136c0-99.906007-54.341261-92.153418-180.284265-92.153417H681.789015z" ></path>'+
  8 + ''+
  9 + '</symbol>'+
  10 + ''+
  11 +'</svg>'
  12 +var script = function() {
  13 + var scripts = document.getElementsByTagName('script')
  14 + return scripts[scripts.length - 1]
  15 + }()
  16 +var shouldInjectCss = script.getAttribute("data-injectcss")
  17 +
  18 +/**
  19 + * document ready
  20 + */
  21 +var ready = function(fn){
  22 + if(document.addEventListener){
  23 + document.addEventListener("DOMContentLoaded",function(){
  24 + document.removeEventListener("DOMContentLoaded",arguments.callee,false)
  25 + fn()
  26 + },false)
  27 + }else if(document.attachEvent){
  28 + IEContentLoaded (window, fn)
  29 + }
  30 +
  31 + function IEContentLoaded (w, fn) {
  32 + var d = w.document, done = false,
  33 + // only fire once
  34 + init = function () {
  35 + if (!done) {
  36 + done = true
  37 + fn()
  38 + }
  39 + }
  40 + // polling for no errors
  41 + ;(function () {
  42 + try {
  43 + // throws errors until after ondocumentready
  44 + d.documentElement.doScroll('left')
  45 + } catch (e) {
  46 + setTimeout(arguments.callee, 50)
  47 + return
  48 + }
  49 + // no errors, fire
  50 +
  51 + init()
  52 + })()
  53 + // trying to always fire before onload
  54 + d.onreadystatechange = function() {
  55 + if (d.readyState == 'complete') {
  56 + d.onreadystatechange = null
  57 + init()
  58 + }
  59 + }
  60 + }
  61 +}
  62 +
  63 +/**
  64 + * Insert el before target
  65 + *
  66 + * @param {Element} el
  67 + * @param {Element} target
  68 + */
  69 +
  70 +var before = function (el, target) {
  71 + target.parentNode.insertBefore(el, target)
  72 +}
  73 +
  74 +/**
  75 + * Prepend el to target
  76 + *
  77 + * @param {Element} el
  78 + * @param {Element} target
  79 + */
  80 +
  81 +var prepend = function (el, target) {
  82 + if (target.firstChild) {
  83 + before(el, target.firstChild)
  84 + } else {
  85 + target.appendChild(el)
  86 + }
  87 +}
  88 +
  89 +function appendSvg(){
  90 + var div,svg
  91 +
  92 + div = document.createElement('div')
  93 + div.innerHTML = svgSprite
  94 + svg = div.getElementsByTagName('svg')[0]
  95 + if (svg) {
  96 + svg.setAttribute('aria-hidden', 'true')
  97 + svg.style.position = 'absolute'
  98 + svg.style.width = 0
  99 + svg.style.height = 0
  100 + svg.style.overflow = 'hidden'
  101 + prepend(svg,document.body)
  102 + }
  103 +}
  104 +
  105 +if(shouldInjectCss && !window.__iconfont__svg__cssinject__){
  106 + window.__iconfont__svg__cssinject__ = true
  107 + try{
  108 + document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
  109 + }catch(e){
  110 + console && console.log(e)
  111 + }
  112 +}
  113 +
  114 +ready(appendSvg)
  115 +
  116 +
  117 +})(window)
dist/css/font/iconfont.svg 0 → 100644
  1 +<?xml version="1.0" standalone="no"?>
  2 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
  3 +<svg xmlns="http://www.w3.org/2000/svg">
  4 +<metadata>
  5 +Created by FontForge 20120731 at Sun Nov 27 09:55:53 2016
  6 + By admin
  7 +</metadata>
  8 +<defs>
  9 +<font id="iconfont" horiz-adv-x="1024" >
  10 + <font-face
  11 + font-family="iconfont"
  12 + font-weight="500"
  13 + font-stretch="normal"
  14 + units-per-em="1024"
  15 + panose-1="2 0 6 3 0 0 0 0 0 0"
  16 + ascent="896"
  17 + descent="-128"
  18 + x-height="792"
  19 + bbox="0 -128 1024 896"
  20 + underline-thickness="0"
  21 + underline-position="0"
  22 + unicode-range="U+0078-E601"
  23 + />
  24 +<missing-glyph
  25 + />
  26 + <glyph glyph-name=".notdef"
  27 + />
  28 + <glyph glyph-name=".notdef"
  29 + />
  30 + <glyph glyph-name=".null" horiz-adv-x="0"
  31 + />
  32 + <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341"
  33 + />
  34 + <glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
  35 +d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
  36 +t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
  37 +t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
  38 + <glyph glyph-name="back" unicode="&#xe601;"
  39 +d="M682 582q-26 0 -35 37t-6 83t0.5 92.5t-16.5 59.5q-18 18 -48 30t-54.5 12t-54.5 -12t-48 -30l-375 -369q-19 -19 -32 -51t-13 -50t13 -50t32 -51l375 -369q43 -42 102.5 -42t102.5 42q14 13 16.5 59.5t-0.5 92.5t6 83t35 37h162h37.5t32.5 1t29.5 2.5t24 4.5t21 7.5
  40 +t15 11.5t12 16t6 21.5t2.5 27.5v212q0 17 -2 30.5t-7.5 23.5t-10.5 16.5t-17.5 11t-20.5 6.5t-27.5 3t-31.5 1h-38h-25h-162z" />
  41 + </font>
  42 +</defs></svg>
dist/css/font/iconfont.ttf 0 → 100644
No preview for this file type
dist/css/font/iconfont.woff 0 → 100644
No preview for this file type
dist/css/font_all/demo.css 0 → 100644
  1 +*{margin: 0;padding: 0;list-style: none;}
  2 +/*
  3 +KISSY CSS Reset
  4 +理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。
  5 +2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。
  6 +3. reset 期望提供一套普适通用的基础样式。但没有银弹,推荐根据具体需求,裁剪和修改后再使用。
  7 +特色:1. 适应中文;2. 基于最新主流浏览器。
  8 +维护:玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
  9 + */
  10 +
  11 +/** 清除内外边距 **/
  12 +body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
  13 +dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
  14 +pre, /* text formatting elements 文本格式元素 */
  15 +form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
  16 +th, td /* table elements 表格元素 */ {
  17 + margin: 0;
  18 + padding: 0;
  19 +}
  20 +
  21 +/** 设置默认字体 **/
  22 +body,
  23 +button, input, select, textarea /* for ie */ {
  24 + font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
  25 +}
  26 +h1, h2, h3, h4, h5, h6 { font-size: 100%; }
  27 +address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
  28 +code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
  29 +small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */
  30 +
  31 +/** 重置列表元素 **/
  32 +ul, ol { list-style: none; }
  33 +
  34 +/** 重置文本格式元素 **/
  35 +a { text-decoration: none; }
  36 +a:hover { text-decoration: underline; }
  37 +
  38 +
  39 +/** 重置表单元素 **/
  40 +legend { color: #000; } /* for ie6 */
  41 +fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */
  42 +button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
  43 +/* 注:optgroup 无法扶正 */
  44 +
  45 +/** 重置表格元素 **/
  46 +table { border-collapse: collapse; border-spacing: 0; }
  47 +
  48 +/* 清除浮动 */
  49 +.ks-clear:after, .clear:after {
  50 + content: '\20';
  51 + display: block;
  52 + height: 0;
  53 + clear: both;
  54 +}
  55 +.ks-clear, .clear {
  56 + *zoom: 1;
  57 +}
  58 +
  59 +.main {
  60 + padding: 30px 100px;
  61 +width: 960px;
  62 +margin: 0 auto;
  63 +}
  64 +.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
  65 +
  66 +.helps{margin-top:40px;}
  67 +.helps pre{
  68 + padding:20px;
  69 + margin:10px 0;
  70 + border:solid 1px #e7e1cd;
  71 + background-color: #fffdef;
  72 + overflow: auto;
  73 +}
  74 +
  75 +.icon_lists{
  76 + width: 100% !important;
  77 +
  78 +}
  79 +
  80 +.icon_lists li{
  81 + float:left;
  82 + width: 100px;
  83 + height:180px;
  84 + text-align: center;
  85 + list-style: none !important;
  86 +}
  87 +.icon_lists .icon{
  88 + font-size: 42px;
  89 + line-height: 100px;
  90 + margin: 10px 0;
  91 + color:#333;
  92 + -webkit-transition: font-size 0.25s ease-out 0s;
  93 + -moz-transition: font-size 0.25s ease-out 0s;
  94 + transition: font-size 0.25s ease-out 0s;
  95 +
  96 +}
  97 +.icon_lists .icon:hover{
  98 + font-size: 100px;
  99 +}
  100 +
  101 +
  102 +
  103 +.markdown {
  104 + color: #666;
  105 + font-size: 14px;
  106 + line-height: 1.8;
  107 +}
  108 +
  109 +.highlight {
  110 + line-height: 1.5;
  111 +}
  112 +
  113 +.markdown img {
  114 + vertical-align: middle;
  115 + max-width: 100%;
  116 +}
  117 +
  118 +.markdown h1 {
  119 + color: #404040;
  120 + font-weight: 500;
  121 + line-height: 40px;
  122 + margin-bottom: 24px;
  123 +}
  124 +
  125 +.markdown h2,
  126 +.markdown h3,
  127 +.markdown h4,
  128 +.markdown h5,
  129 +.markdown h6 {
  130 + color: #404040;
  131 + margin: 1.6em 0 0.6em 0;
  132 + font-weight: 500;
  133 + clear: both;
  134 +}
  135 +
  136 +.markdown h1 {
  137 + font-size: 28px;
  138 +}
  139 +
  140 +.markdown h2 {
  141 + font-size: 22px;
  142 +}
  143 +
  144 +.markdown h3 {
  145 + font-size: 16px;
  146 +}
  147 +
  148 +.markdown h4 {
  149 + font-size: 14px;
  150 +}
  151 +
  152 +.markdown h5 {
  153 + font-size: 12px;
  154 +}
  155 +
  156 +.markdown h6 {
  157 + font-size: 12px;
  158 +}
  159 +
  160 +.markdown hr {
  161 + height: 1px;
  162 + border: 0;
  163 + background: #e9e9e9;
  164 + margin: 16px 0;
  165 + clear: both;
  166 +}
  167 +
  168 +.markdown p,
  169 +.markdown pre {
  170 + margin: 1em 0;
  171 +}
  172 +
  173 +.markdown > p,
  174 +.markdown > blockquote,
  175 +.markdown > .highlight,
  176 +.markdown > ol,
  177 +.markdown > ul {
  178 + width: 80%;
  179 +}
  180 +
  181 +.markdown ul > li {
  182 + list-style: circle;
  183 +}
  184 +
  185 +.markdown > ul li,
  186 +.markdown blockquote ul > li {
  187 + margin-left: 20px;
  188 + padding-left: 4px;
  189 +}
  190 +
  191 +.markdown > ul li p,
  192 +.markdown > ol li p {
  193 + margin: 0.6em 0;
  194 +}
  195 +
  196 +.markdown ol > li {
  197 + list-style: decimal;
  198 +}
  199 +
  200 +.markdown > ol li,
  201 +.markdown blockquote ol > li {
  202 + margin-left: 20px;
  203 + padding-left: 4px;
  204 +}
  205 +
  206 +.markdown code {
  207 + margin: 0 3px;
  208 + padding: 0 5px;
  209 + background: #eee;
  210 + border-radius: 3px;
  211 +}
  212 +
  213 +.markdown pre {
  214 + border-radius: 6px;
  215 + background: #f7f7f7;
  216 + padding: 20px;
  217 +}
  218 +
  219 +.markdown pre code {
  220 + border: none;
  221 + background: #f7f7f7;
  222 + margin: 0;
  223 +}
  224 +
  225 +.markdown strong,
  226 +.markdown b {
  227 + font-weight: 600;
  228 +}
  229 +
  230 +.markdown > table {
  231 + border-collapse: collapse;
  232 + border-spacing: 0px;
  233 + empty-cells: show;
  234 + border: 1px solid #e9e9e9;
  235 + width: 95%;
  236 + margin-bottom: 24px;
  237 +}
  238 +
  239 +.markdown > table th {
  240 + white-space: nowrap;
  241 + color: #333;
  242 + font-weight: 600;
  243 +
  244 +}
  245 +
  246 +.markdown > table th,
  247 +.markdown > table td {
  248 + border: 1px solid #e9e9e9;
  249 + padding: 8px 16px;
  250 + text-align: left;
  251 +}
  252 +
  253 +.markdown > table th {
  254 + background: #F7F7F7;
  255 +}
  256 +
  257 +.markdown blockquote {
  258 + font-size: 90%;
  259 + color: #999;
  260 + border-left: 4px solid #e9e9e9;
  261 + padding-left: 0.8em;
  262 + margin: 1em 0;
  263 + font-style: italic;
  264 +}
  265 +
  266 +.markdown blockquote p {
  267 + margin: 0;
  268 +}
  269 +
  270 +.markdown .anchor {
  271 + opacity: 0;
  272 + transition: opacity 0.3s ease;
  273 + margin-left: 8px;
  274 +}
  275 +
  276 +.markdown .waiting {
  277 + color: #ccc;
  278 +}
  279 +
  280 +.markdown h1:hover .anchor,
  281 +.markdown h2:hover .anchor,
  282 +.markdown h3:hover .anchor,
  283 +.markdown h4:hover .anchor,
  284 +.markdown h5:hover .anchor,
  285 +.markdown h6:hover .anchor {
  286 + opacity: 1;
  287 + display: inline-block;
  288 +}
  289 +
  290 +.markdown > br,
  291 +.markdown > p > br {
  292 + clear: both;
  293 +}
  294 +
  295 +
  296 +.hljs {
  297 + display: block;
  298 + background: white;
  299 + padding: 0.5em;
  300 + color: #333333;
  301 + overflow-x: auto;
  302 +}
  303 +
  304 +.hljs-comment,
  305 +.hljs-meta {
  306 + color: #969896;
  307 +}
  308 +
  309 +.hljs-string,
  310 +.hljs-variable,
  311 +.hljs-template-variable,
  312 +.hljs-strong,
  313 +.hljs-emphasis,
  314 +.hljs-quote {
  315 + color: #df5000;
  316 +}
  317 +
  318 +.hljs-keyword,
  319 +.hljs-selector-tag,
  320 +.hljs-type {
  321 + color: #a71d5d;
  322 +}
  323 +
  324 +.hljs-literal,
  325 +.hljs-symbol,
  326 +.hljs-bullet,
  327 +.hljs-attribute {
  328 + color: #0086b3;
  329 +}
  330 +
  331 +.hljs-section,
  332 +.hljs-name {
  333 + color: #63a35c;
  334 +}
  335 +
  336 +.hljs-tag {
  337 + color: #333333;
  338 +}
  339 +
  340 +.hljs-title,
  341 +.hljs-attr,
  342 +.hljs-selector-id,
  343 +.hljs-selector-class,
  344 +.hljs-selector-attr,
  345 +.hljs-selector-pseudo {
  346 + color: #795da3;
  347 +}
  348 +
  349 +.hljs-addition {
  350 + color: #55a532;
  351 + background-color: #eaffea;
  352 +}
  353 +
  354 +.hljs-deletion {
  355 + color: #bd2c00;
  356 + background-color: #ffecec;
  357 +}
  358 +
  359 +.hljs-link {
  360 + text-decoration: underline;
  361 +}
  362 +
  363 +pre{
  364 + background: #fff;
  365 +}
  366 +
  367 +
  368 +
  369 +
  370 +
dist/css/font_all/demo_fontclass.html 0 → 100644
  1 +
  2 +<!DOCTYPE html>
  3 +<html>
  4 +<head>
  5 + <meta charset="utf-8"/>
  6 + <title>IconFont</title>
  7 + <link rel="stylesheet" href="demo.css">
  8 + <link rel="stylesheet" href="iconfont.css">
  9 +</head>
  10 +<body>
  11 + <div class="main markdown">
  12 + <h1>IconFont 图标</h1>
  13 + <ul class="icon_lists clear">
  14 +
  15 + <li>
  16 + <i class="icon iconfont icon-playcopy"></i>
  17 + <div class="name">play copy</div>
  18 + <div class="fontclass">.icon-playcopy</div>
  19 + </li>
  20 +
  21 + <li>
  22 + <i class="icon iconfont icon-play"></i>
  23 + <div class="name">play</div>
  24 + <div class="fontclass">.icon-play</div>
  25 + </li>
  26 +
  27 + <li>
  28 + <i class="icon iconfont icon-volume"></i>
  29 + <div class="name">volume</div>
  30 + <div class="fontclass">.icon-volume</div>
  31 + </li>
  32 +
  33 + <li>
  34 + <i class="icon iconfont icon-quanping"></i>
  35 + <div class="name">quanping</div>
  36 + <div class="fontclass">.icon-quanping</div>
  37 + </li>
  38 +
  39 + <li>
  40 + <i class="icon iconfont icon-start"></i>
  41 + <div class="name">start</div>
  42 + <div class="fontclass">.icon-start</div>
  43 + </li>
  44 +
  45 + <li>
  46 + <i class="icon iconfont icon-suspend"></i>
  47 + <div class="name">suspend</div>
  48 + <div class="fontclass">.icon-suspend</div>
  49 + </li>
  50 +
  51 + <li>
  52 + <i class="icon iconfont icon-luzhi"></i>
  53 + <div class="name">luzhi</div>
  54 + <div class="fontclass">.icon-luzhi</div>
  55 + </li>
  56 +
  57 + <li>
  58 + <i class="icon iconfont icon-yulan"></i>
  59 + <div class="name"> yulan</div>
  60 + <div class="fontclass">.icon-yulan</div>
  61 + </li>
  62 +
  63 + <li>
  64 + <i class="icon iconfont icon-fangda"></i>
  65 + <div class="name">fangda</div>
  66 + <div class="fontclass">.icon-fangda</div>
  67 + </li>
  68 +
  69 + </ul>
  70 +
  71 + <h2 id="font-class-">font-class引用</h2>
  72 + <hr>
  73 +
  74 + <p>font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。</p>
  75 + <p>与unicode使用方式相比,具有如下特点:</p>
  76 + <ul>
  77 + <li>兼容性良好,支持ie8+,及所有现代浏览器。</li>
  78 + <li>相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。</li>
  79 + <li>因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。</li>
  80 + <li>不过因为本质上还是使用的字体,所以多色图标还是不支持的。</li>
  81 + </ul>
  82 + <p>使用步骤如下:</p>
  83 + <h3 id="-fontclass-">第一步:引入项目下面生成的fontclass代码:</h3>
  84 +
  85 +
  86 + <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
  87 + <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
  88 + <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
  89 + <blockquote>
  90 + <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。</p>
  91 + </blockquote>
  92 + </div>
  93 +</body>
  94 +</html>
dist/css/font_all/demo_symbol.html 0 → 100644
  1 +
  2 +<!DOCTYPE html>
  3 +<html>
  4 +<head>
  5 + <meta charset="utf-8"/>
  6 + <title>IconFont</title>
  7 + <link rel="stylesheet" href="demo.css">
  8 + <script src="iconfont.js"></script>
  9 +
  10 + <style type="text/css">
  11 + .icon {
  12 + /* 通过设置 font-size 来改变图标大小 */
  13 + width: 1em; height: 1em;
  14 + /* 图标和文字相邻时,垂直对齐 */
  15 + vertical-align: -0.15em;
  16 + /* 通过设置 color 来改变 SVG 的颜色/fill */
  17 + fill: currentColor;
  18 + /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
  19 + normalize.css 中也包含这行 */
  20 + overflow: hidden;
  21 + }
  22 +
  23 + </style>
  24 +</head>
  25 +<body>
  26 + <div class="main markdown">
  27 + <h1>IconFont 图标</h1>
  28 + <ul class="icon_lists clear">
  29 +
  30 + <li>
  31 + <svg class="icon" aria-hidden="true">
  32 + <use xlink:href="#icon-playcopy"></use>
  33 + </svg>
  34 + <div class="name">play copy</div>
  35 + <div class="fontclass">#icon-playcopy</div>
  36 + </li>
  37 +
  38 + <li>
  39 + <svg class="icon" aria-hidden="true">
  40 + <use xlink:href="#icon-play"></use>
  41 + </svg>
  42 + <div class="name">play</div>
  43 + <div class="fontclass">#icon-play</div>
  44 + </li>
  45 +
  46 + <li>
  47 + <svg class="icon" aria-hidden="true">
  48 + <use xlink:href="#icon-volume"></use>
  49 + </svg>
  50 + <div class="name">volume</div>
  51 + <div class="fontclass">#icon-volume</div>
  52 + </li>
  53 +
  54 + <li>
  55 + <svg class="icon" aria-hidden="true">
  56 + <use xlink:href="#icon-quanping"></use>
  57 + </svg>
  58 + <div class="name">quanping</div>
  59 + <div class="fontclass">#icon-quanping</div>
  60 + </li>
  61 +
  62 + <li>
  63 + <svg class="icon" aria-hidden="true">
  64 + <use xlink:href="#icon-start"></use>
  65 + </svg>
  66 + <div class="name">start</div>
  67 + <div class="fontclass">#icon-start</div>
  68 + </li>
  69 +
  70 + <li>
  71 + <svg class="icon" aria-hidden="true">
  72 + <use xlink:href="#icon-suspend"></use>
  73 + </svg>
  74 + <div class="name">suspend</div>
  75 + <div class="fontclass">#icon-suspend</div>
  76 + </li>
  77 +
  78 + <li>
  79 + <svg class="icon" aria-hidden="true">
  80 + <use xlink:href="#icon-luzhi"></use>
  81 + </svg>
  82 + <div class="name">luzhi</div>
  83 + <div class="fontclass">#icon-luzhi</div>
  84 + </li>
  85 +
  86 + <li>
  87 + <svg class="icon" aria-hidden="true">
  88 + <use xlink:href="#icon-yulan"></use>
  89 + </svg>
  90 + <div class="name"> yulan</div>
  91 + <div class="fontclass">#icon-yulan</div>
  92 + </li>
  93 +
  94 + <li>
  95 + <svg class="icon" aria-hidden="true">
  96 + <use xlink:href="#icon-fangda"></use>
  97 + </svg>
  98 + <div class="name">fangda</div>
  99 + <div class="fontclass">#icon-fangda</div>
  100 + </li>
  101 +
  102 + </ul>
  103 +
  104 +
  105 + <h2 id="symbol-">symbol引用</h2>
  106 + <hr>
  107 +
  108 + <p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
  109 + 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点:</p>
  110 + <ul>
  111 + <li>支持多色图标了,不再受单色限制。</li>
  112 + <li>通过一些技巧,支持像字体那样,通过<code>font-size</code>,<code>color</code>来调整样式。</li>
  113 + <li>兼容性较差,支持 ie9+,及现代浏览器。</li>
  114 + <li>浏览器渲染svg的性能一般,还不如png。</li>
  115 + </ul>
  116 + <p>使用步骤如下:</p>
  117 + <h3 id="-symbol-">第一步:引入项目下面生成的symbol代码:</h3>
  118 + <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
  119 + <h3 id="-css-">第二步:加入通用css代码(引入一次就行):</h3>
  120 + <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
  121 +.icon {
  122 + width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
  123 + vertical-align: <span class="hljs-number">-0.15</span>em;
  124 + fill: currentColor;
  125 + overflow: hidden;
  126 +}
  127 +&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
  128 + <h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
  129 + <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  130 + &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
  131 +</span>&lt;<span class="hljs-regexp">/svg&gt;
  132 + </span></code></pre>
  133 + </div>
  134 +</body>
  135 +</html>
dist/css/font_all/demo_unicode.html 0 → 100644
  1 +
  2 +<!DOCTYPE html>
  3 +<html>
  4 +<head>
  5 + <meta charset="utf-8"/>
  6 + <title>IconFont</title>
  7 + <link rel="stylesheet" href="demo.css">
  8 +
  9 + <style type="text/css">
  10 +
  11 + @font-face {font-family: "iconfont";
  12 + src: url('iconfont.eot'); /* IE9*/
  13 + src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  14 + url('iconfont.woff') format('woff'), /* chrome, firefox */
  15 + url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  16 + url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
  17 + }
  18 +
  19 + .iconfont {
  20 + font-family:"iconfont" !important;
  21 + font-size:16px;
  22 + font-style:normal;
  23 + -webkit-font-smoothing: antialiased;
  24 + -webkit-text-stroke-width: 0.2px;
  25 + -moz-osx-font-smoothing: grayscale;
  26 + }
  27 +
  28 + </style>
  29 +</head>
  30 +<body>
  31 + <div class="main markdown">
  32 + <h1>IconFont 图标</h1>
  33 + <ul class="icon_lists clear">
  34 +
  35 + <li>
  36 + <i class="icon iconfont">&#xe603;</i>
  37 + <div class="name">play copy</div>
  38 + <div class="code">&amp;#xe603;</div>
  39 + </li>
  40 +
  41 + <li>
  42 + <i class="icon iconfont">&#xe604;</i>
  43 + <div class="name">play</div>
  44 + <div class="code">&amp;#xe604;</div>
  45 + </li>
  46 +
  47 + <li>
  48 + <i class="icon iconfont">&#xe605;</i>
  49 + <div class="name">volume</div>
  50 + <div class="code">&amp;#xe605;</div>
  51 + </li>
  52 +
  53 + <li>
  54 + <i class="icon iconfont">&#xe606;</i>
  55 + <div class="name">quanping</div>
  56 + <div class="code">&amp;#xe606;</div>
  57 + </li>
  58 +
  59 + <li>
  60 + <i class="icon iconfont">&#xe607;</i>
  61 + <div class="name">start</div>
  62 + <div class="code">&amp;#xe607;</div>
  63 + </li>
  64 +
  65 + <li>
  66 + <i class="icon iconfont">&#xe608;</i>
  67 + <div class="name">suspend</div>
  68 + <div class="code">&amp;#xe608;</div>
  69 + </li>
  70 +
  71 + <li>
  72 + <i class="icon iconfont">&#xe609;</i>
  73 + <div class="name">luzhi</div>
  74 + <div class="code">&amp;#xe609;</div>
  75 + </li>
  76 +
  77 + <li>
  78 + <i class="icon iconfont">&#xe60a;</i>
  79 + <div class="name"> yulan</div>
  80 + <div class="code">&amp;#xe60a;</div>
  81 + </li>
  82 +
  83 + <li>
  84 + <i class="icon iconfont">&#xe60b;</i>
  85 + <div class="name">fangda</div>
  86 + <div class="code">&amp;#xe60b;</div>
  87 + </li>
  88 +
  89 + </ul>
  90 + <h2 id="unicode-">unicode引用</h2>
  91 + <hr>
  92 +
  93 + <p>unicode是字体在网页端最原始的应用方式,特点是:</p>
  94 + <ul>
  95 + <li>兼容性最好,支持ie6+,及所有现代浏览器。</li>
  96 + <li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
  97 + <li>但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。</li>
  98 + </ul>
  99 + <blockquote>
  100 + <p>注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式</p>
  101 + </blockquote>
  102 + <p>unicode使用步骤如下:</p>
  103 + <h3 id="-font-face">第一步:拷贝项目下面生成的font-face</h3>
  104 + <pre><code class="lang-js hljs javascript">@font-face {
  105 + font-family: <span class="hljs-string">'iconfont'</span>;
  106 + src: url(<span class="hljs-string">'iconfont.eot'</span>);
  107 + src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
  108 + url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
  109 + url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
  110 + url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
  111 +}
  112 +</code></pre>
  113 + <h3 id="-iconfont-">第二步:定义使用iconfont的样式</h3>
  114 + <pre><code class="lang-js hljs javascript">.iconfont{
  115 + font-family:<span class="hljs-string">"iconfont"</span> !important;
  116 + font-size:<span class="hljs-number">16</span>px;font-style:normal;
  117 + -webkit-font-smoothing: antialiased;
  118 + -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
  119 + -moz-osx-font-smoothing: grayscale;
  120 +}
  121 +</code></pre>
  122 + <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
  123 + <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
  124 +
  125 + <blockquote>
  126 + <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。</p>
  127 + </blockquote>
  128 + </div>
  129 +
  130 +
  131 +</body>
  132 +</html>
dist/css/font_all/iconfont.css 0 → 100644
  1 +
  2 +@font-face {font-family: "iconfont";
  3 + src: url('iconfont.eot?t=1481108631892'); /* IE9*/
  4 + src: url('iconfont.eot?t=1481108631892#iefix') format('embedded-opentype'), /* IE6-IE8 */
  5 + url('iconfont.woff?t=1481108631892') format('woff'), /* chrome, firefox */
  6 + url('iconfont.ttf?t=1481108631892') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  7 + url('iconfont.svg?t=1481108631892#iconfont') format('svg'); /* iOS 4.1- */
  8 +}
  9 +
  10 +.iconfont {
  11 + font-family:"iconfont" !important;
  12 + font-size:16px;
  13 + font-style:normal;
  14 + -webkit-font-smoothing: antialiased;
  15 + -webkit-text-stroke-width: 0.2px;
  16 + -moz-osx-font-smoothing: grayscale;
  17 +}
  18 +
  19 +.icon-playcopy:before { content: "\e603"; }
  20 +
  21 +.icon-play:before { content: "\e604"; }
  22 +
  23 +.icon-volume:before { content: "\e605"; }
  24 +
  25 +.icon-quanping:before { content: "\e606"; }
  26 +
  27 +.icon-start:before { content: "\e607"; }
  28 +
  29 +.icon-suspend:before { content: "\e608"; }
  30 +
  31 +.icon-luzhi:before { content: "\e609"; }
  32 +
  33 +.icon-yulan:before { content: "\e60a"; }
  34 +
  35 +.icon-fangda:before { content: "\e60b"; }
  36 +
dist/css/font_all/iconfont.eot 0 → 100644
No preview for this file type
dist/css/font_all/iconfont.js 0 → 100644
  1 +;(function(window) {
  2 +
  3 +var svgSprite = '<svg>' +
  4 + ''+
  5 + '<symbol id="icon-playcopy" viewBox="0 0 1024 1024">'+
  6 + ''+
  7 + '<path d="M637.735892 125.360104A125.305131 125.305131 0 0 1 763.526075 0.001078 126.113551 126.113551 0 0 1 889.262364 125.360104V880.640151a125.305131 125.305131 0 0 1-125.736289 125.412921 126.113551 126.113551 0 0 1-125.790183-125.412921V125.360104zM134.736842 125.360104A125.305131 125.305131 0 0 1 260.473131 0.001078a126.113551 126.113551 0 0 1 125.790183 125.359026V880.640151a125.305131 125.305131 0 0 1-125.790183 125.412921A126.113551 126.113551 0 0 1 134.736842 880.640151V125.360104z" fill="#1FB6FF" ></path>'+
  8 + ''+
  9 + '</symbol>'+
  10 + ''+
  11 + '<symbol id="icon-play" viewBox="0 0 1024 1024">'+
  12 + ''+
  13 + '<path d="M823.099027 426.085225c40.277084 28.623061 40.277084 98.986054 0 127.46283L229.962889 973.141648c-26.233742 18.529409-59.245348-4.388544-59.245348-41.106031V47.695187C170.66878 10.928938 203.680385-11.989015 229.914127 6.589155L823.099027 426.085225z" fill="#FFFFFF" ></path>'+
  14 + ''+
  15 + '</symbol>'+
  16 + ''+
  17 + '<symbol id="icon-volume" viewBox="0 0 1194 1024">'+
  18 + ''+
  19 + '<path d="M556.937581 850.547223c-1.706652 52.451118-30.890409 82.033094-90.964575 39.025453a21759.249784 21759.249784 0 0 0-211.852457-149.502754c-32.767727-22.926031-64.852793-48.184487-138.864621-48.184488-73.954939 0-104.048911-43.007642-108.429318-82.374424A1371.010797 1371.010797 0 0 1 0 512.004267c0-7.509271 2.389313-58.196848 6.82661-97.506743 4.380408-39.366783 34.417491-82.317536 108.429318-82.317537s106.096894-25.315345 138.864621-48.241375c32.824615-22.98292 122.765199-85.673953 211.852457-149.502755 60.074166-43.007642 89.314811-13.425666 90.907687 39.025453C559.213118 243.263395 568.884148 388.954625 568.884148 512.004267c0 122.992753-9.727919 268.740872-11.946567 338.542956z m368.636928 157.694686a50.346247 50.346247 0 0 0 73.499832-0.398219C1119.848446 880.242976 1194.656711 705.3111 1194.656711 511.89049c0-193.249945-74.751377-368.068044-195.411705-495.725647a50.346247 50.346247 0 0 0-76.002922 2.389313c-18.204293 21.845151-15.701202 55.011097 3.697747 75.661592 101.033825 107.860434 163.383527 255.087652 163.383527 417.674742 0 163.952412-63.430583 312.260509-165.829729 420.348497-19.683392 20.707383-18.773177 55.409316 1.08088 76.002922z m-227.212329-170.153249a54.499101 54.499101 0 0 0 76.230476-0.682661A459.032619 459.032619 0 0 0 910.214637 511.89049a458.748177 458.748177 0 0 0-135.394427-325.231068 54.328436 54.328436 0 0 0-76.230476-0.739549 52.337342 52.337342 0 0 0-0.455107 74.353158 354.357936 354.357936 0 0 1 105.072902 251.617459 354.414824 354.414824 0 0 1-105.243568 251.845012 52.337342 52.337342 0 0 0 0.398219 74.353158z" fill="#FFFFFF" ></path>'+
  20 + ''+
  21 + '</symbol>'+
  22 + ''+
  23 + '<symbol id="icon-quanping" viewBox="0 0 1024 1024">'+
  24 + ''+
  25 + '<path d="M918.4 918.4c-9.6 9.6-19.2 16-32 16h-304c-12.8 0-22.4-3.2-32-12.8-9.6-9.6-12.8-19.2-12.8-32s3.2-25.6 12.8-32c9.6-9.6 19.2-12.8 32-12.8h192l-185.6-185.6c-9.6-9.6-12.8-19.2-12.8-32s3.2-22.4 12.8-32c9.6-9.6 19.2-12.8 32-12.8s22.4 3.2 32 12.8l185.6 185.6v-195.2c0-25.6 19.2-44.8 44.8-44.8 25.6 0 44.8 19.2 44.8 44.8v304c6.4 6.4 0 19.2-9.6 28.8M480 172.8c-9.6 9.6-19.2 12.8-32 12.8H256l185.6 185.6c19.2 19.2 19.2 48 0 64-9.6 9.6-19.2 12.8-32 12.8s-22.4-3.2-32-12.8L188.8 252.8V448c0 25.6-19.2 44.8-44.8 44.8-25.6 0-44.8-19.2-44.8-44.8V144c0-12.8 3.2-22.4 12.8-32 6.4-9.6 19.2-16 32-16H448c12.8 0 22.4 3.2 32 12.8 9.6 9.6 12.8 19.2 12.8 32s-3.2 25.6-12.8 32M947.2 0H76.8C35.2 0 0 35.2 0 76.8v867.2C0 988.8 35.2 1024 76.8 1024h867.2c41.6 0 76.8-35.2 76.8-76.8V76.8c3.2-41.6-32-76.8-73.6-76.8" fill="#FFFFFF" ></path>'+
  26 + ''+
  27 + '</symbol>'+
  28 + ''+
  29 + '<symbol id="icon-start" viewBox="0 0 1024 1024">'+
  30 + ''+
  31 + '<path d="M501.028571 53.028571c-243.2 0-438.857143 195.657143-438.857142 438.857143s195.657143 438.857143 438.857142 438.857143 438.857143-195.657143 438.857143-438.857143c0-241.371429-195.657143-438.857143-438.857143-438.857143z m0 804.571429c-201.142857 0-365.714286-164.571429-365.714285-365.714286s164.571429-365.714286 365.714285-365.714285 365.714286 164.571429 365.714286 365.714285c0 202.971429-162.742857 365.714286-365.714286 365.714286z" fill="#FFFFFF" ></path>'+
  32 + ''+
  33 + '<path d="M501.028571 491.885714m-292.571428 0a292.571429 292.571429 0 1 0 585.142857 0 292.571429 292.571429 0 1 0-585.142857 0Z" fill="#FF6668" ></path>'+
  34 + ''+
  35 + '</symbol>'+
  36 + ''+
  37 + '<symbol id="icon-suspend" viewBox="0 0 1024 1024">'+
  38 + ''+
  39 + '<path d="M512 54.857143C268.8 54.857143 73.142857 250.514286 73.142857 493.714286s195.657143 438.857143 438.857143 438.857143 438.857143-195.657143 438.857143-438.857143S755.2 54.857143 512 54.857143z m0 804.571428C310.857143 859.428571 146.285714 694.857143 146.285714 493.714286S310.857143 128 512 128s365.714286 164.571429 365.714286 365.714286-164.571429 365.714286-365.714286 365.714285z" fill="#FFFFFF" ></path>'+
  40 + ''+
  41 + '<path d="M621.714286 347.428571H402.285714c-20.114286 0-36.571429 16.457143-36.571428 36.571429v219.428571c0 20.114286 16.457143 36.571429 36.571428 36.571429h219.428572c20.114286 0 36.571429-16.457143 36.571428-36.571429V384c0-20.114286-16.457143-36.571429-36.571428-36.571429z" fill="#FF6668" ></path>'+
  42 + ''+
  43 + '</symbol>'+
  44 + ''+
  45 + '<symbol id="icon-luzhi" viewBox="0 0 1024 1024">'+
  46 + ''+
  47 + '<path d="M650.24 317.44H368.64c-25.6 0-51.2 20.48-51.2 51.2v281.6c0 25.6 20.48 51.2 51.2 51.2h281.6c25.6 0 51.2-20.48 51.2-51.2V368.64c0-25.6-20.48-51.2-51.2-51.2z" fill="#FFFFFF" ></path>'+
  48 + ''+
  49 + '<path d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m0 926.72c-230.4 0-414.72-184.32-414.72-414.72S281.6 97.28 512 97.28s414.72 184.32 414.72 414.72-184.32 414.72-414.72 414.72z" fill="#FFFFFF" ></path>'+
  50 + ''+
  51 + '</symbol>'+
  52 + ''+
  53 + '<symbol id="icon-yulan" viewBox="0 0 1024 1024">'+
  54 + ''+
  55 + '<path d="M409.6 716.8l307.2-204.8-307.2-204.8z" fill="#FFFFFF" ></path>'+
  56 + ''+
  57 + '<path d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m0 926.72c-230.4 0-414.72-184.32-414.72-414.72S281.6 97.28 512 97.28s414.72 184.32 414.72 414.72-184.32 414.72-414.72 414.72z" fill="#FFFFFF" ></path>'+
  58 + ''+
  59 + '</symbol>'+
  60 + ''+
  61 + '<symbol id="icon-fangda" viewBox="0 0 1331 1024">'+
  62 + ''+
  63 + '<path d="M102.400512 921.6h256.1536c27.8528 0 51.0464 22.9376 51.0464 51.2 0 28.4672-22.8352 51.2-51.0464 51.2H51.046912a50.8928 50.8928 0 0 1-35.9424-14.9504 50.2272 50.2272 0 0 1-15.104-36.096v-307.5072C0.000512 637.5936 22.938112 614.4 51.200512 614.4c28.4672 0 51.2 22.8352 51.2 51.0464V921.6zM15.002112 14.848C24.218112 5.632 37.018112 0 51.046912 0h307.5072C386.406912 0 409.600512 22.9376 409.600512 51.2c0 28.4672-22.8352 51.2-51.0464 51.2H102.400512v256.1536C102.400512 386.4064 79.462912 409.6 51.200512 409.6c-28.4672 0-51.2-22.8352-51.2-51.0464V51.0464C0.000512 37.1712 5.734912 24.4224 14.950912 15.104zM1228.800512 921.6h-256.1536c-27.8528 0-51.0464 22.9376-51.0464 51.2 0 28.4672 22.8352 51.2 51.0464 51.2h307.5072c13.8752 0 26.624-5.7344 35.9424-14.9504a50.2272 50.2272 0 0 0 15.104-36.096v-307.5072c0-27.8528-22.9376-51.0464-51.2-51.0464-28.4672 0-51.2 22.8352-51.2 51.0464V921.6zM1316.198912 14.848a50.8416 50.8416 0 0 0-36.0448-14.848h-307.5072C944.794112 0 921.600512 22.9376 921.600512 51.2c0 28.4672 22.8352 51.2 51.0464 51.2H1228.800512v256.1536c0 27.8528 22.9376 51.0464 51.2 51.0464 28.4672 0 51.2-22.8352 51.2-51.0464V51.0464a50.8928 50.8928 0 0 0-14.9504-35.9424z" fill="#FFFFFF" ></path>'+
  64 + ''+
  65 + '</symbol>'+
  66 + ''+
  67 +'</svg>'
  68 +var script = function() {
  69 + var scripts = document.getElementsByTagName('script')
  70 + return scripts[scripts.length - 1]
  71 + }()
  72 +var shouldInjectCss = script.getAttribute("data-injectcss")
  73 +
  74 +/**
  75 + * document ready
  76 + */
  77 +var ready = function(fn){
  78 + if(document.addEventListener){
  79 + document.addEventListener("DOMContentLoaded",function(){
  80 + document.removeEventListener("DOMContentLoaded",arguments.callee,false)
  81 + fn()
  82 + },false)
  83 + }else if(document.attachEvent){
  84 + IEContentLoaded (window, fn)
  85 + }
  86 +
  87 + function IEContentLoaded (w, fn) {
  88 + var d = w.document, done = false,
  89 + // only fire once
  90 + init = function () {
  91 + if (!done) {
  92 + done = true
  93 + fn()
  94 + }
  95 + }
  96 + // polling for no errors
  97 + ;(function () {
  98 + try {
  99 + // throws errors until after ondocumentready
  100 + d.documentElement.doScroll('left')
  101 + } catch (e) {
  102 + setTimeout(arguments.callee, 50)
  103 + return
  104 + }
  105 + // no errors, fire
  106 +
  107 + init()
  108 + })()
  109 + // trying to always fire before onload
  110 + d.onreadystatechange = function() {
  111 + if (d.readyState == 'complete') {
  112 + d.onreadystatechange = null
  113 + init()
  114 + }
  115 + }
  116 + }
  117 +}
  118 +
  119 +/**
  120 + * Insert el before target
  121 + *
  122 + * @param {Element} el
  123 + * @param {Element} target
  124 + */
  125 +
  126 +var before = function (el, target) {
  127 + target.parentNode.insertBefore(el, target)
  128 +}
  129 +
  130 +/**
  131 + * Prepend el to target
  132 + *
  133 + * @param {Element} el
  134 + * @param {Element} target
  135 + */
  136 +
  137 +var prepend = function (el, target) {
  138 + if (target.firstChild) {
  139 + before(el, target.firstChild)
  140 + } else {
  141 + target.appendChild(el)
  142 + }
  143 +}
  144 +
  145 +function appendSvg(){
  146 + var div,svg
  147 +
  148 + div = document.createElement('div')
  149 + div.innerHTML = svgSprite
  150 + svg = div.getElementsByTagName('svg')[0]
  151 + if (svg) {
  152 + svg.setAttribute('aria-hidden', 'true')
  153 + svg.style.position = 'absolute'
  154 + svg.style.width = 0
  155 + svg.style.height = 0
  156 + svg.style.overflow = 'hidden'
  157 + prepend(svg,document.body)
  158 + }
  159 +}
  160 +
  161 +if(shouldInjectCss && !window.__iconfont__svg__cssinject__){
  162 + window.__iconfont__svg__cssinject__ = true
  163 + try{
  164 + document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
  165 + }catch(e){
  166 + console && console.log(e)
  167 + }
  168 +}
  169 +
  170 +ready(appendSvg)
  171 +
  172 +
  173 +})(window)
dist/css/font_all/iconfont.svg 0 → 100644
  1 +<?xml version="1.0" standalone="no"?>
  2 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
  3 +<svg xmlns="http://www.w3.org/2000/svg">
  4 +<metadata>
  5 +Created by FontForge 20120731 at Wed Dec 7 19:03:51 2016
  6 + By admin
  7 +</metadata>
  8 +<defs>
  9 +<font id="iconfont" horiz-adv-x="1024" >
  10 + <font-face
  11 + font-family="iconfont"
  12 + font-weight="500"
  13 + font-stretch="normal"
  14 + units-per-em="1024"
  15 + panose-1="2 0 6 3 0 0 0 0 0 0"
  16 + ascent="896"
  17 + descent="-128"
  18 + x-height="792"
  19 + bbox="0 -128 1331 896.127"
  20 + underline-thickness="0"
  21 + underline-position="0"
  22 + unicode-range="U+0078-E60B"
  23 + />
  24 +<missing-glyph
  25 + />
  26 + <glyph glyph-name=".notdef"
  27 + />
  28 + <glyph glyph-name=".notdef"
  29 + />
  30 + <glyph glyph-name=".null" horiz-adv-x="0"
  31 + />
  32 + <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341"
  33 + />
  34 + <glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
  35 +d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
  36 +t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
  37 +t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
  38 + <glyph glyph-name="playcopy" unicode="&#xe603;"
  39 +d="M638 771v0q0 52 36.5 88.5t88.5 36.5h1q51 0 88 -37t37 -88v-756v0q0 -52 -36.5 -88.5t-88.5 -36.5v0q-52 0 -89 37t-37 88v756zM135 771v0q0 52 36.5 88.5t88.5 36.5v0q52 0 89 -37t37 -88v-756v0q0 -52 -36.5 -88.5t-88.5 -36.5h-1q-51 0 -88 37t-37 88v756z" />
  40 + <glyph glyph-name="play" unicode="&#xe604;"
  41 +d="M823 470q30 -22 30 -64t-30 -64l-593 -419q-20 -14 -39.5 -0.5t-19.5 41.5v884q0 28 19.5 41.5t39.5 -0.5z" />
  42 + <glyph glyph-name="volume" unicode="&#xe605;" horiz-adv-x="1194"
  43 +d="M557 45q-1 -27 -11 -43t-30.5 -16t-49.5 20q-106 76 -212 150q-24 17 -35.5 24t-40 15.5t-63.5 8.5q-51 0 -77.5 24.5t-30.5 57.5q-5 49 -7 98q0 37 7 98q4 33 30.5 57.5t77.5 24.5q35 0 63.5 8.5t40 15.5t35.5 24q140 98 212 150q29 20 49.5 20t30.5 -16t11 -43
  44 +q1 -21 4 -86t5.5 -131.5t2.5 -121t-2.5 -121.5t-5.5 -131.5t-4 -86.5zM926 -112q14 -16 36 -16t37 16q93 98 144.5 226t51.5 270t-51.5 270t-144.5 226q-15 16 -37 16q-24 0 -39 -19q-13 -16 -12 -38t16 -37q77 -83 120 -190.5t43 -227.5q0 -121 -43.5 -229.5t-122.5 -190.5
  45 +q-14 -16 -13.5 -38.5t15.5 -37.5zM698.5 58q15.5 -15 37.5 -15q23 0 39 16q56 55 95.5 150.5t39.5 174.5t-39.5 174.5t-95.5 150.5q-16 16 -39 16q-22 0 -37.5 -15t-15.5 -37t15 -37q44 -43 74.5 -117t30.5 -135t-30.5 -135t-74.5 -117q-15 -15 -15 -37t15.5 -37z" />
  46 + <glyph glyph-name="quanping" unicode="&#xe606;"
  47 +d="M918 -22q-16 -16 -32 -16h-304q-19 0 -31.5 12.5t-12.5 31.5q0 24 12 32q13 13 32 13h192l-185 186q-13 13 -13 32t13 32t32 13t32 -13l185 -186v195q0 20 13 32.5t32 12.5t32 -12.5t13 -32.5v-304q10 -9 -10 -28zM480 723q-13 -13 -32 -13h-192l186 -185
  48 +q14 -15 14 -33.5t-14 -30.5q-13 -13 -32.5 -13t-31.5 13l-189 182v-195q0 -19 -13 -32t-32 -13t-32 13t-13 32v304q0 19 13 32q11 16 32 16h304q19 0 32 -13t13 -32q0 -23 -13 -32zM947 896h-870q-31 0 -54 -23t-23 -54v-867q0 -33 22.5 -56.5t54.5 -23.5h867q31 0 54 23
  49 +t23 54v870q2 31 -20 54t-54 23v0z" />
  50 + <glyph glyph-name="start" unicode="&#xe607;"
  51 +d="M501 843q-120 0 -221 -58.5t-159.5 -159.5t-58.5 -221t58.5 -221t159.5 -159.5t221 -58.5t221 58.5t159.5 159.5t58.5 221q0 119 -58.5 220t-159.5 160t-221 59zM501 38q-99 0 -183 49.5t-133.5 133.5t-49.5 183t49.5 183.5t133.5 133.5t183 49t183.5 -49t133.5 -133.5
  52 +t49 -183.5q0 -100 -49 -184t-133 -133t-184 -49zM501 404zM208 404v0q0 -121 86 -206.5t207 -85.5t207 85.5t86 206.5v0q0 121 -86 207t-207 86t-207 -86t-86 -207v0z" />
  53 + <glyph glyph-name="suspend" unicode="&#xe608;"
  54 +d="M512 841q-120 0 -221 -58.5t-159.5 -159.5t-58.5 -220.5t58.5 -220.5t159.5 -160t221 -59t221 59t159.5 160t58.5 220.5t-58.5 220.5t-159.5 159.5t-221 58.5zM512 37q-99 0 -183 49t-133.5 133t-49.5 183t49.5 183.5t133.5 133.5t183 49t183 -49t133.5 -133.5
  55 +t49.5 -183.5t-49.5 -183t-133.5 -133t-183 -49zM622 549h-220q-15 0 -25.5 -11t-10.5 -26v-219q0 -16 10.5 -26.5t25.5 -10.5h220q15 0 25.5 10.5t10.5 26.5v219q0 15 -10.5 26t-25.5 11z" />
  56 + <glyph glyph-name="luzhi" unicode="&#xe609;"
  57 +d="M650 579h-281q-20 0 -36 -14.5t-16 -37.5v-281q0 -20 14.5 -35.5t37.5 -15.5h281q20 0 35.5 14.5t15.5 36.5v281q0 20 -14.5 36t-36.5 16zM512 896q-138 0 -256 -69t-187 -187t-69 -256t69 -256t187 -187t256 -69t256 69t187 187t69 256t-69 256t-187 187t-256 69z
  58 +M512 -31q-113 0 -208.5 55.5t-151 151t-55.5 208.5t55.5 208.5t151 151t208.5 55.5t208.5 -55.5t151 -151t55.5 -208.5t-55.5 -208.5t-151 -151t-208.5 -55.5z" />
  59 + <glyph glyph-name="yulan" unicode="&#xe60a;"
  60 +d="M410 179l307 205l-307 205v-410zM512 896q-138 0 -256 -69t-187 -187t-69 -256t69 -256t187 -187t256 -69t256 69t187 187t69 256t-69 256t-187 187t-256 69zM512 -31q-113 0 -208.5 55.5t-151 151t-55.5 208.5t55.5 208.5t151 151t208.5 55.5t208.5 -55.5t151 -151
  61 +t55.5 -208.5t-55.5 -208.5t-151 -151t-208.5 -55.5z" />
  62 + <glyph glyph-name="fangda" unicode="&#xe60b;" horiz-adv-x="1331"
  63 +d="M102 -26h257q20 0 35.5 -15t15.5 -36t-15 -36t-36 -15h-308q-21 0 -36 15t-15 36v0v308q0 20 15 35.5t36.5 15.5t36 -15t14.5 -36v-257zM15 881q15 15 36 15h308q20 0 35.5 -15t15.5 -36.5t-15 -36t-36 -14.5h-257v-257q0 -20 -15 -35.5t-36 -15.5t-36 15t-15 36v308
  64 +q0 21 15 36v0zM1229 -26h-256q-21 0 -36 -15t-15 -36t14.5 -36t36.5 -15h307q21 0 36 15t15 36v0v308q0 20 -15 35.5t-36 15.5t-36 -15t-15 -36v-257zM1316 881q-15 15 -36 15v0h-307q-21 0 -36 -15t-15 -36.5t14.5 -36t36.5 -14.5h256v-257q0 -20 15 -35.5t36 -15.5t36 15
  65 +t15 36v308q0 21 -15 36v0z" />
  66 + </font>
  67 +</defs></svg>
dist/css/font_all/iconfont.ttf 0 → 100644
No preview for this file type
dist/css/font_all/iconfont.woff 0 → 100644
No preview for this file type
dist/css/gxb-bootstrap.css 0 → 100644
  1 +#previewpanel .nav-tabs > li.active > a {
  2 + color: #1FB6FF;
  3 + height: 34px;
  4 + line-height: 34px; }
  5 +
  6 +#previewpanel .nav-tabs > li > a {
  7 + margin-right: 0;
  8 + line-height: 1.428571429;
  9 + border: none !important;
  10 + background: transparent !important;
  11 + height: 60px;
  12 + line-height: 60px;
  13 + padding: 0; }
dist/css/ide.css 0 → 100644
  1 +.fl {
  2 + float: left; }
  3 +
  4 +.fr {
  5 + float: right; }
  6 +
  7 +ul.ztree {
  8 + background-color: transparent;
  9 + width: 100%;
  10 + height: 73%;
  11 + padding: 10px 15px;
  12 + -webkit-box-sizing: border-box;
  13 + -moz-box-sizing: border-box;
  14 + box-sizing: border-box;
  15 + margin: 0;
  16 + border: none; }
  17 +
  18 +ul.ztree li a {
  19 + padding: 0;
  20 + height: 24px;
  21 + line-height: 24px;
  22 + color: #859499; }
  23 +
  24 +.ztree li a.curSelectedNode {
  25 + background-color: #FFE6B0;
  26 + color: black;
  27 + height: 24px;
  28 + border: none;
  29 + opacity: 1; }
  30 +
  31 +ul.ztree li span.node_name input {
  32 + outline: none; }
  33 +
  34 +ul.ztree li span.button.switch {
  35 + display: none; }
  36 +
  37 +ul.ztree li span.button.ico_open,
  38 +ul.ztree li span.button.ico_close,
  39 +ul.ztree li span.button.ico_docu,
  40 +ul.ztree li span.button.add,
  41 +ul.ztree li span.button.edit,
  42 +ul.ztree li span.button.remove {
  43 + margin-top: 4px;
  44 + margin-right: 2px;
  45 + vertical-align: top; }
  46 +
  47 +ul.ztree li span.button.ico_open,
  48 +ul.ztree li span.button.ico_close {
  49 + background: url(../img/icon-folder.png) no-repeat scroll center center transparent; }
  50 +
  51 +ul.ztree li span.button.ico_docu {
  52 + background: url(../img/icon-files-java.png) no-repeat scroll center center transparent; }
  53 +
  54 +ul.ztree li span.button.edit {
  55 + background: url(../img/icon-editer.svg) no-repeat scroll center center transparent; }
  56 +
  57 +ul.ztree li span.button.add {
  58 + background-position: -144px 0; }
  59 +
  60 +.programing .nav-tabs {
  61 + float: left;
  62 + border-bottom: 0; }
  63 +
  64 +.programing .record-title .nav-tabs > li.active > a, .programing .record-title .nav-tabs > li.active > a:hover, .programing .record-title .nav-tabs > li.active > a:focus {
  65 + color: #fff; }
  66 +
  67 +.programing .record-title .nav-tabs > li > a, .programing .record-title .nav-tabs > li.active > a:hover, .programing .record-title .nav-tabs > li.active > a:focus {
  68 + margin-right: 0;
  69 + line-height: 1.428571429;
  70 + border: none !important;
  71 + background: transparent !important;
  72 + padding: 0 12px; }
  73 +
  74 +.programing .nav > li > a {
  75 + padding: 0; }
  76 +
  77 +.programing .btn:hover, .programing .btn:focus {
  78 + outline: none; }
  79 +
  80 +.twinkle:before {
  81 + animation: twinkle 1s infinite;
  82 + -webkit-animation: twinkle 1s infinite; }
  83 +
  84 +@-webkit-keyframes twinkle {
  85 + 0% {
  86 + opacity: 0; }
  87 + 50% {
  88 + opacity: 1; }
  89 + 100% {
  90 + opacity: 0; } }
  91 +
  92 +#resultoutput {
  93 + position: relative; }
  94 +
  95 +#stdin {
  96 + position: absolute;
  97 + width: 100%; }
  98 +
  99 +#stdin :focus {
  100 + outline: none; }
  101 +
  102 +#stdin input[type="text"] {
  103 + font: 15px/24px "Lato", Arial, sans-serif;
  104 + color: #333;
  105 + width: 100%;
  106 + box-sizing: border-box;
  107 + letter-spacing: 1px;
  108 + padding-left: 12px; }
  109 +
  110 +#stdin .effect-2 {
  111 + border: 0;
  112 + padding: 12px 0 1px;
  113 + border-bottom: 1px solid #ccc; }
  114 +
  115 +#stdin .effect-2 ~ .focus-border {
  116 + position: absolute;
  117 + bottom: 0;
  118 + left: 50%;
  119 + width: 0;
  120 + height: 2px;
  121 + background-color: #62DCF5;
  122 + transition: 1s; }
  123 +
  124 +#stdin .effect-2:focus ~ .focus-border {
  125 + width: 100%;
  126 + transition: 1s;
  127 + left: 0; }
  128 +
  129 +html, body {
  130 + width: 100%;
  131 + height: 100%; }
  132 +
  133 +:active {
  134 + outline: none; }
  135 +
  136 +.CodeMirror,
  137 +.CodeMirror * {
  138 + font-family: monospace !important;
  139 + font-size: 16px; }
  140 +
  141 +.CodeMirror-gutter {
  142 + width: 34px !important;
  143 + min-height: 1000px; }
  144 +
  145 +.ztree li span {
  146 + margin-right: 8px !important; }
  147 +
  148 +.tooltip-inner {
  149 + background-color: transparent;
  150 + color: #1FB6FF;
  151 + padding: 3px 6px; }
  152 +
  153 +.tooltip.top {
  154 + background: url("../img/toptip.png") no-repeat;
  155 + height: 36px;
  156 + top: -28px !important; }
  157 +
  158 +.tooltip.top .tooltip-arrow {
  159 + border-top-color: transparent; }
  160 +
  161 +.record-title i {
  162 + margin-right: 4px; }
  163 +
  164 +.programing {
  165 + width: 100%;
  166 + height: 100%;
  167 + position: absolute;
  168 + overflow: hidden;
  169 + background-color: #FFF; }
  170 +
  171 +.text-success {
  172 + white-space: pre; }
  173 +
  174 +.record-title {
  175 + width: 100%;
  176 + height: 48px;
  177 + background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
  178 + background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
  179 + position: absolute;
  180 + top: 0;
  181 + z-index: 99;
  182 + padding-left: 28px; }
  183 +
  184 +#recordertab {
  185 + padding-top: 12px; }
  186 +
  187 +#recordertab li:first-child {
  188 + border-right: 2px solid #FFF; }
  189 +
  190 +.record-wrap {
  191 + width: 100%;
  192 + height: 100%;
  193 + position: absolute;
  194 + box-sizing: border-box;
  195 + padding-top: 48px; }
  196 + .record-wrap #ideDir {
  197 + width: 170px;
  198 + height: 100%;
  199 + padding-top: 24px;
  200 + float: left;
  201 + background-color: #FFF; }
  202 + .record-wrap #ideDir .tree-header {
  203 + text-indent: 14px; }
  204 + .record-wrap #ideEditer {
  205 + width: calc(100% - 170px);
  206 + float: left;
  207 + height: 100%; }
  208 + .record-wrap #ideEditer #recordzone, .record-wrap #ideEditer #replayzone, .record-wrap #ideEditer .coding {
  209 + height: 100%; }
  210 + .record-wrap #folder {
  211 + height: 100%;
  212 + min-height: 300px; }
  213 + .record-wrap .gxb-record {
  214 + position: relative;
  215 + height: 100%; }
  216 +
  217 +#recordzone {
  218 + padding-bottom: 260px; }
  219 +
  220 +.console-wrap {
  221 + width: 100%;
  222 + background-color: #FFF;
  223 + height: 200px;
  224 + position: absolute;
  225 + bottom: 60px;
  226 + padding-left: 204px;
  227 + z-index: 999;
  228 + overflow: hidden; }
  229 + .console-wrap .CodeMirror-gutter {
  230 + margin-left: 170px; }
  231 + .console-wrap #toolbar {
  232 + width: 100%;
  233 + height: 40px;
  234 + overflow: hidden;
  235 + background-color: #F4F6F9;
  236 + padding: 0 36px; }
  237 + .console-wrap #toolbar .result-tabs {
  238 + border-radius: 30px;
  239 + overflow: hidden;
  240 + margin: 5px 10px;
  241 + color: #fff; }
  242 + .console-wrap #toolbar .text {
  243 + color: #1FB6FF; }
  244 + .console-wrap #toolbar .result-tabs > li.active > a, .console-wrap #toolbar .result-tabs > li.active > a:hover, .console-wrap #toolbar .result-tabs > li > a:hover, .console-wrap #toolbar .result-tabs > li.active > a:focus {
  245 + color: #FFF;
  246 + background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
  247 + background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
  248 + -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  249 + transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  250 + box-shadow: 0px 0px 2px 0px #B3E5FF;
  251 + border: none; }
  252 + .console-wrap #toolbar .result-tabs > li > a, .console-wrap #toolbar .result-tabs > li.active > a:hover {
  253 + padding: 4px 21px;
  254 + border: none;
  255 + margin: 1px;
  256 + border-radius: 15px;
  257 + font-size: 14px;
  258 + transition: all 0.1s ease; }
  259 + .console-wrap #toolbar .func {
  260 + height: 36px;
  261 + padding-top: 5px; }
  262 +
  263 +.btn {
  264 + padding: 3px 18px; }
  265 +
  266 +.compile-btn {
  267 + background: #FFF;
  268 + border: 1px solid #3ad5f5;
  269 + color: #1FB6FF;
  270 + border-radius: 24px; }
  271 +
  272 +.static-btn {
  273 + background: #999;
  274 + border: 1px solid #3ad5f5;
  275 + color: #1FB6FF;
  276 + border-radius: 24px; }
  277 +
  278 +.static-btn:active {
  279 + outline: none; }
  280 +
  281 +.ladda-button .ladda-spinner {
  282 + width: 26px !important;
  283 + height: 26px !important; }
  284 +
  285 +#resultoutput {
  286 + height: 164px;
  287 + overflow-y: auto; }
  288 +
  289 +.fb {
  290 + float: right;
  291 + margin: 0 16px;
  292 + cursor: pointer; }
  293 + .fb img {
  294 + width: 32px; }
  295 +
  296 +.record-toolbox {
  297 + width: 100%;
  298 + position: absolute;
  299 + bottom: 0;
  300 + z-index: 999; }
  301 + .record-toolbox .record-ctrl {
  302 + height: 60px;
  303 + width: 100%;
  304 + z-index: 999;
  305 + padding: 0 136px;
  306 + background-color: rgba(0, 0, 0, 0.6); }
  307 + .record-toolbox .record-ctrl .btn {
  308 + padding: 0;
  309 + height: 60px;
  310 + float: left;
  311 + line-height: 1; }
  312 + .record-toolbox .record-ctrl .btn i {
  313 + font-size: 48px;
  314 + color: #fff; }
  315 +
  316 +.pause-shodow {
  317 + position: absolute;
  318 + top: 0;
  319 + z-index: 998;
  320 + width: 100%;
  321 + height: 100%;
  322 + background-color: rgba(0, 0, 0, 0.4); }
  323 + .pause-shodow .compile-loading {
  324 + position: absolute;
  325 + top: 30%;
  326 + left: 50%;
  327 + transform: translate(-50%, -50%);
  328 + z-index: 999; }
  329 + .pause-shodow .compile-reslut .btn {
  330 + margin-right: 8px; }
  331 +
  332 +.compile-reslut, .re-reslut {
  333 + position: absolute;
  334 + height: 200px;
  335 + width: 400px;
  336 + background-color: #FFF;
  337 + top: 15%;
  338 + left: 50%;
  339 + transform: translate(-50%); }
  340 + .compile-reslut .tip-header, .compile-reslut .tip-footer, .re-reslut .tip-header, .re-reslut .tip-footer {
  341 + width: 100%;
  342 + padding: 8px 8px;
  343 + background-color: #F5F6FA; }
  344 + .compile-reslut .tip-content, .re-reslut .tip-content {
  345 + padding: 40px;
  346 + line-height: 1.7; }
  347 + .compile-reslut .tip-footer, .re-reslut .tip-footer {
  348 + position: absolute;
  349 + bottom: 0;
  350 + text-align: right; }
  351 +
  352 +.re-reslut {
  353 + top: 40% !important;
  354 + transform: translate(-50%, -50%) !important; }
  355 +
  356 +#countdown {
  357 + display: block;
  358 + z-index: 99999;
  359 + width: 100%;
  360 + height: 100%;
  361 + background-color: rgba(0, 0, 0, 0.6);
  362 + position: absolute; }
  363 + #countdown img {
  364 + position: absolute;
  365 + top: 50%;
  366 + left: 50%;
  367 + transform: translate(-50%, -50%); }
  368 +
  369 +.upload-tip {
  370 + position: absolute;
  371 + top: 0;
  372 + left: 0;
  373 + width: 100%;
  374 + height: 100%;
  375 + background-color: rgba(0, 0, 0, 0.6);
  376 + z-index: 9999; }
  377 + .upload-tip img {
  378 + position: absolute;
  379 + top: 50%;
  380 + left: 50%;
  381 + transform: translate(-50%, -50%); }
  382 +
  383 +.play-page .record-wrap {
  384 + padding-top: 0; }
  385 +
  386 +#playFooter {
  387 + height: 46px;
  388 + width: 100%;
  389 + z-index: 999;
  390 + background-color: #23383f;
  391 + padding: 4px 24px; }
  392 + #playFooter #componentWrapper {
  393 + width: 100%; }
  394 +
  395 +.re-tips .btn-success, .pause-shodow .btn-success {
  396 + background-color: #1FB6FF;
  397 + border: none;
  398 + box-shadow: 0 1px 5px; }
  399 +
  400 +.re-tips .btn-danger, .pause-shodow .btn-danger {
  401 + background-color: #FFFFFF;
  402 + color: #6E787F;
  403 + border: none;
  404 + box-shadow: 0 1px 5px; }
  405 +
  406 +.re-tips {
  407 + position: absolute;
  408 + top: 0;
  409 + width: 100%;
  410 + height: 100%;
  411 + background-color: rgba(0, 0, 0, 0.6);
  412 + z-index: 999; }
  413 +
  414 +.contrl-shodow {
  415 + width: 100%;
  416 + height: 60px;
  417 + position: absolute;
  418 + bottom: 0;
  419 + background-color: rgba(0, 0, 0, 0.4);
  420 + z-index: 999; }
  421 +
  422 +.play-code {
  423 + background: transparent;
  424 + border: none;
  425 + width: 40px;
  426 + height: 40px;
  427 + margin-left: 48px;
  428 + outline: none; }
  429 +
  430 +.confirm-tip {
  431 + position: absolute;
  432 + width: 100%;
  433 + height: 100%;
  434 + background-color: rgba(0, 0, 0, 0.5);
  435 + z-index: 99999; }
  436 +
  437 +.before, .after {
  438 + position: absolute;
  439 + left: 208px;
  440 + width: 50%;
  441 + height: 36px;
  442 + top: 12px; }
  443 +
  444 +.recording-time {
  445 + float: left;
  446 + z-index: 9;
  447 + color: #FFF;
  448 + font-size: 18px; }
  449 +
  450 +.recording-time:before {
  451 + content: '';
  452 + display: inline-block;
  453 + width: 8px;
  454 + height: 8px;
  455 + background-color: red;
  456 + z-index: 99;
  457 + margin: 2px 8px;
  458 + border-radius: 50%; }
  459 +
  460 +.before .recording-time {
  461 + height: 36px;
  462 + line-height: 36px; }
  463 +
  464 +.stdin-wrap {
  465 + margin: 0 48px;
  466 + position: relative; }
  467 +
  468 +#stderr, #cmpinfo, #output {
  469 + padding: 12px 36px; }