34
dashu03/archive-articles.ftl
Normal file
@ -0,0 +1,34 @@
|
||||
<#include "macro-head.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${archiveDate.archiveDateYear}${archiveDate.archiveDateMonth}"/>
|
||||
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<#include "header.ftl">
|
||||
<div class="main">
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
<div class="row">
|
||||
<div class="span9">
|
||||
<h2>${archive1Label}
|
||||
<#if "en" == localeString?substring(0, 2)>
|
||||
${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount})
|
||||
<#else>
|
||||
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount})
|
||||
</#if>
|
||||
</h2>
|
||||
<#include "article-list.ftl">
|
||||
</div>
|
||||
|
||||
<#include "usedside.ftl">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
</body>
|
||||
</html>
|
74
dashu03/article-list.ftl
Normal file
@ -0,0 +1,74 @@
|
||||
<ul class="unstyled">
|
||||
<#list articles as article>
|
||||
<li class="article<#if !article_has_next> article-last</#if>" style="margin-top:50px;">
|
||||
<div class="article-title">
|
||||
<h2>
|
||||
<a rel="bookmark" class="ft-gray" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
<div class="right">
|
||||
<a rel="nofollow" class="ft-gray" href="${servePath}${article.articlePermalink}#comments">
|
||||
${article.articleCommentCount} ${commentLabel}
|
||||
</a>
|
||||
<a rel="nofollow" class="ft-gray" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleViewCount} ${viewLabel}
|
||||
</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="article-body">
|
||||
<div id="abstract${article.oId}">
|
||||
${article.articleAbstract}
|
||||
</div>
|
||||
<div id="content${article.oId}" class="none"></div>
|
||||
</div>
|
||||
<div class="right ft-gray">
|
||||
<#if article.hasUpdated>
|
||||
${article.articleUpdateDate?string("yy-MM-dd HH:mm")}
|
||||
<#else>
|
||||
${article.articleCreateDate?string("yy-MM-dd HH:mm")}
|
||||
</#if>
|
||||
<a rel="nofollow" href="${servePath}/authors/${article.authorId}">${article.authorName}</a>
|
||||
</div>
|
||||
<div class="left ft-gray">
|
||||
${tag1Label}
|
||||
<#list article.articleTags?split(",") as articleTag>
|
||||
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
|
||||
${articleTag}</a><#if articleTag_has_next>, </#if>
|
||||
</#list>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
<#if 0 != paginationPageCount>
|
||||
<div class="">
|
||||
<#if 1 != paginationPageNums?first>
|
||||
<a href="${servePath}${path}/1">${firstPageLabel}</a>
|
||||
<a id="previousPage" href="${servePath}${path}/${paginationPreviousPageNum}">${previousPageLabel}</a>
|
||||
</#if>
|
||||
<#list paginationPageNums as paginationPageNum>
|
||||
<#if paginationPageNum == paginationCurrentPageNum>
|
||||
<a href="${servePath}${path}/${paginationPageNum}" class="selected">${paginationPageNum}</a>
|
||||
<#else>
|
||||
<a href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
|
||||
</#if>
|
||||
</#list>
|
||||
<#if paginationPageNums?last != paginationPageCount>
|
||||
<a id="nextPage" href="${servePath}${path}/${paginationNextPageNum}">${nextPagePabel}</a>
|
||||
<a href="${servePath}${path}/${paginationPageCount}">${lastPageLabel}</a>
|
||||
</#if>
|
||||
${sumLabel} ${paginationPageCount} ${pageLabel}
|
||||
</div>
|
||||
</#if>
|
169
dashu03/article.ftl
Normal file
@ -0,0 +1,169 @@
|
||||
<#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>
|
||||
|
||||
<#include "header.ftl">
|
||||
|
||||
<div class="container " style="margin-top: 100px;padding-left: 30px;">
|
||||
<div class="row">
|
||||
<div class="span9">
|
||||
<div class="article-title">
|
||||
<h2>
|
||||
<a class="ft-gray" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
<!-- JiaThis Button BEGIN -->
|
||||
<div class="jiathis_style" style="height: 16px;margin: 13px 0;">
|
||||
<a class="jiathis_button_qzone"></a>
|
||||
<a class="jiathis_button_tsina"></a>
|
||||
<a class="jiathis_button_tqq"></a>
|
||||
<a class="jiathis_button_renren"></a>
|
||||
<a class="jiathis_button_kaixin001"></a>
|
||||
<a class="jiathis_button_diandian"></a>
|
||||
<a class="jiathis_button_twitter"></a>
|
||||
<a class="jiathis_button_ydnote"></a>
|
||||
<a class="jiathis_button_meilishuo"></a>
|
||||
<a class="jiathis_button_qingbiji"></a>
|
||||
<a class="jiathis_button_taobao"></a>
|
||||
<a class="jiathis_button_fb"></a>
|
||||
<a class="jiathis_button_miliao"></a>
|
||||
<a class="jiathis_button_mop"></a>
|
||||
<a class="jiathis_button_mogujie"></a>
|
||||
<a class="jiathis_button_sdonote"></a>
|
||||
<a class="jiathis_button_copy"></a>
|
||||
<a class="jiathis_button_fav"></a>
|
||||
<a class="jiathis_button_print"></a>
|
||||
<a href="http://www.jiathis.com/share?uid=1665959" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank"></a>
|
||||
<a class="jiathis_counter_style"></a>
|
||||
</div>
|
||||
<!-- JiaThis Button END -->
|
||||
<div class="clearfix"></div>
|
||||
<div class="clearfix" style="margin: 6px 0px;">
|
||||
<span class="pull-right">
|
||||
<a rel="nofollow" class="ft-gray" href="${servePath}${article.articlePermalink}#comments">
|
||||
${article.articleCommentCount} ${commentLabel}
|
||||
</a>
|
||||
<a rel="nofollow" class="ft-gray" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleViewCount} ${viewLabel}
|
||||
</a>
|
||||
</span>
|
||||
<span class="pull-left">
|
||||
<a rel="nofollow" href="${servePath}/authors/${article.authorId}">${article.authorName}</a>
|
||||
<#if article.hasUpdated>
|
||||
${article.articleUpdateDate?string("yyyy-MM-dd HH:mm")}
|
||||
<#else>
|
||||
${article.articleCreateDate?string("yyyy-MM-dd HH:mm")}
|
||||
</#if>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<div class="clearfix" style="margin-top: 5px;">
|
||||
${article.articleContent}
|
||||
<#if "" != article.articleSign.signHTML?trim>
|
||||
<p>
|
||||
${article.articleSign.signHTML}
|
||||
</p>
|
||||
</#if>
|
||||
</div>
|
||||
|
||||
<!-- JiaThis Button BEGIN -->
|
||||
<div class="jiathis_style_32x32" style="height: 10px; margin: 10px 0;">
|
||||
<a class="jiathis_button_qzone"></a>
|
||||
<a class="jiathis_button_tsina"></a>
|
||||
<a class="jiathis_button_tqq"></a>
|
||||
<a class="jiathis_button_renren"></a>
|
||||
<a class="jiathis_button_fb"></a>
|
||||
<a class="jiathis_button_ydnote"></a>
|
||||
<a class="jiathis_button_diandian"></a>
|
||||
<a class="jiathis_button_douban"></a>
|
||||
<a class="jiathis_button_googleplus"></a>
|
||||
<a class="jiathis_button_fav"></a>
|
||||
<a class="jiathis_button_print"></a>
|
||||
<a href="http://www.jiathis.com/share?uid=1665959" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank"></a>
|
||||
<a class="jiathis_counter_style"></a>
|
||||
</div>
|
||||
<!-- JiaThis Button END -->
|
||||
<div class="clearfix" style="margin-bottom: 10px;"></div>
|
||||
|
||||
<div class="">
|
||||
<#if 0 != relevantArticlesDisplayCount>
|
||||
<div id="relevantArticles" class="span4"></div>
|
||||
</#if>
|
||||
<#if 0 != randomArticlesDisplayCount>
|
||||
<div id="randomArticles" class="span4"></div>
|
||||
</#if>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
<div class="" style="margin: 5px 0 5px 0">
|
||||
${tag1Label}
|
||||
<#list article.articleTags?split(",") as articleTag>
|
||||
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">${articleTag}</a><#if articleTag_has_next>,</#if>
|
||||
</#list>
|
||||
</div>
|
||||
|
||||
<div class="clearfix" style="margin: 5px 0 20px 0">
|
||||
<#if nextArticlePermalink??>
|
||||
<div class="pull-left">
|
||||
<span class="ft-gray"><</span>
|
||||
<a href="${servePath}${nextArticlePermalink}">${nextArticleTitle}</a>
|
||||
</div>
|
||||
</#if>
|
||||
<#if previousArticlePermalink??>
|
||||
<div class="pull-right">
|
||||
<a href="${servePath}${previousArticlePermalink}">${previousArticleTitle}</a>
|
||||
<span class="ft-gray">></span>
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<@comments commentList=articleComments article=article></@comments>
|
||||
|
||||
</div>
|
||||
|
||||
<#include "usedside.ftl">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
<@comment_script oId=article.oId>
|
||||
page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
|
||||
<#if 0 != randomArticlesDisplayCount>
|
||||
page.loadRandomArticles('<h4 class="ft-gray">${randomArticlesLabel}</h4>');
|
||||
</#if>
|
||||
<#if 0 != relevantArticlesDisplayCount>
|
||||
page.loadRelevantArticles('${article.oId}', '<h4 class="ft-gray">${relevantArticlesLabel}</h4>');
|
||||
</#if>
|
||||
</@comment_script>
|
||||
<script type="text/javascript" >
|
||||
var jiathis_config={
|
||||
data_track_clickback:true,
|
||||
summary:"",
|
||||
hideMore:false
|
||||
}
|
||||
</script>
|
||||
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1665959" charset="utf-8"></script>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
27
dashu03/author-articles.ftl
Normal file
@ -0,0 +1,27 @@
|
||||
<#include "macro-head.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${authorName} - ${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${authorName}"/>
|
||||
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
<#include "header.ftl">
|
||||
<div class="main">
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
<div class="row">
|
||||
<div class="span9">
|
||||
<h2>${author1Label}${authorName}</h2>
|
||||
<#include "article-list.ftl">
|
||||
</div>
|
||||
|
||||
<#include "usedside.ftl">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
</body>
|
||||
</html>
|
1088
dashu03/css/bootstrap-responsive.css
vendored
Normal file
9
dashu03/css/bootstrap-responsive.min.css
vendored
Normal file
5893
dashu03/css/bootstrap.css
vendored
Normal file
9
dashu03/css/bootstrap.min.css
vendored
Normal file
47
dashu03/css/dashu03-ie8.css
Normal file
@ -0,0 +1,47 @@
|
||||
/*
|
||||
* skin ease style for IE8
|
||||
*
|
||||
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @version 1.0.0.1, May 22, 2012
|
||||
*/
|
||||
.nav {
|
||||
border-top: 1px solid #e2e2e2;
|
||||
border-bottom: 1px solid #e2e2e2;
|
||||
}
|
||||
|
||||
.article-next {
|
||||
border: 1px solid #e2e2e2;
|
||||
border-top-color: #fefefe;
|
||||
}
|
||||
|
||||
.article-next:hover {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #e2e2e2;
|
||||
}
|
||||
|
||||
.comment-body-ref {
|
||||
border: 1px solid #e2e2e2;
|
||||
}
|
||||
|
||||
#tags a,
|
||||
.archives > div,
|
||||
.dynamic .module,
|
||||
.form input[type="text"],
|
||||
.form input[type="password"],
|
||||
.form textarea,
|
||||
.article-relative {
|
||||
border: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
#tags a:hover,
|
||||
.archives>div:hover,
|
||||
.dynamic .module:hover,
|
||||
.form input:focus,
|
||||
.form textarea:focus,
|
||||
.article-relative:hover {
|
||||
border: 1px solid #e2e2e2;
|
||||
}
|
||||
|
||||
.article-relative {
|
||||
width: 363px;
|
||||
}
|
7
dashu03/css/dashu03-ie8.min.css
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
.nav{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
|
||||
.article-next{border:1px solid #e2e2e2;border-top-color:#fefefe;}
|
||||
.article-next:hover{background-color:#f2f2f2;border:1px solid #e2e2e2;}
|
||||
.comment-body-ref{border:1px solid #e2e2e2;}
|
||||
#tags a,.archives>div,.dynamic .module,.form input[type="text"],.form input[type="password"],.form textarea,.article-relative{border:1px solid #f2f2f2;}
|
||||
#tags a:hover,.archives>div:hover,.dynamic .module:hover,.form input:focus,.form textarea:focus,.article-relative:hover{border:1px solid #e2e2e2;}
|
||||
.article-relative{width:363px;}
|
720
dashu03/css/dashu03.css
Normal file
@ -0,0 +1,720 @@
|
||||
/*
|
||||
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
/*
|
||||
* skin ease style
|
||||
*
|
||||
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @version 1.0.1.8, Aug 6, 2012
|
||||
*/
|
||||
/* start base */
|
||||
html, body, div, ul, li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Verdana,arial,'\5fae\8f6f\96c5\9ed1';
|
||||
font-size: 12px;
|
||||
background-color: #FCFCFC;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: #D5D5D5;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background-color: #D5D5D5;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
|
||||
a {
|
||||
outline: none;
|
||||
color: #009EB8;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #00b4d2;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #00889f;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
textarea, input {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
sup {
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.clear {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
clear: both;
|
||||
display: block;
|
||||
font-size: 0;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ft-gray {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.ft-gray:visited {
|
||||
color: #9a9a9a
|
||||
}
|
||||
|
||||
.ft-gray:hover {
|
||||
color: #676767;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fn-mgtb10 {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.logo {
|
||||
padding: 0 5px;
|
||||
text-shadow: 0 0 1px #D5D5D5;
|
||||
}
|
||||
|
||||
.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09,
|
||||
.em10, .em11, .em12, .em13, .em14 {
|
||||
cursor: pointer;
|
||||
background-image: url("../../ease/images/emotions/emotions-ease.png");
|
||||
float: left;
|
||||
height: 24px;
|
||||
margin-right: 5px;
|
||||
width: 24px;
|
||||
transition: all .2s ease-out;
|
||||
-webkit-transition: all .2s ease-out;
|
||||
-moz-transition: all .2s ease-out;
|
||||
}
|
||||
|
||||
#emotions span:hover {
|
||||
transform: scale(1.2) rotate(360deg);
|
||||
-webkit-transform: scale(1.2) rotate(360deg);
|
||||
-moz-transform: scale(1.2) rotate(360deg);
|
||||
}
|
||||
|
||||
.em01 {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
.em02 {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
.em03 {
|
||||
background-position: -72px 0;
|
||||
}
|
||||
.em04 {
|
||||
background-position: -96px 1px;
|
||||
}
|
||||
.em05 {
|
||||
background-position: 0 -24px;
|
||||
}
|
||||
.em06 {
|
||||
background-position: -24px -24px;
|
||||
}
|
||||
.em07 {
|
||||
background-position: -48px -24px;
|
||||
}
|
||||
.em08 {
|
||||
background-position: -72px -24px;
|
||||
}
|
||||
.em09 {
|
||||
background-position: -96px -24px;
|
||||
}
|
||||
.em10 {
|
||||
background-position: 0 -48px;
|
||||
}
|
||||
.em11 {
|
||||
background-position: -24px -48px ;
|
||||
}
|
||||
.em12 {
|
||||
background-position: -48px -48px;
|
||||
}
|
||||
.em13 {
|
||||
background-position: -72px -48px;
|
||||
}
|
||||
.em14 {
|
||||
background-position: -96px -48px;
|
||||
}
|
||||
/* end base */
|
||||
|
||||
/* start ico */
|
||||
#search,
|
||||
.translate-ico {
|
||||
background-image: url("/skins/ease/images/icons.png");
|
||||
}
|
||||
|
||||
.translate-ico {
|
||||
background-position: 1px -125px;
|
||||
background-repeat: no-repeat;
|
||||
border: 1px solid #D5D5D5;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
height: 16px;
|
||||
margin: -3px 0 0 15px;
|
||||
padding: 1px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.translate-ico:hover {
|
||||
border-color: #9a9a9a;
|
||||
box-shadow: 0 0 1px #808080;
|
||||
background-color: #FCFCFC;
|
||||
}
|
||||
/* end ico */
|
||||
|
||||
/* start frame */
|
||||
.wrapper {
|
||||
margin: 0 auto;
|
||||
width: 990px;
|
||||
}
|
||||
|
||||
.main {
|
||||
background-color: #FFF;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
/* end frame */
|
||||
|
||||
/* start header */
|
||||
.header {
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.header .title {
|
||||
border-bottom: 1px solid #808080;
|
||||
font-size: 26px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.header .sub-title {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#search {
|
||||
background-position: 7px -99px;
|
||||
background-repeat: no-repeat;
|
||||
background-color: #FFF;
|
||||
border: 1px solid #D5D5D5;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
|
||||
color: #808080;
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
height: 19px;
|
||||
line-height: 145%;
|
||||
padding: 4px 10px 4px 28px;
|
||||
width: 24px;
|
||||
-moz-transition: width 0.4s ease, background 0.4s ease;
|
||||
-webkit-transition: width 0.4s ease, background 0.4s ease;
|
||||
transition: width 0.4s ease, background 0.4s ease;
|
||||
}
|
||||
|
||||
#search:focus {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.banner {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.banner .notice {
|
||||
float: left;
|
||||
margin: 20px 0 0 50px;
|
||||
}
|
||||
|
||||
.nav {
|
||||
background-color: #2C2C2C;
|
||||
box-shadow: 0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset;
|
||||
height: 29px;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nav ul {
|
||||
list-style: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
color: #C9C9C9;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
line-height: 29px;
|
||||
margin-right: 20px;
|
||||
padding: 0 10px;
|
||||
text-decoration: none;
|
||||
transition: color .4s ease, background-color .8s ease;
|
||||
-webkit-transition: color .4s ease, background-color .8s ease;
|
||||
-moz-transition: color .4s ease, background-color .8s ease;
|
||||
}
|
||||
.nav a:hover {
|
||||
color: #FFF;
|
||||
background-color: #535353;
|
||||
}
|
||||
|
||||
.nav a.current {
|
||||
background-color: #FFF;
|
||||
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.1) inset;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.nav img {
|
||||
margin-left: 3px;
|
||||
}
|
||||
/* end header */
|
||||
|
||||
/* start footer */
|
||||
.footer {
|
||||
border-top: 1px solid #D5D5D5;
|
||||
box-shadow: 0 -1px 1px #D5D5D5;
|
||||
font-size: 11px;
|
||||
padding: 12px 0;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
#goTop {
|
||||
background: url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #D5D5D5;
|
||||
border-radius: 2px 2px 0 0;
|
||||
box-shadow: 0 0 3px #D5D5D5;
|
||||
cursor: pointer;
|
||||
font-size: 11px;
|
||||
height: 21px;
|
||||
line-height: 21px;
|
||||
padding: 0 10px 0 23px;
|
||||
position: absolute;
|
||||
right: 50px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#goTop:hover {
|
||||
background-color: #c8c8c8;
|
||||
box-shadow: 0 0 3px #c8c8c8;
|
||||
}
|
||||
/* end footer*/
|
||||
|
||||
/* start article list */
|
||||
.wrapper > ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.main > .wrapper > h2 {
|
||||
margin: 0;
|
||||
padding: 14px 0;
|
||||
}
|
||||
|
||||
.article {
|
||||
border-bottom: 1px solid #f6f6f6;
|
||||
padding: 30px 50px;
|
||||
}
|
||||
|
||||
.article:hover {
|
||||
border-bottom-color: #ddd;
|
||||
box-shadow: 0 0 1px #f6f6f6 inset;
|
||||
background-color: #FCFCFC;
|
||||
}
|
||||
|
||||
.article-body {
|
||||
line-height: 145%;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.article-body ol, .article-body ul {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.article-body a {
|
||||
color: #808080;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.article-body a:vidited {
|
||||
color: #9a9a9a
|
||||
}
|
||||
|
||||
.article-body a:hover {
|
||||
color: #676767;
|
||||
}
|
||||
|
||||
.article-body>div {
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.article-title h2 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.article-title span {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.article-last:hover {
|
||||
border-bottom: 1px solid #f6f6f6;
|
||||
}
|
||||
|
||||
.article-next {
|
||||
background-color: #FCFCFC;
|
||||
box-shadow: 0 0 3px #D5D5D5 inset;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.article-next:hover {
|
||||
box-shadow: 0 0 3px #D5D5D5, 0 0 3px #D5D5D5 inset;
|
||||
}
|
||||
/* end article list */
|
||||
|
||||
/* start article */
|
||||
.article-relative {
|
||||
background-color: #FCFCFC;
|
||||
box-shadow: 0 0 2px #D5D5D5;
|
||||
float: left;
|
||||
margin: 10px 0;
|
||||
padding: 0 20px 10px;
|
||||
width: 385px;
|
||||
}
|
||||
|
||||
.article-relative:hover {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 4px #D5D5D5;
|
||||
}
|
||||
|
||||
.article-relative ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#relevantArticles {
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
#externalRelevantArticles {
|
||||
width: 357px;
|
||||
margin-top: 0;
|
||||
}
|
||||
/* end article*/
|
||||
|
||||
/* start comment */
|
||||
#comments {
|
||||
padding: 20px 50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.comment-header {
|
||||
float: left;
|
||||
background-color: #FFF;
|
||||
border: 1px solid #DEDEDE;
|
||||
padding: 2px;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.comment-panel {
|
||||
float: left;
|
||||
line-height: 16px;
|
||||
margin: 0 0 20px 10px;
|
||||
min-height: 64px;
|
||||
overflow: hidden;
|
||||
width: 814px;
|
||||
}
|
||||
|
||||
.comment-body-ref {
|
||||
background-color: #FCFCFC;
|
||||
box-shadow: 0 0 2px #D5D5D5;
|
||||
display: block;
|
||||
left: 127px;
|
||||
padding: 10px;
|
||||
opacity: 0.9;
|
||||
filter: alpha(opacity=90);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.comment-body-ref > .comment-header {
|
||||
border: 0 none;
|
||||
float: right;
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.comment-body-ref > .comment-panel {
|
||||
margin: 0 20px 0 0;
|
||||
min-height: 48px;
|
||||
width: 725px;
|
||||
}
|
||||
|
||||
.comment-body-ref > .comment-panel > .right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#replyForm {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
.form {
|
||||
padding: 0 50px 20px;
|
||||
}
|
||||
|
||||
.wrapper > .form {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.form th {
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.form input[type="text"],
|
||||
.form input[type="password"],
|
||||
.form textarea {
|
||||
background-color: #FCFCFC;
|
||||
border-width: 0;
|
||||
box-shadow: 0 0 2px #BCBCBC;
|
||||
font-family: Verdana,arial,\5fae\8f6f\96c5\9ed1;
|
||||
font-size: 12px;
|
||||
margin: 0 5px 10px 0;
|
||||
outline: medium none;
|
||||
padding: 0 3px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.form input:focus,
|
||||
.form textarea:focus {
|
||||
box-shadow: 0 0 4px #D5D5D5;
|
||||
}
|
||||
|
||||
.form textarea {
|
||||
height: 120px;
|
||||
overflow: auto;
|
||||
width: 426px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.form button {
|
||||
background-color: #F6F6F6;
|
||||
border: 0 none;
|
||||
box-shadow: 0 0 2px #D5D5D5;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding: 0 12px;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.form button:hover {
|
||||
box-shadow: 0 0 4px #D5D5D5;
|
||||
text-shadow: 0 0 2px;
|
||||
}
|
||||
|
||||
.form img {
|
||||
background-color: #FCFCFC;
|
||||
box-shadow: 0 0 2px #D5D5D5;
|
||||
cursor: pointer;
|
||||
height: 24px;
|
||||
padding: 1px;
|
||||
}
|
||||
/* end comment */
|
||||
|
||||
/* start tags */
|
||||
#tags.other-main {
|
||||
margin: 47px 44px 0;
|
||||
width: 902px;
|
||||
}
|
||||
|
||||
#tags li {
|
||||
float: left;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
#tags a {
|
||||
margin: 3px 6px;
|
||||
padding: 3px 12px;
|
||||
background-color: #FCFCFC;
|
||||
box-shadow: 0 0 2px #D5D5D5;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#tags a:hover {
|
||||
text-shadow: 0 0 2px;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 0 4px #D5D5D5;
|
||||
}
|
||||
|
||||
.tags1, .tags1:visited {
|
||||
font-size: 12px;
|
||||
color: #a7a7a7;
|
||||
}
|
||||
|
||||
.tags2, .tags2:visited {
|
||||
font-size: 14px;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.tags3, .tags3:visited {
|
||||
font-size: 16px;
|
||||
color: #595959;
|
||||
}
|
||||
|
||||
.tags4, .tags4:visited {
|
||||
font-size: 18px;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.tags5, .tags5:visited {
|
||||
font-size: 20px;
|
||||
color: #0a0a0a;
|
||||
}
|
||||
/* end tags */
|
||||
|
||||
/* start archives */
|
||||
.archives {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.archives > div {
|
||||
background-color: #FCFCFC;
|
||||
box-shadow: 0 0 2px #D5D5D5;
|
||||
padding-bottom: 20px;
|
||||
line-height: 20px;
|
||||
margin: 20px;
|
||||
width: 270px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.archives h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.archives > div:hover {
|
||||
box-shadow: 0 0 4px #D5D5D5;
|
||||
}
|
||||
|
||||
.archives a {
|
||||
display: block;
|
||||
margin-left: 77px;
|
||||
}
|
||||
/* end archives */
|
||||
|
||||
/* start dynamic */
|
||||
.dynamic ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.dynamic h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dynamic .module {
|
||||
background-color: #FCFCFC;
|
||||
box-shadow: 0 0 2px #D5D5D5;
|
||||
float: left;
|
||||
line-height: 20px;
|
||||
margin: 20px;
|
||||
padding: 10px 20px 20px;
|
||||
width: 385px;
|
||||
}
|
||||
|
||||
.dynamic .module:hover {
|
||||
box-shadow: 0 0 4px #D5D5D5;
|
||||
}
|
||||
|
||||
.dynamic .side-comments {
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.dynamic .side-comments .comment-panel {
|
||||
width: 510px;
|
||||
}
|
||||
|
||||
.dynamic .side-tags {
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.dynamic .side-tags li {
|
||||
float: left;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.dynamic .side-most-comment,
|
||||
.dynamic .side-most-view {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* end dynamic */
|
||||
|
||||
/* start links */
|
||||
.other-main.links {
|
||||
margin-top: 45px;
|
||||
}
|
||||
|
||||
.links li {
|
||||
float: left;
|
||||
line-height: 22px;
|
||||
margin: 0 20px;
|
||||
width: 270px;
|
||||
}
|
||||
/* end links */
|
||||
|
||||
/* start not list */
|
||||
.other-main {
|
||||
display: inline-block;
|
||||
margin: 30px 30px 0;
|
||||
width: 930px;
|
||||
}
|
||||
/* end not list */
|
121
dashu03/css/dashu03.min.css
vendored
Normal file
@ -0,0 +1,121 @@
|
||||
html,body,div,ul,li{margin:0;padding:0;}
|
||||
body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#FCFCFC;}
|
||||
::selection{background-color:#D5D5D5;color:#FCFCFC;}
|
||||
::-moz-selection{background-color:#D5D5D5;color:#FCFCFC;}
|
||||
a{outline:none;color:#009EB8;text-decoration:none;}
|
||||
a:visited{color:#00b4d2;}
|
||||
a:hover{text-decoration:underline;}
|
||||
a:active{color:#00889f;}
|
||||
img{vertical-align:middle;border:0;}
|
||||
textarea,input{outline:none;}
|
||||
sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
|
||||
.left{float:left;}
|
||||
.right{float:right;}
|
||||
.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
|
||||
.none{display:none;}
|
||||
.ft-gray{color:#808080;}
|
||||
.ft-gray:visited{color:#9a9a9a;}
|
||||
.ft-gray:hover{color:#676767;text-decoration:none;}
|
||||
.fn-mgtb10{margin:10px 0;}
|
||||
.logo{padding:0 5px;text-shadow:0 0 1px #D5D5D5;}
|
||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../ease/images/emotions/emotions-ease.png");float:left;height:24px;margin-right:5px;width:24px;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;}
|
||||
#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg);}
|
||||
.em01{background-position:-24px 0;}
|
||||
.em02{background-position:-48px 0;}
|
||||
.em03{background-position:-72px 0;}
|
||||
.em04{background-position:-96px 1px;}
|
||||
.em05{background-position:0 -24px;}
|
||||
.em06{background-position:-24px -24px;}
|
||||
.em07{background-position:-48px -24px;}
|
||||
.em08{background-position:-72px -24px;}
|
||||
.em09{background-position:-96px -24px;}
|
||||
.em10{background-position:0 -48px;}
|
||||
.em11{background-position:-24px -48px;}
|
||||
.em12{background-position:-48px -48px;}
|
||||
.em13{background-position:-72px -48px;}
|
||||
.em14{background-position:-96px -48px;}
|
||||
#search,.translate-ico{background-image:url("/skins/ease/images/icons.png");}
|
||||
.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #D5D5D5;border-radius:3px;cursor:pointer;float:right;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px;}
|
||||
.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px #808080;background-color:#FCFCFC;}
|
||||
.wrapper{margin:0 auto;width:990px;}
|
||||
.main{background-color:#FFF;padding-bottom:50px;}
|
||||
.header{width:100%;z-index:1;}
|
||||
.header .title{border-bottom:1px solid #808080;font-size:26px;font-weight:normal;}
|
||||
.header .sub-title{font-size:11px;}
|
||||
#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #D5D5D5;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1) inset;color:#808080;float:right;font-size:14px;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width 0.4s ease, background 0.4s ease;-webkit-transition:width 0.4s ease, background 0.4s ease;transition:width 0.4s ease, background 0.4s ease;}
|
||||
#search:focus{width:150px;}
|
||||
.banner{margin-bottom:20px;}
|
||||
.banner .notice{float:left;margin:20px 0 0 50px;}
|
||||
.nav{background-color:#2C2C2C;box-shadow:0 2px 2px #d5d5d5,0 3px 3px -3px #d5d5d5 inset;height:29px;top:0;width:100%;z-index:1;}
|
||||
.nav ul{list-style:none;float:left;}
|
||||
.nav li{float:left;}
|
||||
.nav a{color:#C9C9C9;display:block;float:left;font-size:14px;font-weight:700;line-height:29px;margin-right:20px;padding:0 10px;text-decoration:none;transition:color 0.4s ease,background-color 0.8s ease;-webkit-transition:color 0.4s ease,background-color 0.8s ease;-moz-transition:color 0.4s ease,background-color 0.8s ease;}
|
||||
.nav a:hover{color:#FFF;background-color:#535353;}
|
||||
.nav a.current{background-color:#FFF;box-shadow:0 -1px 1px rgba(0, 0, 0, 0.1) inset,0 1px 1px rgba(0, 0, 0, 0.1) inset;color:#808080;}
|
||||
.nav img{margin-left:3px;}
|
||||
.footer{border-top:1px solid #D5D5D5;box-shadow:0 -1px 1px #d5d5d5;font-size:11px;padding:12px 0;-webkit-text-size-adjust:none;}
|
||||
#goTop{background:url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #d5d5d5;border-radius:2px 2px 0 0;box-shadow:0 0 3px #D5D5D5;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:50px;display:none;}
|
||||
#goTop:hover{background-color:#c8c8c8;box-shadow:0 0 3px #c8c8c8;}
|
||||
.wrapper>ul{list-style:none;}
|
||||
.main>.wrapper>h2{margin:0;padding:14px 0;}
|
||||
.article{border-bottom:1px solid #f6f6f6;padding:30px 50px;}
|
||||
.article:hover{border-bottom-color:#ddd;box-shadow:0 0 1px #f6f6f6 inset;background-color:#FCFCFC;}
|
||||
.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;margin-bottom:10px;}
|
||||
.article-body ol,.article-body ul{margin-left:40px;}
|
||||
.article-body a{color:#808080;text-decoration:underline;}
|
||||
.article-body a:vidited{color:#9a9a9a;}
|
||||
.article-body a:hover{color:#676767;}
|
||||
.article-body>div{min-height:32px;}
|
||||
.article-title h2{display:inline;}
|
||||
.article-title span{cursor:pointer;}
|
||||
.article-last:hover{border-bottom:1px solid #f6f6f6;}
|
||||
.article-next{background-color:#FCFCFC;box-shadow:0 0 3px #D5D5D5 inset;cursor:pointer;font-size:14px;line-height:36px;text-align:center;}
|
||||
.article-next:hover{box-shadow:0 0 3px #D5D5D5, 0 0 3px #D5D5D5 inset;}
|
||||
.article-relative{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;margin:10px 0;padding:0 20px 10px;width:385px;}
|
||||
.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5;}
|
||||
.article-relative ul{list-style:none;}
|
||||
#relevantArticles{margin-right:40px;}
|
||||
#externalRelevantArticles{width:357px;margin-top:0;}
|
||||
#comments{padding:20px 50px;position:relative;}
|
||||
.comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px;}
|
||||
.comment-panel{float:left;line-height:16px;margin:0 0 20px 10px;min-height:64px;overflow:hidden;width:814px;}
|
||||
.comment-body-ref{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;left:127px;padding:10px;opacity:0.9;filter:alpha(opacity=90);position:absolute;}
|
||||
.comment-body-ref>.comment-header{border:0 none;float:right;height:48px;width:48px;padding:0;}
|
||||
.comment-body-ref>.comment-panel{margin:0 20px 0 0;min-height:48px;width:725px;}
|
||||
.comment-body-ref>.comment-panel>.right{display:none;}
|
||||
#replyForm{margin-left:25px;}
|
||||
.form{padding:0 50px 20px;}
|
||||
.wrapper>.form{float:left;}
|
||||
.form th{text-align:right;white-space:nowrap;}
|
||||
.form input[type="text"],.form input[type="password"],.form textarea{background-color:#FCFCFC;border-width:0;box-shadow:0 0 2px #BCBCBC;font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;margin:0 5px 10px 0;outline:medium none;padding:0 3px;height:28px;line-height:28px;width:260px;}
|
||||
.form input:focus,.form textarea:focus{box-shadow:0 0 4px #D5D5D5;}
|
||||
.form textarea{height:120px;overflow:auto;width:426px;line-height:16px;}
|
||||
.form button{background-color:#F6F6F6;border:0 none;box-shadow:0 0 2px #D5D5D5;height:28px;line-height:28px;padding:0 12px;color:#808080;}
|
||||
.form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px;}
|
||||
.form img{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;cursor:pointer;height:24px;padding:1px;}
|
||||
#tags.other-main{margin:47px 44px 0;width:902px;}
|
||||
#tags li{float:left;height:38px;}
|
||||
#tags a{margin:3px 6px;padding:3px 12px;background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;}
|
||||
#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #D5D5D5;}
|
||||
.tags1,.tags1:visited{font-size:12px;color:#a7a7a7;}
|
||||
.tags2,.tags2:visited{font-size:14px;color:#808080;}
|
||||
.tags3,.tags3:visited{font-size:16px;color:#595959;}
|
||||
.tags4,.tags4:visited{font-size:18px;color:#323232;}
|
||||
.tags5,.tags5:visited{font-size:20px;color:#0a0a0a;}
|
||||
.archives{position:relative;}
|
||||
.archives>div{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;padding-bottom:20px;line-height:20px;margin:20px;width:270px;position:absolute;top:0;}
|
||||
.archives h3{text-align:center;}
|
||||
.archives>div:hover{box-shadow:0 0 4px #D5D5D5;}
|
||||
.archives a{display:block;margin-left:77px;}
|
||||
.dynamic ul{list-style:none;}
|
||||
.dynamic h3{text-align:center;}
|
||||
.dynamic .module{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;line-height:20px;margin:20px;padding:10px 20px 20px;width:385px;}
|
||||
.dynamic .module:hover{box-shadow:0 0 4px #D5D5D5;}
|
||||
.dynamic .side-comments{width:600px;}
|
||||
.dynamic .side-comments .comment-panel{width:510px;}
|
||||
.dynamic .side-tags{width:170px;}
|
||||
.dynamic .side-tags li{float:left;margin:0 5px;}
|
||||
.dynamic .side-most-comment,.dynamic .side-most-view{margin-bottom:0;}
|
||||
.other-main.links{margin-top:45px;}
|
||||
.links li{float:left;line-height:22px;margin:0 20px;width:270px;}
|
||||
.other-main{display:inline-block;margin:30px 30px 0;width:930px;}
|
29
dashu03/css/main.css
Normal file
@ -0,0 +1,29 @@
|
||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../ease/images/emotions/emotions-ease.png");float:left;height:24px;margin-right:5px;width:24px;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;}
|
||||
#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg);}
|
||||
.em01{background-position:-24px 0;}
|
||||
.em02{background-position:-48px 0;}
|
||||
.em03{background-position:-72px 0;}
|
||||
.em04{background-position:-96px 1px;}
|
||||
.em05{background-position:0 -24px;}
|
||||
.em06{background-position:-24px -24px;}
|
||||
.em07{background-position:-48px -24px;}
|
||||
.em08{background-position:-72px -24px;}
|
||||
.em09{background-position:-96px -24px;}
|
||||
.em10{background-position:0 -48px;}
|
||||
.em11{background-position:-24px -48px;}
|
||||
.em12{background-position:-48px -48px;}
|
||||
.em13{background-position:-72px -48px;}
|
||||
.em14{background-position:-96px -48px;}
|
||||
|
||||
#comments{position:relative;}
|
||||
.comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px;}
|
||||
.comment-panel{float:left;line-height:16px;margin:0 0 20px 10px;min-height:64px;overflow:hidden;width:790px;}
|
||||
.comment-body-ref{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;left:127px;padding:10px;opacity:0.9;filter:alpha(opacity=90);position:absolute;}
|
||||
.comment-body-ref>.comment-header{border:0 none;float:right;height:48px;width:48px;padding:0;}
|
||||
.comment-body-ref>.comment-panel{margin:0 20px 0 0;min-height:48px;width:650px;}
|
||||
.comment-body-ref>.comment-panel>.right{display:none;}
|
||||
|
||||
.left{float:left;}
|
||||
.right{float:right;}
|
||||
.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
|
||||
.none{display:none;}
|
93
dashu03/footer.ftl
Normal file
@ -0,0 +1,93 @@
|
||||
<div id="footer" class="">
|
||||
<div class="container">
|
||||
<div class="span3">
|
||||
<h3>NOTIC</h3>
|
||||
<div>
|
||||
<i class="icon-leaf"></i> ${noticeBoard}
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<h3>${allTagsLabel }</h3>
|
||||
<div>
|
||||
<ul class="unstyled">
|
||||
<#list mostUsedTags as tag>
|
||||
<li style="float: left;">
|
||||
<a rel="tag" title="${tag.tagTitle}(${tag.tagPublishedRefCount})" href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}">
|
||||
${tag.tagTitle}(${tag.tagPublishedRefCount}) </a>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<h3>${linkLabel}</h3>
|
||||
<div>
|
||||
<ul class="unstyled">
|
||||
<#list links as link>
|
||||
<li style="float: left;">
|
||||
<span class="left">
|
||||
<a rel="friend" href="${link.linkAddress}" title="${link.linkTitle}" target="_blank" >
|
||||
<img alt="${link.linkTitle}"
|
||||
src="http://www.google.com/s2/u/0/favicons?domain=<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>" /> ${link.linkTitle}
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3" style="width: 240px;">
|
||||
<div style="margin-top: 13px;">
|
||||
© 2012 <a href="http://${blogHost}">${blogTitle}</a><br>
|
||||
Powered By <a href="http://www.b3log.org/">B3log</a><br>
|
||||
Theme by <a href="http://www.idashu.me">idashu</a><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var latkeConfig = {
|
||||
"servePath": "${servePath}",
|
||||
"staticServePath": "${staticServePath}"
|
||||
};
|
||||
var Label = {
|
||||
"tag1Label": "${tag1Label}",
|
||||
"viewLabel": "${viewLabel}",
|
||||
"commentLabel": "${commentLabel}",
|
||||
"topArticleLabel": "${topArticleLabel}",
|
||||
"updatedLabel": "${updatedLabel}",
|
||||
"contentLabel": "${contentLabel}",
|
||||
"abstractLabel": "${abstractLabel}",
|
||||
"clearAllCacheLabel": "${clearAllCacheLabel}",
|
||||
"clearCacheLabel": "${clearCacheLabel}",
|
||||
"adminLabel": "${adminLabel}",
|
||||
"logoutLabel": "${logoutLabel}",
|
||||
"skinDirName": "${skinDirName}",
|
||||
"loginLabel": "${loginLabel}",
|
||||
"em00Label": "${em00Label}",
|
||||
"em01Label": "${em01Label}",
|
||||
"em02Label": "${em02Label}",
|
||||
"em03Label": "${em03Label}",
|
||||
"em04Label": "${em04Label}",
|
||||
"em05Label": "${em05Label}",
|
||||
"em06Label": "${em06Label}",
|
||||
"em07Label": "${em07Label}",
|
||||
"em08Label": "${em08Label}",
|
||||
"em09Label": "${em09Label}",
|
||||
"em10Label": "${em10Label}",
|
||||
"em11Label": "${em11Label}",
|
||||
"em12Label": "${em12Label}",
|
||||
"em13Label": "${em13Label}",
|
||||
"em14Label": "${em14Label}"
|
||||
};
|
||||
</script>
|
||||
<script type="text/javascript" src="${staticServePath}/skins/${skinDirName}/js/jquery.js" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="${staticServePath}/skins/${skinDirName}/js/bootstrap.js" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="${staticServePath}/skins/${skinDirName}/js/bootstrap-tooltip.js" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
$(".tooltipLink").tooltip({
|
||||
html : true
|
||||
});
|
||||
</script>
|
||||
${plugins}
|
42
dashu03/header.ftl
Normal file
@ -0,0 +1,42 @@
|
||||
<div class="container navbar-wrapper">
|
||||
<div class="navbar navbar-inverse">
|
||||
<div class="navbar-inner">
|
||||
<a class="btn btn-navbar " data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
|
||||
<a class="brand" href="${servePath}/">${blogTitle}</a>
|
||||
<div class="nav-collapse collapse">
|
||||
<ul class="nav">
|
||||
<li class="">
|
||||
<a href="${servePath}/"><i class="icon-home"></i> ${indexLabel}</a>
|
||||
</li>
|
||||
<#list pageNavigations as page>
|
||||
<li>
|
||||
<a href="${page.pagePermalink}" target="${page.pageOpenTarget}">${page.pageTitle}</a>
|
||||
</li>
|
||||
</#list>
|
||||
<li class="dropdown">
|
||||
<a href="${servePath}/#" class="dropdown-toggle" data-toggle="dropdown">${allTagsLabel}<b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="${servePath}/tags.html">${allTagsLabel} <i class="icon-tags"></i></a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li class="nav-header">
|
||||
${popTagsLabel } <i class="icon-arrow-down"></i>
|
||||
</li>
|
||||
<#if 0 != mostUsedTags?size>
|
||||
<#list mostUsedTags as tag>
|
||||
<li>
|
||||
<a rel="tag" title="${tag.tagTitle}" href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}">
|
||||
${tag.tagTitle}</a>
|
||||
</li>
|
||||
</#list>
|
||||
</#if>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div><!-- /.navbar-inner -->
|
||||
</div><!-- /.navbar -->
|
||||
</div><!-- /.container -->
|
BIN
dashu03/images/404.png
Normal file
After Width: | Height: | Size: 216 KiB |
BIN
dashu03/images/ajax-loader.gif
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
dashu03/images/emotions/em00.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
dashu03/images/emotions/em01.png
Normal file
After Width: | Height: | Size: 926 B |
BIN
dashu03/images/emotions/em02.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
dashu03/images/emotions/em03.png
Normal file
After Width: | Height: | Size: 1.0 KiB |
BIN
dashu03/images/emotions/em04.png
Normal file
After Width: | Height: | Size: 1.0 KiB |
BIN
dashu03/images/emotions/em05.png
Normal file
After Width: | Height: | Size: 1001 B |
BIN
dashu03/images/emotions/em06.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
dashu03/images/emotions/em07.png
Normal file
After Width: | Height: | Size: 1.0 KiB |
BIN
dashu03/images/emotions/em08.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
dashu03/images/emotions/em09.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
dashu03/images/emotions/em10.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
dashu03/images/emotions/em11.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
dashu03/images/emotions/em12.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
dashu03/images/emotions/em13.png
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
dashu03/images/emotions/em14.png
Normal file
After Width: | Height: | Size: 3.7 KiB |
BIN
dashu03/images/emotions/emotions-ease.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
dashu03/images/footer-top-bg.png
Normal file
After Width: | Height: | Size: 136 B |
BIN
dashu03/images/icons.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
dashu03/images/slide-01.jpg
Normal file
After Width: | Height: | Size: 81 KiB |
BIN
dashu03/images/slide-02.jpg
Normal file
After Width: | Height: | Size: 134 KiB |
BIN
dashu03/images/slide-03.jpg
Normal file
After Width: | Height: | Size: 134 KiB |
BIN
dashu03/img/glyphicons-halflings-white.png
Normal file
After Width: | Height: | Size: 8.6 KiB |
BIN
dashu03/img/glyphicons-halflings.png
Normal file
After Width: | Height: | Size: 12 KiB |
113
dashu03/index.ftl
Normal file
@ -0,0 +1,113 @@
|
||||
<#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>
|
||||
|
||||
<#include "header.ftl">
|
||||
|
||||
<div id="myCarousel" class="carousel slide">
|
||||
<div class="carousel-inner">
|
||||
|
||||
<#list articles as article>
|
||||
<#if article_index == 0>
|
||||
|
||||
<div class="item active">
|
||||
<img src="${staticServePath}/skins/${skinDirName}/images/slide-01.jpg" alt="">
|
||||
<div class="container">
|
||||
<div class="carousel-caption">
|
||||
<h1>${article.articleTitle}</h1>
|
||||
<p class="lead">
|
||||
${article.articleAbstract}
|
||||
</p>
|
||||
<a class="btn btn-large btn-primary" href="${servePath}${article.articlePermalink}">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<#elseif article_index == 1>
|
||||
|
||||
<div class="item">
|
||||
<img src="${staticServePath}/skins/${skinDirName}/images/slide-02.jpg" alt="">
|
||||
<div class="container">
|
||||
<div class="carousel-caption">
|
||||
<h1>${article.articleTitle}</h1>
|
||||
<p class="lead">
|
||||
${article.articleAbstract}
|
||||
</p>
|
||||
<a class="btn btn-large btn-primary" href="${servePath}${article.articlePermalink}">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<#elseif article_index == 2>
|
||||
|
||||
<div class="item">
|
||||
<img src="${staticServePath}/skins/${skinDirName}/images/slide-03.jpg" alt="">
|
||||
<div class="container">
|
||||
<div class="carousel-caption">
|
||||
<h1>${article.articleTitle}</h1>
|
||||
<p class="lead">
|
||||
${article.articleAbstract}
|
||||
</p>
|
||||
<a class="btn btn-large btn-primary" href="${servePath}${article.articlePermalink}">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="left carousel-control" href="${staticServePath}#myCarousel" data-slide="prev">‹</a>
|
||||
<a class="right carousel-control" href="${staticServePath}#myCarousel" data-slide="next">›</a>
|
||||
</div><!-- /.carousel -->
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="span4">
|
||||
<h4>${recentArticlesLabel} <i class="icon-time"></i></h4>
|
||||
<ul class="unstyled">
|
||||
<#else>
|
||||
<li>
|
||||
<p><a href="${servePath}${article.articlePermalink}" class="tooltipLink" data-original-title='${article.articleAbstract}'>${article.articleTitle}</a></p>
|
||||
<span style="display: none;">${article.articleAbstract}</span>
|
||||
</li>
|
||||
</#if>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="span4">
|
||||
<h4>${mostViewCountArticlesLabel} <i class="icon-folder-close"></i></h4>
|
||||
<ul class="unstyled">
|
||||
<#list mostViewCountArticles as article>
|
||||
<li>
|
||||
<p><a href="${servePath}${article.articlePermalink}" class="tooltipLink" data-original-title='${article.articleAbstract}'>${article.articleTitle}</a></p>
|
||||
<span style="display: none;">${article.articleAbstract}</span>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="span4">
|
||||
<h4>${mostCommentArticlesLabel} <i class="icon-comment"></i></h4>
|
||||
<ul class="unstyled">
|
||||
<#list mostCommentArticles as article>
|
||||
<li>
|
||||
<p><a href="${servePath}${article.articlePermalink}" class="tooltipLink" data-original-title='${article.articleAbstract}'>${article.articleTitle}</a></p>
|
||||
<span style="display: none;">${article.articleAbstract}</span>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<#include "footer.ftl">
|
||||
</body>
|
||||
</html>
|
88
dashu03/js/bootstrap-alert.js
vendored
Normal file
@ -0,0 +1,88 @@
|
||||
/* ==========================================================
|
||||
* bootstrap-alert.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#alerts
|
||||
* ==========================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ========================================================== */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* ALERT CLASS DEFINITION
|
||||
* ====================== */
|
||||
|
||||
var dismiss = '[data-dismiss="alert"]'
|
||||
, Alert = function (el) {
|
||||
$(el).on('click', dismiss, this.close)
|
||||
}
|
||||
|
||||
Alert.prototype.close = function (e) {
|
||||
var $this = $(this)
|
||||
, selector = $this.attr('data-target')
|
||||
, $parent
|
||||
|
||||
if (!selector) {
|
||||
selector = $this.attr('href')
|
||||
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
||||
}
|
||||
|
||||
$parent = $(selector)
|
||||
|
||||
e && e.preventDefault()
|
||||
|
||||
$parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent())
|
||||
|
||||
$parent.trigger(e = $.Event('close'))
|
||||
|
||||
if (e.isDefaultPrevented()) return
|
||||
|
||||
$parent.removeClass('in')
|
||||
|
||||
function removeElement() {
|
||||
$parent
|
||||
.trigger('closed')
|
||||
.remove()
|
||||
}
|
||||
|
||||
$.support.transition && $parent.hasClass('fade') ?
|
||||
$parent.on($.support.transition.end, removeElement) :
|
||||
removeElement()
|
||||
}
|
||||
|
||||
|
||||
/* ALERT PLUGIN DEFINITION
|
||||
* ======================= */
|
||||
|
||||
$.fn.alert = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('alert')
|
||||
if (!data) $this.data('alert', (data = new Alert(this)))
|
||||
if (typeof option == 'string') data[option].call($this)
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.alert.Constructor = Alert
|
||||
|
||||
|
||||
/* ALERT DATA-API
|
||||
* ============== */
|
||||
|
||||
$(document).on('click.alert.data-api', dismiss, Alert.prototype.close)
|
||||
|
||||
}(window.jQuery);
|
94
dashu03/js/bootstrap-button.js
vendored
Normal file
@ -0,0 +1,94 @@
|
||||
/* ============================================================
|
||||
* bootstrap-button.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#buttons
|
||||
* ============================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ============================================================ */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* BUTTON PUBLIC CLASS DEFINITION
|
||||
* ============================== */
|
||||
|
||||
var Button = function (element, options) {
|
||||
this.$element = $(element)
|
||||
this.options = $.extend({}, $.fn.button.defaults, options)
|
||||
}
|
||||
|
||||
Button.prototype.setState = function (state) {
|
||||
var d = 'disabled'
|
||||
, $el = this.$element
|
||||
, data = $el.data()
|
||||
, val = $el.is('input') ? 'val' : 'html'
|
||||
|
||||
state = state + 'Text'
|
||||
data.resetText || $el.data('resetText', $el[val]())
|
||||
|
||||
$el[val](data[state] || this.options[state])
|
||||
|
||||
// push to event loop to allow forms to submit
|
||||
setTimeout(function () {
|
||||
state == 'loadingText' ?
|
||||
$el.addClass(d).attr(d, d) :
|
||||
$el.removeClass(d).removeAttr(d)
|
||||
}, 0)
|
||||
}
|
||||
|
||||
Button.prototype.toggle = function () {
|
||||
var $parent = this.$element.closest('[data-toggle="buttons-radio"]')
|
||||
|
||||
$parent && $parent
|
||||
.find('.active')
|
||||
.removeClass('active')
|
||||
|
||||
this.$element.toggleClass('active')
|
||||
}
|
||||
|
||||
|
||||
/* BUTTON PLUGIN DEFINITION
|
||||
* ======================== */
|
||||
|
||||
$.fn.button = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('button')
|
||||
, options = typeof option == 'object' && option
|
||||
if (!data) $this.data('button', (data = new Button(this, options)))
|
||||
if (option == 'toggle') data.toggle()
|
||||
else if (option) data.setState(option)
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.button.defaults = {
|
||||
loadingText: 'loading...'
|
||||
}
|
||||
|
||||
$.fn.button.Constructor = Button
|
||||
|
||||
|
||||
/* BUTTON DATA-API
|
||||
* =============== */
|
||||
|
||||
$(document).on('click.button.data-api', '[data-toggle^=button]', function (e) {
|
||||
var $btn = $(e.target)
|
||||
if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
|
||||
$btn.button('toggle')
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
176
dashu03/js/bootstrap-carousel.js
vendored
Normal file
@ -0,0 +1,176 @@
|
||||
/* ==========================================================
|
||||
* bootstrap-carousel.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#carousel
|
||||
* ==========================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ========================================================== */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* CAROUSEL CLASS DEFINITION
|
||||
* ========================= */
|
||||
|
||||
var Carousel = function (element, options) {
|
||||
this.$element = $(element)
|
||||
this.options = options
|
||||
this.options.slide && this.slide(this.options.slide)
|
||||
this.options.pause == 'hover' && this.$element
|
||||
.on('mouseenter', $.proxy(this.pause, this))
|
||||
.on('mouseleave', $.proxy(this.cycle, this))
|
||||
}
|
||||
|
||||
Carousel.prototype = {
|
||||
|
||||
cycle: function (e) {
|
||||
if (!e) this.paused = false
|
||||
this.options.interval
|
||||
&& !this.paused
|
||||
&& (this.interval = setInterval($.proxy(this.next, this), this.options.interval))
|
||||
return this
|
||||
}
|
||||
|
||||
, to: function (pos) {
|
||||
var $active = this.$element.find('.item.active')
|
||||
, children = $active.parent().children()
|
||||
, activePos = children.index($active)
|
||||
, that = this
|
||||
|
||||
if (pos > (children.length - 1) || pos < 0) return
|
||||
|
||||
if (this.sliding) {
|
||||
return this.$element.one('slid', function () {
|
||||
that.to(pos)
|
||||
})
|
||||
}
|
||||
|
||||
if (activePos == pos) {
|
||||
return this.pause().cycle()
|
||||
}
|
||||
|
||||
return this.slide(pos > activePos ? 'next' : 'prev', $(children[pos]))
|
||||
}
|
||||
|
||||
, pause: function (e) {
|
||||
if (!e) this.paused = true
|
||||
if (this.$element.find('.next, .prev').length && $.support.transition.end) {
|
||||
this.$element.trigger($.support.transition.end)
|
||||
this.cycle()
|
||||
}
|
||||
clearInterval(this.interval)
|
||||
this.interval = null
|
||||
return this
|
||||
}
|
||||
|
||||
, next: function () {
|
||||
if (this.sliding) return
|
||||
return this.slide('next')
|
||||
}
|
||||
|
||||
, prev: function () {
|
||||
if (this.sliding) return
|
||||
return this.slide('prev')
|
||||
}
|
||||
|
||||
, slide: function (type, next) {
|
||||
var $active = this.$element.find('.item.active')
|
||||
, $next = next || $active[type]()
|
||||
, isCycling = this.interval
|
||||
, direction = type == 'next' ? 'left' : 'right'
|
||||
, fallback = type == 'next' ? 'first' : 'last'
|
||||
, that = this
|
||||
, e
|
||||
|
||||
this.sliding = true
|
||||
|
||||
isCycling && this.pause()
|
||||
|
||||
$next = $next.length ? $next : this.$element.find('.item')[fallback]()
|
||||
|
||||
e = $.Event('slide', {
|
||||
relatedTarget: $next[0]
|
||||
})
|
||||
|
||||
if ($next.hasClass('active')) return
|
||||
|
||||
if ($.support.transition && this.$element.hasClass('slide')) {
|
||||
this.$element.trigger(e)
|
||||
if (e.isDefaultPrevented()) return
|
||||
$next.addClass(type)
|
||||
$next[0].offsetWidth // force reflow
|
||||
$active.addClass(direction)
|
||||
$next.addClass(direction)
|
||||
this.$element.one($.support.transition.end, function () {
|
||||
$next.removeClass([type, direction].join(' ')).addClass('active')
|
||||
$active.removeClass(['active', direction].join(' '))
|
||||
that.sliding = false
|
||||
setTimeout(function () { that.$element.trigger('slid') }, 0)
|
||||
})
|
||||
} else {
|
||||
this.$element.trigger(e)
|
||||
if (e.isDefaultPrevented()) return
|
||||
$active.removeClass('active')
|
||||
$next.addClass('active')
|
||||
this.sliding = false
|
||||
this.$element.trigger('slid')
|
||||
}
|
||||
|
||||
isCycling && this.cycle()
|
||||
|
||||
return this
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* CAROUSEL PLUGIN DEFINITION
|
||||
* ========================== */
|
||||
|
||||
$.fn.carousel = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('carousel')
|
||||
, options = $.extend({}, $.fn.carousel.defaults, typeof option == 'object' && option)
|
||||
, action = typeof option == 'string' ? option : options.slide
|
||||
if (!data) $this.data('carousel', (data = new Carousel(this, options)))
|
||||
if (typeof option == 'number') data.to(option)
|
||||
else if (action) data[action]()
|
||||
else if (options.interval) data.cycle()
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.carousel.defaults = {
|
||||
interval: 5000
|
||||
, pause: 'hover'
|
||||
}
|
||||
|
||||
$.fn.carousel.Constructor = Carousel
|
||||
|
||||
|
||||
/* CAROUSEL DATA-API
|
||||
* ================= */
|
||||
|
||||
$(document).on('click.carousel.data-api', '[data-slide]', function (e) {
|
||||
var $this = $(this), href
|
||||
, $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
|
||||
, options = $.extend({}, $target.data(), $this.data())
|
||||
$target.carousel(options)
|
||||
e.preventDefault()
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
156
dashu03/js/bootstrap-collapse.js
vendored
Normal file
@ -0,0 +1,156 @@
|
||||
/* =============================================================
|
||||
* bootstrap-collapse.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#collapse
|
||||
* =============================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ============================================================ */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* COLLAPSE PUBLIC CLASS DEFINITION
|
||||
* ================================ */
|
||||
|
||||
var Collapse = function (element, options) {
|
||||
this.$element = $(element)
|
||||
this.options = $.extend({}, $.fn.collapse.defaults, options)
|
||||
|
||||
if (this.options.parent) {
|
||||
this.$parent = $(this.options.parent)
|
||||
}
|
||||
|
||||
this.options.toggle && this.toggle()
|
||||
}
|
||||
|
||||
Collapse.prototype = {
|
||||
|
||||
constructor: Collapse
|
||||
|
||||
, dimension: function () {
|
||||
var hasWidth = this.$element.hasClass('width')
|
||||
return hasWidth ? 'width' : 'height'
|
||||
}
|
||||
|
||||
, show: function () {
|
||||
var dimension
|
||||
, scroll
|
||||
, actives
|
||||
, hasData
|
||||
|
||||
if (this.transitioning) return
|
||||
|
||||
dimension = this.dimension()
|
||||
scroll = $.camelCase(['scroll', dimension].join('-'))
|
||||
actives = this.$parent && this.$parent.find('> .accordion-group > .in')
|
||||
|
||||
if (actives && actives.length) {
|
||||
hasData = actives.data('collapse')
|
||||
if (hasData && hasData.transitioning) return
|
||||
actives.collapse('hide')
|
||||
hasData || actives.data('collapse', null)
|
||||
}
|
||||
|
||||
this.$element[dimension](0)
|
||||
this.transition('addClass', $.Event('show'), 'shown')
|
||||
$.support.transition && this.$element[dimension](this.$element[0][scroll])
|
||||
}
|
||||
|
||||
, hide: function () {
|
||||
var dimension
|
||||
if (this.transitioning) return
|
||||
dimension = this.dimension()
|
||||
this.reset(this.$element[dimension]())
|
||||
this.transition('removeClass', $.Event('hide'), 'hidden')
|
||||
this.$element[dimension](0)
|
||||
}
|
||||
|
||||
, reset: function (size) {
|
||||
var dimension = this.dimension()
|
||||
|
||||
this.$element
|
||||
.removeClass('collapse')
|
||||
[dimension](size || 'auto')
|
||||
[0].offsetWidth
|
||||
|
||||
this.$element[size !== null ? 'addClass' : 'removeClass']('collapse')
|
||||
|
||||
return this
|
||||
}
|
||||
|
||||
, transition: function (method, startEvent, completeEvent) {
|
||||
var that = this
|
||||
, complete = function () {
|
||||
if (startEvent.type == 'show') that.reset()
|
||||
that.transitioning = 0
|
||||
that.$element.trigger(completeEvent)
|
||||
}
|
||||
|
||||
this.$element.trigger(startEvent)
|
||||
|
||||
if (startEvent.isDefaultPrevented()) return
|
||||
|
||||
this.transitioning = 1
|
||||
|
||||
this.$element[method]('in')
|
||||
|
||||
$.support.transition && this.$element.hasClass('collapse') ?
|
||||
this.$element.one($.support.transition.end, complete) :
|
||||
complete()
|
||||
}
|
||||
|
||||
, toggle: function () {
|
||||
this[this.$element.hasClass('in') ? 'hide' : 'show']()
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* COLLAPSIBLE PLUGIN DEFINITION
|
||||
* ============================== */
|
||||
|
||||
$.fn.collapse = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('collapse')
|
||||
, options = typeof option == 'object' && option
|
||||
if (!data) $this.data('collapse', (data = new Collapse(this, options)))
|
||||
if (typeof option == 'string') data[option]()
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.collapse.defaults = {
|
||||
toggle: true
|
||||
}
|
||||
|
||||
$.fn.collapse.Constructor = Collapse
|
||||
|
||||
|
||||
/* COLLAPSIBLE DATA-API
|
||||
* ==================== */
|
||||
|
||||
$(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) {
|
||||
var $this = $(this), href
|
||||
, target = $this.attr('data-target')
|
||||
|| e.preventDefault()
|
||||
|| (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
|
||||
, option = $(target).data('collapse') ? 'toggle' : $this.data()
|
||||
$this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed')
|
||||
$(target).collapse(option)
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
148
dashu03/js/bootstrap-dropdown.js
vendored
Normal file
@ -0,0 +1,148 @@
|
||||
/* ============================================================
|
||||
* bootstrap-dropdown.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#dropdowns
|
||||
* ============================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ============================================================ */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* DROPDOWN CLASS DEFINITION
|
||||
* ========================= */
|
||||
|
||||
var toggle = '[data-toggle=dropdown]'
|
||||
, Dropdown = function (element) {
|
||||
var $el = $(element).on('click.dropdown.data-api', this.toggle)
|
||||
$('html').on('click.dropdown.data-api', function () {
|
||||
$el.parent().removeClass('open')
|
||||
})
|
||||
}
|
||||
|
||||
Dropdown.prototype = {
|
||||
|
||||
constructor: Dropdown
|
||||
|
||||
, toggle: function (e) {
|
||||
var $this = $(this)
|
||||
, $parent
|
||||
, isActive
|
||||
|
||||
if ($this.is('.disabled, :disabled')) return
|
||||
|
||||
$parent = getParent($this)
|
||||
|
||||
isActive = $parent.hasClass('open')
|
||||
|
||||
clearMenus()
|
||||
|
||||
if (!isActive) {
|
||||
$parent.toggleClass('open')
|
||||
$this.focus()
|
||||
}
|
||||
|
||||
return false
|
||||
}
|
||||
|
||||
, keydown: function (e) {
|
||||
var $this
|
||||
, $items
|
||||
, $active
|
||||
, $parent
|
||||
, isActive
|
||||
, index
|
||||
|
||||
if (!/(38|40|27)/.test(e.keyCode)) return
|
||||
|
||||
$this = $(this)
|
||||
|
||||
e.preventDefault()
|
||||
e.stopPropagation()
|
||||
|
||||
if ($this.is('.disabled, :disabled')) return
|
||||
|
||||
$parent = getParent($this)
|
||||
|
||||
isActive = $parent.hasClass('open')
|
||||
|
||||
if (!isActive || (isActive && e.keyCode == 27)) return $this.click()
|
||||
|
||||
$items = $('[role=menu] li:not(.divider) a', $parent)
|
||||
|
||||
if (!$items.length) return
|
||||
|
||||
index = $items.index($items.filter(':focus'))
|
||||
|
||||
if (e.keyCode == 38 && index > 0) index-- // up
|
||||
if (e.keyCode == 40 && index < $items.length - 1) index++ // down
|
||||
if (!~index) index = 0
|
||||
|
||||
$items
|
||||
.eq(index)
|
||||
.focus()
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function clearMenus() {
|
||||
$(toggle).each(function () {
|
||||
getParent($(this)).removeClass('open')
|
||||
})
|
||||
}
|
||||
|
||||
function getParent($this) {
|
||||
var selector = $this.attr('data-target')
|
||||
, $parent
|
||||
|
||||
if (!selector) {
|
||||
selector = $this.attr('href')
|
||||
selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
||||
}
|
||||
|
||||
$parent = $(selector)
|
||||
$parent.length || ($parent = $this.parent())
|
||||
|
||||
return $parent
|
||||
}
|
||||
|
||||
|
||||
/* DROPDOWN PLUGIN DEFINITION
|
||||
* ========================== */
|
||||
|
||||
$.fn.dropdown = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('dropdown')
|
||||
if (!data) $this.data('dropdown', (data = new Dropdown(this)))
|
||||
if (typeof option == 'string') data[option].call($this)
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.dropdown.Constructor = Dropdown
|
||||
|
||||
|
||||
/* APPLY TO STANDARD DROPDOWN ELEMENTS
|
||||
* =================================== */
|
||||
|
||||
$(document)
|
||||
.on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus)
|
||||
.on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
|
||||
.on('click.dropdown.data-api touchstart.dropdown.data-api' , toggle, Dropdown.prototype.toggle)
|
||||
.on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
|
||||
|
||||
}(window.jQuery);
|
234
dashu03/js/bootstrap-modal.js
vendored
Normal file
@ -0,0 +1,234 @@
|
||||
/* =========================================================
|
||||
* bootstrap-modal.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#modals
|
||||
* =========================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ========================================================= */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* MODAL CLASS DEFINITION
|
||||
* ====================== */
|
||||
|
||||
var Modal = function (element, options) {
|
||||
this.options = options
|
||||
this.$element = $(element)
|
||||
.delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
|
||||
this.options.remote && this.$element.find('.modal-body').load(this.options.remote)
|
||||
}
|
||||
|
||||
Modal.prototype = {
|
||||
|
||||
constructor: Modal
|
||||
|
||||
, toggle: function () {
|
||||
return this[!this.isShown ? 'show' : 'hide']()
|
||||
}
|
||||
|
||||
, show: function () {
|
||||
var that = this
|
||||
, e = $.Event('show')
|
||||
|
||||
this.$element.trigger(e)
|
||||
|
||||
if (this.isShown || e.isDefaultPrevented()) return
|
||||
|
||||
this.isShown = true
|
||||
|
||||
this.escape()
|
||||
|
||||
this.backdrop(function () {
|
||||
var transition = $.support.transition && that.$element.hasClass('fade')
|
||||
|
||||
if (!that.$element.parent().length) {
|
||||
that.$element.appendTo(document.body) //don't move modals dom position
|
||||
}
|
||||
|
||||
that.$element
|
||||
.show()
|
||||
|
||||
if (transition) {
|
||||
that.$element[0].offsetWidth // force reflow
|
||||
}
|
||||
|
||||
that.$element
|
||||
.addClass('in')
|
||||
.attr('aria-hidden', false)
|
||||
|
||||
that.enforceFocus()
|
||||
|
||||
transition ?
|
||||
that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) :
|
||||
that.$element.focus().trigger('shown')
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
, hide: function (e) {
|
||||
e && e.preventDefault()
|
||||
|
||||
var that = this
|
||||
|
||||
e = $.Event('hide')
|
||||
|
||||
this.$element.trigger(e)
|
||||
|
||||
if (!this.isShown || e.isDefaultPrevented()) return
|
||||
|
||||
this.isShown = false
|
||||
|
||||
this.escape()
|
||||
|
||||
$(document).off('focusin.modal')
|
||||
|
||||
this.$element
|
||||
.removeClass('in')
|
||||
.attr('aria-hidden', true)
|
||||
|
||||
$.support.transition && this.$element.hasClass('fade') ?
|
||||
this.hideWithTransition() :
|
||||
this.hideModal()
|
||||
}
|
||||
|
||||
, enforceFocus: function () {
|
||||
var that = this
|
||||
$(document).on('focusin.modal', function (e) {
|
||||
if (that.$element[0] !== e.target && !that.$element.has(e.target).length) {
|
||||
that.$element.focus()
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
, escape: function () {
|
||||
var that = this
|
||||
if (this.isShown && this.options.keyboard) {
|
||||
this.$element.on('keyup.dismiss.modal', function ( e ) {
|
||||
e.which == 27 && that.hide()
|
||||
})
|
||||
} else if (!this.isShown) {
|
||||
this.$element.off('keyup.dismiss.modal')
|
||||
}
|
||||
}
|
||||
|
||||
, hideWithTransition: function () {
|
||||
var that = this
|
||||
, timeout = setTimeout(function () {
|
||||
that.$element.off($.support.transition.end)
|
||||
that.hideModal()
|
||||
}, 500)
|
||||
|
||||
this.$element.one($.support.transition.end, function () {
|
||||
clearTimeout(timeout)
|
||||
that.hideModal()
|
||||
})
|
||||
}
|
||||
|
||||
, hideModal: function (that) {
|
||||
this.$element
|
||||
.hide()
|
||||
.trigger('hidden')
|
||||
|
||||
this.backdrop()
|
||||
}
|
||||
|
||||
, removeBackdrop: function () {
|
||||
this.$backdrop.remove()
|
||||
this.$backdrop = null
|
||||
}
|
||||
|
||||
, backdrop: function (callback) {
|
||||
var that = this
|
||||
, animate = this.$element.hasClass('fade') ? 'fade' : ''
|
||||
|
||||
if (this.isShown && this.options.backdrop) {
|
||||
var doAnimate = $.support.transition && animate
|
||||
|
||||
this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
|
||||
.appendTo(document.body)
|
||||
|
||||
this.$backdrop.click(
|
||||
this.options.backdrop == 'static' ?
|
||||
$.proxy(this.$element[0].focus, this.$element[0])
|
||||
: $.proxy(this.hide, this)
|
||||
)
|
||||
|
||||
if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
|
||||
|
||||
this.$backdrop.addClass('in')
|
||||
|
||||
doAnimate ?
|
||||
this.$backdrop.one($.support.transition.end, callback) :
|
||||
callback()
|
||||
|
||||
} else if (!this.isShown && this.$backdrop) {
|
||||
this.$backdrop.removeClass('in')
|
||||
|
||||
$.support.transition && this.$element.hasClass('fade')?
|
||||
this.$backdrop.one($.support.transition.end, $.proxy(this.removeBackdrop, this)) :
|
||||
this.removeBackdrop()
|
||||
|
||||
} else if (callback) {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* MODAL PLUGIN DEFINITION
|
||||
* ======================= */
|
||||
|
||||
$.fn.modal = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('modal')
|
||||
, options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option)
|
||||
if (!data) $this.data('modal', (data = new Modal(this, options)))
|
||||
if (typeof option == 'string') data[option]()
|
||||
else if (options.show) data.show()
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.modal.defaults = {
|
||||
backdrop: true
|
||||
, keyboard: true
|
||||
, show: true
|
||||
}
|
||||
|
||||
$.fn.modal.Constructor = Modal
|
||||
|
||||
|
||||
/* MODAL DATA-API
|
||||
* ============== */
|
||||
|
||||
$(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) {
|
||||
var $this = $(this)
|
||||
, href = $this.attr('href')
|
||||
, $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7
|
||||
, option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data())
|
||||
|
||||
e.preventDefault()
|
||||
|
||||
$target
|
||||
.modal(option)
|
||||
.one('hide', function () {
|
||||
$this.focus()
|
||||
})
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
103
dashu03/js/bootstrap-popover.js
vendored
Normal file
@ -0,0 +1,103 @@
|
||||
/* ===========================================================
|
||||
* bootstrap-popover.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#popovers
|
||||
* ===========================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* =========================================================== */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* POPOVER PUBLIC CLASS DEFINITION
|
||||
* =============================== */
|
||||
|
||||
var Popover = function (element, options) {
|
||||
this.init('popover', element, options)
|
||||
}
|
||||
|
||||
|
||||
/* NOTE: POPOVER EXTENDS BOOTSTRAP-TOOLTIP.js
|
||||
========================================== */
|
||||
|
||||
Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, {
|
||||
|
||||
constructor: Popover
|
||||
|
||||
, setContent: function () {
|
||||
var $tip = this.tip()
|
||||
, title = this.getTitle()
|
||||
, content = this.getContent()
|
||||
|
||||
$tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
|
||||
$tip.find('.popover-content > *')[this.options.html ? 'html' : 'text'](content)
|
||||
|
||||
$tip.removeClass('fade top bottom left right in')
|
||||
}
|
||||
|
||||
, hasContent: function () {
|
||||
return this.getTitle() || this.getContent()
|
||||
}
|
||||
|
||||
, getContent: function () {
|
||||
var content
|
||||
, $e = this.$element
|
||||
, o = this.options
|
||||
|
||||
content = $e.attr('data-content')
|
||||
|| (typeof o.content == 'function' ? o.content.call($e[0]) : o.content)
|
||||
|
||||
return content
|
||||
}
|
||||
|
||||
, tip: function () {
|
||||
if (!this.$tip) {
|
||||
this.$tip = $(this.options.template)
|
||||
}
|
||||
return this.$tip
|
||||
}
|
||||
|
||||
, destroy: function () {
|
||||
this.hide().$element.off('.' + this.type).removeData(this.type)
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
|
||||
/* POPOVER PLUGIN DEFINITION
|
||||
* ======================= */
|
||||
|
||||
$.fn.popover = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('popover')
|
||||
, options = typeof option == 'object' && option
|
||||
if (!data) $this.data('popover', (data = new Popover(this, options)))
|
||||
if (typeof option == 'string') data[option]()
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.popover.Constructor = Popover
|
||||
|
||||
$.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, {
|
||||
placement: 'right'
|
||||
, trigger: 'click'
|
||||
, content: ''
|
||||
, template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
151
dashu03/js/bootstrap-scrollspy.js
vendored
Normal file
@ -0,0 +1,151 @@
|
||||
/* =============================================================
|
||||
* bootstrap-scrollspy.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#scrollspy
|
||||
* =============================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ============================================================== */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* SCROLLSPY CLASS DEFINITION
|
||||
* ========================== */
|
||||
|
||||
function ScrollSpy(element, options) {
|
||||
var process = $.proxy(this.process, this)
|
||||
, $element = $(element).is('body') ? $(window) : $(element)
|
||||
, href
|
||||
this.options = $.extend({}, $.fn.scrollspy.defaults, options)
|
||||
this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process)
|
||||
this.selector = (this.options.target
|
||||
|| ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
|
||||
|| '') + ' .nav li > a'
|
||||
this.$body = $('body')
|
||||
this.refresh()
|
||||
this.process()
|
||||
}
|
||||
|
||||
ScrollSpy.prototype = {
|
||||
|
||||
constructor: ScrollSpy
|
||||
|
||||
, refresh: function () {
|
||||
var self = this
|
||||
, $targets
|
||||
|
||||
this.offsets = $([])
|
||||
this.targets = $([])
|
||||
|
||||
$targets = this.$body
|
||||
.find(this.selector)
|
||||
.map(function () {
|
||||
var $el = $(this)
|
||||
, href = $el.data('target') || $el.attr('href')
|
||||
, $href = /^#\w/.test(href) && $(href)
|
||||
return ( $href
|
||||
&& $href.length
|
||||
&& [[ $href.position().top, href ]] ) || null
|
||||
})
|
||||
.sort(function (a, b) { return a[0] - b[0] })
|
||||
.each(function () {
|
||||
self.offsets.push(this[0])
|
||||
self.targets.push(this[1])
|
||||
})
|
||||
}
|
||||
|
||||
, process: function () {
|
||||
var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
|
||||
, scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
|
||||
, maxScroll = scrollHeight - this.$scrollElement.height()
|
||||
, offsets = this.offsets
|
||||
, targets = this.targets
|
||||
, activeTarget = this.activeTarget
|
||||
, i
|
||||
|
||||
if (scrollTop >= maxScroll) {
|
||||
return activeTarget != (i = targets.last()[0])
|
||||
&& this.activate ( i )
|
||||
}
|
||||
|
||||
for (i = offsets.length; i--;) {
|
||||
activeTarget != targets[i]
|
||||
&& scrollTop >= offsets[i]
|
||||
&& (!offsets[i + 1] || scrollTop <= offsets[i + 1])
|
||||
&& this.activate( targets[i] )
|
||||
}
|
||||
}
|
||||
|
||||
, activate: function (target) {
|
||||
var active
|
||||
, selector
|
||||
|
||||
this.activeTarget = target
|
||||
|
||||
$(this.selector)
|
||||
.parent('.active')
|
||||
.removeClass('active')
|
||||
|
||||
selector = this.selector
|
||||
+ '[data-target="' + target + '"],'
|
||||
+ this.selector + '[href="' + target + '"]'
|
||||
|
||||
active = $(selector)
|
||||
.parent('li')
|
||||
.addClass('active')
|
||||
|
||||
if (active.parent('.dropdown-menu').length) {
|
||||
active = active.closest('li.dropdown').addClass('active')
|
||||
}
|
||||
|
||||
active.trigger('activate')
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* SCROLLSPY PLUGIN DEFINITION
|
||||
* =========================== */
|
||||
|
||||
$.fn.scrollspy = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('scrollspy')
|
||||
, options = typeof option == 'object' && option
|
||||
if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options)))
|
||||
if (typeof option == 'string') data[option]()
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.scrollspy.Constructor = ScrollSpy
|
||||
|
||||
$.fn.scrollspy.defaults = {
|
||||
offset: 10
|
||||
}
|
||||
|
||||
|
||||
/* SCROLLSPY DATA-API
|
||||
* ================== */
|
||||
|
||||
$(window).on('load', function () {
|
||||
$('[data-spy="scroll"]').each(function () {
|
||||
var $spy = $(this)
|
||||
$spy.scrollspy($spy.data())
|
||||
})
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
133
dashu03/js/bootstrap-tab.js
vendored
Normal file
@ -0,0 +1,133 @@
|
||||
/* ========================================================
|
||||
* bootstrap-tab.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#tabs
|
||||
* ========================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ======================================================== */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* TAB CLASS DEFINITION
|
||||
* ==================== */
|
||||
|
||||
var Tab = function (element) {
|
||||
this.element = $(element)
|
||||
}
|
||||
|
||||
Tab.prototype = {
|
||||
|
||||
constructor: Tab
|
||||
|
||||
, show: function () {
|
||||
var $this = this.element
|
||||
, $ul = $this.closest('ul:not(.dropdown-menu)')
|
||||
, selector = $this.attr('data-target')
|
||||
, previous
|
||||
, $target
|
||||
, e
|
||||
|
||||
if (!selector) {
|
||||
selector = $this.attr('href')
|
||||
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
||||
}
|
||||
|
||||
if ( $this.parent('li').hasClass('active') ) return
|
||||
|
||||
previous = $ul.find('.active:last a')[0]
|
||||
|
||||
e = $.Event('show', {
|
||||
relatedTarget: previous
|
||||
})
|
||||
|
||||
$this.trigger(e)
|
||||
|
||||
if (e.isDefaultPrevented()) return
|
||||
|
||||
$target = $(selector)
|
||||
|
||||
this.activate($this.parent('li'), $ul)
|
||||
this.activate($target, $target.parent(), function () {
|
||||
$this.trigger({
|
||||
type: 'shown'
|
||||
, relatedTarget: previous
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
, activate: function ( element, container, callback) {
|
||||
var $active = container.find('> .active')
|
||||
, transition = callback
|
||||
&& $.support.transition
|
||||
&& $active.hasClass('fade')
|
||||
|
||||
function next() {
|
||||
$active
|
||||
.removeClass('active')
|
||||
.find('> .dropdown-menu > .active')
|
||||
.removeClass('active')
|
||||
|
||||
element.addClass('active')
|
||||
|
||||
if (transition) {
|
||||
element[0].offsetWidth // reflow for transition
|
||||
element.addClass('in')
|
||||
} else {
|
||||
element.removeClass('fade')
|
||||
}
|
||||
|
||||
if ( element.parent('.dropdown-menu') ) {
|
||||
element.closest('li.dropdown').addClass('active')
|
||||
}
|
||||
|
||||
callback && callback()
|
||||
}
|
||||
|
||||
transition ?
|
||||
$active.one($.support.transition.end, next) :
|
||||
next()
|
||||
|
||||
$active.removeClass('in')
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* TAB PLUGIN DEFINITION
|
||||
* ===================== */
|
||||
|
||||
$.fn.tab = function ( option ) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('tab')
|
||||
if (!data) $this.data('tab', (data = new Tab(this)))
|
||||
if (typeof option == 'string') data[option]()
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.tab.Constructor = Tab
|
||||
|
||||
|
||||
/* TAB DATA-API
|
||||
* ============ */
|
||||
|
||||
$(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
|
||||
e.preventDefault()
|
||||
$(this).tab('show')
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
276
dashu03/js/bootstrap-tooltip.js
vendored
Normal file
@ -0,0 +1,276 @@
|
||||
/* ===========================================================
|
||||
* bootstrap-tooltip.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#tooltips
|
||||
* Inspired by the original jQuery.tipsy by Jason Frame
|
||||
* ===========================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ========================================================== */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* TOOLTIP PUBLIC CLASS DEFINITION
|
||||
* =============================== */
|
||||
|
||||
var Tooltip = function (element, options) {
|
||||
this.init('tooltip', element, options)
|
||||
}
|
||||
|
||||
Tooltip.prototype = {
|
||||
|
||||
constructor: Tooltip
|
||||
|
||||
, init: function (type, element, options) {
|
||||
var eventIn
|
||||
, eventOut
|
||||
|
||||
this.type = type
|
||||
this.$element = $(element)
|
||||
this.options = this.getOptions(options)
|
||||
this.enabled = true
|
||||
|
||||
if (this.options.trigger == 'click') {
|
||||
this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
|
||||
} else if (this.options.trigger != 'manual') {
|
||||
eventIn = this.options.trigger == 'hover' ? 'mouseenter' : 'focus'
|
||||
eventOut = this.options.trigger == 'hover' ? 'mouseleave' : 'blur'
|
||||
this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
|
||||
this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
|
||||
}
|
||||
|
||||
this.options.selector ?
|
||||
(this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
|
||||
this.fixTitle()
|
||||
}
|
||||
|
||||
, getOptions: function (options) {
|
||||
options = $.extend({}, $.fn[this.type].defaults, options, this.$element.data())
|
||||
|
||||
if (options.delay && typeof options.delay == 'number') {
|
||||
options.delay = {
|
||||
show: options.delay
|
||||
, hide: options.delay
|
||||
}
|
||||
}
|
||||
|
||||
return options
|
||||
}
|
||||
|
||||
, enter: function (e) {
|
||||
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
||||
|
||||
if (!self.options.delay || !self.options.delay.show) return self.show()
|
||||
|
||||
clearTimeout(this.timeout)
|
||||
self.hoverState = 'in'
|
||||
this.timeout = setTimeout(function() {
|
||||
if (self.hoverState == 'in') self.show()
|
||||
}, self.options.delay.show)
|
||||
}
|
||||
|
||||
, leave: function (e) {
|
||||
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
||||
|
||||
if (this.timeout) clearTimeout(this.timeout)
|
||||
if (!self.options.delay || !self.options.delay.hide) return self.hide()
|
||||
|
||||
self.hoverState = 'out'
|
||||
this.timeout = setTimeout(function() {
|
||||
if (self.hoverState == 'out') self.hide()
|
||||
}, self.options.delay.hide)
|
||||
}
|
||||
|
||||
, show: function () {
|
||||
var $tip
|
||||
, inside
|
||||
, pos
|
||||
, actualWidth
|
||||
, actualHeight
|
||||
, placement
|
||||
, tp
|
||||
|
||||
if (this.hasContent() && this.enabled) {
|
||||
$tip = this.tip()
|
||||
this.setContent()
|
||||
|
||||
if (this.options.animation) {
|
||||
$tip.addClass('fade')
|
||||
}
|
||||
|
||||
placement = typeof this.options.placement == 'function' ?
|
||||
this.options.placement.call(this, $tip[0], this.$element[0]) :
|
||||
this.options.placement
|
||||
|
||||
inside = /in/.test(placement)
|
||||
|
||||
$tip
|
||||
.detach()
|
||||
.css({ top: 0, left: 0, display: 'block' })
|
||||
.insertAfter(this.$element)
|
||||
|
||||
pos = this.getPosition(inside)
|
||||
|
||||
actualWidth = $tip[0].offsetWidth
|
||||
actualHeight = $tip[0].offsetHeight
|
||||
|
||||
switch (inside ? placement.split(' ')[1] : placement) {
|
||||
case 'bottom':
|
||||
tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}
|
||||
break
|
||||
case 'top':
|
||||
tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}
|
||||
break
|
||||
case 'left':
|
||||
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}
|
||||
break
|
||||
case 'right':
|
||||
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}
|
||||
break
|
||||
}
|
||||
|
||||
$tip
|
||||
.offset(tp)
|
||||
.addClass(placement)
|
||||
.addClass('in')
|
||||
}
|
||||
}
|
||||
|
||||
, setContent: function () {
|
||||
var $tip = this.tip()
|
||||
, title = this.getTitle()
|
||||
|
||||
$tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
|
||||
$tip.removeClass('fade in top bottom left right')
|
||||
}
|
||||
|
||||
, hide: function () {
|
||||
var that = this
|
||||
, $tip = this.tip()
|
||||
|
||||
$tip.removeClass('in')
|
||||
|
||||
function removeWithAnimation() {
|
||||
var timeout = setTimeout(function () {
|
||||
$tip.off($.support.transition.end).detach()
|
||||
}, 500)
|
||||
|
||||
$tip.one($.support.transition.end, function () {
|
||||
clearTimeout(timeout)
|
||||
$tip.detach()
|
||||
})
|
||||
}
|
||||
|
||||
$.support.transition && this.$tip.hasClass('fade') ?
|
||||
removeWithAnimation() :
|
||||
$tip.detach()
|
||||
|
||||
return this
|
||||
}
|
||||
|
||||
, fixTitle: function () {
|
||||
var $e = this.$element
|
||||
if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
|
||||
$e.attr('data-original-title', $e.attr('title') || '').removeAttr('title')
|
||||
}
|
||||
}
|
||||
|
||||
, hasContent: function () {
|
||||
return this.getTitle()
|
||||
}
|
||||
|
||||
, getPosition: function (inside) {
|
||||
return $.extend({}, (inside ? {top: 0, left: 0} : this.$element.offset()), {
|
||||
width: this.$element[0].offsetWidth
|
||||
, height: this.$element[0].offsetHeight
|
||||
})
|
||||
}
|
||||
|
||||
, getTitle: function () {
|
||||
var title
|
||||
, $e = this.$element
|
||||
, o = this.options
|
||||
|
||||
title = $e.attr('data-original-title')
|
||||
|| (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
|
||||
|
||||
return title
|
||||
}
|
||||
|
||||
, tip: function () {
|
||||
return this.$tip = this.$tip || $(this.options.template)
|
||||
}
|
||||
|
||||
, validate: function () {
|
||||
if (!this.$element[0].parentNode) {
|
||||
this.hide()
|
||||
this.$element = null
|
||||
this.options = null
|
||||
}
|
||||
}
|
||||
|
||||
, enable: function () {
|
||||
this.enabled = true
|
||||
}
|
||||
|
||||
, disable: function () {
|
||||
this.enabled = false
|
||||
}
|
||||
|
||||
, toggleEnabled: function () {
|
||||
this.enabled = !this.enabled
|
||||
}
|
||||
|
||||
, toggle: function (e) {
|
||||
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
||||
self[self.tip().hasClass('in') ? 'hide' : 'show']()
|
||||
}
|
||||
|
||||
, destroy: function () {
|
||||
this.hide().$element.off('.' + this.type).removeData(this.type)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* TOOLTIP PLUGIN DEFINITION
|
||||
* ========================= */
|
||||
|
||||
$.fn.tooltip = function ( option ) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('tooltip')
|
||||
, options = typeof option == 'object' && option
|
||||
if (!data) $this.data('tooltip', (data = new Tooltip(this, options)))
|
||||
if (typeof option == 'string') data[option]()
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.tooltip.Constructor = Tooltip
|
||||
|
||||
$.fn.tooltip.defaults = {
|
||||
animation: true
|
||||
, placement: 'top'
|
||||
, selector: false
|
||||
, template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
|
||||
, trigger: 'hover'
|
||||
, title: ''
|
||||
, delay: 0
|
||||
, html: false
|
||||
}
|
||||
|
||||
}(window.jQuery);
|
60
dashu03/js/bootstrap-transition.js
vendored
Normal file
@ -0,0 +1,60 @@
|
||||
/* ===================================================
|
||||
* bootstrap-transition.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#transitions
|
||||
* ===================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ========================================================== */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* CSS TRANSITION SUPPORT (http://www.modernizr.com/)
|
||||
* ======================================================= */
|
||||
|
||||
$(function () {
|
||||
|
||||
$.support.transition = (function () {
|
||||
|
||||
var transitionEnd = (function () {
|
||||
|
||||
var el = document.createElement('bootstrap')
|
||||
, transEndEventNames = {
|
||||
'WebkitTransition' : 'webkitTransitionEnd'
|
||||
, 'MozTransition' : 'transitionend'
|
||||
, 'OTransition' : 'oTransitionEnd otransitionend'
|
||||
, 'transition' : 'transitionend'
|
||||
}
|
||||
, name
|
||||
|
||||
for (name in transEndEventNames){
|
||||
if (el.style[name] !== undefined) {
|
||||
return transEndEventNames[name]
|
||||
}
|
||||
}
|
||||
|
||||
}())
|
||||
|
||||
return transitionEnd && {
|
||||
end: transitionEnd
|
||||
}
|
||||
|
||||
})()
|
||||
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
310
dashu03/js/bootstrap-typeahead.js
vendored
Normal file
@ -0,0 +1,310 @@
|
||||
/* =============================================================
|
||||
* bootstrap-typeahead.js v2.2.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#typeahead
|
||||
* =============================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* 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.
|
||||
* ============================================================ */
|
||||
|
||||
|
||||
!function($){
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* TYPEAHEAD PUBLIC CLASS DEFINITION
|
||||
* ================================= */
|
||||
|
||||
var Typeahead = function (element, options) {
|
||||
this.$element = $(element)
|
||||
this.options = $.extend({}, $.fn.typeahead.defaults, options)
|
||||
this.matcher = this.options.matcher || this.matcher
|
||||
this.sorter = this.options.sorter || this.sorter
|
||||
this.highlighter = this.options.highlighter || this.highlighter
|
||||
this.updater = this.options.updater || this.updater
|
||||
this.$menu = $(this.options.menu).appendTo('body')
|
||||
this.source = this.options.source
|
||||
this.shown = false
|
||||
this.listen()
|
||||
}
|
||||
|
||||
Typeahead.prototype = {
|
||||
|
||||
constructor: Typeahead
|
||||
|
||||
, select: function () {
|
||||
var val = this.$menu.find('.active').attr('data-value')
|
||||
this.$element
|
||||
.val(this.updater(val))
|
||||
.change()
|
||||
return this.hide()
|
||||
}
|
||||
|
||||
, updater: function (item) {
|
||||
return item
|
||||
}
|
||||
|
||||
, show: function () {
|
||||
var pos = $.extend({}, this.$element.offset(), {
|
||||
height: this.$element[0].offsetHeight
|
||||
})
|
||||
|
||||
this.$menu.css({
|
||||
top: pos.top + pos.height
|
||||
, left: pos.left
|
||||
})
|
||||
|
||||
this.$menu.show()
|
||||
this.shown = true
|
||||
return this
|
||||
}
|
||||
|
||||
, hide: function () {
|
||||
this.$menu.hide()
|
||||
this.shown = false
|
||||
return this
|
||||
}
|
||||
|
||||
, lookup: function (event) {
|
||||
var items
|
||||
|
||||
this.query = this.$element.val()
|
||||
|
||||
if (!this.query || this.query.length < this.options.minLength) {
|
||||
return this.shown ? this.hide() : this
|
||||
}
|
||||
|
||||
items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source
|
||||
|
||||
return items ? this.process(items) : this
|
||||
}
|
||||
|
||||
, process: function (items) {
|
||||
var that = this
|
||||
|
||||
items = $.grep(items, function (item) {
|
||||
return that.matcher(item)
|
||||
})
|
||||
|
||||
items = this.sorter(items)
|
||||
|
||||
if (!items.length) {
|
||||
return this.shown ? this.hide() : this
|
||||
}
|
||||
|
||||
return this.render(items.slice(0, this.options.items)).show()
|
||||
}
|
||||
|
||||
, matcher: function (item) {
|
||||
return ~item.toLowerCase().indexOf(this.query.toLowerCase())
|
||||
}
|
||||
|
||||
, sorter: function (items) {
|
||||
var beginswith = []
|
||||
, caseSensitive = []
|
||||
, caseInsensitive = []
|
||||
, item
|
||||
|
||||
while (item = items.shift()) {
|
||||
if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item)
|
||||
else if (~item.indexOf(this.query)) caseSensitive.push(item)
|
||||
else caseInsensitive.push(item)
|
||||
}
|
||||
|
||||
return beginswith.concat(caseSensitive, caseInsensitive)
|
||||
}
|
||||
|
||||
, highlighter: function (item) {
|
||||
var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&')
|
||||
return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) {
|
||||
return '<strong>' + match + '</strong>'
|
||||
})
|
||||
}
|
||||
|
||||
, render: function (items) {
|
||||
var that = this
|
||||
|
||||
items = $(items).map(function (i, item) {
|
||||
i = $(that.options.item).attr('data-value', item)
|
||||
i.find('a').html(that.highlighter(item))
|
||||
return i[0]
|
||||
})
|
||||
|
||||
items.first().addClass('active')
|
||||
this.$menu.html(items)
|
||||
return this
|
||||
}
|
||||
|
||||
, next: function (event) {
|
||||
var active = this.$menu.find('.active').removeClass('active')
|
||||
, next = active.next()
|
||||
|
||||
if (!next.length) {
|
||||
next = $(this.$menu.find('li')[0])
|
||||
}
|
||||
|
||||
next.addClass('active')
|
||||
}
|
||||
|
||||
, prev: function (event) {
|
||||
var active = this.$menu.find('.active').removeClass('active')
|
||||
, prev = active.prev()
|
||||
|
||||
if (!prev.length) {
|
||||
prev = this.$menu.find('li').last()
|
||||
}
|
||||
|
||||
prev.addClass('active')
|
||||
}
|
||||
|
||||
, listen: function () {
|
||||
this.$element
|
||||
.on('blur', $.proxy(this.blur, this))
|
||||
.on('keypress', $.proxy(this.keypress, this))
|
||||
.on('keyup', $.proxy(this.keyup, this))
|
||||
|
||||
if (this.eventSupported('keydown')) {
|
||||
this.$element.on('keydown', $.proxy(this.keydown, this))
|
||||
}
|
||||
|
||||
this.$menu
|
||||
.on('click', $.proxy(this.click, this))
|
||||
.on('mouseenter', 'li', $.proxy(this.mouseenter, this))
|
||||
}
|
||||
|
||||
, eventSupported: function(eventName) {
|
||||
var isSupported = eventName in this.$element
|
||||
if (!isSupported) {
|
||||
this.$element.setAttribute(eventName, 'return;')
|
||||
isSupported = typeof this.$element[eventName] === 'function'
|
||||
}
|
||||
return isSupported
|
||||
}
|
||||
|
||||
, move: function (e) {
|
||||
if (!this.shown) return
|
||||
|
||||
switch(e.keyCode) {
|
||||
case 9: // tab
|
||||
case 13: // enter
|
||||
case 27: // escape
|
||||
e.preventDefault()
|
||||
break
|
||||
|
||||
case 38: // up arrow
|
||||
e.preventDefault()
|
||||
this.prev()
|
||||
break
|
||||
|
||||
case 40: // down arrow
|
||||
e.preventDefault()
|
||||
this.next()
|
||||
break
|
||||
}
|
||||
|
||||
e.stopPropagation()
|
||||
}
|
||||
|
||||
, keydown: function (e) {
|
||||
this.suppressKeyPressRepeat = !~$.inArray(e.keyCode, [40,38,9,13,27])
|
||||
this.move(e)
|
||||
}
|
||||
|
||||
, keypress: function (e) {
|
||||
if (this.suppressKeyPressRepeat) return
|
||||
this.move(e)
|
||||
}
|
||||
|
||||
, keyup: function (e) {
|
||||
switch(e.keyCode) {
|
||||
case 40: // down arrow
|
||||
case 38: // up arrow
|
||||
case 16: // shift
|
||||
case 17: // ctrl
|
||||
case 18: // alt
|
||||
break
|
||||
|
||||
case 9: // tab
|
||||
case 13: // enter
|
||||
if (!this.shown) return
|
||||
this.select()
|
||||
break
|
||||
|
||||
case 27: // escape
|
||||
if (!this.shown) return
|
||||
this.hide()
|
||||
break
|
||||
|
||||
default:
|
||||
this.lookup()
|
||||
}
|
||||
|
||||
e.stopPropagation()
|
||||
e.preventDefault()
|
||||
}
|
||||
|
||||
, blur: function (e) {
|
||||
var that = this
|
||||
setTimeout(function () { that.hide() }, 150)
|
||||
}
|
||||
|
||||
, click: function (e) {
|
||||
e.stopPropagation()
|
||||
e.preventDefault()
|
||||
this.select()
|
||||
}
|
||||
|
||||
, mouseenter: function (e) {
|
||||
this.$menu.find('.active').removeClass('active')
|
||||
$(e.currentTarget).addClass('active')
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* TYPEAHEAD PLUGIN DEFINITION
|
||||
* =========================== */
|
||||
|
||||
$.fn.typeahead = function (option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
, data = $this.data('typeahead')
|
||||
, options = typeof option == 'object' && option
|
||||
if (!data) $this.data('typeahead', (data = new Typeahead(this, options)))
|
||||
if (typeof option == 'string') data[option]()
|
||||
})
|
||||
}
|
||||
|
||||
$.fn.typeahead.defaults = {
|
||||
source: []
|
||||
, items: 8
|
||||
, menu: '<ul class="typeahead dropdown-menu"></ul>'
|
||||
, item: '<li><a href="#"></a></li>'
|
||||
, minLength: 1
|
||||
}
|
||||
|
||||
$.fn.typeahead.Constructor = Typeahead
|
||||
|
||||
|
||||
/* TYPEAHEAD DATA-API
|
||||
* ================== */
|
||||
|
||||
$(document).on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) {
|
||||
var $this = $(this)
|
||||
if ($this.data('typeahead')) return
|
||||
e.preventDefault()
|
||||
$this.typeahead($this.data())
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
2025
dashu03/js/bootstrap.js
vendored
Normal file
6
dashu03/js/bootstrap.min.js
vendored
Normal file
307
dashu03/js/dashu03.js
Normal file
@ -0,0 +1,307 @@
|
||||
/*
|
||||
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
/**
|
||||
* @fileoverview ease js.
|
||||
*
|
||||
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @version 1.0.1.3, Aug 6, 2012
|
||||
*/
|
||||
var goTranslate = function () {
|
||||
window.open("http://translate.google.com/translate?sl=auto&tl=auto&u=" + location.href);
|
||||
};
|
||||
|
||||
var getNextPage = function () {
|
||||
var $more = $(".article-next");
|
||||
currentPage += 1;
|
||||
var path = "/articles/";
|
||||
if(location.pathname.indexOf("tags") > -1) {
|
||||
var tagsPathnaem = location.pathname.split("/tags/");
|
||||
var tags = tagsPathnaem[1].split("/");
|
||||
path = "/articles/tags/" + tags[0] + "/";
|
||||
} else if (location.pathname.indexOf("archives") > -1) {
|
||||
var archivesPathname = location.pathname.split("/archives/");
|
||||
var archives = archivesPathname[1].split("/");
|
||||
path = "/articles/archives/" + archives[0] + "/" + archives[1] + "/";
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: latkeConfig.staticServePath + path + currentPage,
|
||||
type: "GET",
|
||||
beforeSend: function () {
|
||||
$more.css("background",
|
||||
"url(" + latkeConfig.staticServePath + "/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe");
|
||||
},
|
||||
success: function(result, textStatus){
|
||||
if (!result.sc) {
|
||||
return;
|
||||
}
|
||||
|
||||
var articlesHTML = "",
|
||||
pagination = result.rslts.pagination;
|
||||
|
||||
// append articles
|
||||
for (var i = 0; i < result.rslts.articles.length; i++) {
|
||||
var article = result.rslts.articles[i],
|
||||
lastClass = "";
|
||||
if (result.rslts.articles.length - 1 === i) {
|
||||
lastClass = " article-last";
|
||||
}
|
||||
|
||||
articlesHTML += '<li class="article' + lastClass + '">' +
|
||||
'<div class="article-title">' +
|
||||
'<h2>' +
|
||||
'<a rel="bookmark" class="ft-gray" href="' + latkeConfig.servePath + article.articlePermalink + '">' +
|
||||
article.articleTitle +
|
||||
'</a>';
|
||||
if (article.hasUpdated) {
|
||||
articlesHTML += '<sup>' + Label.updatedLabel + '</sup>';
|
||||
}
|
||||
|
||||
if (article.articlePutTop) {
|
||||
articlesHTML += '<sup>' + Label.topArticleLabel + '</sup>';
|
||||
}
|
||||
|
||||
articlesHTML += '</h2>' +
|
||||
'<div class="right">' +
|
||||
'<a rel="nofollow" class="ft-gray" href="' + latkeConfig.servePath + article.articlePermalink + '#comments">' +
|
||||
+ article.articleCommentCount + ' ' + Label.commentLabel +
|
||||
'</a> ' +
|
||||
'<a rel="nofollow" class="ft-gray" href="' + latkeConfig.servePath + article.articlePermalink + '">' +
|
||||
article.articleViewCount + ' ' + Label.viewLabel +
|
||||
'</a>' +
|
||||
'</div>' +
|
||||
'<div class="clear"></div>' +
|
||||
'</div>' +
|
||||
'<div class="article-body">' +
|
||||
'<div id="abstract' + article.oId + '">' +
|
||||
article.articleAbstract +
|
||||
'</div>' +
|
||||
'<div id="content' + article.oId + '" class="none"></div>' +
|
||||
'</div>' +
|
||||
'<div class="right ft-gray">';
|
||||
if (article.hasUpdated) {
|
||||
articlesHTML += Util.toDate(article.articleUpdateDate, 'yy-MM-dd HH:mm');
|
||||
} else {
|
||||
articlesHTML += Util.toDate(article.articleCreateDate, 'yy-MM-dd HH:mm');
|
||||
}
|
||||
|
||||
articlesHTML += ' <a href="' + latkeConfig.servePath + '/authors/' + article.authorId + '">' + article.authorName + '</a>' +
|
||||
'</div>' +
|
||||
'<div class="left ft-gray">' +
|
||||
Label.tag1Label + " ";
|
||||
|
||||
var articleTags = article.articleTags.split(",");
|
||||
for (var j = 0; j < articleTags.length; j++) {
|
||||
articlesHTML += '<a rel="tag" href="' + latkeConfig.servePath + '/tags/' + encodeURIComponent(articleTags[j]) + '">' +
|
||||
articleTags[j] + '</a>';
|
||||
|
||||
if (j < articleTags.length - 1) {
|
||||
articlesHTML += ", ";
|
||||
}
|
||||
}
|
||||
|
||||
articlesHTML += '</div>' +
|
||||
'<div class="clear"></div>' +
|
||||
'</li>';
|
||||
}
|
||||
|
||||
$(".article-last").removeClass("article-last");
|
||||
$(".main>.wrapper>ul").append(articlesHTML);
|
||||
|
||||
// 最后一页处理
|
||||
if (pagination.paginationPageCount === currentPage) {
|
||||
$more.remove();
|
||||
} else {
|
||||
$more.css("background", "none");
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var ease = {
|
||||
$header: $(".header"),
|
||||
headerH: 103,
|
||||
$body: $(".main > .wrapper"),
|
||||
$nav: $(".nav"),
|
||||
getCurrentPage: function () {
|
||||
var $next = $(".article-next");
|
||||
if ($next.length > 0) {
|
||||
window.currentPage = $next.data("page");
|
||||
}
|
||||
},
|
||||
|
||||
setNavCurrent: function () {
|
||||
$(".nav ul a").each(function () {
|
||||
var $this = $(this);
|
||||
if ($this.attr("href") === latkeConfig.servePath + location.pathname) {
|
||||
$this.addClass("current");
|
||||
} else if (/\/[0-9]+$/.test(location.pathname)) {
|
||||
$(".nav ul li")[0].className = "current";
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
initCommon: function () {
|
||||
Util.init();
|
||||
Util.replaceSideEm($(".recent-comments-content"));
|
||||
Util.buildTags("tagsSide");
|
||||
},
|
||||
|
||||
initArchives: function () {
|
||||
var $archives = $(".archives");
|
||||
if ($archives.length < 1) {
|
||||
return;
|
||||
}
|
||||
|
||||
$(".footer").css("marginTop", "30px");
|
||||
var years = [],
|
||||
$archiveList = $archives.find("span").each(function () {
|
||||
var year = $(this).data("year"),
|
||||
tag = true;
|
||||
for (var i = 0; i < years.length; i++) {
|
||||
if (year === years[i]) {
|
||||
tag = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (tag) {
|
||||
years.push(year);
|
||||
}
|
||||
});
|
||||
|
||||
var yearsHTML = "";
|
||||
for (var j = 0; j < years.length; j++) {
|
||||
var monthsHTML = "";
|
||||
for (var l = 0; l < $archiveList.length; l++) {
|
||||
var $month = $($archiveList[l]);
|
||||
if ($month.data("year") === years[j]) {
|
||||
monthsHTML += $month.html();
|
||||
}
|
||||
}
|
||||
|
||||
yearsHTML += "<div><h3 class='ft-gray'>" + years[j] + "</h3>" + monthsHTML + "</div>";
|
||||
}
|
||||
|
||||
$archives.html(yearsHTML);
|
||||
|
||||
// position
|
||||
var $items = $(".archives>div"),
|
||||
line = 0,
|
||||
top = 0,
|
||||
heights = [];
|
||||
|
||||
for (var m = 0; m < $items.length; m++) {
|
||||
for (var n = 0; n < 3; n++) {
|
||||
if (m >= $items.length) {
|
||||
break;
|
||||
}
|
||||
|
||||
$items[m].style.left = (n * 310) + "px";
|
||||
|
||||
if (line > 0) {
|
||||
if ($items[m - 3].style.top !== "") {
|
||||
top = parseInt($items[m - 3].style.top);
|
||||
}
|
||||
$items[m].style.top = $($items[m - 3]).height() + 60 + top + "px";
|
||||
|
||||
heights[n] = parseInt($items[m].style.top) + $($items[m]).height() + 60;
|
||||
} else {
|
||||
heights[n] = $($items[m]).height() + 60;
|
||||
}
|
||||
|
||||
if (n < 2) {
|
||||
m += 1;
|
||||
}
|
||||
}
|
||||
line += 1;
|
||||
}
|
||||
|
||||
// archive height
|
||||
$archives.height(heights.sort()[heights.length - 1]);
|
||||
},
|
||||
|
||||
scrollEvent: function () {
|
||||
var _it = this;
|
||||
$(window).scroll(function () {
|
||||
var y = $(window).scrollTop(),
|
||||
topH = 0;
|
||||
if ($("#top").css("display") === "block") {
|
||||
topH = $("#top").height();
|
||||
}
|
||||
|
||||
// header event
|
||||
if (y >= _it.headerH + topH) {
|
||||
_it.$nav.css("position", "fixed");
|
||||
_it.$body.css("marginTop", "55px");
|
||||
} else {
|
||||
_it.$nav.css("position" ,"inherit");
|
||||
_it.$body.css("marginTop", "0");
|
||||
}
|
||||
|
||||
// go top icon show or hide
|
||||
if (y > _it.headerH) {
|
||||
var bodyH = $(window).height();
|
||||
var top = y + bodyH - 21;
|
||||
if ($("body").height() - 58 <= y + bodyH) {
|
||||
top = $(".footer").offset().top - 21;
|
||||
}
|
||||
$("#goTop").fadeIn("slow").css("top", top);
|
||||
} else {
|
||||
$("#goTop").hide();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
setDynamic: function () {
|
||||
var $dynamic = $(".dynamic");
|
||||
if ($(".dynamic").length < 1) {
|
||||
return;
|
||||
}
|
||||
|
||||
var $comments = $dynamic.find(".side-comments"),
|
||||
$tags = $dynamic.find(".side-tags"),
|
||||
$mostComment = $dynamic.find(".side-most-comment"),
|
||||
$mostView = $dynamic.find(".side-most-view");
|
||||
|
||||
if ($comments.height() > $tags.height()) {
|
||||
$tags.height($comments.height());
|
||||
} else {
|
||||
$comments.height($tags.height());
|
||||
}
|
||||
|
||||
if ($mostComment.height() > $mostView.height()) {
|
||||
$mostView.height($mostComment.height());
|
||||
} else {
|
||||
$mostComment.height($mostView.height());
|
||||
}
|
||||
|
||||
// emotions
|
||||
$(".article-body").each(function () {
|
||||
this.innerHTML = Util.replaceEmString($(this).html());
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
(function () {
|
||||
ease.getCurrentPage();
|
||||
ease.initCommon();
|
||||
ease.scrollEvent();
|
||||
ease.setNavCurrent();
|
||||
|
||||
ease.initArchives();
|
||||
ease.setDynamic();
|
||||
})();
|
20
dashu03/js/dashu03.min.js
vendored
Normal file
@ -0,0 +1,20 @@
|
||||
/*
|
||||
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*//**
|
||||
* @fileoverview ease js.
|
||||
*
|
||||
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @version 1.0.1.3, Aug 6, 2012
|
||||
*/var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},getNextPage=function(){var e=$(".article-next");currentPage+=1;var t="/articles/";if(location.pathname.indexOf("tags")>-1){var n=location.pathname.split("/tags/"),r=n[1].split("/");t="/articles/tags/"+r[0]+"/"}else if(location.pathname.indexOf("archives")>-1){var i=location.pathname.split("/archives/"),s=i[1].split("/");t="/articles/archives/"+s[0]+"/"+s[1]+"/"}$.ajax({url:latkeConfig.staticServePath+t+currentPage,type:"GET",beforeSend:function(){e.css("background","url("+latkeConfig.staticServePath+"/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe")},success:function(t,n){if(!t.sc)return;var r="",i=t.rslts.pagination;for(var s=0;s<t.rslts.articles.length;s++){var o=t.rslts.articles[s],u="";t.rslts.articles.length-1===s&&(u=" article-last"),r+='<li class="article'+u+'">'+'<div class="article-title">'+"<h2>"+'<a rel="bookmark" class="ft-gray" href="'+latkeConfig.servePath+o.articlePermalink+'">'+o.articleTitle+"</a>",o.hasUpdated&&(r+="<sup>"+Label.updatedLabel+"</sup>"),o.articlePutTop&&(r+="<sup>"+Label.topArticleLabel+"</sup>"),r+='</h2><div class="right"><a rel="nofollow" class="ft-gray" href="'+latkeConfig.servePath+o.articlePermalink+'#comments">'+ +o.articleCommentCount+" "+Label.commentLabel+"</a> "+'<a rel="nofollow" class="ft-gray" href="'+latkeConfig.servePath+o.articlePermalink+'">'+o.articleViewCount+" "+Label.viewLabel+"</a>"+"</div>"+'<div class="clear"></div>'+"</div>"+'<div class="article-body">'+'<div id="abstract'+o.oId+'">'+o.articleAbstract+"</div>"+'<div id="content'+o.oId+'" class="none"></div>'+"</div>"+'<div class="right ft-gray">',o.hasUpdated?r+=Util.toDate(o.articleUpdateDate,"yy-MM-dd HH:mm"):r+=Util.toDate(o.articleCreateDate,"yy-MM-dd HH:mm"),r+=' <a href="'+latkeConfig.servePath+"/authors/"+o.authorId+'">'+o.authorName+"</a>"+"</div>"+'<div class="left ft-gray">'+Label.tag1Label+" ";var a=o.articleTags.split(",");for(var f=0;f<a.length;f++)r+='<a rel="tag" href="'+latkeConfig.servePath+"/tags/"+encodeURIComponent(a[f])+'">'+a[f]+"</a>",f<a.length-1&&(r+=", ");r+='</div><div class="clear"></div></li>'}$(".article-last").removeClass("article-last"),$(".main>.wrapper>ul").append(r),i.paginationPageCount===currentPage?e.remove():e.css("background","none")}})},ease={$header:$(".header"),headerH:103,$body:$(".main > .wrapper"),$nav:$(".nav"),getCurrentPage:function(){var e=$(".article-next");e.length>0&&(window.currentPage=e.data("page"))},setNavCurrent:function(){$(".nav ul a").each(function(){var e=$(this);e.attr("href")===latkeConfig.servePath+location.pathname?e.addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")})},initCommon:function(){Util.init(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide")},initArchives:function(){var e=$(".archives");if(e.length<1)return;$(".footer").css("marginTop","30px");var t=[],n=e.find("span").each(function(){var e=$(this).data("year"),n=!0;for(var r=0;r<t.length;r++)if(e===t[r]){n=!1;break}n&&t.push(e)}),r="";for(var i=0;i<t.length;i++){var s="";for(var o=0;o<n.length;o++){var u=$(n[o]);u.data("year")===t[i]&&(s+=u.html())}r+="<div><h3 class='ft-gray'>"+t[i]+"</h3>"+s+"</div>"}e.html(r);var a=$(".archives>div"),f=0,l=0,c=[];for(var h=0;h<a.length;h++){for(var p=0;p<3;p++){if(h>=a.length)break;a[h].style.left=p*310+"px",f>0?(a[h-3].style.top!==""&&(l=parseInt(a[h-3].style.top)),a[h].style.top=$(a[h-3]).height()+60+l+"px",c[p]=parseInt(a[h].style.top)+$(a[h]).height()+60):c[p]=$(a[h]).height()+60,p<2&&(h+=1)}f+=1}e.height(c.sort()[c.length-1])},scrollEvent:function(){var e=this;$(window).scroll(function(){var t=$(window).scrollTop(),n=0;$("#top").css("display")==="block"&&(n=$("#top").height()),t>=e.headerH+n?(e.$nav.css("position","fixed"),e.$body.css("marginTop","55px")):(e.$nav.css("position","inherit"),e.$body.css("marginTop","0"));if(t>e.headerH){var r=$(window).height(),i=t+r-21;$("body").height()-58<=t+r&&(i=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",i)}else $("#goTop").hide()})},setDynamic:function(){var e=$(".dynamic");if($(".dynamic").length<1)return;var t=e.find(".side-comments"),n=e.find(".side-tags"),r=e.find(".side-most-comment"),i=e.find(".side-most-view");t.height()>n.height()?n.height(t.height()):t.height(n.height()),r.height()>i.height()?i.height(r.height()):r.height(i.height()),$(".article-body").each(function(){this.innerHTML=Util.replaceEmString($(this).html())})}};(function(){ease.getCurrentPage(),ease.initCommon(),ease.scrollEvent(),ease.setNavCurrent(),ease.initArchives(),ease.setDynamic()})();
|
2
dashu03/js/jquery.js
vendored
Normal file
93
dashu03/lang/lang_en_US.properties
Normal file
@ -0,0 +1,93 @@
|
||||
#
|
||||
# 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 "ease".
|
||||
# Version: 1.0.0.5, May 22, 2012
|
||||
# Author: Liyuan Li
|
||||
#
|
||||
dynamicLabel=Dynamic
|
||||
moreLabel=More
|
||||
contentLabel=More...
|
||||
abstractLabel=Abstract
|
||||
viewCount1Label=View Count:
|
||||
articleCount1Label=Article Count:
|
||||
commentCount1Label=Comment Count:
|
||||
allTagsLabel=Tags
|
||||
archiveLabel=Archive
|
||||
yearLabel=
|
||||
monthLabel=
|
||||
recentArticlesLabel=Recent Articles
|
||||
recentCommentsLabel=Recent Comments
|
||||
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
|
||||
authorLabel=Author
|
||||
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:
|
||||
updatedLabel=Updated!
|
||||
topArticleLabel=Top!
|
||||
replyLabel=Reply
|
||||
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>
|
93
dashu03/lang/lang_zh_CN.properties
Normal file
@ -0,0 +1,93 @@
|
||||
#
|
||||
# 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 "ease".
|
||||
# Version: 1.0.0.5, May 22, 2012
|
||||
# Author: Liyuan Li
|
||||
#
|
||||
dynamicLabel=\u52a8\u6001
|
||||
moreLabel=\u66f4\u591a
|
||||
contentLabel=\u5168\u6587
|
||||
abstractLabel=\u6458\u8981
|
||||
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
|
||||
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
|
||||
authorLabel=\u4f5c\u8005
|
||||
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
|
||||
replyLabel=\u56de\u590d
|
||||
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>
|
158
dashu03/macro-comments.ftl
Normal file
@ -0,0 +1,158 @@
|
||||
<#macro comments commentList article>
|
||||
<div id="comments">
|
||||
<#list commentList as comment>
|
||||
<div id="${comment.oId}">
|
||||
<img class="comment-header" title="${comment.commentName}"
|
||||
alt="${comment.commentName}" src="${comment.commentThumbnailURL}"/>
|
||||
<div class="comment-panel">
|
||||
<div class="left">
|
||||
<#if "http://" == comment.commentURL>
|
||||
${comment.commentName}
|
||||
<#else>
|
||||
<a href="${comment.commentURL}" target="_blank" rel="nofollow">${comment.commentName}</a>
|
||||
</#if>
|
||||
<#if comment.isReply>@
|
||||
<a href="${servePath}${article.permalink}#${comment.commentOriginalCommentId}"
|
||||
onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 20);"
|
||||
onmouseout="page.hideComment('${comment.commentOriginalCommentId}')">${comment.commentOriginalCommentName}</a>
|
||||
</#if>
|
||||
</div>
|
||||
<#if article.commentable>
|
||||
<div class="right ft-gray">
|
||||
${comment.commentDate?string("yy-MM-dd HH:mm")}
|
||||
<a rel="nofollow" href="javascript:replyTo('${comment.oId}');">${replyLabel}</a>
|
||||
</div>
|
||||
</#if>
|
||||
<span class="clear"></span>
|
||||
<div class="article-body">${comment.commentContent}</div>
|
||||
</div>
|
||||
<span class="clear"></span>
|
||||
</div>
|
||||
</#list>
|
||||
</div>
|
||||
<#if article.commentable>
|
||||
<div class="form">
|
||||
<table id="commentForm">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" class="normalInput left" id="commentName" placeholder="${commentNameLabel}"/>
|
||||
<label for="commentName" class="left" style="margin: 4px 10px;">${commentNameLabel} <i class="icon-user"></i></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" class="normalInput left" id="commentEmail" placeholder="${commentEmailLabel}"/>
|
||||
<label for="commentEmail" class="left" style="margin: 4px 10px;">${commentEmailLabel} <i class="icon-envelope"></i></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" id="commentURL" class="left" placeholder="${commentURLLabel}"/>
|
||||
<label for="commentURL" class="left" style="margin: 4px 10px;">${commentURLLabel} <i class="icon-globe"></i></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="emotions" colspan="2">
|
||||
<span class="em00" title="${em00Label}"></span>
|
||||
<span class="em01" title="${em01Label}"></span>
|
||||
<span class="em02" title="${em02Label}"></span>
|
||||
<span class="em03" title="${em03Label}"></span>
|
||||
<span class="em04" title="${em04Label}"></span>
|
||||
<span class="em05" title="${em05Label}"></span>
|
||||
<span class="em06" title="${em06Label}"></span>
|
||||
<span class="em07" title="${em07Label}"></span>
|
||||
<span class="em08" title="${em08Label}"></span>
|
||||
<span class="em09" title="${em09Label}"></span>
|
||||
<span class="em10" title="${em10Label}"></span>
|
||||
<span class="em11" title="${em11Label}"></span>
|
||||
<span class="em12" title="${em12Label}"></span>
|
||||
<span class="em13" title="${em13Label}"></span>
|
||||
<span class="em14" title="${em14Label}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<textarea rows="10" style="width: 600px;" id="comment"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" class="normalInput" id="commentValidate"/>
|
||||
<img id="captcha" alt="validate" style="display: inline-block; width: 52px; height: 20px; margin-bottom: 7px;" src="${servePath}/captcha.do" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="ft-gray" id="commentErrorTip"></span>
|
||||
</td>
|
||||
<td align="right">
|
||||
<button id="submitCommentButton" onclick="page.submitComment();">${submmitCommentLabel}</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<#if externalRelevantArticlesDisplayCount?? && 0 != externalRelevantArticlesDisplayCount>
|
||||
<div id="externalRelevantArticles" class="article-relative"></div>
|
||||
</#if>
|
||||
<span class="clear"></span>
|
||||
</#if>
|
||||
</#macro>
|
||||
|
||||
<#macro comment_script oId>
|
||||
<script type="text/javascript" src="${staticServePath}/js/page${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
var page = new Page({
|
||||
"nameTooLongLabel": "${nameTooLongLabel}",
|
||||
"mailCannotEmptyLabel": "${mailCannotEmptyLabel}",
|
||||
"mailInvalidLabel": "${mailInvalidLabel}",
|
||||
"commentContentCannotEmptyLabel": "${commentContentCannotEmptyLabel}",
|
||||
"captchaCannotEmptyLabel": "${captchaCannotEmptyLabel}",
|
||||
"captchaErrorLabel": "${captchaErrorLabel}",
|
||||
"loadingLabel": "${loadingLabel}",
|
||||
"oId": "${oId}",
|
||||
"skinDirName": "${skinDirName}",
|
||||
"blogHost": "${blogHost}",
|
||||
"randomArticles1Label": "${randomArticlesLabel}",
|
||||
"externalRelevantArticles1Label": "${externalRelevantArticlesLabel}"
|
||||
});
|
||||
|
||||
var addComment = function (result, state) {
|
||||
var commentHTML = '<div id="' + result.oId + '"><img class="comment-header" \
|
||||
title="' + $("#commentName" + state).val() + '" alt="' + $("#commentName" + state).val() +
|
||||
'" src="' + result.commentThumbnailURL + '"/><div class="comment-panel"><div class="left">' + result.replyNameHTML;
|
||||
|
||||
if (state !== "") {
|
||||
var commentOriginalCommentName = $("#" + page.currentCommentId + " .comment-panel>.left a").first().text();
|
||||
commentHTML += ' @ <a href="${servePath}' + result.commentSharpURL.split("#")[0] + '#' + page.currentCommentId + '"'
|
||||
+ 'onmouseover="page.showComment(this, \'' + page.currentCommentId + '\', 20);"'
|
||||
+ 'onmouseout="page.hideComment(\'' + page.currentCommentId + '\')">' + commentOriginalCommentName + '</a>';
|
||||
}
|
||||
|
||||
commentHTML += '</div><div class="right ft-gray">' + result.commentDate.substring(2, 16)
|
||||
+ ' <a rel="nofollow" href="javascript:replyTo(\'' + result.oId
|
||||
+ '\');">${replyLabel}</a></div><span class="clear"></span><div class="article-body">' +
|
||||
Util.replaceEmString($("#comment" + state).val().replace(/</g, "<").replace(/>/g, ">").replace(/\n/g,"<br/>"))
|
||||
+ '</div></div><span class="clear"></span></div>';
|
||||
|
||||
return commentHTML;
|
||||
}
|
||||
|
||||
var replyTo = function (id) {
|
||||
var commentFormHTML = "<table class='form' id='replyForm'>";
|
||||
page.addReplyForm(id, commentFormHTML);
|
||||
$("#replyForm label").each(function () {
|
||||
$this = $(this);
|
||||
$this.attr("for", $this.attr("for") + "Reply");
|
||||
});
|
||||
};
|
||||
|
||||
(function () {
|
||||
page.load();
|
||||
// emotions
|
||||
page.replaceCommentsEm("#comments .article-body");
|
||||
<#nested>
|
||||
})();
|
||||
</script>
|
||||
</#macro>
|
258
dashu03/macro-head.ftl
Normal file
@ -0,0 +1,258 @@
|
||||
<#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 href="${servePath}/blog-articles-feed.do" title="ATOM" type="application/atom+xml" rel="alternate" />
|
||||
<link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/bootstrap.css" type="text/css" media="" title="no title" charset="utf-8"/>
|
||||
<link href="${staticServePath}/skins/${skinDirName}/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="${staticServePath}/skins/${skinDirName}/css/main.css" rel="stylesheet">
|
||||
<link rel="icon" type="image/png" href="${staticServePath}/favicon.png" />
|
||||
<style>
|
||||
#footer {
|
||||
width: 100%;
|
||||
margin: 40px 0 0 0;
|
||||
padding: 30px 0 30px 0 ;
|
||||
min-height: 40px;
|
||||
background-color: #1C1C1C;
|
||||
color: #EEE;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* GLOBAL STYLES
|
||||
-------------------------------------------------- */
|
||||
/* Padding below the footer and lighter body text */
|
||||
|
||||
body {
|
||||
color: #5a5a5a;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* CUSTOMIZE THE NAVBAR
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Special class on .container surrounding .navbar, used for positioning it into place. */
|
||||
.navbar-wrapper {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
margin-top: 20px;
|
||||
margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
|
||||
}
|
||||
|
||||
/* Remove border and change up box shadow for more contrast */
|
||||
.navbar .navbar-inner {
|
||||
border: 0;
|
||||
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
|
||||
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
|
||||
box-shadow: 0 2px 10px rgba(0,0,0,.25);
|
||||
}
|
||||
|
||||
/* Downsize the brand/project name a bit */
|
||||
.navbar .brand {
|
||||
padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
/* Navbar links: increase padding for taller navbar */
|
||||
.navbar .nav > li > a {
|
||||
padding: 15px 20px;
|
||||
}
|
||||
|
||||
/* Offset the responsive button for proper vertical alignment */
|
||||
.navbar .btn-navbar {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* CUSTOMIZE THE NAVBAR
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Carousel base class */
|
||||
.carousel {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.carousel .container {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.carousel-control {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
font-size: 120px;
|
||||
margin-top: 0;
|
||||
text-shadow: 0 1px 1px rgba(0,0,0,.4);
|
||||
}
|
||||
|
||||
.carousel .item {
|
||||
height: 500px;
|
||||
}
|
||||
.carousel img {
|
||||
min-width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.carousel-caption {
|
||||
background-color: transparent;
|
||||
position: static;
|
||||
max-width: 550px;
|
||||
padding: 0 20px;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.carousel-caption h1,
|
||||
.carousel-caption .lead {
|
||||
margin: 0;
|
||||
line-height: 1.25;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px rgba(0,0,0,.4);
|
||||
}
|
||||
.carousel-caption .btn {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* MARKETING CONTENT
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Center align the text within the three columns below the carousel */
|
||||
.marketing .span4 {
|
||||
text-align: center;
|
||||
}
|
||||
.marketing h2 {
|
||||
font-weight: normal;
|
||||
}
|
||||
.marketing .span4 p {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* Featurettes
|
||||
------------------------- */
|
||||
|
||||
.featurette-divider {
|
||||
margin: 80px 0; /* Space out the Bootstrap <hr> more */
|
||||
}
|
||||
.featurette {
|
||||
padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
|
||||
overflow: hidden; /* Vertically center images part 2: clear their floats. */
|
||||
}
|
||||
.featurette-image {
|
||||
margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
|
||||
}
|
||||
|
||||
/* Give some space on the sides of the floated elements so text doesn't run right into it. */
|
||||
.featurette-image.pull-left {
|
||||
margin-right: 40px;
|
||||
}
|
||||
.featurette-image.pull-right {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
/* Thin out the marketing headings */
|
||||
.featurette-heading {
|
||||
font-size: 50px;
|
||||
font-weight: 300;
|
||||
line-height: 1;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* RESPONSIVE CSS
|
||||
-------------------------------------------------- */
|
||||
|
||||
@media (max-width: 979px) {
|
||||
|
||||
.container.navbar-wrapper {
|
||||
margin-bottom: 0;
|
||||
width: auto;
|
||||
}
|
||||
.navbar-inner {
|
||||
border-radius: 0;
|
||||
margin: -20px 0;
|
||||
}
|
||||
|
||||
.carousel .item {
|
||||
height: 500px;
|
||||
}
|
||||
.carousel img {
|
||||
width: auto;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.featurette {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
}
|
||||
.featurette-image.pull-left,
|
||||
.featurette-image.pull-right {
|
||||
display: block;
|
||||
float: none;
|
||||
max-width: 40%;
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
.navbar-inner {
|
||||
margin: -20px;
|
||||
}
|
||||
|
||||
.carousel {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
.carousel .container {
|
||||
|
||||
}
|
||||
.carousel .item {
|
||||
height: 300px;
|
||||
}
|
||||
.carousel img {
|
||||
height: 300px;
|
||||
}
|
||||
.carousel-caption {
|
||||
width: 65%;
|
||||
padding: 0 70px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.carousel-caption h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
.carousel-caption .lead,
|
||||
.carousel-caption .btn {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.marketing .span4 + .span4 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.featurette-heading {
|
||||
font-size: 30px;
|
||||
}
|
||||
.featurette .lead {
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
${htmlHead}
|
||||
</#macro>
|
BIN
dashu03/preview.png
Normal file
After Width: | Height: | Size: 31 KiB |
68
dashu03/side.ftl
Normal file
@ -0,0 +1,68 @@
|
||||
<div class="span3">
|
||||
<div>
|
||||
<h4>${mostViewCountArticlesLabel} <i class="icon-folder-close"></i></h4>
|
||||
<ul class="unstyled">
|
||||
<#list mostViewCountArticles as article>
|
||||
<li>
|
||||
<p><a href="${servePath}${article.articlePermalink}" class="tooltipLink" data-original-title='${article.articleAbstract}'>${article.articleTitle}</a></p>
|
||||
<span style="display: none;">${article.articleAbstract}</span>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>${mostCommentArticlesLabel} <i class="icon-comment"></i></h4>
|
||||
<ul class="unstyled">
|
||||
<#list mostCommentArticles as article>
|
||||
<li>
|
||||
<p><a href="${servePath}${article.articlePermalink}" class="tooltipLink" data-original-title='${article.articleAbstract}'>${article.articleTitle}</a></p>
|
||||
<span style="display: none;">${article.articleAbstract}</span>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<#if 0 != mostUsedTags?size>
|
||||
<#list mostUsedTags as tag>
|
||||
<li>
|
||||
<a rel="tag" title="${tag.tagTitle}" href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}">
|
||||
${tag.tagTitle}</a>
|
||||
</li>
|
||||
</#list>
|
||||
</#if>
|
||||
</div>
|
||||
<div>
|
||||
<#list links as link>
|
||||
<li>
|
||||
<span class="left">
|
||||
<a rel="friend" href="${link.linkAddress}" title="${link.linkTitle}" target="_blank" >
|
||||
<img alt="${link.linkTitle}"
|
||||
src="http://www.google.com/s2/u/0/favicons?domain=<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>" /> ${link.linkTitle}
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
</#list>
|
||||
</div>
|
||||
<div>
|
||||
<#if 0 != archiveDates?size>
|
||||
<div class="item">
|
||||
<h4>${archiveLabel}</h4>
|
||||
<ul>
|
||||
<#list archiveDates as archiveDate>
|
||||
<li>
|
||||
<#if "en" == localeString?substring(0, 2)>
|
||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
||||
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
|
||||
${archiveDate.monthName} ${archiveDate.archiveDateYear}</a>(${archiveDate.archiveDatePublishedArticleCount})
|
||||
<#else>
|
||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
||||
title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
|
||||
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}</a>(${archiveDate.archiveDatePublishedArticleCount})
|
||||
</#if>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
</div>
|
27
dashu03/skin.properties
Normal file
@ -0,0 +1,27 @@
|
||||
#
|
||||
# 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: dashu03 skin.
|
||||
# Version: 0.0.1, Jan 19, 2013
|
||||
# Author: dashu03
|
||||
# Author: dashu
|
||||
#
|
||||
|
||||
name=dashu03
|
||||
version=0.0.1
|
||||
forSolo=0.5.5
|
||||
memo=http://www.idashu.me
|
33
dashu03/tag-articles.ftl
Normal file
@ -0,0 +1,33 @@
|
||||
<#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>
|
||||
<#include "header.ftl">
|
||||
<div class="main">
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
<div class="row">
|
||||
<div class="span9">
|
||||
<h2>
|
||||
<a rel="alternate" href="${servePath}/tag-articles-feed.do?oId=${tag.oId}">
|
||||
${tag1Label}
|
||||
${tag.tagTitle}
|
||||
(${tag.tagPublishedRefCount})
|
||||
</a>
|
||||
</h2>
|
||||
<#include "article-list.ftl">
|
||||
</div>
|
||||
<div class="span3">
|
||||
<#include "usedside.ftl">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
</body>
|
||||
</html>
|
40
dashu03/tags.ftl
Normal file
@ -0,0 +1,40 @@
|
||||
<#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>
|
||||
<#include "header.ftl">
|
||||
<div class="main">
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
<div class="row">
|
||||
<div class="span9">
|
||||
<ul id="tags" class="unstyled">
|
||||
<#list tags as tag>
|
||||
<li class="pull-left">
|
||||
<a rel="tag" data-count="${tag.tagPublishedRefCount}"
|
||||
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}">
|
||||
<span>${tag.tagTitle}</span>
|
||||
(<b>${tag.tagPublishedRefCount}</b>)
|
||||
</a>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<#include "usedside.ftl">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
<script type="text/javascript">
|
||||
Util.buildTags();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
44
dashu03/usedside.ftl
Normal file
@ -0,0 +1,44 @@
|
||||
<div class="span3">
|
||||
<div>
|
||||
<h4>${mostViewCountArticlesLabel} <i class="icon-folder-close"></i></h4>
|
||||
<ul class="unstyled">
|
||||
<#list mostViewCountArticles as article>
|
||||
<li>
|
||||
<p><a href="${servePath}${article.articlePermalink}" class="tooltipLink" data-original-title='${article.articleAbstract}'>${article.articleTitle}</a></p>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>${mostCommentArticlesLabel} <i class="icon-comment"></i></h4>
|
||||
<ul class="unstyled">
|
||||
<#list mostCommentArticles as article>
|
||||
<li>
|
||||
<p><a href="${servePath}${article.articlePermalink}" class="tooltipLink" data-original-title='${article.articleAbstract}'>${article.articleTitle}</a></p>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<#if 0 != archiveDates?size>
|
||||
<div class="item">
|
||||
<h4>${archiveLabel} <i class="icon-calendar"></i></h4>
|
||||
<ul class="unstyled">
|
||||
<#list archiveDates as archiveDate>
|
||||
<li>
|
||||
<#if "en" == localeString?substring(0, 2)>
|
||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
||||
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
|
||||
${archiveDate.monthName} ${archiveDate.archiveDateYear}</a>(${archiveDate.archiveDatePublishedArticleCount})
|
||||
<#else>
|
||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
||||
title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
|
||||
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}</a>(${archiveDate.archiveDatePublishedArticleCount})
|
||||
</#if>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
</div>
|
BIN
skin-preview/dashu03-首页.png
Normal file
After Width: | Height: | Size: 611 KiB |