Skip to content

S
solo
Commit f61bd1d3 authored by D's avatar D Committed by GitHub
Browse files
Options

Merge pull request #12129 from b3log/1.5.0-dev 

1.5.0 dev
parents 0473873a ee5f2d0d
Hide whitespace changes
Inline Side-by-side
Showing with 3471 additions and 1324 deletions
pom.xml
View file @ f61bd1d3
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- <!--
Description: Solo POM. Description: Solo POM.
Version: 3.11.1.22, Jun 28, 2016 Version: 3.11.1.23, Jul 7, 2016
Author: <a href="http://88250.b3log.org">Liang Ding</a> Author: <a href="http://88250.b3log.org">Liang Ding</a>
Author: <a href="http://www.annpeter.cn">Ann Peter</a> Author: <a href="http://www.annpeter.cn">Ann Peter</a>
--> -->
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
<properties> <properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<org.b3log.latke.version>2.0.4</org.b3log.latke.version> <org.b3log.latke.version>2.2.6</org.b3log.latke.version>
<servlet.version>3.1.0</servlet.version> <servlet.version>3.1.0</servlet.version>
<slf4j.version>1.7.5</slf4j.version> <slf4j.version>1.7.5</slf4j.version>
......
src/main/webapp/js/common.js
View file @ f61bd1d3
...@@ -203,7 +203,7 @@ var Util = { ...@@ -203,7 +203,7 @@ var Util = {
} }
} }
// 按字母或者中文拼音进行排序 // 按字母或者中文拼音进行排序
$("#" + id).html($("#" + id + " li").get().sort(function(a, b) { $("#" + id).html($("#" + id + " li").get().sort(function(a, b) {
var valA = $(a).find("span").text().toLowerCase(); var valA = $(a).find("span").text().toLowerCase();
var valB = $(b).find("span").text().toLowerCase(); var valB = $(b).find("span").text().toLowerCase();
......
src/main/webapp/skins/next/archive-articles.ftl deleted 100644 → 0
View file @ 0473873a
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}">
<meta name="keywords" content="${metaKeywords},${archiveDate.archiveDateYear}${archiveDate.archiveDateMonth}"/>
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
</@head>
</head>
<body>
<#include "side.ftl">
<main>
<h2 class="classify-name">
${archive1Label}
<#if "en" == localeString?substring(0, 2)>
${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount})
<#else>
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount})
</#if>
</h2>
<#include "article-list.ftl">
<#include "footer.ftl">
</main>
</body>
</html>
src/main/webapp/skins/next/archives.ftl
View file @ f61bd1d3
...@@ -8,36 +8,37 @@ ...@@ -8,36 +8,37 @@
</@head> </@head>
</head> </head>
<body> <body>
<#include "side.ftl"> <#include "header.ftl">
<main class="classify"> <main class="main wrapper">
<article> <div class="content page-archive">
<header> <section class="posts-collapse">
<h2> <span class="archive-move-on"></span>
<a rel="archive" href="${servePath}/archives.html"> <span class="archive-page-counter">
${archiveLabel} 嗯..! 目前共计 ${statistic.statisticPublishedBlogArticleCount} 篇日志。 继续努力。
</a> </span>
</h2> <#if 0 != archiveDates?size>
</header>
<#if 0 != archiveDates?size>
<ul class="tags fn-clear">
<#list archiveDates as archiveDate> <#list archiveDates as archiveDate>
<li> <article>
<#if "en" == localeString?substring(0, 2)> <header class="post-header">
<a class="tag" href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}" <h1>
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})"> <#if "en" == localeString?substring(0, 2)>
${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})</a> <a class="post-title" href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}">
<#else> ${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})
<a class="tag" href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}" </a>
title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})"> <#else>
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a> <a class="post-title" href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}">
</#if> ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})
</li> </a>
</#if>
</h1>
</header>
</article>
</#list> </#list>
</ul> </#if>
</#if> </section>
</article> </div>
<#include "side.ftl">
<#include "footer.ftl">
</main> </main>
<#include "footer.ftl">
</body> </body>
</html> </html>
src/main/webapp/skins/next/article-list.ftl
View file @ f61bd1d3
<#list articles as article> <section class="posts-expand">
<article> <#list articles as article>
<header> <article class="post-item">
<h2> <header>
<a rel="bookmark" href="${servePath}${article.articlePermalink}"> <h1>
${article.articleTitle} <a class="post-title-link" rel="bookmark" href="${servePath}${article.articlePermalink}">
</a> ${article.articleTitle}
<#if article.articlePutTop> </a>
<sup> <#if article.articlePutTop>
${topArticleLabel} <sup>
</sup> ${topArticleLabel}
</#if> </sup>
<#if article.hasUpdated> </#if>
<sup> <#if article.hasUpdated>
${updatedLabel} <sup>
</sup> ${updatedLabel}
</#if> </sup>
</h2> </#if>
</h1>
<time><span class="icon-date"></span> ${article.articleCreateDate?string("yyyy-MM-dd")}</time> <div class="post-meta">
</header> <span>
<section class="abstract"> 发表于
<time>
${article.articleCreateDate?string("yyyy-MM-dd")}
</time>
</span>
<span>
&nbsp; | &nbsp;
<a href="${servePath}${article.articlePermalink}#comments">
${article.articleCommentCount}条评论</a>
</span>
&nbsp; | &nbsp;热度 ${article.articleViewCount}°C
</div>
</header>
${article.articleAbstract} ${article.articleAbstract}
</section> <div class="post-more-link">
<footer class="tags"> <a href="${servePath}${article.articlePermalink}/#more" rel="contents">
<span class="icon-tag"></span> &nbsp; 阅读全文 &raquo;
<#list article.articleTags?split(",") as articleTag> </a>
<a class="tag" rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}"> </div>
${articleTag}</a> </article>
</#list> </#list>
</section>
<a rel="nofollow" href="${servePath}/authors/${article.authorId}">
<img class="avatar" title="${article.authorName}" alt="${article.authorName}" src="${article.authorThumbnailURL}"/>
</a>
</footer>
</article>
</#list>
<#if 0 != paginationPageCount> <#if 0 != paginationPageCount>
<nav class="pagination"> <nav class="pagination">
<#if 1 != paginationPageNums?first> <#if 1 != paginationPageNums?first>
<a href="${servePath}${path}/${paginationPreviousPageNum}" class="extend">${previousPageLabel}</a> <a href="${servePath}${path}/${paginationPreviousPageNum}" class="extend next"><<</a>
<a class="page-num" href="${servePath}${path}/1">1</a> ... <a class="page-number" href="${servePath}${path}/1">1</a> ...
</#if> </#if>
<#list paginationPageNums as paginationPageNum> <#list paginationPageNums as paginationPageNum>
<#if paginationPageNum == paginationCurrentPageNum> <#if paginationPageNum == paginationCurrentPageNum>
<span class="current page-num">${paginationPageNum}</span> <span class="page-number current">${paginationPageNum}</span>
<#else> <#else>
<a class="page-num" href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a> <a class="page-number" href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
</#if> </#if>
</#list> </#list>
<#if paginationPageNums?last != paginationPageCount> ... <#if paginationPageNums?last != paginationPageCount> ...
<a href="${servePath}${path}/${paginationPageCount}" class="page-num">${paginationPageCount}</a> <a href="${servePath}${path}/${paginationPageCount}" class="page-number">${paginationPageCount}</a>
<a href="${servePath}${path}/${paginationNextPageNum}" class="extend">${nextPagePabel}</a> <a href="${servePath}${path}/${paginationNextPageNum}" class="extend next">>></a>
</#if> </#if>
</nav> </nav>
</#if> </#if>
\ No newline at end of file \ No newline at end of file
src/main/webapp/skins/next/article.ftl
View file @ f61bd1d3
...@@ -9,80 +9,82 @@ ...@@ -9,80 +9,82 @@
</@head> </@head>
</head> </head>
<body> <body>
<#include "side.ftl"> <#include "header.ftl">
<main> <main class="main wrapper">
<article class="post article-body"> <div class="content">
<header> <article class="posts-expand">
<h2> <header class="post-header">
<a rel="bookmark" href="${servePath}${article.articlePermalink}"> <h1 class="post-title">
${article.articleTitle} ${article.articleTitle}
</a> <#if article.articlePutTop>
<#if article.articlePutTop> <sup>
<sup> ${topArticleLabel}
${topArticleLabel} </sup>
</sup> </#if>
</#if> <#if article.hasUpdated>
<#if article.hasUpdated> <sup>
<sup> ${updatedLabel}
${updatedLabel} </sup>
</sup> </#if>
</#if> </h1>
</h2> <div class="post-meta">
<time><span class="icon-date"></span> ${article.articleCreateDate?string("yyyy-MM-dd")}</time> <span class="post-time">
发表于
<section class="tags"> <time>
<span class="icon-tag"></span> &nbsp; ${article.articleCreateDate?string("yyyy-MM-dd")}
<#list article.articleTags?split(",") as articleTag> </time>
<a class="tag" rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}"> </span>
${articleTag}</a> <span class="post-comments-count">
</#list> &nbsp; | &nbsp;
<a href="${servePath}${article.articlePermalink}#comments">
<a rel="nofollow" href="${servePath}/authors/${article.authorId}"> ${article.articleCommentCount}条评论</a>
<img class="avatar" title="${article.authorName}" alt="${article.authorName}" src="${article.authorThumbnailURL}"/> </span>
</a> &nbsp; | &nbsp;热度
</section> ${article.articleViewCount}°C
</header> </div>
<section class="abstract"> </header>
${article.articleContent}
<#if "" != article.articleSign.signHTML?trim>
<div>
${article.articleSign.signHTML}
</div>
</#if>
<#if nextArticlePermalink?? || previousArticlePermalink??> <div class="post-body">
<aside class="fn-clear"> ${article.articleContent}
<#if previousArticlePermalink??> <#if "" != article.articleSign.signHTML?trim>
<a class="fn-left" rel="prev" href="${servePath}${previousArticlePermalink}"> <div>
<strong>&lt;</strong> ${previousArticleTitle} ${article.articleSign.signHTML}
</a> </div>
</#if> </#if>
<#if nextArticlePermalink??>
<a class="fn-right" rel="next" href="${servePath}${nextArticlePermalink}">
${nextArticleTitle} <strong>&gt;</strong>
</a>
</#if>
</aside>
</#if>
</section>
<footer class="fn-clear share">
<div class="fn-right">
<span class="icon icon-t-weibo" data-type="tencent"></span>
<span class="icon icon-weibo" data-type="weibo"></span>
<span class="icon icon-twitter" data-type="twitter"></span>
<span class="icon icon-gplus" data-type="google"></span>
</div> </div>
</footer> <footer>
</article> <div class="post-tags">
<#list article.articleTags?split(",") as articleTag>
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
${articleTag}</a>
</#list>
</div>
<div class="post-nav fn-clear">
<#if previousArticlePermalink??>
<div class="post-nav-prev post-nav-item fn-left">
<a href="${servePath}${previousArticlePermalink}" rel="next" title="${previousArticleTitle}">
< ${previousArticleTitle}
</a>
</div>
</#if>
<#if nextArticlePermalink??>
<div class="post-nav-next post-nav-item fn-right">
<a href="${servePath}${nextArticlePermalink}" rel="prev" title="${nextArticleTitle}">
${nextArticleTitle} >
</a>
</div>
</#if>
</div>
</footer>
</article>
</div>
<@comments commentList=articleComments article=article></@comments> <@comments commentList=articleComments article=article></@comments>
<#include "side.ftl">
<#include "footer.ftl">
<@comment_script oId=article.oId>
page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
</@comment_script>
</main> </main>
<#include "footer.ftl">
<@comment_script oId=article.oId>
page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
</@comment_script>
</body> </body>
</html> </html>
src/main/webapp/skins/next/author-articles.ftl deleted 100644 → 0
View file @ 0473873a
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${authorName} - ${blogTitle}">
<meta name="keywords" content="${metaKeywords},${authorName}"/>
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
</@head>
</head>
<body>
<#include "side.ftl">
<main>
<h2 class="classify-name">
${author1Label}${authorName}
</h2>
<#include "article-list.ftl">
<#include "footer.ftl">
</main>
</body>
</html>
src/main/webapp/skins/next/css/fonts/icomoon.eot 100644 → 100755
View file @ f61bd1d3
No preview for this file type
src/main/webapp/skins/next/css/fonts/icomoon.svg 100644 → 100755
View file @ f61bd1d3
...@@ -7,17 +7,9 @@ ...@@ -7,17 +7,9 @@
<font-face units-per-em="1024" ascent="960" descent="-64" /> <font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" /> <missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" /> <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe600;" glyph-name="register" horiz-adv-x="1027" d="M358.344 457.514q-76.634 0-130.858 54.222t-54.223 130.858 54.222 130.858 130.858 54.223 130.858-54.223 54.223-130.858-54.222-130.858-130.858-54.222zM821.043 395.82h169.657q6.266 0 10.845-4.579t4.579-10.845v-92.54q0-6.266-4.579-10.845t-10.845-4.579h-169.657v-169.657q0-6.266-4.579-10.845t-10.845-4.579h-92.54q-6.266 0-10.845 4.579t-4.579 10.845v169.657h-169.657q-6.266 0-10.845 4.579t-4.579 10.845v92.54q0 6.266 4.579 10.845t10.845 4.579h169.657v169.657q0 6.266 4.579 10.844t10.845 4.579h92.54q6.266 0 10.845-4.579t4.579-10.844v-169.657zM466.308 287.856q0-25.062 18.315-43.377t43.377-18.315h123.387v-114.711q-32.773-24.099-82.419-24.099h-421.251q-58.319 0-93.504 33.257t-35.184 91.575q0 25.545 1.687 49.884t6.749 52.537 12.773 52.294 20.725 46.993 29.883 39.041 41.208 25.785 53.74 9.641q9.158 0 18.797-8.193 38.076-29.401 74.466-44.101t79.286-14.701 79.286 14.701 74.466 44.101q9.641 8.193 18.797 8.193 63.622 0 104.59-46.27h-107.482q-25.062 0-43.377-18.315t-18.315-43.377v-92.54z" /> <glyph unicode="&#xe901;" glyph-name="rss" d="M136.294 209.070c-75.196 0-136.292-61.334-136.292-136.076 0-75.154 61.1-135.802 136.292-135.802 75.466 0 136.494 60.648 136.494 135.802-0.002 74.742-61.024 136.076-136.494 136.076zM0.156 612.070v-196.258c127.784 0 247.958-49.972 338.458-140.512 90.384-90.318 140.282-211.036 140.282-339.3h197.122c-0.002 372.82-303.282 676.070-675.862 676.070zM0.388 960v-196.356c455.782 0 826.756-371.334 826.756-827.644h196.856c0 564.47-459.254 1024-1023.612 1024z" />
<glyph unicode="&#xe601;" glyph-name="logout" d="M798.222 282.667v122.667h-306.667v122.667h306.667v122.667l184-184zM736.888 344.001v-245.333h-306.667v-184l-368 184v797.333h674.667v-306.667h-61.333v245.333h-490.667l245.333-122.667v-552h245.333v184z" /> <glyph unicode="&#xe973;" glyph-name="register" d="M384 224c0 151.234 95.874 280.486 230.032 330.2 16.28 36.538 25.968 77.164 25.968 117.8 0 159.058 0 288-192 288s-192-128.942-192-288c0-99.060 57.502-198.104 128-237.832v-52.78c-217.102-17.748-384-124.42-384-253.388h397.306c-8.664 30.53-13.306 62.732-13.306 96zM736 512c-159.058 0-288-128.942-288-288s128.942-288 288-288c159.056 0 288 128.942 288 288s-128.942 288-288 288zM896 192h-128v-128h-64v128h-128v64h128v128h64v-128h128v-64z" />
<glyph unicode="&#xe602;" glyph-name="setting" d="M916.215 332.511c-51.487 89.177-20.524 203.458 69.146 255.384l-96.433 167.030c-27.552-16.152-59.585-25.413-93.769-25.413-103.055 0-186.595 84.090-186.595 187.824h-192.872c0.255-32.018-7.738-64.479-24.876-94.158-51.486-89.179-165.941-119.506-255.743-67.81l-96.431-167.030c27.763-15.786 51.798-38.897 68.891-68.5 51.403-89.037 20.616-203.090-68.72-255.131l96.433-167.030c27.456 16 59.336 25.16 93.342 25.16 102.729 0 186.055-83.559 186.588-186.835h192.868c-0.082 31.696 7.927 63.796 24.884 93.167 51.401 89.035 165.577 119.403 255.313 68.053l96.433 167.028c-27.581 15.78-51.455 38.811-68.458 68.26zM512 227.974c-109.737 0-198.697 88.956-198.697 198.695 0 109.737 88.958 198.695 198.697 198.695 109.737 0 198.693-88.958 198.693-198.695-0.002-109.739-88.956-198.695-198.693-198.695z" /> <glyph unicode="&#xe994;" glyph-name="setting" d="M933.79 349.75c-53.726 93.054-21.416 212.304 72.152 266.488l-100.626 174.292c-28.75-16.854-62.176-26.518-97.846-26.518-107.536 0-194.708 87.746-194.708 195.99h-201.258c0.266-33.41-8.074-67.282-25.958-98.252-53.724-93.056-173.156-124.702-266.862-70.758l-100.624-174.292c28.97-16.472 54.050-40.588 71.886-71.478 53.638-92.908 21.512-211.92-71.708-266.224l100.626-174.292c28.65 16.696 61.916 26.254 97.4 26.254 107.196 0 194.144-87.192 194.7-194.958h201.254c-0.086 33.074 8.272 66.57 25.966 97.218 53.636 92.906 172.776 124.594 266.414 71.012l100.626 174.29c-28.78 16.466-53.692 40.498-71.434 71.228zM512 240.668c-114.508 0-207.336 92.824-207.336 207.334 0 114.508 92.826 207.334 207.336 207.334 114.508 0 207.332-92.826 207.332-207.334-0.002-114.51-92.824-207.334-207.332-207.334z" />
<glyph unicode="&#xe603;" glyph-name="gplus" d="M22.106 83.906c-0.234 2.427-0.433 4.859-0.56 7.312 0.125-2.453 0.326-4.886 0.56-7.312zM247.412 375.734c88.176-2.624 147.328 88.836 132.118 204.315-15.232 115.46-99.088 208.119-187.266 210.759-88.192 2.616-147.334-85.754-132.108-201.25 15.22-115.448 99.046-211.192 187.256-213.823zM1002.667 672v81.755c0 89.968-73.583 163.578-163.547 163.578h-654.212c-88.431 0-161.012-71.139-163.457-159.012 55.93 49.245 133.519 90.386 213.588 90.386 85.583 0 342.359 0 342.359 0l-76.617-64.801h-108.549c72-27.604 110.358-111.286 110.358-197.15 0-72.113-40.068-134.123-96.684-178.219-55.242-43.031-65.715-61.053-65.715-97.633 0-31.221 59.173-84.333 90.114-106.172 90.449-63.766 119.711-122.966 119.711-221.812 0-15.743-1.957-31.462-5.813-46.92h294.919c89.963 0 163.545 73.552 163.545 163.578v511.087h-184v-183.998h-61.333v184h-183.998v61.333h183.998v184h61.333v-184h184zM199.474 183.312c20.713 0 39.696 0.565 59.355 0.565-26.015 25.237-46.6 56.158-46.6 94.281 0 22.624 7.249 44.405 17.378 63.748-10.333-0.738-20.882-0.953-31.746-0.953-71.258 0-131.777 23.073-176.529 61.193v-64.44l0.006-193.325c51.213 24.317 112.018 38.929 178.135 38.929zM24.611 67.045c-1.066 5.231-1.884 10.547-2.436 15.941 0.55-5.393 1.37-10.71 2.436-15.941zM457.806 4.19c-14.431 56.356-65.602 84.299-136.934 133.753-25.944 8.368-54.523 13.296-85.19 13.616-85.884 0.924-165.895-33.486-211.040-84.69 15.257-74.468 81.491-130.868 160.266-130.868h274.509c1.74 10.664 2.584 21.689 2.584 32.997 0 12.012-1.47 23.759-4.194 35.192z" /> <glyph unicode="&#xea13;" glyph-name="login" d="M384 448h-320v128h320v128l192-192-192-192zM1024 960v-832l-384-192v192h-384v256h64v-192h320v576l256 128h-576v-256h-64v320z" />
<glyph unicode="&#xe605;" glyph-name="weibo" d="M431.713 469.974c-138.186-6.379-249.878-80.393-249.878-172.715 0-92.194 111.717-161.506 249.878-155.051 138.289 6.302 250.215 92.839 250.215 185.033 0 92.115-111.924 149.111-250.215 142.732zM525.869 237.76c-42.328-54.619-126.050-81.269-207.345-37.239-38.711 20.995-37.264 62.211-37.264 62.211s-16.062 130.182 122.925 146.451c139.142 16.115 163.986-116.779 121.685-171.423zM432.64 324.944c-8.911-6.455-10.716-18.801-5.888-26.469 4.648-7.878 15.469-8.78 24.223-2.221 8.6 6.791 11.931 18.619 7.257 26.469-4.598 7.644-15.287 9.865-25.591 2.221zM366.763 307.023c-25.978-2.685-44.547-25.308-44.547-46.949 0-21.693 20.917-36.67 46.845-33.624 25.85 2.944 46.87 22.931 46.87 44.547 0.052 21.693-19.343 38.891-49.17 36.026zM853.245 917.334h-682.544c-82.509 0-149.395-66.886-149.395-149.395v-682.544c0-82.509 66.886-149.395 149.395-149.395h682.544c82.509 0 149.395 66.886 149.395 149.395v682.544c0 82.509-66.861 149.395-149.395 149.395zM805.444 266.037c-56.969-121.013-244.818-179.894-384.037-168.996-132.298 10.408-302.379 54.361-319.966 214.473 0 0-9.296 72.515 60.998 166.336 0 0 101.102 141.184 218.862 181.47 117.863 40.106 131.627-27.761 131.627-67.867-6.275-34.011-17.999-54.025 26.239-40.286 0 0 115.849 53.74 163.547 6.068 38.454-38.479 6.354-91.444 6.354-91.444s-15.96-17.637 16.89-23.991c32.926-6.586 136.43-54.543 79.488-175.762zM691.197 600.388c-12.602 0-22.726 10.201-22.726 22.701 0 12.732 10.122 22.958 22.726 22.958 0 0 142.036 26.262 125.043-126.358 0-0.903-0.103-1.627-0.309-2.428-1.602-10.82-11.103-19.109-22.287-19.109-12.654 0-22.958 10.122-22.958 22.751 0-0.025 22.519 101.982-79.488 79.488zM931.288 478.315h-0.207c-3.745-25.825-16.554-27.891-31.815-27.891-18.258 0-33.003 11.466-33.003 29.75 0 15.832 6.561 31.92 6.561 31.92 1.936 6.662 17.38 48.085-10.201 110.013-50.512 84.834-152.237 86.074-164.243 81.244-12.111-4.751-29.982-7.126-29.982-7.126-18.389 0-33.109 14.952-33.109 33.132 0 15.262 10.201 28.175 24.146 32.127 0 0 0.309 0.516 0.774 0.594 1.008 0.207 2.041 1.215 3.124 1.317 14.178 2.712 64.664 12.629 113.756 1.137 87.829-20.504 208.457-105.442 154.2-286.214z" /> <glyph unicode="&#xea14;" glyph-name="logout" d="M768 320v128h-320v128h320v128l192-192zM704 384v-256h-320v-192l-384 192v832h704v-320h-64v256h-512l256-128v-576h256v192z" />
<glyph unicode="&#xe60a;" glyph-name="goup" d="M1014.323 422.849l-253.013-0.064 0.067-463.723h-499.15v463.79l-252.549-0.064 502.389 501.267z" />
<glyph unicode="&#xe60b;" glyph-name="twitter" d="M839.119 917.334h-654.212c-89.963 0-163.574-73.61-163.574-163.578v-654.179c0-90.024 73.612-163.576 163.574-163.576h654.212c89.965 0 163.547 73.552 163.547 163.578v654.178c0 89.968-73.583 163.578-163.547 163.578zM824.466 589.743c0.314-7.036 0.47-14.114 0.47-21.225 0-216.788-162.165-466.773-458.714-466.773-91.046 0-175.791 27.167-247.141 73.713 12.612-1.522 25.446-2.294 38.458-2.294 75.538 0 145.051 26.23 200.228 70.229-70.549 1.322-130.088 48.756-150.606 113.929 9.846-1.917 19.945-2.946 30.333-2.946 14.705 0 28.947 2.009 42.473 5.758-73.753 15.077-129.327 81.378-129.327 160.862 0 0.692 0 1.378 0.015 2.062 21.735-12.286 46.598-19.665 73.025-20.518-43.261 29.419-71.724 79.63-71.724 136.551 0 30.063 7.948 58.246 21.829 82.472 79.517-99.255 198.314-164.565 332.306-171.409-2.75 12.010-4.176 24.529-4.176 37.388 0 90.599 72.187 164.048 161.22 164.048 46.374 0 88.28-19.92 117.685-51.806 36.723 7.356 71.227 21.007 102.381 39.811-12.039-38.31-37.599-70.459-70.884-90.764 32.608 3.966 63.683 12.784 92.594 25.831-21.607-32.894-48.942-61.789-80.446-84.918z" />
<glyph unicode="&#xe60d;" glyph-name="t-weibo" d="M1002.64 767.939c0 82.509-66.886 149.395-149.395 149.395h-682.544c-82.509 0-149.395-66.886-149.395-149.395v-682.544c0-82.509 66.886-149.395 149.395-149.395h682.544c82.509 0 149.395 66.886 149.395 149.395v682.544zM149.294 55.595c0.981-11.803-7.876-42.121-19.705-42.121h-2.17c-10.95 0-20.297 27.063-21.356 38.297-16.347 182.217 41.191 329.832 92.633 406.038 18.515 27.711 37.498 50.512 54.696 68.642-4.288 9.813-6.689 20.66-6.689 32.127 0 44.29 36.077 80.109 80.366 80.109 44.547 0 80.213-35.819 80.213-80.109 0-44.572-35.688-80.366-80.213-80.366-17.095 0-32.848 5.397-45.942 14.463-15.211-16.244-31.686-45.889-47.673-70.010-68.151-102.007-96.688-231.903-84.161-367.070zM323.505 311.671c-18.285 0-36.8 2.014-54.464 5.94-11.673 2.764-18.62 14.385-16.219 25.773 2.816 11.749 14.178 19.006 25.772 16.269 14.592-3.358 29.724-4.985 44.908-4.985 110.091 0 199.519 89.432 199.519 199.262 0 109.858-89.432 199.287-199.519 199.287-109.831 0-199.418-89.43-199.418-199.287 0-31.868 7.283-62.548 21.873-90.904 5.604-10.484 1.42-23.5-9.451-28.846-10.615-5.656-23.397-1.472-28.898 9.167-17.534 33.908-26.599 72.362-26.599 110.555 0 133.72 108.746 242.493 242.493 242.493 133.824 0 242.646-108.773 242.646-242.493-0.027-133.488-108.849-242.234-242.648-242.234zM774.455 593.572c-21.486-0.466-43.334 4.029-62.961 13.351-68.486 32.591-97.746 114.737-65.155 183.302 32.487 68.511 114.737 97.746 183.302 65.155 68.511-32.463 97.773-114.843 65.025-183.149-4.751-9.426-9.994-18.412-16.426-26.521-4.054-5.242-11.931-6.197-17.2-2.014s-6.095 11.931-1.911 17.2c5.267 6.561 9.786 14.099 13.376 21.848 26.856 56.271 2.971 123.957-53.483 150.428-56.348 26.856-123.803 2.996-150.428-53.611-27.115-56.22-3.124-123.675 53.379-150.531 16.347-7.67 33.984-11.492 51.804-10.768 6.791 0.128 12.524-5.114 12.654-11.931 0.309-6.818-5.087-12.395-11.983-12.757zM980.897 509.513c-0.155-0.621-0.414-0.826-0.414-1.188-2.816-5.654-9.271-8.366-15.393-6.197-97.307 35.922-149.473 96.817-175.994 141.699-9.53 16.244-16.449 31.661-21.486 44.754-6.302 0.155-12.318 1.807-17.999 4.313-23.061 10.977-32.643 37.963-21.745 60.766 10.743 22.701 37.833 32.384 60.636 21.486 22.701-10.846 32.256-37.988 21.641-60.636-4.184-8.625-10.873-15.519-18.67-19.834 4.803-11.956 11.002-25.206 19.471-39.278 35.612-59.81 90.386-103.661 162.514-130.261 6.43-2.505 9.557-9.298 7.437-15.623z" />
<glyph unicode="&#xe611;" glyph-name="login" d="M360 405.334h-300v120h300v120l180-180-180-180zM960 885.334v-780l-360-180v180h-360v240h60v-180h300v540l240 120h-540v-240h-60v300z" />
<glyph unicode="&#xe900;" glyph-name="github" d="M512 960c-282.75 0-512-229.25-512-512 0-226.25 146.688-418.125 350.156-485.812 25.594-4.688 34.938 11.125 34.938 24.625 0 12.188-0.469 52.562-0.719 95.312-142.375-30.937-172.469 60.375-172.469 60.375-23.312 59.125-56.844 74.875-56.844 74.875-46.531 31.75 3.53 31.125 3.53 31.125 51.406-3.562 78.47-52.75 78.47-52.75 45.688-78.25 119.875-55.625 149-42.5 4.654 33 17.904 55.625 32.5 68.375-113.656 12.937-233.218 56.875-233.218 253.063 0 55.938 19.969 101.562 52.656 137.406-5.219 13-22.844 65.094 5.062 135.562 0 0 42.938 13.75 140.812-52.5 40.812 11.406 84.594 17.031 128.125 17.219 43.5-0.188 87.312-5.875 128.188-17.281 97.688 66.312 140.688 52.5 140.688 52.5 28-70.531 10.375-122.562 5.125-135.5 32.812-35.844 52.625-81.469 52.625-137.406 0-196.688-119.75-240-233.812-252.688 18.438-15.875 34.75-47 34.75-94.75 0-68.438-0.688-123.625-0.688-140.5 0-13.625 9.312-29.562 35.25-24.562 203.313 67.812 349.875 259.687 349.875 485.812 0 282.75-229.25 512-512 512z" />
<glyph unicode="&#xe901;" glyph-name="rss" horiz-adv-x="768" d="M128 320c-70.656 0-128-57.375-128-128s57.344-128 128-128 128 57.375 128 128-57.344 128-128 128zM128 576c0 0-64-2-64-64s64-64 64-64c141.375 0 256-114.625 256-256 0 0 0-64 64-64s64 64 64 64c0 212-171.969 384-384 384zM128 832c0 0-64 0-64-64s64-64 64-64c282.75 0 512-229.25 512-512 0 0 0-64 64-64s64 64 64 64c0 353.406-286.5 640-640 640z" />
<glyph unicode="&#xe902;" glyph-name="date" d="M896 0h-768c-35.328 0-64 28.672-64 64v672c0 35.328 28.672 64 64 64h64v-32c0-53.024 42.976-96 96-96s96 42.976 96 96v32h256v-32c0-53.024 43.008-96 96-96s96 42.976 96 96v32h64c35.328 0 64-28.672 64-64v-672c0-35.328-28.672-64-64-64zM896 576h-768v-512h768v512zM418.208 325.472c6.304 10.048 9.472 20.672 9.472 31.776 0 24.736-13.312 37.12-39.936 37.12-23.136 0-45.248-9.184-66.368-27.552v52.128c23.36 15.136 49.76 22.688 79.136 22.688 27.488 0 48.96-6.912 64.416-20.704s23.168-32.48 23.168-55.968c0-31.36-18.816-63.808-56.448-97.312l-55.328-49.12v-1.12h109.12v-49.12h-176.992v46.112l77.056 73.696c15.488 14.848 26.4 27.296 32.704 37.376zM634.784 218.688c8.448 6.496 12.672 15.552 12.672 27.2 0 12-5.216 21.248-15.648 27.744s-24.768 9.76-43.040 9.76h-24.192v45.376h22.304c35.008 0 52.512 11.616 52.512 34.88 0 21.888-13.44 32.8-40.32 32.8-17.984 0-35.488-5.824-52.512-17.44v48.384c18.88 9.504 40.864 14.24 65.984 14.24 27.488 0 48.896-6.176 64.224-18.56s22.976-28.448 22.976-48.192c0-35.136-17.824-57.12-53.44-65.984v-0.928c19.008-2.368 33.984-9.28 44.992-20.704s16.512-25.472 16.512-42.080c0-25.12-9.184-44.992-27.552-59.616s-43.744-21.952-76.128-21.952c-27.744 0-50.304 4.512-67.68 13.504v51.552c17.984-13.12 39.008-19.68 63.008-19.68 15.104-0.064 26.88 3.2 35.328 9.696zM735.008 704c-34.816 0-63.008 28.192-63.008 63.008v65.984c0 34.816 28.192 63.008 63.008 63.008s63.008-28.192 63.008-63.008v-65.984c0-34.816-28.192-63.008-63.008-63.008zM287.008 704c-34.816 0-63.008 28.192-63.008 63.008v65.984c0 34.816 28.192 63.008 63.008 63.008s63.008-28.192 63.008-63.008v-65.984c0-34.816-28.224-63.008-63.008-63.008z" />
<glyph unicode="&#xe903;" glyph-name="tag" d="M725.354 714.688c0-29.44 23.894-53.334 53.334-53.334s53.334 23.894 53.334 53.334-23.894 53.334-53.334 53.334-53.334-23.894-53.334-53.334zM352.448-39.232c32.854-33.088 86.186-33.088 119.254 0l521.386 517.974c20.886 20.886 31.36 48.426 30.934 75.946v299.52c0 58.454-47.382 105.814-105.814 105.814h-299.52c-27.52 0.448-55.040-10.026-75.968-30.934l-517.952-521.408c-33.088-33.046-33.088-86.378 0-119.254l327.68-327.658zM640.022 714.688c0 76.586 62.080 138.666 138.666 138.666s138.666-62.080 138.666-138.666-62.080-138.666-138.666-138.666-138.666 62.080-138.666 138.666z" />
</font></defs></svg> </font></defs></svg>
\ No newline at end of file
src/main/webapp/skins/next/css/fonts/icomoon.ttf 100644 → 100755
View file @ f61bd1d3
No preview for this file type
src/main/webapp/skins/next/css/fonts/icomoon.woff 100644 → 100755
View file @ f61bd1d3
No preview for this file type
src/main/webapp/skins/next/css/fonts/selection.json 100644 → 100755
View file @ f61bd1d3
...@@ -4,283 +4,161 @@ ...@@ -4,283 +4,161 @@
{ {
"icon": { "icon": {
"paths": [ "paths": [
"M725.354 245.312c0 29.44 23.894 53.334 53.334 53.334s53.334-23.894 53.334-53.334-23.894-53.334-53.334-53.334-53.334 23.894-53.334 53.334zM352.448 999.232c32.854 33.088 86.186 33.088 119.254 0l521.386-517.974c20.886-20.886 31.36-48.426 30.934-75.946v-299.52c0-58.454-47.382-105.814-105.814-105.814h-299.52c-27.52-0.448-55.040 10.026-75.968 30.934l-517.952 521.408c-33.088 33.046-33.088 86.378 0 119.254l327.68 327.658zM640.022 245.312c0-76.586 62.080-138.666 138.666-138.666s138.666 62.080 138.666 138.666-62.080 138.666-138.666 138.666-138.666-62.080-138.666-138.666z" "M384 736c0-151.234 95.874-280.486 230.032-330.2 16.28-36.538 25.968-77.164 25.968-117.8 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h397.306c-8.664-30.53-13.306-62.732-13.306-96z",
"M736 448c-159.058 0-288 128.942-288 288s128.942 288 288 288c159.056 0 288-128.942 288-288s-128.942-288-288-288zM896 768h-128v128h-64v-128h-128v-64h128v-128h64v128h128v64z"
], ],
"width": 1024,
"attrs": [], "attrs": [],
"isMulticolor": false, "isMulticolor": false,
"isMulticolor2": false,
"tags": [ "tags": [
"tag", "user-plus",
"price" "user",
], "user-add",
"grid": 48 "profile",
"avatar",
"person",
"member"
],
"defaultCode": 59763,
"grid": 16
}, },
"attrs": [], "attrs": [],
"properties": { "properties": {
"order": 34, "ligatures": "user-plus, user2",
"id": 14, "name": "register",
"prevSize": 48, "id": 115,
"code": 59651, "order": 42,
"name": "tag" "prevSize": 32,
"code": 59763
}, },
"setIdx": 1, "setIdx": 0,
"setId": 0, "setId": 1,
"iconIdx": 0 "iconIdx": 115
}, },
{ {
"icon": { "icon": {
"paths": [ "paths": [
"M896 960h-768c-35.328 0-64-28.672-64-64v-672c0-35.328 28.672-64 64-64h64v32c0 53.024 42.976 96 96 96s96-42.976 96-96v-32h256v32c0 53.024 43.008 96 96 96s96-42.976 96-96v-32h64c35.328 0 64 28.672 64 64v672c0 35.328-28.672 64-64 64zM896 384h-768v512h768v-512zM418.208 634.528c6.304-10.048 9.472-20.672 9.472-31.776 0-24.736-13.312-37.12-39.936-37.12-23.136 0-45.248 9.184-66.368 27.552v-52.128c23.36-15.136 49.76-22.688 79.136-22.688 27.488 0 48.96 6.912 64.416 20.704s23.168 32.48 23.168 55.968c0 31.36-18.816 63.808-56.448 97.312l-55.328 49.12v1.12h109.12v49.12h-176.992v-46.112l77.056-73.696c15.488-14.848 26.4-27.296 32.704-37.376zM634.784 741.312c8.448-6.496 12.672-15.552 12.672-27.2 0-12-5.216-21.248-15.648-27.744s-24.768-9.76-43.040-9.76h-24.192v-45.376h22.304c35.008 0 52.512-11.616 52.512-34.88 0-21.888-13.44-32.8-40.32-32.8-17.984 0-35.488 5.824-52.512 17.44v-48.384c18.88-9.504 40.864-14.24 65.984-14.24 27.488 0 48.896 6.176 64.224 18.56s22.976 28.448 22.976 48.192c0 35.136-17.824 57.12-53.44 65.984v0.928c19.008 2.368 33.984 9.28 44.992 20.704s16.512 25.472 16.512 42.080c0 25.12-9.184 44.992-27.552 59.616s-43.744 21.952-76.128 21.952c-27.744 0-50.304-4.512-67.68-13.504v-51.552c17.984 13.12 39.008 19.68 63.008 19.68 15.104 0.064 26.88-3.2 35.328-9.696zM735.008 256c-34.816 0-63.008-28.192-63.008-63.008v-65.984c0-34.816 28.192-63.008 63.008-63.008s63.008 28.192 63.008 63.008v65.984c0 34.816-28.192 63.008-63.008 63.008zM287.008 256c-34.816 0-63.008-28.192-63.008-63.008v-65.984c0-34.816 28.192-63.008 63.008-63.008s63.008 28.192 63.008 63.008v65.984c0 34.816-28.224 63.008-63.008 63.008z" "M933.79 610.25c-53.726-93.054-21.416-212.304 72.152-266.488l-100.626-174.292c-28.75 16.854-62.176 26.518-97.846 26.518-107.536 0-194.708-87.746-194.708-195.99h-201.258c0.266 33.41-8.074 67.282-25.958 98.252-53.724 93.056-173.156 124.702-266.862 70.758l-100.624 174.292c28.97 16.472 54.050 40.588 71.886 71.478 53.638 92.908 21.512 211.92-71.708 266.224l100.626 174.292c28.65-16.696 61.916-26.254 97.4-26.254 107.196 0 194.144 87.192 194.7 194.958h201.254c-0.086-33.074 8.272-66.57 25.966-97.218 53.636-92.906 172.776-124.594 266.414-71.012l100.626-174.29c-28.78-16.466-53.692-40.498-71.434-71.228zM512 719.332c-114.508 0-207.336-92.824-207.336-207.334 0-114.508 92.826-207.334 207.336-207.334 114.508 0 207.332 92.826 207.332 207.334-0.002 114.51-92.824 207.334-207.332 207.334z"
], ],
"attrs": [], "attrs": [],
"isMulticolor": false, "isMulticolor": false,
"isMulticolor2": false,
"tags": [ "tags": [
"calendar", "cog",
"date", "gear",
"schedule" "preferences",
], "settings",
"grid": 32 "generate",
"control",
"options"
],
"defaultCode": 59796,
"grid": 16
}, },
"attrs": [], "attrs": [],
"properties": { "properties": {
"order": 35, "ligatures": "cog, gear",
"id": 13, "name": "setting",
"id": 148,
"order": 40,
"prevSize": 32, "prevSize": 32,
"code": 59650, "code": 59796
"name": "date"
}, },
"setIdx": 1, "setIdx": 0,
"setId": 0, "setId": 1,
"iconIdx": 1 "iconIdx": 148
}, },
{ {
"icon": { "icon": {
"paths": [ "paths": [
"M512 0c-282.75 0-512 229.25-512 512 0 226.25 146.688 418.125 350.156 485.812 25.594 4.688 34.938-11.125 34.938-24.625 0-12.188-0.469-52.562-0.719-95.312-142.375 30.937-172.469-60.375-172.469-60.375-23.312-59.125-56.844-74.875-56.844-74.875-46.531-31.75 3.53-31.125 3.53-31.125 51.406 3.562 78.47 52.75 78.47 52.75 45.688 78.25 119.875 55.625 149 42.5 4.654-33 17.904-55.625 32.5-68.375-113.656-12.937-233.218-56.875-233.218-253.063 0-55.938 19.969-101.562 52.656-137.406-5.219-13-22.844-65.094 5.062-135.562 0 0 42.938-13.75 140.812 52.5 40.812-11.406 84.594-17.031 128.125-17.219 43.5 0.188 87.312 5.875 128.188 17.281 97.688-66.312 140.688-52.5 140.688-52.5 28 70.531 10.375 122.562 5.125 135.5 32.812 35.844 52.625 81.469 52.625 137.406 0 196.688-119.75 240-233.812 252.688 18.438 15.875 34.75 47 34.75 94.75 0 68.438-0.688 123.625-0.688 140.5 0 13.625 9.312 29.562 35.25 24.562 203.313-67.812 349.875-259.687 349.875-485.812 0-282.75-229.25-512-512-512z" "M384 512h-320v-128h320v-128l192 192-192 192zM1024 0v832l-384 192v-192h-384v-256h64v192h320v-576l256-128h-576v256h-64v-320z"
], ],
"attrs": [], "attrs": [],
"isMulticolor": false, "isMulticolor": false,
"isMulticolor2": false,
"tags": [ "tags": [
"mark-github" "enter",
"signin",
"login"
], ],
"defaultCode": 59923,
"grid": 16 "grid": 16
}, },
"attrs": [], "attrs": [],
"properties": { "properties": {
"order": 36, "ligatures": "enter, signin",
"id": 12, "name": "login",
"id": 275,
"order": 38,
"prevSize": 32, "prevSize": 32,
"code": 59648, "code": 59923
"name": "github"
}, },
"setIdx": 1, "setIdx": 0,
"setId": 0, "setId": 1,
"iconIdx": 2 "iconIdx": 275
}, },
{ {
"icon": { "icon": {
"paths": [ "paths": [
"M128 640c-70.656 0-128 57.375-128 128s57.344 128 128 128 128-57.375 128-128-57.344-128-128-128zM128 384c0 0-64 2-64 64s64 64 64 64c141.375 0 256 114.625 256 256 0 0 0 64 64 64s64-64 64-64c0-212-171.969-384-384-384zM128 128c0 0-64 0-64 64s64 64 64 64c282.75 0 512 229.25 512 512 0 0 0 64 64 64s64-64 64-64c0-353.406-286.5-640-640-640z" "M768 640v-128h-320v-128h320v-128l192 192zM704 576v256h-320v192l-384-192v-832h704v320h-64v-256h-512l256 128v576h256v-192z"
], ],
"attrs": [], "attrs": [],
"isMulticolor": false, "isMulticolor": false,
"width": 768, "isMulticolor2": false,
"tags": [ "tags": [
"rss" "exit",
"signout",
"logout",
"quit",
"close"
], ],
"defaultCode": 59924,
"grid": 16 "grid": 16
}, },
"attrs": [], "attrs": [],
"properties": { "properties": {
"order": 37, "ligatures": "exit, signout",
"id": 11, "name": "logout",
"prevSize": 32, "id": 276,
"code": 59649,
"name": "rss"
},
"setIdx": 1,
"setId": 0,
"iconIdx": 3
},
{
"icon": {
"paths": [
"M358.344 502.486q-76.634 0-130.858-54.222t-54.223-130.858 54.222-130.858 130.858-54.223 130.858 54.223 54.223 130.858-54.222 130.858-130.858 54.222zM821.043 564.18h169.657q6.266 0 10.845 4.579t4.579 10.845v92.54q0 6.266-4.579 10.845t-10.845 4.579h-169.657v169.657q0 6.266-4.579 10.845t-10.845 4.579h-92.54q-6.266 0-10.845-4.579t-4.579-10.845v-169.657h-169.657q-6.266 0-10.845-4.579t-4.579-10.845v-92.54q0-6.266 4.579-10.845t10.845-4.579h169.657v-169.657q0-6.266 4.579-10.844t10.845-4.579h92.54q6.266 0 10.845 4.579t4.579 10.844v169.657zM466.308 672.144q0 25.062 18.315 43.377t43.377 18.315h123.387v114.711q-32.773 24.099-82.419 24.099h-421.251q-58.319 0-93.504-33.257t-35.184-91.575q0-25.545 1.687-49.884t6.749-52.537 12.773-52.294 20.725-46.993 29.883-39.041 41.208-25.785 53.74-9.641q9.158 0 18.797 8.193 38.076 29.401 74.466 44.101t79.286 14.701 79.286-14.701 74.466-44.101q9.641-8.193 18.797-8.193 63.622 0 104.59 46.27h-107.482q-25.062 0-43.377 18.315t-18.315 43.377v92.54z"
],
"isMulticolor": false,
"width": 1027,
"defaultCode": 58880,
"grid": 0
},
"properties": {
"id": 0,
"order": 38,
"prevSize": 32,
"code": 58880,
"name": "register"
},
"setIdx": 1,
"setId": 0,
"iconIdx": 4
},
{
"icon": {
"paths": [
"M798.222 677.333v-122.667h-306.667v-122.667h306.667v-122.667l184 184zM736.888 615.999v245.333h-306.667v184l-368-184v-797.333h674.667v306.667h-61.333v-245.333h-490.667l245.333 122.667v552h245.333v-184z"
],
"isMulticolor": false,
"defaultCode": 58881,
"grid": 0
},
"properties": {
"id": 1,
"order": 39, "order": 39,
"prevSize": 32, "prevSize": 32,
"code": 58881, "code": 59924
"name": "logout"
}, },
"setIdx": 1, "setIdx": 0,
"setId": 0, "setId": 1,
"iconIdx": 5 "iconIdx": 276
}, },
{ {
"icon": { "icon": {
"paths": [ "paths": [
"M916.215 627.489c-51.487-89.177-20.524-203.458 69.146-255.384l-96.433-167.030c-27.552 16.152-59.585 25.413-93.769 25.413-103.055 0-186.595-84.090-186.595-187.824h-192.872c0.255 32.018-7.738 64.479-24.876 94.158-51.486 89.179-165.941 119.506-255.743 67.81l-96.431 167.030c27.763 15.786 51.798 38.897 68.891 68.5 51.403 89.037 20.616 203.090-68.72 255.131l96.433 167.030c27.456-16 59.336-25.16 93.342-25.16 102.729 0 186.055 83.559 186.588 186.835h192.868c-0.082-31.696 7.927-63.796 24.884-93.167 51.401-89.035 165.577-119.403 255.313-68.053l96.433-167.028c-27.581-15.78-51.455-38.811-68.458-68.26zM512 732.026c-109.737 0-198.697-88.956-198.697-198.695 0-109.737 88.958-198.695 198.697-198.695 109.737 0 198.693 88.958 198.693 198.695-0.002 109.739-88.956 198.695-198.693 198.695z" "M136.294 750.93c-75.196 0-136.292 61.334-136.292 136.076 0 75.154 61.1 135.802 136.292 135.802 75.466 0 136.494-60.648 136.494-135.802-0.002-74.742-61.024-136.076-136.494-136.076zM0.156 347.93v196.258c127.784 0 247.958 49.972 338.458 140.512 90.384 90.318 140.282 211.036 140.282 339.3h197.122c-0.002-372.82-303.282-676.070-675.862-676.070zM0.388 0v196.356c455.782 0 826.756 371.334 826.756 827.644h196.856c0-564.47-459.254-1024-1023.612-1024z"
], ],
"isMulticolor": false, "attrs": [
"defaultCode": 58882, {}
"grid": 0
},
"properties": {
"id": 2,
"order": 40,
"prevSize": 32,
"code": 58882,
"name": "setting"
},
"setIdx": 1,
"setId": 0,
"iconIdx": 6
},
{
"icon": {
"paths": [
"M22.106 876.094c-0.234-2.427-0.433-4.859-0.56-7.312 0.125 2.453 0.326 4.886 0.56 7.312zM247.412 584.266c88.176 2.624 147.328-88.836 132.118-204.315-15.232-115.46-99.088-208.119-187.266-210.759-88.192-2.616-147.334 85.754-132.108 201.25 15.22 115.448 99.046 211.192 187.256 213.823zM1002.667 288v-81.755c0-89.968-73.583-163.578-163.547-163.578h-654.212c-88.431 0-161.012 71.139-163.457 159.012 55.93-49.245 133.519-90.386 213.588-90.386 85.583 0 342.359 0 342.359 0l-76.617 64.801h-108.549c72 27.604 110.358 111.286 110.358 197.15 0 72.113-40.068 134.123-96.684 178.219-55.242 43.031-65.715 61.053-65.715 97.633 0 31.221 59.173 84.333 90.114 106.172 90.449 63.766 119.711 122.966 119.711 221.812 0 15.743-1.957 31.462-5.813 46.92h294.919c89.963 0 163.545-73.552 163.545-163.578v-511.087h-184v183.998h-61.333v-184h-183.998v-61.333h183.998v-184h61.333v184h184zM199.474 776.688c20.713 0 39.696-0.565 59.355-0.565-26.015-25.237-46.6-56.158-46.6-94.281 0-22.624 7.249-44.405 17.378-63.748-10.333 0.738-20.882 0.953-31.746 0.953-71.258 0-131.777-23.073-176.529-61.193v64.44l0.006 193.325c51.213-24.317 112.018-38.929 178.135-38.929zM24.611 892.955c-1.066-5.231-1.884-10.547-2.436-15.941 0.55 5.393 1.37 10.71 2.436 15.941zM457.806 955.81c-14.431-56.356-65.602-84.299-136.934-133.753-25.944-8.368-54.523-13.296-85.19-13.616-85.884-0.924-165.895 33.486-211.040 84.69 15.257 74.468 81.491 130.868 160.266 130.868h274.509c1.74-10.664 2.584-21.689 2.584-32.997 0-12.012-1.47-23.759-4.194-35.192z"
], ],
"isMulticolor": false, "isMulticolor": false,
"defaultCode": 58883, "isMulticolor2": false,
"grid": 0 "tags": [
}, "feed",
"properties": { "rss",
"id": 3, "social"
"order": 41,
"prevSize": 32,
"code": 58883,
"name": "gplus"
},
"setIdx": 1,
"setId": 0,
"iconIdx": 7
},
{
"icon": {
"paths": [
"M431.713 490.026c-138.186 6.379-249.878 80.393-249.878 172.715 0 92.194 111.717 161.506 249.878 155.051 138.289-6.302 250.215-92.839 250.215-185.033 0-92.115-111.924-149.111-250.215-142.732zM525.869 722.24c-42.328 54.619-126.050 81.269-207.345 37.239-38.711-20.995-37.264-62.211-37.264-62.211s-16.062-130.182 122.925-146.451c139.142-16.115 163.986 116.779 121.685 171.423zM432.64 635.056c-8.911 6.455-10.716 18.801-5.888 26.469 4.648 7.878 15.469 8.78 24.223 2.221 8.6-6.791 11.931-18.619 7.257-26.469-4.598-7.644-15.287-9.865-25.591-2.221zM366.763 652.977c-25.978 2.685-44.547 25.308-44.547 46.949 0 21.693 20.917 36.67 46.845 33.624 25.85-2.944 46.87-22.931 46.87-44.547 0.052-21.693-19.343-38.891-49.17-36.026zM853.245 42.666h-682.544c-82.509 0-149.395 66.886-149.395 149.395v682.544c0 82.509 66.886 149.395 149.395 149.395h682.544c82.509 0 149.395-66.886 149.395-149.395v-682.544c0-82.509-66.861-149.395-149.395-149.395zM805.444 693.963c-56.969 121.013-244.818 179.894-384.037 168.996-132.298-10.408-302.379-54.361-319.966-214.473 0 0-9.296-72.515 60.998-166.336 0 0 101.102-141.184 218.862-181.47 117.863-40.106 131.627 27.761 131.627 67.867-6.275 34.011-17.999 54.025 26.239 40.286 0 0 115.849-53.74 163.547-6.068 38.454 38.479 6.354 91.444 6.354 91.444s-15.96 17.637 16.89 23.991c32.926 6.586 136.43 54.543 79.488 175.762zM691.197 359.612c-12.602 0-22.726-10.201-22.726-22.701 0-12.732 10.122-22.958 22.726-22.958 0 0 142.036-26.262 125.043 126.358 0 0.903-0.103 1.627-0.309 2.428-1.602 10.82-11.103 19.109-22.287 19.109-12.654 0-22.958-10.122-22.958-22.751 0 0.025 22.519-101.982-79.488-79.488zM931.288 481.685h-0.207c-3.745 25.825-16.554 27.891-31.815 27.891-18.258 0-33.003-11.466-33.003-29.75 0-15.832 6.561-31.92 6.561-31.92 1.936-6.662 17.38-48.085-10.201-110.013-50.512-84.834-152.237-86.074-164.243-81.244-12.111 4.751-29.982 7.126-29.982 7.126-18.389 0-33.109-14.952-33.109-33.132 0-15.262 10.201-28.175 24.146-32.127 0 0 0.309-0.516 0.774-0.594 1.008-0.207 2.041-1.215 3.124-1.317 14.178-2.712 64.664-12.629 113.756-1.137 87.829 20.504 208.457 105.442 154.2 286.214z"
],
"isMulticolor": false,
"defaultCode": 58885,
"grid": 0
},
"properties": {
"id": 4,
"order": 42,
"prevSize": 32,
"code": 58885,
"name": "weibo"
},
"setIdx": 1,
"setId": 0,
"iconIdx": 8
},
{
"icon": {
"paths": [
"M1014.323 537.151l-253.013 0.064 0.067 463.723h-499.15v-463.79l-252.549 0.064 502.389-501.267z"
],
"isMulticolor": false,
"defaultCode": 58890,
"grid": 0
},
"properties": {
"id": 5,
"order": 43,
"prevSize": 32,
"code": 58890,
"name": "goup"
},
"setIdx": 1,
"setId": 0,
"iconIdx": 9
},
{
"icon": {
"paths": [
"M839.119 42.666h-654.212c-89.963 0-163.574 73.61-163.574 163.578v654.179c0 90.024 73.612 163.576 163.574 163.576h654.212c89.965 0 163.547-73.552 163.547-163.578v-654.178c0-89.968-73.583-163.578-163.547-163.578zM824.466 370.257c0.314 7.036 0.47 14.114 0.47 21.225 0 216.788-162.165 466.773-458.714 466.773-91.046 0-175.791-27.167-247.141-73.713 12.612 1.522 25.446 2.294 38.458 2.294 75.538 0 145.051-26.23 200.228-70.229-70.549-1.322-130.088-48.756-150.606-113.929 9.846 1.917 19.945 2.946 30.333 2.946 14.705 0 28.947-2.009 42.473-5.758-73.753-15.077-129.327-81.378-129.327-160.862 0-0.692 0-1.378 0.015-2.062 21.735 12.286 46.598 19.665 73.025 20.518-43.261-29.419-71.724-79.63-71.724-136.551 0-30.063 7.948-58.246 21.829-82.472 79.517 99.255 198.314 164.565 332.306 171.409-2.75-12.010-4.176-24.529-4.176-37.388 0-90.599 72.187-164.048 161.22-164.048 46.374 0 88.28 19.92 117.685 51.806 36.723-7.356 71.227-21.007 102.381-39.811-12.039 38.31-37.599 70.459-70.884 90.764 32.608-3.966 63.683-12.784 92.594-25.831-21.607 32.894-48.942 61.789-80.446 84.918z"
],
"isMulticolor": false,
"defaultCode": 58891,
"grid": 0
},
"properties": {
"id": 6,
"order": 44,
"prevSize": 32,
"code": 58891,
"name": "twitter"
},
"setIdx": 1,
"setId": 0,
"iconIdx": 10
},
{
"icon": {
"paths": [
"M1002.64 192.061c0-82.509-66.886-149.395-149.395-149.395h-682.544c-82.509 0-149.395 66.886-149.395 149.395v682.544c0 82.509 66.886 149.395 149.395 149.395h682.544c82.509 0 149.395-66.886 149.395-149.395v-682.544zM149.294 904.405c0.981 11.803-7.876 42.121-19.705 42.121h-2.17c-10.95 0-20.297-27.063-21.356-38.297-16.347-182.217 41.191-329.832 92.633-406.038 18.515-27.711 37.498-50.512 54.696-68.642-4.288-9.813-6.689-20.66-6.689-32.127 0-44.29 36.077-80.109 80.366-80.109 44.547 0 80.213 35.819 80.213 80.109 0 44.572-35.688 80.366-80.213 80.366-17.095 0-32.848-5.397-45.942-14.463-15.211 16.244-31.686 45.889-47.673 70.010-68.151 102.007-96.688 231.903-84.161 367.070zM323.505 648.329c-18.285 0-36.8-2.014-54.464-5.94-11.673-2.764-18.62-14.385-16.219-25.773 2.816-11.749 14.178-19.006 25.772-16.269 14.592 3.358 29.724 4.985 44.908 4.985 110.091 0 199.519-89.432 199.519-199.262 0-109.858-89.432-199.287-199.519-199.287-109.831 0-199.418 89.43-199.418 199.287 0 31.868 7.283 62.548 21.873 90.904 5.604 10.484 1.42 23.5-9.451 28.846-10.615 5.656-23.397 1.472-28.898-9.167-17.534-33.908-26.599-72.362-26.599-110.555 0-133.72 108.746-242.493 242.493-242.493 133.824 0 242.646 108.773 242.646 242.493-0.027 133.488-108.849 242.234-242.648 242.234zM774.455 366.428c-21.486 0.466-43.334-4.029-62.961-13.351-68.486-32.591-97.746-114.737-65.155-183.302 32.487-68.511 114.737-97.746 183.302-65.155 68.511 32.463 97.773 114.843 65.025 183.149-4.751 9.426-9.994 18.412-16.426 26.521-4.054 5.242-11.931 6.197-17.2 2.014s-6.095-11.931-1.911-17.2c5.267-6.561 9.786-14.099 13.376-21.848 26.856-56.271 2.971-123.957-53.483-150.428-56.348-26.856-123.803-2.996-150.428 53.611-27.115 56.22-3.124 123.675 53.379 150.531 16.347 7.67 33.984 11.492 51.804 10.768 6.791-0.128 12.524 5.114 12.654 11.931 0.309 6.818-5.087 12.395-11.983 12.757zM980.897 450.487c-0.155 0.621-0.414 0.826-0.414 1.188-2.816 5.654-9.271 8.366-15.393 6.197-97.307-35.922-149.473-96.817-175.994-141.699-9.53-16.244-16.449-31.661-21.486-44.754-6.302-0.155-12.318-1.807-17.999-4.313-23.061-10.977-32.643-37.963-21.745-60.766 10.743-22.701 37.833-32.384 60.636-21.486 22.701 10.846 32.256 37.988 21.641 60.636-4.184 8.625-10.873 15.519-18.67 19.834 4.803 11.956 11.002 25.206 19.471 39.278 35.612 59.81 90.386 103.661 162.514 130.261 6.43 2.505 9.557 9.298 7.437 15.623z"
],
"isMulticolor": false,
"defaultCode": 58893,
"grid": 0
},
"properties": {
"id": 7,
"order": 45,
"prevSize": 32,
"code": 58893,
"name": "t-weibo"
},
"setIdx": 1,
"setId": 0,
"iconIdx": 11
},
{
"icon": {
"paths": [
"M360 554.666h-300v-120h300v-120l180 180-180 180zM960 74.666v780l-360 180v-180h-360v-240h60v180h300v-540l240-120h-540v240h-60v-300z"
], ],
"isMulticolor": false, "grid": 16
"defaultCode": 58897,
"grid": 0
}, },
"attrs": [
{}
],
"properties": { "properties": {
"id": 8, "order": 1,
"order": 46, "id": 0,
"prevSize": 32, "prevSize": 32,
"code": 58897, "code": 59649,
"name": "login" "name": "rss"
}, },
"setIdx": 1, "setIdx": 1,
"setId": 0, "setId": 0,
"iconIdx": 12 "iconIdx": 1
} }
], ],
"height": 1024, "height": 1024,
...@@ -289,7 +167,6 @@ ...@@ -289,7 +167,6 @@
}, },
"preferences": { "preferences": {
"showGlyphs": true, "showGlyphs": true,
"showCodes": true,
"showQuickUse": true, "showQuickUse": true,
"showQuickUse2": true, "showQuickUse2": true,
"showSVGs": true, "showSVGs": true,
...@@ -312,6 +189,8 @@ ...@@ -312,6 +189,8 @@
"color": 4473924, "color": 4473924,
"bgColor": 16777215 "bgColor": 16777215
}, },
"historySize": 100 "historySize": 100,
"showCodes": false,
"gridSize": 16
} }
} }
\ No newline at end of file
src/main/webapp/skins/next/css/main.css 0 → 100644
View file @ f61bd1d3
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jul 3, 2016, Jul 3, 2016 11:35:17 PM
Author : Vanessa
*/
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: local('Lato Light'), local('Lato-Light'), url(http://fontstatic.useso.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: local('Lato Light'), local('Lato-Light'), url(http://fontstatic.useso.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(http://fontstatic.useso.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(http://fontstatic.useso.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(http://fontstatic.useso.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(http://fontstatic.useso.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: local('Lato Italic'), local('Lato-Italic'), url(http://fontstatic.useso.com/s/lato/v11/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: local('Lato Italic'), local('Lato-Italic'), url(http://fontstatic.useso.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*!
* Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}
/* normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
::selection {
background: #262a30;
color: #fff;
}
body {
position: relative;
font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
font-size: 14px;
line-height: 2;
color: #555;
background: #fff;
}
@media (max-width: 767px) {
body {
padding-right: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body {
padding-right: 0 !important;
}
}
@media (min-width: 1600px) {
body {
font-size: 16px;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-weight: bold;
line-height: 1;
font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
}
h1 {
font-size: 24px;
}
@media (max-width: 767px) {
h1 {
font-size: 20px;
}
}
h2 {
font-size: 22px;
}
@media (max-width: 767px) {
h2 {
font-size: 18px;
}
}
h3 {
font-size: 20px;
}
@media (max-width: 767px) {
h3 {
font-size: 16px;
}
}
h4 {
font-size: 18px;
}
@media (max-width: 767px) {
h4 {
font-size: 14px;
}
}
h5 {
font-size: 16px;
}
@media (max-width: 767px) {
h5 {
font-size: 12px;
}
}
h6 {
font-size: 14px;
}
@media (max-width: 767px) {
h6 {
font-size: 10px;
}
}
p {
margin: 0 0 25px 0;
}
a {
color: #555;
text-decoration: none;
border-bottom: 1px solid #999;
}
a:hover {
color: #222;
border-bottom-color: #222;
}
ul {
list-style: none;
}
blockquote {
margin: 0;
padding: 0;
}
img {
max-width: 100%;
height: auto;
}
h2,
h3,
h4,
h5,
h6 {
margin: 20px 0 15px;
}
ul {
list-style: square;
}
a {
word-wrap: break-word;
}
hr {
margin: 40px 0;
height: 3px;
border: none;
background-color: #ddd;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 4px, transparent 8px);
}
blockquote {
padding: 0 15px;
color: #666;
border-left: 4px solid #ddd;
}
blockquote cite::before {
content: "-";
padding: 0 5px;
}
dt {
font-weight: 700;
}
dd {
margin: 0;
padding: 0;
}
.pullquote {
width: 45%;
}
.pullquote.left {
float: left;
margin-left: 5px;
margin-right: 10px;
}
.pullquote.right {
float: right;
margin-left: 10px;
margin-right: 5px;
}
.highlight table,
.gist table {
width: auto;
}
.highlight table td,
.gist table td {
border: none;
}
.highlight a,
.gist a {
color: #222 !important;
text-decoration: none !important;
}
.video-container {
position: relative;
padding-top: 60%;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.full-image.full-image.full-image {
border: none;
max-width: 100%;
width: auto;
margin: 0;
}
@media (min-width: 992px) {
.full-image.full-image.full-image {
max-width: none;
width: 126%;
margin: 0 -13%;
}
}
.use-motion .motion-element {
opacity: 0;
}
pre,
.highlight {
background: #f7f7f7;
margin: 20px 0;
padding: 15px;
overflow: auto;
font-size: 13px;
color: #4d4d4c;
line-height: 1.6;
}
.highlight .gutter pre,
.gist .gist-file .gist-data .line-numbers {
color: #666;
}
pre,
code {
font-family: "Input Mono", "PT Mono", Consolas, Monaco, Menlo, monospace;
}
code {
word-break: break-all;
background: #eee;
text-shadow: 0 1px #fff;
padding: 0 0.3em;
}
pre code {
background: none;
text-shadow: none;
padding: 0;
}
.highlight pre {
border: none;
margin: 0;
padding: 1px;
}
.highlight table {
margin: 0;
width: auto;
border: none;
}
.highlight td {
border: none;
padding: 0;
}
.highlight figcaption {
font-size: 0.85em;
color: #8e908c;
line-height: 1em;
margin-bottom: 1em;
}
.highlight figcaption:before,
.highlight figcaption:after {
content: " ";
display: table;
}
.highlight figcaption:after {
clear: both;
}
.highlight figcaption a {
float: right;
}
.highlight .gutter pre {
text-align: right;
padding-right: 20px;
}
.highlight .line {
height: 20px;
}
.gist {
margin: 20px 0;
border-style: solid;
border-color: #ccc;
border-width: 1px 0;
background: #f7f7f7;
padding: 15px 40px 15px 15px;
}
.gist .gist-file {
border: none;
font-family: "Input Mono", "PT Mono", Consolas, Monaco, Menlo, monospace;
margin: 0;
}
.gist .gist-file .gist-data {
background: none;
border: none;
}
.gist .gist-file .gist-data .line-numbers {
background: none;
border: none;
padding: 0 20px 0 0;
}
.gist .gist-file .gist-data .line-data {
padding: 0 !important;
}
.gist .gist-file .highlight {
margin: 0;
padding: 0;
border: none;
}
.gist .gist-file .gist-meta {
background: #f7f7f7;
color: #8e908c;
font: 13px Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
text-shadow: 0 0;
padding: 0;
margin-top: 1em;
margin-left: 40px;
}
.gist .gist-file .gist-meta a {
color: color-link;
font-weight: normal;
}
.gist .gist-file .gist-meta a:hover {
text-decoration: underline;
}
pre .comment {
color: #8e908c;
}
pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
color: #c82829;
}
pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant {
color: #f5871f;
}
pre .ruby .class .title,
pre .css .rules .attribute {
color: #718c00;
}
pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata {
color: #718c00;
}
pre .title,
pre .css .hexcolor {
color: #3e999f;
}
pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
color: #4271ae;
}
pre .keyword,
pre .javascript .function {
color: #8959a8;
}
html,
body {
height: 100%;
}
.container {
position: relative;
min-height: 100%;
}
.header-inner {
margin: 0 auto;
padding: 100px 0 70px;
width: 1200px;
}
.one-column .header-inner {
width: 700px;
}
@media (min-width: 1600px) {
.one-column .header-inner {
width: 900px;
}
}
.main {
padding-bottom: 150px;
}
.main-inner {
margin: 0 auto;
width: 1200px;
}
.one-column .main-inner {
width: 700px;
}
@media (min-width: 1600px) {
.one-column .main-inner {
width: 900px;
}
}
.footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 50px;
}
.footer-inner {
margin: 20px auto;
width: 1200px;
}
.one-column .footer-inner {
width: 700px;
}
@media (min-width: 1600px) {
.one-column .footer-inner {
width: 900px;
}
}
.headband {
height: 3px;
background: #222;
}
.header {
background: #fff;
}
.header-inner {
position: relative;
}
.site-meta {
margin: 0;
text-align: left;
}
@media (max-width: 767px) {
.site-meta {
text-align: center;
}
}
.brand {
position: relative;
display: inline-block;
padding: 0 40px;
color: #222;
background: #222;
border-bottom: none;
font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.brand:hover {
color: #222;
}
.logo {
display: inline-block;
margin-right: 5px;
line-height: 36px;
vertical-align: top;
}
.site-title {
display: inline-block;
vertical-align: top;
line-height: 36px;
font-size: 20px;
font-weight: normal;
}
.site-subtitle {
margin-top: 10px;
font-size: 13px;
color: #999;
}
.use-motion .brand {
opacity: 0;
}
.use-motion .logo,
.use-motion .site-title,
.use-motion .site-subtitle {
opacity: 0;
position: relative;
top: -10px;
}
.site-nav-toggle {
display: none;
position: absolute;
top: 10px;
left: 10px;
}
@media (max-width: 767px) {
.site-nav-toggle {
display: block;
}
}
.site-nav-toggle button {
margin-top: 2px;
padding: 9px 10px;
background: transparent;
border: none;
}
@media (max-width: 767px) {
.site-nav {
display: none;
margin: 0 -10px;
clear: both;
border-top: 1px solid #ddd;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.site-nav {
display: block !important;
}
}
@media (min-width: 992px) {
.site-nav {
display: block !important;
}
}
.menu {
margin-top: 20px;
padding-left: 0;
text-align: center;
}
@media (max-width: 767px) {
.menu {
padding-left: 10px;
}
}
.menu .menu-item {
display: inline-block;
margin: 0 10px;
}
@media screen and (max-width: 767px) {
.menu .menu-item {
margin-top: 10px;
}
}
.menu .menu-item a {
display: block;
font-size: 13px;
text-transform: capitalize;
line-height: 1.5;
border-bottom: 1px solid transparent;
transition-property: border-color;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.menu .menu-item a:hover {
border-bottom-color: #222;
}
.use-motion .menu-item {
opacity: 0;
}
.translation {
margin-top: -20px;
font-size: 14px;
color: #999;
}
.post:last-child .post-eof.post-eof.post-eof {
display: none;
}
.sidebar-toggle {
position: fixed;
right: 50px;
bottom: 45px;
width: 15px;
height: 15px;
padding: 5px;
background: #222;
line-height: 0;
z-index: 1050;
cursor: pointer;
-webkit-transform: translateZ(0);
}
@media (min-width: 768px) and (max-width: 991px) {
.sidebar-toggle {
display: none;
}
}
@media (max-width: 767px) {
.sidebar-toggle {
display: none;
}
}
.sidebar-toggle-line {
position: relative;
display: inline-block;
vertical-align: top;
height: 2px;
width: 100%;
background: #fff;
margin-top: 3px;
}
.sidebar-toggle-line:first-child {
margin-top: 0;
}
.sidebar {
width: 0;
position: fixed;
right: 0;
top: 0;
bottom: 0;
z-index: 1040;
box-shadow: inset 0 2px 6px #000;
background: #222;
-webkit-transform: translateZ(0);
}
.sidebar a {
color: #999;
border-bottom-color: #555;
}
.sidebar a:hover {
color: #eee;
}
@media (min-width: 768px) and (max-width: 991px) {
.sidebar {
display: none !important;
}
}
@media (max-width: 767px) {
.sidebar {
display: none !important;
}
}
.sidebar-inner {
position: relative;
padding: 20px 10px;
color: #999;
text-align: center;
}
.site-author-image {
display: block;
margin: 0 auto;
max-width: 96px;
height: auto;
border: 2px solid #333;
padding: 2px;
}
.site-author-name {
margin: 5px 0 0;
color: #f5f5f5;
}
.site-description {
margin-top: 5px;
font-size: 14px;
color: #555;
}
.site-state {
overflow: hidden;
line-height: 1.4;
}
.site-state-item {
display: inline-block;
padding: 0 15px;
border-left: 1px solid #333;
}
.site-state-item:first-child {
border-left: none;
}
.site-state-item a {
border-bottom: none;
}
.site-state-item-count {
display: block;
text-align: center;
font-size: 18px;
}
.site-state-item-name {
font-size: 13px;
}
.feed-link {
margin-top: 20px;
}
.feed-link a {
display: inline-block;
padding: 0 15px;
color: #fc6423;
border: 1px solid #fc6423;
border-radius: 4px;
}
.feed-link a i {
color: #fc6423;
font-size: 14px;
}
.feed-link a:hover {
color: #fff;
background: #fc6423;
}
.feed-link a:hover i {
color: #fff;
}
.links-of-author {
margin-top: 20px;
}
.links-of-author a {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 10px;
border-bottom-color: #555;
font-size: 13px;
}
.links-of-author a:before {
display: inline-block;
vertical-align: middle;
margin-right: 3px;
content: " ";
width: 4px;
height: 4px;
border-radius: 50%;
background: #0dd5ff;
}
.sidebar-nav {
margin: 0 0 20px;
padding-left: 0;
}
.sidebar-nav li {
display: inline-block;
cursor: pointer;
border-bottom: 1px solid transparent;
font-size: 15px;
}
.sidebar-nav li:hover {
color: #f5f5f5;
}
.page-post-detail .sidebar-nav-toc {
padding: 0 5px;
}
.page-post-detail .sidebar-nav-overview {
margin-left: 10px;
}
.sidebar-nav .sidebar-nav-active {
color: #87daff;
border-bottom-color: #87daff;
}
.sidebar-nav .sidebar-nav-active:hover {
color: #87daff;
}
.sidebar-panel {
display: none;
}
.sidebar-panel-active {
display: block;
}
ul.b3-solo-list {
overflow: auto;
margin: 20px 0;
padding: 0 10px 10px;
text-align: left;
list-style: none;
font-size: 14px;
text-align: left;
}
.b3-solo-list li {
list-style: none;
}
.b3-solo-list ul a {
color: #999;
}
.b3-solo-list ul a:hover {
color: #ccc;
}
.post-toc .nav .active > a {
color: #ccc;
}
.post-toc .nav .active-current > a {
color: #87daff;
}
.post-toc .nav .active-current > a:hover {
color: #87daff;
}
.footer {
font-size: 14px;
color: #999;
}
.footer img {
border: none;
}
.footer-inner {
text-align: center;
}
.with-love {
display: inline-block;
margin: 0 5px;
}
.powered-by,
.theme-info {
display: inline-block;
}
.powered-by {
margin-right: 10px;
}
.powered-by::after {
content: "|";
padding-left: 10px;
}
.cc-license {
margin-top: 10px;
text-align: center;
}
.cc-license .cc-opacity {
opacity: 0.7;
border-bottom: none;
}
.cc-license .cc-opacity:hover {
opacity: 0.9;
}
.cc-license img {
display: inline-block;
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
.header-inner,
.one-column .header-inner,
.main-inner,
.one-column .main-inner,
.main-inner .content,
.footer-inner,
.one-column .footer-inner {
width: auto;
}
.main-inner {
margin: 20px auto 0;
}
.footer-inner {
padding: 0 10px;
}
}
.blockquote-center,
.page-home .post-type-quote blockquote,
.page-post-detail .post-type-quote blockquote {
position: relative;
margin: 40px 0;
padding: 0;
border-left: none;
text-align: center;
}
.blockquote-center::before,
.page-home .post-type-quote blockquote::before,
.page-post-detail .post-type-quote blockquote::before,
.blockquote-center::after,
.page-home .post-type-quote blockquote::after,
.page-post-detail .post-type-quote blockquote::after {
position: absolute;
content: ' ';
display: block;
width: 100%;
height: 24px;
opacity: 0.2;
background-repeat: no-repeat;
background-position: 0 -6px;
background-size: 22px 22px;
}
.blockquote-center::before,
.page-home .post-type-quote blockquote::before,
.page-post-detail .post-type-quote blockquote::before {
top: -20px;
background-image: url("../images/quote-l.svg");
border-top: 1px solid #ccc;
}
.blockquote-center::after,
.page-home .post-type-quote blockquote::after,
.page-post-detail .post-type-quote blockquote::after {
bottom: -20px;
background-image: url("../images/quote-r.svg");
border-bottom: 1px solid #ccc;
background-position: 100% 8px;
}
.blockquote-center p,
.page-home .post-type-quote blockquote p,
.page-post-detail .post-type-quote blockquote p,
.blockquote-center div,
.page-home .post-type-quote blockquote div,
.page-post-detail .post-type-quote blockquote div {
text-align: center;
}
.btn {
display: inline-block;
padding: 0 20px;
font-size: 15px;
color: #fff;
background: #222;
border: 2px solid #222;
text-decoration: none;
transition-property: background-color;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.btn:hover {
border-color: #222;
color: #222;
background: #fff;
}
.btn-bar {
display: block;
width: 22px;
height: 2px;
background: #555;
border-radius: 1px;
}
.btn-bar+.btn-bar {
margin-top: 4px;
}
.post-body .fancybox img {
display: block !important;
margin: 0 auto;
cursor: pointer;
cursor: zoom-out;
cursor: -webkit-zoom-in;
}
.post-body .image-caption,
.post-body .figure .caption {
margin: 10px auto 15px;
text-align: center;
font-size: 14px;
color: #999;
font-weight: bold;
line-height: 1;
}
.post-sticky-flag {
display: inline-block;
font-size: 16px;
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.posts-expand {
padding-top: 40px;
}
@media (max-width: 767px) {
.posts-expand {
margin: 0 20px;
}
.post-body pre,
.post-body .highlight {
margin: 0 -20px;
padding: 10px 20px;
}
.post-body pre .gutter pre,
.post-body .highlight .gutter pre {
padding-right: 10px;
}
}
.posts-expand .post-title {
font-size: 26px;
text-align: center;
word-break: break-word;
}
@media (max-width: 767px) {
.posts-expand .post-title {
font-size: 22px;
}
}
.posts-expand .post-title-link {
display: inline-block;
position: relative;
color: #555;
border-bottom: none;
line-height: 1.2;
vertical-align: top;
}
.posts-expand .post-title-link::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #000;
visibility: hidden;
transform: scaleX(0);
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.posts-expand .post-title-link:hover::before {
visibility: visible;
transform: scaleX(1);
}
.posts-expand .post-title-link .fa {
font-size: 16px;
}
.posts-expand .post-meta {
margin: 3px 0 60px 0;
color: #999;
font-size: 12px;
text-align: center;
}
.posts-expand .post-meta .post-category-list {
display: inline-block;
margin: 0;
padding: 3px;
}
.posts-expand .post-meta .post-category-list-link {
color: #999;
}
@media (max-width: 767px) {
.posts-expand .post-comments-count {
display: none;
}
}
@media (min-width: 992px) {
.posts-expand .post-body {
text-align: justify;
}
}
.posts-expand .post-body h2,
.posts-expand .post-body h3,
.posts-expand .post-body h4,
.posts-expand .post-body h5,
.posts-expand .post-body h6 {
padding-top: 10px;
}
.posts-expand .post-body h2 .header-anchor,
.posts-expand .post-body h3 .header-anchor,
.posts-expand .post-body h4 .header-anchor,
.posts-expand .post-body h5 .header-anchor,
.posts-expand .post-body h6 .header-anchor {
float: right;
margin-left: 10px;
color: #ccc;
border-bottom-style: none;
visibility: hidden;
}
.posts-expand .post-body h2 .header-anchor:hover,
.posts-expand .post-body h3 .header-anchor:hover,
.posts-expand .post-body h4 .header-anchor:hover,
.posts-expand .post-body h5 .header-anchor:hover,
.posts-expand .post-body h6 .header-anchor:hover {
color: inherit;
}
.posts-expand .post-body h2:hover .header-anchor,
.posts-expand .post-body h3:hover .header-anchor,
.posts-expand .post-body h4:hover .header-anchor,
.posts-expand .post-body h5:hover .header-anchor,
.posts-expand .post-body h6:hover .header-anchor {
visibility: visible;
}
.posts-expand .post-body img {
box-sizing: border-box;
margin: auto;
padding: 3px;
border: 1px solid #ddd;
}
.posts-expand .post-tags {
margin-top: 40px;
text-align: center;
}
.posts-expand .post-tags a {
display: inline-block;
margin-right: 10px;
font-size: 13px;
}
.post-nav {
overflow: hidden;
margin-top: 60px;
padding: 10px;
white-space: nowrap;
border-top: 1px solid #eee;
}
.post-nav-item {
display: inline-block;
width: 50%;
white-space: normal;
}
.post-nav-item a {
position: relative;
display: inline-block;
line-height: 25px;
font-size: 14px;
color: #555;
border-bottom: none;
}
.post-nav-item a:hover {
color: #222;
border-bottom: none;
}
.post-nav-item a:active {
top: 2px;
}
.post-nav-item a i {
font-size: 12px;
}
.post-nav-prev {
text-align: right;
}
.posts-expand .post-eof {
display: block;
margin: $post-eof-margin-top auto $post-eof-margin-bottom;
width: 8%;
height: 1px;
background: #ccc;
text-align: center;
}
.post-more-link {
margin-top: 50px;
}
.posts-expand .post-body .fancybox img {
margin: 0 auto;
}
@media (max-width: 767px) {
.posts-collapse {
margin: 0 20px;
}
.posts-collapse .post-title,
.posts-collapse .post-meta {
display: block;
width: auto;
text-align: left;
}
}
.posts-collapse {
margin-left: 0;
}
@media (max-width: 767px) {
.posts-collapse {
margin: 0 20px;
}
}
.posts-collapse .collection-title {
position: relative;
margin: 60px 0;
}
.posts-collapse .collection-title h2 {
margin-left: 20px;
}
.posts-collapse .collection-title small {
color: #bbb;
}
.posts-collapse .collection-title::before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-left: -4px;
margin-top: -4px;
width: 8px;
height: 8px;
background: #bbb;
border-radius: 50%;
}
.posts-collapse .post {
margin: 30px 0;
}
.posts-collapse .post-header {
position: relative;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
transition-property: border;
border-bottom: 1px dashed #ccc;
}
.posts-collapse .post-header::before {
content: " ";
position: absolute;
left: 0;
top: 12px;
width: 6px;
height: 6px;
margin-left: -4px;
background: #bbb;
border-radius: 50%;
border: 1px solid #fff;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
transition-property: background;
}
.posts-collapse .post-header:hover {
border-bottom-color: #666;
}
.posts-collapse .post-header:hover::before {
background: #222;
}
.posts-collapse .post-meta {
position: absolute;
font-size: 12px;
left: 20px;
top: 5px;
}
.posts-collapse .post-comments-count {
display: none;
}
.posts-collapse .post-title {
margin-left: 60px;
font-size: 16px;
font-weight: normal;
font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
line-height: inherit;
}
.posts-collapse .post-title::after {
margin-left: 3px;
opacity: 0.6;
}
.posts-collapse .post-title a {
color: #666;
border-bottom: none;
}
.page-home .post-type-quote .post-header,
.page-post-detail .post-type-quote .post-header,
.page-home .post-type-quote .post-tags,
.page-post-detail .post-type-quote .post-tags {
display: none;
}
.
@media (max-width: 767px) {
.pagination {
border-top: none;
}
.pagination .prev,
.pagination .next,
.pagination .page-number {
margin-bottom: 10px;
border-top: 0;
border-bottom: 1px solid #eee;
}
.pagination .prev:hover,
.pagination .next:hover,
.pagination .page-number:hover {
border-bottom-color: #222;
}
}
.tag-cloud {
text-align: center;
}
.tag-cloud a {
display: inline-block;
margin: 10px;
}
.post-gallery {
display: table;
table-layout: fixed;
width: 100%;
border-collapse: separate;
}
.post-gallery-row {
display: table-row;
}
.post-gallery .post-gallery-img {
display: table-cell;
text-align: center;
vertical-align: middle;
border: none;
}
.post-gallery .post-gallery-img img {
max-width: 100%;
max-height: 100%;
border: none;
}
.fancybox-close,
.fancybox-close:hover {
border: none;
}
.post .group-picture img {
box-sizing: border-box;
padding: 0 3px;
border: none;
}
.post .group-picture-row {
overflow: hidden;
margin-top: 6px;
}
.post .group-picture-row:first-child {
margin-top: 0;
}
.post .group-picture-column {
float: left;
}
.page-post-detail .post-body .group-picture-column {
float: none;
margin-top: 10px;
width: auto !important;
}
.page-post-detail .post-body .group-picture-column img {
margin: 0 auto;
}
.page-archive .group-picture-container {
overflow: hidden;
}
.page-archive .group-picture-row {
float: left;
}
.page-archive .group-picture-row:first-child {
margin-top: 6px;
}
.page-archive .group-picture-column {
max-width: 150px;
max-height: 150px;
}
.back-to-top {
position: fixed;
bottom: 19px;
right: 50px;
z-index: 1050;
width: 15px;
height: 13px;
padding: 5px;
background: #222;
color: #fff;
cursor: pointer;
-webkit-transform: translateZ(0);
}
@media (max-width: 767px) {
.back-to-top {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.back-to-top {
display: none;
}
}
.back-to-top:before {
display: block;
content: " ";
margin-top: 2px;
width: 0;
height: 0;
border-width: 0 7px 8px 7px;
border-color: transparent transparent #fff transparent;
border-style: solid;
}
.theme-next #ds-thread #ds-reset {
color: #555;
}
.theme-next #ds-thread #ds-reset .ds-replybox {
margin-bottom: 30px;
}
.theme-next #ds-thread #ds-reset .ds-replybox .ds-avatar,
.theme-next #ds-reset .ds-avatar img {
box-shadow: none;
}
.theme-next #ds-thread #ds-reset .ds-textarea-wrapper {
border-color: #c7d4e1;
background: none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.theme-next #ds-thread #ds-reset .ds-textarea-wrapper textarea {
height: 60px;
}
.theme-next #ds-reset .ds-rounded-top {
border-radius: 0;
}
.theme-next #ds-thread #ds-reset .ds-post-toolbar {
box-sizing: border-box;
border: 1px solid #c7d4e1;
background: #f6f8fa;
}
.theme-next #ds-thread #ds-reset .ds-post-options {
height: 40px;
border: none;
background: none;
}
.theme-next #ds-thread #ds-reset .ds-toolbar-buttons {
top: 11px;
}
.theme-next #ds-thread #ds-reset .ds-sync {
top: 5px;
}
.theme-next #ds-thread #ds-reset .ds-post-button {
top: 4px;
right: 5px;
width: 90px;
height: 30px;
border: 1px solid #c5ced7;
border-radius: 3px;
background-image: linear-gradient(#fbfbfc, #f5f7f9);
color: #60676d;
}
.theme-next #ds-thread #ds-reset .ds-post-button:hover {
background-position: 0 -30px;
color: #60676d;
}
.theme-next #ds-thread #ds-reset .ds-comments-info {
padding: 10px 0;
}
.theme-next #ds-thread #ds-reset .ds-sort {
display: none;
}
.theme-next #ds-thread #ds-reset li.ds-tab a.ds-current {
border: none;
background: #f6f8fa;
color: #60676d;
}
.theme-next #ds-thread #ds-reset li.ds-tab a.ds-current:hover {
background-color: #e9f0f7;
color: #60676d;
}
.theme-next #ds-thread #ds-reset li.ds-tab a {
border-radius: 2px;
padding: 5px;
}
.theme-next #ds-thread #ds-reset .ds-login-buttons p {
color: #999;
line-height: 36px;
}
.theme-next #ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
height: 28px;
}
.theme-next #ds-thread #ds-reset .ds-service-list a {
background: none;
padding: 5px;
border: 1px solid;
border-radius: 3px;
text-align: center;
}
.theme-next #ds-thread #ds-reset .ds-service-list a:hover {
color: #fff;
background: #666;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-weibo {
color: #fc9b00;
border-color: #fc9b00;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-weibo:hover {
background: #fc9b00;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-qq {
color: #60a3ec;
border-color: #60a3ec;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-qq:hover {
background: #60a3ec;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-renren {
color: #2e7ac4;
border-color: #2e7ac4;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-renren:hover {
background: #2e7ac4;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-douban {
color: #37994c;
border-color: #37994c;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-douban:hover {
background: #37994c;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-kaixin {
color: #fef20d;
border-color: #fef20d;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-kaixin:hover {
background: #fef20d;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-netease {
color: #f00;
border-color: #f00;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-netease:hover {
background: #f00;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-sohu {
color: #ffcb05;
border-color: #ffcb05;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-sohu:hover {
background: #ffcb05;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-baidu {
color: #2831e0;
border-color: #2831e0;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-baidu:hover {
background: #2831e0;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-google {
color: #166bec;
border-color: #166bec;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-google:hover {
background: #166bec;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-weixin {
color: #00ce0d;
border-color: #00ce0d;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-weixin:hover {
background: #00ce0d;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-more-services {
border: none;
}
.theme-next #ds-thread #ds-reset .ds-service-list .ds-more-services:hover {
background: none;
}
.theme-next .this_ua {
background-color: #ccc !important;
border-radius: 4px;
padding: 0 5px !important;
margin: 1px 1px !important;
border: 1px solid #bbb !important;
color: #fff;
display: inline-block !important;
}
.theme-next .this_ua.admin {
background-color: #d9534f !important;
border-color: #d9534f !important;
}
.theme-next .this_ua.platform.iOS,
.theme-next .this_ua.platform.Mac,
.theme-next .this_ua.platform.Windows {
background-color: #39b3d7 !important;
border-color: #46b8da !important;
}
.theme-next .this_ua.platform.Linux {
background-color: #3a3a3a !important;
border-color: #1f1f1f !important;
}
.theme-next .this_ua.platform.Android {
background-color: #00c47d !important;
border-color: #01b171 !important;
}
.theme-next .this_ua.browser.Mobile,
.theme-next .this_ua.browser.Chrome {
background-color: #5cb85c !important;
border-color: #4cae4c !important;
}
.theme-next .this_ua.browser.Firefox {
background-color: #f0ad4e !important;
border-color: #eea236 !important;
}
.theme-next .this_ua.browser.Maxthon,
.theme-next .this_ua.browser.IE {
background-color: #428bca !important;
border-color: #357ebd !important;
}
.theme-next .this_ua.browser.baidu,
.theme-next .this_ua.browser.UCBrowser,
.theme-next .this_ua.browser.Opera {
background-color: #d9534f !important;
border-color: #d43f3a !important;
}
.theme-next .this_ua.browser.Android,
.theme-next .this_ua.browser.QQBrowser {
background-color: #78ace9 !important;
border-color: #4cae4c !important;
}
.post-spread {
margin-top: 20px;
text-align: center;
}
.jiathis_style {
display: inline-block;
}
.jiathis_style a {
border: none;
}
.use-motion .post {
opacity: 0;
}
.page-archive .archive-page-counter {
position: relative;
top: 3px;
left: 20px;
}
@media (max-width: 767px) {
.page-archive .archive-page-counter {
top: 5px;
}
}
.page-archive .posts-collapse {
position: relative;
}
.page-archive .posts-collapse::after {
top: 20px;
left: 0;
margin-left: -2px;
width: 4px;
height: 100%;
background: #f5f5f5;
z-index: -1;
}
.page-archive .posts-collapse .archive-move-on {
position: absolute;
top: 11px;
left: 0;
margin-left: -6px;
width: 10px;
height: 10px;
opacity: 0.5;
background: #555;
border: 1px solid #fff;
border-radius: 50%;
}
.page-archive .posts-collapse::before,
.page-archive .posts-collapse::after {
content: " ";
position: absolute;
}
.page-post-detail .sidebar-toggle-line {
background: #87daff;
}
.page-post-detail .comments {
overflow: hidden;
}
.category-all-page .category-all-title {
text-align: center;
}
.category-all-page .category-all {
margin-top: 20px;
}
.category-all-page .category-list {
margin: 0;
padding: 0;
list-style: none;
}
.category-all-page .category-list-item {
display: inline-block;
margin: 10px;
}
.category-all-page .category-list-count {
color: #bbb;
}
.category-all-page .category-list-count:before {
display: inline;
content: " (";
}
.category-all-page .category-list-count:after {
display: inline;
content: ") ";
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 20px 0 10px;
}
p {
margin: 0 0 25px 0;
}
a {
border-bottom-color: #ccc;
}
hr {
margin: 20px 0;
height: 2px;
}
ul li {
list-style: circle;
}
.header {
background: #f5f5f5;
}
.header-inner {
margin-bottom: 80px;
padding: 40px 0;
}
.header-inner:before,
.header-inner:after {
content: " ";
display: table;
}
.header-inner:after {
clear: both;
}
@media (max-width: 767px) {
.header-inner {
margin-bottom: 50px;
padding: 10px;
}
}
.site-meta {
float: left;
margin-left: -20px;
}
@media (max-width: 767px) {
.site-meta {
margin-left: 10px;
}
}
.site-meta .brand {
padding: 2px 1px;
background: none;
}
@media (max-width: 767px) {
.site-meta .brand {
display: block;
}
}
.site-meta .logo {
display: none;
}
.site-meta .site-title {
font-size: 22px;
font-weight: bolder;
}
@media (max-width: 767px) {
.site-meta .site-title {
line-height: 34px;
}
}
.logo-line-before,
.logo-line-after {
display: block;
overflow: hidden;
margin: 0 auto;
width: 75%;
}
@media (max-width: 767px) {
.logo-line-before,
.logo-line-after {
display: none;
}
}
.logo-line-before i,
.logo-line-after i {
position: relative;
display: block;
height: 2px;
background: #222;
}
@media (max-width: 767px) {
.logo-line-before i,
.logo-line-after i {
height: 3px;
}
}
.use-motion .logo-line-before i {
left: -100%;
}
.use-motion .logo-line-after i {
right: -100%;
}
.site-subtitle {
display: none;
}
.site-nav-toggle {
position: static;
float: right;
}
.menu {
float: right;
margin: 8px 0 0 20px;
padding: 0 20px;
}
@media (max-width: 767px) {
.menu {
margin: 0;
padding: 0;
}
}
.menu br {
display: none;
}
.menu .menu-item {
margin: 0;
}
@media (max-width: 767px) {
.menu .menu-item {
display: block;
}
}
.menu .menu-item a {
padding: 5px 10px;
background: none;
border: none;
transition-property: background;
}
@media (max-width: 767px) {
.menu .menu-item a {
text-align: left;
}
}
.menu .menu-item a:hover {
background: #e1e1e1;
}
.menu a::before {
display: none;
}
@media (max-width: 767px) {
.menu a::before {
display: block;
}
}
@media (max-width: 767px) {
.menu {
float: none;
}
}
.menu-left {
float: left;
}
@media (max-width: 767px) {
.menu-left {
float: none;
}
}
.menu-item-icon {
display: none;
}
.posts-expand {
padding-top: 0;
}
.posts-expand .post-title,
.posts-expand .post-meta {
text-align: left;
}
@media (max-width: 767px) {
.posts-expand .post-title,
.posts-expand .post-meta {
text-align: center;
}
}
.posts-expand .post-eof {
display: none;
}
.posts-expand .post {
margin-top: 120px;
}
.posts-expand .post:first-child {
margin-top: 0;
}
.posts-expand .post-meta {
margin-top: 5px;
margin-bottom: 20px;
}
.posts-expand .post-title {
position: relative;
font-size: 26px;
font-weight: 400;
}
@media (max-width: 767px) {
.posts-expand .post-title {
font-size: 20px;
}
}
@media (min-width: 1600px) {
.posts-expand .post-title {
font-size: 26px;
}
}
.posts-expand .post-title:hover:before {
background: #222;
}
.posts-expand .post-body img {
margin: 0;
}
.posts-expand .post-tags {
text-align: left;
}
.posts-expand .post-tags a {
padding: 1px 5px;
background: #f5f5f5;
border-bottom: none;
}
.posts-expand .post-tags a:hover {
background: #ccc;
}
.posts-expand .post-nav {
margin-top: 40px;
}
.post-more-link {
margin-top: 20px;
text-align: left;
}
.post-more-link a {
padding: 0;
font-size: 14px;
color: #666;
background: none;
border: none;
border-bottom: 2px solid #666;
transition-property: border;
}
@media (max-width: 767px) {
.post-more-link a {
font-size: 12px;
}
}
@media (min-width: 1600px) {
.post-more-link a {
font-size: 16px;
}
}
.post-more-link a:hover {
border-bottom-color: #222;
}
.btn {
padding: 0 10px;
border-width: 2px;
border-radius: 0;
}
.headband {
display: none;
}
.site-search {
float: right;
margin-top: 8px;
}
@media (max-width: 767px) {
.site-search {
float: none;
padding: 0 10px;
}
}
.site-search input {
padding: 3px;
border: none;
padding-left: 18px;
border-radius: 0;
width: 140px;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTZweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTUuNywxNC4zbC0zLjEwNS0zLjEwNUMxMy40NzMsMTAuMDI0LDE0LDguNTc2LDE0LDdjMC0zLjg2Ni0zLjEzNC03LTctN1MwLDMuMTM0LDAsN3MzLjEzNCw3LDcsNyAgYzEuNTc2LDAsMy4wMjQtMC41MjcsNC4xOTQtMS40MDVMMTQuMywxNS43YzAuMTg0LDAuMTg0LDAuMzgsMC4zLDAuNywwLjNjMC41NTMsMCwxLTAuNDQ3LDEtMUMxNiwxNC43ODEsMTUuOTQ2LDE0LjU0NiwxNS43LDE0LjN6ICAgTTIsN2MwLTIuNzYyLDIuMjM4LTUsNS01czUsMi4yMzgsNSw1cy0yLjIzOCw1LTUsNVMyLDkuNzYyLDIsN3oiLz48L3N2Zz4=") no-repeat 0 50%;
background-size: 12px 12px;
outline: none;
border-bottom: 1px solid #999;
opacity: 0.5;
}
.site-search input:focus {
opacity: 1;
}
.page-post-detail .post-title,
.page-post-detail .post-meta {
text-align: center;
}
.page-post-detail .post-title:before {
display: none;
}
.page-post-detail .post-meta {
margin-bottom: 60px;
}
.pagination {
margin: 120px 0 0;
text-align: left;
}
@media (max-width: 767px) {
.pagination {
margin: 80px 10px 0;
text-align: center;
}
}
.footer {
margin-top: 80px;
padding: 10px 0;
background: #f5f5f5;
color: #666;
}
.footer-inner {
margin: 0 auto;
text-align: left;
}
@media (max-width: 767px) {
.footer-inner {
text-align: center;
}
}
\ No newline at end of file
src/main/webapp/skins/next/css/next.css
View file @ f61bd1d3
...@@ -15,179 +15,57 @@ ...@@ -15,179 +15,57 @@
*/ */
@charset "utf-8"; @charset "utf-8";
/* /*
* skin yilia style * skin next style
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @author <a href="http://88250.b3log.org">Liang Ding</a> * @version 0.1.0.1, Jul 10, 2016
* @version 1.2.0.1, Nov 7, 2015
*/ */
/* start reset */ /* start reset */
html { html {
height: 100%; background-color: #f5f5f5;
max-height: 100%;
font-size: 16px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
body { body {
height: 100%;
max-height: 100%;
font-family: "Merriweather", "Microsoft Yahei", 'Helvetica';
letter-spacing: 0.01rem;
font-size: 100%;
line-height: 1.75em;
color: rgba(0, 0, 0, 0.6);
-webkit-font-feature-settings: 'kern' 1;
-moz-font-feature-settings: 'kern' 1;
-o-font-feature-settings: 'kern' 1;
text-rendering: geometricPrecision;
margin: 0; margin: 0;
background-color: #eaeaea; font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
} font-size: 14px;
color: #555;
::-moz-selection { background: #fff;
background: #D6EDFF;
}
::selection {
background: #D6EDFF;
} }
a { a {
color: #555;
text-decoration: none; text-decoration: none;
outline-width: 0; border-bottom: 1px solid #999;
color: #258fb8;
outline: none;
transition: all 0.3s ease;
}
h1, h2, h3,
h4, h5, h6 {
-webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
color: #666;
line-height: 1.15em;
font-family: "Open Sans", "Microsoft Yahei", 'Helvetica';
text-rendering: geometricPrecision;
} }
h1 { a:active,
letter-spacing: -2px; a:hover {
text-indent: -3px; outline: 0;
} }
h2 { a:hover {
letter-spacing: -1px; color: #222;
} border-bottom-color: #222;
img {
max-width: 100%;
}
p, ul, ol, dl {
-webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
-moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
-o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
text-rendering: geometricPrecision;
}
ol, ul {
padding-left: 3rem;
}
ol ol, ul ul,
ul ol, ol ul {
padding-left: 2em;
}
dl dt {
float: left;
width: 180px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 700;
margin-bottom: 1em;
}
dl dd {
margin-left: 200px;
margin-bottom: 1em
}
li li {
margin: 0;
} }
hr { hr {
display: block; margin: 40px 0;
height: 1px; height: 3px;
border: 0; border: none;
border-top: #EFEFEF 1px solid; background-color: #ddd;
margin: 3.2em 0; background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 4px, transparent 8px);
padding: 0;
} }
blockquote { blockquote {
box-sizing: border-box; padding: 0 15px;
margin: 1.75em 0 1.75em 0; color: #666;
padding: 0 0 0 1.75em; border-left: 4px solid #ddd;
border-left: 5px solid;
transition: all 0.3s ease;
}
blockquote:hover {
border-color: #b0a0aa;
}
blockquote p {
margin: 0.8em 0;
font-style: italic;
}
blockquote small {
display: inline-block;
margin: 0.8em 0 0.8em 1.5em;
font-size: 0.9em;
color: #CCC;
}
blockquote small:before { content: "\2014 \00A0"; }
blockquote cite {
font-weight: 700;
}
blockquote cite a { font-weight: normal; }
mark {
background-color: #fdffb6;
}
code, tt {
padding: 1px 3px;
font-family: Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';
font-size: 0.85em;
white-space: pre-wrap;
border: #E3EDF3 1px solid;
background: #F7FAFB;
border-radius: 2px;
}
pre {
font-size: 0.9em;
} }
pre code, pre tt { img {
font-size: inherit; max-width: 100%;
white-space: pre-wrap; height: auto;
background: transparent;
border: none;
padding: 0;
} }
/* end reset */ /* end reset */
...@@ -196,10 +74,12 @@ pre code, pre tt { ...@@ -196,10 +74,12 @@ pre code, pre tt {
.fn-clear:after { .fn-clear:after {
display: table; display: table;
content: ""; content: "";
line-height: 0;
} }
.fn-clear:after { .fn-clear:after {
clear: both; clear: both;
line-height: 0;
} }
.fn-left { .fn-left {
...@@ -218,17 +98,18 @@ pre code, pre tt { ...@@ -218,17 +98,18 @@ pre code, pre tt {
/* start common */ /* start common */
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';
src:url('fonts/icomoon.eot?3js4w7'); src: url('fonts/icomoon.eot?a0psdo');
src:url('fonts/icomoon.eot?3js4w7#iefix') format('embedded-opentype'), src: url('fonts/icomoon.eot?a0psdo#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?3js4w7') format('truetype'), url('fonts/icomoon.ttf?a0psdo') format('truetype'),
url('fonts/icomoon.woff?3js4w7') format('woff'), url('fonts/icomoon.woff?a0psdo') format('woff'),
url('fonts/icomoon.svg?3js4w7#icomoon') format('svg'); url('fonts/icomoon.svg?a0psdo#icomoon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
[class^="icon-"], [class*=" icon-"] { [class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon'; /* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none; speak: none;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
...@@ -239,60 +120,26 @@ pre code, pre tt { ...@@ -239,60 +120,26 @@ pre code, pre tt {
/* Better Font Rendering =========== */ /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
vertical-align: middle;
} }
.icon-tag:before {
content: "\e903";
}
.icon-date:before {
content: "\e902";
}
.icon-github:before {
content: "\e900";
}
.icon-rss:before {
content: "\e901";
}
.icon-register:before { .icon-register:before {
content: "\e600"; content: "\e973";
}
.icon-logout:before {
content: "\e601";
} }
.icon-setting:before { .icon-setting:before {
content: "\e602"; content: "\e994";
}
.icon-gplus:before {
content: "\e603";
} }
.icon-weibo:before { .icon-login:before {
content: "\e605"; content: "\ea13";
}
.icon-goup:before {
content: "\e60a";
}
.icon-twitter:before {
content: "\e60b";
} }
.icon-t-weibo:before { .icon-logout:before {
content: "\e60d"; content: "\ea14";
} }
.icon-login:before { .icon-rss:before {
content: "\e611"; content: "\e901";
} }
.form { .form {
width: 100%; width: 100%;
padding: 30px; margin-top: 50px;
}
#captcha,
#captchaReply {
height: 27px;
display: inline-block;
vertical-align: inherit;
} }
.form input, .form input,
...@@ -306,28 +153,22 @@ pre code, pre tt { ...@@ -306,28 +153,22 @@ pre code, pre tt {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
outline: none; outline: none;
font-family: "Merriweather", "Microsoft Yahei", 'Helvetica';
} }
.form button { .form button {
width: auto; width: auto;
vertical-align: bottom;
transition: all 0.3s ease;
cursor: pointer;
}
.form button:hover {
background-color: #b0a0aa;
color: #FFF;
box-shadow: 0 0 0;
border-color: #b0a0aa;
} }
.form input:focus, .form input:focus,
.form textarea:focus { .form textarea:focus {
background-color: #FFF; background-color: #FFF;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(176, 160, 170, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5);
border: 1px solid #b0a0aa; border: 1px solid #51A7E8;
}
.error-msg {
color: #9EABB3;
margin-right: 10px;
} }
/* end common */ /* end common */
...@@ -407,565 +248,749 @@ pre code, pre tt { ...@@ -407,565 +248,749 @@ pre code, pre tt {
} }
/* end emotions */ /* end emotions */
/* start side */ /* start framework */
.side { .wrapper {
position: fixed; width: 700px;
background-color: #FFF; margin: 0 auto;
height: 100%;
width: 300px;
}
.side a {
color: #696969;
font-size: 30px;
} }
.side a:hover { .main {
color: #b0a0aa; position: relative;
top: -50px;
opacity: 0;
} }
.side .overlay { .header {
height: 180px; background: #f5f5f5;
background-color: #000; margin-bottom: 80px;
position: absolute; padding: 40px 45px;
opacity: 0.7;
width: 100%;
z-index: -1;
} }
.side .content { .logo-wrap {
width: 76%; float: left;
text-align: center; margin-left: -20px;
margin: 112px auto 0; overflow: hidden;
top: 0;
opacity: 0;
} }
.side .avatar { .logo-line-before,
.logo-line-after {
display: block; display: block;
border: 5px solid #fff; overflow: hidden;
border-radius: 50%;
width: 128px;
height: 128px;
margin: 0 auto; margin: 0 auto;
transition: all 0.1s ease-in; width: 75%;
} }
.side .avatar:hover { .logo-line-before i,
border-color: rgba(37, 143, 184, 0.6); .logo-line-after i {
position: relative;
display: block;
height: 2px;
background: #222;
left: -100%;
} }
.side hgroup h1 { .logo-line-after i {
margin: 10px 0; left: auto;
line-height: 30px; right: -100%;
} }
.side .subtitle { .logo-wrap .site-title {
color: #999; font-size: 22px;
font-size: 14px; font-weight: bolder;
line-height: 25px; opacity: 0;
top: -10px;
position: relative;
} }
.side nav ul { .logo-wrap > a {
margin: 0; position: relative;
padding: 0; display: inline-block;
list-style: none; padding: 2px 1px;
color: #222;
line-height: 2;
border-bottom: none;
font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
} }
.side nav a { .site-nav-toggle {
font-size: 14px; display: none;
} }
.side footer { .menu {
position: absolute; float: left;
bottom: 15px; margin: 5px 0 0 20px;
padding: 0 20px;
opacity: 0;
} }
.side footer > div { .menu .menu-item {
margin-bottom: 10px; display: inline-block;
} }
/* end side */
/* start main */ .menu .menu-item a {
main { padding: 5px 10px;
position: absolute; border: none;
right: 0; transition-property: background;
min-height: 100%; transition-duration: 0.2s;
background: #eaeaea; transition-timing-function: ease-in-out;
left: 300px; transition-delay: 0s;
width: auto;
} }
/* end main */
/* start article */ .menu .menu-item a:hover {
article { background: #e1e1e1;
margin: 30px;
border: 1px solid #ddd;
background: #fff;
position: relative;
transition: all 0.2s ease-in;
visibility: hidden;
} }
.site-search {
article.show { float: right;
visibility: visible; margin-top: 15px;
-webkit-animation: bounce 0.6s;
animation: bounce 0.6s;
} }
@-webkit-keyframes bounce { .site-search input {
0% { padding: 3px;
opacity: 0; border: none;
-webkit-transform: scale(1); padding-left: 18px;
} border-radius: 0;
60% { width: 140px;
opacity: 1; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTZweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTUuNywxNC4zbC0zLjEwNS0zLjEwNUMxMy40NzMsMTAuMDI0LDE0LDguNTc2LDE0LDdjMC0zLjg2Ni0zLjEzNC03LTctN1MwLDMuMTM0LDAsN3MzLjEzNCw3LDcsNyAgYzEuNTc2LDAsMy4wMjQtMC41MjcsNC4xOTQtMS40MDVMMTQuMywxNS43YzAuMTg0LDAuMTg0LDAuMzgsMC4zLDAuNywwLjNjMC41NTMsMCwxLTAuNDQ3LDEtMUMxNiwxNC43ODEsMTUuOTQ2LDE0LjU0NiwxNS43LDE0LjN6ICAgTTIsN2MwLTIuNzYyLDIuMjM4LTUsNS01czUsMi4yMzgsNSw1cy0yLjIzOCw1LTUsNVMyLDkuNzYyLDIsN3oiLz48L3N2Zz4=") no-repeat 0 50%;
-webkit-transform: scale(1.02); background-size: 12px 12px;
} outline: none;
100% { border-bottom: 1px solid #999;
-webkit-transform: scale(1); opacity: 0.5;
}
} }
@-moz-keyframes bounce { .site-search input:focus {
0% { opacity: 1;
opacity: 0;
-moz-transform: scale(1);
}
60% {
opacity: 1;
-moz-transform: scale(1.02);
}
100% {
-moz-transform: scale(1);
}
} }
article header { .footer {
border-left: 5px solid; margin-top: 80px;
padding: 15px 30px 15px 25px; padding: 10px 20px;
background: #f5f5f5;
color: #666;
line-height: 2;
} }
article header:hover { .sidebar-toggle {
border-color: #b0a0aa; position: fixed;
right: 50px;
bottom: 45px;
width: 15px;
height: 15px;
padding: 5px;
background: #222;
line-height: 0;
z-index: 1050;
cursor: pointer;
-webkit-transform: translateZ(0);
} }
article header h2 { .sidebar-toggle-line {
margin: 0; position: relative;
font-size: 26px; display: inline-block;
padding-right: 110px; vertical-align: top;
height: 2px;
width: 100%;
background: #fff;
margin-top: 4px;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
} }
article header a { .sidebar-toggle-line:first-child {
color: #696969; margin-top: 0;
margin-left: 0px;
font-weight: 300;
line-height: 35px;
} }
article header a:hover { .sidebar-toggle:hover .sidebar-toggle-line-first {
color: #b0a0aa; width: 50%;
transform: rotateZ(-45deg);
top: 3px;
} }
article header sup { .sidebar-toggle:hover .sidebar-toggle-line-middle {
font-size: 14px; width: 90%;
font-weight: normal;
color: #999;
} }
article header time { .sidebar-toggle:hover .sidebar-toggle-line-last {
font-size: 14px; width: 50%;
position: absolute; transform: rotateZ(45deg);
right: 30px; top: -3px;
color: #aaa;
top: 18px;
} }
article .abstract { .sidebar-toggle.sidebar-active .sidebar-toggle-line-first {
line-height: 1.8em; width: 100%;
padding-right: 30px; transform: rotateZ(-45deg);
padding-left: 30px; top: 6px;
overflow: hidden;
word-wrap: break-word
} }
article footer { .sidebar-toggle.sidebar-active .sidebar-toggle-line-middle {
padding: 20px 35px 0 0; opacity: 0;
margin: 30px 30px 20px 30px;
border-top: 1px solid #ddd;
} }
.tags .tag:hover, .sidebar-toggle.sidebar-active .sidebar-toggle-line-last {
article .abstract a:hover{ width: 100%;
opacity: 0.7; transform: rotateZ(45deg);
top: -6px;
} }
.tags .avatar { .back-to-top {
width: 20px; position: fixed;
border-radius: 10px; bottom: 19px;
right: 30px; right: 50px;
position: absolute; z-index: 1050;
bottom: 25px; width: 15px;
transition: all 0.2s ease-out 0s; height: 13px;
padding: 5px;
background: #222;
color: #fff;
cursor: pointer;
-webkit-transform: translateZ(0);
} }
.share span { .back-to-top:before {
transition: all 0.2s ease-out 0s; display: block;
cursor: pointer; content: " ";
margin-top: 2px;
width: 0;
height: 0;
border-width: 0 7px 8px 7px;
border-color: transparent transparent #fff transparent;
border-style: solid;
} }
/* end framework */
.tags .avatar:hover, /* start side */
.share span:hover { .sidebar {
transform: rotate(360deg); width: 320px;
color: #333; position: fixed;
right: -320px;
top: 0;
bottom: 0;
z-index: 1040;
box-shadow: inset 0 2px 6px #000;
background: #222;
-webkit-transform: translateZ(0);
padding: 20px 10px;
color: #999;
text-align: center;
box-sizing: border-box;
}
.sidebar a {
color: #999;
border-bottom-color: #555;
}
.sidebar a:hover {
color: #eee;
} }
.tags .tag { .sidebar .site-author-image {
color: #fff; display: block;
font-size: 10px; margin: 20px auto 0;
height: 18px; max-width: 96px;
line-height: 18px; height: auto;
display: inline-block; border: 2px solid #333;
padding: 0 5px 0px 10px; padding: 2px;
position: relative;
border-radius: 0 5px 5px 0;
margin: 5px 9px 5px 8px;
background-color: #7b5d5f;
font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
} }
.tags .tag:before { .sidebar .site-author-name {
content: " "; margin: 5px 0 0;
width: 0px; color: #f5f5f5;
height: 0px;
position: absolute;
top: 0;
left: -18px;
border: 9px solid transparent;
border-right-color: #7b5d5f;
} }
.tags .tag:after { .sidebar .site-description {
content: " "; margin-top: 5px;
width: 4px; font-size: 14px;
height: 4px; color: #555;
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3);
position: absolute;
top: 7px;
left: 2px;
} }
a.color1.tag { .sidebar .site-state-item {
background: #ff945c; display: inline-block;
padding: 0 15px;
border-left: 1px solid #333;
} }
a.color1.tag:before { .sidebar .site-state-item:first-child {
border-right-color: #ff945c; border-left: none;
} }
a.color2.tag { .sidebar .site-state-item a {
background: #f5c7b7; border-bottom: none;
} }
a.color2.tag:before { .sidebar .site-state-item-count {
border-right-color: #f5c7b7; display: block;
text-align: center;
font-size: 18px;
} }
a.color3.tag { .sidebar .site-state-item-name {
background: #ba8f6c; font-size: 13px;
} }
a.color3.tag:before {
border-right-color: #ba8f6c; .sidebar .feed-link {
margin-top: 20px;
} }
a.color4.tag { .sidebar .feed-link a {
background: #cfb7c4; display: inline-block;
padding: 3px 15px;
color: #fc6423;
border: 1px solid #fc6423;
border-radius: 4px;
} }
a.color4.tag:before { .sidebar .feed-link a:hover {
border-right-color: #cfb7c4; color: #fff;
background: #fc6423;
} }
nav.pagination { .sidebar .links-of-author {
text-align: center; margin-top: 20px;
margin-top: 30px; }
} .sidebar .links-of-author a {
nav.pagination .page-num {
width: 20px;
height: 20px;
background: #4d4d4d;
border-radius: 50%;
display: inline-block; display: inline-block;
color: #fff; vertical-align: middle;
line-height: 20px; margin-right: 10px;
font-size: 12px; margin-bottom: 10px;
margin: 0 3px 30px; border-bottom-color: #555;
font-size: 13px;
} }
.sidebar .links-of-author a:before {
nav.pagination a.page-num:hover { display: inline-block;
opacity: 0.7; vertical-align: middle;
margin-right: 3px;
content: " ";
width: 4px;
height: 4px;
border-radius: 50%;
background: #0dd5ff;
} }
.sidebar .b3-solo-list {
nav.pagination .page-num.current { margin: 20px;
background: #88acdb; list-style: none;
text-align: left;
padding: 0;
font-size: 14px;
line-height: 2;
} }
/* end side */
nav.pagination .extend { /* start list*/
color: #4d4d4d; .posts-expand .post-item {
margin: 0 27px; margin-top: 120px;
opacity: 0; }
.posts-expand .post-item:first-child {
margin-top: 0;
} }
nav.pagination .extend:hover { .post-title-link {
color: #b0a0aa; display: inline-block;
position: relative;
color: #555;
border-bottom: none;
line-height: 1.2;
vertical-align: top;
font-size: 26px;
font-weight: 400;
} }
nav.pagination:hover .extend { .post-title-link::before {
opacity: 1; content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #000;
visibility: hidden;
transform: scaleX(0);
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
} }
article.post { .post-title-link:hover::before {
visibility: visible; visibility: visible;
transform: scaleX(1);
} }
.post .tags .avatar { .posts-expand .post-meta {
bottom: inherit; margin: 3px 0 60px 0;
margin-top: 4px; color: #999;
font-size: 12px;
} }
.post section.tags { .post-more-link a {
margin: 0; color: #666;
border: none;
border-bottom: 2px solid #666;
transition-property: border;
} }
.post header { .post-more-link a:hover {
padding-bottom: 0; border-bottom-color: #222;
} }
.post .share { .pagination {
padding: 10px 0 0 0; border-top: 1px solid #eee;
margin-top: 15px; margin: 120px 0 0;
font-size: 14px; text-align: left;
} }
.pagination .next,
.post aside a { .pagination .page-number {
color: #DDD; display: inline-block;
position: relative;
top: -1px;
margin: 0 5px;
padding: 0 10px;
line-height: 30px;
border-bottom: 0;
border-top: 1px solid #eee;
transition-property: border-color;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.pagination .next:hover,
.pagination .page-number:hover {
border-top-color: #222;
}
.pagination .page-number.current {
color: #fff;
background: #ccc;
border-top-color: #ccc;
} }
/* end list*/
.post aside a > strong { /* start article */
background: #ddd; .post-header {
color: #fff;
border-radius: 50%;
width: 16px;
height: 16px;
display: inline-block;
transition: background 0.3s;
vertical-align: middle;
line-height: 18px;
text-align: center; text-align: center;
} }
.post aside a:hover { .post-body img {
color: #4d4d4d; box-sizing: border-box;
margin: auto;
padding: 3px;
border: 1px solid #ddd;
} }
.posts-expand .post-tags {
.post aside a:hover > strong { margin-top: 40px;
background-color: #4d4d4d; }
.posts-expand .post-tags a {
padding: 1px 5px;
background: #f5f5f5;
border-bottom: none;
}
.posts-expand .post-tags a:hover {
background: #ccc;
} }
.posts-expand .post-nav {
margin-top: 40px;
overflow: hidden;
padding: 10px;
white-space: nowrap;
border-top: 1px solid #eee;
}
.post-nav-item a:hover {
color: #222;
border-bottom: none;
}
.post-nav-item a {
position: relative;
display: inline-block;
line-height: 25px;
font-size: 14px;
color: #555;
border-bottom: none;
width: 50%;
}
/* end article */
.comments { /* start comments */
margin: 60px 60px 0 50px; ul.comments {
padding: 0; padding: 0;
list-style: none; list-style: none;
margin-top: 50px;
position: relative; position: relative;
} }
.comments li { ul.comments li {
margin-bottom: 30px; padding: 10px;
padding-bottom: 30px; white-space: normal;
border-bottom: 1px solid #ddd; word-wrap: break-word;
position: relative;
border-bottom: #EBF2F6 1px solid;
} }
.comments li time { ul.comments li:hover {
border-left: 1px solid #d5dbde; background-color: #F7F7F7;
padding-left: 10px;
margin-left: 10px;
} }
.comments .avatar { ul.comments .avatar-48 {
position: absolute; position: absolute;
height: 60px; box-shadow: 0 0 2px #ddd;
width: 60px; height: 48px;
border-radius: 50%; width: 48px;
border: 3px solid #FFF; margin: 8px 10px 0 0;
border-radius: 24px;
} }
.comments .content { ul.comments .comment-body {
margin-left: 80px; margin: 8px 0 0 60px;
min-height: 66px;
} }
.comments .post-meta { ul.comments li.comment-body-ref {
margin-bottom: 9px; position: absolute;
z-index: 10;
background-color: #EBF2F6;
border: #d5dbde 1px solid;
width: 80%;
left: 69px;
} }
.comments .content img { ul.comments .comment-meta {
vertical-align: sub; font-family: "Open Sans","Microsoft Yahei",Helvetica;
color: #9eabb3;
font-size: 13px;
} }
.comments li.comment-body-ref { ul.comments .comment-meta a {
position: absolute; color: #9EABB3;
background-color: #FFF; text-decoration: none;
width: 80%; border-bottom-width: 0;
margin-left: 80px;
padding: 10px;
border: 1px solid #ddd;
} }
/* end article */
/* start footer */ ul.comments .post-meta a:hover {
footer.footer { text-decoration: underline;
line-height: 1rem;
font-size: 12px;
font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
text-shadow: 0 1px #fff;
opacity: 0.6;
margin: 0 30px 30px;
} }
footer.footer .icon-goup { ul.comments .comment-meta time {
position: fixed; border-left: 1px solid #d5dbde;
bottom: 35px; margin-left: 8px;
right: 5px; padding-left: 12px;
-webkit-animation: upbounce 4s 2s infinite;
animation: upbounce 4s 2s infinite;
z-index: 10;
font-size: 20px;
cursor: pointer;
color: #b0a0aa;
transition: all 0.3s ease;
} }
footer.footer .icon-goup:hover { #captcha,
color: #4a4a4a; #captchaReply {
height: 27px;
vertical-align: inherit;
} }
@-webkit-keyframes upbounce { /* end comments */
0%, 10%, 25%, 40%, 50% {
-webkit-transform: translateY(0); /* start tags */
transform: translateY(0); .tag-cloud {
} text-align: center;
20% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
30% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
} }
@keyframes upbounce { .tag-cloud ul.tag-cloud-tags {
0%, 20%, 50%, 80%, 100% { padding-left: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
} }
/* end footer */
/* start classify*/ #tags li {
.classify li {
list-style: none; list-style: none;
font-size: 20px; display: inline-block;
float: left; margin: 10px;
margin: 0 30px 20px 0;
} }
.classify .tags .tag { #tags .tags1 {
font-size: 20px; font-size: 12px;
padding: 10px; color: #CCC;
} }
.classify .tags .tag:before { #tags .tags2 {
left: -38px; font-size: 16px;
border-width: 19px; color: #999;
} }
.classify .tags .tag:after { #tags .tags3 {
top: 15px; font-size: 21px;
left: -6px; color: #6f6f6f;
width: 8px;
height: 8px;
} }
.classify-name { #tags .tags4 {
font-size: 18px; font-size: 24px;
margin: 30px; color: #333;
} }
.dynamic li { #tags .tags5 {
list-style: none; font-size: 30px;
color: #111;
} }
/* end tags */
.dynamic .comments li:last-child { /* start archives */
border-bottom-width: 0; .posts-collapse .collection-title::before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-left: -4px;
margin-top: -4px;
width: 8px;
height: 8px;
background: #bbb;
border-radius: 50%;
}
.posts-collapse .collection-title {
position: relative;
margin: 60px 0;
}
.posts-collapse .collection-title h2 {
margin-left: 20px;
}
.posts-collapse .collection-title small {
color: #bbb;
}
.posts-collapse .post-header::before {
content: " ";
position: absolute;
left: 0;
top: 12px;
width: 6px;
height: 6px;
margin-left: -4px;
background: #bbb;
border-radius: 50%;
border: 1px solid #fff;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
transition-property: background;
}
.posts-collapse .post-header {
position: relative;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
transition-property: border;
border-bottom: 1px dashed #ccc;
text-align: left;
}
.posts-collapse .post-header:hover {
border-bottom-color: #666;
}
.posts-collapse .post-header:hover::before {
background: #222;
} }
/* end classify*/ .posts-collapse .post-time {
position: absolute;
font-size: 12px;
left: 20px;
top: 8px;
}
.posts-collapse .post-title {
margin-left: 70px;
font-size: 16px;
font-weight: normal;
font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
line-height: inherit;
text-decoration: none;
border-bottom: 0;
color: #666;
}
.page-archive .archive-page-counter {
position: relative;
top: 7px;
left: 20px;
margin-bottom: 50px;
display: block;
}
.page-archive .posts-collapse .archive-move-on {
position: absolute;
top: 11px;
left: 0;
margin-left: -6px;
width: 10px;
height: 10px;
opacity: 0.5;
background: #555;
border: 1px solid #fff;
border-radius: 50%;
}
.page-archive .post-title {
margin-left: 20px;
}
.page-archive .posts-collapse .post-header::before {
top: 8px;
}
.page-archive .posts-collapse::after {
top: 20px;
left: 0;
margin-left: -2px;
width: 4px;
height: 100%;
background: #f5f5f5;
z-index: -1;
content: " ";
position: absolute;
}
/* end archives */
/* start responsive */ /* start responsive */
@media only screen and (max-width: 500px) { @media (max-width: 500px) {
.side { .site-nav-toggle {
position: relative; display: block;
height: auto; margin-top: 16px;
width: 100%;
} }
.side .avatar {
position: relative; .logo-line-before,
.logo-line-after,
.menu,
.site-search,
.sidebar-toggle,
.back-to-top {
display: none;
}
.header {
margin-bottom: 50px;
padding: 5px 0px;
} }
.side .content { .header-line {
margin-top: 0; position: relative;
padding-top: 20px; top: 52px;
height: 1px;
width: 100%;
background-color: #ddd;
display: none;
} }
.side .overlay { .header .wrapper {
height: 100px; padding: 0 10px;
z-index: 0;
} }
.side nav { .logo-wrap .site-title {
display: none; margin-left: 10px;
} }
.side footer { .wrapper {
position: initial; width: auto;
margin: 10px auto; margin: 0 10px;
padding-bottom: 16px;
} }
main { .btn-bar {
position: initial; display: block;
} width: 22px;
height: 2px;
article { background: #555;
margin: 10px; border-radius: 1px;
} }
.btn-bar+.btn-bar {
.comments { margin-top: 4px;
margin: 20px 20px 0 20px;
} }
footer.footer { .menu {
text-align: center; width: 100%;
margin: 0 0 0 -20px;
padding: 0 5px;
line-height: 26px;
} }
footer.footer .fn-right { .menu .menu-item {
float: none;
display: block; display: block;
} }
.footer {
text-align: center;
}
} }
/* end responsive */ /* end responsive */
\ No newline at end of file
src/main/webapp/skins/next/dynamic.ftl
View file @ f61bd1d3
...@@ -8,86 +8,38 @@ ...@@ -8,86 +8,38 @@
</@head> </@head>
</head> </head>
<body> <body>
<#include "side.ftl"> <#include "header.ftl">
<main class="dynamic"> <main class="main wrapper">
<#if 0 != recentComments?size> <div class="content">
<ul class="comments"> <#if 0 != recentComments?size>
<#list recentComments as comment> <ul class="comments" id="comments">
<#if comment_index < 6> <#list recentComments as comment>
<li> <li class="fn-clear">
<img class="avatar" title="${comment.commentName}" <img class="avatar-48" title="${comment.commentName}" src="${comment.commentThumbnailURL}">
alt="${comment.commentName}" src="${comment.commentThumbnailURL}"> <div class="comment-body">
<div class="content"> <div class="fn-clear comment-meta">
<div class="fn-clear post-meta"> <span class="fn-left">
<span class="fn-left"> <#if "http://" == comment.commentURL>
<#if "http://" == comment.commentURL> <span>${comment.commentName}</span>
<span>${comment.commentName}</span> <#else>
<#else> <a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a> </#if>
</#if> <time>${comment.commentDate?string("yyyy-MM-dd HH:mm")}</time>
<time>${comment.commentDate?string("yy-MM-dd HH")}</time> </span>
</span> <a class="fn-right" href="${servePath}${comment.commentSharpURL}">${viewLabel}»</a>
<a class="fn-right" href="${servePath}${comment.commentSharpURL}">${viewLabel}»</a> </div>
<div class="comment-content">
${comment.commentContent}
</div>
</div> </div>
<div class="comment-content">
${comment.commentContent}
</div>
</div>
</li>
</#if>
</#list>
</ul>
</#if>
<#if 0 != mostCommentArticles?size || 0 != mostViewCountArticles?size>
<#if 0 != mostCommentArticles?size>
<article>
<header>
<h2>
${mostCommentArticlesLabel}
</h2>
</header>
<ul>
<#list mostCommentArticles as article>
<li>
<a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
${article.articleTitle}
</a>
<span data-ico="&#xe14e;">
${article.articleCommentCount}
</span>
</li> </li>
</#list> </#list>
</ul> </ul>
</article> </#if>
</#if> </div>
<#if 0 != mostViewCountArticles?size> <#include "side.ftl">
<article>
<header>
<h2>
${mostViewCountArticlesLabel}
</h2>
</header>
<ul>
<#list mostViewCountArticles as article>
<li>
<a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
${article.articleTitle}
</a>
<span data-ico="&#xe185;">
${article.articleViewCount}
</span>
</li>
</#list>
</ul>
</article>
</#if>
</#if>
<#include "footer.ftl">
</main> </main>
<#include "footer.ftl">
<script> <script>
var $commentContents = $(".comments .comment-content"); var $commentContents = $(".comments .comment-content");
......
src/main/webapp/skins/next/footer.ftl
View file @ f61bd1d3
<footer class="footer"> <footer class="footer">
<div class="fn-clear"> <div class="wrapper">
<span class="fn-right"> <a href="${servePath}">${blogTitle}</a> •
${viewCount1Label}${statistic.statisticBlogViewCount} ${onlineVisitor1Label}${onlineVisitorCnt} <br/>
&nbsp;
${articleCount1Label}${statistic.statisticPublishedBlogArticleCount}
&nbsp;
${commentCount1Label}${statistic.statisticPublishedBlogCommentCount}
&nbsp;
${onlineVisitor1Label}${onlineVisitorCnt}
</span>
</div>
<div class="fn-clear">
<a href="${servePath}">${blogTitle}</a>
&copy; ${year} &copy; ${year}
${footerContent} ${footerContent}
<span class="fn-right"> Powered by <a href="http://b3log.org" target="_blank">B3log 开源</a> •
Powered by <a href="http://b3log.org" target="_blank">B3log 开源</a> • <a href="http://b3log.org/services/#solo" target="_blank">Solo</a> ${version}
<a href="http://b3log.org/services/#solo" target="_blank">Solo</a> ${version}
</span>
</div> </div>
<span onclick="Util.goTop()" class="icon-goup"></span>
</footer> </footer>
<div class="back-to-top" onclick="Util.goTop()"></div>
<script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script> <script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script> <script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
......
src/main/webapp/skins/next/header.ftl 0 → 100644
View file @ f61bd1d3
<header class="header">
<div class="header-line"></div>
<div class="fn-clear wrapper">
<div class="logo-wrap">
<a href="${servePath}" rel="start">
<span class="logo-line-before"><i></i></span>
<span class="site-title">${blogTitle}</span>
<span class="logo-line-after"><i></i></span>
</a>
</div>
<div class="site-nav-toggle fn-right" onclick="$('.header-line').toggle();$('nav').children('.menu').slideToggle();">
<span class="btn-bar"></span>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
</div>
<nav>
<ul class="menu">
<#list pageNavigations as page>
<li class="menu-item">
<a href="${page.pagePermalink}" target="${page.pageOpenTarget}" rel="section">
${page.pageTitle}
</a>
</li>
</#list>
<li class="menu-item">
<a href="${servePath}/dynamic.html" rel="section">
${dynamicLabel}
</a>
</li>
<li class="menu-item">
<a href="${servePath}/tags.html" rel="section">
${allTagsLabel}
</a>
</li>
<li class="menu-item">
<a href="${servePath}/archives.html">
${archiveLabel}
</a>
</li>
<li class="menu-item">
<a rel="alternate" href="${servePath}/blog-articles-rss.do" rel="section">
RSS
</a>
</li>
</ul>
<div class="site-search">
<form target="_blank" action="http://zhannei.baidu.com/cse/site">
<input placeholder="${searchLabel}" id="search" type="text" name="q"/>
<input type="submit" value="" class="fn-none" />
<input type="hidden" name="cc" value="${serverHost}">
</form>
</div>
</nav>
</div>
</header>
\ No newline at end of file
src/main/webapp/skins/next/index.ftl
View file @ f61bd1d3
...@@ -12,10 +12,13 @@ ...@@ -12,10 +12,13 @@
</@head> </@head>
</head> </head>
<body> <body>
<#include "side.ftl"> <#include "header.ftl">
<main> <main class="main wrapper">
<#include "article-list.ftl"> <div class="content">
<#include "footer.ftl"> <#include "article-list.ftl">
</div>
<#include "side.ftl">
</main> </main>
<#include "footer.ftl">
</body> </body>
</html> </html>
src/main/webapp/skins/next/js/next.js
View file @ f61bd1d3
...@@ -24,57 +24,65 @@ ...@@ -24,57 +24,65 @@
* @description next 皮肤脚本 * @description next 皮肤脚本
* @static * @static
*/ */
var Yilia = { var NexT = {
/**
* @description 页面初始化
*/
init: function () { init: function () {
Util.killIE(); $('.sidebar-toggle').click(function () {
this.resetTags(); var $sidebar = $('.sidebar');
if ($(this).hasClass('sidebar-active')) {
$(window).scroll(function () { $(this).removeClass('sidebar-active');
if ($("article").length > 0 && $("article.post").length === 0) {
$("article:not(.show)").each(function () {
if ($(this).offset().top <= $(window).scrollTop() + $(window).height() - $(this).height() / 7) {
$(this).addClass("show");
}
});
}
if ($(window).scrollTop() > $(window).height()) { $('body').animate({
$(".icon-goup").show(); 'padding-right': 0
});
$sidebar.animate({
right: -320
});
} else { } else {
$(".icon-goup").hide(); $(this).addClass('sidebar-active');
$('body').animate({
'padding-right': 320
});
$sidebar.animate({
right: 0
});
} }
});
if ($("article.post").length === 1) { $('.site-nav-toggle').click(function () {
$("article.post").addClass('show'); $('.site-nav').slideToggle();
}
}); });
$(window).scroll(); $(document).ready(function () {
}, setTimeout(function () {
resetTags: function () { $('.logo-wrap').css('opacity', 1);
$("a.tag").each(function (i) { $('.logo-line-before i').animate({
$(this).addClass("color" + Math.ceil(Math.random() * 4)); 'left': '0'
}, function () {
$('.site-title').css('opacity', 1).animate({
'top': 0
}, function () {
$('.menu').css('opacity', 1).animate({
'margin-top': '15px'
});
$('.main').css('opacity', 1).animate({
'top': '0'
});
});
});
$('.logo-line-after i').animate({
'right': '0'
});
}, 500);
}); });
}, },
share: function () { initArticle: function () {
$(".share span").click(function () { if ($('.b3-solo-list li').length > 0) {
var key = $(this).data("type"); $('.sidebar').html($('.b3-solo-list'));
var title = encodeURIComponent($("title").text()), $('.sidebar-toggle').click();
url = $(".post-title a").attr('href') ? $(".post-title a").attr('href') : location, }
pic = $(".post-content img:eq(0)").attr("src");
var urls = {};
urls.tencent = "http://share.v.t.qq.com/index.php?c=share&a=index&title=" + title +
"&url=" + url + "&pic=" + pic;
urls.weibo = "http://v.t.sina.com.cn/share/share.php?title=" +
title + "&url=" + url + "&pic=" + pic;
urls.google = "https://plus.google.com/share?url=" + url;
urls.twitter = "https://twitter.com/intent/tweet?status=" + title + " " + url;
window.open(urls[key], "_blank", "top=100,left=200,width=648,height=618");
});
} }
}; };
NexT.init();
Yilia.init(); \ No newline at end of file
\ No newline at end of file
src/main/webapp/skins/next/lang/lang_zh_CN.properties
View file @ f61bd1d3
...@@ -16,10 +16,11 @@ ...@@ -16,10 +16,11 @@
# #
# Description: B3log Solo default language configurations(zh_CN). # Description: B3log Solo default language configurations(zh_CN).
# Version: 1.0.0.1, Jun 19, 2015 # Version: 0.1.0.0, Jun 29, 2016
# Author: Liyuan Li # Author: Liyuan Li
# #
searchLabel=\u641c\u7d22
subscribeLabel=\u8ba2\u9605 subscribeLabel=\u8ba2\u9605
dynamicLabel=\u52a8\u6001 dynamicLabel=\u52a8\u6001
adminConsoleLabel=\u540e\u53f0\u7ba1\u7406 adminConsoleLabel=\u540e\u53f0\u7ba1\u7406
......
src/main/webapp/skins/next/links.ftl deleted 100644 → 0
View file @ 0473873a
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${blogTitle}">
<meta name="keywords" content="${metaKeywords},${linkLabel}"/>
<meta name="description" content="${metaDescription},${linkLabel}"/>
</@head>
</head>
<body>
<#include "side.ftl">
<main class="classify">
<article>
<header>
<h2>
<a rel="archive" href="${servePath}/links.html">
${linkLabel}
</a>
</h2>
</header>
<#if 0 != links?size>
<ul class="tags fn-clear">
<#list links as link>
<li>
<a rel="friend" href="${link.linkAddress}" class="tag"
title="${link.linkDescription}" target="_blank">
<img src="${faviconAPI}<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>" width="16" height="16" />
${link.linkTitle}
</a>
</li>
</#list>
</ul>
</#if>
</article>
<#include "footer.ftl">
</main>
</body>
</html>
src/main/webapp/skins/next/macro-comments.ftl
View file @ f61bd1d3
<#macro comments commentList article> <#macro comments commentList article>
<ul class="comments" id="comments"> <ul class="comments" id="comments">
<#list commentList as comment> <#list commentList as comment>
<li id="${comment.oId}"> <li id="${comment.oId}" class="fn-clear">
<img class="avatar" title="${comment.commentName}" src="${comment.commentThumbnailURL}"> <img class="avatar-48" title="${comment.commentName}" src="${comment.commentThumbnailURL}">
<div class="content"> <div class="comment-body">
<div class="fn-clear post-meta"> <div class="fn-clear comment-meta">
<span class="fn-left"> <span class="fn-left">
<#if "http://" == comment.commentURL> <#if "http://" == comment.commentURL>
<span>${comment.commentName}</span> <a>${comment.commentName}</a>
<#else> <#else>
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a> <a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
</#if> </#if>
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
onmouseout="page.hideComment('${comment.commentOriginalCommentId}')" onmouseout="page.hideComment('${comment.commentOriginalCommentId}')"
>${comment.commentOriginalCommentName}</a> >${comment.commentOriginalCommentName}</a>
</#if> </#if>
<time>${comment.commentDate?string("yyyy-MM-dd")}</time> <time>${comment.commentDate?string("yyyy-MM-dd HH:mm")}</time>
</span> </span>
<#if article.commentable> <#if article.commentable>
<a class="fn-right" href="javascript:replyTo('${comment.oId}')">${replyLabel}</a> <a class="fn-right" href="javascript:replyTo('${comment.oId}')">${replyLabel}</a>
...@@ -114,18 +114,20 @@ ...@@ -114,18 +114,20 @@
}); });
var addComment = function (result, state) { var addComment = function (result, state) {
var commentable = $("#commentForm").length === 0 ? false : true; var commentable = $("#commentForm").length === 0 ? false : true;
var commentHTML = '<li id="' + result.oId + var commentHTML = '<li class="fn-clear" id="' + result.oId +
'"><img class="avatar" title="' '"><img class="avatar-48" title="'
+ result.userName + '" src="' + result.commentThumbnailURL + '"><div class="content">' + result.userName + '" src="' + result.commentThumbnailURL + '"><div class="comment-body">'
+ '<div class="fn-clear post-meta"><span class="fn-left">' + result.replyNameHTML; + '<div class="fn-clear comment-meta"><span class="fn-left">' + result.replyNameHTML;
if (state !== "") { if (state !== "") {
var commentOriginalCommentName = $("#" + page.currentCommentId).find(".post-meta a").first().text(); var commentOriginalCommentName = $("#" + page.currentCommentId).find(".comment-meta a").first().text();
commentHTML += '&nbsp;@&nbsp;<a href="${servePath}' + result.commentSharpURL.split("#")[0] + '#' + page.currentCommentId + '"' commentHTML += '&nbsp;@&nbsp;<a href="${servePath}' + result.commentSharpURL.split("#")[0] + '#' + page.currentCommentId + '"'
+ 'onmouseover="page.showComment(this, \'' + page.currentCommentId + '\', 23);"' + 'onmouseover="page.showComment(this, \'' + page.currentCommentId + '\', 23);"'
+ 'onmouseout="page.hideComment(\'' + page.currentCommentId + '\')">' + commentOriginalCommentName + '</a>'; + 'onmouseout="page.hideComment(\'' + page.currentCommentId + '\')">' + commentOriginalCommentName + '</a>';
} }
commentHTML += ' <time>' + result.commentDate
commentHTML += '<time>' + result.commentDate
+ '</time></span>'; + '</time></span>';
if (commentable) { if (commentable) {
commentHTML += '<a class="fn-right" href="javascript:replyTo(\'' + result.oId + '\');">${replyLabel}</a>'; commentHTML += '<a class="fn-right" href="javascript:replyTo(\'' + result.oId + '\');">${replyLabel}</a>';
...@@ -140,10 +142,10 @@ ...@@ -140,10 +142,10 @@
page.addReplyForm(id, commentFormHTML); page.addReplyForm(id, commentFormHTML);
}; };
(function () { (function () {
Yilia.share();
page.load(); page.load();
NexT.initArticle();
// emotions // emotions
page.replaceCommentsEm(".comments .comment-content"); page.replaceCommentsEm("#comments .comment-content");
<#nested> <#nested>
})(); })();
</script> </script>
......
src/main/webapp/skins/next/macro-head.ftl
View file @ f61bd1d3
...@@ -2,14 +2,13 @@ ...@@ -2,14 +2,13 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>${title}</title> <title>${title}</title>
<#nested> <#nested>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="author" content="${blogTitle?html}" /> <meta name="author" content="${blogTitle?html}" />
<meta name="generator" content="Solo" /> <meta name="generator" content="Solo" />
<meta name="owner" content="B3log Team" /> <meta name="owner" content="B3log Team" />
<meta name="revised" content="${blogTitle?html}, ${year}" /> <meta name="revised" content="${blogTitle?html}, ${year}" />
<meta name="copyright" content="B3log" /> <meta name="copyright" content="B3log" />
<meta http-equiv="Window-target" content="_top" /> <meta http-equiv="Window-target" content="_top" />
<link rel="stylesheet" type="text/css" href="//fonts.useso.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
<link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/${skinDirName}${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" /> <link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/${skinDirName}${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
<link href="${servePath}/blog-articles-rss.do" title="RSS" type="application/rss+xml" rel="alternate" /> <link href="${servePath}/blog-articles-rss.do" title="RSS" type="application/rss+xml" rel="alternate" />
<link rel="icon" type="image/png" href="${servePath}/favicon.png" /> <link rel="icon" type="image/png" href="${servePath}/favicon.png" />
......
src/main/webapp/skins/next/page.ftl
View file @ f61bd1d3
...@@ -9,26 +9,17 @@ ...@@ -9,26 +9,17 @@
</@head> </@head>
</head> </head>
<body> <body>
<#include "side.ftl"> <#include "header.ftl">
<main> <main class="main wrapper">
<article class="post article-body"> <div class="content">
<section class="abstract"> <article class="post-body">
${page.pageContent} ${page.pageContent}
</section> </article>
<footer class="fn-clear share"> <@comments commentList=pageComments article=page></@comments>
<div class="fn-right"> </div>
<span class="icon icon-t-weibo" data-type="tencent"></span> <#include "side.ftl">
<span class="icon icon-weibo" data-type="weibo"></span>
<span class="icon icon-twitter" data-type="twitter"></span>
<span class="icon icon-gplus" data-type="google"></span>
</div>
</footer>
</article>
<@comments commentList=pageComments article=page></@comments>
<#include "footer.ftl">
<@comment_script oId=page.oId></@comment_script>
</main> </main>
<#include "footer.ftl">
<@comment_script oId=page.oId></@comment_script>
</body> </body>
</html> </html>
src/main/webapp/skins/next/side.ftl
View file @ f61bd1d3
<div class="side"> <div class="sidebar-toggle">
<div class="overlay"></div> <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
<header class="content"> <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
<a href="${servePath}"> <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
<img class="avatar" src="${adminUser.userAvatar}" title="${userName}"/> </div>
</a>
<hgroup> <aside class="sidebar">
<h1> <section>
<a href="${servePath}">${blogTitle}</a> <img class="site-author-image" src="${adminUser.userAvatar}" title="${userName}"/>
</h1> <p class="site-author-name">${userName}</p>
</hgroup>
<#if "" != noticeBoard> <#if "" != noticeBoard>
<p class="subtitle"> <p class="site-description motion-element">${blogSubtitle}</p>
${blogSubtitle}
</p>
</#if> </#if>
<nav> <nav>
<ul> <div class="site-state-item">
<#list pageNavigations as page> <a href="/archives">
<li> <span class="site-state-item-count">${statistic.statisticPublishedBlogArticleCount}</span>
<a href="${page.pagePermalink}" target="${page.pageOpenTarget}">${page.pageTitle}</a> <span class="site-state-item-name">日志</span>
</li> </a>
</#list> </div>
<li>
<a href="${servePath}/dynamic.html">${dynamicLabel}</a> <div class="site-state-item site-state-categories">
</li> <span class="site-state-item-count">${statistic.statisticBlogViewCount}</span>
<li> <span class="site-state-item-name">浏览</span>
<a href="${servePath}/tags.html">${allTagsLabel}</a> </div>
</li>
<li> <div class="site-state-item site-state-tags">
<a href="${servePath}/archives.html">${archiveLabel}</a> <a href="/tags">
</li> <span class="site-state-item-count">${statistic.statisticPublishedBlogCommentCount}</span>
<li> <span class="site-state-item-name">评论</span>
<a href="${servePath}/links.html">${linkLabel}</a> </a>
</li> </div>
</ul>
</nav> </nav>
<footer>
<#if noticeBoard??> <div class="feed-link">
<div>${noticeBoard}</div> <a href="${servePath}/blog-articles-rss.do" rel="alternate">
</#if> <i class="icon-rss"></i>
RSS
</a>
</div>
<div class="links-of-author">
<#if isLoggedIn> <#if isLoggedIn>
<a href="${servePath}/admin-index.do#main" title="${adminLabel}" class="icon-setting"></a> <span class="links-of-author-item">
&nbsp; &nbsp; <a href="${servePath}/admin-index.do#main" title="${adminLabel}">
<a title="${logoutLabel}" class="icon-logout" href="${logoutURL}"></a> <i class="icon-setting"></i> ${adminLabel}
</a>
</span>
<span class="links-of-author-item">
<a href="${logoutURL}">
<i class="icon-logout"></i> ${logoutLabel}
</a>
</span>
<#else> <#else>
<a title="${loginLabel}" href="${loginURL}" class="icon-login"></a> <span class="links-of-author-item">
&nbsp; &nbsp; <a href="${loginURL}">
<a href="${servePath}/register" title="${registerLabel}" class="icon-register"></a> <i class="fa fa-github"></i> ${loginLabel}
</#if> &nbsp; &nbsp; </a>
<a rel="alternate" href="${servePath}/blog-articles-rss.do" title="${subscribeLabel}" class="icon-rss"></a> </span>
</footer>
</header> <span class="links-of-author-item">
</div> <a href="${servePath}/register">
\ No newline at end of file <i class="icon-register"></i> ${registerLabel}
</a>
</span>
</#if>
</div>
<#if noticeBoard??>
<div class="links-of-author">
${noticeBoard}
</div>
</#if>
<#if 0 != links?size>
<div class="links-of-author">
<p class="site-author-name">Links</p>
<#list links as link>
<span class="links-of-author-item">
<a rel="friend" href="${link.linkAddress}"
title="${link.linkDescription}" target="_blank">
${link.linkTitle}
</a>
</span>
</#list>
</div>
</#if>
</section>
</aside>
\ No newline at end of file
src/main/webapp/skins/next/skin.properties
View file @ f61bd1d3
...@@ -16,11 +16,11 @@ ...@@ -16,11 +16,11 @@
# #
# Description: next skin. # Description: next skin.
# Version: 0.1.0.0, Jan 11, 2016 # Version: 0.1.1.0, Jun 29, 2016
# Author: Liyuan Li # Author: Liyuan Li
# #
name=next name=next
version=1.0.0 version=1.0.0
forSolo=1.3.0 forSolo=1.5.0
memo=https://github.com/iissnan/hexo-theme-next memo=https://github.com/iissnan/hexo-theme-next
src/main/webapp/skins/next/tag-articles.ftl
View file @ f61bd1d3
...@@ -8,17 +8,62 @@ ...@@ -8,17 +8,62 @@
</@head> </@head>
</head> </head>
<body> <body>
<#include "side.ftl"> <#include "header.ftl">
<main> <main class="main wrapper">
<h2 class="classify-name"> <div class="content posts-collapse">
${tag1Label} <div class="collection-title">
<a rel="alternate" href="${servePath}/tag-articles-feed.do?oId=${tag.oId}"> <h2>
${tag.tagTitle} ${tag.tagTitle}
(${tag.tagPublishedRefCount}) <small>${tagLabel}</small>
</a> </h2>
</h2> </div>
<#include "article-list.ftl"> <#list articles as article>
<#include "footer.ftl"> <article>
<header class="post-header">
<h1>
<a class="post-title" href="${servePath}${article.articlePermalink}">
<span>${article.articleTitle}</span>
<#if article.articlePutTop>
<sup>
${topArticleLabel}
</sup>
</#if>
<#if article.hasUpdated>
<sup>
${updatedLabel}
</sup>
</#if>
</a>
</h1>
<time class="post-time">
${article.articleCreateDate?string("MM-dd")}
</time>
</header>
</article>
</#list>
<#if 0 != paginationPageCount>
<nav class="pagination">
<#if 1 != paginationPageNums?first>
<a href="${servePath}${path}/${paginationPreviousPageNum}" class="extend next"><<</a>
<a class="page-number" href="${servePath}${path}/1">1</a> ...
</#if>
<#list paginationPageNums as paginationPageNum>
<#if paginationPageNum == paginationCurrentPageNum>
<span class="page-number current">${paginationPageNum}</span>
<#else>
<a class="page-number" href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
</#if>
</#list>
<#if paginationPageNums?last != paginationPageCount> ...
<a href="${servePath}${path}/${paginationPageCount}" class="page-number">${paginationPageCount}</a>
<a href="${servePath}${path}/${paginationNextPageNum}" class="extend next">>></a>
</#if>
</nav>
</#if>
</div>
<#include "side.ftl">
</main> </main>
<#include "footer.ftl">
</body> </body>
</html> </html>
src/main/webapp/skins/next/tags.ftl
View file @ f61bd1d3
...@@ -8,29 +8,29 @@ ...@@ -8,29 +8,29 @@
</@head> </@head>
</head> </head>
<body> <body>
<#include "side.ftl"> <#include "header.ftl">
<main class="classify"> <main class="main wrapper">
<article> <div class="content">
<header> <div class="tag-cloud">
<h2> 目前共计 ${tags?size} 个标签
<a rel="archive" href="${servePath}/tags.html"> <ul class="tag-cloud-tags fn-clear" id="tags">
${tagLabel} <#list tags as tag>
</a> <li>
</h2> <a rel="tag" data-count="${tag.tagPublishedRefCount}"
</header> href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}">
<ul class="tags fn-clear"> <span>${tag.tagTitle}</span>
<#list tags as tag> (<b>${tag.tagPublishedRefCount}</b>)
<li> </a>
<a rel="tag" class="tag" data-count="${tag.tagPublishedRefCount}" </li>
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}"> </#list>
<span>${tag.tagTitle}</span> </ul>
(<b>${tag.tagPublishedRefCount}</b>) </div>
</a> </div>
</li> <#include "side.ftl">
</#list>
</ul>
</article>
<#include "footer.ftl">
</main> </main>
<#include "footer.ftl">
<script>
Util.buildTags();
</script>
</body> </body>
</html> </html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment