Signed-off-by: Vanessa <lly219@gmail.com>
This commit is contained in:
Vanessa
31
neoease/archive-articles.ftl
Normal file
31
neoease/archive-articles.ftl
Normal file
@@ -0,0 +1,31 @@
|
||||
<#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>
|
||||
${topBarReplacement}
|
||||
<#include "header.ftl">
|
||||
<div class="body">
|
||||
<div class="wrapper">
|
||||
<div class="main">
|
||||
<h2>${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">
|
||||
</div>
|
||||
<#include "side.ftl">
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
</body>
|
||||
</html>
|
||||
78
neoease/article-list.ftl
Normal file
78
neoease/article-list.ftl
Normal file
@@ -0,0 +1,78 @@
|
||||
<#list articles as article>
|
||||
<div class="article">
|
||||
<h2>
|
||||
<span class="left">
|
||||
<a rel="bookmark" class="article-title" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup class="tip">
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup class="tip">
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
</span>
|
||||
<span class="expand-ico" onclick="getArticle(this, '${article.oId}');"></span>
|
||||
<span class="clear"></span>
|
||||
</h2>
|
||||
<div class="left article-element">
|
||||
<span class="date-ico" title="${dateLabel}">
|
||||
<#if article.hasUpdated>
|
||||
${article.articleUpdateDate?string("yyyy-MM-dd HH:mm:ss")}
|
||||
<#else>
|
||||
${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")}
|
||||
</#if>
|
||||
</span>
|
||||
<span class="user-ico" title="${authorLabel}">
|
||||
<a rel="nofollow" href="${servePath}/authors/${article.authorId}">${article.authorName}</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="right article-element">
|
||||
<a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
|
||||
${article.articleCommentCount} ${commentLabel}
|
||||
</a>
|
||||
<a rel="nofollow" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleViewCount} ${viewLabel}
|
||||
</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
<div class="article-body">
|
||||
<div id="abstract${article.oId}">
|
||||
${article.articleAbstract}
|
||||
</div>
|
||||
<div id="content${article.oId}" class="none"></div>
|
||||
</div>
|
||||
<div class="article-element">
|
||||
<span class="tag-ico" title="${tagsLabel}">
|
||||
<#list article.articleTags?split(",") as articleTag>
|
||||
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
|
||||
${articleTag}</a><#if articleTag_has_next>,</#if>
|
||||
</#list>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</#list>
|
||||
<#if 0 != paginationPageCount>
|
||||
<div class="pagination">
|
||||
<#if 1 != paginationPageNums?first>
|
||||
<a href="${servePath}${path}/1" title="${firstPageLabel}"><</a>
|
||||
<a href="${servePath}${path}/${paginationPreviousPageNum}" title="${previousPageLabel}"><<</a>
|
||||
</#if>
|
||||
<#list paginationPageNums as paginationPageNum>
|
||||
<#if paginationPageNum == paginationCurrentPageNum>
|
||||
<a href="${servePath}${path}/${paginationPageNum}" class="current">${paginationPageNum}</a>
|
||||
<#else>
|
||||
<a href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
|
||||
</#if>
|
||||
</#list>
|
||||
<#if paginationPageNums?last != paginationPageCount>
|
||||
<a href="${servePath}${path}/${paginationNextPageNum}" title="${nextPagePabel}">></a>
|
||||
<a href="${servePath}${path}/${paginationPageCount}" title="${lastPageLabel}">>></a>
|
||||
</#if>
|
||||
${sumLabel} ${paginationPageCount} ${pageLabel}
|
||||
</div>
|
||||
</#if>
|
||||
110
neoease/article.ftl
Normal file
110
neoease/article.ftl
Normal file
@@ -0,0 +1,110 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-comments.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${article.articleTitle} - ${blogTitle}">
|
||||
<meta name="keywords" content="${article.articleTags}" />
|
||||
<meta name="description" content="${article.articleAbstract?html}" />
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<#include "header.ftl">
|
||||
<div class="body">
|
||||
<div class="wrapper">
|
||||
<div class="main">
|
||||
<div class="page">
|
||||
<h2>
|
||||
<a class="article-title" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup class="tip">
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup class="tip">
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
<div class="left article-element">
|
||||
<span class="date-ico" title="${dateLabel}">
|
||||
<#if article.hasUpdated>
|
||||
${article.articleUpdateDate?string("yyyy-MM-dd HH:mm:ss")}
|
||||
<#else>
|
||||
${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")}
|
||||
</#if>
|
||||
</span>
|
||||
<span class="user-ico" title="${authorLabel}">
|
||||
<a rel="nofollow" href="${servePath}/authors/${article.authorId}">${article.authorName}</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="right article-element">
|
||||
<a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
|
||||
${article.articleCommentCount} ${commentLabel}
|
||||
</a>
|
||||
<a rel="nofollow" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleViewCount} ${viewLabel}
|
||||
</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
<div class="article-body">
|
||||
${article.articleContent}
|
||||
<#if "" != article.articleSign.signHTML?trim>
|
||||
<div>
|
||||
${article.articleSign.signHTML}
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
<div class="article-element">
|
||||
<span class="tag-ico" title="${tagsLabel}">
|
||||
<#list article.articleTags?split(",") as articleTag>
|
||||
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
|
||||
${articleTag}</a><#if articleTag_has_next>,</#if>
|
||||
</#list>
|
||||
</span>
|
||||
</div>
|
||||
<div class="article-panel1">
|
||||
<#if nextArticlePermalink??>
|
||||
<div class="right">
|
||||
<a href="${servePath}${nextArticlePermalink}">${nextArticle1Label}${nextArticleTitle}</a>
|
||||
</div><div class="clear"></div>
|
||||
</#if>
|
||||
<#if previousArticlePermalink??>
|
||||
<div class="right">
|
||||
<a href="${servePath}${previousArticlePermalink}">${previousArticle1Label}${previousArticleTitle}</a>
|
||||
</div>
|
||||
</#if>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="article-panel2">
|
||||
<div id="relevantArticles" class="left" style="width: 50%;"></div>
|
||||
<div id="randomArticles" class="left"></div>
|
||||
<div class="clear" style="height: 15px;"></div>
|
||||
<div id="externalRelevantArticles"></div>
|
||||
</div>
|
||||
</div>
|
||||
<@comments commentList=articleComments article=article></@comments>
|
||||
</div>
|
||||
<#include "side.ftl">
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
<@comment_script oId=article.oId>
|
||||
page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
|
||||
<#if 0 != randomArticlesDisplayCount>
|
||||
page.loadRandomArticles();
|
||||
</#if>
|
||||
<#if 0 != relevantArticlesDisplayCount>
|
||||
page.loadRelevantArticles('${article.oId}', '<h4>${relevantArticlesLabel}</h4>');
|
||||
</#if>
|
||||
<#if 0 != externalRelevantArticlesDisplayCount>
|
||||
page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,</#if></#list>");
|
||||
</#if>
|
||||
</@comment_script>
|
||||
</body>
|
||||
</html>
|
||||
25
neoease/author-articles.ftl
Normal file
25
neoease/author-articles.ftl
Normal file
@@ -0,0 +1,25 @@
|
||||
<#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>
|
||||
${topBarReplacement}
|
||||
<#include "header.ftl">
|
||||
<div class="body">
|
||||
<div class="wrapper">
|
||||
<div class="main">
|
||||
<h2>${author1Label}${authorName}</h2>
|
||||
<#include "article-list.ftl">
|
||||
</div>
|
||||
<#include "side.ftl">
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
</body>
|
||||
</html>
|
||||
882
neoease/css/neoease.css
Normal file
882
neoease/css/neoease.css
Normal file
@@ -0,0 +1,882 @@
|
||||
/**
|
||||
* skin neoease style
|
||||
*
|
||||
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @version 1.0.1.6, May 14, 2012
|
||||
*/
|
||||
/* start base */
|
||||
html, body, div, ul, li, h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Lucida Grande",Verdana,\5fae\8f6f\96c5\9ed1;
|
||||
font-size: 12px;
|
||||
background-color: #F9F9F9;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
a:link {
|
||||
outline: none;
|
||||
color: #21759B;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #555777;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #D54E21;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
textarea, input {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.clear {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
clear: both;
|
||||
display: block;
|
||||
font-size: 0;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
padding: 0 5px;
|
||||
text-shadow: 0 0 1px #EEE;
|
||||
}
|
||||
|
||||
.tip {
|
||||
color: #D54E21;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09,
|
||||
.em10, .em11, .em12, .em13, .em14 {
|
||||
background-image: url("../../neoease/images/emotions/emotions-black.png");
|
||||
float: left;
|
||||
height: 24px;
|
||||
margin-right: 5px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.em01 {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
.em02 {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
.em03 {
|
||||
background-position: -72px 0;
|
||||
}
|
||||
.em04 {
|
||||
background-position: -96px 0;
|
||||
}
|
||||
.em05 {
|
||||
background-position: 0 -24px;
|
||||
}
|
||||
.em06 {
|
||||
background-position: -24px -24px;
|
||||
}
|
||||
.em07 {
|
||||
background-position: -48px -24px;
|
||||
}
|
||||
.em08 {
|
||||
background-position: -72px -24px;
|
||||
}
|
||||
.em09 {
|
||||
background-position: -96px -24px;
|
||||
}
|
||||
.em10 {
|
||||
background-position: 0 -48px;
|
||||
}
|
||||
.em11 {
|
||||
background-position: -24px -48px ;
|
||||
}
|
||||
.em12 {
|
||||
background-position: -48px -48px;
|
||||
}
|
||||
.em13 {
|
||||
background-position: -72px -48px;
|
||||
}
|
||||
.em14 {
|
||||
background-position: -96px -48px;
|
||||
}
|
||||
.em-span {
|
||||
line-height: 24px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.em-br {
|
||||
line-height: 24px;
|
||||
}
|
||||
/* end base */
|
||||
|
||||
/* start ico */
|
||||
.date-ico, .tag-ico, .user-ico, .expand-ico, .collapse-ico, #search,
|
||||
.translate-ico, .feed-ico {
|
||||
background-image: url("../../neoease/images/icons.png");
|
||||
}
|
||||
|
||||
.feed-ico {
|
||||
background-position: right -146px;
|
||||
background-repeat: no-repeat;
|
||||
color: #333;
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
.translate-ico {
|
||||
background-position: 1px -125px;
|
||||
background-repeat: no-repeat;
|
||||
border: 1px solid #999;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
height: 16px;
|
||||
margin: 6px 0 0 18px;
|
||||
padding: 1px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.translate-ico:hover {
|
||||
border-color: #D54E21;
|
||||
box-shadow: 0 0 1px #999;
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
|
||||
.expand-ico, .collapse-ico {
|
||||
background-position: 54px -84px;
|
||||
cursor: pointer;
|
||||
height: 16px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.collapse-ico {
|
||||
background-position: 54px -69px;
|
||||
}
|
||||
|
||||
.date-ico, .tag-ico, .user-ico {
|
||||
background-repeat: no-repeat;
|
||||
height: 16px;
|
||||
display: block;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.tag-ico {
|
||||
margin: 6px 6px 0 0;
|
||||
}
|
||||
|
||||
.date-ico {
|
||||
float: left;
|
||||
background-position: 0 -16px;
|
||||
}
|
||||
|
||||
.user-ico {
|
||||
background-position: 0 -32px;
|
||||
float: left;
|
||||
margin-left: 12px;
|
||||
}
|
||||
/* end ico */
|
||||
|
||||
/* start frame */
|
||||
.wrapper {
|
||||
margin: 0 auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
.body {
|
||||
border-top: 2px solid #DDD;
|
||||
}
|
||||
|
||||
.main {
|
||||
float: left;
|
||||
margin: 16px 0 50px;
|
||||
overflow: hidden;
|
||||
width: 667px;
|
||||
}
|
||||
/* end frame */
|
||||
|
||||
/* start header */
|
||||
.header {
|
||||
background: url("../../neoease/images/icons.png") repeat-x scroll 0 -220px #F2F2F2;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.header .title {
|
||||
border-bottom: 1px solid #242424;
|
||||
color: #000;
|
||||
font-size: 26px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.header .sub-title {
|
||||
color: #242424;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#search {
|
||||
background-position: 7px -99px;
|
||||
background-repeat: no-repeat;
|
||||
background-color: #FFF;
|
||||
border: 1px solid #DDD;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
|
||||
color: #888;
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
height: 20px;
|
||||
line-height: 145%;
|
||||
padding: 3px 10px 3px 28px;
|
||||
width: 24px;
|
||||
-moz-transition: width 0.4s ease, background 0.4s ease;
|
||||
-webkit-transition: width 0.4s ease, background 0.4s ease;
|
||||
transition: width 0.4s ease, background 0.4s ease;
|
||||
}
|
||||
|
||||
#search:focus {
|
||||
background-color: #F9F9F9;
|
||||
width: 196px;
|
||||
}
|
||||
|
||||
.nav {
|
||||
background-color: #E9E9E9;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
.nav ul {
|
||||
list-style: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
color: #666666;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0 15px;
|
||||
text-shadow: 0 1px 0 #EEE;
|
||||
}
|
||||
|
||||
.nav a:hover {
|
||||
color: #D54E21;
|
||||
background-color: #DDD;
|
||||
}
|
||||
|
||||
.nav .current {
|
||||
background-color: #DDD;
|
||||
margin: -1px 0;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.nav .current a {
|
||||
background-color: #F9F9F9;
|
||||
border-color: #CCCCCC #CCCCCC #F9F9F9;
|
||||
border-style: solid;
|
||||
border-width: 1px 1px 3px;
|
||||
font-weight: 700;
|
||||
height: 33px;
|
||||
line-height: 33px;
|
||||
margin: -2px 0 -3px;
|
||||
color: #333;
|
||||
text-shadow : 1px 1px 1px #C6D9E9;
|
||||
}
|
||||
|
||||
.nav img {
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.nav .right {
|
||||
line-height: 29px;
|
||||
}
|
||||
/* end header */
|
||||
|
||||
/* start footer */
|
||||
.footer {
|
||||
background-color: #E9E9E9;
|
||||
border-top: 3px solid #DDD;
|
||||
color: #999;
|
||||
font-size: 11px;
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #787878;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
color: #D54E21;
|
||||
}
|
||||
|
||||
#goTop {
|
||||
background: url("../../neoease/images/icons.png") no-repeat scroll 5px -51px #DDD;
|
||||
border-radius: 2px 2px 0 0;
|
||||
cursor: pointer;
|
||||
font-size: 11px;
|
||||
height: 21px;
|
||||
line-height: 21px;
|
||||
padding: 0 10px 0 23px;
|
||||
position: absolute;
|
||||
right: 56px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#goTop:hover {
|
||||
background-color: #EAEAEA;
|
||||
}
|
||||
/* end footer*/
|
||||
|
||||
/* start side */
|
||||
.side {
|
||||
float: right;
|
||||
overflow: hidden;
|
||||
width: 278px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.side>div {
|
||||
border-bottom: 1px solid #DEDEDE;
|
||||
padding: 10px 5px 15px;
|
||||
}
|
||||
|
||||
.side h4 {
|
||||
font-size: 14px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.side ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#archiveSide {
|
||||
list-style: square outside none;
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
#archiveSide .archive-year {
|
||||
color: #D54E21;
|
||||
font-weight: bold;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.side a {
|
||||
line-height: 18px;
|
||||
color: #21759B;
|
||||
}
|
||||
|
||||
.side a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.side sup {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.side .side-li li {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
width: 268px;
|
||||
}
|
||||
|
||||
.side .side-li a {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.recent-comments li>img {
|
||||
background-color: #FFF;
|
||||
border: 1px solid #999;
|
||||
padding: 1px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.recent-comments-main {
|
||||
float: left;
|
||||
margin: 0 0 9px 3px;
|
||||
width: 229px;
|
||||
}
|
||||
|
||||
.recent-comments-main .expand-ico, .recent-comments-main .collapse-ico {
|
||||
background-position: 0 -86px;
|
||||
float: right;
|
||||
width: 16px;
|
||||
-moz-transition: opacity 400ms ease;
|
||||
-webkit-transition: opacity 400ms ease;
|
||||
transition: opacity 400ms ease;
|
||||
opacity:0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
|
||||
.recent-comments li:hover .expand-ico, .recent-comments li:hover .collapse-ico {
|
||||
opacity:1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
.recent-comments-main .collapse-ico {
|
||||
background-position: 0 -70px;
|
||||
}
|
||||
|
||||
.recent-comments-content {
|
||||
height: 18px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.recent-comments-content img {
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.recent-comments-content a {
|
||||
color: #555777;
|
||||
}
|
||||
|
||||
.recent-comments-content a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
/* end side */
|
||||
|
||||
/* start article list */
|
||||
.article {
|
||||
border-bottom: 1px solid #CCC;
|
||||
padding: 0 5px 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.article-element {
|
||||
font-size: 11px;
|
||||
line-height: 16px;
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
.article-element a {
|
||||
border-bottom: 1px solid #DFDFDF;
|
||||
color: #555;
|
||||
text-decoration: none;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.article-element a:hover {
|
||||
color: #D54E21;
|
||||
border-bottom-color: #D54E21;
|
||||
}
|
||||
|
||||
.article-title {
|
||||
color: #21759B;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.article-title:hover {
|
||||
color: #D54E21;
|
||||
}
|
||||
|
||||
.article .expand-ico, .article .collapse-ico {
|
||||
float: right;
|
||||
margin-top: 9px;
|
||||
padding-right: 6px;
|
||||
width: 15px;
|
||||
background-position: 0 -86px;
|
||||
}
|
||||
|
||||
.article .collapse-ico {
|
||||
background-position: 0 -70px;
|
||||
}
|
||||
|
||||
.article-body {
|
||||
line-height: 145%;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.article-body h1 {
|
||||
font-size: 2em;
|
||||
margin: .67em 0;
|
||||
}
|
||||
|
||||
.article-body h2 {
|
||||
font-size: 1.5em;
|
||||
margin: .75em 0;
|
||||
}
|
||||
|
||||
.article-body h3 {
|
||||
font-size: 1.17em;
|
||||
margin: .83em 0;
|
||||
}
|
||||
|
||||
.article-body h4 {
|
||||
margin: 1.12em 0;
|
||||
}
|
||||
|
||||
.article-body h4 {
|
||||
font-size: .83em;
|
||||
margin: 1.5em 0;
|
||||
}
|
||||
|
||||
.article-body h6 {
|
||||
font-size: .75em;
|
||||
margin: 1.67em 0;
|
||||
}
|
||||
|
||||
.article-body ol, .article-body ul {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.article-body a {
|
||||
border-bottom: 1px solid #DFDFDF;
|
||||
}
|
||||
|
||||
.article-body a:hover {
|
||||
color: #D54E21;
|
||||
border-bottom: 1px solid #D54E21;
|
||||
}
|
||||
|
||||
.article-body p {
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
margin-top: 30px;
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
border: 1px solid #C5C3C2;
|
||||
font-size: 10px;
|
||||
margin: 2px;
|
||||
padding: 1px 5px ;
|
||||
text-decoration: none;
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
|
||||
.pagination a.current {
|
||||
background-color: #FFF;
|
||||
font-weight: bold;
|
||||
padding: 2px 6px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.pagination a:hover {
|
||||
background-color: #F3DEDD;
|
||||
color: #D54E21;
|
||||
border: 1px solid #D54E21;
|
||||
}
|
||||
|
||||
.page {
|
||||
margin-top: 20px;
|
||||
padding: 0 5px 5px;
|
||||
}
|
||||
/* end article list */
|
||||
|
||||
/* start article */
|
||||
.article-panel1 {
|
||||
background-color: #F2F2F2;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.article-panel2 {
|
||||
background-color: #FFF;
|
||||
margin-top: 12px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.article-panel2 ul {
|
||||
line-height: 18px;
|
||||
list-style: square outside none;
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
.share {
|
||||
border-bottom: 1px solid #DEDEDE;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.share-comment {
|
||||
background-color: #DDD;
|
||||
border-radius: 2px 2px 0 0;
|
||||
float: right;
|
||||
font-size: 11px;
|
||||
height: 21px;
|
||||
line-height: 21px;
|
||||
margin-right: 16px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.share-comment:hover {
|
||||
background-color: #EAEAEA;
|
||||
}
|
||||
|
||||
#comments {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#comments>div {
|
||||
border-bottom: 1px solid #DEDEDE;
|
||||
padding: 10px;
|
||||
width: 647px;
|
||||
}
|
||||
|
||||
#comments .comment-panel>.right {
|
||||
-moz-transition: opacity 400ms ease;
|
||||
-webkit-transition: opacity 400ms ease;
|
||||
transition: opacity 400ms ease;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
|
||||
#comments>div:hover .comment-panel>.right {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
.comment-even {
|
||||
background-color: #F8F8F8;
|
||||
}
|
||||
|
||||
.comment-odd {
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
.comment-header {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
float: left;
|
||||
background-color: #FFF;
|
||||
border: 1px solid #DEDEDE;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.comment-panel {
|
||||
float: left;
|
||||
margin: 0 10px;
|
||||
width: 573px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.comment-panel .article-body {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#comments .comment-body-ref {
|
||||
border-bottom: 0;
|
||||
background-color: #FFF;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
left: 73px;
|
||||
position: absolute;
|
||||
box-shadow: 1px 0 3px #DEDEDE;
|
||||
width: 560px;
|
||||
}
|
||||
|
||||
.comment-body-ref .comment-panel {
|
||||
width: 486px;
|
||||
}
|
||||
|
||||
.comment-body-ref .arrow {
|
||||
border-color: #F5F5F5 #FFF #F5F5F5 #F5F5F5;
|
||||
border-style: solid;
|
||||
border-width: 6px 8px 10px 0;
|
||||
display: block;
|
||||
left: -8px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.form {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.form img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.form h4 {
|
||||
margin: 10px 0 5px 5px;
|
||||
}
|
||||
|
||||
.form th {
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.form input[type="text"], .form input[type="password"], .form textarea {
|
||||
border-color: silver #D9D9D9 #D9D9D9;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
font-family: "Lucida Grande",Verdana,'微软雅黑';
|
||||
font-size: 12px;
|
||||
outline: medium none;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
.form input:focus, .form textarea:focus {
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
|
||||
}
|
||||
|
||||
.form textarea {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
padding: 3px;
|
||||
width: 634px;
|
||||
}
|
||||
|
||||
.form input {
|
||||
height: 24px;
|
||||
line-height: 16px;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.form button {
|
||||
background-color: #B4D666;
|
||||
border-color: #B4D666 #81B840 #81B840 #B4D666;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
color: #2970A6;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.form button:hover {
|
||||
background-color: #98C64C;
|
||||
border-color: #76B33A #98C64C #98C64C #76B33A;
|
||||
color: #074A7E;
|
||||
}
|
||||
/* end article*/
|
||||
|
||||
/* start tags */
|
||||
#tags li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
#tags a:hover {
|
||||
text-shadow: 0 0 2px;
|
||||
}
|
||||
|
||||
#tags a {
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
box-shadow: 1px 1px 3px #333;
|
||||
float: left;
|
||||
margin: 3px 6px;
|
||||
padding: 3px 12px;
|
||||
}
|
||||
|
||||
#tagsSide li a {
|
||||
float: left;
|
||||
line-height: 145%;
|
||||
margin-right: 7px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tags1 {
|
||||
font-size: 12px;
|
||||
color: #A1A1A1;
|
||||
}
|
||||
|
||||
.tags2 {
|
||||
font-size: 14px;
|
||||
color: #687F95;
|
||||
}
|
||||
|
||||
.tags3 {
|
||||
font-size: 16px;
|
||||
color: #4C6E90;
|
||||
}
|
||||
|
||||
.tags4 {
|
||||
font-size: 18px;
|
||||
color: #258;
|
||||
}
|
||||
|
||||
.tags5 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#tagsSide .tags2 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#tagsSide .tags3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#tagsSide .tags4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#tagsSide .tags5 {
|
||||
font-size: 20px;
|
||||
}
|
||||
/* end tags */
|
||||
|
||||
/* start others */
|
||||
.main>h2 {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.error {
|
||||
background-image: url("../../neoease/images/404.png");
|
||||
float: left;
|
||||
height: 536px;
|
||||
margin: 50px 80px;
|
||||
position: relative;
|
||||
width: 363px;
|
||||
}
|
||||
|
||||
.error h2 {
|
||||
left: -68px;
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
}
|
||||
|
||||
.error a {
|
||||
background-color: #9CD941;
|
||||
border: 265px none;
|
||||
bottom: 12px;
|
||||
color: #333555;
|
||||
float: left;
|
||||
padding: 10px 15px;
|
||||
position: absolute;
|
||||
right: -106px;
|
||||
}
|
||||
|
||||
.error a:hover {
|
||||
background-color: #ADEb51;
|
||||
}
|
||||
/* end others */
|
||||
152
neoease/css/neoease.min.css
vendored
Normal file
152
neoease/css/neoease.min.css
vendored
Normal file
@@ -0,0 +1,152 @@
|
||||
html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
|
||||
body{font-family:"Lucida Grande",Verdana,\5fae\8f6f\96c5\9ed1;font-size:12px;background-color:#F9F9F9;color:#333}
|
||||
a:link{outline:none;color:#21759B;text-decoration:none}
|
||||
a:visited{color:#555777}
|
||||
a:hover{color:#D54E21}
|
||||
a:active{color:#333}
|
||||
img{vertical-align:middle;border:0}
|
||||
textarea,input{outline:none}
|
||||
.left{float:left}
|
||||
.right{float:right}
|
||||
.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}
|
||||
.none{display:none}
|
||||
.logo{padding:0 5px;text-shadow:0 0 1px #EEE}
|
||||
.tip{color:#D54E21;font-size:11px}
|
||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url(../../../images/emotions-black.png);float:left;height:24px;margin-right:5px;width:24px}
|
||||
.em01{background-position:-24px 0}
|
||||
.em02{background-position:-48px 0}
|
||||
.em03{background-position:-72px 0}
|
||||
.em04{background-position:-96px 0}
|
||||
.em05{background-position:0 -24px}
|
||||
.em06{background-position:-24px -24px}
|
||||
.em07{background-position:-48px -24px}
|
||||
.em08{background-position:-72px -24px}
|
||||
.em09{background-position:-96px -24px}
|
||||
.em10{background-position:0 -48px}
|
||||
.em11{background-position:-24px -48px}
|
||||
.em12{background-position:-48px -48px}
|
||||
.em13{background-position:-72px -48px}
|
||||
.em14{background-position:-96px -48px}
|
||||
.em-span{line-height:24px;float:left}
|
||||
.em-br{line-height:24px}
|
||||
.date-ico,.tag-ico,.user-ico,.expand-ico,.collapse-ico,#search,.translate-ico,.feed-ico{background-image:url(../../neoease/images/icons.png)}
|
||||
.feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px}
|
||||
.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #999;border-radius:3px 3px 3px 3px;cursor:pointer;float:right;height:16px;margin:6px 0 0 18px;padding:1px;width:16px}
|
||||
.translate-ico:hover{border-color:#D54E21;box-shadow:0 0 1px #999;background-color:#F2F2F2}
|
||||
.expand-ico,.collapse-ico{background-position:54px -84px;cursor:pointer;height:16px;background-repeat:no-repeat}
|
||||
.collapse-ico{background-position:54px -69px}
|
||||
.date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;display:block;padding-left:20px}
|
||||
.tag-ico{margin:6px 6px 0 0}
|
||||
.date-ico{float:left;background-position:0 -16px}
|
||||
.user-ico{background-position:0 -32px;float:left;margin-left:12px}
|
||||
.wrapper{margin:0 auto;width:960px}
|
||||
.body{border-top:2px solid #DDD}
|
||||
.main{float:left;margin:16px 0 50px;overflow:hidden;width:667px}
|
||||
.header{background:url(../../neoease/images/icons.png) repeat-x scroll 0 -220px #F2F2F2;padding:20px 0}
|
||||
.header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:normal}
|
||||
.header .sub-title{color:#242424;font-size:11px}
|
||||
#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #DDD;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#888;float:right;font-size:14px;height:20px;line-height:20px;padding:3px 10px 3px 28px;width:24px;-moz-transition:width .4s ease, background .4s ease;-webkit-transition:width .4s ease, background .4s ease;transition:width .4s ease, background .4s ease}
|
||||
#search:focus{background-color:#F9F9F9;width:196px}
|
||||
.nav{background-color:#E9E9E9;border-bottom:1px solid #CCCCCC}
|
||||
.nav ul{list-style:none;float:left}
|
||||
.nav li{float:left}
|
||||
.nav a{color:#666666;display:block;float:left;font-size:14px;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #EEE}
|
||||
.nav a:hover{color:#D54E21;background-color:#DDD}
|
||||
.nav .current{background-color:#DDD;margin:-1px 0;padding-right:2px}
|
||||
.nav .current a{background-color:#F9F9F9;border-color:#CCCCCC #CCCCCC #F9F9F9;border-style:solid;border-width:1px 1px 3px;font-weight:700;height:33px;line-height:33px;margin:-2px 0 -3px;color:#333;text-shadow:1px 1px 1px #C6D9E9}
|
||||
.nav img{margin-left:3px}
|
||||
.nav .right{line-height:29px}
|
||||
.footer{background-color:#E9E9E9;border-top:3px solid #DDD;color:#999;font-size:11px;padding:12px 0}
|
||||
.footer a{color:#787878}
|
||||
.footer a:hover{color:#D54E21}
|
||||
#goTop{background:url(../../neoease/images/icons.png) no-repeat scroll 5px -51px #DDD;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none}
|
||||
#goTop:hover{background-color:#EAEAEA}
|
||||
.side{float:right;overflow:hidden;width:278px;margin-bottom:50px}
|
||||
.side>div{border-bottom:1px solid #DEDEDE;padding:10px 5px 15px}
|
||||
.side h4{font-size:14px;line-height:32px}
|
||||
.side ul{list-style:none}
|
||||
#archiveSide{list-style:square outside none;margin-left:18px}
|
||||
#archiveSide .archive-year{color:#D54E21;font-weight:bold;height:18px;line-height:18px;list-style:none}
|
||||
.side a{line-height:18px;color:#21759B}
|
||||
.side a:hover{text-decoration:underline}
|
||||
.side sup{color:#333}
|
||||
.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px}
|
||||
.side .side-li a{white-space:nowrap}
|
||||
.recent-comments li>img{background-color:#FFF;border:1px solid #999;padding:1px;width:32px;height:32px;margin-top:1px}
|
||||
.recent-comments-main{float:left;margin:0 0 9px 3px;width:229px}
|
||||
.recent-comments-main .expand-ico,.recent-comments-main .collapse-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)}
|
||||
.recent-comments li:hover .expand-ico,.recent-comments li:hover .collapse-ico{opacity:1;filter:alpha(opacity=100)}
|
||||
.recent-comments-main .collapse-ico{background-position:0 -70px}
|
||||
.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
|
||||
.recent-comments-content img{width:16px}
|
||||
.recent-comments-content a{color:#555777}
|
||||
.recent-comments-content a:hover{text-decoration:none}
|
||||
.article{border-bottom:1px solid #CCC;padding:0 5px 10px;margin-top:20px}
|
||||
.article-element{font-size:11px;line-height:16px;margin:12px 0}
|
||||
.article-element a{border-bottom:1px solid #DFDFDF;color:#555;text-decoration:none;padding-bottom:1px}
|
||||
.article-element a:hover{color:#D54E21;border-bottom-color:#D54E21}
|
||||
.article-title{color:#21759B;font-size:20px;font-weight:normal}
|
||||
.article-title:hover{color:#D54E21}
|
||||
.article .expand-ico,.article .collapse-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px}
|
||||
.article .collapse-ico{background-position:0 -70px}
|
||||
.article-body{line-height: 145%;overflow:hidden;word-wrap:break-word}
|
||||
.article-body h1{font-size:2em;margin:.67em 0}
|
||||
.article-body h2{font-size:1.5em;margin:.75em 0}
|
||||
.article-body h3{font-size:1.17em;margin:.83em 0}
|
||||
.article-body h4{font-size:.83em;margin:1.5em 0}
|
||||
.article-body h6{font-size:.75em;margin:1.67em 0}
|
||||
.article-body ol,.article-body ul{margin-left:40px}
|
||||
.article-body a{border-bottom:1px solid #DFDFDF}
|
||||
.article-body a:hover{color:#D54E21;border-bottom:1px solid #D54E21}
|
||||
.article-body p{line-height:18px}
|
||||
.pagination{margin-top:30px;line-height:21px}
|
||||
.pagination a{border:1px solid #C5C3C2;font-size:10px;margin:2px;padding:1px 5px;text-decoration:none;background-color:#F2F2F2}
|
||||
.pagination a.current{background-color:#FFF;font-weight:bold;padding:2px 6px;color:#000}
|
||||
.pagination a:hover{background-color:#F3DEDD;color:#D54E21;border:1px solid #D54E21}
|
||||
.page{margin-top:20px;padding:0 5px 5px}
|
||||
.article-panel1{background-color:#F2F2F2;padding:5px 10px}
|
||||
.article-panel2{background-color:#FFF;margin-top:12px;padding:5px 10px}
|
||||
.article-panel2 ul{line-height:18px;list-style:square outside none;margin-left:18px}
|
||||
.share{border-bottom:1px solid #DEDEDE;margin-top:15px}
|
||||
.share-comment{background-color:#DDD;border-radius:2px 2px 0 0;float:right;font-size:11px;height:21px;line-height:21px;margin-right:16px;padding:0 10px}
|
||||
.share-comment:hover{background-color:#EAEAEA}
|
||||
#comments{position:relative}
|
||||
#comments>div{border-bottom:1px solid #DEDEDE;padding:10px;width:647px}
|
||||
#comments .comment-panel>.right{-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)}
|
||||
#comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100)}
|
||||
.comment-even{background-color:#F8F8F8}
|
||||
.comment-odd{background-color:#F5F5F5}
|
||||
.comment-header{height:50px;width:50px;float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:1px}
|
||||
.comment-panel{float:left;margin:0 10px;width:573px;line-height:16px}
|
||||
.comment-panel .article-body{margin-top:5px}
|
||||
#comments .comment-body-ref{border-bottom:0;background-color:#FFF;border-radius:5px 5px 5px 5px;left:73px;position:absolute;box-shadow:1px 0 3px #DEDEDE;width:560px}
|
||||
.comment-body-ref .comment-panel{width:486px}
|
||||
.comment-body-ref .arrow{border-color:#F5F5F5 #FFF #F5F5F5 #F5F5F5;border-style:solid;border-width:6px 8px 10px 0;display:block;left:-8px;position:absolute;top:5px}
|
||||
.form{margin:10px}
|
||||
.form img{cursor:pointer}
|
||||
.form h4{margin:10px 0 5px 5px}
|
||||
.form th{text-align:right;white-space:nowrap}
|
||||
.form input[type=text],.form input[type=password],.form textarea{border-color:silver #D9D9D9 #D9D9D9;border-style:solid;border-width:1px;font-family:"Lucida Grande",Verdana,微软雅黑;font-size:12px;outline:medium none;padding:0 3px}
|
||||
.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0,0,0,0.3) inset}
|
||||
.form textarea{overflow:auto;resize:vertical;padding:3px;width:634px}
|
||||
.form input{height:24px;line-height:16px;width:260px}
|
||||
.form button{background-color:#B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-style:solid;border-width:1px;color:#2970A6;height:28px;line-height:28px;padding:0 12px}
|
||||
.form button:hover{background-color:#98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E}
|
||||
#tags li{float:left;list-style:none;height:38px}
|
||||
#tags a:hover{text-shadow:0 0 2px}
|
||||
#tags a{border-radius:3px 3px 3px 3px;box-shadow:1px 1px 3px #333;float:left;margin:3px 6px;padding:3px 12px}
|
||||
#tagsSide li a{float:left;line-height:20px;margin-right:7px;white-space:nowrap}
|
||||
.tags1{font-size:12px;color:#A1A1A1}
|
||||
.tags2{font-size:14px;color:#687F95}
|
||||
.tags3{font-size:16px;color:#4C6E90}
|
||||
.tags4{font-size:18px;color:#258}
|
||||
.tags5{font-size:20px}
|
||||
#tagsSide .tags2{font-size:14px}
|
||||
#tagsSide .tags3{font-size:16px}
|
||||
#tagsSide .tags4{font-size:18px}
|
||||
#tagsSide .tags5{font-size:20px}
|
||||
.main>h2{margin-top:16px}
|
||||
.error{background-image:url(../../neoease/images/404.png);float:left;height:536px;margin:50px 80px;position:relative;width:363px}
|
||||
.error h2{left:-68px;position:absolute;top:-20px}
|
||||
.error a{background-color:#9CD941;border:265px none;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px}
|
||||
.error a:hover{background-color:#ADEb51}
|
||||
53
neoease/footer.ftl
Normal file
53
neoease/footer.ftl
Normal file
@@ -0,0 +1,53 @@
|
||||
<div class="footer">
|
||||
<div class="wrapper">
|
||||
<div class="left">
|
||||
<span style="color: gray;">© ${year}</span> - <a href="${servePath}">${blogTitle}</a><br/>
|
||||
Powered by
|
||||
<a href="http://b3log-solo.googlecode.com" target="_blank" class="logo">
|
||||
${b3logLabel}
|
||||
<span style="color: orangered; font-weight: bold;">Solo</span></a>,
|
||||
ver ${version}
|
||||
Theme by <a rel="friend" href="http://www.neoease.com" target="_blank">NeoEase</a>
|
||||
& <a rel="friend" href="http://vanessa.b3log.org" target="_blank">Vanessa</a>.
|
||||
</div>
|
||||
<a class="right" target="_blank" href="http://code.google.com/appengine/">
|
||||
<img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" />
|
||||
</a>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="goTop" onclick="goTop()">TOP</div>
|
||||
<script type="text/javascript">
|
||||
var latkeConfig = {
|
||||
"servePath": "${servePath}",
|
||||
"staticServePath": "${staticServePath}"
|
||||
};
|
||||
|
||||
var Label = {
|
||||
"clearAllCacheLabel": "${clearAllCacheLabel}",
|
||||
"clearCacheLabel": "${clearCacheLabel}",
|
||||
"adminLabel": "${adminLabel}",
|
||||
"logoutLabel": "${logoutLabel}",
|
||||
"skinDirName": "${skinDirName}",
|
||||
"loginLabel": "${loginLabel}",
|
||||
"em00Label": "${em00Label}",
|
||||
"em01Label": "${em01Label}",
|
||||
"em02Label": "${em02Label}",
|
||||
"em03Label": "${em03Label}",
|
||||
"em04Label": "${em04Label}",
|
||||
"em05Label": "${em05Label}",
|
||||
"em06Label": "${em06Label}",
|
||||
"em07Label": "${em07Label}",
|
||||
"em08Label": "${em08Label}",
|
||||
"em09Label": "${em09Label}",
|
||||
"em10Label": "${em10Label}",
|
||||
"em11Label": "${em11Label}",
|
||||
"em12Label": "${em12Label}",
|
||||
"em13Label": "${em13Label}",
|
||||
"em14Label": "${em14Label}"
|
||||
};
|
||||
</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}/skins/${skinDirName}/js/${skinDirName}${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
|
||||
${plugins}
|
||||
61
neoease/header.ftl
Normal file
61
neoease/header.ftl
Normal file
@@ -0,0 +1,61 @@
|
||||
<div class="header">
|
||||
<div class="wrapper">
|
||||
<div class="left">
|
||||
<h1>
|
||||
<a class="title" href="${servePath}">
|
||||
${blogTitle}
|
||||
</a>
|
||||
</h1>
|
||||
<span class="sub-title">${blogSubtitle}</span>
|
||||
</div>
|
||||
<form target="_blank" method="get" action="http://www.google.com/search">
|
||||
<input id="search" type="text" name="q" />
|
||||
<input type="submit" name="btnG" value="" class="none" />
|
||||
<input type="hidden" name="oe" value="UTF-8" />
|
||||
<input type="hidden" name="ie" value="UTF-8" />
|
||||
<input type="hidden" name="newwindow" value="0" />
|
||||
<input type="hidden" name="sitesearch" value="${blogHost}" />
|
||||
</form>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav">
|
||||
<div class="wrapper">
|
||||
<ul>
|
||||
<li>
|
||||
<a rel="nofollow" href="${servePath}">${indexLabel}</a>
|
||||
</li>
|
||||
<#list pageNavigations as page>
|
||||
<li>
|
||||
<a href="${page.pagePermalink}" target="${page.pageOpenTarget}">${page.pageTitle}</a>
|
||||
</li>
|
||||
</#list>
|
||||
<li>
|
||||
<a href="${servePath}/tags.html">${allTagsLabel}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a rel="alternate" href="${servePath}/blog-articles-feed.do">Atom<img src="${staticServePath}/images/feed.png" alt="Atom"/></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="right">
|
||||
<span class="translate-ico" onclick="goTranslate()"></span>
|
||||
<div class="right">
|
||||
${viewCount1Label}
|
||||
<span class="tip">
|
||||
${statistic.statisticBlogViewCount}
|
||||
</span>
|
||||
|
||||
${articleCount1Label}
|
||||
<span class="tip">
|
||||
${statistic.statisticPublishedBlogArticleCount}
|
||||
</span>
|
||||
|
||||
${commentCount1Label}
|
||||
<span class="tip">
|
||||
${statistic.statisticPublishedBlogCommentCount}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
BIN
neoease/images/404.png
Normal file
BIN
neoease/images/404.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
BIN
neoease/images/ajax-loader.gif
Normal file
BIN
neoease/images/ajax-loader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
neoease/images/emotions/em00.png
Normal file
BIN
neoease/images/emotions/em00.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
neoease/images/emotions/em01.png
Normal file
BIN
neoease/images/emotions/em01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
neoease/images/emotions/em02.png
Normal file
BIN
neoease/images/emotions/em02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
neoease/images/emotions/em03.png
Normal file
BIN
neoease/images/emotions/em03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
neoease/images/emotions/em04.png
Normal file
BIN
neoease/images/emotions/em04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
neoease/images/emotions/em05.png
Normal file
BIN
neoease/images/emotions/em05.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
neoease/images/emotions/em06.png
Normal file
BIN
neoease/images/emotions/em06.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
neoease/images/emotions/em07.png
Normal file
BIN
neoease/images/emotions/em07.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
neoease/images/emotions/em08.png
Normal file
BIN
neoease/images/emotions/em08.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
neoease/images/emotions/em09.png
Normal file
BIN
neoease/images/emotions/em09.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
neoease/images/emotions/em10.png
Normal file
BIN
neoease/images/emotions/em10.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
neoease/images/emotions/em11.png
Normal file
BIN
neoease/images/emotions/em11.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
neoease/images/emotions/em12.png
Normal file
BIN
neoease/images/emotions/em12.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
neoease/images/emotions/em13.png
Normal file
BIN
neoease/images/emotions/em13.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
neoease/images/emotions/em14.png
Normal file
BIN
neoease/images/emotions/em14.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
neoease/images/emotions/emotions-black.png
Normal file
BIN
neoease/images/emotions/emotions-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
neoease/images/icons.png
Normal file
BIN
neoease/images/icons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
24
neoease/index.ftl
Normal file
24
neoease/index.ftl
Normal file
@@ -0,0 +1,24 @@
|
||||
<#include "macro-head.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords}"/>
|
||||
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<#include "header.ftl">
|
||||
<div class="body">
|
||||
<div class="wrapper">
|
||||
<div class="main">
|
||||
<#include "article-list.ftl">
|
||||
</div>
|
||||
<#include "side.ftl">
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
</body>
|
||||
</html>
|
||||
176
neoease/js/neoease.js
Normal file
176
neoease/js/neoease.js
Normal file
@@ -0,0 +1,176 @@
|
||||
/*
|
||||
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
/**
|
||||
* @fileoverview neoease js.
|
||||
*
|
||||
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @version 1.0.0.7, May 11, 2012
|
||||
*/
|
||||
var goTop = function (acceleration) {
|
||||
acceleration = acceleration || 0.1;
|
||||
|
||||
var y = $(window).scrollTop();
|
||||
var speed = 1 + acceleration;
|
||||
window.scrollTo(0, Math.floor(y / speed));
|
||||
|
||||
if (y > 0) {
|
||||
var invokeFunction = "goTop(" + acceleration + ")";
|
||||
window.setTimeout(invokeFunction, 16);
|
||||
}
|
||||
};
|
||||
|
||||
var collapseArchive = function (it, year) {
|
||||
var tag = true;
|
||||
if (it.className === "collapse-ico") {
|
||||
it.className = "expand-ico";
|
||||
tag = false;
|
||||
} else {
|
||||
it.className = "collapse-ico";
|
||||
}
|
||||
|
||||
$("#archiveSide li").each(function () {
|
||||
var $this = $(this);
|
||||
// hide other year month archives
|
||||
if ($this.data("year") === year) {
|
||||
if (tag) {
|
||||
$(this).show();
|
||||
} else {
|
||||
$(this).hide();
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var getArticle = function (it, id) {
|
||||
var $abstract = $("#abstract" + id),
|
||||
$content = $("#content" + id);
|
||||
|
||||
if ($content.html() === "") {
|
||||
$.ajax({
|
||||
url: "/get-article-content?id=" + id,
|
||||
type: "GET",
|
||||
dataType: "html",
|
||||
beforeSend: function () {
|
||||
$abstract.css("background",
|
||||
"url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent");
|
||||
},
|
||||
success: function(result, textStatus){
|
||||
it.className = "collapse-ico";
|
||||
$content.html(result);
|
||||
$abstract.hide().css("background", "none");
|
||||
$content.fadeIn("slow");
|
||||
}
|
||||
});
|
||||
} else {
|
||||
if (it.className === "expand-ico") {
|
||||
$abstract.hide();
|
||||
$content.fadeIn();
|
||||
it.className = "collapse-ico";
|
||||
} else {
|
||||
$content.hide();
|
||||
$abstract.fadeIn();
|
||||
it.className = "expand-ico";
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
var goTranslate = function () {
|
||||
window.open("http://translate.google.com/translate?sl=auto&tl=auto&u=" + location.href);
|
||||
};
|
||||
|
||||
(function () {
|
||||
// go top icon show or hide
|
||||
$(window).scroll(function () {
|
||||
var y = $(window).scrollTop();
|
||||
|
||||
if (y > 182) {
|
||||
var bodyH = $(window).height();
|
||||
var top = y + bodyH - 21;
|
||||
if ($("body").height() - 58 <= y + bodyH) {
|
||||
top = $(".footer").offset().top - 21;
|
||||
}
|
||||
$("#goTop").fadeIn("slow").css("top", top);
|
||||
} else {
|
||||
$("#goTop").hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// archive
|
||||
var currentYear = (new Date()).getFullYear(),
|
||||
year = currentYear;
|
||||
$("#archiveSide li").each(function (i) {
|
||||
var $this = $(this);
|
||||
|
||||
// hide other year month archives
|
||||
if ($this.data("year") !== currentYear) {
|
||||
$(this).hide()
|
||||
}
|
||||
|
||||
// append year archive
|
||||
if (year !== $this.data("year")) {
|
||||
year = $this.data("year");
|
||||
$this.before("<li class='archive-year'><div onclick='collapseArchive(this, " +
|
||||
year + ")' class='expand-ico'>" + year + " \u5e74</div></li>");
|
||||
}
|
||||
});
|
||||
|
||||
// recent comment mouse click
|
||||
$(".recent-comments .expand-ico").click(function () {
|
||||
if (this.className === "expand-ico") {
|
||||
$(this).parent().next().css({
|
||||
"height": "auto",
|
||||
"white-space": "normal"
|
||||
});
|
||||
this.className = "collapse-ico";
|
||||
} else {
|
||||
$(this).parent().next().animate({
|
||||
"height": "18px"
|
||||
}, function () {
|
||||
$(this).css("white-space", "nowrap");
|
||||
});
|
||||
this.className = "expand-ico";
|
||||
}
|
||||
});
|
||||
|
||||
// nav current
|
||||
$(".nav ul a").each(function () {
|
||||
var $this = $(this);
|
||||
if ($this.attr("href") === location.pathname) {
|
||||
$this.parent().addClass("current");
|
||||
} else if (/\/[0-9]+$/.test(location.pathname)) {
|
||||
$(".nav ul li")[0].className = "current";
|
||||
}
|
||||
});
|
||||
|
||||
Util.init();
|
||||
Util.replaceSideEm($(".recent-comments-content"));
|
||||
Util.buildTags("tagsSide");
|
||||
|
||||
// recent comments
|
||||
$(".recent-comments .recent-comments-main").each(function () {
|
||||
if ($(this).find(".recent-comments-content>a").height() < 30) {
|
||||
$(this).find(".expand-ico").remove();
|
||||
} else {
|
||||
$(this).find(".expand-ico").parent().next().css({
|
||||
"white-space": "nowrap"
|
||||
});
|
||||
}
|
||||
});
|
||||
})();
|
||||
1
neoease/js/neoease.min.js
vendored
Normal file
1
neoease/js/neoease.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var goTop=function(acceleration){acceleration=acceleration||0.1;var y=$(window).scrollTop();var speed=1+acceleration;window.scrollTo(0,Math.floor(y/speed));if(y>0){var invokeFunction="goTop("+acceleration+")";window.setTimeout(invokeFunction,16)}};var collapseArchive=function(it,year){var tag=true;if(it.className==="collapse-ico"){it.className="expand-ico";tag=false}else{it.className="collapse-ico"}$("#archiveSide li").each(function(){var $this=$(this);if($this.data("year")===year){if(tag){$(this).show()}else{$(this).hide()}}})};var getArticle=function(it,id){var $abstract=$("#abstract"+id),$content=$("#content"+id);if($content.html()===""){$.ajax({url:"/get-article-content?id="+id,type:"GET",dataType:"html",beforeSend:function(){$abstract.css("background","url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent")},success:function(result,textStatus){it.className="collapse-ico";$content.html(result);$abstract.hide().css("background","none");$content.fadeIn("slow")}})}else{if(it.className==="expand-ico"){$abstract.hide();$content.fadeIn();it.className="collapse-ico"}else{$content.hide();$abstract.fadeIn();it.className="expand-ico"}}return false};var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};(function(){$(window).scroll(function(){var y=$(window).scrollTop();if(y>182){var bodyH=$(window).height();var top=y+bodyH-21;if($("body").height()-58<=y+bodyH){top=$(".footer").offset().top-21}$("#goTop").fadeIn("slow").css("top",top)}else{$("#goTop").hide()}});var currentYear=(new Date()).getFullYear(),year=currentYear;$("#archiveSide li").each(function(i){var $this=$(this);if($this.data("year")!==currentYear){$(this).hide()}if(year!==$this.data("year")){year=$this.data("year");$this.before("<li class='archive-year'><div onclick='collapseArchive(this, "+year+")' class='expand-ico'>"+year+" \u5e74</div></li>")}});$(".recent-comments .expand-ico").click(function(){if(this.className==="expand-ico"){$(this).parent().next().css({"height":"auto","white-space":"normal"});this.className="collapse-ico"}else{$(this).parent().next().animate({"height":"18px"},function(){$(this).css("white-space","nowrap")});this.className="expand-ico"}});$(".nav ul a").each(function(){var $this=$(this);if($this.attr("href")===location.pathname){$this.parent().addClass("current")}else if(/\/[0-9]+$/.test(location.pathname)){$(".nav ul li")[0].className="current"}});Util.init();Util.replaceSideEm($(".recent-comments-content"));Util.buildTags("tagsSide");$(".recent-comments .recent-comments-main").each(function(){if($(this).find(".recent-comments-content>a").height()<30){$(this).find(".expand-ico").remove()}else{$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})}})})();
|
||||
96
neoease/lang/lang_en_US.properties
Normal file
96
neoease/lang/lang_en_US.properties
Normal file
@@ -0,0 +1,96 @@
|
||||
#
|
||||
# Copyright (c) 2009, 2010, 2011, B3log Team
|
||||
#
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
#
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
#
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
#
|
||||
|
||||
#
|
||||
# Description: Language configurations(en_US) for skin "neoease".
|
||||
# Version: 1.0.0.2, Sep 30, 2011
|
||||
# Author: Liyuan Li
|
||||
#
|
||||
viewCount1Label=View Count:
|
||||
articleCount1Label=Article Count:
|
||||
commentCount1Label=Comment Count:
|
||||
allTagsLabel=Tags
|
||||
archiveLabel=Archive
|
||||
yearLabel=
|
||||
monthLabel=
|
||||
noticeBoardLabel=Notice Board
|
||||
recentArticlesLabel=Recent Articles
|
||||
recentCommentsLabel=Recent Comments
|
||||
postCommentsLabel=Post Comment
|
||||
mostCommentArticlesLabel=Most Comment Articles
|
||||
mostViewCountArticlesLabel=Most View Articles
|
||||
popTagsLabel=Popular Tags
|
||||
linkLabel=Friend Links
|
||||
indexLabel=Home
|
||||
sumLabel=
|
||||
pageLabel=Page
|
||||
clearAllCacheLabel=Clear all cache
|
||||
clearCacheLabel=Clear cache
|
||||
adminLabel=Admin
|
||||
logoutLabel=Logout
|
||||
loginLabel=Login
|
||||
em00Label=Smile
|
||||
em01Label=Laughter
|
||||
em02Label=Happy
|
||||
em03Label=Sad
|
||||
em04Label=Cry
|
||||
em05Label=No Comments
|
||||
em06Label=Fidget
|
||||
em07Label=Angry
|
||||
em08Label=Look Around
|
||||
em09Label=Surprise
|
||||
em10Label=Cool
|
||||
em11Label=Cheeky
|
||||
em12Label=Heart
|
||||
em13Label=Heart Broken
|
||||
em14Label=Devil
|
||||
commentLabel=Comment
|
||||
viewLabel=View
|
||||
tagsLabel=Tags
|
||||
authorLabel=Author
|
||||
dateLabel=Date
|
||||
previousPageLabel=Previous Page
|
||||
nextPagePabel=Next Page
|
||||
firstPageLabel=First Page
|
||||
lastPageLabel=Last Page
|
||||
archive1Label=Archive:
|
||||
author1Label=Author:
|
||||
tag1Label=Tags:
|
||||
sorryLabel=Sorry!
|
||||
notFoundLabel=Not Found!
|
||||
returnTo1Label=Return:
|
||||
nextArticle1Label=Next:
|
||||
previousArticle1Label=Previous:
|
||||
updatedLabel=Updated!
|
||||
topArticleLabel=Top!
|
||||
replyLabel=Reply
|
||||
postCommentsLabel=Post Comment
|
||||
commentNameLabel=Name
|
||||
commentEmailLabel=Email
|
||||
commentURLLabel=URL
|
||||
submmitCommentLabel=Commit Comment
|
||||
nameTooLongLabel=Sorry, your username must be between 2 and 20 characters long!
|
||||
mailCannotEmptyLabel=Mail is empty!
|
||||
mailInvalidLabel=Mail is invalid!
|
||||
commentContentCannotEmptyLabel=Sorry, your content must be between 2 and 500 characters long!
|
||||
captchaCannotEmptyLabel=Captcha is empty!
|
||||
loadingLabel=loading....
|
||||
relevantArticlesLabel=Relevant Articles
|
||||
randomArticlesLabel=Random Articles
|
||||
externalRelevantArticlesLabel=External Relevant Articles:
|
||||
captchaErrorLabel=Captcha Error
|
||||
b3logLabel=<span style="color: orange;">B</span><span style="color: blue;"><sup>3</sup></span><span style="color: green;">L</span><span style="color: red;">O</span><span style="color: blue;">G</span>
|
||||
killBrowserLabel=<h2>Let's kill outdated and insecure browser!</h2><p>Let's kill outdated and insecure browser for browser evolution, human progress and better experience.</p><p>You can download</p><ul><li><a href="http://www.mozilla.com/" target="_blank">Firefox</a></li><li><a href="http://www.google.com/chrome" target="_blank">Chrome</a></li><li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_blank">IE8 / IE9</a></li><li><a href="http://www.maxthon.com/" target="_blank">Maxthon</a> and <a href="http://www.google.com" target="_blank">so on</a>.</li></ul>
|
||||
95
neoease/lang/lang_zh_CN.properties
Normal file
95
neoease/lang/lang_zh_CN.properties
Normal file
@@ -0,0 +1,95 @@
|
||||
#
|
||||
# Copyright (c) 2009, 2010, 2011, B3log Team
|
||||
#
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
#
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
#
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
#
|
||||
|
||||
#
|
||||
# Description: Language configurations(zh_CN) for skin "neoease".
|
||||
# Version: 1.0.0.4, Sep 30, 2011
|
||||
# Author: Liyuan Li
|
||||
#
|
||||
viewCount1Label=\u6d4f\u89c8\u6b21\u6570\uff1a
|
||||
articleCount1Label=\u6587\u7ae0\u603b\u6570\uff1a
|
||||
commentCount1Label=\u8bc4\u8bba\u603b\u6570\uff1a
|
||||
allTagsLabel=\u6807\u7b7e\u5899
|
||||
updatedLabel=\u6709\u66f4\u65b0\uff01
|
||||
topArticleLabel=\u7f6e\u9876\uff01
|
||||
archiveLabel=\u5b58\u6863
|
||||
yearLabel=\u5e74
|
||||
monthLabel=\u6708
|
||||
noticeBoardLabel=\u516c\u544a
|
||||
recentArticlesLabel=\u6700\u65b0\u6587\u7ae0
|
||||
recentCommentsLabel=\u6700\u65b0\u8bc4\u8bba
|
||||
mostCommentArticlesLabel=\u8bc4\u8bba\u6700\u591a\u7684\u6587\u7ae0
|
||||
mostViewCountArticlesLabel=\u8bbf\u95ee\u6700\u591a\u7684\u6587\u7ae0
|
||||
popTagsLabel=\u5206\u7c7b\u6807\u7b7e
|
||||
linkLabel=\u53cb\u60c5\u94fe\u63a5
|
||||
indexLabel=\u9996\u9875
|
||||
sumLabel=\u5171
|
||||
pageLabel=\u9875
|
||||
clearAllCacheLabel=\u6e05\u9664\u6240\u6709\u9875\u9762\u7f13\u5b58
|
||||
clearCacheLabel=\u6e05\u9664\u672c\u9875\u7f13\u5b58
|
||||
adminLabel=\u7ba1\u7406
|
||||
logoutLabel=\u767b\u51fa
|
||||
loginLabel=\u767b\u5f55
|
||||
em00Label=\u5fae\u7b11
|
||||
em01Label=\u5927\u7b11
|
||||
em02Label=\u9ad8\u5174
|
||||
em03Label=\u60b2\u4f24
|
||||
em04Label=\u54ed\u6ce3
|
||||
em05Label=\u65e0\u8bed
|
||||
em06Label=\u70e6\u8e81
|
||||
em07Label=\u751f\u6c14
|
||||
em08Label=\u6211\u7785
|
||||
em09Label=\u60ca\u8bb6
|
||||
em10Label=\u9177
|
||||
em11Label=\u987d\u76ae
|
||||
em12Label=\u7231\u5fc3
|
||||
em13Label=\u5fc3\u788e
|
||||
em14Label=\u9b54\u9b3c
|
||||
commentLabel=\u8bc4\u8bba
|
||||
viewLabel=\u6d4f\u89c8
|
||||
tagsLabel=\u6807\u7b7e
|
||||
authorLabel=\u4f5c\u8005
|
||||
dateLabel=\u65e5\u671f
|
||||
previousPageLabel=\u4e0a\u4e00\u9875
|
||||
nextPagePabel=\u4e0b\u4e00\u9875
|
||||
firstPageLabel=\u7b2c\u4e00\u9875
|
||||
lastPageLabel=\u6700\u540e\u4e00\u9875
|
||||
archive1Label=\u5b58\u6863\uff1a
|
||||
author1Label=\u4f5c\u8005\uff1a
|
||||
tag1Label=\u6807\u7b7e\uff1a
|
||||
sorryLabel=\u5bf9\u4e0d\u8d77\uff01
|
||||
notFoundLabel=\u627e\u4e0d\u5230\uff01
|
||||
returnTo1Label=\u8fd4\u56de\uff1a
|
||||
nextArticle1Label=\u65b0\u4e00\u7bc7\uff1a
|
||||
previousArticle1Label=\u65e7\u4e00\u7bc7\uff1a
|
||||
replyLabel=\u56de\u590d
|
||||
postCommentsLabel=\u53d1\u8868\u8bc4\u8bba
|
||||
commentNameLabel=\u59d3\u540d
|
||||
commentEmailLabel=\u90ae\u7bb1
|
||||
commentURLLabel=URL
|
||||
submmitCommentLabel=\u63d0\u4ea4\u8bc4\u8bba
|
||||
nameTooLongLabel=\u59d3\u540d\u53ea\u80fd\u4e3a 2 \u5230 20 \u4e2a\u5b57\u7b26\uff01
|
||||
mailCannotEmptyLabel=\u90ae\u7bb1\u4e0d\u80fd\u4e3a\u7a7a\uff01
|
||||
mailInvalidLabel=\u90ae\u7bb1\u683c\u5f0f\u4e0d\u6b63\u786e\uff01
|
||||
commentContentCannotEmptyLabel=\u8bc4\u8bba\u5185\u5bb9\u53ea\u80fd\u4e3a 2 \u5230 500 \u4e2a\u5b57\u7b26\uff01
|
||||
captchaCannotEmptyLabel=\u9a8c\u8bc1\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01
|
||||
loadingLabel=\u8f7d\u5165\u4e2d....
|
||||
relevantArticlesLabel=\u76f8\u5173\u9605\u8bfb
|
||||
randomArticlesLabel=\u968f\u673a\u9605\u8bfb
|
||||
externalRelevantArticlesLabel=\u7ad9\u5916\u76f8\u5173\u9605\u8bfb
|
||||
captchaErrorLabel=\u9a8c\u8bc1\u7801\u9519\u8bef
|
||||
b3logLabel=<span style="color: orange;">B</span><span style="color: blue;"><sup>3</sup></span><span style="color: green;">L</span><span style="color: red;">O</span><span style="color: blue;">G</span>
|
||||
killBrowserLabel=<h2>\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u5427\uff01</h2><p>\u4e3a\u4e86\u8ba9\u6d4f\u89c8\u5668\u66f4\u597d\u7684\u53d1\u5c55\uff0c\u4eba\u7c7b\u66f4\u52a0\u7684\u8fdb\u6b65\uff0c\u62e5\u6709\u66f4\u597d\u7684\u4f53\u9a8c\uff0c\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u3002</p>\u60a8\u53ef\u4ee5\u4e0b\u8f7d<ul><li><a href="http://www.mozilla.com/" target="_blank">\u706b\u72d0</a></li><li><a href="http://www.google.com/chrome" target="_blank">\u8c37\u6b4c\u6d4f\u89c8\u5668</a></li><li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_blank">IE8 / IE9</a></li><li><a href="http://www.maxthon.com/" target="_blank">\u9068\u6e38</a>\u6216\u8005<a href="http://www.google.com" target="_blank">\u5176\u5b83\u6d4f\u89c8\u5668</a>.</li></ul>
|
||||
168
neoease/macro-comments.ftl
Normal file
168
neoease/macro-comments.ftl
Normal file
@@ -0,0 +1,168 @@
|
||||
<#macro comments commentList article>
|
||||
<div class="share">
|
||||
<a class="share-comment" href="#commentForm">
|
||||
${commentList?size} ${commentLabel}
|
||||
</a>
|
||||
<span class="clear"></span>
|
||||
</div>
|
||||
<div id="comments">
|
||||
<#list commentList as comment>
|
||||
<div id="${comment.oId}" class="<#if comment_index % 2 == 0>comment-even<#else>comment-odd</#if>">
|
||||
<img class="comment-header" title="${comment.commentName}"
|
||||
alt="${comment.commentName}" src="${comment.commentThumbnailURL}"/>
|
||||
<div class="comment-panel">
|
||||
<div class="left">
|
||||
<#if "http://" == comment.commentURL>
|
||||
${comment.commentName}
|
||||
<#else>
|
||||
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
|
||||
</#if>
|
||||
<#if comment.isReply> @
|
||||
<a href="${servePath}${article.permalink}#${comment.commentOriginalCommentId}"
|
||||
onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 20);"
|
||||
onmouseout="page.hideComment('${comment.commentOriginalCommentId}')">${comment.commentOriginalCommentName}</a>
|
||||
</#if>
|
||||
</div>
|
||||
<#if article.commentable>
|
||||
<div class="right">
|
||||
<a rel="nofollow" href="javascript:replyTo('${comment.oId}');">${replyLabel}</a>
|
||||
|
|
||||
${comment.commentDate?string("yyyy-MM-dd HH:mm:ss")}
|
||||
</div>
|
||||
</#if>
|
||||
<span class="clear"></span>
|
||||
<div class="article-body">${comment.commentContent}</div>
|
||||
</div>
|
||||
<span class="clear"></span>
|
||||
</div>
|
||||
</#list>
|
||||
</div>
|
||||
<#if article.commentable>
|
||||
<div class="form">
|
||||
<h4>${postCommentsLabel}</h4>
|
||||
<table id="commentForm">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" class="normalInput" id="commentName"/>
|
||||
<label for="commentName">${commentNameLabel}</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" class="normalInput" id="commentEmail"/>
|
||||
<label for="commentEmail">${commentEmailLabel}</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" id="commentURL"/>
|
||||
<label for="commentURL">${commentURLLabel}</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="emotions" colspan="2">
|
||||
<span class="em00" title="${em00Label}"></span>
|
||||
<span class="em01" title="${em01Label}"></span>
|
||||
<span class="em02" title="${em02Label}"></span>
|
||||
<span class="em03" title="${em03Label}"></span>
|
||||
<span class="em04" title="${em04Label}"></span>
|
||||
<span class="em05" title="${em05Label}"></span>
|
||||
<span class="em06" title="${em06Label}"></span>
|
||||
<span class="em07" title="${em07Label}"></span>
|
||||
<span class="em08" title="${em08Label}"></span>
|
||||
<span class="em09" title="${em09Label}"></span>
|
||||
<span class="em10" title="${em10Label}"></span>
|
||||
<span class="em11" title="${em11Label}"></span>
|
||||
<span class="em12" title="${em12Label}"></span>
|
||||
<span class="em13" title="${em13Label}"></span>
|
||||
<span class="em14" title="${em14Label}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<textarea rows="10" cols="96" id="comment"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="text" class="normalInput" id="commentValidate"/>
|
||||
<img id="captcha" alt="validate" src="${servePath}/captcha.do" />
|
||||
</td>
|
||||
<th>
|
||||
<span class="tip" id="commentErrorTip"></span>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" align="right">
|
||||
<button id="submitCommentButton" onclick="page.submitComment();">${submmitCommentLabel}</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</#if>
|
||||
</#macro>
|
||||
|
||||
<#macro comment_script oId>
|
||||
<script type="text/javascript" src="${staticServePath}/js/page${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
var page = new Page({
|
||||
"nameTooLongLabel": "${nameTooLongLabel}",
|
||||
"mailCannotEmptyLabel": "${mailCannotEmptyLabel}",
|
||||
"mailInvalidLabel": "${mailInvalidLabel}",
|
||||
"commentContentCannotEmptyLabel": "${commentContentCannotEmptyLabel}",
|
||||
"captchaCannotEmptyLabel": "${captchaCannotEmptyLabel}",
|
||||
"captchaErrorLabel": "${captchaErrorLabel}",
|
||||
"loadingLabel": "${loadingLabel}",
|
||||
"oId": "${oId}",
|
||||
"skinDirName": "${skinDirName}",
|
||||
"blogHost": "${blogHost}",
|
||||
"randomArticles1Label": "${randomArticlesLabel}",
|
||||
"externalRelevantArticles1Label": "${externalRelevantArticlesLabel}"
|
||||
});
|
||||
|
||||
var addComment = function (result, state) {
|
||||
var oddEven = "";
|
||||
if ($("#comments>div").first().hasClass("comment-even")) {
|
||||
oddEven = "comment-odd";
|
||||
} else {
|
||||
oddEven = "comment-even";
|
||||
}
|
||||
var commentHTML = '<div id="' + result.oId + '" class="oddEven"><img class="comment-header" \
|
||||
title="' + $("#commentName" + state).val() + '" alt="' + $("#commentName" + state).val() +
|
||||
'" src="' + result.commentThumbnailURL + '"/><div class="comment-panel"><div class="left">' + result.replyNameHTML;
|
||||
|
||||
if (state !== "") {
|
||||
var commentOriginalCommentName = $("#" + page.currentCommentId + " .comment-panel>.left a").first().text();
|
||||
commentHTML += ' @ <a href="${servePath}' + result.commentSharpURL.split("#")[0] + '#' + page.currentCommentId + '"'
|
||||
+ 'onmouseover="page.showComment(this, \'' + page.currentCommentId + '\', 20);"'
|
||||
+ 'onmouseout="page.hideComment(\'' + page.currentCommentId + '\')">' + commentOriginalCommentName + '</a>';
|
||||
}
|
||||
|
||||
commentHTML += '</div><div class="right"><a rel="nofollow" href="javascript:replyTo(\'' + result.oId
|
||||
+ '\');">${replyLabel}</a>' + ' | ' + result.commentDate
|
||||
+ '</div><span class="clear"></span><div class="article-body">' +
|
||||
Util.replaceEmString($("#comment" + state).val().replace(/</g, "<").replace(/>/g, ">").replace(/\n/g,"<br/>"))
|
||||
+ '</div></div><span class="clear"></span></div>';
|
||||
|
||||
return commentHTML;
|
||||
}
|
||||
|
||||
var replyTo = function (id) {
|
||||
var commentFormHTML = "<table class='form comment-reply' id='replyForm'>";
|
||||
page.addReplyForm(id, commentFormHTML);
|
||||
$("#replyForm label").each(function () {
|
||||
$this = $(this);
|
||||
$this.attr("for", $this.attr("for") + "Reply");
|
||||
});
|
||||
};
|
||||
|
||||
(function () {
|
||||
page.load();
|
||||
// emotions
|
||||
page.replaceCommentsEm("#comments .article-body");
|
||||
<#nested>
|
||||
})();
|
||||
</script>
|
||||
</#macro>
|
||||
14
neoease/macro-head.ftl
Normal file
14
neoease/macro-head.ftl
Normal file
@@ -0,0 +1,14 @@
|
||||
<#macro head title>
|
||||
<meta charset="utf-8" />
|
||||
<title>${title}</title>
|
||||
<#nested>
|
||||
<meta name="author" content="B3log Team" />
|
||||
<meta name="generator" content="B3log" />
|
||||
<meta name="copyright" content="B3log" />
|
||||
<meta name="revised" content="B3log, ${year}" />
|
||||
<meta http-equiv="Window-target" content="_top" />
|
||||
<link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/${skinDirName}${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
|
||||
<link href="${servePath}/blog-articles-feed.do" title="ATOM" type="application/atom+xml" rel="alternate" />
|
||||
<link rel="icon" type="image/png" href="${staticServePath}/favicon.png" />
|
||||
${htmlHead}
|
||||
</#macro>
|
||||
29
neoease/page.ftl
Normal file
29
neoease/page.ftl
Normal file
@@ -0,0 +1,29 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-comments.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${page.pageTitle} - ${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${page.pageTitle}" />
|
||||
<meta name="description" content="${metaDescription}" />
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<#include "header.ftl">
|
||||
<div class="body">
|
||||
<div class="wrapper">
|
||||
<div class="main">
|
||||
<div class="page article-body" style="border-bottom: 0px;">
|
||||
${page.pageContent}
|
||||
</div>
|
||||
<@comments commentList=pageComments article=page></@comments>
|
||||
</div>
|
||||
<#include "side.ftl">
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
<@comment_script oId=page.oId></@comment_script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
neoease/preview.png
Normal file
BIN
neoease/preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
123
neoease/side.ftl
Normal file
123
neoease/side.ftl
Normal file
@@ -0,0 +1,123 @@
|
||||
<div class="side">
|
||||
<#if "" != noticeBoard>
|
||||
<div>
|
||||
<h4>${noticeBoardLabel}</h4>
|
||||
<div>${noticeBoard}</div>
|
||||
</div>
|
||||
</#if>
|
||||
<#if 0 != recentComments?size>
|
||||
<div>
|
||||
<h4>${recentCommentsLabel}</h4>
|
||||
<ul class="recent-comments">
|
||||
<#list recentComments as comment>
|
||||
<li>
|
||||
<img class='left' title='${comment.commentName}'
|
||||
alt='${comment.commentName}'
|
||||
src='${comment.commentThumbnailURL}'/>
|
||||
<div class='recent-comments-main'>
|
||||
<div>
|
||||
<span class="left">
|
||||
<#if "http://" == comment.commentURL>
|
||||
${comment.commentName}
|
||||
<#else>
|
||||
<a target="_blank" href="${comment.commentURL}">${comment.commentName}</a>
|
||||
</#if>
|
||||
</span>
|
||||
<span class="expand-ico"></span>
|
||||
<span class="clear"></span>
|
||||
</div>
|
||||
<div class="recent-comments-content">
|
||||
<a href="${servePath}${comment.commentSharpURL}">
|
||||
${comment.commentContent}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class='clear'></div>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</#if>
|
||||
<#if 0 != mostCommentArticles?size>
|
||||
<div>
|
||||
<h4>${mostCommentArticlesLabel}</h4>
|
||||
<ul class="side-li">
|
||||
<#list mostCommentArticles as article>
|
||||
<li>
|
||||
<sup>[${article.articleCommentCount}]</sup>
|
||||
<a title="${article.articleTitle}" href="${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</#if>
|
||||
<#if 0 != mostViewCountArticles?size>
|
||||
<div>
|
||||
<h4>${mostViewCountArticlesLabel}</h4>
|
||||
<ul class="side-li">
|
||||
<#list mostViewCountArticles as article>
|
||||
<li>
|
||||
<sup>[${article.articleViewCount}]</sup>
|
||||
<a title="${article.articleTitle}" href="${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</#if>
|
||||
<#if 0 != mostUsedTags?size>
|
||||
<div>
|
||||
<h4>${popTagsLabel}</h4>
|
||||
<ul id="tagsSide" class="tags">
|
||||
<#list mostUsedTags as tag>
|
||||
<li>
|
||||
<a data-count="${tag.tagPublishedRefCount}"
|
||||
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}(${tag.tagPublishedRefCount})">
|
||||
<span>${tag.tagTitle}</span>
|
||||
</a>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</#if>
|
||||
<#if 0 != links?size>
|
||||
<div>
|
||||
<h4>${linkLabel}</h4>
|
||||
<ul>
|
||||
<#list links as link>
|
||||
<li>
|
||||
<a rel="friend" href="${link.linkAddress}" title="${link.linkTitle}" target="_blank">
|
||||
<img alt="${link.linkTitle}"
|
||||
src="http://www.google.com/s2/u/0/favicons?domain=<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>" /></a>
|
||||
<a rel="friend" href="${link.linkAddress}" title="${link.linkTitle}" target="_blank">${link.linkTitle}
|
||||
</a>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</#if>
|
||||
<#if 0 != archiveDates?size>
|
||||
<div>
|
||||
<h4>${archiveLabel}</h4>
|
||||
<ul id="archiveSide">
|
||||
<#list archiveDates as archiveDate>
|
||||
<li data-year="${archiveDate.archiveDateYear}">
|
||||
<#if "en" == localeString?substring(0, 2)>
|
||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
||||
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
|
||||
${archiveDate.monthName} ${archiveDate.archiveDateYear}</a>(${archiveDate.archiveDatePublishedArticleCount})
|
||||
<#else>
|
||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
||||
title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
|
||||
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}</a>(${archiveDate.archiveDatePublishedArticleCount})
|
||||
</#if>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
26
neoease/skin.properties
Normal file
26
neoease/skin.properties
Normal file
@@ -0,0 +1,26 @@
|
||||
#
|
||||
# Copyright (C) 2009, 2010, 2011, B3log Team
|
||||
#
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
#
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
#
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
#
|
||||
|
||||
#
|
||||
# Description: NeoEase skin.
|
||||
# Version: 1.0.0.5, May 7, 2012
|
||||
# Author: Liyuan Li
|
||||
#
|
||||
|
||||
name=NeoEase
|
||||
version=1.0.3
|
||||
forSolo=0.4.5
|
||||
memo=http://www.neoease.com/
|
||||
31
neoease/tag-articles.ftl
Normal file
31
neoease/tag-articles.ftl
Normal file
@@ -0,0 +1,31 @@
|
||||
<#include "macro-head.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${tag.tagTitle} - ${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${tag.tagTitle}"/>
|
||||
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<#include "header.ftl">
|
||||
<div class="body">
|
||||
<div class="wrapper">
|
||||
<div class="main">
|
||||
<h2>
|
||||
<a rel="alternate" href="${servePath}/tag-articles-feed.do?oId=${tag.oId}" class="feed-ico">
|
||||
${tag1Label}
|
||||
${tag.tagTitle}
|
||||
(${tag.tagPublishedRefCount})
|
||||
</a>
|
||||
</h2>
|
||||
<#include "article-list.ftl">
|
||||
</div>
|
||||
<#include "side.ftl">
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
</body>
|
||||
</html>
|
||||
37
neoease/tags.ftl
Normal file
37
neoease/tags.ftl
Normal file
@@ -0,0 +1,37 @@
|
||||
<#include "macro-head.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${allTagsLabel} - ${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${allTagsLabel}"/>
|
||||
<meta name="description" content="<#list tags as tag>${tag.tagTitle}<#if tag_has_next>,</#if></#list>"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<#include "header.ftl">
|
||||
<div class="body">
|
||||
<div class="wrapper">
|
||||
<div class="main">
|
||||
<ul id="tags" class="tags">
|
||||
<#list tags as tag>
|
||||
<li>
|
||||
<a rel="tag" data-count="${tag.tagPublishedRefCount}"
|
||||
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}">
|
||||
<span>${tag.tagTitle}</span>
|
||||
(<b>${tag.tagPublishedRefCount}</b>)
|
||||
</a>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
<#include "side.ftl">
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
<script type="text/javascript">
|
||||
Util.buildTags();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user