This commit is contained in:
Vanessa
2018-02-11 16:05:43 +08:00
parent 235403e1c0
commit 79f67df23f
707 changed files with 11725 additions and 11721 deletions

View File

@@ -0,0 +1,44 @@
<#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 id="body">
${topBarReplacement}
<div id="top_bar"></div>
<div id="wrapper">
<#include "header.ftl">
<div id="main">
<div id="content">
<div class="post">
<h2 class="post_title_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>
<div class="clear"></div>
<div class="post_content">
<#include "article-list.ftl">
</div>
<div class="menu-mark"></div>
</div>
</div>
<div id="sidebar" class="widget-area">
<#include "side.ftl">
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<#include "footer.ftl">
</div>
<div class="clear"></div>
<div id="bottom-bar"></div>
</body>
</html>

View File

@@ -0,0 +1,69 @@
<#list articles as article>
<div id="post">
<h2 class="post_title_h2">
<a href="${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="post_info_top">
<div class="post_info_date">
<a href="${article.articlePermalink}" title="${dateLabel}" rel="bookmark">Posted&nbsp;&nbsp;on&nbsp;&nbsp;
<#if article.hasUpdated>
${article.articleUpdateDate?string("yyyy-MM-dd HH:mm:ss")}
<#else>
${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")}
</#if>
</a>
</div>
<div class="post_info_author">&nbsp;&nbsp;by&nbsp;&nbsp;
<a href="/authors/${article.authorId}" title="Posts&nbsp;&nbsp;by&nbsp;&nbsp;${article.authorName}" rel="author" style="opacity: 1; ">${article.authorName}</a>
</div>
</div>
<div class="post_content">
${article.articleAbstract}
</div>
</div>
<div class="post_info_bootom">
<div class="post_meta">
<ul>
<#list article.articleTags?split(",") as articleTag>
<li><a href="${staticServePath}/tags/${articleTag?url('UTF-8')}" rel="tag">${articleTag}</a><#if articleTag_has_next></#if></li>
</#list>
</ul>
</div>
<div class="post_readmore">
<a href="${article.articlePermalink}#comments" title="Comment&nbsp;&nbsp;on&nbsp;&nbsp;">${article.articleCommentCount}&nbsp;&nbsp;${commentLabel}
</a>
</div>
</div>
</#list>
<#if 0 != paginationPageCount>
<div class="page_navi">
<ul class="page-numbers">
<#if 1 != paginationPageNums?first>
<li><a href="${staticServePath}" title="${nextPagePabel}">${firstPageLabel}</a>
<a href="${staticServePath}${path}/${paginationPreviousPageNum}" title="${previousPageLabel}"><<</a></li>
</#if>
<#list paginationPageNums as paginationPageNum>
<#if paginationPageNum == paginationCurrentPageNum>
<li><span class="current">${paginationPageNum}</span></li>
<#else>
<li><a title="${paginationPageNum}" href="${staticServePath}${path}/${paginationPageNum}">${paginationPageNum}</a></li>
</#if>
</#list>
<#if paginationPageNums?last != paginationPageCount>
<li><a href="${staticServePath}${path}/${paginationNextPageNum}" title="${nextPagePabel}">>></a>
<a href="${staticServePath}${path}/${paginationPageCount}" title="${lastPageLabel}">${lastPageLabel}</a></li>
</#if>
&nbsp;&nbsp;${sumLabel} ${paginationPageCount} ${pageLabel}
</ul>
</div>
</#if>

112
skins/Dot-B/article.ftl Normal file
View File

@@ -0,0 +1,112 @@
<#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 id="body">
${topBarReplacement}
<div id="top_bar"></div>
<div id="wrapper">
<#include "header.ftl">
<div id="main">
<div id="content">
<div class="post">
<h2 class="post_title_h2">
<a href="${article.articlePermalink}" style="opacity: 1;">${article.articleTitle}</a>
<#if article.hasUpdated>
<sup class="tip">
${updatedLabel}
</sup>
</#if>
<#if article.articlePutTop>
<sup class="tip">
${topArticleLabel}
</sup>
</#if>
</h2>
<div class="post_info_top">
<div class="post_info_date">
<a href="${article.articlePermalink}" title="${dateLabel}" rel="bookmark">Posted&nbsp;&nbsp;on&nbsp;&nbsp;
<#if article.hasUpdated>
${article.articleUpdateDate?string("yyyy-MM-dd HH:mm:ss")}
<#else>
${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")}
</#if>
</a>
</div>
<div class="post_info_author">
<a href="${staticServePath}/authors/${article.authorId}" title="Posts&nbsp;&nbsp;by&nbsp;&nbsp;${article.authorName}" rel="author" style="opacity: 1; ">${article.authorName}</a>
</div>
</div>
<div class="clear"></div>
<div class="post_content">
${article.articleContent}
<#if "" != article.articleSign.signHTML?trim>
<div class="sign-htmml">
${article.articleSign.signHTML}
</div>
</#if>
<#if 0 != relevantArticlesDisplayCount>
<div id="relevantArticles" class="article-relative left" style="width: 50%;"></div>
</#if>
<div id="randomArticles" class="left article-relative"></div>
<div class="clear"></div>
<div id="externalRelevantArticles" class="article-relative"></div>
</div>
</div>
<div class="clear"></div>
<div class="post_info_bootom">
<div class="post_meta">
<ul>
<#list article.articleTags?split(",") as articleTag>
<li><a href="${staticServePath}/tags/${articleTag?url('UTF-8')}" rel="tag">${articleTag}</a><#if articleTag_has_next>,</#if></li>
</#list>
</ul>
</div>
<div class="post_readmore">
<a href="${article.articlePermalink}#comments" title="Comment&nbsp;&nbsp;on&nbsp;&nbsp;">${article.articleCommentCount}&nbsp;&nbsp;${commentLabel}
</a>
</div>
</div>
<div class="post-nav">
<#if nextArticlePermalink??>
<div class="previous_post"><a href="${nextArticlePermalink}">${nextArticle1Label}${nextArticleTitle}</a></div>
<#else>
<div class="previous_post">Already the latest post!</div>
</#if>
<#if previousArticlePermalink??>
<div class="next_post"><a href="${previousArticlePermalink}">${previousArticle1Label}${previousArticleTitle}</a></div>
<#else>
<div class="next_post">Already the latest post!</div>
</#if>
</div>
<@comments commentList=articleComments article=article></@comments>
<div class="clear"></div>
</div>
<div id="sidebar" class="widget-area">
<#include "side.ftl">
</div>
<div class="clear"></div>
</div>
<#include "footer.ftl">
</div>
<div id="bottom-bar"></div>
<@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>

View File

@@ -0,0 +1,39 @@
<#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 id="body">
${topBarReplacement}
<div id="top_bar"></div>
<div id="wrapper">
<#include "header.ftl">
<div id="main">
<div id="content">
<div class="post">
<h2 class="post_title_h2">
${author1Label}${authorName}
</h2>
<div class="clear"></div>
<div class="post_content">
<#include "article-list.ftl">
</div>
<div class="menu-mark"></div>
</div>
</div>
<div id="sidebar" class="widget-area">
<#include "side.ftl">
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<#include "footer.ftl">
</div>
<div class="clear"></div>
<div id="bottom-bar"></div>
</body>
</html>

494
skins/Dot-B/css/style.css Normal file
View File

@@ -0,0 +1,494 @@
/*
Theme Name: Dot-B
Theme URI: http://zlz.im/dot-b/
Description: A simple, fresh and dot-decorated looking theme with a lot of basic theme-custom options prepared for you to start you site. You can use those features : custom-background, custom-menu, drop-down menus, custom-header, widgets... and much more. Also you can recreate you child themes based on Dot-B. Compatible with WordPress 2.9+, valid XHTML & CSS + WP3 ready and Multi-language supported.
Author: hzlzh
Author URI: http://zlz.im/
Version: 1.8.8
License: GNU General Public License, v3 (or newer)
License URI: http://www.opensource.org/licenses/gpl-3.0.html
Tags: two-columns, gray, white, fixed-width, custom-header, custom-background, custom-menu, threaded-comments, custom-colors, theme-options, threaded-comments, translation-ready, right-sidebar, light
*/
/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0; font-size:100%; vertical-align:baseline; margin:0; padding:0}
:focus{outline:0}
body{font:13px/18px Tahoma,Arial,Helvetica,sans-serif; color:#555; line-height:1}
#body{background:url("../images/body-bg.png") repeat scroll center top transparent}
.clear{clear:both}
a img{border:none}
a, a:visited{text-decoration:none; color:#06c; outline:none}
a:hover{text-decoration:none; color:#bd0800}
p{line-height:1.6em; margin:0 0 1em}
h1, h2, h3, h4, h5, h6{clear:both}
hr{background-color:#CCC; border:0 none; height:1px; margin-bottom:1.625em}
ul{list-style-type:none; line-height:100%}
ul li{line-height:16px;list-style:none}
ol{margin:0 20px 1em}
ol li{line-height:normal; padding:0 0 5px}
dl{margin:0 1.625em}
dt{font-weight:bold}
dd{margin-bottom:1.625em}
strong{font-weight:bold}
cite, em, i{font-style:italic}
form, table, input, textarea, dl, dt, dd{outline:none}
#calendar_wrap table{border:thick dashed #E3E3E3; border-collapse:collapse; width:100%}
blockquote{background:none repeat scroll 0 0 #EEE; padding:2px 6px; border-color:#999; border-style:solid; border-width:0 0 0 2px; margin:0 10px 1em}
blockquote:hover{border-color:#06c}
pre{background:none no-repeat scroll 0 -664px #EAEAEA; border:1px solid #999; color:#333; display:block; line-height:120%; overflow:auto; margin:0 10px 1em; ; padding:10px 10px 10px 20px}
h1, h2, h3, h4, h5, h6{color:#333; line-height:1.1em; margin:0.3em 0; padding:0}
h1, h2{font-weight:normal}
h3, h4, h5, h6{font-weight:bold}
h1{font-size:200%}
h2{font-size:183%}
h3{font-size:166%}
h4{font-size:150%}
h5{font-size:133%}
h6{font-size:116%}
dl{margin:0 1.625em}
dt{font-weight:bold}
dd{margin-bottom:1.625em}
cite, em, i{font-style:italic}
code, kbd{font:13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}
abbr, acronym, dfn{border-bottom:thin dotted; cursor:help; ; cursor:help}
address{display:block; margin:0 0 1.625em}
ins{background:none repeat scroll 0 0 #FFF9C0; text-decoration:none}
sup, sub{font-size:10px; height:0; line-height:1; position:relative; vertical-align:baseline}
sup{bottom:1ex}
sub{top:0.5ex}
.left {
float: left;
}
.right {
float: right;
}
#top_bar, #bottom-bar, #rss, .menu-mark, .menu-mark2, .post_info_date, .post_info_author, .post_info_cat, .post_info_edit, .post_title_h2, .post_meta, .previous_post, .next_post, #comments-title, #sidebar ul li ul li, #header_search_area, #reply-title, pre{background-image:url("../images/all.png")}
#top_bar{background-position:0 -632px; height:4px; font-size:0; width:20%; background-color:#F1F1F1}
#bottom-bar{background-position:0 -639px; height:4px; font-size:0; background-color:#F1F1F1}
#wrapper{background:none repeat scroll 0 0 #F1F1F1; width:960px; margin:0 auto}
#header{background:none repeat scroll 0 0 #F1F1F1; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8}
#header #logo{display:inline; float:left; margin:20px 10px}
#header #logo a, #header #logo a:visited{font-size:32px; color:#06c; line-height:32px}
#header #logo a:hover{color:#2089cc}
#header #description{color:#888; font-size:13px; font-weight:400; line-height:13px; margin-top:7px}
#header #header_meta{float:right; display:inline}
#header #header_search_area{background-position:-125px 0; float:left; height:20px; position:relative; width:155px; margin:0 91px 0 0; padding:23px 0 0 45px}
#searchform #s{border-bottom:1px dashed;border-left:none;border-right:none;border-top:none; background:none repeat scroll 0 0 transparent; color:#BBB; display:inline; height:19px; position:absolute; width:65%; margin:2px}
#searchform #searchsubmit{height:16px; position:absolute; right:0; text-indent:-9999px; width:13px; display:none; margin:2px}
#header #rss{background-position:0 0; float:left; text-indent:-9999px; height:45px; width:48px; margin:7px 10px 0 0; line-height:45px}
#header #rss:hover{background-position:-58px 0; float:left; text-indent:-9999px; height:45px; width:48px; margin:7px 10px 0 0; line-height:45px}
#header #social{float:right; margin-right:20px}
.facebook a,.twitter a,.flickr a,.delicious a,.gplus a,.picasa a,.tencent a,.sina a,.rss a,.facebook1 a,.twitter1 a{display:inline; float:left; height:32px; width:32px; text-indent:-9999px; margin:3px 2px 2px 2px;background-image:url("../images/all.png")}
#header #social ul li{display:inline}
.facebook a{background-position:0 -88px}
.facebook a:hover{background-position:0 -48px}
.twitter a{background-position:-48px -88px}
.twitter a:hover{background-position:-48px -48px}
.flickr a{background-position:-96px -88px}
.flickr a:hover{background-position:-96px -48px}
.delicious a{background-position:-144px -88px}
.delicious a:hover{background-position:-144px -48px}
.gplus a{background-position:-192px -88px}
.gplus a:hover{background-position:-192px -48px}
.picasa a{background-position:-240px -88px}
.picasa a:hover{background-position:-240px -48px}
.tencent a{background-position:-289px -87px}
.tencent a:hover{background-position:-289px -48px}
.sina a{background-position:-476px -87px}
.sina a:hover{background-position:-476px -48px}
.rss a{background-position:-336px -88px}
.rss a:hover{background-position:-336px -48px}
.facebook1 a{background-position:-384px -88px}
.facebook1 a:hover{background-position:-384px -48px}
.twitter1 a{background-position:-432px -88px}
.twitter1 a:hover{background-position:-432px -48px}
.header_menu{border-bottom:1px solid #CCC; border-top:2px dashed #CCC; clear:both; height:36px; padding:0 10px}
.header_menu ul{list-style:none; float:left; margin:0; padding:0}
.header_menu ul li{float:left; position:relative; margin:0; padding:0 15px 0 0; border-bottom:1px solid #CCC}
.header_menu ul li a{color:#555; display:block; text-decoration:none; float:left; padding:10px 5px; cursor:pointer}
.header_menu ul li a:hover{color:#06c}
.header_menu .menu-mark{background-position:-721px -14px; float:left; height:16px; width:10px; margin:13px 0 7px}
.header_menu .menu-mark2{background-position:-893px -14px; float:left; height:16px; width:10px; margin:13px 0 7px}
.header_menu ul li span.subhover{background-position:center bottom; cursor:pointer}
.header_menu ul li ul{list-style:none; position:absolute; left:0; top:36px; background:#F1F1F1; display:none; float:left; margin:0; padding:0; z-index:999}
.header_menu ul li ul li{border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; clear:both; width:170px; margin:0; padding:0}
.header_menu ul ul ul{left:100%; top:-1px}
.header_menu ul ul li:first-child{border-top:1px solid #ccc}
#main{background:none repeat scroll 0 0 #F1F1F1; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; clear:both; padding:5px 0 0}
#content{border-right:4px dashed #FFF; display:inline; float:left; width:680px}
.page-title{margin:2px; text-align:center}
.post_title_h2, #reply-title{background-position:-60px -125px; color:#555; font-size:15px; font-weight:400; text-indent:4px; margin:0; padding:4px 0; line-height:20px}
.post{margin-top:10px}
.post_content{line-height:20px; margin:10px}
.post_content img{}
.post_content table{border-bottom:1px solid #DDD; margin:0 0 1.625em; width:100%}
.post_content th{color:#666; font-size:10px; font-weight:500; letter-spacing:0.1em; line-height:2.6em; text-transform:uppercase}
.post_content td{border-top:1px solid #DDD; padding:6px 10px 6px 0}
.post_content #s{width:75%}
.post_content ul, .post_content ol{margin:0 0 1em 2em}
.post_content ul{list-style:square outside none}
.post_content ol{list-style-type:decimal}
.post_title_h2 a, .post_title_h2 a:visited{color:#555; display:inline-block}
.post_info_top{color:#999; margin:0 10px; overflow:hidden}
.post_info{overflow:hidden; margin:0 6px}
.post_info_date{background-position:-24px -175px; display:block; padding:0 0 0 10px; margin:0 6px 0 0; line-height:17px; float:left}
.post_info_author{background-position:-20px -187px; display:block; margin:0 6px 0 0; padding:0 0 0 10px; line-height:17px; float:left}
.post_info_cat{background-position:-8px -225px; display:block; margin:0 6px 0 0; padding:0 0 0 10px; line-height:17px; float:left}
.post_info_edit{background-position:-3px -239px; display:block; margin:0 6px 0 0; padding:0 0 0 10px; line-height:17px; float:left}
.post_info_bootom{overflow:hidden; clear:both; margin:10px 0 10px -7px; padding:0 0 0 7px}
.single .post_meta{height:auto}
.single .post_meta li{margin-top:2px}
.post_meta{float:left; width:550px; display:inline; background-position:right -441px; overflow:hidden; height:19px; margin:0 0 0 -7px; padding:0 0 0 7px}
.post_meta ul{margin:0; line-height:100%}
.post_meta li{float:left; position:relative; background:url("../images/tag.png") no-repeat scroll transparent; margin-left:-7px; background-position:-12px 0; padding:0 0 0 7px}
.post_meta li:hover{background:url("../images/tag.png") no-repeat scroll -12px -103px transparent}
.post_meta ul li a{background:url("../images/tag.png") no-repeat scroll 100% -50px #b6b6b6; color:#FFF; display:block; float:left; height:19px; line-height:19px; overflow:hidden; padding:0 14px 0 5px}
.post_meta ul li:hover a, .post_meta ul li a:hover{color:#FFF; background-color:#7ea6dd; background-position:100% -153px}
.post_readmore{height:17px; line-height:17px; display:inline; margin:0 0 0 6px}
#sidebar{display:inline; float:right; width:260px; margin:6px 6px 6px 8px; padding:0}
#sidebar a{color:#666; line-height:19px}
#sidebar a:hover{color:#06C}
#sidebar ul li ul li{background-position:-32px -163px; color:#666; font-size:12px; margin-left:5px; padding-left:10px; line-height:17px}
#sidebar ul li ul li a{font-style:normal}
#sidebar ul li ul li:hover{background-position:-38px -149px; color:#06C}
#sidebar li{line-height:100%; margin:0 0 1em; list-style:none}
#sidebar li li{line-height:19px; margin:0 0 4px}
#sidebar li li:hover{background-position:0 -204px}
.widget_title{color:#777; background-color:#EEE; border-left:2px solid #999; font-size:13px; font-weight:bolder; line-height:100%; margin:0 0 0.7em; padding:5px}
.widget_title:hover{background-color:#EEE; border-left:2px solid #06c}
.post-nav{overflow:hidden; margin-top:10px; clear:both}
.post-nav .previous_post{font-family:Microsoft YaHei; font-style:italic; color:#888; background-position:0 -316px; float:left; height:19px; display:block; overflow:hidden; margin:0 0 0 6px; padding:0 10px 0 13px}
.post-nav .next_post{font-family:Microsoft YaHei; font-style:italic; color:#888; background-position:right -315px; float:right; height:19px; display:block; overflow:hidden; margin:0 6px 0 0; padding:0 17px 0 0}
#footer{border-top:2px dashed #CCC; background:none repeat scroll 0 0 #F1F1F1; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; height:50px}
#copyright{color:#888; float:left; display:inline; margin:10px 0 0 20px; padding:0}
#copyright li{float:left; display:inline; font-size:13px; margin:0 10px 0 0; padding:3px 0 5px 13px}
#site-info{margin-bottom:5px}
#site-generator a{color:#777}
#return_top{float:right; margin:20px 55px 0 0}
#wp-calendar{width:100%; font-size:13px; margin:0 auto}
#wp-calendar th, #wp-calendar td{line-height:150%; text-align:center}
#wp-calendar td a, #wp-calendar td a:visited{color:#06C; display:block}
#wp-calendar caption{display:none; padding:8px 0}
#wp-calendar #prev a:hover, #wp-calendar #next a:hover, #side_middle #wp-calendar #prev a:hover, #side_middle #wp-calendar #next a:hover{text-decoration:underline; color:#2089cc}
#wp-calendar td#today{color:#555; background-color:#DDD}
#wp-calendar tbody a{background-color:#eee}
#wp-calendar tbody a:hover{background-color:#e7e7e7}
#comments{margin-top:30px;position: relative;}
.comment-content table{border-bottom:1px solid #DDD; margin:0 0 1.625em; width:100%}
.comment-content th{color:#666; font-size:10px; font-weight:500; letter-spacing:0.1em; line-height:2.6em; text-transform:uppercase}
.comment-content td{border-top:1px solid #DDD; padding:6px 10px 6px 0}
.comment-content ul, .comment-content ol{margin:0 0 1em 2em}
.comment-content ul{list-style:square outside none}
.comment-content ul li{list-style:square outside none!important; margin:0!important; padding:0}
.comment-content ol{list-style-type:decimal}
.comment-content ol li{list-style-type:decimal!important; margin:0!important; padding:0}
#thecomments{margin-right:20px; width:640px}
#comments-title{background-position:0 -421px; font-size:14px; font-weight:700; text-align:center; margin:5px 20px 20px; padding:5px 0}
#comments-title span{background:#f1f1f1; color:#888; padding:0 4px}
#comments-title span a{color:#888}
.bypostauthor{}
ol.commentlist li{position:relative; list-style:none; padding-bottom:4px; margin:0 0 5px}
ol.commentlist li .by-post-author div.vcard img.avatar{position:absolute; right:0; float:right; border:1px dashed #ddd; margin-top:-4px}
ol.commentlist li .by-post-author div.vcard cite.fn{float:right; margin:0 50px 0 0}
ol.commentlist li .by-post-author span.comment-meta{position:absolute; right:48px; top:20px; left:auto}
ol.commentlist li .by-post-author p{padding:3px 0 3px 44px}
ol.commentlist li .by-post-author div.reply, ol .commentlist li .atclass{right:auto; left:0; top:5px}
ol.commentlist li .by-post-author div.comment-author{height:18px}
ol.commentlist li div.comment-author{height:20px; border-bottom:3px dashed #DDD; margin-bottom:4px}
ol.commentlist li div.vcard img.avatar{background:none repeat scroll 0 0 #FFF; height:40px; position:absolute; border-color:#CCC; border-style:solid; border-width:1px; padding:1px}
ol.commentlist li div.vcard cite.fn{margin-left:50px; font-style:normal; font-size:14px; font-weight:700}
ol.commentlist li div.vcard span.says{position:absolute; text-indent:-9999em}
ol.commentlist li span.comment-meta{color:#aaa; font-size:12px; left:55px; margin-left:5px; top:25px}
ol.commentlist li p{padding:0 50px 5px 55px}
ol.commentlist li.pingback p{margin:0; padding:0 10px 5px}
ol.commentlist li div.reply, ol .commentlist li .atclass{background:none repeat scroll 0 0 #FFF; border:2px dashed #DDD; position:absolute; right:0; top:8px; font-size:12px; padding:2px}
ol.commentlist li.comment-body-ref {
background-color: #F1F1F1;
border-bottom: medium none;
left: 110px;
padding-bottom: 0;
position: absolute;
width: 530px;
}
ol.commentlist li.comment-body-ref .comment-author{overflow:hidden; display:block; height:16px; border:none; border-bottom:1px dashed #DDD}
ol.commentlist li.comment-body-ref div.vcard img.avatar{position:absolute; right:0; float:right; border:1px dashed #ddd; height:24px; margin-top:2px; width:24px}
ol.commentlist li.comment-body-ref .fn{margin-left:10px; float:right; margin-right:32px}
ol.commentlist li.comment-body-ref .fn a {
color: #555;
}
ol.commentlist li.comment-body-ref span.comment-meta{position:absolute; right:31px; top:16px; left:auto}
ol.commentlist li.comment-body-ref div.comment-content{padding-top:5px}
ol.commentlist li.comment-body-ref div.reply {left: -17px;
right: auto;
top: 5px;}
ol.commentlist li ul.children li div#comments{margin-top:15px}
ol.commentlist li ul.children .by-post-author div.reply, ol .commentlist li .atclass{right:auto; left:-17px; top:5px}
ol.commentlist li ul.children div.vcard img.avatar{position:absolute; right:auto; float:none; border:1px dashed #ddd; height:24px; margin-top:-1px; width:24px}
ol.commentlist li ul.children div.vcard cite.fn{float:none; margin-left:35px}
ol.commentlist li ul.children span.comment-meta{float:none; left:38px; top:18px}
#respond{margin:20px 20px 20px 55px}
#respond h2{font-size:18px; font-weight:700; margin-bottom:10px}
#respond a#cancel-comment-reply-link{font-size:12px; color:#920017}
#respond a#cancel-comment-reply-link:hover{color:#FF4E00}
#respond #reply-title{line-height:20px; padding:4px}
#commentForm, #replyForm{margin:0; padding:0}
#replyForm {
margin-top: 10px;
}
#commentForm p , #replyForm p{overflow:hidden; margin:0 0 10px; padding:0; clear:both}
#commentForm textarea, #commentForm input,
#replyForm textarea, #replyForm input{height:16px; float:left; border:1px dashed #DDD; margin-right:5px; color:#333; padding:3px}
#commentForm textarea:hover, #commentForm input:hover,
#replyForm textarea:hover, #replyForm input:hover{border:1px dashed #bbb}
#commentForm textarea,
#replyForm textarea{height:130px; font-size: 100%;}
#commentForm .form-allowed-tags,
#replyForm .form-allowed-tags{color:#888; font-size:12px; line-height:1.2em}
#comment{width:330px; margin:0 10px 0 0}
#submitCommentButton, #submitCommentButtonReply{background-color:#888; border:medium none; color:#DDD; padding:2px 5px}
#submitCommentButton:hover, #submitCommentButtonReply:hover{background-color:#666}
ol.pingslist h3{font-weight:700; margin-bottom:10px; border-bottom:1px solid #CCC; color:#555; padding:3px 0}
ol.pingslist{list-style-type:none; margin:5px 20px 15px}
ol.pingslist li{color:#AAA; margin:0}
ol.pingslist a{color:#555; outline:medium none; text-decoration:none}
#pings-title{font-size:14px; font-weight:700; margin:5px; padding:5px 0; color:#888}
.page_navi{text-align:center; margin:20px}
.page_navi li{line-height:0; display:inline; font-size:13px}
.page_navi a{border:2px dashed #DDD; color:#AAA; line-height:30px; padding:1px 4px}
.page_navi a:hover{color:#2089CC; background-color:#e9e9e9; border:2px dashed #AAA}
.floor{float:left; margin:0 5px 0 0}
#microblog{height:52px; line-height:18px; overflow:hidden}
#microblog li{height:40px; margin:10px 0}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{height:auto; max-width:100%}
.alignleft, img.alignleft{display:inline; float:left; margin-right:24px; margin-top:4px}
.alignright, img.alignright{display:inline; float:right; margin-left:24px; margin-top:4px}
.aligncenter, img.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto}
img.alignleft, img.alignright, img.aligncenter{margin-bottom:12px}
.wp-caption{background:none repeat scroll 0 0 #FFF; line-height:18px; margin-bottom:20px; max-width:632px !important; text-align:center; padding:4px}
.wp-caption img{padding:0}
.wp-caption p.wp-caption-text{color:#888; font-size:12px; margin:5px}
.gallery{margin:0 auto 18px}
.gallery .gallery-item{float:left; margin-top:0; text-align:center; width:33%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery img{border:10px solid #CFCFCF}
.gallery-columns-2 .attachment-medium{height:auto; max-width:92%}
.gallery-columns-4 .attachment-thumbnail{height:auto; max-width:84%}
.gallery .gallery-caption{color:#888; font-size:12px; margin:0 0 12px}
.navigation{text-align:center; color:#888; font-size:12px; line-height:18px; overflow:hidden}
.navigation a{border:2px dashed #DDD; color:#AAA; line-height:30px; padding:1px 4px}
.navigation a:hover{background-color:#E9E9E9; border:2px dashed #AAA; color:#2089CC}
.nav-previous{float:left; width:50%}
.nav-next{float:right; text-align:right; width:50%}
#nav-above{display:none; margin:0 0 18px}
.paged #nav-above, .single #nav-above{display:block}
#nav-below{margin:-18px 0 0}
.page-link{clear:both; color:#000; font-weight:700; word-spacing:0.5em; margin:0 0 22px}
.page-link a:link, .page-link a:visited{border:2px dashed #DDD; color:#AAA; line-height:30px; padding:1px 4px}
.home .sticky .page-link a{background:none repeat scroll 0 0 #D9E8F7}
.page-link a:active, .page-link a:hover{background-color:#E9E9E9; border:2px dashed #AAA; color:#2089CC}
object, #content .attachment img{display:block; margin:0 auto}
#header #header_right, .post_info_comments{float:right}
.post_title_h2 a:hover, #wp-calendar td a:hover{color:#BD0800}
.post_info_top a, ol.commentlist li div.reply a, ol.commentlist li .atclass a, #respond .comment-notes{color:#999}
.post_info_top a:hover, #footer a:hover, ol.commentlist li div.vcard cite.fn a.url{color:#06c}
#footer a, #wp-calendar th, ol.commentlist li div.vcard cite.fn a.url:hover{color:#555}
ol.commentlist li span.comment-meta a, .page-numbers dots{color:#AAA}
ol.commentlist li span.comment-meta a:hover, ol.commentlist li div.reply a:hover, ol.commentlist li .atclass a:hover{color:#222}
ol.commentlist li ul.children .by-post-author p, ol.commentlist li ul.children p{padding:3px 31px 3px 31px}
#respond .comment-form-comment label, .gallery br+br{display:none}
.gallery dl{margin:0}
img.wp-smiley{background:none; margin:0; padding:0; border:none}
.widget_calendar .widget_title{display:none}
img[class*="align"], img[class*="wp-image-"]{ height:auto}
img.size-full{ max-width:97.5%; width:auto}
img.alignleft, img.alignright, img.aligncenter{ margin-bottom:1.625em}
p img, .wp-caption{ margin-top:0.4em}
.wp-caption{ background:none repeat scroll 0 0 #fff; margin-bottom:1.625em; max-width:96%}
.wp-caption img{ display:block; margin:0 auto; max-width:98%}
.wp-caption .wp-caption-text, .gallery-caption{ color:#666; font-family:Georgia,serif; font-size:12px}
.wp-caption .wp-caption-text{ margin-bottom:0.6em; position:relative}
.wp-caption .wp-caption-text:before{ color:#666; font-size:14px; font-style:normal; font-weight:bold; left:10px; margin-right:5px; position:absolute; top:7px}
#content .gallery{ margin:0 auto 1.625em}
#content .gallery a img{ border:medium none}
img#wpstats{ display:block; margin:0 auto 1.625em}
#content .gallery-columns-4 .gallery-item{ padding-right:2%; width:23%}
#content .gallery-columns-4 .gallery-item img{ height:auto; width:100%}
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img{background:#fff; padding:6px; border:1px solid #DDD}
.wp-caption img{ border-color:#DDD; border:none}
a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img{ background:none repeat scroll 0 0 #FFF; border-color:#DDD}
.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img{ background:none repeat scroll 0 0 #FFF; border-color:#DDD}
.post-password-required .entry-header .comments-link{ margin:1.625em 0 0}
.post-password-required input[type="password"]{ margin:0.8125em 0}
.post-password-required input[type="password"]:focus{ background:none repeat scroll 0 0 #F7F7F7}
.attachment-extra-featured-image{background:#FFF; border:1px solid #DDD; padding:4px}
.post-password-required input[type="password"]{ margin:0.8125em 0}
input[type="text"], input[type="password"], textarea{ border:1px solid #ccc; color:#888}
/* start emotions */
.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09,
.em10, .em11, .em12, .em13, .em14 {
background-image: url("../images/emotions.png");
float: left;
height: 24px;
margin-right: 10px;
width: 24px;
}
#emotions span {
cursor: pointer;
}
.em01 {
background-position: -24px 0;
}
.em02 {
background-position: -48px 0;
}
.em03 {
background-position: -72px 0;
}
.em04 {
background-position: -96px 0;
}
.em05 {
background-position: 0px -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 emotions */
.sign-htmml {
background:#FDFDFD;
border: 5px solid #EEEEEE;
padding: 5px;
}
#captcha, #captchaReply {
margin-top: 0;
vertical-align: middle;
}
.recentcomments {
width:240px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: exllipsis;
word-wrap: normal;
}
/* start tags */
#tags li {
float: left;
list-style: none;
height: 38px;
}
#tags a:hover {
text-shadow: 0 0 2px;
}
#tags a {
color: #777;
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;
}
/* end tags */

1
skins/Dot-B/css/style.min.css vendored Normal file

File diff suppressed because one or more lines are too long

51
skins/Dot-B/footer.ftl Normal file
View File

@@ -0,0 +1,51 @@
<div id="footer">
<div id="copyright">
<div id="site-info">
Copyright&nbsp;&nbsp;&copy;&nbsp;${year} - <a href="http://${blogHost}">${blogTitle}</a>
</div>
<div id="site-generator">
Powered by <a href="http://b3log-solo.googlecode.com">${b3logLabel}&nbsp;
<span style="color: orangered; font-weight: bold;">Solo</span></a>ver ${version}&nbsp;
| Theme <abbr title="Dot-B v B3log">Dot-B</abbr> by <a href="http://zlz.im/" >hzlzh</a>&<a href="http://www.ansen.org" target="_blank">Ansen</a>.
</div>
</div><!-- #copyright -->
<a id="return_top" href="#wrapper" rel="nofollow" title="Go Top"> &Delta;Top</a>
</div><!-- #footer -->
<script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js?${staticResourceVersion}" charset="utf-8"></script>
<script type='text/javascript' src='${staticServePath}/skins/${skinDirName}/js/all${miniPostfix}.js?${staticResourceVersion}'></script>
<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
<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}"
});
$(document).ready(function () {
Util.init();
Util.replaceSideEm($("#recentComments .row"));
});
</script>

46
skins/Dot-B/header.ftl Normal file
View File

@@ -0,0 +1,46 @@
<div id="header">
<div id="logo">
<a href="${staticServePath}" title="${blogTitle}" rel="home">${blogTitle}</a>
<div id="description">${blogSubtitle}</div>
</div>
<div id="header_right">
<div id="header_meta">
<div id="header_search_area">
<form action="http://www.google.com/cse" id="searchform">
<input type="hidden" name="cx" value="003546163348813487923:cn_wvlqmqvs" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" id="s" name="q" size="25" value="type, hit enter" size="35" maxlength="50" x-webkit-speech="" />
</form>
</div>
<a id="rss" rel="external nofollow" href="${staticServePath}/blog-articles-feed.do" title="RSS FEED" ></a>
</div>
<div class="clear"></div>
<div id="social">
<div class="menu-default-container">
<ul class="menu" id="menu-default">
<li class="facebook"><a target="_blank" href="https://www.facebook.com/ansenorg">Facebook</a></li>
<li class="twitter"><a target="_blank" href="https://twitter.com/ansenorg">Twitter</a></li>
<li class="tencent"><a target="_blank" href="http://t.qq.com/shenan">${Tencentmicroblog}</a></li>
<li class="gplus"><a target="_blank" href="https://plus.google.com/u/0/104839560635327200193">Google+</a></li>
</ul>
</div>
</div>
</div>
<div class="header_menu">
<div class="menu-menu-container">
<ul>
<li>
<a href="${staticServePath}">${indexLabel}</a>
</li>
<li>
<a href="${staticServePath}/tags.html">${allTagsLabel}</a>
</li>
<#list pageNavigations as page>
<li>
<a href="${page.pagePermalink}">${page.pageTitle}</a>
</li>
</#list>
</ul>
</div>
</div>
</div>

BIN
skins/Dot-B/images/all.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

BIN
skins/Dot-B/images/tag.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

28
skins/Dot-B/index.ftl Normal file
View File

@@ -0,0 +1,28 @@
<#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 id="body">
${topBarReplacement}
<div id="top_bar"></div>
<div id="wrapper">
<#include "header.ftl">
<div id="main">
<div id="content">
<#include "article-list.ftl">
</div>
<div id="sidebar" class="widget-area">
<#include "side.ftl">
</div>
<div class="clear"></div>
</div>
<#include "footer.ftl">
</div>
<div id="bottom-bar"></div>
</body>
</html>

122
skins/Dot-B/js/all.js Normal file
View File

@@ -0,0 +1,122 @@
// All the jQuery function that WordPress used
// Add empty span tag at menu which have drop-down meun
jQuery("ul.sub-menu:not(.sub-menu .sub-menu)").parent().append('<div class="menu-mark" ></div>');
jQuery("ul.children:not(.children .children)").parent().append('<div class="menu-mark" ></div>');
jQuery("ul.sub-menu ul.sub-menu:not(.sub-menu .sub-menu .sub-menu)").parent().append('<div class="menu-mark2" ></div>');
jQuery("ul.children ul.children:not(.children .children .children)").parent().append('<div class="menu-mark2" ></div>');
// Drop down menu slide function
var mouseover_tid = [];
var mouseout_tid = [];
jQuery('.header_menu ul > li').each(function(index) {
jQuery(this).hover(function() {
var _self = this;
clearTimeout(mouseout_tid[index]);
mouseover_tid[index] = setTimeout(function() {
jQuery(_self).find('ul:eq(0)').slideDown('fast');
},
200);
},
function() {
var _self = this;
clearTimeout(mouseover_tid[index]);
mouseout_tid[index] = setTimeout(function() {
jQuery(_self).find('ul:eq(0)').slideUp('fast');
},
200);
});
});
// Top colourful bar
jQuery(document).ready(function() {
// color tags
$("#colorfultagcloud a").each(function (i) {
this.style.color = randomColor()
});
function randomColor() {
var arrHex = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
var strHex = "#";
var index;
for (var i = 0; i < 6; i++) {
index = Math.round(Math.random() * 15);
strHex += arrHex[index];
}
return strHex;
};
jQuery("#top_bar").animate({
width: "100%"
},
{
queue: false,
duration: 5000
});
// Mouse over search box focus function
jQuery("#s").mouseover(function() {
jQuery(this).focus().val([""]);
});
// Link sparkling function
jQuery(".post_meta li,body a:not(.post_meta li a)").hover(function() {
if (!jQuery(this).is(":animated")) {
jQuery(this).animate({
opacity: ".7"
},
220).animate({
opacity: "1"
},
180);
}
});
jQuery(function() {
jQuery('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var $target = jQuery(this.hash);
$target = $target.length && $target || jQuery('[name=' + this.hash.slice(1) + ']');
if ($target.length) {
var targetOffset = $target.offset().top - 100;
jQuery('html,body').animate({
scrollTop: targetOffset
},
1000);
return false;
}
}
});
});
// hide #return_top first
jQuery("#return_top").hide();
// fade in #return_top
jQuery(function() {
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > 100) {
jQuery('#return_top').fadeIn();
} else {
jQuery('#return_top').fadeOut();
}
});
});
// When a link is clicked
jQuery("a.tab").click(function() {
// switch all tabs off
jQuery(".active").removeClass("active");
// switch this tab on
jQuery(this).addClass("active");
// slide all content up
jQuery(".content").slideUp();
// slide this content up
var content_show = jQuery(this).attr("title");
jQuery("#" + content_show).slideDown();
});
jQuery('#tab-title span').click(function() {
jQuery(this).addClass("selected").siblings().removeClass();
jQuery("#tab-content > .widget-container").slideUp('1500').eq(jQuery('#tab-title span').index(this)).slideDown('1500');
});
});

1
skins/Dot-B/js/all.min.js vendored Normal file
View File

@@ -0,0 +1 @@
jQuery("ul.sub-menu:not(.sub-menu .sub-menu)").parent().append('<div class="menu-mark" ></div>');jQuery("ul.children:not(.children .children)").parent().append('<div class="menu-mark" ></div>');jQuery("ul.sub-menu ul.sub-menu:not(.sub-menu .sub-menu .sub-menu)").parent().append('<div class="menu-mark2" ></div>');jQuery("ul.children ul.children:not(.children .children .children)").parent().append('<div class="menu-mark2" ></div>');var mouseover_tid=[];var mouseout_tid=[];jQuery(".header_menu ul > li").each(function(a){jQuery(this).hover(function(){var b=this;clearTimeout(mouseout_tid[a]);mouseover_tid[a]=setTimeout(function(){jQuery(b).find("ul:eq(0)").slideDown("fast")},200)},function(){var b=this;clearTimeout(mouseover_tid[a]);mouseout_tid[a]=setTimeout(function(){jQuery(b).find("ul:eq(0)").slideUp("fast")},200)})});jQuery(document).ready(function(){$("#colorfultagcloud a").each(function(b){this.style.color=a()});function a(){var e=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];var b="#";var c;for(var d=0;d<6;d++){c=Math.round(Math.random()*15);b+=e[c]}return b}jQuery("#top_bar").animate({width:"100%"},{queue:false,duration:5000});jQuery("#s").mouseover(function(){jQuery(this).focus().val([""])});jQuery(".post_meta li,body a:not(.post_meta li a)").hover(function(){if(!jQuery(this).is(":animated")){jQuery(this).animate({opacity:".7"},220).animate({opacity:"1"},180)}});jQuery(function(){jQuery("a[href*=#]").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var b=jQuery(this.hash);b=b.length&&b||jQuery("[name="+this.hash.slice(1)+"]");if(b.length){var c=b.offset().top-100;jQuery("html,body").animate({scrollTop:c},1000);return false}}})});jQuery("#return_top").hide();jQuery(function(){jQuery(window).scroll(function(){if(jQuery(this).scrollTop()>100){jQuery("#return_top").fadeIn()}else{jQuery("#return_top").fadeOut()}})});jQuery("a.tab").click(function(){jQuery(".active").removeClass("active");jQuery(this).addClass("active");jQuery(".content").slideUp();var b=jQuery(this).attr("title");jQuery("#"+b).slideDown()});jQuery("#tab-title span").click(function(){jQuery(this).addClass("selected").siblings().removeClass();jQuery("#tab-content > .widget-container").slideUp("1500").eq(jQuery("#tab-title span").index(this)).slideDown("1500")})});

View 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>

View 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(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>
Tencentmicroblog=\u817e\u8baf\u5fae\u535a

View File

@@ -0,0 +1,141 @@
<#macro comments commentList article>
<div>
<!-- You can start editing here -->
<h2 id="comments-title"><span>{ <a href="#respond" rel="nofollow" title="Leave a Reply ?">Leave a Reply ?</a> }</span></h2>
<ol class="commentlist" id="comments">
<#list commentList as comment>
<li id="${comment.oId}">
<div class="by-vistor">
<div class="comment-author vcard">
<img alt="${comment.commentName}" src="${comment.commentThumbnailURL}" class="avatar avatar-40 photo" height="40" width="40">
<cite class="fn">
<#if "http://" == comment.commentURL>
${comment.commentName}
<#else>
<a href="${comment.commentURL}" rel="external nofollow" class="url">${comment.commentName}</a>
</#if>
</cite>
<span class="comment-meta commentmetadata">
${comment.commentDate?string("yyyy-MM-dd HH:mm:ss")}
<a href="#${comment.oId}"> # </a>
</span><!-- .comment-meta .commentmetadata -->
</div>
<div class="comment-content">
<p>
<#if comment.isReply>
@ <a href="${article.permalink}#${comment.commentOriginalCommentId}"
onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 35, 'li');"
onmouseout="page.hideComment('${comment.commentOriginalCommentId}')">${comment.commentOriginalCommentName}</a><br>
</#if>
${comment.commentContent}
</p>
</div>
<#if article.commentable>
<div class="reply">
<a class="comment-reply-link"
href="javascript:replyTo('${comment.oId}');">${replyLabel}</a>
</div>
</#if>
</div>
</li>
</#list>
</ol>
<#if article.commentable>
<div id="respond">
<h3 id="reply-title">Leave a Reply</h3>
<p class="comment-notes">Your email address will not be published.</p>
<div id="commentForm">
<p class="comment-form-author">
<label>Name</label> <input id="commentName" name="author" type="text" value="" size="30"></p>
<p class="comment-form-email">
<label>Email</label> <input id="commentEmail" name="email" type="text" value="" size="30"></p>
<p class="comment-form-url">
<label>Website</label><input id="commentURL" name="url" type="text" value="" size="30"></p>
<p class="comment-form-code">
<label><img id="captcha" alt="validate" src="/captcha.do" /></label>
<input id="commentValidate" name="code" type="text" value="" size="30">
</p>
<p class="comment-form-comment">
<label>Comment</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>
<p class="form-submit">
<button type="submit" id="submitCommentButton" onclick="page.submitComment();">Post Comment</button>
<span class="error-msg" id="commentErrorTip"></span>
</p>
<p id="emotions">
<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>
</p>
</div>
</div>
<#else>
<div class="comstyle">The Comments <span>Closed!</span></div>
</#if>
</div>
</#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}",
"loadingLabel": "${loadingLabel}",
"oId": "${oId}",
"skinDirName": "${skinDirName}",
"blogHost": "${blogHost}",
"randomArticles1Label": "${randomArticlesLabel}",
"externalRelevantArticles1Label": "${externalRelevantArticlesLabel}"
});
var addComment = function (result, state) {
var commentHTML = '<li id="' + result.oId +
'"><div class="by-vistor"><div class="comment-author vcard">' +
'<img alt="' + $("#commentName" + state).val() +
'" src="' + result.commentThumbnailURL + '" class="avatar avatar-40 photo" height="40" width="40">' +
'<cite class="fn">' + result.replyNameHTML + '</cite>' +
'<span class="comment-meta commentmetadata">' + result.commentDate +
'<a href="#' + result.oId + '"> # </a>';
if (state !== "") {
var commentOriginalCommentName = $("#" + page.currentCommentId).find(".fn").text();
commentHTML += '&nbsp;@&nbsp;<a href="' + result.commentSharpURL.split("#")[0] + '#' + page.currentCommentId + '"'
+ 'onmouseover="page.showComment(this, \'' + page.currentCommentId + '\', 35, \'li\');"'
+ 'onmouseout="page.hideComment(\'' + page.currentCommentId + '\')">' + commentOriginalCommentName + '</a>';
}
commentHTML += '</span></div><div class="comment-content"><p>' +
Util.replaceEmString($("#comment" + state).val().replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g,"<br/>")) +
'</p></div>';
commentHTML += '</div></li>';
return commentHTML;
}
var replyTo = function (id) {
var commentFormHTML = "<div id='replyForm'>";
page.addReplyForm(id, commentFormHTML, "</div>");
};
(function () {
page.load();
// emotions
page.replaceCommentsEm("#comments .comment-content");
<#nested>
})();
</script>
</#macro>

View 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/style${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
<link href="blog-articles-feed.do" title="ATOM" type="application/atom+xml" rel="alternate" />
<link rel="icon" type="image/png" href="${staticServePath}/favicon.png" />
${htmlHead}
</#macro>

37
skins/Dot-B/page.ftl Normal file
View File

@@ -0,0 +1,37 @@
<#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 id="body">
${topBarReplacement}
<div id="top_bar"></div>
<div id="wrapper">
<#include "header.ftl">
<div id="main">
<div id="content">
<div class="post">
<div class="post_content">
${page.pageContent}
</div>
</div>
<div class="clear"></div>
<@comments commentList=pageComments article=page></@comments>
<div class="clear"></div>
</div>
<div id="sidebar" class="widget-area">
<#include "side.ftl">
</div>
<div class="clear"></div>
</div>
<#include "footer.ftl">
</div>
<div id="bottom-bar"></div>
<@comment_script oId=page.oId></@comment_script>
</body>
</html>

BIN
skins/Dot-B/preview.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

89
skins/Dot-B/side.ftl Normal file
View File

@@ -0,0 +1,89 @@
<ul class="xoxo">
<#if "" != noticeBoard>
<li id="calendar" class="widget">
<h3 class="widget_title">${noticeBoardLabel}</h3>
<div>${noticeBoard}</div>
</li>
</#if>
<#if 0 != mostViewCountArticles?size>
<li id="recent-post" class="widget">
<h3 class="widget_title">${mostViewCountArticlesLabel}</h3>
<ul>
<#list mostViewCountArticles as article>
<li>
<a href="${article.articlePermalink}" title="${article.articleTitle}">${article.articleTitle} - ${article.articleViewCount}</a>
</li>
</#list>
</ul>
</li>
</#if>
<#if 0 != recentComments?size>
<li id="recent-comments" class="widget">
<h3 class="widget_title">${recentCommentsLabel}</h3>
<ul id="recentcomments">
<#list recentComments as comment>
<li class="recentcomments">
${comment.commentName}&nbsp;:&nbsp;
<a href="${comment.commentSharpURL}">${comment.commentContent}
</a>
</li>
</#list>
</ul>
</li>
</#if>
<#if 0 != mostUsedTags?size>
<li id="tag_cloud" class="widget">
<h3 class="widget_title">${popTagsLabel}</h3>
<div id="colorfultagcloud">
<#list mostUsedTags as tag>
<a data-count="${tag.tagPublishedRefCount}"
href="${staticServePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}(${tag.tagPublishedRefCount})">
${tag.tagTitle}
</a>
</#list>
</div>
</li>
</#if>
<#if 0 != mostCommentArticles?size>
<li id="recent-post" class="widget">
<h3 class="widget_title">${mostCommentArticlesLabel}</h3>
<ul>
<#list mostCommentArticles as article>
<li>
<a href="${article.articlePermalink}" title="${article.articleTitle}">${article.articleTitle} - ${article.articleCommentCount}</a>
</li>
</#list>
</ul>
</li>
</#if>
<#if 0 != links?size>
<li id="linkcat-2" class="widget widget_links">
<h3 class="widget_title">${linkLabel}</h3>
<ul class="xoxo blogroll">
<#list links as link>
<li><a href="${link.linkAddress}" rel="friend" title="${link.linkTitle}" target="_blank">${link.linkTitle}</a></li>
</#list>
</ul>
</li>
</#if>
<#if 0 != archiveDates?size>
<li id="archives" class="widget">
<h3 class="widget_title">${archiveLabel}</h3>
<ul>
<#list archiveDates as archiveDate>
<li data-year="${archiveDate.archiveDateYear}">
<#if "en" == localeString?substring(0, 2)>
<a href="${staticServePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
${archiveDate.monthName} ${archiveDate.archiveDateYear}</a>(${archiveDate.archiveDatePublishedArticleCount})
<#else>
<a href="${staticServePath}/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>
</li>
</#if>
</ul>

View 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.1, Sep 3, 2011
# Author: Liyuan Li
#
name=Dot-B
version=1.8.8.0
forSolo=0.4.1
memo=http://zlz.im/

View File

@@ -0,0 +1,43 @@
<#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 id="body">
${topBarReplacement}
<div id="top_bar"></div>
<div id="wrapper">
<#include "header.ftl">
<div id="main">
<div id="content">
<div class="post">
<h2 class="post_title_h2">
<a href="${staticServePath}/tag-articles-feed.do?oId=${tag.oId}" class="feed-ico">
${tag1Label}
${tag.tagTitle}
(${tag.tagPublishedRefCount})
</a>
</h2>
<div class="clear"></div>
<div class="post_content">
<#include "article-list.ftl">
</div>
<div class="menu-mark"></div>
</div>
</div>
<div id="sidebar" class="widget-area">
<#include "side.ftl">
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<#include "footer.ftl">
</div>
<div class="clear"></div>
<div id="bottom-bar"></div>
</body>
</html>

52
skins/Dot-B/tags.ftl Normal file
View File

@@ -0,0 +1,52 @@
<#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 id="body">
${topBarReplacement}
<div id="top_bar"></div>
<div id="wrapper">
<#include "header.ftl">
<div id="main">
<div id="content">
<div class="post">
<h2 class="post_title_h2">
<a href="${blogHost}/tags.html" style="opacity: 1;">${allTagsLabel}</a>
</h2>
<div class="clear"></div>
<div class="post_content">
<ul id="tags" class="tags">
<#list tags as tag>
<li>
<a data-count="${tag.tagPublishedRefCount}"
href="${staticServePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}">
<span>${tag.tagTitle}</span>
(<b>${tag.tagPublishedRefCount}</b>)
</a>
</li>
</#list>
</ul>
</div>
<div class="menu-mark"></div>
</div>
</div>
<div id="sidebar" class="widget-area">
<#include "side.ftl">
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<#include "footer.ftl">
<script type="text/javascript">
Util.buildTags();
</script>
</div>
<div class="clear"></div>
<div id="bottom-bar"></div>
</body>
</html>