🏗️
44
skins/Dot-B/archive-articles.ftl
Normal 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>
|
69
skins/Dot-B/article-list.ftl
Normal 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 on
|
||||
<#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"> by
|
||||
<a href="/authors/${article.authorId}" title="Posts by ${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 on ">${article.articleCommentCount} ${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>
|
||||
${sumLabel} ${paginationPageCount} ${pageLabel}
|
||||
</ul>
|
||||
</div>
|
||||
</#if>
|
112
skins/Dot-B/article.ftl
Normal 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 on
|
||||
<#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 by ${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 on ">${article.articleCommentCount} ${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>
|
39
skins/Dot-B/author-articles.ftl
Normal 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
@@ -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
51
skins/Dot-B/footer.ftl
Normal file
@@ -0,0 +1,51 @@
|
||||
<div id="footer">
|
||||
<div id="copyright">
|
||||
<div id="site-info">
|
||||
Copyright © ${year} - <a href="http://${blogHost}">${blogTitle}</a>
|
||||
</div>
|
||||
<div id="site-generator">
|
||||
Powered by <a href="http://b3log-solo.googlecode.com">${b3logLabel}
|
||||
<span style="color: orangered; font-weight: bold;">Solo</span></a>ver ${version}
|
||||
| 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"> Δ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
@@ -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
After Width: | Height: | Size: 30 KiB |
BIN
skins/Dot-B/images/body-bg.png
Normal file
After Width: | Height: | Size: 6.3 KiB |
BIN
skins/Dot-B/images/emotions.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
skins/Dot-B/images/emotions/em00.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
skins/Dot-B/images/emotions/em01.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
skins/Dot-B/images/emotions/em02.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
skins/Dot-B/images/emotions/em03.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
skins/Dot-B/images/emotions/em04.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
skins/Dot-B/images/emotions/em05.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
skins/Dot-B/images/emotions/em06.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
skins/Dot-B/images/emotions/em07.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
skins/Dot-B/images/emotions/em08.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
skins/Dot-B/images/emotions/em09.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
skins/Dot-B/images/emotions/em10.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
skins/Dot-B/images/emotions/em11.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
skins/Dot-B/images/emotions/em12.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
skins/Dot-B/images/emotions/em13.png
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
skins/Dot-B/images/emotions/em14.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
skins/Dot-B/images/emotions/emotions-blue.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
skins/Dot-B/images/headers/house-thumbnail.jpg
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
skins/Dot-B/images/headers/house.jpg
Normal file
After Width: | Height: | Size: 39 KiB |
BIN
skins/Dot-B/images/headers/inkwell-thumbnail.jpg
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
skins/Dot-B/images/headers/inkwell.jpg
Normal file
After Width: | Height: | Size: 35 KiB |
BIN
skins/Dot-B/images/headers/path-thumbnail.jpg
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
skins/Dot-B/images/headers/path.jpg
Normal file
After Width: | Height: | Size: 47 KiB |
BIN
skins/Dot-B/images/headers/shore-thumbnail.jpg
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
skins/Dot-B/images/headers/shore.jpg
Normal file
After Width: | Height: | Size: 54 KiB |
BIN
skins/Dot-B/images/headers/sky-thumbnail.jpg
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
skins/Dot-B/images/headers/sky.jpg
Normal file
After Width: | Height: | Size: 36 KiB |
BIN
skins/Dot-B/images/headers/willow-thumbnail.jpg
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
skins/Dot-B/images/headers/willow.jpg
Normal file
After Width: | Height: | Size: 45 KiB |
BIN
skins/Dot-B/images/tag.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
28
skins/Dot-B/index.ftl
Normal 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
@@ -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
@@ -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")})});
|
96
skins/Dot-B/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>
|
96
skins/Dot-B/lang/lang_zh_CN.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(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
|
141
skins/Dot-B/macro-comments.ftl
Normal 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 += ' @ <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, "<").replace(/>/g, ">").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>
|
14
skins/Dot-B/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/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
@@ -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
After Width: | Height: | Size: 41 KiB |
89
skins/Dot-B/side.ftl
Normal 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} :
|
||||
<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>
|
26
skins/Dot-B/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.1, Sep 3, 2011
|
||||
# Author: Liyuan Li
|
||||
#
|
||||
|
||||
name=Dot-B
|
||||
version=1.8.8.0
|
||||
forSolo=0.4.1
|
||||
memo=http://zlz.im/
|
43
skins/Dot-B/tag-articles.ftl
Normal 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
@@ -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>
|