neoease 皮肤修改

This commit is contained in:
Vanessa 2012-09-06 16:40:06 +08:00
parent 79774698ca
commit 747b0ab672
6 changed files with 243 additions and 241 deletions

View File

@ -2,7 +2,7 @@
* skin neoease style * skin neoease style
* *
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a> * @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
* @version 1.0.1.7, Aug 6, 2012 * @version 1.0.1.8, Sep 6, 2012
*/ */
/* start base */ /* start base */
html, body, div, ul, li, h1, h2, h3, h4, h5, h6 { html, body, div, ul, li, h1, h2, h3, h4, h5, h6 {
@ -21,7 +21,7 @@ html, body, div, ul, li, h1, h2, h3, h4, h5, h6 {
} }
body { body {
font-family: "Lucida Grande",'Verdana,\5fae\8f6f\96c5\9ed1'; font-family: "Lucida Grande",'Verdana','\5fae\8f6f\96c5\9ed1';
font-size: 12px; font-size: 12px;
background-color: #F9F9F9; background-color: #F9F9F9;
color: #333; color: #333;

View File

@ -1,7 +1,7 @@
html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;} html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
::selection{background-color:#ccc;color:#fff;} ::selection{background-color:#ccc;color:#fff;}
::-moz-selection{background-color:#ccc;color:#fff;} ::-moz-selection{background-color:#ccc;color:#fff;}
body{font-family:"Lucida Grande",'Verdana,\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#F9F9F9;color:#333;} body{font-family:"Lucida Grande",'Verdana','\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#F9F9F9;color:#333;}
a:link{outline:none;color:#21759B;text-decoration:none;} a:link{outline:none;color:#21759B;text-decoration:none;}
a:visited{color:#555777;} a:visited{color:#555777;}
a:hover{color:#D54E21;} a:hover{color:#D54E21;}

View File

@ -10,9 +10,11 @@
Theme by <a rel="friend" href="http://www.neoease.com" target="_blank">NeoEase</a> Theme by <a rel="friend" href="http://www.neoease.com" target="_blank">NeoEase</a>
& <a rel="friend" href="http://vanessa.b3log.org" target="_blank">Vanessa</a>. & <a rel="friend" href="http://vanessa.b3log.org" target="_blank">Vanessa</a>.
</div> </div>
<#if runtimeEnv=="GAE">
<a class="right" target="_blank" href="http://code.google.com/appengine/"> <a class="right" target="_blank" href="http://code.google.com/appengine/">
<img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" /> <img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" />
</a> </a>
</#if>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</div> </div>

View File

@ -1,61 +1,61 @@
<div class="header"> <div class="header">
<div class="wrapper"> <div class="wrapper">
<div class="left"> <div class="left">
<h1> <h1>
<a class="title" href="${servePath}"> <a class="title" href="${servePath}">
${blogTitle} ${blogTitle}
</a> </a>
</h1> </h1>
<span class="sub-title">${blogSubtitle}</span> <span class="sub-title">${blogSubtitle}</span>
</div> </div>
<form target="_blank" method="get" action="http://www.google.com/search"> <form target="_blank" method="get" action="http://www.google.com/search">
<input id="search" type="text" name="q" /> <input id="search" type="text" name="q" />
<input type="submit" name="btnG" value="" class="none" /> <input type="submit" name="btnG" value="" class="none" />
<input type="hidden" name="oe" value="UTF-8" /> <input type="hidden" name="oe" value="UTF-8" />
<input type="hidden" name="ie" value="UTF-8" /> <input type="hidden" name="ie" value="UTF-8" />
<input type="hidden" name="newwindow" value="0" /> <input type="hidden" name="newwindow" value="0" />
<input type="hidden" name="sitesearch" value="${blogHost}" /> <input type="hidden" name="sitesearch" value="${blogHost}" />
</form> </form>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</div> </div>
<div class="nav"> <div class="nav">
<div class="wrapper"> <div class="wrapper">
<ul> <ul>
<li> <li>
<a rel="nofollow" href="${servePath}">${indexLabel}</a> <a rel="nofollow" href="${servePath}/">${indexLabel}</a>
</li> </li>
<#list pageNavigations as page> <#list pageNavigations as page>
<li> <li>
<a href="${page.pagePermalink}" target="${page.pageOpenTarget}">${page.pageTitle}</a> <a href="${page.pagePermalink}" target="${page.pageOpenTarget}">${page.pageTitle}</a>
</li> </li>
</#list> </#list>
<li> <li>
<a href="${servePath}/tags.html">${allTagsLabel}</a> <a href="${servePath}/tags.html">${allTagsLabel}</a>
</li> </li>
<li> <li>
<a rel="alternate" href="${servePath}/blog-articles-feed.do">Atom<img src="${staticServePath}/images/feed.png" alt="Atom"/></a> <a rel="alternate" href="${servePath}/blog-articles-feed.do">Atom<img src="${staticServePath}/images/feed.png" alt="Atom"/></a>
</li> </li>
</ul> </ul>
<div class="right"> <div class="right">
<span class="translate-ico" onclick="goTranslate()"></span> <span class="translate-ico" onclick="goTranslate()"></span>
<div class="right"> <div class="right">
${viewCount1Label} ${viewCount1Label}
<span class="tip"> <span class="tip">
${statistic.statisticBlogViewCount} ${statistic.statisticBlogViewCount}
</span> </span>
&nbsp;&nbsp; &nbsp;&nbsp;
${articleCount1Label} ${articleCount1Label}
<span class="tip"> <span class="tip">
${statistic.statisticPublishedBlogArticleCount} ${statistic.statisticPublishedBlogArticleCount}
</span> </span>
&nbsp;&nbsp; &nbsp;&nbsp;
${commentCount1Label} ${commentCount1Label}
<span class="tip"> <span class="tip">
${statistic.statisticPublishedBlogCommentCount} ${statistic.statisticPublishedBlogCommentCount}
</span> </span>
</div> </div>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</div> </div>

View File

@ -1,176 +1,176 @@
/* /*
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team * Copyright (c) 2009, 2010, 2011, 2012, B3log Team
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. * you may not use this file except in compliance with the License.
* You may obtain a copy of the License at * You may obtain a copy of the License at
* *
* http://www.apache.org/licenses/LICENSE-2.0 * http://www.apache.org/licenses/LICENSE-2.0
* *
* Unless required by applicable law or agreed to in writing, software * Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, * distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
/** /**
* @fileoverview neoease js. * @fileoverview neoease js.
* *
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a> * @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
* @version 1.0.0.7, May 11, 2012 * @version 1.0.0.8, Sep 6, 2012
*/ */
var goTop = function (acceleration) { var goTop = function (acceleration) {
acceleration = acceleration || 0.1; acceleration = acceleration || 0.1;
var y = $(window).scrollTop(); var y = $(window).scrollTop();
var speed = 1 + acceleration; var speed = 1 + acceleration;
window.scrollTo(0, Math.floor(y / speed)); window.scrollTo(0, Math.floor(y / speed));
if (y > 0) { if (y > 0) {
var invokeFunction = "goTop(" + acceleration + ")"; var invokeFunction = "goTop(" + acceleration + ")";
window.setTimeout(invokeFunction, 16); window.setTimeout(invokeFunction, 16);
} }
}; };
var collapseArchive = function (it, year) { var collapseArchive = function (it, year) {
var tag = true; var tag = true;
if (it.className === "collapse-ico") { if (it.className === "collapse-ico") {
it.className = "expand-ico"; it.className = "expand-ico";
tag = false; tag = false;
} else { } else {
it.className = "collapse-ico"; it.className = "collapse-ico";
} }
$("#archiveSide li").each(function () { $("#archiveSide li").each(function () {
var $this = $(this); var $this = $(this);
// hide other year month archives // hide other year month archives
if ($this.data("year") === year) { if ($this.data("year") === year) {
if (tag) { if (tag) {
$(this).show(); $(this).show();
} else { } else {
$(this).hide(); $(this).hide();
} }
} }
}); });
}; };
var getArticle = function (it, id) { var getArticle = function (it, id) {
var $abstract = $("#abstract" + id), var $abstract = $("#abstract" + id),
$content = $("#content" + id); $content = $("#content" + id);
if ($content.html() === "") { if ($content.html() === "") {
$.ajax({ $.ajax({
url: "/get-article-content?id=" + id, url: "/get-article-content?id=" + id,
type: "GET", type: "GET",
dataType: "html", dataType: "html",
beforeSend: function () { beforeSend: function () {
$abstract.css("background", $abstract.css("background",
"url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent"); "url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent");
}, },
success: function(result, textStatus){ success: function(result, textStatus){
it.className = "collapse-ico"; it.className = "collapse-ico";
$content.html(result); $content.html(result);
$abstract.hide().css("background", "none"); $abstract.hide().css("background", "none");
$content.fadeIn("slow"); $content.fadeIn("slow");
} }
}); });
} else { } else {
if (it.className === "expand-ico") { if (it.className === "expand-ico") {
$abstract.hide(); $abstract.hide();
$content.fadeIn(); $content.fadeIn();
it.className = "collapse-ico"; it.className = "collapse-ico";
} else { } else {
$content.hide(); $content.hide();
$abstract.fadeIn(); $abstract.fadeIn();
it.className = "expand-ico"; it.className = "expand-ico";
} }
} }
return false; return false;
}; };
var goTranslate = function () { var goTranslate = function () {
window.open("http://translate.google.com/translate?sl=auto&tl=auto&u=" + location.href); window.open("http://translate.google.com/translate?sl=auto&tl=auto&u=" + location.href);
}; };
(function () { (function () {
// go top icon show or hide // go top icon show or hide
$(window).scroll(function () { $(window).scroll(function () {
var y = $(window).scrollTop(); var y = $(window).scrollTop();
if (y > 182) { if (y > 182) {
var bodyH = $(window).height(); var bodyH = $(window).height();
var top = y + bodyH - 21; var top = y + bodyH - 21;
if ($("body").height() - 58 <= y + bodyH) { if ($("body").height() - 58 <= y + bodyH) {
top = $(".footer").offset().top - 21; top = $(".footer").offset().top - 21;
} }
$("#goTop").fadeIn("slow").css("top", top); $("#goTop").fadeIn("slow").css("top", top);
} else { } else {
$("#goTop").hide(); $("#goTop").hide();
} }
}); });
// archive // archive
var currentYear = (new Date()).getFullYear(), var currentYear = (new Date()).getFullYear(),
year = currentYear; year = currentYear;
$("#archiveSide li").each(function (i) { $("#archiveSide li").each(function (i) {
var $this = $(this); var $this = $(this);
// hide other year month archives // hide other year month archives
if ($this.data("year") !== currentYear) { if ($this.data("year") !== currentYear) {
$(this).hide() $(this).hide()
} }
// append year archive // append year archive
if (year !== $this.data("year")) { if (year !== $this.data("year")) {
year = $this.data("year"); year = $this.data("year");
$this.before("<li class='archive-year'><div onclick='collapseArchive(this, " + $this.before("<li class='archive-year'><div onclick='collapseArchive(this, " +
year + ")' class='expand-ico'>" + year + "&nbsp;\u5e74</div></li>"); year + ")' class='expand-ico'>" + year + "&nbsp;\u5e74</div></li>");
} }
}); });
// recent comment mouse click // recent comment mouse click
$(".recent-comments .expand-ico").click(function () { $(".recent-comments .expand-ico").click(function () {
if (this.className === "expand-ico") { if (this.className === "expand-ico") {
$(this).parent().next().css({ $(this).parent().next().css({
"height": "auto", "height": "auto",
"white-space": "normal" "white-space": "normal"
}); });
this.className = "collapse-ico"; this.className = "collapse-ico";
} else { } else {
$(this).parent().next().animate({ $(this).parent().next().animate({
"height": "18px" "height": "18px"
}, function () { }, function () {
$(this).css("white-space", "nowrap"); $(this).css("white-space", "nowrap");
}); });
this.className = "expand-ico"; this.className = "expand-ico";
} }
}); });
// nav current // nav current
$(".nav ul a").each(function () { $(".nav ul li").each(function () {
var $this = $(this); var $a = $(this).find("a");
if ($this.attr("href") === location.pathname) { if ($a.attr("href") === latkeConfig.servePath + location.pathname) {
$this.parent().addClass("current"); $(this).addClass("current");
} else if (/\/[0-9]+$/.test(location.pathname)) { } else if (/\/[0-9]+$/.test(location.pathname)) {
$(".nav ul li")[0].className = "current"; $(".nav ul li")[0].className = "current";
} }
}); });
Util.init(); Util.init();
Util.replaceSideEm($(".recent-comments-content")); Util.replaceSideEm($(".recent-comments-content"));
Util.buildTags("tagsSide"); Util.buildTags("tagsSide");
// recent comments // recent comments
$(".recent-comments .recent-comments-main").each(function () { $(".recent-comments .recent-comments-main").each(function () {
if ($(this).find(".recent-comments-content>a").height() < 30) { if ($(this).find(".recent-comments-content>a").height() < 30) {
$(this).find(".expand-ico").remove(); $(this).find(".expand-ico").remove();
} else { } else {
$(this).find(".expand-ico").parent().next().css({ $(this).find(".expand-ico").parent().next().css({
"white-space": "nowrap" "white-space": "nowrap"
}); });
} }
}); });
})(); })();

View File

@ -16,5 +16,5 @@
* @fileoverview neoease js. * @fileoverview neoease js.
* *
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a> * @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
* @version 1.0.0.7, May 11, 2012 * @version 1.0.0.8, Sep 6, 2012
*/var goTop=function(e){e=e||.1;var t=$(window).scrollTop(),n=1+e;window.scrollTo(0,Math.floor(t/n));if(t>0){var r="goTop("+e+")";window.setTimeout(r,16)}},collapseArchive=function(e,t){var n=!0;e.className==="collapse-ico"?(e.className="expand-ico",n=!1):e.className="collapse-ico",$("#archiveSide li").each(function(){var e=$(this);e.data("year")===t&&(n?$(this).show():$(this).hide())})},getArticle=function(e,t){var n=$("#abstract"+t),r=$("#content"+t);return r.html()===""?$.ajax({url:"/get-article-content?id="+t,type:"GET",dataType:"html",beforeSend:function(){n.css("background","url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent")},success:function(t,i){e.className="collapse-ico",r.html(t),n.hide().css("background","none"),r.fadeIn("slow")}}):e.className==="expand-ico"?(n.hide(),r.fadeIn(),e.className="collapse-ico"):(r.hide(),n.fadeIn(),e.className="expand-ico"),!1},goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};(function(){$(window).scroll(function(){var e=$(window).scrollTop();if(e>182){var t=$(window).height(),n=e+t-21;$("body").height()-58<=e+t&&(n=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",n)}else $("#goTop").hide()});var e=(new Date).getFullYear(),t=e;$("#archiveSide li").each(function(n){var r=$(this);r.data("year")!==e&&$(this).hide(),t!==r.data("year")&&(t=r.data("year"),r.before("<li class='archive-year'><div onclick='collapseArchive(this, "+t+")' class='expand-ico'>"+t+"&nbsp;</div></li>"))}),$(".recent-comments .expand-ico").click(function(){this.className==="expand-ico"?($(this).parent().next().css({height:"auto","white-space":"normal"}),this.className="collapse-ico"):($(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")}),this.className="expand-ico")}),$(".nav ul a").each(function(){var e=$(this);e.attr("href")===location.pathname?e.parent().addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")}),Util.init(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide"),$(".recent-comments .recent-comments-main").each(function(){$(this).find(".recent-comments-content>a").height()<30?$(this).find(".expand-ico").remove():$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})})})(); */var goTop=function(e){e=e||.1;var t=$(window).scrollTop(),n=1+e;window.scrollTo(0,Math.floor(t/n));if(t>0){var r="goTop("+e+")";window.setTimeout(r,16)}},collapseArchive=function(e,t){var n=!0;e.className==="collapse-ico"?(e.className="expand-ico",n=!1):e.className="collapse-ico",$("#archiveSide li").each(function(){var e=$(this);e.data("year")===t&&(n?$(this).show():$(this).hide())})},getArticle=function(e,t){var n=$("#abstract"+t),r=$("#content"+t);return r.html()===""?$.ajax({url:"/get-article-content?id="+t,type:"GET",dataType:"html",beforeSend:function(){n.css("background","url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent")},success:function(t,i){e.className="collapse-ico",r.html(t),n.hide().css("background","none"),r.fadeIn("slow")}}):e.className==="expand-ico"?(n.hide(),r.fadeIn(),e.className="collapse-ico"):(r.hide(),n.fadeIn(),e.className="expand-ico"),!1},goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};(function(){$(window).scroll(function(){var e=$(window).scrollTop();if(e>182){var t=$(window).height(),n=e+t-21;$("body").height()-58<=e+t&&(n=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",n)}else $("#goTop").hide()});var e=(new Date).getFullYear(),t=e;$("#archiveSide li").each(function(n){var r=$(this);r.data("year")!==e&&$(this).hide(),t!==r.data("year")&&(t=r.data("year"),r.before("<li class='archive-year'><div onclick='collapseArchive(this, "+t+")' class='expand-ico'>"+t+"&nbsp;</div></li>"))}),$(".recent-comments .expand-ico").click(function(){this.className==="expand-ico"?($(this).parent().next().css({height:"auto","white-space":"normal"}),this.className="collapse-ico"):($(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")}),this.className="expand-ico")}),$(".nav ul li").each(function(){var e=$(this).find("a");e.attr("href")===latkeConfig.servePath+location.pathname?$(this).addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")}),Util.init(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide"),$(".recent-comments .recent-comments-main").each(function(){$(this).find(".recent-comments-content>a").height()<30?$(this).find(".expand-ico").remove():$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})})})();