diff --git a/.DS_Store b/.DS_Store index 89ef679..91d85e8 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/README.md b/README.md index a7a23af..3d0c28c 100644 --- a/README.md +++ b/README.md @@ -1,21 +1,25 @@ -B3log Solo 第三方皮肤 ----- +# Solo 第三方皮肤 如果你要贡献皮肤给 B3log Solo，Fork 此库进行皮肤开发，完成后 Pull Request 吧！ If you want to contribute skins to B3log Solo, fork this repository and pull request after the new skins done! ----- -1. [开发步骤](https://github.com/b3log/b3log-solo/wiki/Develop_steps) -2. [模板变量](https://github.com/b3log/b3log-solo/wiki/Template_variables) -3. [皮肤定制](https://github.com/b3log/b3log-solo/wiki/skins_custom) -4. [版本更新](https://github.com/b3log/b3log-solo/wiki/Skins_change_log) +-------------------------------------------------------------- ----- +1. [开发步骤](https://hacpai.com/article/1493814851007) +2. [模板变量](https://hacpai.com/article/1493814851007#toc_h2_4) +3. [皮肤定制](https://github.com/b3log/solo/wiki/skins_custom) +4. [版本更新](https://github.com/b3log/solo/wiki/Skins_change_log) -每个皮肤单独存放于根目录下以该皮肤名称为名的文件夹中。其中 skin-preview 中存放皮肤的预览图片。 +-------------------------------------------------------------- ----- +皮肤按照名称命名后存放于 skins 文件夹中。 + +其中 skin-preview 存放皮肤的预览图片。 + +如果还有问题，欢迎到社区提问：https://hacpai.com/tag/Solo + +----------------------------------------------------------------------------------------------- **平等，自由，奔放** diff --git a/iMobile/.DS_Store b/iMobile/.DS_Store deleted file mode 100644 index c14fe65..0000000 Binary files a/iMobile/.DS_Store and /dev/null differ diff --git a/iMobile/css/.DS_Store b/iMobile/css/.DS_Store deleted file mode 100644 index 5008ddf..0000000 Binary files a/iMobile/css/.DS_Store and /dev/null differ diff --git a/iMobile/images/.DS_Store b/iMobile/images/.DS_Store deleted file mode 100644 index 5008ddf..0000000 Binary files a/iMobile/images/.DS_Store and /dev/null differ diff --git a/iMobile/images/emotions/.DS_Store b/iMobile/images/emotions/.DS_Store deleted file mode 100644 index 5008ddf..0000000 Binary files a/iMobile/images/emotions/.DS_Store and /dev/null differ diff --git a/iMobile/js/.DS_Store b/iMobile/js/.DS_Store deleted file mode 100644 index 54c6f1a..0000000 Binary files a/iMobile/js/.DS_Store and /dev/null differ diff --git a/iMobile/js/lib/.DS_Store b/iMobile/js/lib/.DS_Store deleted file mode 100644 index 3f1a1ab..0000000 Binary files a/iMobile/js/lib/.DS_Store and /dev/null differ diff --git a/iMobile/js/lib/OwO/.DS_Store b/iMobile/js/lib/OwO/.DS_Store deleted file mode 100644 index d03dc8d..0000000 Binary files a/iMobile/js/lib/OwO/.DS_Store and /dev/null differ diff --git a/iMobile/搜索页面（覆盖至根目录）/.DS_Store b/iMobile/搜索页面（覆盖至根目录）/.DS_Store deleted file mode 100644 index ae2d494..0000000 Binary files a/iMobile/搜索页面（覆盖至根目录）/.DS_Store and /dev/null differ diff --git a/iMobile/搜索页面（覆盖至根目录）/WEB-INF/.DS_Store b/iMobile/搜索页面（覆盖至根目录）/WEB-INF/.DS_Store deleted file mode 100644 index 489db01..0000000 Binary files a/iMobile/搜索页面（覆盖至根目录）/WEB-INF/.DS_Store and /dev/null differ diff --git a/5styles/--error.ftl b/skins/5styles/--error.ftl similarity index 100% rename from 5styles/--error.ftl rename to skins/5styles/--error.ftl diff --git a/5styles/archive-articles.ftl b/skins/5styles/archive-articles.ftl similarity index 100% rename from 5styles/archive-articles.ftl rename to skins/5styles/archive-articles.ftl diff --git a/5styles/article-list.ftl b/skins/5styles/article-list.ftl similarity index 100% rename from 5styles/article-list.ftl rename to skins/5styles/article-list.ftl diff --git a/5styles/article.ftl b/skins/5styles/article.ftl similarity index 97% rename from 5styles/article.ftl rename to skins/5styles/article.ftl index 49891cb..501db59 100644 --- a/5styles/article.ftl +++ b/skins/5styles/article.ftl @@ -1,116 +1,116 @@ -<#include "macro-head.ftl"> -<#include "macro-comments.ftl"> - - - - <@head title="${article.articleTitle} - ${blogTitle}"> - - - - - - ${topBarReplacement} -
- <#include "header.ftl"> -
-
-
-
- ${breadcrumbNaviLabel} - ${homeLabel} > ${article.articleTitle} -
-
-

- ${article.articleTitle} -

-
- - <#if article.hasUpdated> - ${article.articleUpdateDate?string("yyyy-MM-dd HH:mm:ss")} - <#else> - ${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")} - - - - - ${article.authorName} - - - - - ${article.articleViewCount} - - - - - ${article.articleCommentCount} - - - - - -
-
- ${article.articleContent} - <#if "" != article.articleSign.signHTML?trim> -
- ${article.articleSign.signHTML} -
- -
-
- - <#list article.articleTags?split(",") as articleTag> - - - ${articleTag}<#if articleTag_has_next>, - - - -
-
- <#if nextArticlePermalink??> - ${nextArticle1Label} - ${nextArticleTitle} -
- - <#if previousArticlePermalink??> - ${previousArticle1Label} - ${previousArticleTitle} -
- -
-
-
-
-
- <@comments commentList=articleComments article=article> -
-
- -
- -
- <@comment_script oId=article.oId> - page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}"; - <#if 0 != randomArticlesDisplayCount> - page.loadRandomArticles(); - - <#if 0 != relevantArticlesDisplayCount> - page.loadRelevantArticles('${article.oId}', '${relevantArticles1Label}'); - - <#if 0 != externalRelevantArticlesDisplayCount> - page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,"); - - - - - - - +<#include "macro-head.ftl"> +<#include "macro-comments.ftl"> + + + + <@head title="${article.articleTitle} - ${blogTitle}"> + + + + + + ${topBarReplacement} +
+ <#include "header.ftl"> +
+
+
+
+ ${breadcrumbNaviLabel} + ${homeLabel} > ${article.articleTitle} +
+
+

+ ${article.articleTitle} +

+
+ + <#if article.hasUpdated> + ${article.articleUpdateDate?string("yyyy-MM-dd HH:mm:ss")} + <#else> + ${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")} + + + + + ${article.authorName} + + + + + ${article.articleViewCount} + + + + + ${article.articleCommentCount} + + + + + +
+
+ ${article.articleContent} + <#if "" != article.articleSign.signHTML?trim> +
+ ${article.articleSign.signHTML} +
+ +
+
+ + <#list article.articleTags?split(",") as articleTag> + + + ${articleTag}<#if articleTag_has_next>, + + + +
+
+ <#if nextArticlePermalink??> + ${nextArticle1Label} + ${nextArticleTitle} +
+ + <#if previousArticlePermalink??> + ${previousArticle1Label} + ${previousArticleTitle} +
+ +
+
+
+
+
+ <@comments commentList=articleComments article=article> +
+
+ +
+ +
+ <@comment_script oId=article.oId> + page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}"; + <#if 0 != randomArticlesDisplayCount> + page.loadRandomArticles(); + + <#if 0 != relevantArticlesDisplayCount> + page.loadRelevantArticles('${article.oId}', '${relevantArticles1Label}'); + + <#if 0 != externalRelevantArticlesDisplayCount> + page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,"); + + + + + + + diff --git a/5styles/author-articles.ftl b/skins/5styles/author-articles.ftl similarity index 100% rename from 5styles/author-articles.ftl rename to skins/5styles/author-articles.ftl diff --git a/5styles/css/5styles.css b/skins/5styles/css/5styles.css similarity index 94% rename from 5styles/css/5styles.css rename to skins/5styles/css/5styles.css index c308eb8..45d7354 100644 --- a/5styles/css/5styles.css +++ b/skins/5styles/css/5styles.css @@ -1,617 +1,617 @@ -@charset "utf-8"; -body { - margin:0; - padding:0; - font:Verdana,Arial,Helvetica,sans-serif; - font-size:12px; - color:#585858; - background:#545454; -} -h1,h2,h3 { - margin-top:0px; -} -h1 { - font-size:2.4em; -} -h2 { - font-size:1.6em; -} -h3 { - font-size:1.4em; -} -p,ol,ul { - margin:0 0 10px 20px; - line-height:20px; -} -img { - border:none; -} -a { - color:#27789b; - text-decoration:none; - line-height:22px; -} -a:hover { - color:#442494; -} -.center { - text-align:center; -} -.clear { - clear:both; - font-size:0px; - height:0px; -} -#main { - width:100%; -} -#wrap { - background-color:#f8f8f8; -} -/**/ -#top { - background-image:linear-gradient(top,#FFFFFF,#E5E5E5); - background-image:-moz-linear-gradient(top,#FFFFFF,#E5E5E5); - background-image:-ms-linear-gradient(top,#FFFFFF,#E5E5E5); - background-image:-o-linear-gradient(top,#FFFFFF,#E5E5E5); - background-image:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#E5E5E5)); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E5E5E5'); - border-bottom:1px solid #E5E5E5; - height:26px; - line-height:26px; -} -#top a:hover,#top a.hover { - background-color:#EEF2FA; - border-left-color:#707070; - border-radius:0 13px 13px 0; - margin:0px; - line-height:26px; -} -#top a,#top span span { - border-right:1px solid #D9D9D9; - color:#4C4C4C; - float:left; - line-height:14px; - margin:6px 0; - padding:0 6px; - text-decoration:none; - text-shadow:0 -1px 0 white; - font-weight:normal; -} -.right { - float:right; -} -.left { - float:left; -} -.article-relative { - line-height:22px; - margin-top:24px; -} -.article-relative h4 { - font-size:12px; -} -.article-relative ul { - margin:0 0 10px 10px; -} -.article-relative li { - overflow:hidden; - white-space:nowrap; - text-overflow:ellipsis; -} -#pagenavi { - padding:20px 0 10px; -} -#pagenavi span { - font-weight:bold} -#pagenavi span,#pagenavi a { - margin:0 4px; - padding:2px 7px; - border:1px solid #666; - border-radius:3px; -} -#pagenavi a:hover { - background:#666; - color:#f0f0f0; -} -#pagenavi em { - display:none} -.breakline { - word-break:break-all; - word-wrap:break-word; -} -.shortline { - overflow:hidden; - white-space:nowrap; - text-overflow:ellipsis; -} -#header { - margin:0; - padding:0; - height:69px; - background:url(../images/header-bg.gif) repeat-x; - text-decoration:none; -} -#header-left { - float:left; - margin:0px; - padding:0px; -} -#header h1 { - float:left; - margin:0; - padding:21px 0 20px 20px; - font-size:24px; -} -#header h1 a { - color:#72d4ff; - text-decoration:none; -} -.description { - float:left; - margin:33px 0 0 10px; - padding:0px; - color:#e0e0e0; -} -#header-right { - float:right; - margin:0px; - padding:0; -} -.layout { - margin:0px 10px 0 auto; - padding:2px 0 0 54px; - width:80px; - height:19px; - background:url(../images/style.gif) no-repeat 0px 0px; -} -.layout span { - width:10px; - height:10px; - float:left; - margin:3px 2px 0 2px; - cursor:pointer; -} -.themes1,.themes2,.themes3,.themes4,.themes5,.post .post-tltle a:hover,.post-comments,.post-date,.post-views,.post-cat,.post-author,.post-tag,#to-top,#footer-right a:hover,.navigation-top span,#sidebar ul li ul li,#sidebar ul li ul li:hover,#sidebar .comms li span,#sidebar .comms li span:hover { - background-image:url(../images/icons.gif); - background-repeat:no-repeat; -} -#sidebar ul li,.navigation-top,.postmetadata { - background-image:url(../images/line.gif); - background-repeat:repeat-x; -} -.themes5 { - background-position:-7px -7px; -} -.themes4 { - background-position:-7px -31px; -} -.themes3 { - background-position:-7px -55px; -} -.themes2 { - background-position:-7px -79px; -} -.themes1 { - background-position:-7px -103px; -} -#header-navi { - float:right; - margin:14px 0 0 0; - padding:0px; -} -#header-navi li { - margin:0 5px; - padding:0; - display:inline; - line-height:24px; - height:24px; -} -#header-navi li a { - color:#d8d8d8; -} -#header-navi li.selected a,#header li a:hover { - color:#f2f2f2; - background:url(../images/menu-li.gif) no-repeat bottom center; - padding:0px 0 4px 0; -} -.navigation-top { - margin:2px 0 0 0; - line-height:30px; - background-position:bottom; -} -.navigation-top span { - margin:0 0 0 15px; - padding:0 0 0 20px; - background-position:-7px -322px} -.post { - margin:5px 20px 15px 20px; - padding:0 0px 0 0; -} -.post .post-tltle { - margin:10px 0 0 0; - padding:2px 0; - border-bottom:1px dotted #c1c1c1; - font-size:1.6em; - line-height:36px; -} -.post .post-tltle a:hover { - background-position:right -291px; - padding:0 43px 0 0px; -} -.postmetadata-top { - margin:0; - padding:0; - line-height:22px; - font-size:11px; -} -.post-comments { - background-position:-7px -199px; - padding:0 0 0 13px; - margin:0 0 0 10px; -} -.post-date { - background-position:-7px -222px; - padding:0 0 0 13px; -} -.post-views { - margin:0 0 0 10px; - background-position:-7px -246px; - padding:0 0 0 13px; -} -.postmetadata { - margin:0px; - padding:0 0 4px 0; - line-height:24px; - background-position:bottom; -} -.post-cat { - margin:0 10px 0 0; - background-position:-7px -152px; - padding:0 0 0 13px; -} -.post-author { - margin:0 0 0 10px; - background-position:-7px -269px; - padding:0 0 0 13px; -} -.post-tag { - margin:0 10px 0 0; - background-position:-7px -125px; - padding:0 0 0 13px; -} -.article-body { - margin:8px 0; - padding:0px; - line-height:22px; - white-space:normal; - overflow:hidden; -} -.navigation { - margin:5px 15px 5px 15px; - text-align:center; - display:block; -} -#sidebar ul { - margin:0; - padding:0; - list-style:none; -} -#sidebar ul li { - padding:5px 5px 5px 5px; - background-position:bottom; -} -#sidebar ul li h3 { - margin:0px; - padding:0; - font-size:14px; - font-weight:normal; - color:#2cacda; - line-height:28px; -} -#sidebar ul li ul { - margin:0px; - padding:0; -} -#sidebar .slist li { - margin:0px 0; - padding:0 0 0 0px; - line-height:22px; - background-position:-7px -387px; -} -#sidebar .slist li:hover { - background-position:-7px -411px; -} -#sidebar ul li ul li a { - padding:0 0 0 15px; - color:#666666; -} -#sidebar ul li ul li a:hover { - color:#a165f1; -} -#sidebar .side-cat li { - float:left; - width:50%; -} -#sidebar .side-cat { - display:block; -} -#sidebar .side-cat span { - float:left; - line-height:24px; - white-space:nowrap; - padding:0 5px; -} -#sidebar .side-cat span:hover,#sidebar .side-cat span a:hover{ - background:#72d4ff; - color:#fff; -} -#sidebar .comms li { - background:none; - padding:0 0; -} -#sidebar .comms li:hover { - background:none; -} -#sidebar .arrow a { - padding:0 0; -} -#sidebar .arrow { - padding:0 0 0 13px; - background-position:-7px -393px; -} -#sidebar .arrow:hover { - background-position:-7px -417px; - color:#85bf73; -} -#sidebar #searchform { -text-align: left; -} -#searchform { -margin: 10px 0 0 0; -padding: 0; -} -#searchform #s { -margin: 0; -padding: 1px 0 0 2px; -width: 185px; -background: white; -border: 1px solid #CBD8E5; -line-height: 16px; -} -#searchsubmit { -margin: 0; -padding: 2px 0 0 0; -width: 54px; -height: 18px; -border: none; -cursor: hand; -} -#footer { - clear:both; - margin:0; - padding:0; - background:url(../images/foot-bg.gif) repeat-x; - height:70px; -} -#footer-no { - float:left; - margin:0; - padding:0; - background:url(../images/foot-wp.gif) no-repeat 0 0; - height:70px; - width:73px; -} -#footer-link { - float:left; - margin:20px 0 0 20px; - color:#d8d8d8; - display:inline; -} -#footer-link p { - margin:0px; - padding:0px; - line-height:18px; -} -#footer-link a { - color:#85bf73; - font:Arial,Helvetica,sans-serif; -} -#footer-link a:hover { - color:#FFFF99; -} -#footer-right a { - width:31px; - height:52px; -} -#to-top { - margin:10px 30px 0 0; - float:right; - width:31px; - height:52px; - background-position:-8px -480px; -} -#footer-right a { - width:31px; - height:52px; -} -#footer-right a:hover { - background-position:-8px -529px; -} -.comments { - border-bottom:1px solid #CCCCCC; - border-top:1px solid #CCCCCC; - margin:15px 0px; - padding:0 15px 15px; - position:relative; -} -.comment-title { - background-color:#E3E9FF; - border-top:1px solid #3366CC; - padding:3px 12px 3px 12px; - position:relative; -} -.comment-body-ref { - background-color:#FFFFFF; - filter:alpha(opacity=90); - left:217px; - opacity:0.9; - padding:6px; - position:absolute; - width:520px; - z-index:10; -} -.comment-body { - margin-top:15px; -} -.comment-author { - float:left; - text-align:center; - width:81px; -} -.comment-author div { - background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent; - margin-top:10px; - padding-right:14px; -} -.comment-author img { - border:1px solid #999999; - height:32px; - padding:1px; - width:32px; -} -.comment-author a { - font-weight:bold; - margin-right:14px; -} -.comment-info { - background:url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0; - font-size:12px; - padding:10px 15px 0; - width:75%; -} -.comment-content { - background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent; - font-size:12px; - line-height:145%; - margin:0 -15px; - overflow:hidden; - padding:9px 15px 10px; - word-wrap:break-word; -} -.comment-form { - margin:15px 0px; - padding:0 35px 15px; - position:relative; -} -.comment-form img { - cursor:pointer; -} -.comment-form input,.comment-form textarea { - background:url("../images/textfield.gif") repeat-x scroll 50% 0 #FFFFFF; - border:1px solid #A6A6A6; - color:#555555; - font-family:Helvetica,Arial,sans-serif; - height:16px; - outline:none; - padding:2px 1px; - width:200px; -} -.comment-form textarea { - font-size:12px; - height:auto; - width:100%; -} -.comment-form button { - background:none repeat scroll 0 0 #B4D666; - border-color:#B4D666 #81B840 #81B840 #B4D666; - border-radius:0px; - border-style:solid; - border-width:1px; - color:#2970A6; - font-size:12px; - height:22px; - line-height:22px; - padding:0px 6px; - background-color:#ffffff; -} -.comment-form button:hover { - background:none repeat scroll 0 0 #98C64C; - border-color:#76B33A #98C64C #98C64C #76B33A; - color:#074A7E; -} -#commentURLLabel,#commentURLLabelReply { - background:url("../images/textfield.gif") repeat-x scroll 50% 0 #FFFFFF; - border:1px solid #A6A6A6; - border-right:0px; - float:left; - height:20px; - line-height:20px; - padding-left:2px; -} -#commentURL,#commentURLReply { - border-left:0 none; - width:157px; -} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14 { - background-image:url("../images/emotions/emotions-ease.png"); - float:left; - height:24px; - margin-right:5px; - width:24px; -} -.error-msg { - color:#3366CC; -} -#emotions span { - cursor:pointer; -} -.em01 { - background-position:-24px 0; -} -.em02 { - background-position:-48px 0; -} -.em03 { - background-position:-72px 0; -} -.em04 { - background-position:-96px 0; -} -.em05 { - background-position:0px -24px; -} -.em06 { - background-position:-24px -24px; -} -.em07 { - background-position:-48px -24px; -} -.em08 { - background-position:-72px -24px; -} -.em09 { - background-position:-96px -24px; -} -.em10 { - background-position:0 -48px; -} -.em11 { - background-position:-24px -48px; -} -.em12 { - background-position:-48px -48px; -} -.em13 { - background-position:-72px -48px; -} -.em14 { - background-position:-96px -48px; -} -.em-span { - line-height:24px; - float:left; -} -.em-br { - line-height:24px; +@charset "utf-8"; +body { + margin:0; + padding:0; + font:Verdana,Arial,Helvetica,sans-serif; + font-size:12px; + color:#585858; + background:#545454; +} +h1,h2,h3 { + margin-top:0px; +} +h1 { + font-size:2.4em; +} +h2 { + font-size:1.6em; +} +h3 { + font-size:1.4em; +} +p,ol,ul { + margin:0 0 10px 20px; + line-height:20px; +} +img { + border:none; +} +a { + color:#27789b; + text-decoration:none; + line-height:22px; +} +a:hover { + color:#442494; +} +.center { + text-align:center; +} +.clear { + clear:both; + font-size:0px; + height:0px; +} +#main { + width:100%; +} +#wrap { + background-color:#f8f8f8; +} +/**/ +#top { + background-image:linear-gradient(top,#FFFFFF,#E5E5E5); + background-image:-moz-linear-gradient(top,#FFFFFF,#E5E5E5); + background-image:-ms-linear-gradient(top,#FFFFFF,#E5E5E5); + background-image:-o-linear-gradient(top,#FFFFFF,#E5E5E5); + background-image:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#E5E5E5)); + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E5E5E5'); + border-bottom:1px solid #E5E5E5; + height:26px; + line-height:26px; +} +#top a:hover,#top a.hover { + background-color:#EEF2FA; + border-left-color:#707070; + border-radius:0 13px 13px 0; + margin:0px; + line-height:26px; +} +#top a,#top span span { + border-right:1px solid #D9D9D9; + color:#4C4C4C; + float:left; + line-height:14px; + margin:6px 0; + padding:0 6px; + text-decoration:none; + text-shadow:0 -1px 0 white; + font-weight:normal; +} +.right { + float:right; +} +.left { + float:left; +} +.article-relative { + line-height:22px; + margin-top:24px; +} +.article-relative h4 { + font-size:12px; +} +.article-relative ul { + margin:0 0 10px 10px; +} +.article-relative li { + overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; +} +#pagenavi { + padding:20px 0 10px; +} +#pagenavi span { + font-weight:bold} +#pagenavi span,#pagenavi a { + margin:0 4px; + padding:2px 7px; + border:1px solid #666; + border-radius:3px; +} +#pagenavi a:hover { + background:#666; + color:#f0f0f0; +} +#pagenavi em { + display:none} +.breakline { + word-break:break-all; + word-wrap:break-word; +} +.shortline { + overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; +} +#header { + margin:0; + padding:0; + height:69px; + background:url(../images/header-bg.gif) repeat-x; + text-decoration:none; +} +#header-left { + float:left; + margin:0px; + padding:0px; +} +#header h1 { + float:left; + margin:0; + padding:21px 0 20px 20px; + font-size:24px; +} +#header h1 a { + color:#72d4ff; + text-decoration:none; +} +.description { + float:left; + margin:33px 0 0 10px; + padding:0px; + color:#e0e0e0; +} +#header-right { + float:right; + margin:0px; + padding:0; +} +.layout { + margin:0px 10px 0 auto; + padding:2px 0 0 54px; + width:80px; + height:19px; + background:url(../images/style.gif) no-repeat 0px 0px; +} +.layout span { + width:10px; + height:10px; + float:left; + margin:3px 2px 0 2px; + cursor:pointer; +} +.themes1,.themes2,.themes3,.themes4,.themes5,.post .post-tltle a:hover,.post-comments,.post-date,.post-views,.post-cat,.post-author,.post-tag,#to-top,#footer-right a:hover,.navigation-top span,#sidebar ul li ul li,#sidebar ul li ul li:hover,#sidebar .comms li span,#sidebar .comms li span:hover { + background-image:url(../images/icons.gif); + background-repeat:no-repeat; +} +#sidebar ul li,.navigation-top,.postmetadata { + background-image:url(../images/line.gif); + background-repeat:repeat-x; +} +.themes5 { + background-position:-7px -7px; +} +.themes4 { + background-position:-7px -31px; +} +.themes3 { + background-position:-7px -55px; +} +.themes2 { + background-position:-7px -79px; +} +.themes1 { + background-position:-7px -103px; +} +#header-navi { + float:right; + margin:14px 0 0 0; + padding:0px; +} +#header-navi li { + margin:0 5px; + padding:0; + display:inline; + line-height:24px; + height:24px; +} +#header-navi li a { + color:#d8d8d8; +} +#header-navi li.selected a,#header li a:hover { + color:#f2f2f2; + background:url(../images/menu-li.gif) no-repeat bottom center; + padding:0px 0 4px 0; +} +.navigation-top { + margin:2px 0 0 0; + line-height:30px; + background-position:bottom; +} +.navigation-top span { + margin:0 0 0 15px; + padding:0 0 0 20px; + background-position:-7px -322px} +.post { + margin:5px 20px 15px 20px; + padding:0 0px 0 0; +} +.post .post-tltle { + margin:10px 0 0 0; + padding:2px 0; + border-bottom:1px dotted #c1c1c1; + font-size:1.6em; + line-height:36px; +} +.post .post-tltle a:hover { + background-position:right -291px; + padding:0 43px 0 0px; +} +.postmetadata-top { + margin:0; + padding:0; + line-height:22px; + font-size:11px; +} +.post-comments { + background-position:-7px -199px; + padding:0 0 0 13px; + margin:0 0 0 10px; +} +.post-date { + background-position:-7px -222px; + padding:0 0 0 13px; +} +.post-views { + margin:0 0 0 10px; + background-position:-7px -246px; + padding:0 0 0 13px; +} +.postmetadata { + margin:0px; + padding:0 0 4px 0; + line-height:24px; + background-position:bottom; +} +.post-cat { + margin:0 10px 0 0; + background-position:-7px -152px; + padding:0 0 0 13px; +} +.post-author { + margin:0 0 0 10px; + background-position:-7px -269px; + padding:0 0 0 13px; +} +.post-tag { + margin:0 10px 0 0; + background-position:-7px -125px; + padding:0 0 0 13px; +} +.article-body { + margin:8px 0; + padding:0px; + line-height:22px; + white-space:normal; + overflow:hidden; +} +.navigation { + margin:5px 15px 5px 15px; + text-align:center; + display:block; +} +#sidebar ul { + margin:0; + padding:0; + list-style:none; +} +#sidebar ul li { + padding:5px 5px 5px 5px; + background-position:bottom; +} +#sidebar ul li h3 { + margin:0px; + padding:0; + font-size:14px; + font-weight:normal; + color:#2cacda; + line-height:28px; +} +#sidebar ul li ul { + margin:0px; + padding:0; +} +#sidebar .slist li { + margin:0px 0; + padding:0 0 0 0px; + line-height:22px; + background-position:-7px -387px; +} +#sidebar .slist li:hover { + background-position:-7px -411px; +} +#sidebar ul li ul li a { + padding:0 0 0 15px; + color:#666666; +} +#sidebar ul li ul li a:hover { + color:#a165f1; +} +#sidebar .side-cat li { + float:left; + width:50%; +} +#sidebar .side-cat { + display:block; +} +#sidebar .side-cat span { + float:left; + line-height:24px; + white-space:nowrap; + padding:0 5px; +} +#sidebar .side-cat span:hover,#sidebar .side-cat span a:hover{ + background:#72d4ff; + color:#fff; +} +#sidebar .comms li { + background:none; + padding:0 0; +} +#sidebar .comms li:hover { + background:none; +} +#sidebar .arrow a { + padding:0 0; +} +#sidebar .arrow { + padding:0 0 0 13px; + background-position:-7px -393px; +} +#sidebar .arrow:hover { + background-position:-7px -417px; + color:#85bf73; +} +#sidebar #searchform { +text-align: left; +} +#searchform { +margin: 10px 0 0 0; +padding: 0; +} +#searchform #s { +margin: 0; +padding: 1px 0 0 2px; +width: 185px; +background: white; +border: 1px solid #CBD8E5; +line-height: 16px; +} +#searchsubmit { +margin: 0; +padding: 2px 0 0 0; +width: 54px; +height: 18px; +border: none; +cursor: hand; +} +#footer { + clear:both; + margin:0; + padding:0; + background:url(../images/foot-bg.gif) repeat-x; + height:70px; +} +#footer-no { + float:left; + margin:0; + padding:0; + background:url(../images/foot-wp.gif) no-repeat 0 0; + height:70px; + width:73px; +} +#footer-link { + float:left; + margin:20px 0 0 20px; + color:#d8d8d8; + display:inline; +} +#footer-link p { + margin:0px; + padding:0px; + line-height:18px; +} +#footer-link a { + color:#85bf73; + font:Arial,Helvetica,sans-serif; +} +#footer-link a:hover { + color:#FFFF99; +} +#footer-right a { + width:31px; + height:52px; +} +#to-top { + margin:10px 30px 0 0; + float:right; + width:31px; + height:52px; + background-position:-8px -480px; +} +#footer-right a { + width:31px; + height:52px; +} +#footer-right a:hover { + background-position:-8px -529px; +} +.comments { + border-bottom:1px solid #CCCCCC; + border-top:1px solid #CCCCCC; + margin:15px 0px; + padding:0 15px 15px; + position:relative; +} +.comment-title { + background-color:#E3E9FF; + border-top:1px solid #3366CC; + padding:3px 12px 3px 12px; + position:relative; +} +.comment-body-ref { + background-color:#FFFFFF; + filter:alpha(opacity=90); + left:217px; + opacity:0.9; + padding:6px; + position:absolute; + width:520px; + z-index:10; +} +.comment-body { + margin-top:15px; +} +.comment-author { + float:left; + text-align:center; + width:81px; +} +.comment-author div { + background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent; + margin-top:10px; + padding-right:14px; +} +.comment-author img { + border:1px solid #999999; + height:32px; + padding:1px; + width:32px; +} +.comment-author a { + font-weight:bold; + margin-right:14px; +} +.comment-info { + background:url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0; + font-size:12px; + padding:10px 15px 0; + width:75%; +} +.comment-content { + background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent; + font-size:12px; + line-height:145%; + margin:0 -15px; + overflow:hidden; + padding:9px 15px 10px; + word-wrap:break-word; +} +.comment-form { + margin:15px 0px; + padding:0 35px 15px; + position:relative; +} +.comment-form img { + cursor:pointer; +} +.comment-form input,.comment-form textarea { + background:url("../images/textfield.gif") repeat-x scroll 50% 0 #FFFFFF; + border:1px solid #A6A6A6; + color:#555555; + font-family:Helvetica,Arial,sans-serif; + height:16px; + outline:none; + padding:2px 1px; + width:200px; +} +.comment-form textarea { + font-size:12px; + height:auto; + width:100%; +} +.comment-form button { + background:none repeat scroll 0 0 #B4D666; + border-color:#B4D666 #81B840 #81B840 #B4D666; + border-radius:0px; + border-style:solid; + border-width:1px; + color:#2970A6; + font-size:12px; + height:22px; + line-height:22px; + padding:0px 6px; + background-color:#ffffff; +} +.comment-form button:hover { + background:none repeat scroll 0 0 #98C64C; + border-color:#76B33A #98C64C #98C64C #76B33A; + color:#074A7E; +} +#commentURLLabel,#commentURLLabelReply { + background:url("../images/textfield.gif") repeat-x scroll 50% 0 #FFFFFF; + border:1px solid #A6A6A6; + border-right:0px; + float:left; + height:20px; + line-height:20px; + padding-left:2px; +} +#commentURL,#commentURLReply { + border-left:0 none; + width:157px; +} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14 { + background-image:url("../images/emotions/emotions-ease.png"); + float:left; + height:24px; + margin-right:5px; + width:24px; +} +.error-msg { + color:#3366CC; +} +#emotions span { + cursor:pointer; +} +.em01 { + background-position:-24px 0; +} +.em02 { + background-position:-48px 0; +} +.em03 { + background-position:-72px 0; +} +.em04 { + background-position:-96px 0; +} +.em05 { + background-position:0px -24px; +} +.em06 { + background-position:-24px -24px; +} +.em07 { + background-position:-48px -24px; +} +.em08 { + background-position:-72px -24px; +} +.em09 { + background-position:-96px -24px; +} +.em10 { + background-position:0 -48px; +} +.em11 { + background-position:-24px -48px; +} +.em12 { + background-position:-48px -48px; +} +.em13 { + background-position:-72px -48px; +} +.em14 { + background-position:-96px -48px; +} +.em-span { + line-height:24px; + float:left; +} +.em-br { + line-height:24px; } \ No newline at end of file diff --git a/5styles/css/layout1.css b/skins/5styles/css/layout1.css similarity index 99% rename from 5styles/css/layout1.css rename to skins/5styles/css/layout1.css index e5c11f9..372f3c9 100644 --- a/5styles/css/layout1.css +++ b/skins/5styles/css/layout1.css @@ -1,4 +1,4 @@ -#wrap{ margin:0 auto; padding:0; width:900px; border-left:3px solid #424242; border-right:3px solid #424242; background:url(../images/side-bg.gif) repeat-y right;} -#maincontent{ float:left; margin:0 0 0 -271px; padding:0; display:inline;width: 100%;} -#maincontent .forFlow{ margin:0 0 0 271px;} +#wrap{ margin:0 auto; padding:0; width:900px; border-left:3px solid #424242; border-right:3px solid #424242; background:url(../images/side-bg.gif) repeat-y right;} +#maincontent{ float:left; margin:0 0 0 -271px; padding:0; display:inline;width: 100%;} +#maincontent .forFlow{ margin:0 0 0 271px;} #sidebar{ float:right; margin:10px; padding:0; width:250px; display:inline; } \ No newline at end of file diff --git a/5styles/css/layout2.css b/skins/5styles/css/layout2.css similarity index 99% rename from 5styles/css/layout2.css rename to skins/5styles/css/layout2.css index 65bff21..002569f 100644 --- a/5styles/css/layout2.css +++ b/skins/5styles/css/layout2.css @@ -1,4 +1,4 @@ -#wrap{ margin:0 auto; padding:0; width:900px; border-left:3px solid #424242; border-right:3px solid #424242; background:url(../images/side-bg.gif) repeat-y left;} -#maincontent{ float:right; margin:0 0 0 -271px; padding:0; display:inline;width: 100%;} -#maincontent .forFlow{ margin:0 0 0 271px; float: none; width: auto;} +#wrap{ margin:0 auto; padding:0; width:900px; border-left:3px solid #424242; border-right:3px solid #424242; background:url(../images/side-bg.gif) repeat-y left;} +#maincontent{ float:right; margin:0 0 0 -271px; padding:0; display:inline;width: 100%;} +#maincontent .forFlow{ margin:0 0 0 271px; float: none; width: auto;} #sidebar{ float:left; margin:10px; padding:0; width:250px; display:inline; } \ No newline at end of file diff --git a/5styles/css/layout3.css b/skins/5styles/css/layout3.css similarity index 98% rename from 5styles/css/layout3.css rename to skins/5styles/css/layout3.css index bb5d861..e848de8 100644 --- a/5styles/css/layout3.css +++ b/skins/5styles/css/layout3.css @@ -1,4 +1,4 @@ -#wrap{margin:0 auto; padding:0; width:900px; border-left:3px solid #424242; border-right:3px solid #424242;} -#maincontent{float:right; margin:0 0 0 0px; padding:0; display:inline;width: 100%;} -#maincontent .forFlow{margin:0 0 0 0px; float: none; width: auto;} +#wrap{margin:0 auto; padding:0; width:900px; border-left:3px solid #424242; border-right:3px solid #424242;} +#maincontent{float:right; margin:0 0 0 0px; padding:0; display:inline;width: 100%;} +#maincontent .forFlow{margin:0 0 0 0px; float: none; width: auto;} #sidebar{display: none;} \ No newline at end of file diff --git a/5styles/css/layout4.css b/skins/5styles/css/layout4.css similarity index 99% rename from 5styles/css/layout4.css rename to skins/5styles/css/layout4.css index 0ff4ad0..cb27ccf 100644 --- a/5styles/css/layout4.css +++ b/skins/5styles/css/layout4.css @@ -1,4 +1,4 @@ -#wrap{ margin:0 auto; padding:0; width:100%; background:url(../images/side-bg.gif) repeat-y right;} -#maincontent{ float:left; margin:0 0 0 -271px; padding:0; display:inline;width: 100%;} -#maincontent .forFlow{ margin:0 0 0 271px;} +#wrap{ margin:0 auto; padding:0; width:100%; background:url(../images/side-bg.gif) repeat-y right;} +#maincontent{ float:left; margin:0 0 0 -271px; padding:0; display:inline;width: 100%;} +#maincontent .forFlow{ margin:0 0 0 271px;} #sidebar{ float:right; margin:10px; padding:0; width:250px; display:inline; } \ No newline at end of file diff --git a/5styles/css/layout5.css b/skins/5styles/css/layout5.css similarity index 99% rename from 5styles/css/layout5.css rename to skins/5styles/css/layout5.css index 05fae90..228a5d3 100644 --- a/5styles/css/layout5.css +++ b/skins/5styles/css/layout5.css @@ -1,4 +1,4 @@ -#wrap{margin:0 auto;padding:0;width:100%;background:url(../images/side-bg.gif) repeat-y left;} -#maincontent{float:right;margin:0 0 0 -271px;padding:0;display:inline;width:100%;} -#maincontent .forFlow{margin:0 0 0 271px;float: none;width: auto;} +#wrap{margin:0 auto;padding:0;width:100%;background:url(../images/side-bg.gif) repeat-y left;} +#maincontent{float:right;margin:0 0 0 -271px;padding:0;display:inline;width:100%;} +#maincontent .forFlow{margin:0 0 0 271px;float: none;width: auto;} #sidebar{float:left;margin:10px;padding:0;width:250px;display:inline;} \ No newline at end of file diff --git a/5styles/footer.ftl b/skins/5styles/footer.ftl similarity index 97% rename from 5styles/footer.ftl rename to skins/5styles/footer.ftl index b0e4034..9f42490 100644 --- a/5styles/footer.ftl +++ b/skins/5styles/footer.ftl @@ -1,75 +1,75 @@ - - - - - - -${plugins} - - + + +${plugins} + + \ No newline at end of file diff --git a/5styles/header.ftl b/skins/5styles/header.ftl similarity index 97% rename from 5styles/header.ftl rename to skins/5styles/header.ftl index 0727cdc..b1413b2 100644 --- a/5styles/header.ftl +++ b/skins/5styles/header.ftl @@ -1,32 +1,32 @@ - ');articleHTML.push('
');articleHTML.push('
  • ');if(article.hasUpdated){articleHTML.push(Util.toDate(article.articleUpdateDate,' yyyy-MM-dd HH:mm '));}else{articleHTML.push(Util.toDate(article.articleCreateDate,' yyyy-MM-dd HH:mm '));} - articleHTML.push('
  • ');articleHTML.push(' ');articleHTML.push(article.authorName);articleHTML.push(' ');articleHTML.push('
    ');articleHTML.push('
  • ');articleHTML.push(' ');articleHTML.push(article.articleViewCount+' '+Label.viewLabel);articleHTML.push(' ');articleHTML.push('
  • ');articleHTML.push(' '+article.articleCommentCount+' '+Label.commentLabel+' ');articleHTML.push('
    ');articleHTML.push(article.articleAbstract);articleHTML.push('
    ');articleHTML.push('
  • '+Label.tag1Label);var articleTags=article.articleTags.split(',');for(var j=0;j');articleHTML.push('');articleHTML.push(articleTag);articleHTML.push('');} - articleHTML.push('
    ');$more.before(articleHTML.join(''));} +var bootstyle={getCurrentPage:function(){var $next=$(".pagination-btn");if($next.length>0){window.currentPage=$next.data("page");}},setNavCurrent:function(){$(".nav li a").each(function(){var $this=$(this);var path1=latkeConfig.servePath+location.pathname,path2=latkeConfig.servePath+location.pathname.substr(0,location.pathname.length-1);if($this.attr("href")===path1||$this.attr("href")===path2){$this.parent().addClass("active");}else if(/\/[0-9]+$/.test(location.pathname)){$(".nav li")[0].className="current";}});},setCommentEmotions:function(){$(".comments").each(function(){$(this).html(Util.replaceEmString($(this).html()));});},init:function(){this.getCurrentPage();this.setNavCurrent();this.setCommentEmotions();}};$(function(){bootstyle.init();}) +var getNextPage=function(){var $more=$(".pagination-btn");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]+"/";} + var nextLabel='',btn_background='';$.ajax({url:latkeConfig.servePath+path+currentPage,type:"GET",beforeSend:function(){nextLabel=$more.text();btn_background=$more.css('background');$more.text('　').css("background","url("+latkeConfig.staticServePath+"/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe");},success:function(result,textStatus){var pagination=result.rslts.pagination;for(var i=0;i');articleHTML.push('

    '+article.articleTitle+'

    ');articleHTML.push('');articleHTML.push('
    ');articleHTML.push('
  • ');if(article.hasUpdated){articleHTML.push(Util.toDate(article.articleUpdateDate,' yyyy-MM-dd HH:mm '));}else{articleHTML.push(Util.toDate(article.articleCreateDate,' yyyy-MM-dd HH:mm '));} + articleHTML.push('
  • ');articleHTML.push(' ');articleHTML.push(article.authorName);articleHTML.push(' ');articleHTML.push('
    ');articleHTML.push('
  • ');articleHTML.push(' ');articleHTML.push(article.articleViewCount+' '+Label.viewLabel);articleHTML.push(' ');articleHTML.push('
  • ');articleHTML.push(' '+article.articleCommentCount+' '+Label.commentLabel+' ');articleHTML.push('
    ');articleHTML.push(article.articleAbstract);articleHTML.push('
    ');articleHTML.push('
  • '+Label.tag1Label);var articleTags=article.articleTags.split(',');for(var j=0;j');articleHTML.push('');articleHTML.push(articleTag);articleHTML.push('');} + articleHTML.push('
    ');$more.before(articleHTML.join(''));} if(pagination.paginationPageCount===currentPage){$more.remove();}else{$more.text(nextLabel).css("background",'');}}});}; \ No newline at end of file diff --git a/bootstyle/lang/lang_en_US.properties b/skins/bootstyle/lang/lang_en_US.properties similarity index 100% rename from bootstyle/lang/lang_en_US.properties rename to skins/bootstyle/lang/lang_en_US.properties diff --git a/bootstyle/lang/lang_zh_CN.properties b/skins/bootstyle/lang/lang_zh_CN.properties similarity index 97% rename from bootstyle/lang/lang_zh_CN.properties rename to skins/bootstyle/lang/lang_zh_CN.properties index b5a1534..ed9d78e 100644 --- a/bootstyle/lang/lang_zh_CN.properties +++ b/skins/bootstyle/lang/lang_zh_CN.properties @@ -1,94 +1,94 @@ -# -# 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=B3LOG -killBrowserLabel=

    \u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u5427\uff01

    \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

    \u60a8\u53ef\u4ee5\u4e0b\u8f7d +# +# 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=B3LOG +killBrowserLabel=

    \u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u5427\uff01

    \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

    \u60a8\u53ef\u4ee5\u4e0b\u8f7d noticeBoardLabel=\u516c\u544a \ No newline at end of file diff --git a/bootstyle/macro-comments.ftl b/skins/bootstyle/macro-comments.ftl similarity index 100% rename from bootstyle/macro-comments.ftl rename to skins/bootstyle/macro-comments.ftl diff --git a/bootstyle/macro-head.ftl b/skins/bootstyle/macro-head.ftl similarity index 100% rename from bootstyle/macro-head.ftl rename to skins/bootstyle/macro-head.ftl diff --git a/bootstyle/page.ftl b/skins/bootstyle/page.ftl similarity index 100% rename from bootstyle/page.ftl rename to skins/bootstyle/page.ftl diff --git a/bootstyle/preview.png b/skins/bootstyle/preview.png similarity index 100% rename from bootstyle/preview.png rename to skins/bootstyle/preview.png diff --git a/bootstyle/side.ftl b/skins/bootstyle/side.ftl similarity index 100% rename from bootstyle/side.ftl rename to skins/bootstyle/side.ftl diff --git a/bootstyle/skin.properties b/skins/bootstyle/skin.properties similarity index 100% rename from bootstyle/skin.properties rename to skins/bootstyle/skin.properties diff --git a/bootstyle/tag-articles.ftl b/skins/bootstyle/tag-articles.ftl similarity index 100% rename from bootstyle/tag-articles.ftl rename to skins/bootstyle/tag-articles.ftl diff --git a/bootstyle/tags.ftl b/skins/bootstyle/tags.ftl similarity index 100% rename from bootstyle/tags.ftl rename to skins/bootstyle/tags.ftl diff --git a/community-bubbles/archive-articles.ftl b/skins/community-bubbles/archive-articles.ftl similarity index 100% rename from community-bubbles/archive-articles.ftl rename to skins/community-bubbles/archive-articles.ftl diff --git a/community-bubbles/article-list.ftl b/skins/community-bubbles/article-list.ftl similarity index 100% rename from community-bubbles/article-list.ftl rename to skins/community-bubbles/article-list.ftl diff --git a/community-bubbles/article.ftl b/skins/community-bubbles/article.ftl similarity index 100% rename from community-bubbles/article.ftl rename to skins/community-bubbles/article.ftl diff --git a/community-bubbles/author-articles.ftl b/skins/community-bubbles/author-articles.ftl similarity index 100% rename from community-bubbles/author-articles.ftl rename to skins/community-bubbles/author-articles.ftl diff --git a/community-bubbles/css/bubbles.css b/skins/community-bubbles/css/bubbles.css similarity index 100% rename from community-bubbles/css/bubbles.css rename to skins/community-bubbles/css/bubbles.css diff --git a/community-bubbles/css/community-bubbles.css b/skins/community-bubbles/css/community-bubbles.css similarity index 100% rename from community-bubbles/css/community-bubbles.css rename to skins/community-bubbles/css/community-bubbles.css diff --git a/community-bubbles/footer.ftl b/skins/community-bubbles/footer.ftl similarity index 100% rename from community-bubbles/footer.ftl rename to skins/community-bubbles/footer.ftl diff --git a/community-bubbles/header.ftl b/skins/community-bubbles/header.ftl similarity index 100% rename from community-bubbles/header.ftl rename to skins/community-bubbles/header.ftl diff --git a/community-bubbles/images/author-header.png b/skins/community-bubbles/images/author-header.png similarity index 100% rename from community-bubbles/images/author-header.png rename to skins/community-bubbles/images/author-header.png diff --git a/community-bubbles/images/emotions/em00.png b/skins/community-bubbles/images/emotions/em00.png similarity index 100% rename from community-bubbles/images/emotions/em00.png rename to skins/community-bubbles/images/emotions/em00.png diff --git a/community-bubbles/images/emotions/em01.png b/skins/community-bubbles/images/emotions/em01.png similarity index 100% rename from community-bubbles/images/emotions/em01.png rename to skins/community-bubbles/images/emotions/em01.png diff --git a/community-bubbles/images/emotions/em02.png b/skins/community-bubbles/images/emotions/em02.png similarity index 100% rename from community-bubbles/images/emotions/em02.png rename to skins/community-bubbles/images/emotions/em02.png diff --git a/community-bubbles/images/emotions/em03.png b/skins/community-bubbles/images/emotions/em03.png similarity index 100% rename from community-bubbles/images/emotions/em03.png rename to skins/community-bubbles/images/emotions/em03.png diff --git a/community-bubbles/images/emotions/em04.png b/skins/community-bubbles/images/emotions/em04.png similarity index 100% rename from community-bubbles/images/emotions/em04.png rename to skins/community-bubbles/images/emotions/em04.png diff --git a/community-bubbles/images/emotions/em05.png b/skins/community-bubbles/images/emotions/em05.png similarity index 100% rename from community-bubbles/images/emotions/em05.png rename to skins/community-bubbles/images/emotions/em05.png diff --git a/community-bubbles/images/emotions/em06.png b/skins/community-bubbles/images/emotions/em06.png similarity index 100% rename from community-bubbles/images/emotions/em06.png rename to skins/community-bubbles/images/emotions/em06.png diff --git a/community-bubbles/images/emotions/em07.png b/skins/community-bubbles/images/emotions/em07.png similarity index 100% rename from community-bubbles/images/emotions/em07.png rename to skins/community-bubbles/images/emotions/em07.png diff --git a/community-bubbles/images/emotions/em08.png b/skins/community-bubbles/images/emotions/em08.png similarity index 100% rename from community-bubbles/images/emotions/em08.png rename to skins/community-bubbles/images/emotions/em08.png diff --git a/community-bubbles/images/emotions/em09.png b/skins/community-bubbles/images/emotions/em09.png similarity index 100% rename from community-bubbles/images/emotions/em09.png rename to skins/community-bubbles/images/emotions/em09.png diff --git a/community-bubbles/images/emotions/em10.png b/skins/community-bubbles/images/emotions/em10.png similarity index 100% rename from community-bubbles/images/emotions/em10.png rename to skins/community-bubbles/images/emotions/em10.png diff --git a/community-bubbles/images/emotions/em11.png b/skins/community-bubbles/images/emotions/em11.png similarity index 100% rename from community-bubbles/images/emotions/em11.png rename to skins/community-bubbles/images/emotions/em11.png diff --git a/community-bubbles/images/emotions/em12.png b/skins/community-bubbles/images/emotions/em12.png similarity index 100% rename from community-bubbles/images/emotions/em12.png rename to skins/community-bubbles/images/emotions/em12.png diff --git a/community-bubbles/images/emotions/em13.png b/skins/community-bubbles/images/emotions/em13.png similarity index 100% rename from community-bubbles/images/emotions/em13.png rename to skins/community-bubbles/images/emotions/em13.png diff --git a/community-bubbles/images/emotions/em14.png b/skins/community-bubbles/images/emotions/em14.png similarity index 100% rename from community-bubbles/images/emotions/em14.png rename to skins/community-bubbles/images/emotions/em14.png diff --git a/community-bubbles/images/emotions/emotions-black.png b/skins/community-bubbles/images/emotions/emotions-black.png similarity index 100% rename from community-bubbles/images/emotions/emotions-black.png rename to skins/community-bubbles/images/emotions/emotions-black.png diff --git a/community-bubbles/images/icon.png b/skins/community-bubbles/images/icon.png similarity index 100% rename from community-bubbles/images/icon.png rename to skins/community-bubbles/images/icon.png diff --git a/community-bubbles/images/indentline-light.png b/skins/community-bubbles/images/indentline-light.png similarity index 100% rename from community-bubbles/images/indentline-light.png rename to skins/community-bubbles/images/indentline-light.png diff --git a/community-bubbles/images/indentline.png b/skins/community-bubbles/images/indentline.png similarity index 100% rename from community-bubbles/images/indentline.png rename to skins/community-bubbles/images/indentline.png diff --git a/community-bubbles/index.ftl b/skins/community-bubbles/index.ftl similarity index 100% rename from community-bubbles/index.ftl rename to skins/community-bubbles/index.ftl diff --git a/community-bubbles/js/gravatar.js b/skins/community-bubbles/js/gravatar.js similarity index 100% rename from community-bubbles/js/gravatar.js rename to skins/community-bubbles/js/gravatar.js diff --git a/community-bubbles/js/md5.js b/skins/community-bubbles/js/md5.js similarity index 100% rename from community-bubbles/js/md5.js rename to skins/community-bubbles/js/md5.js diff --git a/community-bubbles/lang/lang_en_US.properties b/skins/community-bubbles/lang/lang_en_US.properties similarity index 100% rename from community-bubbles/lang/lang_en_US.properties rename to skins/community-bubbles/lang/lang_en_US.properties diff --git a/community-bubbles/lang/lang_zh_CN.properties b/skins/community-bubbles/lang/lang_zh_CN.properties similarity index 100% rename from community-bubbles/lang/lang_zh_CN.properties rename to skins/community-bubbles/lang/lang_zh_CN.properties diff --git a/community-bubbles/macro-comments.ftl b/skins/community-bubbles/macro-comments.ftl similarity index 100% rename from community-bubbles/macro-comments.ftl rename to skins/community-bubbles/macro-comments.ftl diff --git a/community-bubbles/macro-head.ftl b/skins/community-bubbles/macro-head.ftl similarity index 100% rename from community-bubbles/macro-head.ftl rename to skins/community-bubbles/macro-head.ftl diff --git a/community-bubbles/notice.ftl b/skins/community-bubbles/notice.ftl similarity index 100% rename from community-bubbles/notice.ftl rename to skins/community-bubbles/notice.ftl diff --git a/community-bubbles/page.ftl b/skins/community-bubbles/page.ftl similarity index 100% rename from community-bubbles/page.ftl rename to skins/community-bubbles/page.ftl diff --git a/community-bubbles/preview.png b/skins/community-bubbles/preview.png similarity index 100% rename from community-bubbles/preview.png rename to skins/community-bubbles/preview.png diff --git a/community-bubbles/side.ftl b/skins/community-bubbles/side.ftl similarity index 100% rename from community-bubbles/side.ftl rename to skins/community-bubbles/side.ftl diff --git a/community-bubbles/skin.properties b/skins/community-bubbles/skin.properties similarity index 100% rename from community-bubbles/skin.properties rename to skins/community-bubbles/skin.properties diff --git a/community-bubbles/tag-articles.ftl b/skins/community-bubbles/tag-articles.ftl similarity index 100% rename from community-bubbles/tag-articles.ftl rename to skins/community-bubbles/tag-articles.ftl diff --git a/community-bubbles/tags.ftl b/skins/community-bubbles/tags.ftl similarity index 100% rename from community-bubbles/tags.ftl rename to skins/community-bubbles/tags.ftl diff --git a/dashu03/archive-articles.ftl b/skins/dashu03/archive-articles.ftl similarity index 97% rename from dashu03/archive-articles.ftl rename to skins/dashu03/archive-articles.ftl index 8f36c99..ab975c0 100644 --- a/dashu03/archive-articles.ftl +++ b/skins/dashu03/archive-articles.ftl @@ -1,34 +1,34 @@ -<#include "macro-head.ftl"> - - - - <@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}"> - - - - - - ${topBarReplacement} - <#include "header.ftl"> -
    -
    -
    -
    -

    ${archive1Label} - <#if "en" == localeString?substring(0, 2)> - ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - <#else> - ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount}) - -

    - <#include "article-list.ftl"> -
    - - <#include "usedside.ftl"> - -
    -
    -
    - <#include "footer.ftl"> - - +<#include "macro-head.ftl"> + + + + <@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}"> + + + + + + ${topBarReplacement} + <#include "header.ftl"> +
    +
    +
    +
    +

    ${archive1Label} + <#if "en" == localeString?substring(0, 2)> + ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) + <#else> + ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount}) + +

    + <#include "article-list.ftl"> +
    + + <#include "usedside.ftl"> + +
    +
    +
    + <#include "footer.ftl"> + + diff --git a/dashu03/article-list.ftl b/skins/dashu03/article-list.ftl similarity index 97% rename from dashu03/article-list.ftl rename to skins/dashu03/article-list.ftl index 570bd9f..25e8978 100644 --- a/dashu03/article-list.ftl +++ b/skins/dashu03/article-list.ftl @@ -1,74 +1,74 @@ - -<#if 0 != paginationPageCount> -
    - <#if 1 != paginationPageNums?first> - ${firstPageLabel} - ${previousPageLabel} - - <#list paginationPageNums as paginationPageNum> - <#if paginationPageNum == paginationCurrentPageNum> - ${paginationPageNum} - <#else> - ${paginationPageNum} - - - <#if paginationPageNums?last != paginationPageCount> - ${nextPagePabel} - ${lastPageLabel} - -   ${sumLabel} ${paginationPageCount} ${pageLabel} -
    + +<#if 0 != paginationPageCount> +
    + <#if 1 != paginationPageNums?first> + ${firstPageLabel} + ${previousPageLabel} + + <#list paginationPageNums as paginationPageNum> + <#if paginationPageNum == paginationCurrentPageNum> + ${paginationPageNum} + <#else> + ${paginationPageNum} + + + <#if paginationPageNums?last != paginationPageCount> + ${nextPagePabel} + ${lastPageLabel} + +   ${sumLabel} ${paginationPageCount} ${pageLabel} +
    \ No newline at end of file diff --git a/dashu03/article.ftl b/skins/dashu03/article.ftl similarity index 97% rename from dashu03/article.ftl rename to skins/dashu03/article.ftl index f705d53..9ab55c8 100644 --- a/dashu03/article.ftl +++ b/skins/dashu03/article.ftl @@ -1,169 +1,169 @@ -<#include "macro-head.ftl"> -<#include "macro-comments.ftl"> - - - - <@head title="${article.articleTitle} - ${blogTitle}"> - - - - - - - <#include "header.ftl"> - -
    -
    -
    -
    -

    - - ${article.articleTitle} - - <#if article.hasUpdated> - - ${updatedLabel} - - - <#if article.articlePutTop> - - ${topArticleLabel} - - -

    - -
    - - - - - - - - - - - - - - - - - - - - - -
    - -
    -
    - - - ${article.articleCommentCount}  ${commentLabel} -    - - ${article.articleViewCount}  ${viewLabel} - - - - ${article.authorName} - <#if article.hasUpdated> - ${article.articleUpdateDate?string("yyyy-MM-dd HH:mm")} - <#else> - ${article.articleCreateDate?string("yyyy-MM-dd HH:mm")} - - -
    -
    -
    -
    - ${article.articleContent} - <#if "" != article.articleSign.signHTML?trim> -

    - ${article.articleSign.signHTML} -

    - -
    - - -
    - - - - - - - - - - - - - -
    - -
    - -
    - <#if 0 != relevantArticlesDisplayCount> -
    - - <#if 0 != randomArticlesDisplayCount> -
    - -
    -
    - -
    - ${tag1Label} - <#list article.articleTags?split(",") as articleTag> - <#if articleTag_has_next>, - -
    - -
    - <#if nextArticlePermalink??> -
    - < - ${nextArticleTitle} -
    - - <#if previousArticlePermalink??> -
    - ${previousArticleTitle} - > -
    - -
    -
    - - <@comments commentList=articleComments article=article> - -
    - - <#include "usedside.ftl"> - -
    -
    - <#include "footer.ftl"> - <@comment_script oId=article.oId> - page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}"; - <#if 0 != randomArticlesDisplayCount> - page.loadRandomArticles('

    ${randomArticlesLabel}

    '); - - <#if 0 != relevantArticlesDisplayCount> - page.loadRelevantArticles('${article.oId}', '

    ${relevantArticlesLabel}

    '); - - - - - - - +<#include "macro-head.ftl"> +<#include "macro-comments.ftl"> + + + + <@head title="${article.articleTitle} - ${blogTitle}"> + + + + + + + <#include "header.ftl"> + +
    +
    +
    +
    +

    + + ${article.articleTitle} + + <#if article.hasUpdated> + + ${updatedLabel} + + + <#if article.articlePutTop> + + ${topArticleLabel} + + +

    + +
    + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + ${article.articleCommentCount}  ${commentLabel} +    + + ${article.articleViewCount}  ${viewLabel} + + + + ${article.authorName} + <#if article.hasUpdated> + ${article.articleUpdateDate?string("yyyy-MM-dd HH:mm")} + <#else> + ${article.articleCreateDate?string("yyyy-MM-dd HH:mm")} + + +
    +
    +
    +
    + ${article.articleContent} + <#if "" != article.articleSign.signHTML?trim> +

    + ${article.articleSign.signHTML} +

    + +
    + + +
    + + + + + + + + + + + + + +
    + +
    + +
    + <#if 0 != relevantArticlesDisplayCount> +
    + + <#if 0 != randomArticlesDisplayCount> +
    + +
    +
    + +
    + ${tag1Label} + <#list article.articleTags?split(",") as articleTag> + <#if articleTag_has_next>, + +
    + +
    + <#if nextArticlePermalink??> +
    + < + ${nextArticleTitle} +
    + + <#if previousArticlePermalink??> +
    + ${previousArticleTitle} + > +
    + +
    +
    + + <@comments commentList=articleComments article=article> + +
    + + <#include "usedside.ftl"> + +
    +
    + <#include "footer.ftl"> + <@comment_script oId=article.oId> + page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}"; + <#if 0 != randomArticlesDisplayCount> + page.loadRandomArticles('

    ${randomArticlesLabel}

    '); + + <#if 0 != relevantArticlesDisplayCount> + page.loadRelevantArticles('${article.oId}', '

    ${relevantArticlesLabel}

    '); + + + + + + + diff --git a/dashu03/author-articles.ftl b/skins/dashu03/author-articles.ftl similarity index 96% rename from dashu03/author-articles.ftl rename to skins/dashu03/author-articles.ftl index 8ea5f65..61863f1 100644 --- a/dashu03/author-articles.ftl +++ b/skins/dashu03/author-articles.ftl @@ -1,27 +1,27 @@ -<#include "macro-head.ftl"> - - - - <@head title="${authorName} - ${blogTitle}"> - - - - - - <#include "header.ftl"> -
    -
    -
    -
    -

    ${author1Label}${authorName}

    - <#include "article-list.ftl"> -
    - - <#include "usedside.ftl"> - -
    -
    -
    - <#include "footer.ftl"> - - +<#include "macro-head.ftl"> + + + + <@head title="${authorName} - ${blogTitle}"> + + + + + + <#include "header.ftl"> +
    +
    +
    +
    +

    ${author1Label}${authorName}

    + <#include "article-list.ftl"> +
    + + <#include "usedside.ftl"> + +
    +
    +
    + <#include "footer.ftl"> + + diff --git a/dashu03/css/bootstrap-responsive.css b/skins/dashu03/css/bootstrap-responsive.css similarity index 100% rename from dashu03/css/bootstrap-responsive.css rename to skins/dashu03/css/bootstrap-responsive.css diff --git a/dashu03/css/bootstrap-responsive.min.css b/skins/dashu03/css/bootstrap-responsive.min.css similarity index 100% rename from dashu03/css/bootstrap-responsive.min.css rename to skins/dashu03/css/bootstrap-responsive.min.css diff --git a/dashu03/css/bootstrap.css b/skins/dashu03/css/bootstrap.css similarity index 100% rename from dashu03/css/bootstrap.css rename to skins/dashu03/css/bootstrap.css diff --git a/dashu03/css/bootstrap.min.css b/skins/dashu03/css/bootstrap.min.css similarity index 100% rename from dashu03/css/bootstrap.min.css rename to skins/dashu03/css/bootstrap.min.css diff --git a/dashu03/css/dashu03-ie8.css b/skins/dashu03/css/dashu03-ie8.css similarity index 94% rename from dashu03/css/dashu03-ie8.css rename to skins/dashu03/css/dashu03-ie8.css index 95418ab..224afc1 100644 --- a/dashu03/css/dashu03-ie8.css +++ b/skins/dashu03/css/dashu03-ie8.css @@ -1,47 +1,47 @@ -/* - * skin ease style for IE8 - * - * @author Liyuan Li - * @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; +/* + * skin ease style for IE8 + * + * @author Liyuan Li + * @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; } \ No newline at end of file diff --git a/dashu03/css/dashu03-ie8.min.css b/skins/dashu03/css/dashu03-ie8.min.css similarity index 98% rename from dashu03/css/dashu03-ie8.min.css rename to skins/dashu03/css/dashu03-ie8.min.css index 859736d..fe0ddc0 100644 --- a/dashu03/css/dashu03-ie8.min.css +++ b/skins/dashu03/css/dashu03-ie8.min.css @@ -1,7 +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;} +.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;} diff --git a/dashu03/css/dashu03.css b/skins/dashu03/css/dashu03.css similarity index 94% rename from dashu03/css/dashu03.css rename to skins/dashu03/css/dashu03.css index 1faf7dc..e271eda 100644 --- a/dashu03/css/dashu03.css +++ b/skins/dashu03/css/dashu03.css @@ -1,720 +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 Liyuan Li -* @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; -} +/* + * 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 Liyuan Li +* @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 */ \ No newline at end of file diff --git a/dashu03/css/dashu03.min.css b/skins/dashu03/css/dashu03.min.css similarity index 98% rename from dashu03/css/dashu03.min.css rename to skins/dashu03/css/dashu03.min.css index 120307a..4029749 100644 --- a/dashu03/css/dashu03.min.css +++ b/skins/dashu03/css/dashu03.min.css @@ -1,121 +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;} +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;} diff --git a/dashu03/css/main.css b/skins/dashu03/css/main.css similarity index 100% rename from dashu03/css/main.css rename to skins/dashu03/css/main.css diff --git a/dashu03/footer.ftl b/skins/dashu03/footer.ftl similarity index 97% rename from dashu03/footer.ftl rename to skins/dashu03/footer.ftl index 7b0e1ea..8bb1f87 100644 --- a/dashu03/footer.ftl +++ b/skins/dashu03/footer.ftl @@ -1,93 +1,93 @@ - - - - - - - + + + + + + + ${plugins} \ No newline at end of file diff --git a/dashu03/header.ftl b/skins/dashu03/header.ftl similarity index 97% rename from dashu03/header.ftl rename to skins/dashu03/header.ftl index 0e8333b..0f77c9c 100644 --- a/dashu03/header.ftl +++ b/skins/dashu03/header.ftl @@ -1,42 +1,42 @@ -
    -
    -
    - - ${blogTitle} -
    - - - -
    -
    -
    +
    +
    +
    + + ${blogTitle} +
    + + + +
    +
    +
    \ No newline at end of file diff --git a/dashu03/images/404.png b/skins/dashu03/images/404.png similarity index 100% rename from dashu03/images/404.png rename to skins/dashu03/images/404.png diff --git a/dashu03/images/ajax-loader.gif b/skins/dashu03/images/ajax-loader.gif similarity index 100% rename from dashu03/images/ajax-loader.gif rename to skins/dashu03/images/ajax-loader.gif diff --git a/dashu03/images/emotions/em00.png b/skins/dashu03/images/emotions/em00.png similarity index 100% rename from dashu03/images/emotions/em00.png rename to skins/dashu03/images/emotions/em00.png diff --git a/dashu03/images/emotions/em01.png b/skins/dashu03/images/emotions/em01.png similarity index 100% rename from dashu03/images/emotions/em01.png rename to skins/dashu03/images/emotions/em01.png diff --git a/dashu03/images/emotions/em02.png b/skins/dashu03/images/emotions/em02.png similarity index 100% rename from dashu03/images/emotions/em02.png rename to skins/dashu03/images/emotions/em02.png diff --git a/dashu03/images/emotions/em03.png b/skins/dashu03/images/emotions/em03.png similarity index 100% rename from dashu03/images/emotions/em03.png rename to skins/dashu03/images/emotions/em03.png diff --git a/dashu03/images/emotions/em04.png b/skins/dashu03/images/emotions/em04.png similarity index 100% rename from dashu03/images/emotions/em04.png rename to skins/dashu03/images/emotions/em04.png diff --git a/dashu03/images/emotions/em05.png b/skins/dashu03/images/emotions/em05.png similarity index 100% rename from dashu03/images/emotions/em05.png rename to skins/dashu03/images/emotions/em05.png diff --git a/dashu03/images/emotions/em06.png b/skins/dashu03/images/emotions/em06.png similarity index 100% rename from dashu03/images/emotions/em06.png rename to skins/dashu03/images/emotions/em06.png diff --git a/dashu03/images/emotions/em07.png b/skins/dashu03/images/emotions/em07.png similarity index 100% rename from dashu03/images/emotions/em07.png rename to skins/dashu03/images/emotions/em07.png diff --git a/dashu03/images/emotions/em08.png b/skins/dashu03/images/emotions/em08.png similarity index 100% rename from dashu03/images/emotions/em08.png rename to skins/dashu03/images/emotions/em08.png diff --git a/dashu03/images/emotions/em09.png b/skins/dashu03/images/emotions/em09.png similarity index 100% rename from dashu03/images/emotions/em09.png rename to skins/dashu03/images/emotions/em09.png diff --git a/dashu03/images/emotions/em10.png b/skins/dashu03/images/emotions/em10.png similarity index 100% rename from dashu03/images/emotions/em10.png rename to skins/dashu03/images/emotions/em10.png diff --git a/dashu03/images/emotions/em11.png b/skins/dashu03/images/emotions/em11.png similarity index 100% rename from dashu03/images/emotions/em11.png rename to skins/dashu03/images/emotions/em11.png diff --git a/dashu03/images/emotions/em12.png b/skins/dashu03/images/emotions/em12.png similarity index 100% rename from dashu03/images/emotions/em12.png rename to skins/dashu03/images/emotions/em12.png diff --git a/dashu03/images/emotions/em13.png b/skins/dashu03/images/emotions/em13.png similarity index 100% rename from dashu03/images/emotions/em13.png rename to skins/dashu03/images/emotions/em13.png diff --git a/dashu03/images/emotions/em14.png b/skins/dashu03/images/emotions/em14.png similarity index 100% rename from dashu03/images/emotions/em14.png rename to skins/dashu03/images/emotions/em14.png diff --git a/dashu03/images/emotions/emotions-ease.png b/skins/dashu03/images/emotions/emotions-ease.png similarity index 100% rename from dashu03/images/emotions/emotions-ease.png rename to skins/dashu03/images/emotions/emotions-ease.png diff --git a/dashu03/images/footer-top-bg.png b/skins/dashu03/images/footer-top-bg.png similarity index 100% rename from dashu03/images/footer-top-bg.png rename to skins/dashu03/images/footer-top-bg.png diff --git a/dashu03/images/icons.png b/skins/dashu03/images/icons.png similarity index 100% rename from dashu03/images/icons.png rename to skins/dashu03/images/icons.png diff --git a/dashu03/images/slide-01.jpg b/skins/dashu03/images/slide-01.jpg similarity index 100% rename from dashu03/images/slide-01.jpg rename to skins/dashu03/images/slide-01.jpg diff --git a/dashu03/images/slide-02.jpg b/skins/dashu03/images/slide-02.jpg similarity index 100% rename from dashu03/images/slide-02.jpg rename to skins/dashu03/images/slide-02.jpg diff --git a/dashu03/images/slide-03.jpg b/skins/dashu03/images/slide-03.jpg similarity index 100% rename from dashu03/images/slide-03.jpg rename to skins/dashu03/images/slide-03.jpg diff --git a/dashu03/img/glyphicons-halflings-white.png b/skins/dashu03/img/glyphicons-halflings-white.png similarity index 100% rename from dashu03/img/glyphicons-halflings-white.png rename to skins/dashu03/img/glyphicons-halflings-white.png diff --git a/dashu03/img/glyphicons-halflings.png b/skins/dashu03/img/glyphicons-halflings.png similarity index 100% rename from dashu03/img/glyphicons-halflings.png rename to skins/dashu03/img/glyphicons-halflings.png diff --git a/dashu03/index.ftl b/skins/dashu03/index.ftl similarity index 97% rename from dashu03/index.ftl rename to skins/dashu03/index.ftl index 14c68dd..0580eef 100644 --- a/dashu03/index.ftl +++ b/skins/dashu03/index.ftl @@ -1,113 +1,113 @@ -<#include "macro-head.ftl"> - - - - <@head title="${blogTitle}"> - - - - - - - <#include "header.ftl"> - - - ‹ - › -
    - -
    -
    - -
    -

    ${recentArticlesLabel} 

    - -
    - -
    -

    ${mostViewCountArticlesLabel} 

    - -
    - -
    -

    ${mostCommentArticlesLabel} 

    - -
    - -
    -
    - - <#include "footer.ftl"> - - +<#include "macro-head.ftl"> + + + + <@head title="${blogTitle}"> + + + + + + + <#include "header.ftl"> + + + ‹ + › + + +
    +
    + +
    +

    ${recentArticlesLabel} 

    + +
    + +
    +

    ${mostViewCountArticlesLabel} 

    + +
    + +
    +

    ${mostCommentArticlesLabel} 

    + +
    + +
    +
    + + <#include "footer.ftl"> + + diff --git a/dashu03/js/bootstrap-alert.js b/skins/dashu03/js/bootstrap-alert.js similarity index 100% rename from dashu03/js/bootstrap-alert.js rename to skins/dashu03/js/bootstrap-alert.js diff --git a/dashu03/js/bootstrap-button.js b/skins/dashu03/js/bootstrap-button.js similarity index 100% rename from dashu03/js/bootstrap-button.js rename to skins/dashu03/js/bootstrap-button.js diff --git a/dashu03/js/bootstrap-carousel.js b/skins/dashu03/js/bootstrap-carousel.js similarity index 100% rename from dashu03/js/bootstrap-carousel.js rename to skins/dashu03/js/bootstrap-carousel.js diff --git a/dashu03/js/bootstrap-collapse.js b/skins/dashu03/js/bootstrap-collapse.js similarity index 100% rename from dashu03/js/bootstrap-collapse.js rename to skins/dashu03/js/bootstrap-collapse.js diff --git a/dashu03/js/bootstrap-dropdown.js b/skins/dashu03/js/bootstrap-dropdown.js similarity index 100% rename from dashu03/js/bootstrap-dropdown.js rename to skins/dashu03/js/bootstrap-dropdown.js diff --git a/dashu03/js/bootstrap-modal.js b/skins/dashu03/js/bootstrap-modal.js similarity index 100% rename from dashu03/js/bootstrap-modal.js rename to skins/dashu03/js/bootstrap-modal.js diff --git a/dashu03/js/bootstrap-popover.js b/skins/dashu03/js/bootstrap-popover.js similarity index 100% rename from dashu03/js/bootstrap-popover.js rename to skins/dashu03/js/bootstrap-popover.js diff --git a/dashu03/js/bootstrap-scrollspy.js b/skins/dashu03/js/bootstrap-scrollspy.js similarity index 100% rename from dashu03/js/bootstrap-scrollspy.js rename to skins/dashu03/js/bootstrap-scrollspy.js diff --git a/dashu03/js/bootstrap-tab.js b/skins/dashu03/js/bootstrap-tab.js similarity index 100% rename from dashu03/js/bootstrap-tab.js rename to skins/dashu03/js/bootstrap-tab.js diff --git a/dashu03/js/bootstrap-tooltip.js b/skins/dashu03/js/bootstrap-tooltip.js similarity index 100% rename from dashu03/js/bootstrap-tooltip.js rename to skins/dashu03/js/bootstrap-tooltip.js diff --git a/dashu03/js/bootstrap-transition.js b/skins/dashu03/js/bootstrap-transition.js similarity index 100% rename from dashu03/js/bootstrap-transition.js rename to skins/dashu03/js/bootstrap-transition.js diff --git a/dashu03/js/bootstrap-typeahead.js b/skins/dashu03/js/bootstrap-typeahead.js similarity index 100% rename from dashu03/js/bootstrap-typeahead.js rename to skins/dashu03/js/bootstrap-typeahead.js diff --git a/dashu03/js/bootstrap.js b/skins/dashu03/js/bootstrap.js similarity index 100% rename from dashu03/js/bootstrap.js rename to skins/dashu03/js/bootstrap.js diff --git a/dashu03/js/bootstrap.min.js b/skins/dashu03/js/bootstrap.min.js similarity index 100% rename from dashu03/js/bootstrap.min.js rename to skins/dashu03/js/bootstrap.min.js diff --git a/dashu03/js/dashu03.js b/skins/dashu03/js/dashu03.js similarity index 97% rename from dashu03/js/dashu03.js rename to skins/dashu03/js/dashu03.js index c051f93..f950968 100644 --- a/dashu03/js/dashu03.js +++ b/skins/dashu03/js/dashu03.js @@ -1,307 +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 Liyuan Li - * @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 += '
  • ' + - '
    ' + - '

    ' + - '' + - article.articleTitle + - ''; - if (article.hasUpdated) { - articlesHTML += '' + Label.updatedLabel + ''; - } - - if (article.articlePutTop) { - articlesHTML += '' + Label.topArticleLabel + ''; - } - - articlesHTML += '

    ' + - '
    ' + - '' + - + article.articleCommentCount + '  ' + Label.commentLabel + - '  ' + - '' + - article.articleViewCount + '  ' + Label.viewLabel + - '' + - '
    ' + - '
    ' + - '
    ' + - '
    ' + - '
    ' + - article.articleAbstract + - '
    ' + - '
    ' + - '
    ' + - '
    '; - 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 += ' ' + article.authorName + '' + - '
    ' + - '
    ' + - Label.tag1Label + " "; - - var articleTags = article.articleTags.split(","); - for (var j = 0; j < articleTags.length; j++) { - articlesHTML += ''; - - if (j < articleTags.length - 1) { - articlesHTML += ", "; - } - } - - articlesHTML += '
    ' + - '
    ' + - '
    • '; - } - - $(".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 += "

    " + years[j] + "

    " + monthsHTML + "
    "; - } - - $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(); +/* + * 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 Liyuan Li + * @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 += '
  • ' + + '
    ' + + '

    ' + + '' + + article.articleTitle + + ''; + if (article.hasUpdated) { + articlesHTML += '' + Label.updatedLabel + ''; + } + + if (article.articlePutTop) { + articlesHTML += '' + Label.topArticleLabel + ''; + } + + articlesHTML += '

    ' + + '
    ' + + '' + + + article.articleCommentCount + '  ' + Label.commentLabel + + '  ' + + '' + + article.articleViewCount + '  ' + Label.viewLabel + + '' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + article.articleAbstract + + '
    ' + + '
    ' + + '
    ' + + '
    '; + 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 += ' ' + article.authorName + '' + + '
    ' + + '
    ' + + Label.tag1Label + " "; + + var articleTags = article.articleTags.split(","); + for (var j = 0; j < articleTags.length; j++) { + articlesHTML += ''; + + if (j < articleTags.length - 1) { + articlesHTML += ", "; + } + } + + articlesHTML += '
    ' + + '
    ' + + '
    • '; + } + + $(".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 += "

    " + years[j] + "

    " + monthsHTML + "
    "; + } + + $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(); })(); \ No newline at end of file diff --git a/dashu03/js/dashu03.min.js b/skins/dashu03/js/dashu03.min.js similarity index 99% rename from dashu03/js/dashu03.min.js rename to skins/dashu03/js/dashu03.min.js index 2ccc1df..24bdcf8 100644 --- a/dashu03/js/dashu03.min.js +++ b/skins/dashu03/js/dashu03.min.js @@ -1,20 +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 Liyuan Li - * @version 1.0.1.3, Aug 6, 2012 +/* + * 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 Liyuan Li + * @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'+'
    '+"

    "+''+o.articleTitle+"",o.hasUpdated&&(r+=""+Label.updatedLabel+""),o.articlePutTop&&(r+=""+Label.topArticleLabel+""),r+='

    '+ +o.articleCommentCount+"  "+Label.commentLabel+"  "+''+o.articleViewCount+"  "+Label.viewLabel+""+"
    "+'
    '+"
    "+'
    '+'
    '+o.articleAbstract+"
    "+'
    '+"
    "+'
    ',o.hasUpdated?r+=Util.toDate(o.articleUpdateDate,"yy-MM-dd HH:mm"):r+=Util.toDate(o.articleCreateDate,"yy-MM-dd HH:mm"),r+=' '+o.authorName+""+"
    "+'
    '+Label.tag1Label+" ";var a=o.articleTags.split(",");for(var f=0;f
    "}e.html(r);var a=$(".archives>div"),f=0,l=0,c=[];for(var h=0;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()})(); \ No newline at end of file diff --git a/dashu03/js/jquery.js b/skins/dashu03/js/jquery.js similarity index 100% rename from dashu03/js/jquery.js rename to skins/dashu03/js/jquery.js diff --git a/dashu03/lang/lang_en_US.properties b/skins/dashu03/lang/lang_en_US.properties similarity index 97% rename from dashu03/lang/lang_en_US.properties rename to skins/dashu03/lang/lang_en_US.properties index 9f50ea6..bbd4b1b 100644 --- a/dashu03/lang/lang_en_US.properties +++ b/skins/dashu03/lang/lang_en_US.properties @@ -1,93 +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=B3LOG +# +# 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=B3LOG killBrowserLabel=

    Let's kill outdated and insecure browser!

    Let's kill outdated and insecure browser for browser evolution, human progress and better experience.

    You can download

    \ No newline at end of file diff --git a/dashu03/lang/lang_zh_CN.properties b/skins/dashu03/lang/lang_zh_CN.properties similarity index 97% rename from dashu03/lang/lang_zh_CN.properties rename to skins/dashu03/lang/lang_zh_CN.properties index 8262001..516a6b1 100644 --- a/dashu03/lang/lang_zh_CN.properties +++ b/skins/dashu03/lang/lang_zh_CN.properties @@ -1,93 +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=B3LOG -killBrowserLabel=

    \u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u5427\uff01

    \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

    \u60a8\u53ef\u4ee5\u4e0b\u8f7d +# +# 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=B3LOG +killBrowserLabel=

    \u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u5427\uff01

    \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

    \u60a8\u53ef\u4ee5\u4e0b\u8f7d diff --git a/dashu03/macro-comments.ftl b/skins/dashu03/macro-comments.ftl similarity index 97% rename from dashu03/macro-comments.ftl rename to skins/dashu03/macro-comments.ftl index 3045ba2..3b4d2ad 100644 --- a/dashu03/macro-comments.ftl +++ b/skins/dashu03/macro-comments.ftl @@ -1,158 +1,158 @@ -<#macro comments commentList article> -
    - <#list commentList as comment> -
    - ${comment.commentName} -
    -
    - <#if "http://" == comment.commentURL> - ${comment.commentName} - <#else> - ${comment.commentName} - - <#if comment.isReply>@ - ${comment.commentOriginalCommentName} - -
    - <#if article.commentable> -
    - ${comment.commentDate?string("yy-MM-dd HH:mm")} - ${replyLabel} -
    - - -
    ${comment.commentContent}
    -
    - -
    - -
    -<#if article.commentable> -
    - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - -
    - - -
    - - -
    - - - - - - - - - - - - - - - -
    - -
    - - validate -
    - - - -
    -
    -<#if externalRelevantArticlesDisplayCount?? && 0 != externalRelevantArticlesDisplayCount> -
    - - - - - -<#macro comment_script oId> - - +<#macro comments commentList article> +
    + <#list commentList as comment> +
    + ${comment.commentName} +
    +
    + <#if "http://" == comment.commentURL> + ${comment.commentName} + <#else> + ${comment.commentName} + + <#if comment.isReply>@ + ${comment.commentOriginalCommentName} + +
    + <#if article.commentable> +
    + ${comment.commentDate?string("yy-MM-dd HH:mm")} + ${replyLabel} +
    + + +
    ${comment.commentContent}
    +
    + +
    + +
    +<#if article.commentable> +
    + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + +
    + + +
    + + + + + + + + + + + + + + + +
    + +
    + + validate +
    + + + +
    +
    +<#if externalRelevantArticlesDisplayCount?? && 0 != externalRelevantArticlesDisplayCount> +
    + + + + + +<#macro comment_script oId> + + \ No newline at end of file diff --git a/dashu03/macro-head.ftl b/skins/dashu03/macro-head.ftl similarity index 95% rename from dashu03/macro-head.ftl rename to skins/dashu03/macro-head.ftl index f7941db..ca62f38 100644 --- a/dashu03/macro-head.ftl +++ b/skins/dashu03/macro-head.ftl @@ -1,258 +1,258 @@ -<#macro head title> - -${title} -<#nested> - - - - - - - - - - - - -${htmlHead} +<#macro head title> + +${title} +<#nested> + + + + + + + + + + + + +${htmlHead} \ No newline at end of file diff --git a/dashu03/preview.png b/skins/dashu03/preview.png similarity index 100% rename from dashu03/preview.png rename to skins/dashu03/preview.png diff --git a/dashu03/side.ftl b/skins/dashu03/side.ftl similarity index 97% rename from dashu03/side.ftl rename to skins/dashu03/side.ftl index af8b3b9..80cb790 100644 --- a/dashu03/side.ftl +++ b/skins/dashu03/side.ftl @@ -1,68 +1,68 @@ -
    -
    -

    ${mostViewCountArticlesLabel} 

    - -
    -
    -

    ${mostCommentArticlesLabel} 

    - -
    -
    - <#if 0 != mostUsedTags?size> - <#list mostUsedTags as tag> -
  • - -
    • - - -
    -
    - <#list links as link> -
  • - - - ${link.linkTitle} ${link.linkTitle} - -    -
    • - -
    -
    - <#if 0 != archiveDates?size> -
    -

    ${archiveLabel}

    - -
    - -
    +
    +
    +

    ${mostViewCountArticlesLabel} 

    + +
    +
    +

    ${mostCommentArticlesLabel} 

    + +
    +
    + <#if 0 != mostUsedTags?size> + <#list mostUsedTags as tag> +
  • + +
    • + + +
    +
    + <#list links as link> +
  • + + + ${link.linkTitle} ${link.linkTitle} + +    +
    • + +
    +
    + <#if 0 != archiveDates?size> +
    +

    ${archiveLabel}

    + +
    + +
    \ No newline at end of file diff --git a/dashu03/skin.properties b/skins/dashu03/skin.properties similarity index 96% rename from dashu03/skin.properties rename to skins/dashu03/skin.properties index 525462a..3c8ef9d 100644 --- a/dashu03/skin.properties +++ b/skins/dashu03/skin.properties @@ -1,27 +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 +# +# 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 diff --git a/dashu03/tag-articles.ftl b/skins/dashu03/tag-articles.ftl similarity index 97% rename from dashu03/tag-articles.ftl rename to skins/dashu03/tag-articles.ftl index 22692a9..4f7dee0 100644 --- a/dashu03/tag-articles.ftl +++ b/skins/dashu03/tag-articles.ftl @@ -1,33 +1,33 @@ -<#include "macro-head.ftl"> - - - - <@head title="${tag.tagTitle} - ${blogTitle}"> - - - - - - <#include "header.ftl"> -
    -
    -
    -
    -

    - - ${tag1Label} - ${tag.tagTitle} - (${tag.tagPublishedRefCount}) - -

    - <#include "article-list.ftl"> -
    -
    - <#include "usedside.ftl"> -
    -
    -
    -
    - <#include "footer.ftl"> - - +<#include "macro-head.ftl"> + + + + <@head title="${tag.tagTitle} - ${blogTitle}"> + + + + + + <#include "header.ftl"> +
    +
    +
    +
    +

    + + ${tag1Label} + ${tag.tagTitle} + (${tag.tagPublishedRefCount}) + +

    + <#include "article-list.ftl"> +
    +
    + <#include "usedside.ftl"> +
    +
    +
    +
    + <#include "footer.ftl"> + + diff --git a/dashu03/tags.ftl b/skins/dashu03/tags.ftl similarity index 97% rename from dashu03/tags.ftl rename to skins/dashu03/tags.ftl index d411d9a..f3014df 100644 --- a/dashu03/tags.ftl +++ b/skins/dashu03/tags.ftl @@ -1,40 +1,40 @@ -<#include "macro-head.ftl"> - - - - <@head title="${allTagsLabel} - ${blogTitle}"> - - - - - - <#include "header.ftl"> -
    -
    -
    -
    - -
    - - <#include "usedside.ftl"> - -
    - -
    -
    - <#include "footer.ftl"> - - - +<#include "macro-head.ftl"> + + + + <@head title="${allTagsLabel} - ${blogTitle}"> + + + + + + <#include "header.ftl"> +
    +
    +
    +
    + +
    + + <#include "usedside.ftl"> + +
    + +
    +
    + <#include "footer.ftl"> + + + diff --git a/dashu03/usedside.ftl b/skins/dashu03/usedside.ftl similarity index 97% rename from dashu03/usedside.ftl rename to skins/dashu03/usedside.ftl index 53ea85d..09a149a 100644 --- a/dashu03/usedside.ftl +++ b/skins/dashu03/usedside.ftl @@ -1,44 +1,44 @@ -
    -
    -

    ${mostViewCountArticlesLabel} 

    - -
    -
    -

    ${mostCommentArticlesLabel} 

    - -
    -
    - <#if 0 != archiveDates?size> -
    -

    ${archiveLabel} 

    - -
    - -
    +
    +
    +

    ${mostViewCountArticlesLabel} 

    + +
    +
    +

    ${mostCommentArticlesLabel} 

    + +
    +
    + <#if 0 != archiveDates?size> +
    +

    ${archiveLabel} 

    + +
    + +
    \ No newline at end of file diff --git a/iMobile/README.md b/skins/iMobile/README.md similarity index 98% rename from iMobile/README.md rename to skins/iMobile/README.md index 53bfbab..9fbb8da 100644 --- a/iMobile/README.md +++ b/skins/iMobile/README.md @@ -1,135 +1,135 @@ -B3log Solo 第三方皮肤 - [子兮子兮](https://zixizixi.cn/) ----- - -本皮肤是基于官方版 `yilia` 皮肤进行美化修改的第三方皮肤，主色调修改为黑、白、灰（高冷三原色 😜 ）、蓝（超链接）。 -名称为 `iMobile` 的原因是，本人使用的此皮肤是直接把原 `mobile` 皮肤删除，将此皮肤的目录名和 `skin.properties` 中的配置改为 `mobile`，这样使用手机访问时也会使用此皮肤（原 mobile 皮肤实在无法欣赏 n(*≧▽≦*)n ）。 -此皮肤采用响应式布局，不用担心用手机访问会出现样式错乱。也建议使用者直接将此皮肤文件覆盖原 `mobile` 皮肤。 - -## 注意事项 -此皮肤有些个性化的地方需要使用者自己去修改 `ftl` 模板文件，具体如下： - -### 1. 自定义 ABOUT ME 介绍信息（side.ftl） -点击博客标题会弹出 ABOUT ME 的窗口，当然若不想使用此弹窗你也可以在 `side.ftl` 中搜索 `clickme` 并删除相关代码。 -#### 效果图 -![关于我效果图](https://img.hacpai.com/file/2018/02/d1f0cb2eff244740a21eace90affe9f3_2018021072535.jpg) - -#### 相关代码 -![ABOUT 代码](https://img.hacpai.com/file/2018/02/6d3788ea90ad4e1e85133b9f9936948d_2018021073057.jpg) - - -### 2. 自定义左侧个人导航链接（side.ftl） -左侧新增的个人导航链接分别为 Github、微博、微信（可以是公众号）二维码、QQ 会话（需要在 [QQ 推广](http://shang.qq.com/) 中开通）。 -#### 效果图 -![个人导航效果图](https://img.hacpai.com/file/2018/02/e768ab16c8fa4a5e976a72107ef8b068_2018021072432.jpg) - -#### 相关代码 -从 side.ftl 第 47 行开始的注释，若使用请打开注释并将链接修改为自己的链接，包括下面的反馈邮箱链接。 - -![个人链接代码](https://img.hacpai.com/file/2018/02/0f2b02a43e324dc69d266c5808e49ce2_2018021071729.jpg) -![邮箱链接代码](https://img.hacpai.com/file/2018/02/feb8b75209784dfc93bfa6f1d21add82_2018021072235.jpg) - - -### 3. 添加移动端顶部背景图 -在屏幕宽度小于 750px（在 yilia7.min.css 中修改）时当做是移动端，由左右布局变为上下布局，顶部显示背景图，图片位置为 `solo 根目录/images/bg.jpg`，需要使用者将自己的图片放置于此。 - -#### 相关代码 -``` css -@media only screen and (max-width:750px) { - .side { - height: 400px; - width: 100%; - background: #666 url('/images/bg.jpg') center -40px; - } -} -``` -#### 效果图 -![2018021061950jpg](https://img.hacpai.com/file/2018/02/c2914ca8548b416daf0d0e0b1e277b1a_2018021061950.jpg) - - -### 4. 搜索页面 -目前 Solo 的搜索页面还比较简陋，本人根据 `yilia` 的样式修改了一个搜索页面，放在 `搜索页面（覆盖至根目录）` 目录中，顾名思义，直接将目录中的文件剪切到 Solo 根目录即可。特别要注意的是里面的 `opensearch.xml` 文件，需要根据自己的实际情况进行修改，格式是在 hacpai 扒下来的，是用来在谷歌浏览器中实现输入域名加空格直接在地址栏实现站内搜索的。 -> 特别注意需要在 `WEB-INF/static-resources.xml` 文件中添加一行 ``，不然无法获取此静态资源。 - -#### 相关代码 -``` xml - - 子兮子兮 - 子兮子兮风兮寒，三江七泽情洄沿。 - UTF-8 - https://res.zixizixi.cn/izcn.png - - -``` - -#### 效果图 -![搜索页面](https://img.hacpai.com/file/2018/02/992d4bef69f0438fbda58c27567ed28f_2018021075045.jpg) - -![地址栏搜索](https://img.hacpai.com/file/2018/02/afcdc98999754245a452cc12957cbb23_2018021075206.jpg) - -### 5. 其他 -为了搭配此皮肤，建议对 `WEB-INF/classes` 目录下的 `lang_zh_CN.properties` 参数文件做适当的修改，以及替换此目录下的验证码文件 `captcha_static.zip`。 -#### 需要修改的 `lang_zh_CN.properties` 参数 -``` properties -viewCount1Label=\u6D4F\u89C8\u6B21\u6570\uFF1A -# （浏览次数：）修改为（浏览：） -viewCount1Label=\u6D4F\u89C8\uFF1A - -articleCount1Label=\u6587\u7AE0\u603B\u6570\uFF1A -# （文章总数：）修改为（文章：） -articleCount1Label=\u6587\u7AE0\uFF1A - -commentCount1Label=\u8BC4\u8BBA\u603B\u6570\uFF1A -# （评论总数：）修改为（评论：） -commentCount1Label=\u8BC4\u8BBA\uFF1A - -onlineVisitor1Label=\u5F53\u524D\u8BBF\u5BA2\uFF1A -# （当前访客：）修改为（在线：） -onlineVisitor1Label=\u5728\u7ebf\uFF1A - -linkLabel=\u53CB\u60C5\u94FE\u63A5 -# （友情链接）修改为（链接） -linkLabel=\u94FE\u63A5 -``` - -> 需要使用者注意并自己修改代码的地方大概就这些。 另外建议与皮肤无关的 H2 数据 JDBC 连接配置： `jdbc.URL=jdbc:h2:~/solo_h2/db;AUTO_SERVER=TRUE;DB_CLOSE_ON_EXIT=FALSE`。 - ----- - -## 整体效果 -### 1. 首页 -![首页](https://img.hacpai.com/file/2018/02/2c290b6b56ec46aba5400fdc3004fea2_2018021091348.jpg) - -### 2. 存档 -![存档](https://img.hacpai.com/file/2018/02/02f347f851514ba28ce5f6db17a12d3a_2018021091449.jpg) - -### 3. 标签墙 -![标签墙](https://img.hacpai.com/file/2018/02/9201790df35347cd811169036d53095f_2018021091729.jpg) - -### 4. 动态 -![动态](https://img.hacpai.com/file/2018/02/8c1d4d418849450a99d6ad0741ddf789_2018021091559.jpg) - -### 5. 链接 -![链接](https://img.hacpai.com/file/2018/02/164358ed23484f53a4f16052a77fcc19_2018021091838.jpg) - -### 6. 文章详情 -![文章详情](https://img.hacpai.com/file/2018/02/a70e2648ea05409da390fbf47e08e5ef_2018021092013.jpg) - -### 7. 评论回复 -![评论回复](https://img.hacpai.com/file/2018/02/f1a788a03f1b4366a8ccef3e9d1fb074_2018021092306.jpg) - -## 特别鸣谢 -此皮肤的发布离不开 D大（@88250）和 V姐（@Vanessa219）对 Solo 的辛勤耕耘，以及 V姐 对此皮肤的的热情，本来此皮肤的代码被我改的乱七八糟，代码本来看不下去，开始 V姐 提出 PR 一份的时候我是拒绝的，因为弄起来真的很麻烦，事实也的确如此 😂 ，即使现在也这代码也不一定有多整洁。写完了此 README 感觉用这个皮肤真的好麻烦呀，应该不会有人用吧 O(∩_∩)O~ - -### 三方包 -此改版皮肤的诞生要特别感谢以下第三方项目： -1. [layer](http://layer.layui.com/)：一款美观易用的 jQuery 弹出层； -2. [OwO](https://github.com/DIYgod/OwO)：萌萌哒评论框表情内容输入工具（Revised [OwO](http://git.itanken.cn/OwO/)）； -3. [iconfont](http://iconfont.cn/)：阿里巴巴功能强大且图标内容很丰富的矢量图标库。 - -... 好吧只记得这 3 个了，可能也只有这三个 😂 。 - ----- - -**平等，自由，奔放** - -**Equality, Freedom, Passion** +B3log Solo 第三方皮肤 - [子兮子兮](https://zixizixi.cn/) +---- + +本皮肤是基于官方版 `yilia` 皮肤进行美化修改的第三方皮肤，主色调修改为黑、白、灰（高冷三原色 😜 ）、蓝（超链接）。 +名称为 `iMobile` 的原因是，本人使用的此皮肤是直接把原 `mobile` 皮肤删除，将此皮肤的目录名和 `skin.properties` 中的配置改为 `mobile`，这样使用手机访问时也会使用此皮肤（原 mobile 皮肤实在无法欣赏 n(*≧▽≦*)n ）。 +此皮肤采用响应式布局，不用担心用手机访问会出现样式错乱。也建议使用者直接将此皮肤文件覆盖原 `mobile` 皮肤。 + +## 注意事项 +此皮肤有些个性化的地方需要使用者自己去修改 `ftl` 模板文件，具体如下： + +### 1. 自定义 ABOUT ME 介绍信息（side.ftl） +点击博客标题会弹出 ABOUT ME 的窗口，当然若不想使用此弹窗你也可以在 `side.ftl` 中搜索 `clickme` 并删除相关代码。 +#### 效果图 +![关于我效果图](https://img.hacpai.com/file/2018/02/d1f0cb2eff244740a21eace90affe9f3_2018021072535.jpg) + +#### 相关代码 +![ABOUT 代码](https://img.hacpai.com/file/2018/02/6d3788ea90ad4e1e85133b9f9936948d_2018021073057.jpg) + + +### 2. 自定义左侧个人导航链接（side.ftl） +左侧新增的个人导航链接分别为 Github、微博、微信（可以是公众号）二维码、QQ 会话（需要在 [QQ 推广](http://shang.qq.com/) 中开通）。 +#### 效果图 +![个人导航效果图](https://img.hacpai.com/file/2018/02/e768ab16c8fa4a5e976a72107ef8b068_2018021072432.jpg) + +#### 相关代码 +从 side.ftl 第 47 行开始的注释，若使用请打开注释并将链接修改为自己的链接，包括下面的反馈邮箱链接。 + +![个人链接代码](https://img.hacpai.com/file/2018/02/0f2b02a43e324dc69d266c5808e49ce2_2018021071729.jpg) +![邮箱链接代码](https://img.hacpai.com/file/2018/02/feb8b75209784dfc93bfa6f1d21add82_2018021072235.jpg) + + +### 3. 添加移动端顶部背景图 +在屏幕宽度小于 750px（在 yilia7.min.css 中修改）时当做是移动端，由左右布局变为上下布局，顶部显示背景图，图片位置为 `solo 根目录/images/bg.jpg`，需要使用者将自己的图片放置于此。 + +#### 相关代码 +``` css +@media only screen and (max-width:750px) { + .side { + height: 400px; + width: 100%; + background: #666 url('/images/bg.jpg') center -40px; + } +} +``` +#### 效果图 +![2018021061950jpg](https://img.hacpai.com/file/2018/02/c2914ca8548b416daf0d0e0b1e277b1a_2018021061950.jpg) + + +### 4. 搜索页面 +目前 Solo 的搜索页面还比较简陋，本人根据 `yilia` 的样式修改了一个搜索页面，放在 `搜索页面（覆盖至根目录）` 目录中，顾名思义，直接将目录中的文件剪切到 Solo 根目录即可。特别要注意的是里面的 `opensearch.xml` 文件，需要根据自己的实际情况进行修改，格式是在 hacpai 扒下来的，是用来在谷歌浏览器中实现输入域名加空格直接在地址栏实现站内搜索的。 +> 特别注意需要在 `WEB-INF/static-resources.xml` 文件中添加一行 ``，不然无法获取此静态资源。 + +#### 相关代码 +``` xml + + 子兮子兮 + 子兮子兮风兮寒，三江七泽情洄沿。 + UTF-8 + https://res.zixizixi.cn/izcn.png + + +``` + +#### 效果图 +![搜索页面](https://img.hacpai.com/file/2018/02/992d4bef69f0438fbda58c27567ed28f_2018021075045.jpg) + +![地址栏搜索](https://img.hacpai.com/file/2018/02/afcdc98999754245a452cc12957cbb23_2018021075206.jpg) + +### 5. 其他 +为了搭配此皮肤，建议对 `WEB-INF/classes` 目录下的 `lang_zh_CN.properties` 参数文件做适当的修改，以及替换此目录下的验证码文件 `captcha_static.zip`。 +#### 需要修改的 `lang_zh_CN.properties` 参数 +``` properties +viewCount1Label=\u6D4F\u89C8\u6B21\u6570\uFF1A +# （浏览次数：）修改为（浏览：） +viewCount1Label=\u6D4F\u89C8\uFF1A + +articleCount1Label=\u6587\u7AE0\u603B\u6570\uFF1A +# （文章总数：）修改为（文章：） +articleCount1Label=\u6587\u7AE0\uFF1A + +commentCount1Label=\u8BC4\u8BBA\u603B\u6570\uFF1A +# （评论总数：）修改为（评论：） +commentCount1Label=\u8BC4\u8BBA\uFF1A + +onlineVisitor1Label=\u5F53\u524D\u8BBF\u5BA2\uFF1A +# （当前访客：）修改为（在线：） +onlineVisitor1Label=\u5728\u7ebf\uFF1A + +linkLabel=\u53CB\u60C5\u94FE\u63A5 +# （友情链接）修改为（链接） +linkLabel=\u94FE\u63A5 +``` + +> 需要使用者注意并自己修改代码的地方大概就这些。 另外建议与皮肤无关的 H2 数据 JDBC 连接配置： `jdbc.URL=jdbc:h2:~/solo_h2/db;AUTO_SERVER=TRUE;DB_CLOSE_ON_EXIT=FALSE`。 + +---- + +## 整体效果 +### 1. 首页 +![首页](https://img.hacpai.com/file/2018/02/2c290b6b56ec46aba5400fdc3004fea2_2018021091348.jpg) + +### 2. 存档 +![存档](https://img.hacpai.com/file/2018/02/02f347f851514ba28ce5f6db17a12d3a_2018021091449.jpg) + +### 3. 标签墙 +![标签墙](https://img.hacpai.com/file/2018/02/9201790df35347cd811169036d53095f_2018021091729.jpg) + +### 4. 动态 +![动态](https://img.hacpai.com/file/2018/02/8c1d4d418849450a99d6ad0741ddf789_2018021091559.jpg) + +### 5. 链接 +![链接](https://img.hacpai.com/file/2018/02/164358ed23484f53a4f16052a77fcc19_2018021091838.jpg) + +### 6. 文章详情 +![文章详情](https://img.hacpai.com/file/2018/02/a70e2648ea05409da390fbf47e08e5ef_2018021092013.jpg) + +### 7. 评论回复 +![评论回复](https://img.hacpai.com/file/2018/02/f1a788a03f1b4366a8ccef3e9d1fb074_2018021092306.jpg) + +## 特别鸣谢 +此皮肤的发布离不开 D大（@88250）和 V姐（@Vanessa219）对 Solo 的辛勤耕耘，以及 V姐 对此皮肤的的热情，本来此皮肤的代码被我改的乱七八糟，代码本来看不下去，开始 V姐 提出 PR 一份的时候我是拒绝的，因为弄起来真的很麻烦，事实也的确如此 😂 ，即使现在也这代码也不一定有多整洁。写完了此 README 感觉用这个皮肤真的好麻烦呀，应该不会有人用吧 O(∩_∩)O~ + +### 三方包 +此改版皮肤的诞生要特别感谢以下第三方项目： +1. [layer](http://layer.layui.com/)：一款美观易用的 jQuery 弹出层； +2. [OwO](https://github.com/DIYgod/OwO)：萌萌哒评论框表情内容输入工具（Revised [OwO](http://git.itanken.cn/OwO/)）； +3. [iconfont](http://iconfont.cn/)：阿里巴巴功能强大且图标内容很丰富的矢量图标库。 + +... 好吧只记得这 3 个了，可能也只有这三个 😂 。 + +---- + +**平等，自由，奔放** + +**Equality, Freedom, Passion** diff --git a/iMobile/archive-articles.ftl b/skins/iMobile/archive-articles.ftl similarity index 97% rename from iMobile/archive-articles.ftl rename to skins/iMobile/archive-articles.ftl index 9de5c1d..ae201eb 100644 --- a/iMobile/archive-articles.ftl +++ b/skins/iMobile/archive-articles.ftl @@ -1,25 +1,25 @@ -<#include "macro-head.ftl"> - - - -<@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}"> - - - - - -<#include "side.ftl"> -
    -

    - ${archive1Label} - <#if "en" == localeString?substring(0, 2)> - ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - <#else> - ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount}) - -

    - <#include "article-list.ftl"> - <#include "footer.ftl"> -
    - +<#include "macro-head.ftl"> + + + +<@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}"> + + + + + +<#include "side.ftl"> +
    +

    + ${archive1Label} + <#if "en" == localeString?substring(0, 2)> + ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) + <#else> + ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount}) + +

    + <#include "article-list.ftl"> + <#include "footer.ftl"> +
    + \ No newline at end of file diff --git a/iMobile/archives.ftl b/skins/iMobile/archives.ftl similarity index 97% rename from iMobile/archives.ftl rename to skins/iMobile/archives.ftl index 61713f4..edc26cb 100644 --- a/iMobile/archives.ftl +++ b/skins/iMobile/archives.ftl @@ -1,42 +1,42 @@ -<#include "macro-head.ftl"> - - - -<@head title="${archiveLabel} - ${blogTitle}"> - - - - - -<#include "side.ftl"> -
    - - <#include "footer.ftl"> -
    - +<#include "macro-head.ftl"> + + + +<@head title="${archiveLabel} - ${blogTitle}"> + + + + + +<#include "side.ftl"> +
    + + <#include "footer.ftl"> +
    + \ No newline at end of file diff --git a/iMobile/article-list.ftl b/skins/iMobile/article-list.ftl similarity index 97% rename from iMobile/article-list.ftl rename to skins/iMobile/article-list.ftl index 82dc98d..f081a4e 100644 --- a/iMobile/article-list.ftl +++ b/skins/iMobile/article-list.ftl @@ -1,72 +1,72 @@ -<#list articles as article> -
    -
    -

    - ${article.articleTitle} - <#if article.hasUpdated> - - - <#if article.articlePutTop> - - -

    - -
    -
    ${article.articleAbstract}
    -
    -   - <#list article.articleTags?split(",") as articleTag> - - - <#-- --> - Seves -
    -
    - -<#if (articles?size<1)> -
    -
    -

    当前页面无内容

    -
    -
    -

    温馨提示：

    -

    当前页面暂无相关内容，您可能访问了超过文章列表实际页数的页面。

    -

    最大页数为 ${paginationPageCount!"0"} 页，请在底部选择合适的页面进行访问，感谢您的配合。

    -
    -
    - -
    - -<#if 0 != paginationPageCount> - +<#list articles as article> +
    +
    +

    + ${article.articleTitle} + <#if article.hasUpdated> + + + <#if article.articlePutTop> + + +

    + +
    +
    ${article.articleAbstract}
    +
    +   + <#list article.articleTags?split(",") as articleTag> + + + <#-- --> + Seves +
    +
    + +<#if (articles?size<1)> +
    +
    +

    当前页面无内容

    +
    +
    +

    温馨提示：

    +

    当前页面暂无相关内容，您可能访问了超过文章列表实际页数的页面。

    +

    最大页数为 ${paginationPageCount!"0"} 页，请在底部选择合适的页面进行访问，感谢您的配合。

    +
    +
    + +
    + +<#if 0 != paginationPageCount> + \ No newline at end of file diff --git a/iMobile/article.ftl b/skins/iMobile/article.ftl similarity index 97% rename from iMobile/article.ftl rename to skins/iMobile/article.ftl index 7896516..12bfe47 100644 --- a/iMobile/article.ftl +++ b/skins/iMobile/article.ftl @@ -1,96 +1,96 @@ -<#include "macro-head.ftl"> -<#include "macro-comments.ftl"> - - - -<@head title="${article.articleTitle} - ${blogTitle}"> - - - - -<#if previousArticlePermalink??> - - -<#if nextArticlePermalink??> - - - - -<#include "side.ftl"> -
    -
    -
    -

    - ${article.articleTitle} - <#if article.hasUpdated> - - - <#if article.articlePutTop> - - -

    - -
    -   - <#list article.articleTags?split(",") as articleTag> - - - <#-- --> - Seves -
    -
    -
    - ${article.articleContent}<#-- -

    本文链接：${servePath}${article.articlePermalink}

    --> - <#if "" != article.articleSign.signHTML?trim> -
    - ${article.articleSign.signHTML} -
    - - <#if nextArticlePermalink?? || previousArticlePermalink??> - - -
    -
    -
    ${article.articleViewCount}
    -
    - - - - - -
    -
    -
    -
    - <@comments commentList=articleComments article=article> - - <#include "footer.ftl"> - <@comment_script oId=article.oId> - page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}"; - <#if 0 != externalRelevantArticlesDisplayCount> - page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,"); - - -
    - +<#include "macro-head.ftl"> +<#include "macro-comments.ftl"> + + + +<@head title="${article.articleTitle} - ${blogTitle}"> + + + + +<#if previousArticlePermalink??> + + +<#if nextArticlePermalink??> + + + + +<#include "side.ftl"> +
    +
    +
    +

    + ${article.articleTitle} + <#if article.hasUpdated> + + + <#if article.articlePutTop> + + +

    + +
    +   + <#list article.articleTags?split(",") as articleTag> + + + <#-- --> + Seves +
    +
    +
    + ${article.articleContent}<#-- +

    本文链接：${servePath}${article.articlePermalink}

    --> + <#if "" != article.articleSign.signHTML?trim> +
    + ${article.articleSign.signHTML} +
    + + <#if nextArticlePermalink?? || previousArticlePermalink??> + + +
    +
    +
    ${article.articleViewCount}
    +
    + + + + + +
    +
    +
    +
    + <@comments commentList=articleComments article=article> + + <#include "footer.ftl"> + <@comment_script oId=article.oId> + page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}"; + <#if 0 != externalRelevantArticlesDisplayCount> + page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,"); + + +
    + \ No newline at end of file diff --git a/iMobile/author-articles.ftl b/skins/iMobile/author-articles.ftl similarity index 95% rename from iMobile/author-articles.ftl rename to skins/iMobile/author-articles.ftl index 1ec17e4..1c3c8ae 100644 --- a/iMobile/author-articles.ftl +++ b/skins/iMobile/author-articles.ftl @@ -1,26 +1,26 @@ -<#include "macro-head.ftl"> - - -<#if authorName??> - -<@head title="${authorName} - ${blogTitle}"> - - - - - -<#include "side.ftl"> -
    -

    - ${author1Label}${authorName} -

    - <#include "article-list.ftl"> - <#include "footer.ftl"> -
    - -<#else> - - - - +<#include "macro-head.ftl"> + + +<#if authorName??> + +<@head title="${authorName} - ${blogTitle}"> + + + + + +<#include "side.ftl"> +
    +

    + ${author1Label}${authorName} +

    + <#include "article-list.ftl"> + <#include "footer.ftl"> +
    + +<#else> + + + + \ No newline at end of file diff --git a/iMobile/category-articles.ftl b/skins/iMobile/category-articles.ftl similarity index 96% rename from iMobile/category-articles.ftl rename to skins/iMobile/category-articles.ftl index 9d8a89d..860ce13 100644 --- a/iMobile/category-articles.ftl +++ b/skins/iMobile/category-articles.ftl @@ -1,22 +1,22 @@ -<#include "macro-head.ftl"> - - - -<@head title="${category.categoryTitle} - ${blogTitle}"> - - - - - -<#include "side.ftl"> -
    -

    - ${categoryLabel} - ${category.categoryTitle} - (${category.categoryTagCnt})： ${category.categoryDescription} -

    - <#include "article-list.ftl"> - <#include "footer.ftl"> -
    - +<#include "macro-head.ftl"> + + + +<@head title="${category.categoryTitle} - ${blogTitle}"> + + + + + +<#include "side.ftl"> +
    +

    + ${categoryLabel} + ${category.categoryTitle} + (${category.categoryTagCnt})： ${category.categoryDescription} +

    + <#include "article-list.ftl"> + <#include "footer.ftl"> +
    + \ No newline at end of file diff --git a/iMobile/common-comment.ftl b/skins/iMobile/common-comment.ftl similarity index 97% rename from iMobile/common-comment.ftl rename to skins/iMobile/common-comment.ftl index 5da606f..08443c5 100644 --- a/iMobile/common-comment.ftl +++ b/skins/iMobile/common-comment.ftl @@ -1,28 +1,28 @@ -
  • -
    -
    - ${comment.commentName} -
    - <#if "http://" == comment.commentURL> - ${comment.commentName} - <#else> - ${comment.commentName} - - <#if comment.isReply> - @ - ${comment.commentOriginalCommentName} - -
    - <#if article.commentable> -
    - - ${comment.commentDate2?string("yyyy-MM-dd HH:mm:ss")} - ${replyLabel} -
    - -
    -
    -

    ${comment.commentContent}

    -
    -
    +
  • +
    +
    + ${comment.commentName} +
    + <#if "http://" == comment.commentURL> + ${comment.commentName} + <#else> + ${comment.commentName} + + <#if comment.isReply> + @ + ${comment.commentOriginalCommentName} + +
    + <#if article.commentable> +
    + + ${comment.commentDate2?string("yyyy-MM-dd HH:mm:ss")} + ${replyLabel} +
    + +
    +
    +

    ${comment.commentContent}

    +
    +
    • \ No newline at end of file diff --git a/iMobile/common-comment.ftl:Zone.Identifier b/skins/iMobile/common-comment.ftl:Zone.Identifier similarity index 92% rename from iMobile/common-comment.ftl:Zone.Identifier rename to skins/iMobile/common-comment.ftl:Zone.Identifier index a45e1ac..f46bcc4 100644 --- a/iMobile/common-comment.ftl:Zone.Identifier +++ b/skins/iMobile/common-comment.ftl:Zone.Identifier @@ -1,2 +1,2 @@ -[ZoneTransfer] -ZoneId=3 +[ZoneTransfer] +ZoneId=3 diff --git a/iMobile/css/fonts/icomoon.eot b/skins/iMobile/css/fonts/icomoon.eot similarity index 100% rename from iMobile/css/fonts/icomoon.eot rename to skins/iMobile/css/fonts/icomoon.eot diff --git a/iMobile/css/fonts/icomoon.svg b/skins/iMobile/css/fonts/icomoon.svg similarity index 99% rename from iMobile/css/fonts/icomoon.svg rename to skins/iMobile/css/fonts/icomoon.svg index 8ea89ab..3e4a1d0 100644 --- a/iMobile/css/fonts/icomoon.svg +++ b/skins/iMobile/css/fonts/icomoon.svg @@ -1,23 +1,23 @@ - - - -Generated by IcoMoon - - - - - - - - - - - - - - - - - - + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/iMobile/css/fonts/icomoon.ttf b/skins/iMobile/css/fonts/icomoon.ttf similarity index 100% rename from iMobile/css/fonts/icomoon.ttf rename to skins/iMobile/css/fonts/icomoon.ttf diff --git a/iMobile/css/fonts/icomoon.woff b/skins/iMobile/css/fonts/icomoon.woff similarity index 100% rename from iMobile/css/fonts/icomoon.woff rename to skins/iMobile/css/fonts/icomoon.woff diff --git a/iMobile/css/fonts/selection.json b/skins/iMobile/css/fonts/selection.json similarity index 98% rename from iMobile/css/fonts/selection.json rename to skins/iMobile/css/fonts/selection.json index ad2f7ef..048805f 100644 --- a/iMobile/css/fonts/selection.json +++ b/skins/iMobile/css/fonts/selection.json @@ -1,317 +1,317 @@ -{ - "IcoMoonType": "selection", - "icons": [ - { - "icon": { - "paths": [ - "M725.354 245.312c0 29.44 23.894 53.334 53.334 53.334s53.334-23.894 53.334-53.334-23.894-53.334-53.334-53.334-53.334 23.894-53.334 53.334zM352.448 999.232c32.854 33.088 86.186 33.088 119.254 0l521.386-517.974c20.886-20.886 31.36-48.426 30.934-75.946v-299.52c0-58.454-47.382-105.814-105.814-105.814h-299.52c-27.52-0.448-55.040 10.026-75.968 30.934l-517.952 521.408c-33.088 33.046-33.088 86.378 0 119.254l327.68 327.658zM640.022 245.312c0-76.586 62.080-138.666 138.666-138.666s138.666 62.080 138.666 138.666-62.080 138.666-138.666 138.666-138.666-62.080-138.666-138.666z" - ], - "attrs": [], - "isMulticolor": false, - "tags": [ - "tag", - "price" - ], - "grid": 48 - }, - "attrs": [], - "properties": { - "order": 34, - "id": 14, - "prevSize": 48, - "code": 59651, - "name": "tag" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 0 - }, - { - "icon": { - "paths": [ - "M896 960h-768c-35.328 0-64-28.672-64-64v-672c0-35.328 28.672-64 64-64h64v32c0 53.024 42.976 96 96 96s96-42.976 96-96v-32h256v32c0 53.024 43.008 96 96 96s96-42.976 96-96v-32h64c35.328 0 64 28.672 64 64v672c0 35.328-28.672 64-64 64zM896 384h-768v512h768v-512zM418.208 634.528c6.304-10.048 9.472-20.672 9.472-31.776 0-24.736-13.312-37.12-39.936-37.12-23.136 0-45.248 9.184-66.368 27.552v-52.128c23.36-15.136 49.76-22.688 79.136-22.688 27.488 0 48.96 6.912 64.416 20.704s23.168 32.48 23.168 55.968c0 31.36-18.816 63.808-56.448 97.312l-55.328 49.12v1.12h109.12v49.12h-176.992v-46.112l77.056-73.696c15.488-14.848 26.4-27.296 32.704-37.376zM634.784 741.312c8.448-6.496 12.672-15.552 12.672-27.2 0-12-5.216-21.248-15.648-27.744s-24.768-9.76-43.040-9.76h-24.192v-45.376h22.304c35.008 0 52.512-11.616 52.512-34.88 0-21.888-13.44-32.8-40.32-32.8-17.984 0-35.488 5.824-52.512 17.44v-48.384c18.88-9.504 40.864-14.24 65.984-14.24 27.488 0 48.896 6.176 64.224 18.56s22.976 28.448 22.976 48.192c0 35.136-17.824 57.12-53.44 65.984v0.928c19.008 2.368 33.984 9.28 44.992 20.704s16.512 25.472 16.512 42.080c0 25.12-9.184 44.992-27.552 59.616s-43.744 21.952-76.128 21.952c-27.744 0-50.304-4.512-67.68-13.504v-51.552c17.984 13.12 39.008 19.68 63.008 19.68 15.104 0.064 26.88-3.2 35.328-9.696zM735.008 256c-34.816 0-63.008-28.192-63.008-63.008v-65.984c0-34.816 28.192-63.008 63.008-63.008s63.008 28.192 63.008 63.008v65.984c0 34.816-28.192 63.008-63.008 63.008zM287.008 256c-34.816 0-63.008-28.192-63.008-63.008v-65.984c0-34.816 28.192-63.008 63.008-63.008s63.008 28.192 63.008 63.008v65.984c0 34.816-28.224 63.008-63.008 63.008z" - ], - "attrs": [], - "isMulticolor": false, - "tags": [ - "calendar", - "date", - "schedule" - ], - "grid": 32 - }, - "attrs": [], - "properties": { - "order": 35, - "id": 13, - "prevSize": 32, - "code": 59650, - "name": "date" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 1 - }, - { - "icon": { - "paths": [ - "M512 0c-282.75 0-512 229.25-512 512 0 226.25 146.688 418.125 350.156 485.812 25.594 4.688 34.938-11.125 34.938-24.625 0-12.188-0.469-52.562-0.719-95.312-142.375 30.937-172.469-60.375-172.469-60.375-23.312-59.125-56.844-74.875-56.844-74.875-46.531-31.75 3.53-31.125 3.53-31.125 51.406 3.562 78.47 52.75 78.47 52.75 45.688 78.25 119.875 55.625 149 42.5 4.654-33 17.904-55.625 32.5-68.375-113.656-12.937-233.218-56.875-233.218-253.063 0-55.938 19.969-101.562 52.656-137.406-5.219-13-22.844-65.094 5.062-135.562 0 0 42.938-13.75 140.812 52.5 40.812-11.406 84.594-17.031 128.125-17.219 43.5 0.188 87.312 5.875 128.188 17.281 97.688-66.312 140.688-52.5 140.688-52.5 28 70.531 10.375 122.562 5.125 135.5 32.812 35.844 52.625 81.469 52.625 137.406 0 196.688-119.75 240-233.812 252.688 18.438 15.875 34.75 47 34.75 94.75 0 68.438-0.688 123.625-0.688 140.5 0 13.625 9.312 29.562 35.25 24.562 203.313-67.812 349.875-259.687 349.875-485.812 0-282.75-229.25-512-512-512z" - ], - "attrs": [], - "isMulticolor": false, - "tags": [ - "mark-github" - ], - "grid": 16 - }, - "attrs": [], - "properties": { - "order": 36, - "id": 12, - "prevSize": 32, - "code": 59648, - "name": "github" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 2 - }, - { - "icon": { - "paths": [ - "M128 640c-70.656 0-128 57.375-128 128s57.344 128 128 128 128-57.375 128-128-57.344-128-128-128zM128 384c0 0-64 2-64 64s64 64 64 64c141.375 0 256 114.625 256 256 0 0 0 64 64 64s64-64 64-64c0-212-171.969-384-384-384zM128 128c0 0-64 0-64 64s64 64 64 64c282.75 0 512 229.25 512 512 0 0 0 64 64 64s64-64 64-64c0-353.406-286.5-640-640-640z" - ], - "attrs": [], - "isMulticolor": false, - "width": 768, - "tags": [ - "rss" - ], - "grid": 16 - }, - "attrs": [], - "properties": { - "order": 37, - "id": 11, - "prevSize": 32, - "code": 59649, - "name": "rss" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 3 - }, - { - "icon": { - "paths": [ - "M358.344 502.486q-76.634 0-130.858-54.222t-54.223-130.858 54.222-130.858 130.858-54.223 130.858 54.223 54.223 130.858-54.222 130.858-130.858 54.222zM821.043 564.18h169.657q6.266 0 10.845 4.579t4.579 10.845v92.54q0 6.266-4.579 10.845t-10.845 4.579h-169.657v169.657q0 6.266-4.579 10.845t-10.845 4.579h-92.54q-6.266 0-10.845-4.579t-4.579-10.845v-169.657h-169.657q-6.266 0-10.845-4.579t-4.579-10.845v-92.54q0-6.266 4.579-10.845t10.845-4.579h169.657v-169.657q0-6.266 4.579-10.844t10.845-4.579h92.54q6.266 0 10.845 4.579t4.579 10.844v169.657zM466.308 672.144q0 25.062 18.315 43.377t43.377 18.315h123.387v114.711q-32.773 24.099-82.419 24.099h-421.251q-58.319 0-93.504-33.257t-35.184-91.575q0-25.545 1.687-49.884t6.749-52.537 12.773-52.294 20.725-46.993 29.883-39.041 41.208-25.785 53.74-9.641q9.158 0 18.797 8.193 38.076 29.401 74.466 44.101t79.286 14.701 79.286-14.701 74.466-44.101q9.641-8.193 18.797-8.193 63.622 0 104.59 46.27h-107.482q-25.062 0-43.377 18.315t-18.315 43.377v92.54z" - ], - "isMulticolor": false, - "width": 1027, - "defaultCode": 58880, - "grid": 0 - }, - "properties": { - "id": 0, - "order": 38, - "prevSize": 32, - "code": 58880, - "name": "register" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 4 - }, - { - "icon": { - "paths": [ - "M798.222 677.333v-122.667h-306.667v-122.667h306.667v-122.667l184 184zM736.888 615.999v245.333h-306.667v184l-368-184v-797.333h674.667v306.667h-61.333v-245.333h-490.667l245.333 122.667v552h245.333v-184z" - ], - "isMulticolor": false, - "defaultCode": 58881, - "grid": 0 - }, - "properties": { - "id": 1, - "order": 39, - "prevSize": 32, - "code": 58881, - "name": "logout" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 5 - }, - { - "icon": { - "paths": [ - "M916.215 627.489c-51.487-89.177-20.524-203.458 69.146-255.384l-96.433-167.030c-27.552 16.152-59.585 25.413-93.769 25.413-103.055 0-186.595-84.090-186.595-187.824h-192.872c0.255 32.018-7.738 64.479-24.876 94.158-51.486 89.179-165.941 119.506-255.743 67.81l-96.431 167.030c27.763 15.786 51.798 38.897 68.891 68.5 51.403 89.037 20.616 203.090-68.72 255.131l96.433 167.030c27.456-16 59.336-25.16 93.342-25.16 102.729 0 186.055 83.559 186.588 186.835h192.868c-0.082-31.696 7.927-63.796 24.884-93.167 51.401-89.035 165.577-119.403 255.313-68.053l96.433-167.028c-27.581-15.78-51.455-38.811-68.458-68.26zM512 732.026c-109.737 0-198.697-88.956-198.697-198.695 0-109.737 88.958-198.695 198.697-198.695 109.737 0 198.693 88.958 198.693 198.695-0.002 109.739-88.956 198.695-198.693 198.695z" - ], - "isMulticolor": false, - "defaultCode": 58882, - "grid": 0 - }, - "properties": { - "id": 2, - "order": 40, - "prevSize": 32, - "code": 58882, - "name": "setting" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 6 - }, - { - "icon": { - "paths": [ - "M22.106 876.094c-0.234-2.427-0.433-4.859-0.56-7.312 0.125 2.453 0.326 4.886 0.56 7.312zM247.412 584.266c88.176 2.624 147.328-88.836 132.118-204.315-15.232-115.46-99.088-208.119-187.266-210.759-88.192-2.616-147.334 85.754-132.108 201.25 15.22 115.448 99.046 211.192 187.256 213.823zM1002.667 288v-81.755c0-89.968-73.583-163.578-163.547-163.578h-654.212c-88.431 0-161.012 71.139-163.457 159.012 55.93-49.245 133.519-90.386 213.588-90.386 85.583 0 342.359 0 342.359 0l-76.617 64.801h-108.549c72 27.604 110.358 111.286 110.358 197.15 0 72.113-40.068 134.123-96.684 178.219-55.242 43.031-65.715 61.053-65.715 97.633 0 31.221 59.173 84.333 90.114 106.172 90.449 63.766 119.711 122.966 119.711 221.812 0 15.743-1.957 31.462-5.813 46.92h294.919c89.963 0 163.545-73.552 163.545-163.578v-511.087h-184v183.998h-61.333v-184h-183.998v-61.333h183.998v-184h61.333v184h184zM199.474 776.688c20.713 0 39.696-0.565 59.355-0.565-26.015-25.237-46.6-56.158-46.6-94.281 0-22.624 7.249-44.405 17.378-63.748-10.333 0.738-20.882 0.953-31.746 0.953-71.258 0-131.777-23.073-176.529-61.193v64.44l0.006 193.325c51.213-24.317 112.018-38.929 178.135-38.929zM24.611 892.955c-1.066-5.231-1.884-10.547-2.436-15.941 0.55 5.393 1.37 10.71 2.436 15.941zM457.806 955.81c-14.431-56.356-65.602-84.299-136.934-133.753-25.944-8.368-54.523-13.296-85.19-13.616-85.884-0.924-165.895 33.486-211.040 84.69 15.257 74.468 81.491 130.868 160.266 130.868h274.509c1.74-10.664 2.584-21.689 2.584-32.997 0-12.012-1.47-23.759-4.194-35.192z" - ], - "isMulticolor": false, - "defaultCode": 58883, - "grid": 0 - }, - "properties": { - "id": 3, - "order": 41, - "prevSize": 32, - "code": 58883, - "name": "gplus" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 7 - }, - { - "icon": { - "paths": [ - "M431.713 490.026c-138.186 6.379-249.878 80.393-249.878 172.715 0 92.194 111.717 161.506 249.878 155.051 138.289-6.302 250.215-92.839 250.215-185.033 0-92.115-111.924-149.111-250.215-142.732zM525.869 722.24c-42.328 54.619-126.050 81.269-207.345 37.239-38.711-20.995-37.264-62.211-37.264-62.211s-16.062-130.182 122.925-146.451c139.142-16.115 163.986 116.779 121.685 171.423zM432.64 635.056c-8.911 6.455-10.716 18.801-5.888 26.469 4.648 7.878 15.469 8.78 24.223 2.221 8.6-6.791 11.931-18.619 7.257-26.469-4.598-7.644-15.287-9.865-25.591-2.221zM366.763 652.977c-25.978 2.685-44.547 25.308-44.547 46.949 0 21.693 20.917 36.67 46.845 33.624 25.85-2.944 46.87-22.931 46.87-44.547 0.052-21.693-19.343-38.891-49.17-36.026zM853.245 42.666h-682.544c-82.509 0-149.395 66.886-149.395 149.395v682.544c0 82.509 66.886 149.395 149.395 149.395h682.544c82.509 0 149.395-66.886 149.395-149.395v-682.544c0-82.509-66.861-149.395-149.395-149.395zM805.444 693.963c-56.969 121.013-244.818 179.894-384.037 168.996-132.298-10.408-302.379-54.361-319.966-214.473 0 0-9.296-72.515 60.998-166.336 0 0 101.102-141.184 218.862-181.47 117.863-40.106 131.627 27.761 131.627 67.867-6.275 34.011-17.999 54.025 26.239 40.286 0 0 115.849-53.74 163.547-6.068 38.454 38.479 6.354 91.444 6.354 91.444s-15.96 17.637 16.89 23.991c32.926 6.586 136.43 54.543 79.488 175.762zM691.197 359.612c-12.602 0-22.726-10.201-22.726-22.701 0-12.732 10.122-22.958 22.726-22.958 0 0 142.036-26.262 125.043 126.358 0 0.903-0.103 1.627-0.309 2.428-1.602 10.82-11.103 19.109-22.287 19.109-12.654 0-22.958-10.122-22.958-22.751 0 0.025 22.519-101.982-79.488-79.488zM931.288 481.685h-0.207c-3.745 25.825-16.554 27.891-31.815 27.891-18.258 0-33.003-11.466-33.003-29.75 0-15.832 6.561-31.92 6.561-31.92 1.936-6.662 17.38-48.085-10.201-110.013-50.512-84.834-152.237-86.074-164.243-81.244-12.111 4.751-29.982 7.126-29.982 7.126-18.389 0-33.109-14.952-33.109-33.132 0-15.262 10.201-28.175 24.146-32.127 0 0 0.309-0.516 0.774-0.594 1.008-0.207 2.041-1.215 3.124-1.317 14.178-2.712 64.664-12.629 113.756-1.137 87.829 20.504 208.457 105.442 154.2 286.214z" - ], - "isMulticolor": false, - "defaultCode": 58885, - "grid": 0 - }, - "properties": { - "id": 4, - "order": 42, - "prevSize": 32, - "code": 58885, - "name": "weibo" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 8 - }, - { - "icon": { - "paths": [ - "M1014.323 537.151l-253.013 0.064 0.067 463.723h-499.15v-463.79l-252.549 0.064 502.389-501.267z" - ], - "isMulticolor": false, - "defaultCode": 58890, - "grid": 0 - }, - "properties": { - "id": 5, - "order": 43, - "prevSize": 32, - "code": 58890, - "name": "goup" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 9 - }, - { - "icon": { - "paths": [ - "M839.119 42.666h-654.212c-89.963 0-163.574 73.61-163.574 163.578v654.179c0 90.024 73.612 163.576 163.574 163.576h654.212c89.965 0 163.547-73.552 163.547-163.578v-654.178c0-89.968-73.583-163.578-163.547-163.578zM824.466 370.257c0.314 7.036 0.47 14.114 0.47 21.225 0 216.788-162.165 466.773-458.714 466.773-91.046 0-175.791-27.167-247.141-73.713 12.612 1.522 25.446 2.294 38.458 2.294 75.538 0 145.051-26.23 200.228-70.229-70.549-1.322-130.088-48.756-150.606-113.929 9.846 1.917 19.945 2.946 30.333 2.946 14.705 0 28.947-2.009 42.473-5.758-73.753-15.077-129.327-81.378-129.327-160.862 0-0.692 0-1.378 0.015-2.062 21.735 12.286 46.598 19.665 73.025 20.518-43.261-29.419-71.724-79.63-71.724-136.551 0-30.063 7.948-58.246 21.829-82.472 79.517 99.255 198.314 164.565 332.306 171.409-2.75-12.010-4.176-24.529-4.176-37.388 0-90.599 72.187-164.048 161.22-164.048 46.374 0 88.28 19.92 117.685 51.806 36.723-7.356 71.227-21.007 102.381-39.811-12.039 38.31-37.599 70.459-70.884 90.764 32.608-3.966 63.683-12.784 92.594-25.831-21.607 32.894-48.942 61.789-80.446 84.918z" - ], - "isMulticolor": false, - "defaultCode": 58891, - "grid": 0 - }, - "properties": { - "id": 6, - "order": 44, - "prevSize": 32, - "code": 58891, - "name": "twitter" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 10 - }, - { - "icon": { - "paths": [ - "M1002.64 192.061c0-82.509-66.886-149.395-149.395-149.395h-682.544c-82.509 0-149.395 66.886-149.395 149.395v682.544c0 82.509 66.886 149.395 149.395 149.395h682.544c82.509 0 149.395-66.886 149.395-149.395v-682.544zM149.294 904.405c0.981 11.803-7.876 42.121-19.705 42.121h-2.17c-10.95 0-20.297-27.063-21.356-38.297-16.347-182.217 41.191-329.832 92.633-406.038 18.515-27.711 37.498-50.512 54.696-68.642-4.288-9.813-6.689-20.66-6.689-32.127 0-44.29 36.077-80.109 80.366-80.109 44.547 0 80.213 35.819 80.213 80.109 0 44.572-35.688 80.366-80.213 80.366-17.095 0-32.848-5.397-45.942-14.463-15.211 16.244-31.686 45.889-47.673 70.010-68.151 102.007-96.688 231.903-84.161 367.070zM323.505 648.329c-18.285 0-36.8-2.014-54.464-5.94-11.673-2.764-18.62-14.385-16.219-25.773 2.816-11.749 14.178-19.006 25.772-16.269 14.592 3.358 29.724 4.985 44.908 4.985 110.091 0 199.519-89.432 199.519-199.262 0-109.858-89.432-199.287-199.519-199.287-109.831 0-199.418 89.43-199.418 199.287 0 31.868 7.283 62.548 21.873 90.904 5.604 10.484 1.42 23.5-9.451 28.846-10.615 5.656-23.397 1.472-28.898-9.167-17.534-33.908-26.599-72.362-26.599-110.555 0-133.72 108.746-242.493 242.493-242.493 133.824 0 242.646 108.773 242.646 242.493-0.027 133.488-108.849 242.234-242.648 242.234zM774.455 366.428c-21.486 0.466-43.334-4.029-62.961-13.351-68.486-32.591-97.746-114.737-65.155-183.302 32.487-68.511 114.737-97.746 183.302-65.155 68.511 32.463 97.773 114.843 65.025 183.149-4.751 9.426-9.994 18.412-16.426 26.521-4.054 5.242-11.931 6.197-17.2 2.014s-6.095-11.931-1.911-17.2c5.267-6.561 9.786-14.099 13.376-21.848 26.856-56.271 2.971-123.957-53.483-150.428-56.348-26.856-123.803-2.996-150.428 53.611-27.115 56.22-3.124 123.675 53.379 150.531 16.347 7.67 33.984 11.492 51.804 10.768 6.791-0.128 12.524 5.114 12.654 11.931 0.309 6.818-5.087 12.395-11.983 12.757zM980.897 450.487c-0.155 0.621-0.414 0.826-0.414 1.188-2.816 5.654-9.271 8.366-15.393 6.197-97.307-35.922-149.473-96.817-175.994-141.699-9.53-16.244-16.449-31.661-21.486-44.754-6.302-0.155-12.318-1.807-17.999-4.313-23.061-10.977-32.643-37.963-21.745-60.766 10.743-22.701 37.833-32.384 60.636-21.486 22.701 10.846 32.256 37.988 21.641 60.636-4.184 8.625-10.873 15.519-18.67 19.834 4.803 11.956 11.002 25.206 19.471 39.278 35.612 59.81 90.386 103.661 162.514 130.261 6.43 2.505 9.557 9.298 7.437 15.623z" - ], - "isMulticolor": false, - "defaultCode": 58893, - "grid": 0 - }, - "properties": { - "id": 7, - "order": 45, - "prevSize": 32, - "code": 58893, - "name": "t-weibo" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 11 - }, - { - "icon": { - "paths": [ - "M360 554.666h-300v-120h300v-120l180 180-180 180zM960 74.666v780l-360 180v-180h-360v-240h60v180h300v-540l240-120h-540v240h-60v-300z" - ], - "isMulticolor": false, - "defaultCode": 58897, - "grid": 0 - }, - "properties": { - "id": 8, - "order": 46, - "prevSize": 32, - "code": 58897, - "name": "login" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 12 - } - ], - "height": 1024, - "metadata": { - "name": "icomoon" - }, - "preferences": { - "showGlyphs": true, - "showCodes": true, - "showQuickUse": true, - "showQuickUse2": true, - "showSVGs": true, - "fontPref": { - "prefix": "icon-", - "metadata": { - "fontFamily": "icomoon" - }, - "metrics": { - "emSize": 1024, - "baseline": 6.25, - "whitespace": 50 - }, - "embed": false - }, - "imagePref": { - "prefix": "icon-", - "png": true, - "useClassSelector": true, - "color": 4473924, - "bgColor": 16777215 - }, - "historySize": 100 - } +{ + "IcoMoonType": "selection", + "icons": [ + { + "icon": { + "paths": [ + "M725.354 245.312c0 29.44 23.894 53.334 53.334 53.334s53.334-23.894 53.334-53.334-23.894-53.334-53.334-53.334-53.334 23.894-53.334 53.334zM352.448 999.232c32.854 33.088 86.186 33.088 119.254 0l521.386-517.974c20.886-20.886 31.36-48.426 30.934-75.946v-299.52c0-58.454-47.382-105.814-105.814-105.814h-299.52c-27.52-0.448-55.040 10.026-75.968 30.934l-517.952 521.408c-33.088 33.046-33.088 86.378 0 119.254l327.68 327.658zM640.022 245.312c0-76.586 62.080-138.666 138.666-138.666s138.666 62.080 138.666 138.666-62.080 138.666-138.666 138.666-138.666-62.080-138.666-138.666z" + ], + "attrs": [], + "isMulticolor": false, + "tags": [ + "tag", + "price" + ], + "grid": 48 + }, + "attrs": [], + "properties": { + "order": 34, + "id": 14, + "prevSize": 48, + "code": 59651, + "name": "tag" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 0 + }, + { + "icon": { + "paths": [ + "M896 960h-768c-35.328 0-64-28.672-64-64v-672c0-35.328 28.672-64 64-64h64v32c0 53.024 42.976 96 96 96s96-42.976 96-96v-32h256v32c0 53.024 43.008 96 96 96s96-42.976 96-96v-32h64c35.328 0 64 28.672 64 64v672c0 35.328-28.672 64-64 64zM896 384h-768v512h768v-512zM418.208 634.528c6.304-10.048 9.472-20.672 9.472-31.776 0-24.736-13.312-37.12-39.936-37.12-23.136 0-45.248 9.184-66.368 27.552v-52.128c23.36-15.136 49.76-22.688 79.136-22.688 27.488 0 48.96 6.912 64.416 20.704s23.168 32.48 23.168 55.968c0 31.36-18.816 63.808-56.448 97.312l-55.328 49.12v1.12h109.12v49.12h-176.992v-46.112l77.056-73.696c15.488-14.848 26.4-27.296 32.704-37.376zM634.784 741.312c8.448-6.496 12.672-15.552 12.672-27.2 0-12-5.216-21.248-15.648-27.744s-24.768-9.76-43.040-9.76h-24.192v-45.376h22.304c35.008 0 52.512-11.616 52.512-34.88 0-21.888-13.44-32.8-40.32-32.8-17.984 0-35.488 5.824-52.512 17.44v-48.384c18.88-9.504 40.864-14.24 65.984-14.24 27.488 0 48.896 6.176 64.224 18.56s22.976 28.448 22.976 48.192c0 35.136-17.824 57.12-53.44 65.984v0.928c19.008 2.368 33.984 9.28 44.992 20.704s16.512 25.472 16.512 42.080c0 25.12-9.184 44.992-27.552 59.616s-43.744 21.952-76.128 21.952c-27.744 0-50.304-4.512-67.68-13.504v-51.552c17.984 13.12 39.008 19.68 63.008 19.68 15.104 0.064 26.88-3.2 35.328-9.696zM735.008 256c-34.816 0-63.008-28.192-63.008-63.008v-65.984c0-34.816 28.192-63.008 63.008-63.008s63.008 28.192 63.008 63.008v65.984c0 34.816-28.192 63.008-63.008 63.008zM287.008 256c-34.816 0-63.008-28.192-63.008-63.008v-65.984c0-34.816 28.192-63.008 63.008-63.008s63.008 28.192 63.008 63.008v65.984c0 34.816-28.224 63.008-63.008 63.008z" + ], + "attrs": [], + "isMulticolor": false, + "tags": [ + "calendar", + "date", + "schedule" + ], + "grid": 32 + }, + "attrs": [], + "properties": { + "order": 35, + "id": 13, + "prevSize": 32, + "code": 59650, + "name": "date" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 1 + }, + { + "icon": { + "paths": [ + "M512 0c-282.75 0-512 229.25-512 512 0 226.25 146.688 418.125 350.156 485.812 25.594 4.688 34.938-11.125 34.938-24.625 0-12.188-0.469-52.562-0.719-95.312-142.375 30.937-172.469-60.375-172.469-60.375-23.312-59.125-56.844-74.875-56.844-74.875-46.531-31.75 3.53-31.125 3.53-31.125 51.406 3.562 78.47 52.75 78.47 52.75 45.688 78.25 119.875 55.625 149 42.5 4.654-33 17.904-55.625 32.5-68.375-113.656-12.937-233.218-56.875-233.218-253.063 0-55.938 19.969-101.562 52.656-137.406-5.219-13-22.844-65.094 5.062-135.562 0 0 42.938-13.75 140.812 52.5 40.812-11.406 84.594-17.031 128.125-17.219 43.5 0.188 87.312 5.875 128.188 17.281 97.688-66.312 140.688-52.5 140.688-52.5 28 70.531 10.375 122.562 5.125 135.5 32.812 35.844 52.625 81.469 52.625 137.406 0 196.688-119.75 240-233.812 252.688 18.438 15.875 34.75 47 34.75 94.75 0 68.438-0.688 123.625-0.688 140.5 0 13.625 9.312 29.562 35.25 24.562 203.313-67.812 349.875-259.687 349.875-485.812 0-282.75-229.25-512-512-512z" + ], + "attrs": [], + "isMulticolor": false, + "tags": [ + "mark-github" + ], + "grid": 16 + }, + "attrs": [], + "properties": { + "order": 36, + "id": 12, + "prevSize": 32, + "code": 59648, + "name": "github" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 2 + }, + { + "icon": { + "paths": [ + "M128 640c-70.656 0-128 57.375-128 128s57.344 128 128 128 128-57.375 128-128-57.344-128-128-128zM128 384c0 0-64 2-64 64s64 64 64 64c141.375 0 256 114.625 256 256 0 0 0 64 64 64s64-64 64-64c0-212-171.969-384-384-384zM128 128c0 0-64 0-64 64s64 64 64 64c282.75 0 512 229.25 512 512 0 0 0 64 64 64s64-64 64-64c0-353.406-286.5-640-640-640z" + ], + "attrs": [], + "isMulticolor": false, + "width": 768, + "tags": [ + "rss" + ], + "grid": 16 + }, + "attrs": [], + "properties": { + "order": 37, + "id": 11, + "prevSize": 32, + "code": 59649, + "name": "rss" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 3 + }, + { + "icon": { + "paths": [ + "M358.344 502.486q-76.634 0-130.858-54.222t-54.223-130.858 54.222-130.858 130.858-54.223 130.858 54.223 54.223 130.858-54.222 130.858-130.858 54.222zM821.043 564.18h169.657q6.266 0 10.845 4.579t4.579 10.845v92.54q0 6.266-4.579 10.845t-10.845 4.579h-169.657v169.657q0 6.266-4.579 10.845t-10.845 4.579h-92.54q-6.266 0-10.845-4.579t-4.579-10.845v-169.657h-169.657q-6.266 0-10.845-4.579t-4.579-10.845v-92.54q0-6.266 4.579-10.845t10.845-4.579h169.657v-169.657q0-6.266 4.579-10.844t10.845-4.579h92.54q6.266 0 10.845 4.579t4.579 10.844v169.657zM466.308 672.144q0 25.062 18.315 43.377t43.377 18.315h123.387v114.711q-32.773 24.099-82.419 24.099h-421.251q-58.319 0-93.504-33.257t-35.184-91.575q0-25.545 1.687-49.884t6.749-52.537 12.773-52.294 20.725-46.993 29.883-39.041 41.208-25.785 53.74-9.641q9.158 0 18.797 8.193 38.076 29.401 74.466 44.101t79.286 14.701 79.286-14.701 74.466-44.101q9.641-8.193 18.797-8.193 63.622 0 104.59 46.27h-107.482q-25.062 0-43.377 18.315t-18.315 43.377v92.54z" + ], + "isMulticolor": false, + "width": 1027, + "defaultCode": 58880, + "grid": 0 + }, + "properties": { + "id": 0, + "order": 38, + "prevSize": 32, + "code": 58880, + "name": "register" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 4 + }, + { + "icon": { + "paths": [ + "M798.222 677.333v-122.667h-306.667v-122.667h306.667v-122.667l184 184zM736.888 615.999v245.333h-306.667v184l-368-184v-797.333h674.667v306.667h-61.333v-245.333h-490.667l245.333 122.667v552h245.333v-184z" + ], + "isMulticolor": false, + "defaultCode": 58881, + "grid": 0 + }, + "properties": { + "id": 1, + "order": 39, + "prevSize": 32, + "code": 58881, + "name": "logout" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 5 + }, + { + "icon": { + "paths": [ + "M916.215 627.489c-51.487-89.177-20.524-203.458 69.146-255.384l-96.433-167.030c-27.552 16.152-59.585 25.413-93.769 25.413-103.055 0-186.595-84.090-186.595-187.824h-192.872c0.255 32.018-7.738 64.479-24.876 94.158-51.486 89.179-165.941 119.506-255.743 67.81l-96.431 167.030c27.763 15.786 51.798 38.897 68.891 68.5 51.403 89.037 20.616 203.090-68.72 255.131l96.433 167.030c27.456-16 59.336-25.16 93.342-25.16 102.729 0 186.055 83.559 186.588 186.835h192.868c-0.082-31.696 7.927-63.796 24.884-93.167 51.401-89.035 165.577-119.403 255.313-68.053l96.433-167.028c-27.581-15.78-51.455-38.811-68.458-68.26zM512 732.026c-109.737 0-198.697-88.956-198.697-198.695 0-109.737 88.958-198.695 198.697-198.695 109.737 0 198.693 88.958 198.693 198.695-0.002 109.739-88.956 198.695-198.693 198.695z" + ], + "isMulticolor": false, + "defaultCode": 58882, + "grid": 0 + }, + "properties": { + "id": 2, + "order": 40, + "prevSize": 32, + "code": 58882, + "name": "setting" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 6 + }, + { + "icon": { + "paths": [ + "M22.106 876.094c-0.234-2.427-0.433-4.859-0.56-7.312 0.125 2.453 0.326 4.886 0.56 7.312zM247.412 584.266c88.176 2.624 147.328-88.836 132.118-204.315-15.232-115.46-99.088-208.119-187.266-210.759-88.192-2.616-147.334 85.754-132.108 201.25 15.22 115.448 99.046 211.192 187.256 213.823zM1002.667 288v-81.755c0-89.968-73.583-163.578-163.547-163.578h-654.212c-88.431 0-161.012 71.139-163.457 159.012 55.93-49.245 133.519-90.386 213.588-90.386 85.583 0 342.359 0 342.359 0l-76.617 64.801h-108.549c72 27.604 110.358 111.286 110.358 197.15 0 72.113-40.068 134.123-96.684 178.219-55.242 43.031-65.715 61.053-65.715 97.633 0 31.221 59.173 84.333 90.114 106.172 90.449 63.766 119.711 122.966 119.711 221.812 0 15.743-1.957 31.462-5.813 46.92h294.919c89.963 0 163.545-73.552 163.545-163.578v-511.087h-184v183.998h-61.333v-184h-183.998v-61.333h183.998v-184h61.333v184h184zM199.474 776.688c20.713 0 39.696-0.565 59.355-0.565-26.015-25.237-46.6-56.158-46.6-94.281 0-22.624 7.249-44.405 17.378-63.748-10.333 0.738-20.882 0.953-31.746 0.953-71.258 0-131.777-23.073-176.529-61.193v64.44l0.006 193.325c51.213-24.317 112.018-38.929 178.135-38.929zM24.611 892.955c-1.066-5.231-1.884-10.547-2.436-15.941 0.55 5.393 1.37 10.71 2.436 15.941zM457.806 955.81c-14.431-56.356-65.602-84.299-136.934-133.753-25.944-8.368-54.523-13.296-85.19-13.616-85.884-0.924-165.895 33.486-211.040 84.69 15.257 74.468 81.491 130.868 160.266 130.868h274.509c1.74-10.664 2.584-21.689 2.584-32.997 0-12.012-1.47-23.759-4.194-35.192z" + ], + "isMulticolor": false, + "defaultCode": 58883, + "grid": 0 + }, + "properties": { + "id": 3, + "order": 41, + "prevSize": 32, + "code": 58883, + "name": "gplus" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 7 + }, + { + "icon": { + "paths": [ + "M431.713 490.026c-138.186 6.379-249.878 80.393-249.878 172.715 0 92.194 111.717 161.506 249.878 155.051 138.289-6.302 250.215-92.839 250.215-185.033 0-92.115-111.924-149.111-250.215-142.732zM525.869 722.24c-42.328 54.619-126.050 81.269-207.345 37.239-38.711-20.995-37.264-62.211-37.264-62.211s-16.062-130.182 122.925-146.451c139.142-16.115 163.986 116.779 121.685 171.423zM432.64 635.056c-8.911 6.455-10.716 18.801-5.888 26.469 4.648 7.878 15.469 8.78 24.223 2.221 8.6-6.791 11.931-18.619 7.257-26.469-4.598-7.644-15.287-9.865-25.591-2.221zM366.763 652.977c-25.978 2.685-44.547 25.308-44.547 46.949 0 21.693 20.917 36.67 46.845 33.624 25.85-2.944 46.87-22.931 46.87-44.547 0.052-21.693-19.343-38.891-49.17-36.026zM853.245 42.666h-682.544c-82.509 0-149.395 66.886-149.395 149.395v682.544c0 82.509 66.886 149.395 149.395 149.395h682.544c82.509 0 149.395-66.886 149.395-149.395v-682.544c0-82.509-66.861-149.395-149.395-149.395zM805.444 693.963c-56.969 121.013-244.818 179.894-384.037 168.996-132.298-10.408-302.379-54.361-319.966-214.473 0 0-9.296-72.515 60.998-166.336 0 0 101.102-141.184 218.862-181.47 117.863-40.106 131.627 27.761 131.627 67.867-6.275 34.011-17.999 54.025 26.239 40.286 0 0 115.849-53.74 163.547-6.068 38.454 38.479 6.354 91.444 6.354 91.444s-15.96 17.637 16.89 23.991c32.926 6.586 136.43 54.543 79.488 175.762zM691.197 359.612c-12.602 0-22.726-10.201-22.726-22.701 0-12.732 10.122-22.958 22.726-22.958 0 0 142.036-26.262 125.043 126.358 0 0.903-0.103 1.627-0.309 2.428-1.602 10.82-11.103 19.109-22.287 19.109-12.654 0-22.958-10.122-22.958-22.751 0 0.025 22.519-101.982-79.488-79.488zM931.288 481.685h-0.207c-3.745 25.825-16.554 27.891-31.815 27.891-18.258 0-33.003-11.466-33.003-29.75 0-15.832 6.561-31.92 6.561-31.92 1.936-6.662 17.38-48.085-10.201-110.013-50.512-84.834-152.237-86.074-164.243-81.244-12.111 4.751-29.982 7.126-29.982 7.126-18.389 0-33.109-14.952-33.109-33.132 0-15.262 10.201-28.175 24.146-32.127 0 0 0.309-0.516 0.774-0.594 1.008-0.207 2.041-1.215 3.124-1.317 14.178-2.712 64.664-12.629 113.756-1.137 87.829 20.504 208.457 105.442 154.2 286.214z" + ], + "isMulticolor": false, + "defaultCode": 58885, + "grid": 0 + }, + "properties": { + "id": 4, + "order": 42, + "prevSize": 32, + "code": 58885, + "name": "weibo" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 8 + }, + { + "icon": { + "paths": [ + "M1014.323 537.151l-253.013 0.064 0.067 463.723h-499.15v-463.79l-252.549 0.064 502.389-501.267z" + ], + "isMulticolor": false, + "defaultCode": 58890, + "grid": 0 + }, + "properties": { + "id": 5, + "order": 43, + "prevSize": 32, + "code": 58890, + "name": "goup" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 9 + }, + { + "icon": { + "paths": [ + "M839.119 42.666h-654.212c-89.963 0-163.574 73.61-163.574 163.578v654.179c0 90.024 73.612 163.576 163.574 163.576h654.212c89.965 0 163.547-73.552 163.547-163.578v-654.178c0-89.968-73.583-163.578-163.547-163.578zM824.466 370.257c0.314 7.036 0.47 14.114 0.47 21.225 0 216.788-162.165 466.773-458.714 466.773-91.046 0-175.791-27.167-247.141-73.713 12.612 1.522 25.446 2.294 38.458 2.294 75.538 0 145.051-26.23 200.228-70.229-70.549-1.322-130.088-48.756-150.606-113.929 9.846 1.917 19.945 2.946 30.333 2.946 14.705 0 28.947-2.009 42.473-5.758-73.753-15.077-129.327-81.378-129.327-160.862 0-0.692 0-1.378 0.015-2.062 21.735 12.286 46.598 19.665 73.025 20.518-43.261-29.419-71.724-79.63-71.724-136.551 0-30.063 7.948-58.246 21.829-82.472 79.517 99.255 198.314 164.565 332.306 171.409-2.75-12.010-4.176-24.529-4.176-37.388 0-90.599 72.187-164.048 161.22-164.048 46.374 0 88.28 19.92 117.685 51.806 36.723-7.356 71.227-21.007 102.381-39.811-12.039 38.31-37.599 70.459-70.884 90.764 32.608-3.966 63.683-12.784 92.594-25.831-21.607 32.894-48.942 61.789-80.446 84.918z" + ], + "isMulticolor": false, + "defaultCode": 58891, + "grid": 0 + }, + "properties": { + "id": 6, + "order": 44, + "prevSize": 32, + "code": 58891, + "name": "twitter" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 10 + }, + { + "icon": { + "paths": [ + "M1002.64 192.061c0-82.509-66.886-149.395-149.395-149.395h-682.544c-82.509 0-149.395 66.886-149.395 149.395v682.544c0 82.509 66.886 149.395 149.395 149.395h682.544c82.509 0 149.395-66.886 149.395-149.395v-682.544zM149.294 904.405c0.981 11.803-7.876 42.121-19.705 42.121h-2.17c-10.95 0-20.297-27.063-21.356-38.297-16.347-182.217 41.191-329.832 92.633-406.038 18.515-27.711 37.498-50.512 54.696-68.642-4.288-9.813-6.689-20.66-6.689-32.127 0-44.29 36.077-80.109 80.366-80.109 44.547 0 80.213 35.819 80.213 80.109 0 44.572-35.688 80.366-80.213 80.366-17.095 0-32.848-5.397-45.942-14.463-15.211 16.244-31.686 45.889-47.673 70.010-68.151 102.007-96.688 231.903-84.161 367.070zM323.505 648.329c-18.285 0-36.8-2.014-54.464-5.94-11.673-2.764-18.62-14.385-16.219-25.773 2.816-11.749 14.178-19.006 25.772-16.269 14.592 3.358 29.724 4.985 44.908 4.985 110.091 0 199.519-89.432 199.519-199.262 0-109.858-89.432-199.287-199.519-199.287-109.831 0-199.418 89.43-199.418 199.287 0 31.868 7.283 62.548 21.873 90.904 5.604 10.484 1.42 23.5-9.451 28.846-10.615 5.656-23.397 1.472-28.898-9.167-17.534-33.908-26.599-72.362-26.599-110.555 0-133.72 108.746-242.493 242.493-242.493 133.824 0 242.646 108.773 242.646 242.493-0.027 133.488-108.849 242.234-242.648 242.234zM774.455 366.428c-21.486 0.466-43.334-4.029-62.961-13.351-68.486-32.591-97.746-114.737-65.155-183.302 32.487-68.511 114.737-97.746 183.302-65.155 68.511 32.463 97.773 114.843 65.025 183.149-4.751 9.426-9.994 18.412-16.426 26.521-4.054 5.242-11.931 6.197-17.2 2.014s-6.095-11.931-1.911-17.2c5.267-6.561 9.786-14.099 13.376-21.848 26.856-56.271 2.971-123.957-53.483-150.428-56.348-26.856-123.803-2.996-150.428 53.611-27.115 56.22-3.124 123.675 53.379 150.531 16.347 7.67 33.984 11.492 51.804 10.768 6.791-0.128 12.524 5.114 12.654 11.931 0.309 6.818-5.087 12.395-11.983 12.757zM980.897 450.487c-0.155 0.621-0.414 0.826-0.414 1.188-2.816 5.654-9.271 8.366-15.393 6.197-97.307-35.922-149.473-96.817-175.994-141.699-9.53-16.244-16.449-31.661-21.486-44.754-6.302-0.155-12.318-1.807-17.999-4.313-23.061-10.977-32.643-37.963-21.745-60.766 10.743-22.701 37.833-32.384 60.636-21.486 22.701 10.846 32.256 37.988 21.641 60.636-4.184 8.625-10.873 15.519-18.67 19.834 4.803 11.956 11.002 25.206 19.471 39.278 35.612 59.81 90.386 103.661 162.514 130.261 6.43 2.505 9.557 9.298 7.437 15.623z" + ], + "isMulticolor": false, + "defaultCode": 58893, + "grid": 0 + }, + "properties": { + "id": 7, + "order": 45, + "prevSize": 32, + "code": 58893, + "name": "t-weibo" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 11 + }, + { + "icon": { + "paths": [ + "M360 554.666h-300v-120h300v-120l180 180-180 180zM960 74.666v780l-360 180v-180h-360v-240h60v180h300v-540l240-120h-540v240h-60v-300z" + ], + "isMulticolor": false, + "defaultCode": 58897, + "grid": 0 + }, + "properties": { + "id": 8, + "order": 46, + "prevSize": 32, + "code": 58897, + "name": "login" + }, + "setIdx": 1, + "setId": 0, + "iconIdx": 12 + } + ], + "height": 1024, + "metadata": { + "name": "icomoon" + }, + "preferences": { + "showGlyphs": true, + "showCodes": true, + "showQuickUse": true, + "showQuickUse2": true, + "showSVGs": true, + "fontPref": { + "prefix": "icon-", + "metadata": { + "fontFamily": "icomoon" + }, + "metrics": { + "emSize": 1024, + "baseline": 6.25, + "whitespace": 50 + }, + "embed": false + }, + "imagePref": { + "prefix": "icon-", + "png": true, + "useClassSelector": true, + "color": 4473924, + "bgColor": 16777215 + }, + "historySize": 100 + } } \ No newline at end of file diff --git a/iMobile/css/yilia7.css b/skins/iMobile/css/yilia7.css similarity index 93% rename from iMobile/css/yilia7.css rename to skins/iMobile/css/yilia7.css index 81a7a9c..91c92ab 100644 --- a/iMobile/css/yilia7.css +++ b/skins/iMobile/css/yilia7.css @@ -1,1252 +1,1252 @@ -@charset "utf-8"; - -/*!Copyright (c) 2010-2016, b3log.org & hacpai.com Licensed under the Apache License, Version 2.0 (the "License");*/ - -body, -html { - height: 100%; - max-height: 100% -} - -body, -dl, -h1, -h2, -h3, -h4, -h5, -h6, -ol, -p, -ul { - text-rendering: geometricPrecision -} - -dl dd, -dl dt { - margin-bottom: 1em -} - -body, -li li { - margin: 0 -} - -blockquote cite, -dl dt { - font-weight: 700 -} - -.fn-left, -dl dt { - float: left -} - -.form button, -a, -blockquote, -.side .avatar { - transition: all .3s ease -} - -.classify li, -.comments, -.dynamic li, -.side nav ul { - list-style: none -} - -html { - font-size: 16px; - -webkit-tap-highlight-color: transparent -} - -body { - overflow-x: hidden; - font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; - letter-spacing: .01rem; - font-size: 100%; - line-height: 1.75em; - color: rgba(0, 0, 0, .6); - -webkit-font-feature-settings: 'kern' 1; - -moz-font-feature-settings: 'kern' 1; - -o-font-feature-settings: 'kern' 1; - background-color: #eaeaea -} - -a { - text-decoration: none; - color: #0099CC; - outline: 0; - cursor: pointer; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; - -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; - -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; - color: #666; - line-height: 1.15em; - font-family: "Open Sans", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif -} - -h1 { - letter-spacing: -2px; - text-indent: -3px -} - -h2 { - letter-spacing: -1px -} - -img { - max-width: 100% -} - -dl, -ol, -p, -ul { - -webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; - -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; - -o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1 -} - -ol, -ul { - padding-left: 3rem -} - -ol ol, -ol ul, -ul ol, -ul ul { - padding-left: 2em -} - -dl dt { - width: 180px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap -} - -dl dd { - margin-left: 200px -} - -hr { - display: block; - height: 1px; - border: 0; - border-top: #EFEFEF 1px solid; - margin: 3.2em 0; - padding: 0 -} - -blockquote { - box-sizing: border-box; - margin: 1.75em 0; - padding: 0 0 0 1.75em; - border-left: 5px solid -} - -blockquote:hover { - border-color: #a9a9a9 -} - -blockquote p { - margin: .8em 0; - font-size: .9em; -} - -blockquote small { - display: inline-block; - margin: .8em 0 .8em 1.5em; - font-size: .9em; - color: #CCC -} - -blockquote small:before { - content: "\2014 \00A0" -} - -blockquote cite a { - font-weight: 400 -} - -mark { - background-color: #fdffb6 -} - -code, -tt { - padding: 1px 3px; - font-family: Inconsolata, Consolas, "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; - font-size: .9em; - white-space: pre-wrap; - border: 1px solid #E3EDF3; - background: #F7FAFB; - border-radius: 2px -} - -pre { - font-size: .9em; - overflow-x: auto; -} - -pre code, -pre tt { - font-size: inherit; - white-space: unset; - background: 0 0; - border: none; - padding: 0 -} - -.fn-clear:after, -.fn-clear:before { - display: table; - content: "" -} - -.fn-clear:after { - clear: both -} - -.fn-right { - float: right -} - -.fn-none, -.hidden { - display: none -} - -#conoption { - padding: 0 10px; -} - -#conoption .fn-right.iconfont, -#comments .fn-right>.iconfont, -.side .toc-btn, -.side .toc .close { - font-size: 24px; -} - -#commentForm { - display: none; - border-collapse: inherit; - border: 0; -} - -#commentForm td { - padding: 3px 0; - border: 0; -} - -@font-face { - font-family: icomoon; - src: url(fonts/icomoon.eot?3js4w7); - src: url(fonts/icomoon.eot?3js4w7#iefix) format('embedded-opentype'), url(fonts/icomoon.ttf?3js4w7) format('truetype'), url(fonts/icomoon.woff?3js4w7) format('woff'), url(fonts/icomoon.svg?3js4w7#icomoon) format('svg'); - font-weight: 400; - font-style: normal -} - -[class*=" icon-"], -[class^=icon-] { - font-family: icomoon; - speak: none; - font-style: normal; - font-weight: 400; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - vertical-align: middle -} - -.icon-tag:before { - content: "\e903" -} - -.icon-date:before { - content: "\e902" -} - -.icon-github:before { - content: "\e900" -} - -.icon-rss:before { - content: "\e901" -} - -.icon-register:before { - content: "\e600" -} - -.icon-logout:before { - content: "\e601" -} - -.icon-setting:before { - content: "\e602" -} - -.icon-gplus:before { - content: "\e603" -} - -.icon-weibo:before { - content: "\e605" -} - -.icon-goup:before { - content: "\e60a" -} - -.icon-twitter:before { - content: "\e60b" -} - -.icon-t-weibo:before { - content: "\e60d" -} - -.icon-login:before { - content: "\e611" -} - -.form { - width: 100%; - padding: 30px -} - -#captcha, -#captchaReply { - height: 27px; - display: inline-block; - vertical-align: inherit; - cursor: pointer; -} - -.form button, -.form input, -.form textarea { - border: 1px solid #CCC; - background-color: #FAFAFA; - padding: 7px 8px; - width: 100%; - box-sizing: border-box; - outline: 0; - font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif -} - -.tags .tag, -footer.footer { - font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", "Microsoft Yahei", monospace -} - -.form button { - width: auto; - vertical-align: bottom; - cursor: pointer -} - -.form button:hover { - background-color: #a9a9a9; - color: #FFF; - box-shadow: 0 0 0; - border-color: #a9a9a9 -} - -.form input:focus, -.form textarea:focus { - background-color: #FFF; - box-shadow: 0 1px 2px rgba(0, 0, 0, .075) inset, 0 0 5px rgba(176, 160, 170, .5); - border: 1px solid #a9a9a9 -} - -span.error-msg { - padding: 3px; - font-size: 14px; - font-weight: bold; -} - -.em00, -.em01, -.em02, -.em03, -.em04, -.em05, -.em06, -.em07, -.em08, -.em09, -.em10, -.em11, -.em12, -.em13, -.em14 { - background-image: url("../images/emotions/emotions.png"); - cursor: pointer; - 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; - background-size: 120px -} - -#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 0 -} - -.em05 { - background-position: 0 -24px -} - -.em06 { - background-position: -24px -24px -} - -.em07 { - background-position: -48px -24px -} - -.em08 { - background-position: -72px -24px -} - -.em09 { - background-position: -96px -24px -} - -.em10 { - background-position: 0 -48px -} - -.em11 { - background-position: -24px -48px -} - -.em12 { - background-position: -48px -48px -} - -.em13 { - background-position: -72px -48px -} - -.em14 { - background-position: -96px -48px -} - -.side { - position: fixed; - background-color: #FFF; - height: 100%; - width: 330px -} - -.side a, -.side .mysites { - color: #696969; - font-size: 30px -} - -.side .toc a, -.side nav a { - font-size: 14px -} - -.side .toc a:hover, -.side a:hover, -.side .mysites:hover { - color: #a9a9a9 -} - -.side .overlay { - height: 180px; - background-color: #eee; - position: absolute; - opacity: .333; - width: 100% -} - -.side .content { - width: 76%; - text-align: center; - margin: 0 auto 0; - position: relative; - z-index: 1 -} - -.side .toc, -.side footer, -main { - position: absolute -} - -.side .avatar { - display: block; - border: 5px solid #fff; - border-radius: 50%; - width: 128px; - height: 128px; - margin: 25px auto 40px; - transition: all .1s ease-in -} - -.side .avatar:hover { - border-color: rgba(37, 143, 184, .6) -} - -.side hgroup h1 { - margin: 10px 0; - line-height: 30px -} - -.side .subtitle { - color: #999; - font-size: 14px; - line-height: 25px -} - -.side nav ul { - margin: 0; - padding: 0 -} - -.side nav span.iconfont { - font-size: 24px; - margin: 0 5px; -} - -.side footer { - bottom: 15px; - width: 228px; - text-align: center; - left: 50%; - margin-left: -114px -} - -.side footer>div { - margin-bottom: 10px -} - -.side .toc-btn { - float: right; - padding: 10px; - display: none -} - -.side .toc { - transition: all .3s ease; - height: 100%; - width: 100%; - top: 0; - left: 0; - z-index: 10; - overflow: auto; - background: #5d5d5d -} - -.side .toc li { - padding: 2px 0; - border-bottom: 1px solid #717171; - border-top: 1px solid #5d5d5d -} - -.side .toc a { - color: #e5e5e5; - display: block -} - -.side .b3-solo-list { - padding: 0; - margin-top: 40px -} - -.abstract .b3-solo-list { - display: none -} - -.side .toc .close { - color: #fff; - float: right; - padding: 10px; -} - -main { - right: 0; - min-height: 100%; - background: #eaeaea; - left: 330px; - width: auto -} - -article { - margin: 30px; - border: 1px solid #ddd; - background: #fff; - position: relative; - transition: all .2s ease-in; - visibility: hidden -} - -.share span, -.tags .avatar { - transition: all .2s ease-out 0s -} - -article.post, -article.show { - visibility: visible -} - -::selection { - color: #fff; - background-color: #3498db; -} - -::-moz-selection { - color: #fff; - background-color: #3498db; -} - -::-webkit-selection { - color: #fff; - background-color: #3498db; -} - -.toc__panel--hide { - transform: translate(-750px); -} - -article.show, -.side .toc { - -webkit-animation: bounce .6s; - animation: bounce .6s -} - -@-webkit-keyframes bounce { - 0% { - opacity: 0; - -webkit-transform: scale(1) - } - 60% { - opacity: 1; - -webkit-transform: scale(1.02) - } - 100% { - -webkit-transform: scale(1) - } -} - -@-moz-keyframes bounce { - 0% { - opacity: 0; - -moz-transform: scale(1) - } - 60% { - opacity: 1; - -moz-transform: scale(1.02) - } - 100% { - -moz-transform: scale(1) - } -} - -.tags .tag:hover, -article .abstract a:hover, -nav.pagination a.page-num:hover { - opacity: .7 -} - -article header { - border-left: 5px solid; - padding: 15px 30px 15px 25px -} - -article header:hover { - border-color: #a9a9a9 -} - -article header h2 { - margin: 0; - font-size: 24px; -} - -article header h2:not(.dynamic-title) { - padding-right: 110px -} - -article header a { - color: #696969; - margin-left: 0; - font-weight: 300; - line-height: 35px -} - -article header a:hover { - color: #a9a9a9 -} - -article header sup { - font-size: 14px; - font-weight: 400; - color: #999 -} - -article header sup .iconfont { - font-size: 26px; -} - -article header time { - font-size: 14px; - position: absolute; - right: 30px; - color: #aaa; - top: 18px -} - -article .abstract { - line-height: 1.8em; - padding-right: 30px; - padding-left: 30px; - overflow: hidden; - word-wrap: break-word -} - -article footer { - padding: 20px 35px 0 0; - margin: 30px 30px 20px; - border-top: 1px solid #ddd -} - -.tags .avatar { - width: 20px; - border-radius: 10px; - right: 30px; - position: absolute; - bottom: 25px -} - -.share span { - cursor: pointer -} - -.share span:hover, -.tags .avatar:hover { - transform: rotate(360deg); - color: #333 -} - -.tags .tag { - color: #fff; - font-size: 10px; - height: 18px; - line-height: 18px; - display: inline-block; - padding: 0 5px 0 10px; - position: relative; - border-radius: 0 5px 5px 0; - margin: 5px 9px 5px 8px; - background-color: #88acdb -} - -.tags .tag:after, -.tags .tag:before { - content: " "; - position: absolute -} - -.tags .tag:before { - width: 0; - height: 0; - top: 0; - left: -18px; - border: 9px solid transparent; - border-right-color: #88acdb -} - -.tags .tag:after { - width: 4px; - height: 4px; - background-color: #fff; - border-radius: 4px; - box-shadow: 0 0 0 1px rgba(0, 0, 0, .3); - top: 7px; - left: 2px -} - -a.color1.tag { - background: #999 -} - -a.color1.tag:before { - border-right-color: #999 -} - -a.color2.tag { - background: #ccc -} - -a.color2.tag:before { - border-right-color: #ccc -} - -a.color3.tag { - background: #666 -} - -a.color3.tag:before { - border-right-color: #666 -} - -nav.pagination { - text-align: center; - margin-top: 30px -} - -nav.pagination .page-num { - width: 30px; - height: 30px; - background: #4d4d4d; - border-radius: 50%; - display: inline-block; - color: #fff; - line-height: 30px; - font-size: 18px; - margin: 0 3px 30px -} - -nav.pagination .page-num.current { - background: #88acdb -} - -nav.pagination .extend { - font-size: 24px; - color: #4d4d4d; - margin: 0 5px; - opacity: 0 -} - -nav.pagination .extend:hover { - color: #a9a9a9 -} - -nav.pagination:hover .extend { - opacity: 1 -} - -.post .tags .avatar, -.side nav ul li.hide { - bottom: inherit; - margin-top: 4px -} - -.post section.tags { - margin: 0 -} - -.post header { - padding-bottom: 0 -} - -.post .share { - padding: 10px 0 0; - margin-top: 15px; - font-size: 22px -} - -.post aside a { - color: #DDD -} - -.post aside a>strong { - background: #ddd; - color: #fff; - border-radius: 50%; - width: 16px; - height: 16px; - display: inline-block; - transition: background .3s; - vertical-align: middle; - line-height: 14px; - text-align: center -} - -.post aside a:hover { - color: #4d4d4d -} - -.post aside a:hover>strong { - background-color: #4d4d4d -} - -.comments { - margin: 60px 60px 0 50px; - padding: 0; - position: relative -} - -.comments li { - margin-bottom: 30px; - padding-bottom: 30px; - border-bottom: 1px solid #ddd -} - -.comments li time { - border-left: 1px solid #d5dbde; - padding-left: 10px; - margin-left: 10px -} - -.comments .avatar { - position: absolute; - height: 60px; - width: 60px; - border-radius: 50%; - border: 3px solid #FFF -} - -.comments .content { - margin-left: 80px; - min-height: 66px -} - -.comments .post-meta { - margin-bottom: 9px -} - -.comments .content img { - vertical-align: sub -} - -.comments li.comment-body-ref { - position: absolute; - background-color: #FFF; - width: 80%; - margin-left: 80px; - padding: 10px; - border: 1px solid #ddd -} - -footer.footer { - line-height: 1rem; - font-size: 12px; - line-height: 20px; - text-shadow: 0 1px #fff; - opacity: .6; - margin: 0 30px 30px -} - -footer.footer .icon-goup, -#backBtm { - position: fixed; - bottom: 85px; - right: 5px; - -webkit-animation: upbounce 4s 2s infinite; - animation: upbounce 4s 2s infinite; - z-index: 10; - font-size: 30px; - cursor: pointer; - color: #999; - transition: all .3s ease -} - -#backBtm { - bottom: 50px; - display: none; -} - -footer.footer .icon-goup:hover, -#backBtm:hover { - color: #4a4a4a -} - -@-webkit-keyframes upbounce { - 0%, - 10%, - 25%, - 40%, - 50% { - -webkit-transform: translateY(0); - transform: translateY(0) - } - 20% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px) - } - 30% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px) - } -} - -@keyframes upbounce { - 0%, - 100%, - 20%, - 50%, - 80% { - -webkit-transform: translateY(0); - transform: translateY(0) - } - 40% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px) - } - 60% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px) - } -} - -.classify li { - font-size: 20px; - float: left; - margin: 0 10px 20px 0 -} - -.classify .tags .tag { - font-size: 20px; - padding: 10px -} - -.classify .tags .tag:before { - left: -38px; - border-width: 19px -} - -.classify .tags .tag:after { - top: 15px; - left: -6px; - width: 8px; - height: 8px -} - -.classify-name { - font-size: 18px; - margin: 30px -} - -.dynamic .comments li:last-child { - border-bottom-width: 0 -} - -li.icontitle { - font-size: 26px; - line-height: 36px; -} - -.dynamic h2 li { - float: left; - margin: 0 10px 20px 0; -} - -div.comment-content { - overflow-wrap: break-word; -} - -table { - width: 100%; - border-collapse: collapse; - border: 1px solid #ccc; -} - -table th, -table td { - border: 1px solid #E6E6E6; - padding: 3px 5px; - word-break: normal; -} - -table th { - background: #F3F3F3; -} - -th, -td { - text-align: left; -} - -@media only screen and (min-width:751px) {} - -@media only screen and (max-width:750px) { - select:focus, - textarea:focus, - input:focus { - font-size: 16px !important; - } - .side, - .side .avatar { - position: relative - } - .side .avatar { - margin: 25px auto 50px - } - .side { - height: 400px; - width: 100%; - background: #666 url('/images/bg.jpg') center -40px - } - .side .toc-btn { - color: #000 - } - main { - position: initial - } - .side .content { - margin-top: 0; - padding-top: 50px - } - .side .overlay { - height: 100%; - z-index: 0; - } - .side .content hgroup { - margin: 70px 0 10px; - } - .side a { - color: #fff - } - .side .subtitle { - margin: 0 auto; - color: #ccc - } - .side nav { - font-weight: bold; - } - .side nav ul { - color: #ccc - } - .side nav ul li.hide, - .side footer { - display: none - } - article { - margin: 10px - } - .comments { - margin: 20px 20px 0 - } - footer.footer { - text-align: center - } - footer.footer .fn-right { - float: none; - display: block - } -} - -@media only screen and (max-height:480px) { - .side footer>div { - display: none - } -} - -@media only screen and (max-height:405px) { - .side nav { - display: none - } -} - -@media only screen and (max-height:350px) { - .side>footer { - display: none - } -} - -a, -b, -i, -p, -h1, -h2, -h3, -h4, -h5, -h6, -td, -th, -li, -div, -sub, -sup, -span, -time, -footer, -section { - moz-user-select: -moz-none; - -moz-user-select: none; - -o-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - user-select: none; -} - -#hideinfo { - padding: 20px 40px; - line-height: 24px; - background-color: #333; - color: #fff; - font-weight: 300; -} - -#hideinfo a { - color: #fff; -} - - ::-webkit-scrollbar { - width: 6px; - height: 6px; -} - -::-webkit-scrollbar-track-piece { - background-color: #eee; - -webkit-border-radius: 3px; -} - -::-webkit-scrollbar-thumb { - background-color: #999; - outline: 0; - border: 1px solid #999; - -webkit-border-radius: 3px; -} - -::-webkit-scrollbar-thumb:hover { - background-color: #666; +@charset "utf-8"; + +/*!Copyright (c) 2010-2016, b3log.org & hacpai.com Licensed under the Apache License, Version 2.0 (the "License");*/ + +body, +html { + height: 100%; + max-height: 100% +} + +body, +dl, +h1, +h2, +h3, +h4, +h5, +h6, +ol, +p, +ul { + text-rendering: geometricPrecision +} + +dl dd, +dl dt { + margin-bottom: 1em +} + +body, +li li { + margin: 0 +} + +blockquote cite, +dl dt { + font-weight: 700 +} + +.fn-left, +dl dt { + float: left +} + +.form button, +a, +blockquote, +.side .avatar { + transition: all .3s ease +} + +.classify li, +.comments, +.dynamic li, +.side nav ul { + list-style: none +} + +html { + font-size: 16px; + -webkit-tap-highlight-color: transparent +} + +body { + overflow-x: hidden; + font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; + letter-spacing: .01rem; + font-size: 100%; + line-height: 1.75em; + color: rgba(0, 0, 0, .6); + -webkit-font-feature-settings: 'kern' 1; + -moz-font-feature-settings: 'kern' 1; + -o-font-feature-settings: 'kern' 1; + background-color: #eaeaea +} + +a { + text-decoration: none; + color: #0099CC; + outline: 0; + cursor: pointer; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; + -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; + -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; + color: #666; + line-height: 1.15em; + font-family: "Open Sans", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif +} + +h1 { + letter-spacing: -2px; + text-indent: -3px +} + +h2 { + letter-spacing: -1px +} + +img { + max-width: 100% +} + +dl, +ol, +p, +ul { + -webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; + -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; + -o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1 +} + +ol, +ul { + padding-left: 3rem +} + +ol ol, +ol ul, +ul ol, +ul ul { + padding-left: 2em +} + +dl dt { + width: 180px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap +} + +dl dd { + margin-left: 200px +} + +hr { + display: block; + height: 1px; + border: 0; + border-top: #EFEFEF 1px solid; + margin: 3.2em 0; + padding: 0 +} + +blockquote { + box-sizing: border-box; + margin: 1.75em 0; + padding: 0 0 0 1.75em; + border-left: 5px solid +} + +blockquote:hover { + border-color: #a9a9a9 +} + +blockquote p { + margin: .8em 0; + font-size: .9em; +} + +blockquote small { + display: inline-block; + margin: .8em 0 .8em 1.5em; + font-size: .9em; + color: #CCC +} + +blockquote small:before { + content: "\2014 \00A0" +} + +blockquote cite a { + font-weight: 400 +} + +mark { + background-color: #fdffb6 +} + +code, +tt { + padding: 1px 3px; + font-family: Inconsolata, Consolas, "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; + font-size: .9em; + white-space: pre-wrap; + border: 1px solid #E3EDF3; + background: #F7FAFB; + border-radius: 2px +} + +pre { + font-size: .9em; + overflow-x: auto; +} + +pre code, +pre tt { + font-size: inherit; + white-space: unset; + background: 0 0; + border: none; + padding: 0 +} + +.fn-clear:after, +.fn-clear:before { + display: table; + content: "" +} + +.fn-clear:after { + clear: both +} + +.fn-right { + float: right +} + +.fn-none, +.hidden { + display: none +} + +#conoption { + padding: 0 10px; +} + +#conoption .fn-right.iconfont, +#comments .fn-right>.iconfont, +.side .toc-btn, +.side .toc .close { + font-size: 24px; +} + +#commentForm { + display: none; + border-collapse: inherit; + border: 0; +} + +#commentForm td { + padding: 3px 0; + border: 0; +} + +@font-face { + font-family: icomoon; + src: url(fonts/icomoon.eot?3js4w7); + src: url(fonts/icomoon.eot?3js4w7#iefix) format('embedded-opentype'), url(fonts/icomoon.ttf?3js4w7) format('truetype'), url(fonts/icomoon.woff?3js4w7) format('woff'), url(fonts/icomoon.svg?3js4w7#icomoon) format('svg'); + font-weight: 400; + font-style: normal +} + +[class*=" icon-"], +[class^=icon-] { + font-family: icomoon; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle +} + +.icon-tag:before { + content: "\e903" +} + +.icon-date:before { + content: "\e902" +} + +.icon-github:before { + content: "\e900" +} + +.icon-rss:before { + content: "\e901" +} + +.icon-register:before { + content: "\e600" +} + +.icon-logout:before { + content: "\e601" +} + +.icon-setting:before { + content: "\e602" +} + +.icon-gplus:before { + content: "\e603" +} + +.icon-weibo:before { + content: "\e605" +} + +.icon-goup:before { + content: "\e60a" +} + +.icon-twitter:before { + content: "\e60b" +} + +.icon-t-weibo:before { + content: "\e60d" +} + +.icon-login:before { + content: "\e611" +} + +.form { + width: 100%; + padding: 30px +} + +#captcha, +#captchaReply { + height: 27px; + display: inline-block; + vertical-align: inherit; + cursor: pointer; +} + +.form button, +.form input, +.form textarea { + border: 1px solid #CCC; + background-color: #FAFAFA; + padding: 7px 8px; + width: 100%; + box-sizing: border-box; + outline: 0; + font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif +} + +.tags .tag, +footer.footer { + font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", "Microsoft Yahei", monospace +} + +.form button { + width: auto; + vertical-align: bottom; + cursor: pointer +} + +.form button:hover { + background-color: #a9a9a9; + color: #FFF; + box-shadow: 0 0 0; + border-color: #a9a9a9 +} + +.form input:focus, +.form textarea:focus { + background-color: #FFF; + box-shadow: 0 1px 2px rgba(0, 0, 0, .075) inset, 0 0 5px rgba(176, 160, 170, .5); + border: 1px solid #a9a9a9 +} + +span.error-msg { + padding: 3px; + font-size: 14px; + font-weight: bold; +} + +.em00, +.em01, +.em02, +.em03, +.em04, +.em05, +.em06, +.em07, +.em08, +.em09, +.em10, +.em11, +.em12, +.em13, +.em14 { + background-image: url("../images/emotions/emotions.png"); + cursor: pointer; + 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; + background-size: 120px +} + +#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 0 +} + +.em05 { + background-position: 0 -24px +} + +.em06 { + background-position: -24px -24px +} + +.em07 { + background-position: -48px -24px +} + +.em08 { + background-position: -72px -24px +} + +.em09 { + background-position: -96px -24px +} + +.em10 { + background-position: 0 -48px +} + +.em11 { + background-position: -24px -48px +} + +.em12 { + background-position: -48px -48px +} + +.em13 { + background-position: -72px -48px +} + +.em14 { + background-position: -96px -48px +} + +.side { + position: fixed; + background-color: #FFF; + height: 100%; + width: 330px +} + +.side a, +.side .mysites { + color: #696969; + font-size: 30px +} + +.side .toc a, +.side nav a { + font-size: 14px +} + +.side .toc a:hover, +.side a:hover, +.side .mysites:hover { + color: #a9a9a9 +} + +.side .overlay { + height: 180px; + background-color: #eee; + position: absolute; + opacity: .333; + width: 100% +} + +.side .content { + width: 76%; + text-align: center; + margin: 0 auto 0; + position: relative; + z-index: 1 +} + +.side .toc, +.side footer, +main { + position: absolute +} + +.side .avatar { + display: block; + border: 5px solid #fff; + border-radius: 50%; + width: 128px; + height: 128px; + margin: 25px auto 40px; + transition: all .1s ease-in +} + +.side .avatar:hover { + border-color: rgba(37, 143, 184, .6) +} + +.side hgroup h1 { + margin: 10px 0; + line-height: 30px +} + +.side .subtitle { + color: #999; + font-size: 14px; + line-height: 25px +} + +.side nav ul { + margin: 0; + padding: 0 +} + +.side nav span.iconfont { + font-size: 24px; + margin: 0 5px; +} + +.side footer { + bottom: 15px; + width: 228px; + text-align: center; + left: 50%; + margin-left: -114px +} + +.side footer>div { + margin-bottom: 10px +} + +.side .toc-btn { + float: right; + padding: 10px; + display: none +} + +.side .toc { + transition: all .3s ease; + height: 100%; + width: 100%; + top: 0; + left: 0; + z-index: 10; + overflow: auto; + background: #5d5d5d +} + +.side .toc li { + padding: 2px 0; + border-bottom: 1px solid #717171; + border-top: 1px solid #5d5d5d +} + +.side .toc a { + color: #e5e5e5; + display: block +} + +.side .b3-solo-list { + padding: 0; + margin-top: 40px +} + +.abstract .b3-solo-list { + display: none +} + +.side .toc .close { + color: #fff; + float: right; + padding: 10px; +} + +main { + right: 0; + min-height: 100%; + background: #eaeaea; + left: 330px; + width: auto +} + +article { + margin: 30px; + border: 1px solid #ddd; + background: #fff; + position: relative; + transition: all .2s ease-in; + visibility: hidden +} + +.share span, +.tags .avatar { + transition: all .2s ease-out 0s +} + +article.post, +article.show { + visibility: visible +} + +::selection { + color: #fff; + background-color: #3498db; +} + +::-moz-selection { + color: #fff; + background-color: #3498db; +} + +::-webkit-selection { + color: #fff; + background-color: #3498db; +} + +.toc__panel--hide { + transform: translate(-750px); +} + +article.show, +.side .toc { + -webkit-animation: bounce .6s; + animation: bounce .6s +} + +@-webkit-keyframes bounce { + 0% { + opacity: 0; + -webkit-transform: scale(1) + } + 60% { + opacity: 1; + -webkit-transform: scale(1.02) + } + 100% { + -webkit-transform: scale(1) + } +} + +@-moz-keyframes bounce { + 0% { + opacity: 0; + -moz-transform: scale(1) + } + 60% { + opacity: 1; + -moz-transform: scale(1.02) + } + 100% { + -moz-transform: scale(1) + } +} + +.tags .tag:hover, +article .abstract a:hover, +nav.pagination a.page-num:hover { + opacity: .7 +} + +article header { + border-left: 5px solid; + padding: 15px 30px 15px 25px +} + +article header:hover { + border-color: #a9a9a9 +} + +article header h2 { + margin: 0; + font-size: 24px; +} + +article header h2:not(.dynamic-title) { + padding-right: 110px +} + +article header a { + color: #696969; + margin-left: 0; + font-weight: 300; + line-height: 35px +} + +article header a:hover { + color: #a9a9a9 +} + +article header sup { + font-size: 14px; + font-weight: 400; + color: #999 +} + +article header sup .iconfont { + font-size: 26px; +} + +article header time { + font-size: 14px; + position: absolute; + right: 30px; + color: #aaa; + top: 18px +} + +article .abstract { + line-height: 1.8em; + padding-right: 30px; + padding-left: 30px; + overflow: hidden; + word-wrap: break-word +} + +article footer { + padding: 20px 35px 0 0; + margin: 30px 30px 20px; + border-top: 1px solid #ddd +} + +.tags .avatar { + width: 20px; + border-radius: 10px; + right: 30px; + position: absolute; + bottom: 25px +} + +.share span { + cursor: pointer +} + +.share span:hover, +.tags .avatar:hover { + transform: rotate(360deg); + color: #333 +} + +.tags .tag { + color: #fff; + font-size: 10px; + height: 18px; + line-height: 18px; + display: inline-block; + padding: 0 5px 0 10px; + position: relative; + border-radius: 0 5px 5px 0; + margin: 5px 9px 5px 8px; + background-color: #88acdb +} + +.tags .tag:after, +.tags .tag:before { + content: " "; + position: absolute +} + +.tags .tag:before { + width: 0; + height: 0; + top: 0; + left: -18px; + border: 9px solid transparent; + border-right-color: #88acdb +} + +.tags .tag:after { + width: 4px; + height: 4px; + background-color: #fff; + border-radius: 4px; + box-shadow: 0 0 0 1px rgba(0, 0, 0, .3); + top: 7px; + left: 2px +} + +a.color1.tag { + background: #999 +} + +a.color1.tag:before { + border-right-color: #999 +} + +a.color2.tag { + background: #ccc +} + +a.color2.tag:before { + border-right-color: #ccc +} + +a.color3.tag { + background: #666 +} + +a.color3.tag:before { + border-right-color: #666 +} + +nav.pagination { + text-align: center; + margin-top: 30px +} + +nav.pagination .page-num { + width: 30px; + height: 30px; + background: #4d4d4d; + border-radius: 50%; + display: inline-block; + color: #fff; + line-height: 30px; + font-size: 18px; + margin: 0 3px 30px +} + +nav.pagination .page-num.current { + background: #88acdb +} + +nav.pagination .extend { + font-size: 24px; + color: #4d4d4d; + margin: 0 5px; + opacity: 0 +} + +nav.pagination .extend:hover { + color: #a9a9a9 +} + +nav.pagination:hover .extend { + opacity: 1 +} + +.post .tags .avatar, +.side nav ul li.hide { + bottom: inherit; + margin-top: 4px +} + +.post section.tags { + margin: 0 +} + +.post header { + padding-bottom: 0 +} + +.post .share { + padding: 10px 0 0; + margin-top: 15px; + font-size: 22px +} + +.post aside a { + color: #DDD +} + +.post aside a>strong { + background: #ddd; + color: #fff; + border-radius: 50%; + width: 16px; + height: 16px; + display: inline-block; + transition: background .3s; + vertical-align: middle; + line-height: 14px; + text-align: center +} + +.post aside a:hover { + color: #4d4d4d +} + +.post aside a:hover>strong { + background-color: #4d4d4d +} + +.comments { + margin: 60px 60px 0 50px; + padding: 0; + position: relative +} + +.comments li { + margin-bottom: 30px; + padding-bottom: 30px; + border-bottom: 1px solid #ddd +} + +.comments li time { + border-left: 1px solid #d5dbde; + padding-left: 10px; + margin-left: 10px +} + +.comments .avatar { + position: absolute; + height: 60px; + width: 60px; + border-radius: 50%; + border: 3px solid #FFF +} + +.comments .content { + margin-left: 80px; + min-height: 66px +} + +.comments .post-meta { + margin-bottom: 9px +} + +.comments .content img { + vertical-align: sub +} + +.comments li.comment-body-ref { + position: absolute; + background-color: #FFF; + width: 80%; + margin-left: 80px; + padding: 10px; + border: 1px solid #ddd +} + +footer.footer { + line-height: 1rem; + font-size: 12px; + line-height: 20px; + text-shadow: 0 1px #fff; + opacity: .6; + margin: 0 30px 30px +} + +footer.footer .icon-goup, +#backBtm { + position: fixed; + bottom: 85px; + right: 5px; + -webkit-animation: upbounce 4s 2s infinite; + animation: upbounce 4s 2s infinite; + z-index: 10; + font-size: 30px; + cursor: pointer; + color: #999; + transition: all .3s ease +} + +#backBtm { + bottom: 50px; + display: none; +} + +footer.footer .icon-goup:hover, +#backBtm:hover { + color: #4a4a4a +} + +@-webkit-keyframes upbounce { + 0%, + 10%, + 25%, + 40%, + 50% { + -webkit-transform: translateY(0); + transform: translateY(0) + } + 20% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px) + } + 30% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px) + } +} + +@keyframes upbounce { + 0%, + 100%, + 20%, + 50%, + 80% { + -webkit-transform: translateY(0); + transform: translateY(0) + } + 40% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px) + } + 60% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px) + } +} + +.classify li { + font-size: 20px; + float: left; + margin: 0 10px 20px 0 +} + +.classify .tags .tag { + font-size: 20px; + padding: 10px +} + +.classify .tags .tag:before { + left: -38px; + border-width: 19px +} + +.classify .tags .tag:after { + top: 15px; + left: -6px; + width: 8px; + height: 8px +} + +.classify-name { + font-size: 18px; + margin: 30px +} + +.dynamic .comments li:last-child { + border-bottom-width: 0 +} + +li.icontitle { + font-size: 26px; + line-height: 36px; +} + +.dynamic h2 li { + float: left; + margin: 0 10px 20px 0; +} + +div.comment-content { + overflow-wrap: break-word; +} + +table { + width: 100%; + border-collapse: collapse; + border: 1px solid #ccc; +} + +table th, +table td { + border: 1px solid #E6E6E6; + padding: 3px 5px; + word-break: normal; +} + +table th { + background: #F3F3F3; +} + +th, +td { + text-align: left; +} + +@media only screen and (min-width:751px) {} + +@media only screen and (max-width:750px) { + select:focus, + textarea:focus, + input:focus { + font-size: 16px !important; + } + .side, + .side .avatar { + position: relative + } + .side .avatar { + margin: 25px auto 50px + } + .side { + height: 400px; + width: 100%; + background: #666 url('/images/bg.jpg') center -40px + } + .side .toc-btn { + color: #000 + } + main { + position: initial + } + .side .content { + margin-top: 0; + padding-top: 50px + } + .side .overlay { + height: 100%; + z-index: 0; + } + .side .content hgroup { + margin: 70px 0 10px; + } + .side a { + color: #fff + } + .side .subtitle { + margin: 0 auto; + color: #ccc + } + .side nav { + font-weight: bold; + } + .side nav ul { + color: #ccc + } + .side nav ul li.hide, + .side footer { + display: none + } + article { + margin: 10px + } + .comments { + margin: 20px 20px 0 + } + footer.footer { + text-align: center + } + footer.footer .fn-right { + float: none; + display: block + } +} + +@media only screen and (max-height:480px) { + .side footer>div { + display: none + } +} + +@media only screen and (max-height:405px) { + .side nav { + display: none + } +} + +@media only screen and (max-height:350px) { + .side>footer { + display: none + } +} + +a, +b, +i, +p, +h1, +h2, +h3, +h4, +h5, +h6, +td, +th, +li, +div, +sub, +sup, +span, +time, +footer, +section { + moz-user-select: -moz-none; + -moz-user-select: none; + -o-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} + +#hideinfo { + padding: 20px 40px; + line-height: 24px; + background-color: #333; + color: #fff; + font-weight: 300; +} + +#hideinfo a { + color: #fff; +} + + ::-webkit-scrollbar { + width: 6px; + height: 6px; +} + +::-webkit-scrollbar-track-piece { + background-color: #eee; + -webkit-border-radius: 3px; +} + +::-webkit-scrollbar-thumb { + background-color: #999; + outline: 0; + border: 1px solid #999; + -webkit-border-radius: 3px; +} + +::-webkit-scrollbar-thumb:hover { + background-color: #666; } \ No newline at end of file diff --git a/iMobile/css/yilia7.min.css b/skins/iMobile/css/yilia7.min.css similarity index 99% rename from iMobile/css/yilia7.min.css rename to skins/iMobile/css/yilia7.min.css index 1d817cc..7595715 100644 --- a/iMobile/css/yilia7.min.css +++ b/skins/iMobile/css/yilia7.min.css @@ -1,2 +1,2 @@ -@charset "utf-8";/*!Copyright (c) 2010-2016, b3log.org & hacpai.com Licensed under the Apache License, Version 2.0 (the "License");*/ body,html{height:100%;max-height:100%}body,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{text-rendering:geometricPrecision}dl dd,dl dt{margin-bottom:1em}body,li li{margin:0}blockquote cite,dl dt{font-weight:700}.fn-left,dl dt{float:left}.form button,a,blockquote,.side .avatar{transition:all .3s ease}.classify li,.comments,.dynamic li,.side nav ul{list-style:none}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{overflow-x: hidden;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;letter-spacing:.01rem;font-size:100%;line-height:1.75em;color:rgba(0,0,0,.6);-webkit-font-feature-settings:'kern' 1;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1;background-color:#eaeaea}a{text-decoration:none;color:#0099CC;outline:0;cursor:pointer;}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;color:#666;line-height:1.15em;font-family:"Open Sans","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}h1{letter-spacing:-2px;text-indent:-3px}h2{letter-spacing:-1px}img{max-width:100%}dl,ol,p,ul{-webkit-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-moz-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-o-font-feature-settings:'liga' 1,'onum' 1,'kern' 1}ol,ul{padding-left:3rem}ol ol,ol ul,ul ol,ul ul{padding-left:2em}dl dt{width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}dl dd{margin-left:200px}hr{display:block;height:1px;border:0;border-top:#EFEFEF 1px solid;margin:3.2em 0;padding:0}blockquote{box-sizing:border-box;margin:1.75em 0;padding:0 0 0 1.75em;border-left:5px solid}blockquote:hover{border-color:#a9a9a9}blockquote p{margin:.8em 0;font-size:.9em;}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite a{font-weight:400}mark{background-color:#fdffb6}code,tt{padding:1px 3px;font-family:Inconsolata,Consolas,"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;font-size:.9em;white-space:pre-wrap;border:1px solid #E3EDF3;background:#F7FAFB;border-radius:2px}pre{font-size:.9em;overflow-x:auto;}pre code,pre tt{font-size:inherit;white-space:unset;background:0 0;border:none;padding:0}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-right{float:right}.fn-none, .hidden{display:none}#conoption{padding:0 10px;}#conoption .fn-right.iconfont, #comments .fn-right>.iconfont,.side .toc-btn,.side .toc .close{font-size:24px;}#commentForm{display:none;border-collapse:inherit;border:0;}#commentForm td{padding:3px 0;border:0;}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?3js4w7);src:url(fonts/icomoon.eot?3js4w7#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?3js4w7) format('truetype'),url(fonts/icomoon.woff?3js4w7) format('woff'),url(fonts/icomoon.svg?3js4w7#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle}.icon-tag:before{content:"\e903"}.icon-date:before{content:"\e902"}.icon-github:before{content:"\e900"}.icon-rss:before{content:"\e901"}.icon-register:before{content:"\e600"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-gplus:before{content:"\e603"}.icon-weibo:before{content:"\e605"}.icon-goup:before{content:"\e60a"}.icon-twitter:before{content:"\e60b"}.icon-t-weibo:before{content:"\e60d"}.icon-login:before{content:"\e611"}.form{width:100%;padding:30px}#captcha,#captchaReply{height:27px;display:inline-block;vertical-align:inherit;cursor:pointer;}.form button,.form input,.form textarea{border:1px solid #CCC;background-color:#FAFAFA;padding:7px 8px;width:100%;box-sizing:border-box;outline:0;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.tags .tag,footer.footer{font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New","Microsoft Yahei",monospace}.form button{width:auto;vertical-align:bottom;cursor:pointer}.form button:hover{background-color:#a9a9a9;color:#FFF;box-shadow:0 0 0;border-color:#a9a9a9}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.075) inset,0 0 5px rgba(176,160,170,.5);border:1px solid #a9a9a9}span.error-msg{padding:3px;font-size:14px;font-weight:bold;}.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14{background-image: url("../images/emotions/emotions.png");cursor:pointer;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;background-size:120px}#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 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.side{position:fixed;background-color:#FFF;height:100%;width:330px}.side a,.side .mysites{color:#696969;font-size:30px}.side .toc a,.side nav a{font-size:14px}.side .toc a:hover,.side a:hover,.side .mysites:hover{color:#a9a9a9}.side .overlay{height:180px;background-color:#eee;position:absolute;opacity:.333;width:100%}.side .content{width:76%;text-align:center;margin:0 auto 0;position:relative;z-index:1}.side .toc,.side footer,main{position:absolute}.side .avatar{display:block;border:5px solid #fff;border-radius:50%;width:128px;height:128px;margin:25px auto 40px;transition:all .1s ease-in}.side .avatar:hover{border-color:rgba(37,143,184,.6)}.side hgroup h1{margin:10px 0;line-height:30px}.side .subtitle{color:#999;font-size:14px;line-height:25px}.side nav ul{margin:0;padding:0}.side nav span.iconfont{font-size: 24px;margin:0 5px;}.side footer{bottom:15px;width:228px;text-align:center;left:50%;margin-left:-114px}.side footer>div{margin-bottom:10px}.side .toc-btn{float:right;padding:10px;display:none}.side .toc{transition: all .3s ease;height:100%;width:100%;top:0;left:0;z-index:10;overflow:auto;background:#5d5d5d}.side .toc li{padding: 2px 0;border-bottom:1px solid #717171;border-top:1px solid #5d5d5d}.side .toc a{color:#e5e5e5;display:block}.side .b3-solo-list{padding:0;margin-top:40px}.abstract .b3-solo-list{display:none}.side .toc .close{color:#fff;float:right;padding:10px;}main{right:0;min-height:100%;background:#eaeaea;left:330px;width:auto}article{margin:30px;border:1px solid #ddd;background:#fff;position:relative;transition:all .2s ease-in;visibility:hidden}.share span,.tags .avatar{transition:all .2s ease-out 0s}article.post,article.show{visibility:visible}::selection {color:#fff; background-color:#3498db;}::-moz-selection {color:#fff; background-color:#3498db;}::-webkit-selection {color:#fff; background-color:#3498db;}.toc__panel--hide{transform: translate(-750px);}article.show,.side .toc{-webkit-animation:bounce .6s;animation:bounce .6s}@-webkit-keyframes bounce{0%{opacity:0;-webkit-transform:scale(1)}60%{opacity:1;-webkit-transform:scale(1.02)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounce{0%{opacity:0;-moz-transform:scale(1)}60%{opacity:1;-moz-transform:scale(1.02)}100%{-moz-transform:scale(1)}}.tags .tag:hover,article .abstract a:hover,nav.pagination a.page-num:hover{opacity:.7}article header{border-left:5px solid;padding:15px 30px 15px 25px}article header:hover{border-color:#a9a9a9}article header h2{margin:0;font-size:24px;}article header h2:not(.dynamic-title){padding-right:110px}article header a{color:#696969;margin-left:0;font-weight:300;line-height:35px}article header a:hover{color:#a9a9a9}article header sup{font-size:14px;font-weight:400;color:#999}article header sup .iconfont{font-size:26px;}article header time{font-size:14px;position:absolute;right:30px;color:#aaa;top:18px}article .abstract{line-height:1.8em;padding-right:30px;padding-left:30px;overflow:hidden;word-wrap:break-word}article footer{padding:20px 35px 0 0;margin:30px 30px 20px;border-top:1px solid #ddd}.tags .avatar{width:20px;border-radius:10px;right:30px;position:absolute;bottom:25px}.share span{cursor:pointer}.share span:hover,.tags .avatar:hover{transform:rotate(360deg);color:#333}.tags .tag{color:#fff;font-size:10px;height:18px;line-height:18px;display:inline-block;padding:0 5px 0 10px;position:relative;border-radius:0 5px 5px 0;margin:5px 9px 5px 8px;background-color:#88acdb}.tags .tag:after,.tags .tag:before{content:" ";position:absolute}.tags .tag:before{width:0;height:0;top:0;left:-18px;border:9px solid transparent;border-right-color:#88acdb}.tags .tag:after{width:4px;height:4px;background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.3);top:7px;left:2px}a.color1.tag{background:#999}a.color1.tag:before{border-right-color:#999}a.color2.tag{background:#ccc}a.color2.tag:before{border-right-color:#ccc}a.color3.tag{background:#666}a.color3.tag:before{border-right-color:#666}nav.pagination{text-align:center;margin-top:30px}nav.pagination .page-num{width:30px;height:30px;background:#4d4d4d;border-radius:50%;display:inline-block;color:#fff;line-height:30px;font-size:18px;margin:0 3px 30px}nav.pagination .page-num.current{background:#88acdb}nav.pagination .extend{font-size:24px;color:#4d4d4d;margin:0 5px;opacity:0}nav.pagination .extend:hover{color:#a9a9a9}nav.pagination:hover .extend{opacity:1}.post .tags .avatar, .side nav ul li.hide{bottom:inherit;margin-top:4px}.post section.tags{margin:0}.post header{padding-bottom:0}.post .share{padding:10px 0 0;margin-top:15px;font-size:22px}.post aside a{color:#DDD}.post aside a>strong{background:#ddd;color:#fff;border-radius:50%;width:16px;height:16px;display:inline-block;transition:background .3s;vertical-align:middle;line-height:14px;text-align:center}.post aside a:hover{color:#4d4d4d}.post aside a:hover>strong{background-color:#4d4d4d}.comments{margin:60px 60px 0 50px;padding:0;position:relative}.comments li{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ddd}.comments li time{border-left:1px solid #d5dbde;padding-left:10px;margin-left:10px}.comments .avatar{position:absolute;height:60px;width:60px;border-radius:50%;border:3px solid #FFF}.comments .content{margin-left:80px;min-height:66px}.comments .post-meta{margin-bottom:9px}.comments .content img{vertical-align:sub}.comments li.comment-body-ref{position:absolute;background-color:#FFF;width:80%;margin-left:80px;padding:10px;border:1px solid #ddd}footer.footer{line-height:1rem;font-size:12px;line-height:20px;text-shadow:0 1px #fff;opacity:.6;margin:0 30px 30px}footer.footer .icon-goup,#backBtm{position:fixed;bottom:85px;right:5px;-webkit-animation:upbounce 4s 2s infinite;animation:upbounce 4s 2s infinite;z-index:10;font-size:30px;cursor:pointer;color:#999;transition:all .3s ease}#backBtm{bottom: 50px;display:none;}footer.footer .icon-goup:hover,#backBtm:hover{color:#4a4a4a}@-webkit-keyframes upbounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes upbounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.classify li{font-size:20px;float:left;margin:0 10px 20px 0}.classify .tags .tag{font-size:20px;padding:10px}.classify .tags .tag:before{left:-38px;border-width:19px}.classify .tags .tag:after{top:15px;left:-6px;width:8px;height:8px}.classify-name{font-size:18px;margin:30px}.dynamic .comments li:last-child{border-bottom-width:0}li.icontitle{font-size:26px;line-height:36px;}.dynamic h2 li{float:left;margin:0 10px 20px 0;}div.comment-content{overflow-wrap: break-word;}table {width: 100%; border-collapse:collapse; border: 1px solid #ccc;}table th, table td {border: 1px solid #E6E6E6;padding: 3px 5px;word-break: normal;}table th {background: #F3F3F3;}th, td {text-align: left;}@media only screen and (min-width:751px){}@media only screen and (max-width:750px){select:focus, textarea:focus, input:focus { font-size: 16px !important;}.side,.side .avatar{position:relative}.side .avatar{margin:25px auto 50px}.side{height:400px;width:100%;background:#666 url('/images/bg.jpg') center -40px}.side .toc-btn{color:#000}main{position:initial}.side .content{margin-top:0;padding-top:50px}.side .overlay{height:100%;z-index:0;}.side .content hgroup{margin: 70px 0 10px;}.side a{color:#fff}.side .subtitle{margin: 0 auto;color:#ccc}.side nav {font-weight: bold;}.side nav ul{color:#ccc}.side nav ul li.hide,.side footer{display:none}article{margin:10px}.comments{margin:20px 20px 0}footer.footer{text-align:center}footer.footer .fn-right{float:none;display:block}}@media only screen and (max-height:480px){.side footer>div{display:none}}@media only screen and (max-height:405px){.side nav{display:none}}@media only screen and (max-height:350px){.side>footer{display:none}}a,b,i,p,h1,h2,h3,h4,h5,h6,td,th,li,div,sub,sup,span,time,footer,section{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}#hideinfo{padding:20px 40px;line-height:24px;background-color:#333;color:#fff;font-weight:300;}#hideinfo a{color:#fff;} +@charset "utf-8";/*!Copyright (c) 2010-2016, b3log.org & hacpai.com Licensed under the Apache License, Version 2.0 (the "License");*/ body,html{height:100%;max-height:100%}body,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{text-rendering:geometricPrecision}dl dd,dl dt{margin-bottom:1em}body,li li{margin:0}blockquote cite,dl dt{font-weight:700}.fn-left,dl dt{float:left}.form button,a,blockquote,.side .avatar{transition:all .3s ease}.classify li,.comments,.dynamic li,.side nav ul{list-style:none}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{overflow-x: hidden;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;letter-spacing:.01rem;font-size:100%;line-height:1.75em;color:rgba(0,0,0,.6);-webkit-font-feature-settings:'kern' 1;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1;background-color:#eaeaea}a{text-decoration:none;color:#0099CC;outline:0;cursor:pointer;}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;color:#666;line-height:1.15em;font-family:"Open Sans","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}h1{letter-spacing:-2px;text-indent:-3px}h2{letter-spacing:-1px}img{max-width:100%}dl,ol,p,ul{-webkit-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-moz-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-o-font-feature-settings:'liga' 1,'onum' 1,'kern' 1}ol,ul{padding-left:3rem}ol ol,ol ul,ul ol,ul ul{padding-left:2em}dl dt{width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}dl dd{margin-left:200px}hr{display:block;height:1px;border:0;border-top:#EFEFEF 1px solid;margin:3.2em 0;padding:0}blockquote{box-sizing:border-box;margin:1.75em 0;padding:0 0 0 1.75em;border-left:5px solid}blockquote:hover{border-color:#a9a9a9}blockquote p{margin:.8em 0;font-size:.9em;}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite a{font-weight:400}mark{background-color:#fdffb6}code,tt{padding:1px 3px;font-family:Inconsolata,Consolas,"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;font-size:.9em;white-space:pre-wrap;border:1px solid #E3EDF3;background:#F7FAFB;border-radius:2px}pre{font-size:.9em;overflow-x:auto;}pre code,pre tt{font-size:inherit;white-space:unset;background:0 0;border:none;padding:0}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-right{float:right}.fn-none, .hidden{display:none}#conoption{padding:0 10px;}#conoption .fn-right.iconfont, #comments .fn-right>.iconfont,.side .toc-btn,.side .toc .close{font-size:24px;}#commentForm{display:none;border-collapse:inherit;border:0;}#commentForm td{padding:3px 0;border:0;}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?3js4w7);src:url(fonts/icomoon.eot?3js4w7#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?3js4w7) format('truetype'),url(fonts/icomoon.woff?3js4w7) format('woff'),url(fonts/icomoon.svg?3js4w7#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle}.icon-tag:before{content:"\e903"}.icon-date:before{content:"\e902"}.icon-github:before{content:"\e900"}.icon-rss:before{content:"\e901"}.icon-register:before{content:"\e600"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-gplus:before{content:"\e603"}.icon-weibo:before{content:"\e605"}.icon-goup:before{content:"\e60a"}.icon-twitter:before{content:"\e60b"}.icon-t-weibo:before{content:"\e60d"}.icon-login:before{content:"\e611"}.form{width:100%;padding:30px}#captcha,#captchaReply{height:27px;display:inline-block;vertical-align:inherit;cursor:pointer;}.form button,.form input,.form textarea{border:1px solid #CCC;background-color:#FAFAFA;padding:7px 8px;width:100%;box-sizing:border-box;outline:0;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.tags .tag,footer.footer{font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New","Microsoft Yahei",monospace}.form button{width:auto;vertical-align:bottom;cursor:pointer}.form button:hover{background-color:#a9a9a9;color:#FFF;box-shadow:0 0 0;border-color:#a9a9a9}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.075) inset,0 0 5px rgba(176,160,170,.5);border:1px solid #a9a9a9}span.error-msg{padding:3px;font-size:14px;font-weight:bold;}.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14{background-image: url("../images/emotions/emotions.png");cursor:pointer;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;background-size:120px}#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 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.side{position:fixed;background-color:#FFF;height:100%;width:330px}.side a,.side .mysites{color:#696969;font-size:30px}.side .toc a,.side nav a{font-size:14px}.side .toc a:hover,.side a:hover,.side .mysites:hover{color:#a9a9a9}.side .overlay{height:180px;background-color:#eee;position:absolute;opacity:.333;width:100%}.side .content{width:76%;text-align:center;margin:0 auto 0;position:relative;z-index:1}.side .toc,.side footer,main{position:absolute}.side .avatar{display:block;border:5px solid #fff;border-radius:50%;width:128px;height:128px;margin:25px auto 40px;transition:all .1s ease-in}.side .avatar:hover{border-color:rgba(37,143,184,.6)}.side hgroup h1{margin:10px 0;line-height:30px}.side .subtitle{color:#999;font-size:14px;line-height:25px}.side nav ul{margin:0;padding:0}.side nav span.iconfont{font-size: 24px;margin:0 5px;}.side footer{bottom:15px;width:228px;text-align:center;left:50%;margin-left:-114px}.side footer>div{margin-bottom:10px}.side .toc-btn{float:right;padding:10px;display:none}.side .toc{transition: all .3s ease;height:100%;width:100%;top:0;left:0;z-index:10;overflow:auto;background:#5d5d5d}.side .toc li{padding: 2px 0;border-bottom:1px solid #717171;border-top:1px solid #5d5d5d}.side .toc a{color:#e5e5e5;display:block}.side .b3-solo-list{padding:0;margin-top:40px}.abstract .b3-solo-list{display:none}.side .toc .close{color:#fff;float:right;padding:10px;}main{right:0;min-height:100%;background:#eaeaea;left:330px;width:auto}article{margin:30px;border:1px solid #ddd;background:#fff;position:relative;transition:all .2s ease-in;visibility:hidden}.share span,.tags .avatar{transition:all .2s ease-out 0s}article.post,article.show{visibility:visible}::selection {color:#fff; background-color:#3498db;}::-moz-selection {color:#fff; background-color:#3498db;}::-webkit-selection {color:#fff; background-color:#3498db;}.toc__panel--hide{transform: translate(-750px);}article.show,.side .toc{-webkit-animation:bounce .6s;animation:bounce .6s}@-webkit-keyframes bounce{0%{opacity:0;-webkit-transform:scale(1)}60%{opacity:1;-webkit-transform:scale(1.02)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounce{0%{opacity:0;-moz-transform:scale(1)}60%{opacity:1;-moz-transform:scale(1.02)}100%{-moz-transform:scale(1)}}.tags .tag:hover,article .abstract a:hover,nav.pagination a.page-num:hover{opacity:.7}article header{border-left:5px solid;padding:15px 30px 15px 25px}article header:hover{border-color:#a9a9a9}article header h2{margin:0;font-size:24px;}article header h2:not(.dynamic-title){padding-right:110px}article header a{color:#696969;margin-left:0;font-weight:300;line-height:35px}article header a:hover{color:#a9a9a9}article header sup{font-size:14px;font-weight:400;color:#999}article header sup .iconfont{font-size:26px;}article header time{font-size:14px;position:absolute;right:30px;color:#aaa;top:18px}article .abstract{line-height:1.8em;padding-right:30px;padding-left:30px;overflow:hidden;word-wrap:break-word}article footer{padding:20px 35px 0 0;margin:30px 30px 20px;border-top:1px solid #ddd}.tags .avatar{width:20px;border-radius:10px;right:30px;position:absolute;bottom:25px}.share span{cursor:pointer}.share span:hover,.tags .avatar:hover{transform:rotate(360deg);color:#333}.tags .tag{color:#fff;font-size:10px;height:18px;line-height:18px;display:inline-block;padding:0 5px 0 10px;position:relative;border-radius:0 5px 5px 0;margin:5px 9px 5px 8px;background-color:#88acdb}.tags .tag:after,.tags .tag:before{content:" ";position:absolute}.tags .tag:before{width:0;height:0;top:0;left:-18px;border:9px solid transparent;border-right-color:#88acdb}.tags .tag:after{width:4px;height:4px;background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.3);top:7px;left:2px}a.color1.tag{background:#999}a.color1.tag:before{border-right-color:#999}a.color2.tag{background:#ccc}a.color2.tag:before{border-right-color:#ccc}a.color3.tag{background:#666}a.color3.tag:before{border-right-color:#666}nav.pagination{text-align:center;margin-top:30px}nav.pagination .page-num{width:30px;height:30px;background:#4d4d4d;border-radius:50%;display:inline-block;color:#fff;line-height:30px;font-size:18px;margin:0 3px 30px}nav.pagination .page-num.current{background:#88acdb}nav.pagination .extend{font-size:24px;color:#4d4d4d;margin:0 5px;opacity:0}nav.pagination .extend:hover{color:#a9a9a9}nav.pagination:hover .extend{opacity:1}.post .tags .avatar, .side nav ul li.hide{bottom:inherit;margin-top:4px}.post section.tags{margin:0}.post header{padding-bottom:0}.post .share{padding:10px 0 0;margin-top:15px;font-size:22px}.post aside a{color:#DDD}.post aside a>strong{background:#ddd;color:#fff;border-radius:50%;width:16px;height:16px;display:inline-block;transition:background .3s;vertical-align:middle;line-height:14px;text-align:center}.post aside a:hover{color:#4d4d4d}.post aside a:hover>strong{background-color:#4d4d4d}.comments{margin:60px 60px 0 50px;padding:0;position:relative}.comments li{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ddd}.comments li time{border-left:1px solid #d5dbde;padding-left:10px;margin-left:10px}.comments .avatar{position:absolute;height:60px;width:60px;border-radius:50%;border:3px solid #FFF}.comments .content{margin-left:80px;min-height:66px}.comments .post-meta{margin-bottom:9px}.comments .content img{vertical-align:sub}.comments li.comment-body-ref{position:absolute;background-color:#FFF;width:80%;margin-left:80px;padding:10px;border:1px solid #ddd}footer.footer{line-height:1rem;font-size:12px;line-height:20px;text-shadow:0 1px #fff;opacity:.6;margin:0 30px 30px}footer.footer .icon-goup,#backBtm{position:fixed;bottom:85px;right:5px;-webkit-animation:upbounce 4s 2s infinite;animation:upbounce 4s 2s infinite;z-index:10;font-size:30px;cursor:pointer;color:#999;transition:all .3s ease}#backBtm{bottom: 50px;display:none;}footer.footer .icon-goup:hover,#backBtm:hover{color:#4a4a4a}@-webkit-keyframes upbounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes upbounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.classify li{font-size:20px;float:left;margin:0 10px 20px 0}.classify .tags .tag{font-size:20px;padding:10px}.classify .tags .tag:before{left:-38px;border-width:19px}.classify .tags .tag:after{top:15px;left:-6px;width:8px;height:8px}.classify-name{font-size:18px;margin:30px}.dynamic .comments li:last-child{border-bottom-width:0}li.icontitle{font-size:26px;line-height:36px;}.dynamic h2 li{float:left;margin:0 10px 20px 0;}div.comment-content{overflow-wrap: break-word;}table {width: 100%; border-collapse:collapse; border: 1px solid #ccc;}table th, table td {border: 1px solid #E6E6E6;padding: 3px 5px;word-break: normal;}table th {background: #F3F3F3;}th, td {text-align: left;}@media only screen and (min-width:751px){}@media only screen and (max-width:750px){select:focus, textarea:focus, input:focus { font-size: 16px !important;}.side,.side .avatar{position:relative}.side .avatar{margin:25px auto 50px}.side{height:400px;width:100%;background:#666 url('/images/bg.jpg') center -40px}.side .toc-btn{color:#000}main{position:initial}.side .content{margin-top:0;padding-top:50px}.side .overlay{height:100%;z-index:0;}.side .content hgroup{margin: 70px 0 10px;}.side a{color:#fff}.side .subtitle{margin: 0 auto;color:#ccc}.side nav {font-weight: bold;}.side nav ul{color:#ccc}.side nav ul li.hide,.side footer{display:none}article{margin:10px}.comments{margin:20px 20px 0}footer.footer{text-align:center}footer.footer .fn-right{float:none;display:block}}@media only screen and (max-height:480px){.side footer>div{display:none}}@media only screen and (max-height:405px){.side nav{display:none}}@media only screen and (max-height:350px){.side>footer{display:none}}a,b,i,p,h1,h2,h3,h4,h5,h6,td,th,li,div,sub,sup,span,time,footer,section{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}#hideinfo{padding:20px 40px;line-height:24px;background-color:#333;color:#fff;font-weight:300;}#hideinfo a{color:#fff;} ::-webkit-scrollbar { width: 6px; height: 6px; }::-webkit-scrollbar-track-piece { background-color: #eee; -webkit-border-radius: 3px; }::-webkit-scrollbar-thumb { background-color: #999; outline: 0; border: 1px solid #999; -webkit-border-radius: 3px; }::-webkit-scrollbar-thumb:hover { background-color: #666; } \ No newline at end of file diff --git a/iMobile/dynamic.ftl b/skins/iMobile/dynamic.ftl similarity index 96% rename from iMobile/dynamic.ftl rename to skins/iMobile/dynamic.ftl index 6eaf82e..e16c0ab 100644 --- a/iMobile/dynamic.ftl +++ b/skins/iMobile/dynamic.ftl @@ -1,92 +1,92 @@ -<#include "macro-head.ftl"> - - - -<@head title="${dynamicLabel} - ${blogTitle}"> - - - - - - -<#include "side.ftl"> -
    -
    -
    -

    -
  • ${dynamicLabel}     -

    -
    - <#if 0 != recentComments?size> -
      - <#list recentComments as comment> - <#if comment_index < 11> -
    • - ${comment.commentName} -
      -
      - - <#if "http://" == comment.commentURL> - ${comment.commentName} - <#else> - ${comment.commentName} - - - - -
      -
      ${comment.commentContent}
      -
      -
      • - - -
    - -
    -<#if 0 != mostCommentArticles?size || 0 != mostViewCountArticles?size> -<#if 0 != mostCommentArticles?size> -
    -
    -

  • - ${mostCommentArticlesLabel} -

    -
    - -
    - -<#if 0 != mostViewCountArticles?size> -
    -
    -

  • - ${mostViewCountArticlesLabel} -

    -
    - -
    - - -<#include "footer.ftl"> -
    - - +<#include "macro-head.ftl"> + + + +<@head title="${dynamicLabel} - ${blogTitle}"> + + + + + + +<#include "side.ftl"> +
    +
    +
    +

    +
  • ${dynamicLabel}     +

    +
    + <#if 0 != recentComments?size> +
      + <#list recentComments as comment> + <#if comment_index < 11> +
    • + ${comment.commentName} +
      +
      + + <#if "http://" == comment.commentURL> + ${comment.commentName} + <#else> + ${comment.commentName} + + + + +
      +
      ${comment.commentContent}
      +
      +
      • + + +
    + +
    +<#if 0 != mostCommentArticles?size || 0 != mostViewCountArticles?size> +<#if 0 != mostCommentArticles?size> +
    +
    +

  • + ${mostCommentArticlesLabel} +

    +
    + +
    + +<#if 0 != mostViewCountArticles?size> +
    +
    +

  • + ${mostViewCountArticlesLabel} +

    +
    + +
    + + +<#include "footer.ftl"> +
    + + \ No newline at end of file diff --git a/iMobile/footer.ftl b/skins/iMobile/footer.ftl similarity index 98% rename from iMobile/footer.ftl rename to skins/iMobile/footer.ftl index da608e6..0aa3f67 100644 --- a/iMobile/footer.ftl +++ b/skins/iMobile/footer.ftl @@ -1,94 +1,94 @@ -
    -
    - - ${viewCount1Label}${statistic.statisticBlogViewCount}  - ${articleCount1Label}${statistic.statisticPublishedBlogArticleCount}  - ${commentCount1Label}${statistic.statisticPublishedBlogCommentCount}  - ${onlineVisitor1Label}${onlineVisitorCnt} -  ${footerContent} -
    -
    - ©${year} ${blogTitle?html} All Rights Reserved -   - <#-- 根据自己实际情况修改 - -   - --> - Powered by B3log开源·Solo - Theme 子兮子兮 - -
    - - -
    -<#-- 我喜欢把有些可能频繁修改的 js 和 css 代码直接写在 ftl 文件里，因为写在 ftl 里修改后不需要重启服务即可直接保存查看效果，单独写在文件里必须关闭服务后才能保存修改。 --> - - - - - - - - - +
    +
    + + ${viewCount1Label}${statistic.statisticBlogViewCount}  + ${articleCount1Label}${statistic.statisticPublishedBlogArticleCount}  + ${commentCount1Label}${statistic.statisticPublishedBlogCommentCount}  + ${onlineVisitor1Label}${onlineVisitorCnt} +  ${footerContent} +
    +
    + ©${year} ${blogTitle?html} All Rights Reserved +   + <#-- 根据自己实际情况修改 + +   + --> + Powered by B3log开源·Solo + Theme 子兮子兮 + +
    + + +
    +<#-- 我喜欢把有些可能频繁修改的 js 和 css 代码直接写在 ftl 文件里，因为写在 ftl 里修改后不需要重启服务即可直接保存查看效果，单独写在文件里必须关闭服务后才能保存修改。 --> + + + + + + + + + <#-- ${plugins} --> \ No newline at end of file diff --git a/iMobile/images/bbg.jpg b/skins/iMobile/images/bbg.jpg similarity index 100% rename from iMobile/images/bbg.jpg rename to skins/iMobile/images/bbg.jpg diff --git a/iMobile/images/emotions/em00.png b/skins/iMobile/images/emotions/em00.png similarity index 100% rename from iMobile/images/emotions/em00.png rename to skins/iMobile/images/emotions/em00.png diff --git a/iMobile/images/emotions/em01.png b/skins/iMobile/images/emotions/em01.png similarity index 100% rename from iMobile/images/emotions/em01.png rename to skins/iMobile/images/emotions/em01.png diff --git a/iMobile/images/emotions/em02.png b/skins/iMobile/images/emotions/em02.png similarity index 100% rename from iMobile/images/emotions/em02.png rename to skins/iMobile/images/emotions/em02.png diff --git a/iMobile/images/emotions/em03.png b/skins/iMobile/images/emotions/em03.png similarity index 100% rename from iMobile/images/emotions/em03.png rename to skins/iMobile/images/emotions/em03.png diff --git a/iMobile/images/emotions/em04.png b/skins/iMobile/images/emotions/em04.png similarity index 100% rename from iMobile/images/emotions/em04.png rename to skins/iMobile/images/emotions/em04.png diff --git a/iMobile/images/emotions/em05.png b/skins/iMobile/images/emotions/em05.png similarity index 100% rename from iMobile/images/emotions/em05.png rename to skins/iMobile/images/emotions/em05.png diff --git a/iMobile/images/emotions/em06.png b/skins/iMobile/images/emotions/em06.png similarity index 100% rename from iMobile/images/emotions/em06.png rename to skins/iMobile/images/emotions/em06.png diff --git a/iMobile/images/emotions/em07.png b/skins/iMobile/images/emotions/em07.png similarity index 100% rename from iMobile/images/emotions/em07.png rename to skins/iMobile/images/emotions/em07.png diff --git a/iMobile/images/emotions/em08.png b/skins/iMobile/images/emotions/em08.png similarity index 100% rename from iMobile/images/emotions/em08.png rename to skins/iMobile/images/emotions/em08.png diff --git a/iMobile/images/emotions/em09.png b/skins/iMobile/images/emotions/em09.png similarity index 100% rename from iMobile/images/emotions/em09.png rename to skins/iMobile/images/emotions/em09.png diff --git a/iMobile/images/emotions/em10.png b/skins/iMobile/images/emotions/em10.png similarity index 100% rename from iMobile/images/emotions/em10.png rename to skins/iMobile/images/emotions/em10.png diff --git a/iMobile/images/emotions/em11.png b/skins/iMobile/images/emotions/em11.png similarity index 100% rename from iMobile/images/emotions/em11.png rename to skins/iMobile/images/emotions/em11.png diff --git a/iMobile/images/emotions/em12.png b/skins/iMobile/images/emotions/em12.png similarity index 100% rename from iMobile/images/emotions/em12.png rename to skins/iMobile/images/emotions/em12.png diff --git a/iMobile/images/emotions/em13.png b/skins/iMobile/images/emotions/em13.png similarity index 100% rename from iMobile/images/emotions/em13.png rename to skins/iMobile/images/emotions/em13.png diff --git a/iMobile/images/emotions/em14.png b/skins/iMobile/images/emotions/em14.png similarity index 100% rename from iMobile/images/emotions/em14.png rename to skins/iMobile/images/emotions/em14.png diff --git a/iMobile/images/emotions/emotions.png b/skins/iMobile/images/emotions/emotions.png similarity index 100% rename from iMobile/images/emotions/emotions.png rename to skins/iMobile/images/emotions/emotions.png diff --git a/iMobile/index.ftl b/skins/iMobile/index.ftl similarity index 95% rename from iMobile/index.ftl rename to skins/iMobile/index.ftl index 152a98c..fc33609 100644 --- a/iMobile/index.ftl +++ b/skins/iMobile/index.ftl @@ -1,21 +1,21 @@ -<#include "macro-head.ftl"> - - - -<@head title="${blogTitle}"> -<#if metaKeywords??> - - -<#if metaDescription??> - - - - - -<#include "side.ftl"> -
    - <#include "article-list.ftl"> - <#include "footer.ftl"> -
    - +<#include "macro-head.ftl"> + + + +<@head title="${blogTitle}"> +<#if metaKeywords??> + + +<#if metaDescription??> + + + + + +<#include "side.ftl"> +
    + <#include "article-list.ftl"> + <#include "footer.ftl"> +
    + \ No newline at end of file diff --git a/iMobile/js/common.js b/skins/iMobile/js/common.js similarity index 96% rename from iMobile/js/common.js rename to skins/iMobile/js/common.js index 4b44aa8..7aeec00 100644 --- a/iMobile/js/common.js +++ b/skins/iMobile/js/common.js @@ -1,379 +1,379 @@ -/* - * Copyright (c) 2010-2018, b3log.org & hacpai.com - * - * 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 util and every page should be used. - * - * @author Liyuan Li - * @author Liang Ding - * @version 1.3.1.1, Jan 29, 2018 - */ - -/** - * @description Util - * @static - */ -var Util = { - /** - * 按需加载 MathJax 及 flow - * @returns {undefined} - */ - parseMarkdown: function (className) { - var hasMathJax = false; - var hasFlow = false; - var className = className || 'article-body'; - $('.' + className).each(function () { - $(this).find('p').each(function () { - if ($(this).text().indexOf('$\\') > -1 || $(this).text().indexOf('$$') > -1) { - hasMathJax = true; - } - }); - if ($(this).find('code.lang-flow, code.language-flow').length > 0) { - hasFlow = true - } - }); - - if (hasMathJax) { - var initMathJax = function () { - MathJax.Hub.Config({ - tex2jax: { - inlineMath: [['$', '$'], ["\\(", "\\)"]], - displayMath: [['$$', '$$']], - processEscapes: true, - processEnvironments: true, - skipTags: ['pre', 'code', 'script'] - } - }); - MathJax.Hub.Typeset(); - }; - - if (typeof MathJax !== 'undefined') { - initMathJax(); - } else { - $.ajax({ - method: "GET", - url: "https://cdn.staticfile.org/MathJax/MathJax-2.6-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&_=1473258780393", - dataType: "script", - cache: true - }).done(function () { - initMathJax(); - }); - } - } - - if (hasFlow) { - var initFlow = function () { - $('.' + className + ' code.lang-flow, .' + className + ' code.language-flow').each(function (index) { - var $it = $(this); - var id = 'symFlow' + (new Date()).getTime() + index; - $it.hide(); - var diagram = flowchart.parse($.trim($it.text())); - $it.parent().after('
    ') - diagram.drawSVG(id); - $it.parent().remove(); - $('#' + id).find('svg').height('auto').width('auto'); - }); - }; - - if (typeof (flowchart) !== 'undefined') { - initFlow(); - } else { - $.ajax({ - method: "GET", - url: latkeConfig.staticServePath + '/js/lib/flowchart/flowchart.min.js', - dataType: "script", - cache: true - }).done(function () { - initFlow() - }); - } - } - }, - /** - * @description 是否登录 - * @returns {Boolean} 是否登录 - */ - isLoggedIn: function () { - if (($("#admin").length === 1 && $("#admin").data("login")) || latkeConfig.isLoggedIn === "true") { - return true; - } else { - return false; - } - }, - /** - * @description 获取用户名称 - * @returns {String} 用户名称 - */ - getUserName: function () { - if ($("#adminName").length === 1) { - return $("#adminName").text(); - } else { - return latkeConfig.userName; - } - }, - /** - * @description 检测页面错误 - */ - error: function () { - $("#tipMsg").text("Error: " + arguments[0] + - " File: " + arguments[1] + "\nLine: " + arguments[2] + - " please report this issue on https://github.com/b3log/solo/issues/new"); - $("#loadMsg").text(""); - }, - /** - * @description IE6/7，跳转到 kill-browser 页面 - */ - killIE: function () { - var addKillPanel = function () { - if (Cookie.readCookie("showKill") === "") { - var left = ($(window).width() - 701) / 2, - top1 = ($(window).height() - 420) / 2; - $("body").append("
    " - + ""); - } - }; - - if ($.browser.msie) { - // kill IE6 and IE7 - if ($.browser.version === "6.0" || $.browser.version === "7.0") { - addKillPanel(); - return; - } - - // 后台页面 kill 360 - if (window.external && window.external.twGetRunPath) { - var path = external.twGetRunPath(); - if (path && path.toLowerCase().indexOf("360se") > -1 && - window.location.href.indexOf("admin-index") > -1) { - addKillPanel(); - return; - } - } - } - }, - /** - * @description 替换[emXX] 为图片 - * @param {String} str 替换字符串 - * @returns {String} 替换后的字符 - */ - replaceEmString: function (str) { - var commentSplited = str.split("[em"); - if (commentSplited.length === 1) { - return str; - } - - str = commentSplited[0]; - for (var j = 1; j < commentSplited.length; j++) { - var key = commentSplited[j].substr(0, 2); - str += "" + - Label["em" + key + "Label"] + " " + commentSplited[j].substr(3); - } - return str; - }, - /** - * @description URL 没有协议头，则自动加上 http:// - * @param {String} url URL 地址 - * @returns {String} 添加后的URL - */ - proessURL: function (url) { - if (!/^\w+:\/\//.test(url)) { - url = "http://" + url; - } - return url; - }, - /** - * @description 切换到手机版 - * @param {String} skin 切换前的皮肤名称 - */ - switchMobile: function (skin) { - Cookie.createCookie("btouch_switch_toggle", skin, 365); - setTimeout(function () { - location.reload(); - }, 1250); - }, - /** - * @description topbar 相关事件 - */ - setTopBar: function () { - var $top = $("#top"); - if ($top.length === 1) { - var $showTop = $("#showTop"); - $showTop.click(function () { - $top.slideDown(); - $showTop.hide(); - }); - $("#hideTop").click(function () { - $top.slideUp(); - $showTop.show(); - }); - } - }, - /** - * @description 回到顶部 - */ - goTop: function () { - $('html, body').animate({scrollTop: 0}, 500); - }, - /** - * @description 回到底部 - */ - goBottom: function (bottom) { - if (!bottom) { - bottom = 0; - } - var wHeight = $("body").height() > $(document).height() ? $("body").height() : $(document).height(); - // window.scrollTo(0, wHeight - $(window).height() - bottom); - $('html, body').animate({scrollTop: (wHeight - $(window).height() - bottom)}, 500); - }, - /** - * @description 页面初始化执行的函数 - */ - init: function () { - //window.onerror = Util.error; - Util.killIE(); - Util.setTopBar(); - Util.parseMarkdown(); - }, - /** - * @description 替换侧边栏表情为图片 - * @param {Dom} comments 评论内容元素 - */ - replaceSideEm: function (comments) { - for (var i = 0; i < comments.length; i++) { - var $comment = $(comments[i]); - $comment.html(Util.replaceEmString($comment.html())); - } - }, - /** - * @description 根据 tags，穿件云效果 - * @param {String} [id] tags 根元素 id，默认为 tags - */ - buildTags: function (id) { - id = id || "tags"; - // 根据引用次数添加样式，产生云效果 - var classes = ["tags1", "tags2", "tags3", "tags4", "tags5"], - bList = $("#" + id + " b").get(); - var max = parseInt($("#" + id + " b").last().text()); - var distance = Math.ceil(max / classes.length); - for (var i = 0; i < bList.length; i++) { - var num = parseInt(bList[i].innerHTML); - // 算出当前 tag 数目所在的区间，加上 class - for (var j = 0; j < classes.length; j++) { - if (num > j * distance && num <= (j + 1) * distance) { - bList[i].parentNode.className = classes[j]; - break; - } - } - } - - // 按字母或者中文拼音进行排序 - $("#" + id).html($("#" + id + " li").get().sort(function (a, b) { - var valA = $(a).find("span").text().toLowerCase(); - var valB = $(b).find("span").text().toLowerCase(); - // 对中英文排序的处理 - return valA.localeCompare(valB); - })); - }, - /** - * @description 时间戳转化为时间格式 - * @param {String} time 时间 - * @param {String} format 格式化后日期格式 - * @returns {String} 格式化后的时间 - */ - toDate: function (time, format) { - var dateTime = new Date(time); - var o = { - "M+": dateTime.getMonth() + 1, //month - "d+": dateTime.getDate(), //day - "H+": dateTime.getHours(), //hour - "m+": dateTime.getMinutes(), //minute - "s+": dateTime.getSeconds(), //second - "q+": Math.floor((dateTime.getMonth() + 3) / 3), //quarter - "S": dateTime.getMilliseconds() //millisecond - } - - if (/(y+)/.test(format)) { - format = format.replace(RegExp.$1, (dateTime.getFullYear() + "").substr(4 - RegExp.$1.length)); - } - - for (var k in o) { - if (new RegExp("(" + k + ")").test(format)) { - format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)); - } - } - return format; - }, - /** - * @description 获取窗口高度 - * @returns {Inter} 窗口高度 - */ - getWinHeight: function () { - if (window.innerHeight) { - return window.innerHeight; - } - if (document.compatMode === "CSS1Compat") { - return window.document.documentElement.clientHeight; - } - return window.document.body.clientHeight; - } -}; -if (!Cookie) { - /** - * @description Cookie 相关操作 - * @static - */ - var Cookie = { - /** - * @description 读取 cookie - * @param {String} name cookie key - * @returns {String} 对应 key 的值，如 key 不存在则返回 "" - */ - readCookie: function (name) { - var nameEQ = name + "="; - var ca = document.cookie.split(';'); - for (var i = 0; i < ca.length; i++) { - var c = ca[i]; - while (c.charAt(0) == ' ') - c = c.substring(1, c.length); - if (c.indexOf(nameEQ) == 0) - return decodeURIComponent(c.substring(nameEQ.length, c.length)); - } - return ""; - }, - /** - * @description 清除 Cookie - * @param {String} name 清除 key 为 name 的该条 Cookie - */ - eraseCookie: function (name) { - this.createCookie(name, "", -1); - }, - /** - * @description 创建 Cookie - * @param {String} name 每条 Cookie 唯一的 key - * @param {String} value 每条 Cookie 对应的值，将被 UTF-8 编码 - * @param {Int} days Cookie 保存时间 - */ - createCookie: function (name, value, days) { - var expires = ""; - if (days) { - var date = new Date(); - date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); - expires = "; expires=" + date.toGMTString(); - } - document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/"; - } - }; +/* + * Copyright (c) 2010-2018, b3log.org & hacpai.com + * + * 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 util and every page should be used. + * + * @author Liyuan Li + * @author Liang Ding + * @version 1.3.1.1, Jan 29, 2018 + */ + +/** + * @description Util + * @static + */ +var Util = { + /** + * 按需加载 MathJax 及 flow + * @returns {undefined} + */ + parseMarkdown: function (className) { + var hasMathJax = false; + var hasFlow = false; + var className = className || 'article-body'; + $('.' + className).each(function () { + $(this).find('p').each(function () { + if ($(this).text().indexOf('$\\') > -1 || $(this).text().indexOf('$$') > -1) { + hasMathJax = true; + } + }); + if ($(this).find('code.lang-flow, code.language-flow').length > 0) { + hasFlow = true + } + }); + + if (hasMathJax) { + var initMathJax = function () { + MathJax.Hub.Config({ + tex2jax: { + inlineMath: [['$', '$'], ["\\(", "\\)"]], + displayMath: [['$$', '$$']], + processEscapes: true, + processEnvironments: true, + skipTags: ['pre', 'code', 'script'] + } + }); + MathJax.Hub.Typeset(); + }; + + if (typeof MathJax !== 'undefined') { + initMathJax(); + } else { + $.ajax({ + method: "GET", + url: "https://cdn.staticfile.org/MathJax/MathJax-2.6-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&_=1473258780393", + dataType: "script", + cache: true + }).done(function () { + initMathJax(); + }); + } + } + + if (hasFlow) { + var initFlow = function () { + $('.' + className + ' code.lang-flow, .' + className + ' code.language-flow').each(function (index) { + var $it = $(this); + var id = 'symFlow' + (new Date()).getTime() + index; + $it.hide(); + var diagram = flowchart.parse($.trim($it.text())); + $it.parent().after('
    ') + diagram.drawSVG(id); + $it.parent().remove(); + $('#' + id).find('svg').height('auto').width('auto'); + }); + }; + + if (typeof (flowchart) !== 'undefined') { + initFlow(); + } else { + $.ajax({ + method: "GET", + url: latkeConfig.staticServePath + '/js/lib/flowchart/flowchart.min.js', + dataType: "script", + cache: true + }).done(function () { + initFlow() + }); + } + } + }, + /** + * @description 是否登录 + * @returns {Boolean} 是否登录 + */ + isLoggedIn: function () { + if (($("#admin").length === 1 && $("#admin").data("login")) || latkeConfig.isLoggedIn === "true") { + return true; + } else { + return false; + } + }, + /** + * @description 获取用户名称 + * @returns {String} 用户名称 + */ + getUserName: function () { + if ($("#adminName").length === 1) { + return $("#adminName").text(); + } else { + return latkeConfig.userName; + } + }, + /** + * @description 检测页面错误 + */ + error: function () { + $("#tipMsg").text("Error: " + arguments[0] + + " File: " + arguments[1] + "\nLine: " + arguments[2] + + " please report this issue on https://github.com/b3log/solo/issues/new"); + $("#loadMsg").text(""); + }, + /** + * @description IE6/7，跳转到 kill-browser 页面 + */ + killIE: function () { + var addKillPanel = function () { + if (Cookie.readCookie("showKill") === "") { + var left = ($(window).width() - 701) / 2, + top1 = ($(window).height() - 420) / 2; + $("body").append("
    " + + ""); + } + }; + + if ($.browser.msie) { + // kill IE6 and IE7 + if ($.browser.version === "6.0" || $.browser.version === "7.0") { + addKillPanel(); + return; + } + + // 后台页面 kill 360 + if (window.external && window.external.twGetRunPath) { + var path = external.twGetRunPath(); + if (path && path.toLowerCase().indexOf("360se") > -1 && + window.location.href.indexOf("admin-index") > -1) { + addKillPanel(); + return; + } + } + } + }, + /** + * @description 替换[emXX] 为图片 + * @param {String} str 替换字符串 + * @returns {String} 替换后的字符 + */ + replaceEmString: function (str) { + var commentSplited = str.split("[em"); + if (commentSplited.length === 1) { + return str; + } + + str = commentSplited[0]; + for (var j = 1; j < commentSplited.length; j++) { + var key = commentSplited[j].substr(0, 2); + str += "" + + Label["em" + key + "Label"] + " " + commentSplited[j].substr(3); + } + return str; + }, + /** + * @description URL 没有协议头，则自动加上 http:// + * @param {String} url URL 地址 + * @returns {String} 添加后的URL + */ + proessURL: function (url) { + if (!/^\w+:\/\//.test(url)) { + url = "http://" + url; + } + return url; + }, + /** + * @description 切换到手机版 + * @param {String} skin 切换前的皮肤名称 + */ + switchMobile: function (skin) { + Cookie.createCookie("btouch_switch_toggle", skin, 365); + setTimeout(function () { + location.reload(); + }, 1250); + }, + /** + * @description topbar 相关事件 + */ + setTopBar: function () { + var $top = $("#top"); + if ($top.length === 1) { + var $showTop = $("#showTop"); + $showTop.click(function () { + $top.slideDown(); + $showTop.hide(); + }); + $("#hideTop").click(function () { + $top.slideUp(); + $showTop.show(); + }); + } + }, + /** + * @description 回到顶部 + */ + goTop: function () { + $('html, body').animate({scrollTop: 0}, 500); + }, + /** + * @description 回到底部 + */ + goBottom: function (bottom) { + if (!bottom) { + bottom = 0; + } + var wHeight = $("body").height() > $(document).height() ? $("body").height() : $(document).height(); + // window.scrollTo(0, wHeight - $(window).height() - bottom); + $('html, body').animate({scrollTop: (wHeight - $(window).height() - bottom)}, 500); + }, + /** + * @description 页面初始化执行的函数 + */ + init: function () { + //window.onerror = Util.error; + Util.killIE(); + Util.setTopBar(); + Util.parseMarkdown(); + }, + /** + * @description 替换侧边栏表情为图片 + * @param {Dom} comments 评论内容元素 + */ + replaceSideEm: function (comments) { + for (var i = 0; i < comments.length; i++) { + var $comment = $(comments[i]); + $comment.html(Util.replaceEmString($comment.html())); + } + }, + /** + * @description 根据 tags，穿件云效果 + * @param {String} [id] tags 根元素 id，默认为 tags + */ + buildTags: function (id) { + id = id || "tags"; + // 根据引用次数添加样式，产生云效果 + var classes = ["tags1", "tags2", "tags3", "tags4", "tags5"], + bList = $("#" + id + " b").get(); + var max = parseInt($("#" + id + " b").last().text()); + var distance = Math.ceil(max / classes.length); + for (var i = 0; i < bList.length; i++) { + var num = parseInt(bList[i].innerHTML); + // 算出当前 tag 数目所在的区间，加上 class + for (var j = 0; j < classes.length; j++) { + if (num > j * distance && num <= (j + 1) * distance) { + bList[i].parentNode.className = classes[j]; + break; + } + } + } + + // 按字母或者中文拼音进行排序 + $("#" + id).html($("#" + id + " li").get().sort(function (a, b) { + var valA = $(a).find("span").text().toLowerCase(); + var valB = $(b).find("span").text().toLowerCase(); + // 对中英文排序的处理 + return valA.localeCompare(valB); + })); + }, + /** + * @description 时间戳转化为时间格式 + * @param {String} time 时间 + * @param {String} format 格式化后日期格式 + * @returns {String} 格式化后的时间 + */ + toDate: function (time, format) { + var dateTime = new Date(time); + var o = { + "M+": dateTime.getMonth() + 1, //month + "d+": dateTime.getDate(), //day + "H+": dateTime.getHours(), //hour + "m+": dateTime.getMinutes(), //minute + "s+": dateTime.getSeconds(), //second + "q+": Math.floor((dateTime.getMonth() + 3) / 3), //quarter + "S": dateTime.getMilliseconds() //millisecond + } + + if (/(y+)/.test(format)) { + format = format.replace(RegExp.$1, (dateTime.getFullYear() + "").substr(4 - RegExp.$1.length)); + } + + for (var k in o) { + if (new RegExp("(" + k + ")").test(format)) { + format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)); + } + } + return format; + }, + /** + * @description 获取窗口高度 + * @returns {Inter} 窗口高度 + */ + getWinHeight: function () { + if (window.innerHeight) { + return window.innerHeight; + } + if (document.compatMode === "CSS1Compat") { + return window.document.documentElement.clientHeight; + } + return window.document.body.clientHeight; + } +}; +if (!Cookie) { + /** + * @description Cookie 相关操作 + * @static + */ + var Cookie = { + /** + * @description 读取 cookie + * @param {String} name cookie key + * @returns {String} 对应 key 的值，如 key 不存在则返回 "" + */ + readCookie: function (name) { + var nameEQ = name + "="; + var ca = document.cookie.split(';'); + for (var i = 0; i < ca.length; i++) { + var c = ca[i]; + while (c.charAt(0) == ' ') + c = c.substring(1, c.length); + if (c.indexOf(nameEQ) == 0) + return decodeURIComponent(c.substring(nameEQ.length, c.length)); + } + return ""; + }, + /** + * @description 清除 Cookie + * @param {String} name 清除 key 为 name 的该条 Cookie + */ + eraseCookie: function (name) { + this.createCookie(name, "", -1); + }, + /** + * @description 创建 Cookie + * @param {String} name 每条 Cookie 唯一的 key + * @param {String} value 每条 Cookie 对应的值，将被 UTF-8 编码 + * @param {Int} days Cookie 保存时间 + */ + createCookie: function (name, value, days) { + var expires = ""; + if (days) { + var date = new Date(); + date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); + expires = "; expires=" + date.toGMTString(); + } + document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/"; + } + }; } \ No newline at end of file diff --git a/iMobile/js/common.min.js b/skins/iMobile/js/common.min.js similarity index 100% rename from iMobile/js/common.min.js rename to skins/iMobile/js/common.min.js diff --git a/iMobile/js/l10n.js b/skins/iMobile/js/l10n.js similarity index 98% rename from iMobile/js/l10n.js rename to skins/iMobile/js/l10n.js index 434a6a0..4ada73b 100644 --- a/iMobile/js/l10n.js +++ b/skins/iMobile/js/l10n.js @@ -1,16 +1,16 @@ -/* - * Copyright (c) 2010-2017, b3log.org & hacpai.com - * - * 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. - */ +/* + * Copyright (c) 2010-2017, b3log.org & hacpai.com + * + * 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 convertEntities(b){var d,a;d=function(c){if(/&[^;]+;/.test(c)){var f=document.createElement("div");f.innerHTML=c;return !f.firstChild?c:f.firstChild.nodeValue}return c};if(typeof b==="string"){return d(b)}else{if(typeof b==="object"){for(a in b){if(typeof b[a]==="string"){b[a]=d(b[a])}}}}return b}; \ No newline at end of file diff --git a/iMobile/js/l10n.min.js b/skins/iMobile/js/l10n.min.js similarity index 100% rename from iMobile/js/l10n.min.js rename to skins/iMobile/js/l10n.min.js diff --git a/iMobile/js/lib/OwO/OwO.dev.js b/skins/iMobile/js/lib/OwO/OwO.dev.js similarity index 100% rename from iMobile/js/lib/OwO/OwO.dev.js rename to skins/iMobile/js/lib/OwO/OwO.dev.js diff --git a/iMobile/js/lib/OwO/OwO.js b/skins/iMobile/js/lib/OwO/OwO.js similarity index 100% rename from iMobile/js/lib/OwO/OwO.js rename to skins/iMobile/js/lib/OwO/OwO.js diff --git a/iMobile/js/lib/OwO/OwO.json_bak b/skins/iMobile/js/lib/OwO/OwO.json_bak similarity index 100% rename from iMobile/js/lib/OwO/OwO.json_bak rename to skins/iMobile/js/lib/OwO/OwO.json_bak diff --git a/iMobile/js/lib/OwO/OwO.min.css b/skins/iMobile/js/lib/OwO/OwO.min.css similarity index 100% rename from iMobile/js/lib/OwO/OwO.min.css rename to skins/iMobile/js/lib/OwO/OwO.min.css diff --git a/iMobile/js/lib/OwO/OwO.min.js b/skins/iMobile/js/lib/OwO/OwO.min.js similarity index 100% rename from iMobile/js/lib/OwO/OwO.min.js rename to skins/iMobile/js/lib/OwO/OwO.min.js diff --git a/iMobile/js/lib/jquery/jquery.2.2.4.min.js b/skins/iMobile/js/lib/jquery/jquery.2.2.4.min.js similarity index 100% rename from iMobile/js/lib/jquery/jquery.2.2.4.min.js rename to skins/iMobile/js/lib/jquery/jquery.2.2.4.min.js diff --git a/iMobile/js/lib/layer/layer.js b/skins/iMobile/js/lib/layer/layer.js similarity index 100% rename from iMobile/js/lib/layer/layer.js rename to skins/iMobile/js/lib/layer/layer.js diff --git a/iMobile/js/lib/layer/mobile/layer.js b/skins/iMobile/js/lib/layer/mobile/layer.js similarity index 100% rename from iMobile/js/lib/layer/mobile/layer.js rename to skins/iMobile/js/lib/layer/mobile/layer.js diff --git a/iMobile/js/lib/layer/mobile/need/layer.css b/skins/iMobile/js/lib/layer/mobile/need/layer.css similarity index 100% rename from iMobile/js/lib/layer/mobile/need/layer.css rename to skins/iMobile/js/lib/layer/mobile/need/layer.css diff --git a/iMobile/js/lib/layer/theme/default/icon-ext.png b/skins/iMobile/js/lib/layer/theme/default/icon-ext.png similarity index 100% rename from iMobile/js/lib/layer/theme/default/icon-ext.png rename to skins/iMobile/js/lib/layer/theme/default/icon-ext.png diff --git a/iMobile/js/lib/layer/theme/default/icon.png b/skins/iMobile/js/lib/layer/theme/default/icon.png similarity index 100% rename from iMobile/js/lib/layer/theme/default/icon.png rename to skins/iMobile/js/lib/layer/theme/default/icon.png diff --git a/iMobile/js/lib/layer/theme/default/layer.css b/skins/iMobile/js/lib/layer/theme/default/layer.css similarity index 100% rename from iMobile/js/lib/layer/theme/default/layer.css rename to skins/iMobile/js/lib/layer/theme/default/layer.css diff --git a/iMobile/js/lib/layer/theme/default/loading-0.gif b/skins/iMobile/js/lib/layer/theme/default/loading-0.gif similarity index 100% rename from iMobile/js/lib/layer/theme/default/loading-0.gif rename to skins/iMobile/js/lib/layer/theme/default/loading-0.gif diff --git a/iMobile/js/lib/layer/theme/default/loading-1.gif b/skins/iMobile/js/lib/layer/theme/default/loading-1.gif similarity index 100% rename from iMobile/js/lib/layer/theme/default/loading-1.gif rename to skins/iMobile/js/lib/layer/theme/default/loading-1.gif diff --git a/iMobile/js/lib/layer/theme/default/loading-2.gif b/skins/iMobile/js/lib/layer/theme/default/loading-2.gif similarity index 100% rename from iMobile/js/lib/layer/theme/default/loading-2.gif rename to skins/iMobile/js/lib/layer/theme/default/loading-2.gif diff --git a/iMobile/js/page.js b/skins/iMobile/js/page.js similarity index 97% rename from iMobile/js/page.js rename to skins/iMobile/js/page.js index 117333f..5eb4b6c 100644 --- a/iMobile/js/page.js +++ b/skins/iMobile/js/page.js @@ -1,748 +1,748 @@ -/* - * Copyright (c) 2010-2018, b3log.org & hacpai.com - * - * 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 Page util, load heighlight and process comment. - * - * @author Liyuan Li - * @author Liang Ding - * @version 1.4.0.0, Nov 10, 2017 - */ -var Page = function (tips) { - this.currentCommentId = ""; - this.tips = tips; -}; -$.extend(Page.prototype, { - /* - * @description 评论时点击表情，在评论内容中插入相关代码 - * @param {String} name 用于区别回复评论还是对文章的评论 - */ - insertEmotions: function (name) { - var _it = this; - if (name === undefined) { - name = ""; - } - - $("#emotions" + name + " span").click(function () { - var $comment = $("#comment" + name); - var endPosition = _it._getCursorEndPosition($comment[0]); - var key = this.title + ' ', - textValue = $comment[0].value; - textValue = textValue.substring(0, endPosition) + key + textValue.substring(endPosition, textValue.length); - $("#comment" + name).val(textValue); - if ($.browser.msie) { - endPosition -= textValue.split('\n').length - 1; - var oR = $comment[0].createTextRange(); - oR.collapse(true); - oR.moveStart('character', endPosition + key.length); - oR.select(); - } else { - $comment[0].setSelectionRange(endPosition + key.length, endPosition + key.length); - } - }); - }, - /** - * @description 获取当前光标最后位置 - * @param {Dom} textarea 评论框对象 - * @returns {Num} 光标位置 - */ - _getCursorEndPosition: function (textarea) { - textarea.focus(); - if (textarea.setSelectionRange) { // W3C - return textarea.selectionEnd; - } else if (document.selection) { // IE - var i = 0, - oS = document.selection.createRange(), - oR = document.body.createTextRange(); - oR.moveToElementText(textarea); - oS.getBookmark(); - for (i = 0; oR.compareEndPoints('StartToStart', oS) < 0 && oS.moveStart("character", -1) !== 0; i++) { - if (textarea.value.charAt(i) === '\n') { - i++; - } - } - return i; - } - }, - /* - * @description 评论校验 - * @param {String} state 用于区别回复评论还是对文章的评论 - */ - validateComment: function (state) { - if (Util.isLoggedIn()) { - var commenterContent = $("#comment" + state).val().replace(/(^\s*)|(\s*$)/g, ""); - if (2 > commenterContent.length || commenterContent.length > 500) { - $("#commentErrorTip" + state).html(this.tips.commentContentCannotEmptyLabel); - $("#comment" + state).focus(); - } else { - return true; - } - $("#commentErrorTip" + state).show(); - return false; - } - - var commentName = $("#commentName" + state).val().replace(/(^\s*)|(\s*$)/g, ""), - commenterContent = $("#comment" + state).val().replace(/(^\s*)|(\s*$)/g, ""); - if (2 > commentName.length || commentName.length > 20) { - $("#commentErrorTip" + state).html(this.tips.nameTooLongLabel); - $("#commentName" + state).focus(); - } else if ($("#commentEmail" + state).val().replace(/\s/g, "") === "") { - $("#commentErrorTip" + state).html(this.tips.mailCannotEmptyLabel); - $("#commentEmail" + state).focus(); - } else if (!/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test($("#commentEmail" + state).val())) { - $("#commentErrorTip" + state).html(this.tips.mailInvalidLabel); - $("#commentEmail" + state).focus(); - } else if (2 > commenterContent.length || commenterContent.length > 500) { - $("#commentErrorTip" + state).html(this.tips.commentContentCannotEmptyLabel); - $("#comment" + state).focus(); - } else if ($("#commentValidate" + state).val().replace(/\s/g, "") === "") { - $("#commentErrorTip" + state).html(this.tips.captchaCannotEmptyLabel); - $("#commentValidate" + state).focus(); - } else { - return true; - } - $("#commentErrorTip" + state).show(); - return false; - }, - /* - * @description 把评论中的标识替换为图片 - * @param {Dom} selector - */ - replaceCommentsEm: function (selector) { - var $commentContents = $(selector); - for (var i = 0; i < $commentContents.length; i++) { - var str = $commentContents[i].innerHTML; - $commentContents[i].innerHTML = Util.replaceEmString(str); - } - }, - /* - * @description 初始化 SyantaxHighlighter - * @param {Array} languages 需要加载的语言 - */ - _initSyntaxHighlighter: function (languages) { - // load brush js - for (var i = 0; i < languages.length; i++) { - switch (languages[i]) { - case "groovy": - languages[i] = 'groovy ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushGroovy.js'; - break; - case "java": - languages[i] = 'java ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushJava.js'; - break; - case "php": - languages[i] = 'php ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushPhp.js'; - break; - case "scala": - languages[i] = 'scala ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushScala.js'; - break; - case "sql": - languages[i] = 'sql ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushSql.js'; - break; - case "applescript": - languages[i] = 'applescript ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushAppleScript.js'; - break; - case "as3": - case "actionscript3": - languages[i] = 'actionscript3 as3 ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushAS3.js'; - break; - case "bash": - case "shell": - languages[i] = 'bash shell ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushBash.js'; - break; - case "coldfusion": - case "cf": - languages[i] = 'coldfusion cf ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushColdFusion.js'; - break; - case "c#": - case "c-sharp": - case "csharp": - languages[i] = 'c# c-sharp csharp ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushCSharp.js'; - break; - case "cpp": - case "c": - languages[i] = 'cpp c ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushCpp.js'; - break; - case "css": - languages[i] = 'css ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushCss.js'; - break; - case "delphi": - case "pascal": - languages[i] = 'delphi pascal ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushDelphi.js'; - break; - case "diff": - case "patch": - case "pas": - languages[i] = 'diff patch pas ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushDiff.js'; - break; - case "erl": - case "erlang": - languages[i] = 'erl erlang ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushErlang.js'; - break; - case "js": - case "jscript": - case "javascript": - languages[i] = 'js jscript javascript ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushJScript.js'; - break; - case "jfx": - case "javafx": - languages[i] = 'jfx javafx ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushJavaFX.js'; - break; - case "perl": - case "pl": - languages[i] = 'perl pl ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushPerl.js'; - break; - case "plain": - case "text": - languages[i] = 'text plain ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushPlain.js'; - break; - case "ps": - case "powershell": - languages[i] = 'ps powershell ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushPowerShell.js'; - break; - case "py": - case "python": - languages[i] = 'py python ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushPython.js'; - break; - case "rails": - case "ror": - case "ruby": - case "rb": - languages[i] = 'ruby rails ror rb ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushRuby.js'; - break; - case "sass": - case "scss": - languages[i] = 'sass scss ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushSass.js'; - break; - case "vb": - case "vbnet": - languages[i] = 'vb vbnet ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushVb.js'; - break; - case "xml": - case "xhtml": - case "xslt": - case "html": - languages[i] = 'xml xhtml xslt html ' + - latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushXml.js'; - break; - default: - break; - } - } - - // code high lighter - SyntaxHighlighter.autoloader.apply(null, languages); - SyntaxHighlighter.config.stripBrs = true; - SyntaxHighlighter.all(); - }, - /* - * @description 加载 SyntaxHighlighter - * @param {String} SHTheme SyntaxHighLighter 样式 - */ - _loadSyntaxHighlighter: function (SHTheme) { - var cssName = SHTheme ? SHTheme : "shCoreEclipse", - that = this; - // load css - if (document.createStyleSheet) { - document.createStyleSheet(latkeConfig.staticServePath + "/js/lib/SyntaxHighlighter/styles/" + cssName + ".css"); - } else { - $("head").append($("")); - } - - // load js - $.ajax({ - url: latkeConfig.staticServePath + "/js/lib/SyntaxHighlighter/scripts/shCore.js", - dataType: "script", - cache: true, - success: function () { - // get brush settings - var languages = [], - isScrip = false; - $(".article-body pre, .code-highlight pre").each(function () { - var name = this.className.split(";")[0]; - var language = name.substr(7, name.length - 1); - if (this.className.indexOf("html-script: true") > -1 && - (language !== "xml" && language !== "xhtml" && - language !== "xslt" && language != "html")) { - isScrip = true; - } - - languages.push(language); - }); - // when html-script is true, need shBrushXml.js - if (isScrip) { - $.ajax({ - url: latkeConfig.staticServePath + "/js/lib/SyntaxHighlighter/scripts/shBrushXml.js", - dataType: "script", - cache: true, - success: function () { - that._initSyntaxHighlighter(languages); - } - }); - } else { - that._initSyntaxHighlighter(languages); - } - } - }); - }, - /* - * @description 解析语法高亮 - * @param {Obj} obj 语法高亮配置参数 - * @param {Obj} obj.SHTheme 语法高亮 SyntaxHighLighter 样式 - */ - parseLanguage: function (obj) { - var isPrettify = false, - isSH = false; - $(".article-body pre, .code-highlight pre").each(function () { - if (this.className.indexOf("brush") > -1) { - isSH = true; - } - - if (this.className.indexOf("prettyprint") > -1) { - isPrettify = true; - } - }); - - if (isSH) { - this._loadSyntaxHighlighter(obj ? (obj.SHTheme ? obj.SHTheme : undefined) : undefined); - return false; - } - - if (isPrettify) { - // load css - if (document.createStyleSheet) { - document.createStyleSheet(latkeConfig.staticServePath + "/js/lib/google-code-prettify/prettify.css"); - } else { - $("head").append($("")); - } - - // load js - $.ajax({ - url: latkeConfig.staticServePath + "/js/lib/google-code-prettify/prettify.js", - dataType: "script", - cache: true, - success: function () { - prettyPrint(); - } - }); - return false; - } - - - // otherelse use highlight - // load css - if (document.createStyleSheet) { - document.createStyleSheet(latkeConfig.staticServePath + "/js/lib/highlight.js-9.6.0/styles/default.css"); - } else { - $("head").append($("")); - } - $.ajax({ - url: latkeConfig.staticServePath + "/js/lib/highlight.js-9.6.0/highlight.pack.js", - dataType: "script", - cache: true, - success: function () { - hljs.initHighlighting.called = false; - hljs.initHighlighting(); - } - }); - }, - /* - * @description 文章/自定义页面加载 - * @param {Obj} obj 配置设定 - * @param {Obj} obj.language 代码高亮配置 - */ - load: function (obj) { - var that = this; - // emotions - that.insertEmotions(); - // language - that.parseLanguage(obj ? (obj.language ? obj.language : undefined) : undefined); - // submit comment - $("#commentValidate").keypress(function (event) { - if (event.keyCode === 13) { - that.submitComment(); - } - }); - - $("#comment").keypress(function (event) { - if (event.keyCode === 13 && event.ctrlKey) { - that.submitComment(); - } - }); - // captcha - $("#captcha").click(function () { - $(this).attr("src", latkeConfig.servePath + "/captcha.do?code=" + Math.random()); - }); - // cookie - if (!Util.isLoggedIn()) { - $("#commentEmail").val(Cookie.readCookie("commentEmail")); - $("#commentURL").val(Cookie.readCookie("commentURL")); - $("#commentName").val(Cookie.readCookie("commentName")); - } - // if no JSON, add it. - try { - JSON - } catch (e) { - document.write(" - - +<#macro comments commentList article> + +<#if article.commentable> +
    + + + <#if !isLoggedIn> + + + + + + + + + + + + + + + <#if !isLoggedIn> + + + + + + + + +
    +
    + + + + + + + + + + + + + + + +
    + + validate +
    + + +
    +
    + + +<#macro comment_script oId> + + + \ No newline at end of file diff --git a/iMobile/macro-head.ftl b/skins/iMobile/macro-head.ftl similarity index 98% rename from iMobile/macro-head.ftl rename to skins/iMobile/macro-head.ftl index 890b451..dd3b606 100644 --- a/iMobile/macro-head.ftl +++ b/skins/iMobile/macro-head.ftl @@ -1,43 +1,43 @@ -<#macro head title> - - - - - - - -${title} - - -<#-- --> -<#nested> - - - - - - - -<#if article??> - - - - - - - - - - - - - - - - - - - - -${htmlHead} +<#macro head title> + + + + + + + +${title} + + +<#-- --> +<#nested> + + + + + + + +<#if article??> + + + + + + + + + + + + + + + + + + + + +${htmlHead} \ No newline at end of file diff --git a/iMobile/page.ftl b/skins/iMobile/page.ftl similarity index 96% rename from iMobile/page.ftl rename to skins/iMobile/page.ftl index 29eedd0..9548fb4 100644 --- a/iMobile/page.ftl +++ b/skins/iMobile/page.ftl @@ -1,32 +1,32 @@ -<#include "macro-head.ftl"> -<#include "macro-comments.ftl"> - - - -<@head title="${page.pageTitle} - ${blogTitle}"> - - - - - -<#include "side.ftl"> -
    -
    -
    - ${page.pageContent} -
    -
    -
    - - - - -
    -
    -
    - <@comments commentList=pageComments article=page> - <#include "footer.ftl"> - <@comment_script oId=page.oId> -
    - +<#include "macro-head.ftl"> +<#include "macro-comments.ftl"> + + + +<@head title="${page.pageTitle} - ${blogTitle}"> + + + + + +<#include "side.ftl"> +
    +
    +
    + ${page.pageContent} +
    +
    +
    + + + + +
    +
    +
    + <@comments commentList=pageComments article=page> + <#include "footer.ftl"> + <@comment_script oId=page.oId> +
    + \ No newline at end of file diff --git a/iMobile/preview.png b/skins/iMobile/preview.png similarity index 100% rename from iMobile/preview.png rename to skins/iMobile/preview.png diff --git a/iMobile/side.ftl b/skins/iMobile/side.ftl similarity index 98% rename from iMobile/side.ftl rename to skins/iMobile/side.ftl index ed63d88..7e9d375 100644 --- a/iMobile/side.ftl +++ b/skins/iMobile/side.ftl @@ -1,75 +1,75 @@ - - -
    -
    -
    - - ${blogTitle?html} - -

    ${blogTitle}

    -<#if "" != noticeBoard> -

    ${blogSubtitle}

    - - -
    -
    -<#if noticeBoard??> -
    ${noticeBoard}
    - -<#-- 若要使用此行图标请将链接和相关信息修改为自己的 -
    - - -    - - -    - - -    - - - -
    - --> -<#if isLoggedIn> -    - -<#else> -    - -   -<#-- 此处的反馈邮箱链接请到 http://openmail.qq.com/ 去申请开通。 --> -    - -
    + + +
    +
    +
    + + ${blogTitle?html} + +

    ${blogTitle}

    +<#if "" != noticeBoard> +

    ${blogSubtitle}

    + + +
    +
    +<#if noticeBoard??> +
    ${noticeBoard}
    + +<#-- 若要使用此行图标请将链接和相关信息修改为自己的 +
    + + +    + + +    + + +    + + + +
    + --> +<#if isLoggedIn> +    + +<#else> +    + +   +<#-- 此处的反馈邮箱链接请到 http://openmail.qq.com/ 去申请开通。 --> +    + +
    \ No newline at end of file diff --git a/iMobile/skin.properties b/skins/iMobile/skin.properties similarity index 97% rename from iMobile/skin.properties rename to skins/iMobile/skin.properties index e860048..4577940 100644 --- a/iMobile/skin.properties +++ b/skins/iMobile/skin.properties @@ -1,24 +1,24 @@ -# -# Copyright (c) 2010-2017, b3log.org & hacpai.com -# -# 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: Mobile skin. -# Version: 1.0.0.15, Feb 20, 2017 -# Author: Liang Ding -# Revised: Tanken·L - -name=iMobile -memo=\u5efa\u8bae\u5c06\u6b64\u76ae\u80a4\u76f4\u63a5\u8986\u76d6\u81f3\u0020\u006d\u006f\u0062\u0069\u006c\u0065\u0020\u76ae\u80a4\u76ee\u5f55\uff0c\u6ce8\u610f\u4e0d\u8981\u8986\u76d6\u6389\u6b64\u6587\u4ef6\u3002 +# +# Copyright (c) 2010-2017, b3log.org & hacpai.com +# +# 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: Mobile skin. +# Version: 1.0.0.15, Feb 20, 2017 +# Author: Liang Ding +# Revised: Tanken·L + +name=iMobile +memo=\u5efa\u8bae\u5c06\u6b64\u76ae\u80a4\u76f4\u63a5\u8986\u76d6\u81f3\u0020\u006d\u006f\u0062\u0069\u006c\u0065\u0020\u76ae\u80a4\u76ee\u5f55\uff0c\u6ce8\u610f\u4e0d\u8981\u8986\u76d6\u6389\u6b64\u6587\u4ef6\u3002 diff --git a/iMobile/tag-articles.ftl b/skins/iMobile/tag-articles.ftl similarity index 96% rename from iMobile/tag-articles.ftl rename to skins/iMobile/tag-articles.ftl index f00b341..81c3905 100644 --- a/iMobile/tag-articles.ftl +++ b/skins/iMobile/tag-articles.ftl @@ -1,24 +1,24 @@ -<#include "macro-head.ftl"> - - - -<@head title="${tag.tagTitle} - ${blogTitle}"> - - - - - -<#include "side.ftl"> -
    -

    - ${tag1Label} - - ${tag.tagTitle} - (${tag.tagPublishedRefCount}) - -

    - <#include "article-list.ftl"> - <#include "footer.ftl"> -
    - +<#include "macro-head.ftl"> + + + +<@head title="${tag.tagTitle} - ${blogTitle}"> + + + + + +<#include "side.ftl"> +
    +

    + ${tag1Label} + + ${tag.tagTitle} + (${tag.tagPublishedRefCount}) + +

    + <#include "article-list.ftl"> + <#include "footer.ftl"> +
    + \ No newline at end of file diff --git a/iMobile/tags.ftl b/skins/iMobile/tags.ftl similarity index 96% rename from iMobile/tags.ftl rename to skins/iMobile/tags.ftl index 3bf8a84..5546668 100644 --- a/iMobile/tags.ftl +++ b/skins/iMobile/tags.ftl @@ -1,55 +1,55 @@ -<#include "macro-head.ftl"> - - - -<@head title="${allTagsLabel} - ${blogTitle}"> - - - - - -<#include "side.ftl"> -
    -<#if 0 != mostUsedCategories?size> - - - -<#include "footer.ftl"> -
    - +<#include "macro-head.ftl"> + + + +<@head title="${allTagsLabel} - ${blogTitle}"> + + + + + +<#include "side.ftl"> +
    +<#if 0 != mostUsedCategories?size> + + + +<#include "footer.ftl"> +
    + \ No newline at end of file diff --git a/iMobile/搜索页面（覆盖至根目录）/WEB-INF/classes/captcha_static.zip b/skins/iMobile/搜索页面（覆盖至根目录）/WEB-INF/classes/captcha_static.zip similarity index 100% rename from iMobile/搜索页面（覆盖至根目录）/WEB-INF/classes/captcha_static.zip rename to skins/iMobile/搜索页面（覆盖至根目录）/WEB-INF/classes/captcha_static.zip diff --git a/iMobile/搜索页面（覆盖至根目录）/css/default-init.css b/skins/iMobile/搜索页面（覆盖至根目录）/css/default-init.css similarity index 95% rename from iMobile/搜索页面（覆盖至根目录）/css/default-init.css rename to skins/iMobile/搜索页面（覆盖至根目录）/css/default-init.css index 96d4e6a..2adaaa4 100644 --- a/iMobile/搜索页面（覆盖至根目录）/css/default-init.css +++ b/skins/iMobile/搜索页面（覆盖至根目录）/css/default-init.css @@ -1,431 +1,431 @@ -/** - * Copyright (c) 2010-2017, b3log.org & hacpai.com - * - * 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. - */ -/** -* 403, 404, 500, article-pwd, init, login and kill-browser page style. -* -* @author Liyuan Li -* @author Liang Ding -* @version 1.1.0.0, Sep 12, 2017 -*/ -html,body { - margin: 0; - padding: 0; -} -body { - background-color: #fff; - color: #333; - font-family: \5fae\8f6f\96c5\9ed1; - font-size: small; -} -h2 { - border-radius: 4px 4px 0 0; - font-size: 16px; - margin: 0; - padding: 10px 20px; - text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5); -} -input { - border: 1px solid #CCCCCC; - border-radius: 3px 3px 3px 3px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset; - font-size: 13px; - margin: 15px 0; - padding: 7px 8px; - vertical-align: middle; - width: 410px; - font-family: \5fae\8f6f\96c5\9ed1; - font-size: small; -} -input:focus { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgbargba(200, 200, 200, 0.9); - border: 1px solid #E6E5D9; -} -.form { - padding: 20px; -} -label { - font-size: 13px; -} -button { - position:relative; - display:inline-block; - font-size:13px; - font-weight:700; - color:#333; - text-shadow:0 1px 0 rgba(255,255,255,0.9); - white-space:nowrap; - background-color:#eaeaea; - background-image:linear-gradient(#fafafa,#eaeaea); - background-repeat:repeat-x; - border-radius:3px; - border:1px solid #ddd; - border-bottom-color:#c5c5c5; - box-shadow:0 1px 3px rgba(0,0,0,0.075); - vertical-align:baseline; - cursor:pointer; - -webkit-touch-callout:none; - -webkit-user-select:none; - -khtml-user-select:none; - -moz-user-select:none; - -ms-user-select:none; - user-select:none; - -webkit-appearance:none; - outline:none; - padding:7px 15px; - margin-top: 10px; -} - -button:hover, -button:active { - color:#fff; - text-decoration:none; - text-shadow:0 -1px 0 rgba(0,0,0,0.25); - background-color: #3072b3; - background-image:linear-gradient(#599bcd,#3072b3); - background-repeat:repeat-x; -} - -.clear { - background-color: transparent; - border: 0px; - clear: both; - display: block; - font-size: 0px; - height: 0px; - line-height: 0px; - overflow: hidden; -} - -.fn-clear:before, -.fn-clear:after { - display: table; - content: "" -} -.fn-clear:after { - clear: both -} -.fn-left { - float: left -} - -.fn-right { - float: right; -} - -.none { - display: none; -} - -.solo { - color: orangered; - font-weight: bold; -} - -.logo { - float: left; - padding: 142px 12px 0; - width: 217px; - text-align: center; -} - -.wrap { - border-top: 5px solid #E6E5D9; - padding: 110px 0; - background-color: #F3F1E5; -} - -.content { - background-color: #fff; - margin: 0 auto; - width: 760px; -} - -.main { - border-left: 1px solid #E6E5D9; - float: right; - font-size: 15px; - padding: 20px; - width: 470px; - min-height: 360px; -} - -.main a { - text-decoration: none; -} - -.main li { - margin: 6px 0 6px 16px; -} - -.footerWrapper { - position: fixed; bottom: 0; width: 100%; margin-top: 100px; - background-color: #FFFFFF; border-top: 1px solid #E6E5D9; - padding: 12px 0; text-align: center; font-size: 12px; -} - -.footerWrapper a { - text-decoration: none; -} - -/* start article-pwd */ -.article-pwd > div, -.article-pwd > form { - margin: 0 20px; -} - -.article-pwd > div { - margin-bottom: 10px; - max-height: 264px; - overflow: auto; - word-wrap: break-word; -} -/* end article-pwd */ - -/* start 403/404/500 */ -.a-error { - text-align: right; -} - -.img-error { - max-width: 100%; - margin: 20px auto; - padding: 0; - display: block; -} -/* end 403/404/500 */ - -/* start kill */ -.kill img { - position: absolute; - right: 40px; - top: 200px; -} - -.kill ul { - margin-bottom: 50px; -} - -.kill p { - margin: 12px 20px; -} - -.kill span { - margin-left: 20px; -} -/* end kill */ - -/* start init */ -#init { - position: absolute; - width: 470px; -} - -#init input, -.register input { - margin: 5px 0; - padding: 5px 8px; -} - -.register { - height: 400px; -} - -#sys p { - height: 206px; -} - -#sys { - padding: 0 20px; -} - -#initButton { - margin-right: 10px; -} - -#tip { - color: #21759B; - font-weight: bold; - margin-left: 10px; -} -/* end init */ - -/* start search */ -.content-reset { - font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; - word-wrap: break-word; - overflow: auto; - line-height: 1.5; - font-size: 13px; - word-break: break-all; - color: #545454; -} - -.content-reset ul, -.content-reset ol { - padding-left: 2em; - margin-top: 0; - margin-bottom: 16px -} -.content-reset li { - margin-top: 0.25em -} -.content-reset h1, -.content-reset h2, -.content-reset h3, -.content-reset h4, -.content-reset h5, -.content-reset h6 { - margin-top: 24px; - margin-bottom: 16px; - font-weight: 600; - line-height: 1.25 -} -.content-reset h1 { - padding-bottom: 0.3em; - font-size: 2em; - border-bottom: 1px solid #eee -} -.content-reset h2 { - padding-bottom: 0.3em; - font-size: 1.5em; - border-bottom: 1px solid #eee -} -.content-reset h3 { - font-size: 1.25em -} -.content-reset h4 { - font-size: 1em -} -.content-reset h5 { - font-size: 0.875em -} -.content-reset h6 { - font-size: 0.85em -} -.content-reset hr { - height: 2px; - padding: 0; - margin: 5px 0; - background-color: #e7e7e7; - border: 0 -} -.content-reset p { - margin-top: 0; - margin-bottom: 0; -} -.content-reset blockquote { - padding: 0 1em; - color: #777; - border-left: 0.25em solid #ddd; - margin-bottom: 16px -} -.content-reset blockquote p { - margin: 0 -} -.content-reset iframe { - border: 1px solid #ccc -} -.content-reset table { - width: 100%; - border: 1px solid #dedede; - margin: 15px auto; - border-collapse: collapse; - empty-cells: show -} -.content-reset thead { - text-align: center -} -.content-reset td, -.content-reset th { - height: 35px; - border: 1px solid #dedede; - padding: 0 10px -} -.content-reset th { - font-weight: bold; - text-align: center !important; - background: rgba(158, 188, 226, 0.2) -} -.content-reset tbody tr:nth-child(2n) { - background: rgba(158, 188, 226, 0.12) -} -.content-reset tr:hover { - background: #efefef -} -.content-reset code { - padding: 0.2em 0.4em; - margin: 0; - font-size: 85%; - background-color: rgba(252, 41, 41, 0.12); - border-radius: 3px; - color: #d23f31; - font-family: mononoki, Consolas, "Liberation Mono", Menlo, Courier, monospace -} -.content-reset pre>code { - padding: 0.5em; - border-radius: 0; - color: #333; - background-color: rgba(0, 0, 0, 0.04); - background-size: 20px 20px; - border-radius: 5px -} -.content-reset kbd { - display: inline-block; - padding: 3px 5px; - font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; - line-height: 10px; - color: #555; - vertical-align: middle; - background-color: #fcfcfc; - border: solid 1px #ccc; - border-bottom-color: #bbb; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #bbb -} - -.search { padding-bottom: 110px; border-top: 5px solid #e6e5d9; } -.search__header { padding: 15px 20px; position: fixed; top: 0; width: 100%; z-index: 9; background: #efefef; border-bottom: 3px solid #e6e5d9; } -.search__header a { line-height: 44px; } -.search__input input { margin: 0 10px 0 20px; height: 32px; line-height: 32px; float: left; font-size: 16px; padding: 5px 10px; } -.search__input button { height: 44px; margin: 0; float: left; } -.search__articles { padding: 0 50px; margin-top: 80px; } -.search__articles article { border-bottom: 3px solid #e6e5d9; } -.search__articles header h1 { margin: 0; } -.search__articles header h1 > a { font-size: 18px; text-decoration: none; font-weight: normal; } -.search__articles .meta { font-size: 14px; color: #999; } -.search__articles footer { margin-bottom: 30px; } -.search__articles footer a { text-decoration: none; font-size: 13px; } -.search__articles footer a:hover,.search__articles header h1 > a:hover,.search__pagination a:hover { text-decoration: underline; } -.search__pagination a { color: #4285f4; text-decoration: none; } -.search__pagination a,.search__pagination span { margin-right: 5px; } -/* end search */ - -/* start responsive */ -@media (max-width: 780px) { - .wrap { padding: 40px 0; } - .content { width: auto; } - .logo, .search__header img { width: 32px; } - .search__header > .fn-right { display: none; } - .main { border: 0; float: none; width: auto; } - input { width: 100%; box-sizing: border-box; display: block; } - .a-500, .a-403, .a-404 { margin: 0 20px 0 0; } - #init { width: 100%; padding: 0 20px; box-sizing: border-box; left: 0; } - .search__input { float: none; } - .search__input button { position: absolute; right: 50px; height: 32px; line-height: 16px; } - .search { width: 100%; min-height: auto; box-sizing: border-box; } - .search__articles { width: auto; min-width: auto; padding: 0; margin-top: 70px; } -} +/** + * Copyright (c) 2010-2017, b3log.org & hacpai.com + * + * 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. + */ +/** +* 403, 404, 500, article-pwd, init, login and kill-browser page style. +* +* @author Liyuan Li +* @author Liang Ding +* @version 1.1.0.0, Sep 12, 2017 +*/ +html,body { + margin: 0; + padding: 0; +} +body { + background-color: #fff; + color: #333; + font-family: \5fae\8f6f\96c5\9ed1; + font-size: small; +} +h2 { + border-radius: 4px 4px 0 0; + font-size: 16px; + margin: 0; + padding: 10px 20px; + text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5); +} +input { + border: 1px solid #CCCCCC; + border-radius: 3px 3px 3px 3px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset; + font-size: 13px; + margin: 15px 0; + padding: 7px 8px; + vertical-align: middle; + width: 410px; + font-family: \5fae\8f6f\96c5\9ed1; + font-size: small; +} +input:focus { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgbargba(200, 200, 200, 0.9); + border: 1px solid #E6E5D9; +} +.form { + padding: 20px; +} +label { + font-size: 13px; +} +button { + position:relative; + display:inline-block; + font-size:13px; + font-weight:700; + color:#333; + text-shadow:0 1px 0 rgba(255,255,255,0.9); + white-space:nowrap; + background-color:#eaeaea; + background-image:linear-gradient(#fafafa,#eaeaea); + background-repeat:repeat-x; + border-radius:3px; + border:1px solid #ddd; + border-bottom-color:#c5c5c5; + box-shadow:0 1px 3px rgba(0,0,0,0.075); + vertical-align:baseline; + cursor:pointer; + -webkit-touch-callout:none; + -webkit-user-select:none; + -khtml-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + -webkit-appearance:none; + outline:none; + padding:7px 15px; + margin-top: 10px; +} + +button:hover, +button:active { + color:#fff; + text-decoration:none; + text-shadow:0 -1px 0 rgba(0,0,0,0.25); + background-color: #3072b3; + background-image:linear-gradient(#599bcd,#3072b3); + background-repeat:repeat-x; +} + +.clear { + background-color: transparent; + border: 0px; + clear: both; + display: block; + font-size: 0px; + height: 0px; + line-height: 0px; + overflow: hidden; +} + +.fn-clear:before, +.fn-clear:after { + display: table; + content: "" +} +.fn-clear:after { + clear: both +} +.fn-left { + float: left +} + +.fn-right { + float: right; +} + +.none { + display: none; +} + +.solo { + color: orangered; + font-weight: bold; +} + +.logo { + float: left; + padding: 142px 12px 0; + width: 217px; + text-align: center; +} + +.wrap { + border-top: 5px solid #E6E5D9; + padding: 110px 0; + background-color: #F3F1E5; +} + +.content { + background-color: #fff; + margin: 0 auto; + width: 760px; +} + +.main { + border-left: 1px solid #E6E5D9; + float: right; + font-size: 15px; + padding: 20px; + width: 470px; + min-height: 360px; +} + +.main a { + text-decoration: none; +} + +.main li { + margin: 6px 0 6px 16px; +} + +.footerWrapper { + position: fixed; bottom: 0; width: 100%; margin-top: 100px; + background-color: #FFFFFF; border-top: 1px solid #E6E5D9; + padding: 12px 0; text-align: center; font-size: 12px; +} + +.footerWrapper a { + text-decoration: none; +} + +/* start article-pwd */ +.article-pwd > div, +.article-pwd > form { + margin: 0 20px; +} + +.article-pwd > div { + margin-bottom: 10px; + max-height: 264px; + overflow: auto; + word-wrap: break-word; +} +/* end article-pwd */ + +/* start 403/404/500 */ +.a-error { + text-align: right; +} + +.img-error { + max-width: 100%; + margin: 20px auto; + padding: 0; + display: block; +} +/* end 403/404/500 */ + +/* start kill */ +.kill img { + position: absolute; + right: 40px; + top: 200px; +} + +.kill ul { + margin-bottom: 50px; +} + +.kill p { + margin: 12px 20px; +} + +.kill span { + margin-left: 20px; +} +/* end kill */ + +/* start init */ +#init { + position: absolute; + width: 470px; +} + +#init input, +.register input { + margin: 5px 0; + padding: 5px 8px; +} + +.register { + height: 400px; +} + +#sys p { + height: 206px; +} + +#sys { + padding: 0 20px; +} + +#initButton { + margin-right: 10px; +} + +#tip { + color: #21759B; + font-weight: bold; + margin-left: 10px; +} +/* end init */ + +/* start search */ +.content-reset { + font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; + word-wrap: break-word; + overflow: auto; + line-height: 1.5; + font-size: 13px; + word-break: break-all; + color: #545454; +} + +.content-reset ul, +.content-reset ol { + padding-left: 2em; + margin-top: 0; + margin-bottom: 16px +} +.content-reset li { + margin-top: 0.25em +} +.content-reset h1, +.content-reset h2, +.content-reset h3, +.content-reset h4, +.content-reset h5, +.content-reset h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25 +} +.content-reset h1 { + padding-bottom: 0.3em; + font-size: 2em; + border-bottom: 1px solid #eee +} +.content-reset h2 { + padding-bottom: 0.3em; + font-size: 1.5em; + border-bottom: 1px solid #eee +} +.content-reset h3 { + font-size: 1.25em +} +.content-reset h4 { + font-size: 1em +} +.content-reset h5 { + font-size: 0.875em +} +.content-reset h6 { + font-size: 0.85em +} +.content-reset hr { + height: 2px; + padding: 0; + margin: 5px 0; + background-color: #e7e7e7; + border: 0 +} +.content-reset p { + margin-top: 0; + margin-bottom: 0; +} +.content-reset blockquote { + padding: 0 1em; + color: #777; + border-left: 0.25em solid #ddd; + margin-bottom: 16px +} +.content-reset blockquote p { + margin: 0 +} +.content-reset iframe { + border: 1px solid #ccc +} +.content-reset table { + width: 100%; + border: 1px solid #dedede; + margin: 15px auto; + border-collapse: collapse; + empty-cells: show +} +.content-reset thead { + text-align: center +} +.content-reset td, +.content-reset th { + height: 35px; + border: 1px solid #dedede; + padding: 0 10px +} +.content-reset th { + font-weight: bold; + text-align: center !important; + background: rgba(158, 188, 226, 0.2) +} +.content-reset tbody tr:nth-child(2n) { + background: rgba(158, 188, 226, 0.12) +} +.content-reset tr:hover { + background: #efefef +} +.content-reset code { + padding: 0.2em 0.4em; + margin: 0; + font-size: 85%; + background-color: rgba(252, 41, 41, 0.12); + border-radius: 3px; + color: #d23f31; + font-family: mononoki, Consolas, "Liberation Mono", Menlo, Courier, monospace +} +.content-reset pre>code { + padding: 0.5em; + border-radius: 0; + color: #333; + background-color: rgba(0, 0, 0, 0.04); + background-size: 20px 20px; + border-radius: 5px +} +.content-reset kbd { + display: inline-block; + padding: 3px 5px; + font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; + line-height: 10px; + color: #555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px #ccc; + border-bottom-color: #bbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbb +} + +.search { padding-bottom: 110px; border-top: 5px solid #e6e5d9; } +.search__header { padding: 15px 20px; position: fixed; top: 0; width: 100%; z-index: 9; background: #efefef; border-bottom: 3px solid #e6e5d9; } +.search__header a { line-height: 44px; } +.search__input input { margin: 0 10px 0 20px; height: 32px; line-height: 32px; float: left; font-size: 16px; padding: 5px 10px; } +.search__input button { height: 44px; margin: 0; float: left; } +.search__articles { padding: 0 50px; margin-top: 80px; } +.search__articles article { border-bottom: 3px solid #e6e5d9; } +.search__articles header h1 { margin: 0; } +.search__articles header h1 > a { font-size: 18px; text-decoration: none; font-weight: normal; } +.search__articles .meta { font-size: 14px; color: #999; } +.search__articles footer { margin-bottom: 30px; } +.search__articles footer a { text-decoration: none; font-size: 13px; } +.search__articles footer a:hover,.search__articles header h1 > a:hover,.search__pagination a:hover { text-decoration: underline; } +.search__pagination a { color: #4285f4; text-decoration: none; } +.search__pagination a,.search__pagination span { margin-right: 5px; } +/* end search */ + +/* start responsive */ +@media (max-width: 780px) { + .wrap { padding: 40px 0; } + .content { width: auto; } + .logo, .search__header img { width: 32px; } + .search__header > .fn-right { display: none; } + .main { border: 0; float: none; width: auto; } + input { width: 100%; box-sizing: border-box; display: block; } + .a-500, .a-403, .a-404 { margin: 0 20px 0 0; } + #init { width: 100%; padding: 0 20px; box-sizing: border-box; left: 0; } + .search__input { float: none; } + .search__input button { position: absolute; right: 50px; height: 32px; line-height: 16px; } + .search { width: 100%; min-height: auto; box-sizing: border-box; } + .search__articles { width: auto; min-width: auto; padding: 0; margin-top: 70px; } +} /* end responsive */ \ No newline at end of file diff --git a/iMobile/搜索页面（覆盖至根目录）/css/search.css b/skins/iMobile/搜索页面（覆盖至根目录）/css/search.css similarity index 95% rename from iMobile/搜索页面（覆盖至根目录）/css/search.css rename to skins/iMobile/搜索页面（覆盖至根目录）/css/search.css index 9295a76..9d929b2 100644 --- a/iMobile/搜索页面（覆盖至根目录）/css/search.css +++ b/skins/iMobile/搜索页面（覆盖至根目录）/css/search.css @@ -1,622 +1,622 @@ -html { - height: 100%; max-height: 100%; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -body { - max-height: 100%; line-height: 1.5em; - font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif; - font-size: 100%; letter-spacing: 0.01rem; margin: 0; - color: rgba(0, 0, 0, 0.6); background-color: #eaeaea; - -webkit-font-feature-settings: 'kern' 1; -moz-font-feature-settings: 'kern' 1; -o-font-feature-settings: 'kern' 1; - text-rendering: geometricPrecision; -} -::-moz-selection { - background: #D6EDFF; -} -::selection { - background: #D6EDFF; -} -a { - text-decoration: none; - outline-width: 0; - color: #258fb8; - outline: none; - transition: all 0.3s ease; -} - -h1, h2, h3, h4, h5, h6 { - -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; - -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; - -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; - color: #666; - line-height: 1.15em; - font-family: "Open Sans", "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif; - text-rendering: geometricPrecision; -} -h1 { - letter-spacing: -2px; - text-indent: -3px; -} -h2 { - letter-spacing: -1px; -} -img { - max-width: 100%; -} - -p, ul, ol, dl { - -webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; - -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; - -o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; - text-rendering: geometricPrecision; -} - -ol, ul { - padding-left: 3rem; -} - -ol ol, ul ul, -ul ol, ol ul { - padding-left: 2em; -} - -dl dt { - float: left; - width: 180px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - font-weight: 700; - margin-bottom: 1em; -} - -dl dd { - margin-left: 200px; - margin-bottom: 1em -} - -li li { - margin: 0; -} - -hr { - display: block; - height: 1px; - border: 0; - border-top: #EFEFEF 1px solid; - margin: 3.2em 0; - padding: 0; -} - -blockquote { - box-sizing: border-box; - margin: 1.75em 0 1.75em 0; - padding: 0 0 0 1.75em; - border-left: 5px solid; - transition: all 0.3s ease; -} - - -blockquote:hover { - border-color: #b0a0aa; -} - -blockquote p { - margin: 0.8em 0; - font-style: italic; -} - -blockquote small { - display: inline-block; - margin: 0.8em 0 0.8em 1.5em; - font-size: 0.9em; - color: #CCC; -} - -blockquote small:before { content: "\2014 \00A0"; } - -blockquote cite { - font-weight: 700; -} - -blockquote cite a { font-weight: normal; } - -mark { - background-color: #fdffb6; -} - -code, tt { - padding: 1px 3px; - font-family: Inconsolata, monospace, "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif; - font-size: 0.85em; - white-space: pre-wrap; - border: #E3EDF3 1px solid; - background: #F7FAFB; - border-radius: 2px; -} - -pre { - font-size: 0.9em; -} - -pre code, pre tt { - font-size: inherit; - white-space: pre-wrap; - background: transparent; - border: none; - padding: 0; -} -/* end reset */ - -/* start function */ -.fn-clear:before, -.fn-clear:after { - display: table; - content: ""; -} - -.fn-clear:after { - clear: both; -} - -.fn-left { - float: left; -} - -.fn-right { - float: right; -} - -.fn-none { - display: none; -} -/* end function */ -/* start common */ -@font-face { - font-family: 'icomoon'; - src:url('/skins/mobile/css/fonts/icomoon.eot?3js4w7'); - src:url('/skins/mobile/css/fonts/icomoon.eot?3js4w7#iefix') format('embedded-opentype'), - url('/skins/mobile/css/fonts/icomoon.ttf?3js4w7') format('truetype'), - url('/skins/mobile/css/fonts/icomoon.woff?3js4w7') format('woff'), - url('/skins/mobile/css/fonts/icomoon.svg?3js4w7#icomoon') format('svg'); - font-weight: normal; - font-style: normal; -} -[class^="icon-"], [class*=" icon-"] { - font-family: 'icomoon'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - vertical-align: middle; -} -.icon-tag:before { - content: "\e903"; -} -.icon-date:before { - content: "\e902"; -} -#captcha, #captchaReply { - height: 27px; - display: inline-block; - vertical-align: inherit; -} -/* start emotions */ -.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, -.em10, .em11, .em12, .em13, .em14 { - cursor: pointer; - background-image: url("/images/emotions/emotions-classic.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 0; -} - -.em05 { - background-position: 0px -24px; -} - -.em06 { - background-position: -24px -24px; -} - -.em07 { - background-position: -48px -24px; -} - -.em08 { - background-position: -72px -24px; -} - -.em09 { - background-position: -96px -24px; -} - -.em10 { - background-position: 0 -48px; -} - -.em11 { - background-position: -24px -48px ; -} - -.em12 { - background-position: -48px -48px; -} - -.em13 { - background-position: -72px -48px; -} - -.em14 { - background-position: -96px -48px; -} -/* end emotions */ - -/* start main */ -main { - position: absolute; - right: 0; - min-height: 100%; - background: #eaeaea; - width: auto; -} -/* end main */ - -/* start article */ -article { - margin: 30px; - border: 1px solid #ddd; - background: #fff; - position: relative; - transition: all 0.2s ease-in; - visibility: hidden; -} -article.show { - visibility: visible; - -webkit-animation: bounce 0.6s; - animation: bounce 0.6s; -} - -@-webkit-keyframes bounce { - 0% { - opacity: 0; - -webkit-transform: scale(1); - } - 60% { - opacity: 1; - -webkit-transform: scale(1.02); - } - 100% { - -webkit-transform: scale(1); - } -} - -@-moz-keyframes bounce { - 0% { - opacity: 0; - -moz-transform: scale(1); - } - 60% { - opacity: 1; - -moz-transform: scale(1.02); - } - 100% { - -moz-transform: scale(1); - } -} - -article header { - border-left: 5px solid; - padding: 15px 30px 15px 25px; -} - -article header:hover { - border-color: #b0a0aa; -} - -article header h2 { - margin: 0; - font-size: 26px; - padding-right: 130px; -} - -article header a { - color: #696969; - margin-left: 0px; - font-weight: 300; - line-height: 35px; -} - -article header a:hover { - color: #b0a0aa; -} - -article header sup { - font-size: 14px; - font-weight: normal; - color: #999; -} - -article header .meta { - font-size: 14px; - position: absolute; - right: 30px; - color: #aaa; - top: 18px; -} -article header time { - white-space: nowrap; - position: absolute; - top: 20px; - right: 0; -} - -article .abstract { - line-height: 1.8em; - padding-right: 30px; - padding-left: 30px; - overflow: hidden; - word-wrap: break-word -} - -article footer { - padding: 20px 35px 0 0; - margin: 30px 30px 20px 30px; - border-top: 1px solid #ddd; -} - -.tags .tag:hover, -article .abstract a:hover{ - opacity: 0.7; -} - -.tags .avatar { - width: 20px; - border-radius: 10px; - right: 30px; - position: absolute; - bottom: 25px; - transition: all 0.2s ease-out 0s; -} -.tags .avatar:hover, -.share span:hover { - transform: rotate(360deg); - color: #333; -} - -.tags .tag { - color: #fff; - font-size: 10px; - height: 18px; - line-height: 18px; - display: inline-block; - padding: 0 5px 0px 10px; - position: relative; - border-radius: 0 5px 5px 0; - margin: 5px 9px 5px 8px; - background-color: #7b5d5f; - font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace; -} - -.tags .tag:before { - content: " "; - width: 0px; - height: 0px; - position: absolute; - top: 0; - left: -18px; - border: 9px solid transparent; - border-right-color: #7b5d5f; -} - -.tags .tag:after { - content: " "; - width: 4px; - height: 4px; - background-color: #fff; - border-radius: 4px; - box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3); - position: absolute; - top: 7px; - left: 2px; -} - -a.color1.tag{ background:#999 } -a.color1.tag:before{ border-right-color:#999 } - -a.color2.tag{ background:#ccc } -a.color2.tag:before{ border-right-color:#ccc } - -a.color3.tag{ background:#666 } -a.color3.tag:before{ border-right-color:#666 } - -a.color4.tag { background: #cfb7c4; } -a.color4.tag:before { border-right-color: #cfb7c4; } - -nav.pagination { - text-align: center; -} - -nav.pagination .page-num { - width: 20px; - height: 20px; - background: #4d4d4d; - border-radius: 50%; - display: inline-block; - color: #fff; - line-height: 20px; - font-size: 12px; - margin: 0 3px 30px; -} - -nav.pagination a.page-num:hover { - opacity: 0.7; -} - - -nav.pagination .page-num.current { - background: #88acdb; -} - -nav.pagination .extend { - color: #4d4d4d; - margin: 0 27px; - opacity: 0; -} - -nav.pagination .extend:hover { - color: #b0a0aa; -} - -nav.pagination:hover .extend { - opacity: 1; -} -/* end article */ - -/* start footer */ -footer.footer { - line-height: 1rem; - font-size: 12px; - font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace; - text-shadow: 0 1px #fff; - opacity: 0.6; - margin: 0 30px 30px; -} - -footer.footer .icon-goup { - position: fixed; - bottom: 35px; - right: 5px; - -webkit-animation: upbounce 4s 2s infinite; - animation: upbounce 4s 2s infinite; - z-index: 10; - font-size: 20px; - cursor: pointer; - color: #b0a0aa; - transition: all 0.3s ease; -} - -footer.footer .icon-goup:hover { - color: #4a4a4a; -} - -@-webkit-keyframes upbounce { - 0%, 10%, 25%, 40%, 50% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 20% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 30% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - } -} - -@keyframes upbounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 40% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 60% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - } -} -/* end footer */ - -/* start classify*/ -.classify li { - list-style: none; - font-size: 20px; - float: left; - margin: 0 30px 20px 0; -} - -.classify .tags .tag { - font-size: 20px; - padding: 10px; -} - -.classify .tags .tag:before { - left: -38px; - border-width: 19px; -} - -.classify .tags .tag:after { - top: 15px; - left: -6px; - width: 8px; - height: 8px; -} - -.classify-name { - font-size: 18px; - margin: 30px; -} -table {width: 100%; border-collapse:collapse; border: 1px solid #ccc;} -table th, table td { - border: 1px solid #E6E6E6; - padding: 3px 5px; - word-break: normal; -} -table th { - background: #F3F3F3; -} -th, td { - text-align: left; -} -/* end classify*/ -/* start responsive */ -@media only screen and (max-width: 500px) { - main { - position: initial; - } - article { - margin: 10px; - } - footer.footer { - text-align: center; - } - footer.footer .fn-right { - float: none; - display: block; - } -} +html { + height: 100%; max-height: 100%; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + max-height: 100%; line-height: 1.5em; + font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif; + font-size: 100%; letter-spacing: 0.01rem; margin: 0; + color: rgba(0, 0, 0, 0.6); background-color: #eaeaea; + -webkit-font-feature-settings: 'kern' 1; -moz-font-feature-settings: 'kern' 1; -o-font-feature-settings: 'kern' 1; + text-rendering: geometricPrecision; +} +::-moz-selection { + background: #D6EDFF; +} +::selection { + background: #D6EDFF; +} +a { + text-decoration: none; + outline-width: 0; + color: #258fb8; + outline: none; + transition: all 0.3s ease; +} + +h1, h2, h3, h4, h5, h6 { + -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; + -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; + -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; + color: #666; + line-height: 1.15em; + font-family: "Open Sans", "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif; + text-rendering: geometricPrecision; +} +h1 { + letter-spacing: -2px; + text-indent: -3px; +} +h2 { + letter-spacing: -1px; +} +img { + max-width: 100%; +} + +p, ul, ol, dl { + -webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; + -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; + -o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; + text-rendering: geometricPrecision; +} + +ol, ul { + padding-left: 3rem; +} + +ol ol, ul ul, +ul ol, ol ul { + padding-left: 2em; +} + +dl dt { + float: left; + width: 180px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 700; + margin-bottom: 1em; +} + +dl dd { + margin-left: 200px; + margin-bottom: 1em +} + +li li { + margin: 0; +} + +hr { + display: block; + height: 1px; + border: 0; + border-top: #EFEFEF 1px solid; + margin: 3.2em 0; + padding: 0; +} + +blockquote { + box-sizing: border-box; + margin: 1.75em 0 1.75em 0; + padding: 0 0 0 1.75em; + border-left: 5px solid; + transition: all 0.3s ease; +} + + +blockquote:hover { + border-color: #b0a0aa; +} + +blockquote p { + margin: 0.8em 0; + font-style: italic; +} + +blockquote small { + display: inline-block; + margin: 0.8em 0 0.8em 1.5em; + font-size: 0.9em; + color: #CCC; +} + +blockquote small:before { content: "\2014 \00A0"; } + +blockquote cite { + font-weight: 700; +} + +blockquote cite a { font-weight: normal; } + +mark { + background-color: #fdffb6; +} + +code, tt { + padding: 1px 3px; + font-family: Inconsolata, monospace, "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif; + font-size: 0.85em; + white-space: pre-wrap; + border: #E3EDF3 1px solid; + background: #F7FAFB; + border-radius: 2px; +} + +pre { + font-size: 0.9em; +} + +pre code, pre tt { + font-size: inherit; + white-space: pre-wrap; + background: transparent; + border: none; + padding: 0; +} +/* end reset */ + +/* start function */ +.fn-clear:before, +.fn-clear:after { + display: table; + content: ""; +} + +.fn-clear:after { + clear: both; +} + +.fn-left { + float: left; +} + +.fn-right { + float: right; +} + +.fn-none { + display: none; +} +/* end function */ +/* start common */ +@font-face { + font-family: 'icomoon'; + src:url('/skins/mobile/css/fonts/icomoon.eot?3js4w7'); + src:url('/skins/mobile/css/fonts/icomoon.eot?3js4w7#iefix') format('embedded-opentype'), + url('/skins/mobile/css/fonts/icomoon.ttf?3js4w7') format('truetype'), + url('/skins/mobile/css/fonts/icomoon.woff?3js4w7') format('woff'), + url('/skins/mobile/css/fonts/icomoon.svg?3js4w7#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} +[class^="icon-"], [class*=" icon-"] { + font-family: 'icomoon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; +} +.icon-tag:before { + content: "\e903"; +} +.icon-date:before { + content: "\e902"; +} +#captcha, #captchaReply { + height: 27px; + display: inline-block; + vertical-align: inherit; +} +/* start emotions */ +.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, +.em10, .em11, .em12, .em13, .em14 { + cursor: pointer; + background-image: url("/images/emotions/emotions-classic.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 0; +} + +.em05 { + background-position: 0px -24px; +} + +.em06 { + background-position: -24px -24px; +} + +.em07 { + background-position: -48px -24px; +} + +.em08 { + background-position: -72px -24px; +} + +.em09 { + background-position: -96px -24px; +} + +.em10 { + background-position: 0 -48px; +} + +.em11 { + background-position: -24px -48px ; +} + +.em12 { + background-position: -48px -48px; +} + +.em13 { + background-position: -72px -48px; +} + +.em14 { + background-position: -96px -48px; +} +/* end emotions */ + +/* start main */ +main { + position: absolute; + right: 0; + min-height: 100%; + background: #eaeaea; + width: auto; +} +/* end main */ + +/* start article */ +article { + margin: 30px; + border: 1px solid #ddd; + background: #fff; + position: relative; + transition: all 0.2s ease-in; + visibility: hidden; +} +article.show { + visibility: visible; + -webkit-animation: bounce 0.6s; + animation: bounce 0.6s; +} + +@-webkit-keyframes bounce { + 0% { + opacity: 0; + -webkit-transform: scale(1); + } + 60% { + opacity: 1; + -webkit-transform: scale(1.02); + } + 100% { + -webkit-transform: scale(1); + } +} + +@-moz-keyframes bounce { + 0% { + opacity: 0; + -moz-transform: scale(1); + } + 60% { + opacity: 1; + -moz-transform: scale(1.02); + } + 100% { + -moz-transform: scale(1); + } +} + +article header { + border-left: 5px solid; + padding: 15px 30px 15px 25px; +} + +article header:hover { + border-color: #b0a0aa; +} + +article header h2 { + margin: 0; + font-size: 26px; + padding-right: 130px; +} + +article header a { + color: #696969; + margin-left: 0px; + font-weight: 300; + line-height: 35px; +} + +article header a:hover { + color: #b0a0aa; +} + +article header sup { + font-size: 14px; + font-weight: normal; + color: #999; +} + +article header .meta { + font-size: 14px; + position: absolute; + right: 30px; + color: #aaa; + top: 18px; +} +article header time { + white-space: nowrap; + position: absolute; + top: 20px; + right: 0; +} + +article .abstract { + line-height: 1.8em; + padding-right: 30px; + padding-left: 30px; + overflow: hidden; + word-wrap: break-word +} + +article footer { + padding: 20px 35px 0 0; + margin: 30px 30px 20px 30px; + border-top: 1px solid #ddd; +} + +.tags .tag:hover, +article .abstract a:hover{ + opacity: 0.7; +} + +.tags .avatar { + width: 20px; + border-radius: 10px; + right: 30px; + position: absolute; + bottom: 25px; + transition: all 0.2s ease-out 0s; +} +.tags .avatar:hover, +.share span:hover { + transform: rotate(360deg); + color: #333; +} + +.tags .tag { + color: #fff; + font-size: 10px; + height: 18px; + line-height: 18px; + display: inline-block; + padding: 0 5px 0px 10px; + position: relative; + border-radius: 0 5px 5px 0; + margin: 5px 9px 5px 8px; + background-color: #7b5d5f; + font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace; +} + +.tags .tag:before { + content: " "; + width: 0px; + height: 0px; + position: absolute; + top: 0; + left: -18px; + border: 9px solid transparent; + border-right-color: #7b5d5f; +} + +.tags .tag:after { + content: " "; + width: 4px; + height: 4px; + background-color: #fff; + border-radius: 4px; + box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3); + position: absolute; + top: 7px; + left: 2px; +} + +a.color1.tag{ background:#999 } +a.color1.tag:before{ border-right-color:#999 } + +a.color2.tag{ background:#ccc } +a.color2.tag:before{ border-right-color:#ccc } + +a.color3.tag{ background:#666 } +a.color3.tag:before{ border-right-color:#666 } + +a.color4.tag { background: #cfb7c4; } +a.color4.tag:before { border-right-color: #cfb7c4; } + +nav.pagination { + text-align: center; +} + +nav.pagination .page-num { + width: 20px; + height: 20px; + background: #4d4d4d; + border-radius: 50%; + display: inline-block; + color: #fff; + line-height: 20px; + font-size: 12px; + margin: 0 3px 30px; +} + +nav.pagination a.page-num:hover { + opacity: 0.7; +} + + +nav.pagination .page-num.current { + background: #88acdb; +} + +nav.pagination .extend { + color: #4d4d4d; + margin: 0 27px; + opacity: 0; +} + +nav.pagination .extend:hover { + color: #b0a0aa; +} + +nav.pagination:hover .extend { + opacity: 1; +} +/* end article */ + +/* start footer */ +footer.footer { + line-height: 1rem; + font-size: 12px; + font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace; + text-shadow: 0 1px #fff; + opacity: 0.6; + margin: 0 30px 30px; +} + +footer.footer .icon-goup { + position: fixed; + bottom: 35px; + right: 5px; + -webkit-animation: upbounce 4s 2s infinite; + animation: upbounce 4s 2s infinite; + z-index: 10; + font-size: 20px; + cursor: pointer; + color: #b0a0aa; + transition: all 0.3s ease; +} + +footer.footer .icon-goup:hover { + color: #4a4a4a; +} + +@-webkit-keyframes upbounce { + 0%, 10%, 25%, 40%, 50% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 20% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 30% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } +} + +@keyframes upbounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 40% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 60% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } +} +/* end footer */ + +/* start classify*/ +.classify li { + list-style: none; + font-size: 20px; + float: left; + margin: 0 30px 20px 0; +} + +.classify .tags .tag { + font-size: 20px; + padding: 10px; +} + +.classify .tags .tag:before { + left: -38px; + border-width: 19px; +} + +.classify .tags .tag:after { + top: 15px; + left: -6px; + width: 8px; + height: 8px; +} + +.classify-name { + font-size: 18px; + margin: 30px; +} +table {width: 100%; border-collapse:collapse; border: 1px solid #ccc;} +table th, table td { + border: 1px solid #E6E6E6; + padding: 3px 5px; + word-break: normal; +} +table th { + background: #F3F3F3; +} +th, td { + text-align: left; +} +/* end classify*/ +/* start responsive */ +@media only screen and (max-width: 500px) { + main { + position: initial; + } + article { + margin: 10px; + } + footer.footer { + text-align: center; + } + footer.footer .fn-right { + float: none; + display: block; + } +} /* end responsive */ \ No newline at end of file diff --git a/iMobile/搜索页面（覆盖至根目录）/opensearch.xml b/skins/iMobile/搜索页面（覆盖至根目录）/opensearch.xml similarity index 98% rename from iMobile/搜索页面（覆盖至根目录）/opensearch.xml rename to skins/iMobile/搜索页面（覆盖至根目录）/opensearch.xml index 9b21acc..7e52f6d 100644 --- a/iMobile/搜索页面（覆盖至根目录）/opensearch.xml +++ b/skins/iMobile/搜索页面（覆盖至根目录）/opensearch.xml @@ -1,7 +1,7 @@ - -子兮子兮 -子兮子兮风兮寒，三江七泽情洄沿。 -UTF-8 -https://res.zixizixi.cn/izcn.png - + +子兮子兮 +子兮子兮风兮寒，三江七泽情洄沿。 +UTF-8 +https://res.zixizixi.cn/izcn.png + \ No newline at end of file diff --git a/iMobile/搜索页面（覆盖至根目录）/search.ftl b/skins/iMobile/搜索页面（覆盖至根目录）/search.ftl similarity index 98% rename from iMobile/搜索页面（覆盖至根目录）/search.ftl rename to skins/iMobile/搜索页面（覆盖至根目录）/search.ftl index 3baea50..91ad7f0 100644 --- a/iMobile/搜索页面（覆盖至根目录）/search.ftl +++ b/skins/iMobile/搜索页面（覆盖至根目录）/search.ftl @@ -1,94 +1,94 @@ - - - - - - -${blogTitle} - ${searchLabel} ${keyword!''} - - - - - - - -
    - Solo -
    - - -
    -
    - -
    -
    - <#list articles as article> -
    -
    -

    - - ${article.articleTitle} - -

    -
    - -   ${article.articleCommentCount} -   ${article.articleViewCount} -
    -
    -
    - ${article.articleAbstract} -
    -
    -   - <#list article.articleTags?split(",") as articleTag> - - <#if articleTag_has_next>   - -
    -
    - -
    -<#if 0 != articles?size> - -<#else> -
    - -
    - -
    -
    -
    © ${year} ${blogTitle?html} All Rights Reserved.
    - Powered by B3log 开源 • Solo - ${statistic.statisticBlogViewCount}  - ${onlineVisitorCnt} -
    ${footerContent}
    -
    - - - + + + + + + +${blogTitle} - ${searchLabel} ${keyword!''} + + + + + + + +
    + Solo +
    + + +
    +
    + +
    +
    + <#list articles as article> +
    +
    +

    + + ${article.articleTitle} + +

    +
    + +   ${article.articleCommentCount} +   ${article.articleViewCount} +
    +
    +
    + ${article.articleAbstract} +
    +
    +   + <#list article.articleTags?split(",") as articleTag> + + <#if articleTag_has_next>   + +
    +
    + +
    +<#if 0 != articles?size> + +<#else> +
    + +
    + +
    +
    +
    © ${year} ${blogTitle?html} All Rights Reserved.
    + Powered by B3log 开源 • Solo + ${statistic.statisticBlogViewCount}  + ${onlineVisitorCnt} +
    ${footerContent}
    +
    + + + diff --git a/idream/archive-articles.ftl b/skins/idream/archive-articles.ftl similarity index 100% rename from idream/archive-articles.ftl rename to skins/idream/archive-articles.ftl diff --git a/idream/article-list.ftl b/skins/idream/article-list.ftl similarity index 100% rename from idream/article-list.ftl rename to skins/idream/article-list.ftl diff --git a/idream/article.ftl b/skins/idream/article.ftl similarity index 97% rename from idream/article.ftl rename to skins/idream/article.ftl index 0cd8c55..4ecfabb 100644 --- a/idream/article.ftl +++ b/skins/idream/article.ftl @@ -1,120 +1,120 @@ -<#include "macro-head.ftl"> -<#include "macro-comments.ftl"> - - - - <@head title="${article.articleTitle} - ${blogTitle}"> - - - - - - ${topBarReplacement} -
    - <#include "header.ftl"> -
    -
    -
    - <#include "side.ftl"> -
    - -
    -
    -
    -
    -
    - <#if article.hasUpdated> - ${article.articleUpdateDate?string("yyyy")} - <#else> - ${article.articleCreateDate?string("yyyy")} - -
    -
    - <#if article.hasUpdated> - ${article.articleUpdateDate?string("MM/dd")} - <#else> - ${article.articleCreateDate?string("MM/dd")} - -
    -
    -
    -

    - ${article.articleTitle} -

    -
    - <#if article.articlePutTop> - ${topArticleLabel} - - <#if article.hasUpdated> - ${updatedLabel} - - ${article.authorName} - ${article.articleViewCount} ${viewLabel} -
    -
    -
    - ${article.articleContent} - <#if "" != article.articleSign.signHTML?trim> -
    - ${article.articleSign.signHTML} -
    - -
    -
    -
    - - <#list article.articleTags?split(",") as articleTag> - - ${articleTag}<#if articleTag_has_next>, - - - - - ${article.articleCommentCount} - - -
    -
    -
    -
    - <#if nextArticlePermalink??> - ${nextArticle1Label}${nextArticleTitle} -
    - - <#if previousArticlePermalink??> - ${previousArticle1Label}${previousArticleTitle} -
    - -
    -
    -
    -
    -
    -
    -
    - <@comments commentList=articleComments article=article> -
    -
    -
    - © ${year} ${blogTitle} -
    -
    - -
    -
    - <#include "footer.ftl"> -
    - <@comment_script oId=article.oId> - page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}"; - <#if 0 != randomArticlesDisplayCount> - page.loadRandomArticles(); - - <#if 0 != relevantArticlesDisplayCount> - page.loadRelevantArticles('${article.oId}', '

    ${relevantArticles1Label}

    '); - - <#if 0 != externalRelevantArticlesDisplayCount> - page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,"); - - - +<#include "macro-head.ftl"> +<#include "macro-comments.ftl"> + + + + <@head title="${article.articleTitle} - ${blogTitle}"> + + + + + + ${topBarReplacement} +
    + <#include "header.ftl"> +
    +
    +
    + <#include "side.ftl"> +
    + +
    +
    +
    +
    +
    + <#if article.hasUpdated> + ${article.articleUpdateDate?string("yyyy")} + <#else> + ${article.articleCreateDate?string("yyyy")} + +
    +
    + <#if article.hasUpdated> + ${article.articleUpdateDate?string("MM/dd")} + <#else> + ${article.articleCreateDate?string("MM/dd")} + +
    +
    +
    +

    + ${article.articleTitle} +

    +
    + <#if article.articlePutTop> + ${topArticleLabel} + + <#if article.hasUpdated> + ${updatedLabel} + + ${article.authorName} + ${article.articleViewCount} ${viewLabel} +
    +
    +
    + ${article.articleContent} + <#if "" != article.articleSign.signHTML?trim> +
    + ${article.articleSign.signHTML} +
    + +
    +
    +
    + + <#list article.articleTags?split(",") as articleTag> + + ${articleTag}<#if articleTag_has_next>, + + + + + ${article.articleCommentCount} + + +
    +
    +
    +
    + <#if nextArticlePermalink??> + ${nextArticle1Label}${nextArticleTitle} +
    + + <#if previousArticlePermalink??> + ${previousArticle1Label}${previousArticleTitle} +
    + +
    +
    +
    +
    +
    +
    +
    + <@comments commentList=articleComments article=article> +
    +
    +
    + © ${year} ${blogTitle} +
    +
    + +
    +
    + <#include "footer.ftl"> +
    + <@comment_script oId=article.oId> + page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}"; + <#if 0 != randomArticlesDisplayCount> + page.loadRandomArticles(); + + <#if 0 != relevantArticlesDisplayCount> + page.loadRelevantArticles('${article.oId}', '

    ${relevantArticles1Label}

    '); + + <#if 0 != externalRelevantArticlesDisplayCount> + page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,"); + + + \ No newline at end of file diff --git a/idream/author-articles.ftl b/skins/idream/author-articles.ftl similarity index 100% rename from idream/author-articles.ftl rename to skins/idream/author-articles.ftl diff --git a/idream/css/idream.css b/skins/idream/css/idream.css similarity index 94% rename from idream/css/idream.css rename to skins/idream/css/idream.css index 1c9acc1..9e2bab1 100644 --- a/idream/css/idream.css +++ b/skins/idream/css/idream.css @@ -1,760 +1,760 @@ -@charset "utf-8"; - -* {margin:0; padding:0;} - -body { - color: #373737; - background:url(../images/homebg.jpg) top center no-repeat #222326; - font-family:Tahoma,Microsoft YaHei,Verdana,Arial,Helvetica,sans-serif; - font-size: 12px; - background-color: #3e3e3e; - background-position: top; - background-color: #000000; -} - -h1, h2, h3, h4, h5, h6 { - margin: 0px; - margin-bottom: 16px; - margin-top: 12px; -} - -p { - margin:0px 0px 20px 0px; -} - -a { - outline:none; - text-decoration: none; - color: #333333; -} -a:hover { - color:#c00000; - text-decoration: none; -} - -a img { - border:none; -} - -.clr { - display: block; - clear: both; -} - -.clr6 { - display: block; - clear: both; - height: 6px; -} - -.clr12 { - display: block; - clear: both; - height: 12px; -} - -.clr16 { - display: block; - clear: both; - height: 16px; -} -/* +++++++++++ Basic Layout +++++++++++++ */ -#wrapper { - display: block; - width: 960px; - margin: 0px auto; - text-align: left; -} - -#layouttop { - display: block; - width: 960px; - height: 26px; - background-image: url(../images/headertop2.png); - background-repeat: no-repeat; - background-position: 0px 0px; - margin: 24px 0 0 0; -} - -#layoutbottom { - display: block; - width: 960px; - height: 26px; - background-image: url(../images/footerbottom.png); - background-repeat: no-repeat; - background-position: 0px 0px; - margin-bottom: 12px; -} - -#header { - display: block; - width: 864px; - height: 60px; - padding: 0px 48px; - background-image: url(../images/headerbg2.png); - background-repeat: no-repeat; - background-position: 0px 0px; - margin: 0px 0px; - overflow: hidden; -} - -#outerwrapper { - display: block; - padding: 0px 0px; - background-image: url(../images/innerbg-trns.png); - background-repeat: repeat-y; - background-position: 0px 0px; - margin: 0px 0px; -} - -#innerwrapper { - display: block; - width: 864px; - padding: 0px 48px; - background-image: url(../images/innerbg-top.png); - background-repeat: no-repeat; - background-position: 24px 0px; - margin: 0px 0px; -} - -/* +++++++++++ Header +++++++++++++ */ - -#header #headerleft{ - display: block; - float: left; - width: 620px; - padding-top: 5px; -} - -#header #headerright{ - display: block; -} - -#header #headerleft h1 { - margin: 0px; - padding: 0px; -} - -#header #headerleft h1 a{ - padding-right: 12px; - font-size: 28px; - color: #c00000; - font-weight: normal; - text-decoration: none; - letter-spacing:0.8px; - text-shadow: #999999 1px 1px 2px; -} - - -#header #headerleft h1 a.nobar{ - border-right: 0px solid #adb0b4; -} - -#header #headerleft h1 a.nobar img{ - border: 0px solid #adb0b4; - max-height: 60px; -} - -#header #headerleft h3{ - display: block; - float: left; - font-size: 13px; - color: #5c5c5c; - margin-top: 0px; -} - -#header #headerright #rssboxo{ - display: block; - float: right; - width: 124px; - height: 41px; - margin-top: 0px; - background-image: url(../images/rssbg.png); - background-repeat: no-repeat; - background-position: 0px 0px; -} - -#header #headerright #rssboxo a{ - color: #FFF; - font-weight: bold; - display: block; - margin: 17px 0px 0px 48px; -} - - - -/* +++++++++++ Top navigation +++++++++++++ */ - -#navouter { - display: block; - height: 60px; - background-image: url(../images/topnavbg.png); - background-repeat: no-repeat; - background-position: 0px 0px; -} - -#navouter #nav { - display: block; - height: 32px; - padding: 14px 40px 0px 40px; - -} - -#navouter #nav ul{ -} - -#navouter #nav ul, -#navouter #nav ul li{ - display: block; - float: left; - margin: 0px; - padding: 0px; - background-image: none; - list-style-type: none; -} - -#navouter #nav ul li a, -#navouter #nav ul li a:visited{ - display: block; - float: left; - height: 32px; - line-height: 32px; - vertical-align: middle; - color: #f1d7d7; - margin: 0px; - padding: 0px 16px; - background-image: none; - text-decoration: none; - border-right: 1px solid #ce3232; - background-color: #c00000; -} - -#navouter #nav ul li.selected a, -#navouter #nav ul li a:hover { - color: #FFF; - background-color: #950000; -} -#navouter #nav ul li.lastNavi a,#navouter #nav ul li.lastNavi a:hover{border-right:0px;background-color: #c00000;} -/* +++++++++++ Main Content Area +++++++++++++ */ - -#maincol { - display: block; - width: 571px; - float: left; - padding-right: 16px; - border-right: 1px dotted #c9c9c9; -} -.breakline { - word-break:break-all; - word-wrap:break-word; -} -.shortline { - overflow:hidden; - white-space:nowrap; - text-overflow:ellipsis; -} - -div.postwrap { - display: block; - margin-bottom: 16px; - padding-top: 8px; -} - -div.postwrap h2.posttitle, -div.postwrap h2.posttitle a, -div.postwrap h2.posttitle a:visited { - font-size: 20px; - font-weight:lighter; - letter-spacing:0.8px; - color: #474747; - text-decoration: none; - margin-bottom: 0px; - color: #c00000; -} - -div.postwrap h2.posttitle { - font-size: 14px; -} - - -div.postwrap h2.posttitle a:hover { - color: #c00000; - color: #950000; -} - -div.postwrap p.postmeta, -div.postwrap div.postmeta { - display: block; - min-height: 23px; - vertical-align: middle; - color: red; - font-size: 11px; - text-transform:capitalize; - padding: 3px 0px; - margin-top: 0px; -} -div.postwrap div.postmeta a{ - color: #84878b; - padding: 0px 5px; -} - -div.postwrap p.postmeta a, -div.postwrap div.postmeta a, -div.postwrap p.postmeta a:visited, -div.postwrap div.postmeta a:visited { - color: #999999; -} -div.postwrap p.postmeta a:hover, -div.postwrap div.postmeta a:hover { - border-bottom: 1px solid #afafaf; -} - -div.postmeta2 { - display: block; - position: relative; -} - -div.postmeta2 div.meta2inner { - display: block; - position: absolute; - height: 70px; - width: 58px; - background-image: url(../images/datebg.png); - background-position: 0px 0px; - background-repeat: no-repeat; - color: #FFF; - left: -34px; - top: -0px; -} - -div.postmeta2 div.meta2inner div.pyear { - text-align: center; - display: block; - padding-left: 2px; - font-size: 20px; - font-weight: bold; - padding-top: 14px; -} - -div.postmeta2 div.meta2inner div.pday { - text-align: center; - display: block; - padding-left: 2px; - font-size: 12px; - font-weight: bold; - padding-top: 2px; -} - - -div.postwrap div.postmeta, -div.postwrap h2.posttitle { - padding-left: 32px; -} - -div.postwrap div.postcontent { - font-size:13px; - letter-spacing:1px; - line-height:160%; - white-space:normal; - overflow: hidden; -} - -div.postwrap div.postcontent a { - border-bottom: 0px solid #afafaf; -} - -div.postwrap div.postcontent a:hover { - border: 0px solid #afafaf; -} - -div.postwrap div.postcontent ul { - margin:10px 0; - padding:0; - letter-spacing:1px; -} - -div.postwrap div.postcontent ul li { - line-height:160%; - font-size:13px; - letter-spacing:1px; -} - -.nextlog { - margin:15px auto; - padding:0; - clear:both; -} - -div.roubcornrcontent { - display: block; - padding: 6px 12px; - background-color: #e6e6e6; -} - -div.postwrap div.roubcornrcontent a, -div.postwrap div.roubcornrcontent a:visited{ - color: #666; - text-decoration: none; -} - -div.postwrap div.roubcornrcontent a:hover{ - color: #CC0000; - text-decoration: none; -} - -div.postwrap span.postcomments { - display: block; - float: right; - background-image: url(../images/icon-comment.png); - background-position: 0px 0px; - background-repeat: no-repeat; - padding: 0px 0px 0px 18px; -} - -div.postwrap span.posttags-single, -div.postwrap span.posttags { - display: block; - float: left; - background-image: url(../images/icontag.png); - background-position: 0px 0px; - background-repeat: no-repeat; - padding: 0px 0px 0px 18px; - color: #999; -} - -#nextprevious { - display: block; - margin-bottom: 16px; -} - -#extrastuff #rssleft, -#extrastuff #trackright, -#nextprevious .alignleft a, -#nextprevious .alignright a { - display: block; - border: 1px solid #bdbdbd; - padding: 4px 6px; - background-color: #e6e6e6; -} - -.nav { - overflow: hidden; - margin:4px auto; - text-align:center; - padding:4px 0; -} - -.wp-pagenavi { - clear: both; -} - -.wp-pagenavi a, .wp-pagenavi span { - text-decoration: none; - border: 1px solid #BFBFBF; - padding: 3px 5px; - margin: 2px; -} - -/* +++++++++++ Right column side bar +++++++++++++ */ - -#rightcol { - display: block; - width: 260px; - float: right; - margin-left: 16px; -} - -div.rightcontent { - display: block; - padding: 12px 16px; -} - -#rightcol ul.sidebaritem, -#rightcol li.sidebaritem { - margin: 0px; - padding: 0px; - background-image: none; - list-style-type: none; -} - -div.widget, -div.widget-cat, -#rightcol li.sidebaritem { - margin-bottom: 16px; -} -#bottompanel div.col1 h3, -#bottompanel div.col2 h3, -#bottompanel div.col3 h3, -div.widget h4, -div.widget h2, -#rightcol li.sidebaritem h2.widgettitle { - font-size: 18px; - font-weight: normal; - color: #474747; - padding: 4px 12px 4px 12px; - margin-bottom: 12px; - background-color: #d2d2d2; - border-top: 1px solid #c00000; - background-image: url(../images/downarrow.gif); - background-position: right top; - background-repeat: no-repeat; - margin-left: 0px; - padding-left: 12px; - text-indent: 0px; -} -.roundcornrrbox { - width: 864px; - overflow: hidden; -} - -div.widget-cat h4, -#rightcol li.widget_categories div.sidebarbox h2.widgettitle { - font-size: 18px; - font-weight: normal; - color: #474747; - padding: 4px 12px 4px 12px; - min-width: 160px; - margin-bottom: 1px; - background-color: #f4f4f4; - border-top: 2px solid #c00000; - background-color: #464848; - color: #FFF; - background-image: url(../images/downarrow.gif); - background-position: right top; - background-repeat: no-repeat; - -} - -div.widget-cat ul li, -li.widget_categories ul li { - display: block; - background-color: #F4F4F4; - border-bottom: 1px solid #DFDFDF; - padding: 4px 0px 4px 16px; - margin: 0px; - background-image: none; - color: #9ea2a9; - background-image: url(../images/item-pointer.gif); - background-position: 4px 8px; - background-repeat: no-repeat; -} - -div.widget-cat ul li ul li, -li.widget_categories ul li ul li, -div.widget-cat ul li ul li ul li, -li.widget_categories ul li ul li ul li{ - border-bottom: 0px solid #1f2225; - padding: 4px 0px 4px 12px; - border-left: 1px solid #DFDFDF; -} - -div.widget-cat ul li a, -div.widget-cat ul li a:visited, -li.widget_categories ul li a, -li.widget_categories ul li a:visited{ - color: #666666; - font-weight: bold; -} - -div.widget-cat ul li a:hover, -li.widget_categories ul li a:hover{ - color: #333333; -} - -/* ++++++++++++ Footer +++++++++++++++ */ - -#bottompanel { - display: block; - margin: 0px; - padding: 0px 0px 0px 0px; - margin-top: 16px; -} - -#bottompanel div.col1, -#bottompanel div.col2, -#bottompanel div.col3 { - display: block; - float: left; - width: 32%; - margin-top: 0px; - padding-top: 0px; -} - -#bottompanel div.col1 h3, -#bottompanel div.col2 h3, -#bottompanel div.col3 h3 { - margin-top: 0px; - padding-top: 5px; -} - -#bottompanel div.col2, -#bottompanel div.col3 { - margin-left: 2%; -} - -div.copyr { - display: block; - padding: 6px 0px; - font-size: 11px; - color: #666666; - margin-top: 12px; -} - -#credit { - display: block; - width: 864px; - margin: 0px auto; - text-align: right; - color: #707279; - font-size: 11px; - padding: 0px 0px 12px 0px; -} - -#credit a, -#credit a:visited{ - font-size: 11px; - color: #8f9198; - text-decoration: none; -} - -#credit a:hover{ - text-decoration: underline; -} - -.tag{ - float:left; - font-size:10pt; - line-height:30px; - white-space:nowrap; - padding-right:12px; -} - -.comments { - background: none repeat scroll 0 0 #FCFCFC; - border-bottom: 1px solid #CCCCCC; - border-top: 1px solid #CCCCCC; - margin: 15px 0px; - padding: 0 15px 15px; - position: relative; -} -.comment-title { - background-color: #E3E9FF; - border-top: 1px solid #3366CC; - padding: 3px 12px 3px 12px; - position: relative; -} -.comment-body-ref { - background-color: #FFFFFF; - filter: alpha(opacity=90); - left: 217px; - opacity: 0.9; - padding: 6px; - position: absolute; - width: 520px; - z-index: 10; -} -.comment-body { - margin-top: 15px; -} -.comment-author { - float: left; - text-align: center; - width: 81px; -} -.comment-author div { - background: url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent; - margin-top: 10px; - padding-right: 14px; -} -.comment-author img { - border: 1px solid #999999; - height: 32px; - padding: 1px; - width: 32px; -} -.comment-author a { - font-weight: bold; - margin-right: 14px; -} -.comment-info { - background: url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0; - font-size: 12px; - padding: 10px 15px 0; - width: 400px; -} -.comment-content { - background: url("../images/comment.gif") no-repeat scroll 100% 100% transparent; - font-size: 12px; - line-height: 145%; - margin: 0 -15px; - overflow: hidden; - padding: 9px 15px 10px; - word-wrap: break-word; -} -.comment-form img { - cursor: pointer; -} -.comment-form input, .comment-form textarea { - background: url("../images/textfield.gif") repeat-x scroll 50% 0 #FFFFFF; - border: 1px solid #A6A6A6; - color: #555555; - font-family: Helvetica,Arial,sans-serif; - height: 16px; - outline: none; - padding: 2px 1px; - width: 200px; -} -.comment-form textarea { - font-size: 12px; - height: auto; - width: 540px; -} -.comment-form button { - background: none repeat scroll 0 0 #B4D666; - border-color: #B4D666 #81B840 #81B840 #B4D666; - border-radius: 0px; - border-style: solid; - border-width: 1px; - color: #2970A6; - font-size: 12px; - height: 22px; - line-height: 22px; - padding: 0px 6px; - background-color:#ffffff; -} -.comment-form button:hover { - background: none repeat scroll 0 0 #98C64C; - border-color: #76B33A #98C64C #98C64C #76B33A; - color: #074A7E; -} -#commentURLLabel, #commentURLLabelReply { - background: url("../images/textfield.gif") repeat-x scroll 50% 0 #FFFFFF; - border: 1px solid #A6A6A6; - border-right: 0px; - float: left; - height: 20px; - line-height: 20px; - padding-left: 2px; -} -#commentURL, #commentURLReply { - border-left: 0 none; - width: 162px; -} -.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14 { - background-image: url("../images/emotions/emotions-black.png"); -} -.error-msg { - color: #3366CC; -} -.article-relative { - line-height: 22px; - margin-top: 24px; -} -.article-relative h4 { - font-size: 12px; -} -.article-relative li { - overflow:hidden; - white-space:nowrap; - text-overflow:ellipsis; +@charset "utf-8"; + +* {margin:0; padding:0;} + +body { + color: #373737; + background:url(../images/homebg.jpg) top center no-repeat #222326; + font-family:Tahoma,Microsoft YaHei,Verdana,Arial,Helvetica,sans-serif; + font-size: 12px; + background-color: #3e3e3e; + background-position: top; + background-color: #000000; +} + +h1, h2, h3, h4, h5, h6 { + margin: 0px; + margin-bottom: 16px; + margin-top: 12px; +} + +p { + margin:0px 0px 20px 0px; +} + +a { + outline:none; + text-decoration: none; + color: #333333; +} +a:hover { + color:#c00000; + text-decoration: none; +} + +a img { + border:none; +} + +.clr { + display: block; + clear: both; +} + +.clr6 { + display: block; + clear: both; + height: 6px; +} + +.clr12 { + display: block; + clear: both; + height: 12px; +} + +.clr16 { + display: block; + clear: both; + height: 16px; +} +/* +++++++++++ Basic Layout +++++++++++++ */ +#wrapper { + display: block; + width: 960px; + margin: 0px auto; + text-align: left; +} + +#layouttop { + display: block; + width: 960px; + height: 26px; + background-image: url(../images/headertop2.png); + background-repeat: no-repeat; + background-position: 0px 0px; + margin: 24px 0 0 0; +} + +#layoutbottom { + display: block; + width: 960px; + height: 26px; + background-image: url(../images/footerbottom.png); + background-repeat: no-repeat; + background-position: 0px 0px; + margin-bottom: 12px; +} + +#header { + display: block; + width: 864px; + height: 60px; + padding: 0px 48px; + background-image: url(../images/headerbg2.png); + background-repeat: no-repeat; + background-position: 0px 0px; + margin: 0px 0px; + overflow: hidden; +} + +#outerwrapper { + display: block; + padding: 0px 0px; + background-image: url(../images/innerbg-trns.png); + background-repeat: repeat-y; + background-position: 0px 0px; + margin: 0px 0px; +} + +#innerwrapper { + display: block; + width: 864px; + padding: 0px 48px; + background-image: url(../images/innerbg-top.png); + background-repeat: no-repeat; + background-position: 24px 0px; + margin: 0px 0px; +} + +/* +++++++++++ Header +++++++++++++ */ + +#header #headerleft{ + display: block; + float: left; + width: 620px; + padding-top: 5px; +} + +#header #headerright{ + display: block; +} + +#header #headerleft h1 { + margin: 0px; + padding: 0px; +} + +#header #headerleft h1 a{ + padding-right: 12px; + font-size: 28px; + color: #c00000; + font-weight: normal; + text-decoration: none; + letter-spacing:0.8px; + text-shadow: #999999 1px 1px 2px; +} + + +#header #headerleft h1 a.nobar{ + border-right: 0px solid #adb0b4; +} + +#header #headerleft h1 a.nobar img{ + border: 0px solid #adb0b4; + max-height: 60px; +} + +#header #headerleft h3{ + display: block; + float: left; + font-size: 13px; + color: #5c5c5c; + margin-top: 0px; +} + +#header #headerright #rssboxo{ + display: block; + float: right; + width: 124px; + height: 41px; + margin-top: 0px; + background-image: url(../images/rssbg.png); + background-repeat: no-repeat; + background-position: 0px 0px; +} + +#header #headerright #rssboxo a{ + color: #FFF; + font-weight: bold; + display: block; + margin: 17px 0px 0px 48px; +} + + + +/* +++++++++++ Top navigation +++++++++++++ */ + +#navouter { + display: block; + height: 60px; + background-image: url(../images/topnavbg.png); + background-repeat: no-repeat; + background-position: 0px 0px; +} + +#navouter #nav { + display: block; + height: 32px; + padding: 14px 40px 0px 40px; + +} + +#navouter #nav ul{ +} + +#navouter #nav ul, +#navouter #nav ul li{ + display: block; + float: left; + margin: 0px; + padding: 0px; + background-image: none; + list-style-type: none; +} + +#navouter #nav ul li a, +#navouter #nav ul li a:visited{ + display: block; + float: left; + height: 32px; + line-height: 32px; + vertical-align: middle; + color: #f1d7d7; + margin: 0px; + padding: 0px 16px; + background-image: none; + text-decoration: none; + border-right: 1px solid #ce3232; + background-color: #c00000; +} + +#navouter #nav ul li.selected a, +#navouter #nav ul li a:hover { + color: #FFF; + background-color: #950000; +} +#navouter #nav ul li.lastNavi a,#navouter #nav ul li.lastNavi a:hover{border-right:0px;background-color: #c00000;} +/* +++++++++++ Main Content Area +++++++++++++ */ + +#maincol { + display: block; + width: 571px; + float: left; + padding-right: 16px; + border-right: 1px dotted #c9c9c9; +} +.breakline { + word-break:break-all; + word-wrap:break-word; +} +.shortline { + overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; +} + +div.postwrap { + display: block; + margin-bottom: 16px; + padding-top: 8px; +} + +div.postwrap h2.posttitle, +div.postwrap h2.posttitle a, +div.postwrap h2.posttitle a:visited { + font-size: 20px; + font-weight:lighter; + letter-spacing:0.8px; + color: #474747; + text-decoration: none; + margin-bottom: 0px; + color: #c00000; +} + +div.postwrap h2.posttitle { + font-size: 14px; +} + + +div.postwrap h2.posttitle a:hover { + color: #c00000; + color: #950000; +} + +div.postwrap p.postmeta, +div.postwrap div.postmeta { + display: block; + min-height: 23px; + vertical-align: middle; + color: red; + font-size: 11px; + text-transform:capitalize; + padding: 3px 0px; + margin-top: 0px; +} +div.postwrap div.postmeta a{ + color: #84878b; + padding: 0px 5px; +} + +div.postwrap p.postmeta a, +div.postwrap div.postmeta a, +div.postwrap p.postmeta a:visited, +div.postwrap div.postmeta a:visited { + color: #999999; +} +div.postwrap p.postmeta a:hover, +div.postwrap div.postmeta a:hover { + border-bottom: 1px solid #afafaf; +} + +div.postmeta2 { + display: block; + position: relative; +} + +div.postmeta2 div.meta2inner { + display: block; + position: absolute; + height: 70px; + width: 58px; + background-image: url(../images/datebg.png); + background-position: 0px 0px; + background-repeat: no-repeat; + color: #FFF; + left: -34px; + top: -0px; +} + +div.postmeta2 div.meta2inner div.pyear { + text-align: center; + display: block; + padding-left: 2px; + font-size: 20px; + font-weight: bold; + padding-top: 14px; +} + +div.postmeta2 div.meta2inner div.pday { + text-align: center; + display: block; + padding-left: 2px; + font-size: 12px; + font-weight: bold; + padding-top: 2px; +} + + +div.postwrap div.postmeta, +div.postwrap h2.posttitle { + padding-left: 32px; +} + +div.postwrap div.postcontent { + font-size:13px; + letter-spacing:1px; + line-height:160%; + white-space:normal; + overflow: hidden; +} + +div.postwrap div.postcontent a { + border-bottom: 0px solid #afafaf; +} + +div.postwrap div.postcontent a:hover { + border: 0px solid #afafaf; +} + +div.postwrap div.postcontent ul { + margin:10px 0; + padding:0; + letter-spacing:1px; +} + +div.postwrap div.postcontent ul li { + line-height:160%; + font-size:13px; + letter-spacing:1px; +} + +.nextlog { + margin:15px auto; + padding:0; + clear:both; +} + +div.roubcornrcontent { + display: block; + padding: 6px 12px; + background-color: #e6e6e6; +} + +div.postwrap div.roubcornrcontent a, +div.postwrap div.roubcornrcontent a:visited{ + color: #666; + text-decoration: none; +} + +div.postwrap div.roubcornrcontent a:hover{ + color: #CC0000; + text-decoration: none; +} + +div.postwrap span.postcomments { + display: block; + float: right; + background-image: url(../images/icon-comment.png); + background-position: 0px 0px; + background-repeat: no-repeat; + padding: 0px 0px 0px 18px; +} + +div.postwrap span.posttags-single, +div.postwrap span.posttags { + display: block; + float: left; + background-image: url(../images/icontag.png); + background-position: 0px 0px; + background-repeat: no-repeat; + padding: 0px 0px 0px 18px; + color: #999; +} + +#nextprevious { + display: block; + margin-bottom: 16px; +} + +#extrastuff #rssleft, +#extrastuff #trackright, +#nextprevious .alignleft a, +#nextprevious .alignright a { + display: block; + border: 1px solid #bdbdbd; + padding: 4px 6px; + background-color: #e6e6e6; +} + +.nav { + overflow: hidden; + margin:4px auto; + text-align:center; + padding:4px 0; +} + +.wp-pagenavi { + clear: both; +} + +.wp-pagenavi a, .wp-pagenavi span { + text-decoration: none; + border: 1px solid #BFBFBF; + padding: 3px 5px; + margin: 2px; +} + +/* +++++++++++ Right column side bar +++++++++++++ */ + +#rightcol { + display: block; + width: 260px; + float: right; + margin-left: 16px; +} + +div.rightcontent { + display: block; + padding: 12px 16px; +} + +#rightcol ul.sidebaritem, +#rightcol li.sidebaritem { + margin: 0px; + padding: 0px; + background-image: none; + list-style-type: none; +} + +div.widget, +div.widget-cat, +#rightcol li.sidebaritem { + margin-bottom: 16px; +} +#bottompanel div.col1 h3, +#bottompanel div.col2 h3, +#bottompanel div.col3 h3, +div.widget h4, +div.widget h2, +#rightcol li.sidebaritem h2.widgettitle { + font-size: 18px; + font-weight: normal; + color: #474747; + padding: 4px 12px 4px 12px; + margin-bottom: 12px; + background-color: #d2d2d2; + border-top: 1px solid #c00000; + background-image: url(../images/downarrow.gif); + background-position: right top; + background-repeat: no-repeat; + margin-left: 0px; + padding-left: 12px; + text-indent: 0px; +} +.roundcornrrbox { + width: 864px; + overflow: hidden; +} + +div.widget-cat h4, +#rightcol li.widget_categories div.sidebarbox h2.widgettitle { + font-size: 18px; + font-weight: normal; + color: #474747; + padding: 4px 12px 4px 12px; + min-width: 160px; + margin-bottom: 1px; + background-color: #f4f4f4; + border-top: 2px solid #c00000; + background-color: #464848; + color: #FFF; + background-image: url(../images/downarrow.gif); + background-position: right top; + background-repeat: no-repeat; + +} + +div.widget-cat ul li, +li.widget_categories ul li { + display: block; + background-color: #F4F4F4; + border-bottom: 1px solid #DFDFDF; + padding: 4px 0px 4px 16px; + margin: 0px; + background-image: none; + color: #9ea2a9; + background-image: url(../images/item-pointer.gif); + background-position: 4px 8px; + background-repeat: no-repeat; +} + +div.widget-cat ul li ul li, +li.widget_categories ul li ul li, +div.widget-cat ul li ul li ul li, +li.widget_categories ul li ul li ul li{ + border-bottom: 0px solid #1f2225; + padding: 4px 0px 4px 12px; + border-left: 1px solid #DFDFDF; +} + +div.widget-cat ul li a, +div.widget-cat ul li a:visited, +li.widget_categories ul li a, +li.widget_categories ul li a:visited{ + color: #666666; + font-weight: bold; +} + +div.widget-cat ul li a:hover, +li.widget_categories ul li a:hover{ + color: #333333; +} + +/* ++++++++++++ Footer +++++++++++++++ */ + +#bottompanel { + display: block; + margin: 0px; + padding: 0px 0px 0px 0px; + margin-top: 16px; +} + +#bottompanel div.col1, +#bottompanel div.col2, +#bottompanel div.col3 { + display: block; + float: left; + width: 32%; + margin-top: 0px; + padding-top: 0px; +} + +#bottompanel div.col1 h3, +#bottompanel div.col2 h3, +#bottompanel div.col3 h3 { + margin-top: 0px; + padding-top: 5px; +} + +#bottompanel div.col2, +#bottompanel div.col3 { + margin-left: 2%; +} + +div.copyr { + display: block; + padding: 6px 0px; + font-size: 11px; + color: #666666; + margin-top: 12px; +} + +#credit { + display: block; + width: 864px; + margin: 0px auto; + text-align: right; + color: #707279; + font-size: 11px; + padding: 0px 0px 12px 0px; +} + +#credit a, +#credit a:visited{ + font-size: 11px; + color: #8f9198; + text-decoration: none; +} + +#credit a:hover{ + text-decoration: underline; +} + +.tag{ + float:left; + font-size:10pt; + line-height:30px; + white-space:nowrap; + padding-right:12px; +} + +.comments { + background: none repeat scroll 0 0 #FCFCFC; + border-bottom: 1px solid #CCCCCC; + border-top: 1px solid #CCCCCC; + margin: 15px 0px; + padding: 0 15px 15px; + position: relative; +} +.comment-title { + background-color: #E3E9FF; + border-top: 1px solid #3366CC; + padding: 3px 12px 3px 12px; + position: relative; +} +.comment-body-ref { + background-color: #FFFFFF; + filter: alpha(opacity=90); + left: 217px; + opacity: 0.9; + padding: 6px; + position: absolute; + width: 520px; + z-index: 10; +} +.comment-body { + margin-top: 15px; +} +.comment-author { + float: left; + text-align: center; + width: 81px; +} +.comment-author div { + background: url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent; + margin-top: 10px; + padding-right: 14px; +} +.comment-author img { + border: 1px solid #999999; + height: 32px; + padding: 1px; + width: 32px; +} +.comment-author a { + font-weight: bold; + margin-right: 14px; +} +.comment-info { + background: url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0; + font-size: 12px; + padding: 10px 15px 0; + width: 400px; +} +.comment-content { + background: url("../images/comment.gif") no-repeat scroll 100% 100% transparent; + font-size: 12px; + line-height: 145%; + margin: 0 -15px; + overflow: hidden; + padding: 9px 15px 10px; + word-wrap: break-word; +} +.comment-form img { + cursor: pointer; +} +.comment-form input, .comment-form textarea { + background: url("../images/textfield.gif") repeat-x scroll 50% 0 #FFFFFF; + border: 1px solid #A6A6A6; + color: #555555; + font-family: Helvetica,Arial,sans-serif; + height: 16px; + outline: none; + padding: 2px 1px; + width: 200px; +} +.comment-form textarea { + font-size: 12px; + height: auto; + width: 540px; +} +.comment-form button { + background: none repeat scroll 0 0 #B4D666; + border-color: #B4D666 #81B840 #81B840 #B4D666; + border-radius: 0px; + border-style: solid; + border-width: 1px; + color: #2970A6; + font-size: 12px; + height: 22px; + line-height: 22px; + padding: 0px 6px; + background-color:#ffffff; +} +.comment-form button:hover { + background: none repeat scroll 0 0 #98C64C; + border-color: #76B33A #98C64C #98C64C #76B33A; + color: #074A7E; +} +#commentURLLabel, #commentURLLabelReply { + background: url("../images/textfield.gif") repeat-x scroll 50% 0 #FFFFFF; + border: 1px solid #A6A6A6; + border-right: 0px; + float: left; + height: 20px; + line-height: 20px; + padding-left: 2px; +} +#commentURL, #commentURLReply { + border-left: 0 none; + width: 162px; +} +.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14 { + background-image: url("../images/emotions/emotions-black.png"); +} +.error-msg { + color: #3366CC; +} +.article-relative { + line-height: 22px; + margin-top: 24px; +} +.article-relative h4 { + font-size: 12px; +} +.article-relative li { + overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; } \ No newline at end of file diff --git a/idream/footer.ftl b/skins/idream/footer.ftl similarity index 97% rename from idream/footer.ftl rename to skins/idream/footer.ftl index 4625b60..fef30d9 100644 --- a/idream/footer.ftl +++ b/skins/idream/footer.ftl @@ -1,72 +1,72 @@ -
    -
    - Powered by - , - ver ${version}   - Theme[idream for 0.5.0] by Noday - & Templates Next -
    - - - -${plugins} - - + + +${plugins} + + \ No newline at end of file diff --git a/idream/header.ftl b/skins/idream/header.ftl similarity index 96% rename from idream/header.ftl rename to skins/idream/header.ftl index 905891a..d3b4353 100644 --- a/idream/header.ftl +++ b/skins/idream/header.ftl @@ -1,34 +1,34 @@ -
    - -