'+o.articleAbstract+"
"+''+"'+"
"+'"+''+o.articleTitle+"",o.hasUpdated&&(r+=""+Label.updatedLabel+""),o.articlePutTop&&(r+=""+Label.topArticleLabel+""),r+='
"+''+"'+'
"+'',o.hasUpdated?r+=Util.toDate(o.articleUpdateTime,"yy-MM-dd HH:mm"):r+=Util.toDate(o.articleCreateTime,"yy-MM-dd HH:mm"),r+=' '+o.authorName+""+"
"+''+Label.tag1Label+" ";var a=o.articleTags.split(",");for(var f=0;f'+a[f]+"",f.wrapper>ul").append(r),i.paginationPageCount===currentPage?e.remove():e.css("background","none")}})},ease={$header:$(".header"),headerH:103,$body:$(".main > .wrapper"),$nav:$(".nav"),getCurrentPage:function(){var e=$(".article-next");e.length>0&&(window.currentPage=e.data("page"))},setNavCurrent:function(){$(".nav ul a").each(function(){var e=$(this);e.attr("href")===latkeConfig.servePath+location.pathname?e.addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")})},initCommon:function(){Util.init(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide")},initArchives:function(){var e=$(".archives");if(e.length<1)return;$(".footer").css("marginTop","30px");var t=[],n=e.find("span").each(function(){var e=$(this).data("year"),n=!0;for(var r=0;r
"}e.html(r);var a=$(".archives>div"),f=0,l=0,c=[];for(var h=0;h"+t[i]+"
"+s+"'+"
"+'"+''+article.articleTitle+"";if(article.hasUpdated){articlesHTML+=""+Label.updatedLabel+""}if(article.articlePutTop){articlesHTML+=""+Label.topArticleLabel+""}articlesHTML+="
"+'"+''+"'+'
"+''+article.articleAbstract+"
"+''+"';if(article.hasUpdated){articlesHTML+=Util.toDate(article.articleUpdateTime,"yy-MM-dd HH:mm")}else{articlesHTML+=Util.toDate(article.articleCreateTime,"yy-MM-dd HH:mm")}articlesHTML+=' '+article.authorName+""+"
"+''+Label.tag1Label+" ";var articleTags=article.articleTags.split(",");for(var j=0;j'+articleTags[j]+"";if(j
'+""}$(".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[j]+"
"+monthsHTML+""}$archives.html(yearsHTML);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}$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()}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")}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())}$(".article-body").each(function(){this.innerHTML=Util.replaceEmString($(this).html())})},scrollToCmt:function(){if($(window.location.hash).length==1){$(window).scrollTop($(window.location.hash).offset().top-60)}}};!function(){ease.getCurrentPage();ease.initCommon();ease.scrollEvent();ease.setNavCurrent();ease.initArchives();ease.setDynamic()}(); \ No newline at end of file diff --git a/ease/skin.properties b/ease/skin.properties index 54e45f1..6dfa37f 100644 --- a/ease/skin.properties +++ b/ease/skin.properties @@ -23,5 +23,5 @@ name=ease version=1.0.4 -forSolo=0.6.0 +forSolo=0.6.1 memo=\u56de\u5f52\u606c\u9759 diff --git a/favourite/css/favourite.css b/favourite/css/favourite.css index 1c4cc90..f5c0fbf 100644 --- a/favourite/css/favourite.css +++ b/favourite/css/favourite.css @@ -1,3 +1,18 @@ +/** + * Copyright (c) 2009, 2010, 2011, 2012, 2013, 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. + */ @charset "utf-8"; /* * skin favoutite style diff --git a/favourite/css/favourite.min.css b/favourite/css/favourite.min.css index 9ebee8b..794974e 100644 --- a/favourite/css/favourite.min.css +++ b/favourite/css/favourite.min.css @@ -1,128 +1,128 @@ @charset "utf-8"; -body{background:url("../images/bg.jpg") repeat scroll left top transparent;} -a,a:link,a:active,a:visited{color:#2970A6;text-decoration:none;} -a:hover{color:black;} -h1{font-size:300%;} -h4{font-size:160%;padding:18px 0 0 80px;} -h5{font-size:12px;} -.margin5R{margin-right:5px;} -.margin5{margin:5px;} -.margin25{margin:25px 25px 0;} -.content{margin:0 auto;width:960px;} -.header{height:65px;padding:15px 0 0 30px;} -.body{background:url("../images/cont-bg.png") repeat-y scroll right center #ffffff;min-height:400px;} -.side-navi{background:url("../images/cont-bg.png") repeat-y scroll left top #00798a;color:white;font-size:95%;line-height:145%;padding-top:8px;position:relative;width:300px;} -.side-navi ul{list-style:none;} -.side-navi a{color:#FFFFFF;} -.comm div{display:none;} -.main{padding:0 0 15px 35px;width:600px;} -.footer{color:white;line-height:145%;} -#logoTitle{color:white;display:block;font-family:"Microsoft YaHei";height:50px;outline:none;text-decoration:none;} -.sub-title{border-top:1px solid #FFFFFF;color:#FFFFFF;font-size:18px;padding:0 15px;} -#header-navi{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #A6A6A6;} -#header-navi li{float:left;list-style:none;margin-left:0px;} -#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382E1F;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none;} -#header-navi li a:hover{background-position:0 -31px;} -#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px;} -#header-navi li a.home:hover{background-position:0 -124px;} -#header-navi li a.lastNavi:hover{background-position:0 0;} -#header-navi li.selected a{background-position:0 -62px;} -#header-navi li.selected a.home{background-position:0 -155px;} -#statistic{left:250px;position:relative;text-align:left;top:110px;width:600px;} -.footer .copyright{padding-top:60px;text-align:center;} -.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;cursor:pointer;font-size:12px;padding-left:16px;position:absolute;right:17px;top:0;width:25px;} -.article{border-top:1px dotted #0184AF;padding-bottom:15px;} -.article-title{font-size:22px;margin-top:10px;padding:0 5px 3px;position:relative;top:20px;} -.article-title sup{font-size:12px;} -.article-title a{color:#4C4C4C;text-decoration:none;} -.article-title a:hover{color:#2970A6;} -.article-abstract{line-height:145%;margin:5px 0 5px 5px;word-wrap:break-word;} -.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:30px;margin-right:6px;width:30px;} -.tagsIcon{background:url("../images/tagsIcon.png");} -.dateIcon{background-position:0 -48px;} -.articles-commentIcon{background:url("../images/comment.jpg");} -.article-browserIcon{background:url("../images/category.jpg");} -.article-body{line-height:145%;padding:5px 0 0 5px;} -.article-footer{margin:0 5px 10px 5px;} -.article-relative{line-height:22px;margin-top:20px;} -.article-relative h4{font-size:12px;padding:0;} -.comments{background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;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:605px;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;white-space:nowrap;margin-right:14px;} -.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #edeff0;font-size:12px;margin:-62px 0 0 80px;padding:10px 15px 0;width:494px;} -.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:600px;} -.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;} -.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../favourite/images/emotions/emotions-blue.png");} -.error-msg{color:#3366CC;} -.side-navi .item{padding:12px 15px;} -.side-navi .navi-comments img{border:1px solid #999999;height:32px;margin-right:7px;padding:1px;width:32px;} -.side-navi .navi-comments a{color:white;font-weight:bold;} -.side-navi .navi-comments .side-comment{color:white;font-weight:normal;height:18px;width:210px;} -.side-navi .navi-comments .side-comment img{border:0px;height:16px;margin-right:0px;padding:0px;width:16px;} -.side-navi .navi-comments li{padding:2px 0;} -.side-navi .navi-comments li div{width:215px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} -.side-navi a.selected{color:#555555;text-decoration:none;} -.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0px;} -.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px;} -.side-navi li{background:url("../images/pl.png") no-repeat scroll 0 0 transparent;margin:5px 0 0 0;overflow:hidden;padding-left:22px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} -.side-navi li.aboutMe{white-space:normal;} -.side-navi .line{border-color:#67C3CF;border-style:dotted;border-width:1px 0;} -.pagination{margin:16px;text-align:center;} -.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;} -.pagination a.selected{color:#000000;font-weight:bold;} -#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px;} -#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed;} -#tagsPanel .tagPanel{text-decoration:none;} -.error-body{background:url("../images/cont-bg_2.png") repeat-y scroll left;height:400px;padding:12px;} -.error-title{line-height:72px;} -.error-panel{margin:0 auto;width:201px;} -.error-panel a{background:none repeat scroll 0 0 #9CD941;border-color:#D0F29D #398A38 #398A38 #D0F29D;border-style:solid;border-width:1px;color:#000000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none;} -.error-panel a:hover{background-color:#ADEb51;} -.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #f4f5f7;margin-bottom:10px;padding:8px 12px;} -.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #e3e4e6;border-bottom:1px solid #CCCCCC;font-weight:bold;padding:6px 12px;} -.top{background:url("../images/top-bg.jpg") repeat-x scroll left top transparent;border:none;color:white;height:87px;} -.footer-icon{background:url("../images/footer-ico.png") no-repeat scroll center center transparent;height:133px;} -.info{background:url("../images/info.png") repeat-x scroll left top transparent;height:110px;position:relative;} -.logoutIcon{background-position:-96px -16px;} -#qq2{float:right;padding:68px 120px 0 0;} -.thinks{background:url("../images/thinks.png") no-repeat scroll left top transparent;height:420px;position:absolute;right:12px;top:36px;width:388px;z-index:1;} -.lamb{background:url("../images/lamb.png") no-repeat scroll left top transparent;height:80px;left:460px;position:absolute;top:100px;width:320px;} -.lamb a{display:block;height:80px;outline:none;width:320px;} -.null{height:160px;} -#navigation{height:87px;margin:0 auto;width:960px;} -#navigation a.classifiche{background:url("../images/classifiche.png") no-repeat scroll left top transparent;} -#navigation a.about{background:url("../images/about.png") no-repeat scroll left top transparent;} -#navigation a.home{background:url("../images/home.png") no-repeat scroll left top transparent;} -#navigation a.Guestbook{background:url("../images/Guestbook.png") no-repeat scroll left top transparent;} -#navigation a{background:url("../images/default.png") no-repeat scroll left top transparent;color:#FFFFFF;cursor:pointer !important;float:left;height:70px;margin-left:10px;outline:none;padding-top:2px;text-align:center;text-decoration:none;width:73px;} -.admins{position:relative;top:-85px;} -#mostCommentArticles li a,#mostViewCountArticles li a,.navi-tags li a,#sideLink li a,#save li a,#sideAuthor li a{color:white;} -.roundtop{background:url("../images/roundtop.png") no-repeat scroll left top transparent;height:75px;} -.roundbottom{background:url("../images/roundbottom.png") no-repeat scroll left top transparent;height:35px;} -.paint{background:url("../images/paint.png") no-repeat scroll left top transparent;height:183px;left:34px;position:absolute;top:450px;width:87px;} -.rings{background:url("../images/anelli.png") no-repeat scroll left top transparent;height:121px;left:-28px;position:absolute;width:56px;z-index:80;} -.antefatto{background:url("../images/twitter.png") no-repeat scroll left top transparent;height:64px;} -.ads{background:url("../images/ads.png") no-repeat scroll left top transparent;height:64px;} -.categorie{background:url("../images/categorie.png") no-repeat scroll left top transparent;height:64px;} -.archivio{background:url("../images/archivio.png") no-repeat scroll left top transparent;height:64px;} -.side-author{background:url("../images/antefatto.png") no-repeat scroll left top transparent;height:64px;} -.blog{background:url("../images/blog.png") no-repeat scroll left top transparent;height:64px;} -.cuore{background:url("../images/cuore.png") no-repeat scroll left top transparent;height:64px;} -.esclamativo{background:url("../images/esclamativo.png") no-repeat scroll left top transparent;height:64px;} -.posttime-blue{background-color:#0184AF;} -.posttime-blue,.posttime-pink{border:1px solid #999999;clear:right;color:#FFFFFF;float:right;font-family:Tohama,Arial,Helvetica,sans-serif;height:60px;position:relative;right:30px;top:-25px;width:60px;} -.posttime-MY{border-bottom:1px solid #FFFFFF;font-size:9px;height:15px;padding-top:5px;text-align:center;} -.posttime-D{font-size:28px;font-weight:bold;text-align:center;} -.note{background:none repeat scroll 0 0 #E7F5F7;margin:40px 0 0 -49px;padding:10px 10px 10px 85px;position:relative;width:574px;z-index:50;} -.corner{background:url("../images/corner.png") no-repeat scroll left top transparent;height:9px;left:0;position:absolute;top:-9px;width:9px;} -.count{position:relative;top:8px;} -.substance{overflow:hidden;width:500px;} +body{background:url("../images/bg.jpg") repeat scroll left top transparent} +a,a:link,a:active,a:visited{color:#2970a6;text-decoration:none} +a:hover{color:#000} +h1{font-size:300%} +h4{font-size:160%;padding:18px 0 0 80px} +h5{font-size:12px} +.margin5R{margin-right:5px} +.margin5{margin:5px} +.margin25{margin:25px 25px 0} +.content{margin:0 auto;width:960px} +.header{height:65px;padding:15px 0 0 30px} +.body{background:url("../images/cont-bg.png") repeat-y scroll right center #fff;min-height:400px} +.side-navi{background:url("../images/cont-bg.png") repeat-y scroll left top #00798a;color:#fff;font-size:95%;line-height:145%;padding-top:8px;position:relative;width:300px} +.side-navi ul{list-style:none} +.side-navi a{color:#fff} +.comm div{display:none} +.main{padding:0 0 15px 35px;width:600px} +.footer{color:#fff;line-height:145%} +#logoTitle{color:#fff;display:block;font-family:"Microsoft YaHei";height:50px;outline:none;text-decoration:none} +.sub-title{border-top:1px solid #fff;color:#fff;font-size:18px;padding:0 15px} +#header-navi{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #a6a6a6} +#header-navi li{float:left;list-style:none;margin-left:0} +#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382e1f;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none} +#header-navi li a:hover{background-position:0 -31px} +#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px} +#header-navi li a.home:hover{background-position:0 -124px} +#header-navi li a.lastNavi:hover{background-position:0 0} +#header-navi li.selected a{background-position:0 -62px} +#header-navi li.selected a.home{background-position:0 -155px} +#statistic{left:250px;position:relative;text-align:left;top:110px;width:600px} +.footer .copyright{padding-top:60px;text-align:center} +.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;cursor:pointer;font-size:12px;padding-left:16px;position:absolute;right:17px;top:0;width:25px} +.article{border-top:1px dotted #0184af;padding-bottom:15px} +.article-title{font-size:22px;margin-top:10px;padding:0 5px 3px;position:relative;top:20px} +.article-title sup{font-size:12px} +.article-title a{color:#4c4c4c;text-decoration:none} +.article-title a:hover{color:#2970a6} +.article-abstract{line-height:145%;margin:5px 0 5px 5px;word-wrap:break-word} +.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:30px;margin-right:6px;width:30px} +.tagsIcon{background:url("../images/tagsIcon.png")} +.dateIcon{background-position:0 -48px} +.articles-commentIcon{background:url("../images/comment.jpg")} +.article-browserIcon{background:url("../images/category.jpg")} +.article-body{line-height:145%;padding:5px 0 0 5px} +.article-footer{margin:0 5px 10px 5px} +.article-relative{line-height:22px;margin-top:20px} +.article-relative h4{font-size:12px;padding:0} +.comments{background:none repeat scroll 0 0 #fcfcfc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:15px -15px;padding:0 15px 15px;position:relative} +.comment-title{background-color:#e3e9ff;border-top:1px solid #36c;padding:3px 12px 3px 12px;position:relative} +.comment-body-ref{background-color:#fff;filter:alpha(opacity=90);left:217px;opacity:.9;padding:6px;position:absolute;width:605px;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 #999;height:32px;padding:1px;width:32px} +.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px} +.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #edeff0;font-size:12px;margin:-62px 0 0 80px;padding:10px 15px 0;width:494px} +.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 #fff;border:1px solid #a6a6a6;color:#555;font-family:Helvetica,Arial,sans-serif;height:16px;outline:none;padding:2px 1px;width:200px} +.comment-form textarea{font-size:12px;height:auto;width:600px} +.comment-form button{background:none repeat scroll 0 0 #b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-radius:0;border-style:solid;border-width:1px;color:#2970a6;font-size:12px;height:22px;line-height:22px;padding:0 6px} +.comment-form button:hover{background:none repeat scroll 0 0 #98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../favourite/images/emotions/emotions-blue.png")} +.error-msg{color:#36c} +.side-navi .item{padding:12px 15px} +.side-navi .navi-comments img{border:1px solid #999;height:32px;margin-right:7px;padding:1px;width:32px} +.side-navi .navi-comments a{color:#fff;font-weight:bold} +.side-navi .navi-comments .side-comment{color:#fff;font-weight:normal;height:18px;width:210px} +.side-navi .navi-comments .side-comment img{border:0;height:16px;margin-right:0;padding:0;width:16px} +.side-navi .navi-comments li{padding:2px 0} +.side-navi .navi-comments li div{width:215px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis} +.side-navi a.selected{color:#555;text-decoration:none} +.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0} +.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px} +.side-navi li{background:url("../images/pl.png") no-repeat scroll 0 0 transparent;margin:5px 0 0 0;overflow:hidden;padding-left:22px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis} +.side-navi li.aboutMe{white-space:normal} +.side-navi .line{border-color:#67c3cf;border-style:dotted;border-width:1px 0} +.pagination{margin:16px;text-align:center} +.pagination a,.pagination a:visited{color:#4272db;padding:0 3px} +.pagination a.selected{color:#000;font-weight:bold} +#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px} +#tagsPanel .tagPanel:hover{background-color:#eee;border:2px dashed} +#tagsPanel .tagPanel{text-decoration:none} +.error-body{background:url("../images/cont-bg_2.png") repeat-y scroll left;height:400px;padding:12px} +.error-title{line-height:72px} +.error-panel{margin:0 auto;width:201px} +.error-panel a{background:none repeat scroll 0 0 #9cd941;border-color:#d0f29d #398a38 #398a38 #d0f29d;border-style:solid;border-width:1px;color:#000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none} +.error-panel a:hover{background-color:#adeb51} +.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #f4f5f7;margin-bottom:10px;padding:8px 12px} +.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #e3e4e6;border-bottom:1px solid #ccc;font-weight:bold;padding:6px 12px} +.top{background:url("../images/top-bg.jpg") repeat-x scroll left top transparent;border:none;color:#fff;height:87px} +.footer-icon{background:url("../images/footer-ico.png") no-repeat scroll center center transparent;height:133px} +.info{background:url("../images/info.png") repeat-x scroll left top transparent;height:110px;position:relative} +.logoutIcon{background-position:-96px -16px} +#qq2{float:right;padding:68px 120px 0 0} +.thinks{background:url("../images/thinks.png") no-repeat scroll left top transparent;height:420px;position:absolute;right:12px;top:36px;width:388px;z-index:1} +.lamb{background:url("../images/lamb.png") no-repeat scroll left top transparent;height:80px;left:460px;position:absolute;top:100px;width:320px} +.lamb a{display:block;height:80px;outline:none;width:320px} +.null{height:160px} +#navigation{height:87px;margin:0 auto;width:960px} +#navigation a.classifiche{background:url("../images/classifiche.png") no-repeat scroll left top transparent} +#navigation a.about{background:url("../images/about.png") no-repeat scroll left top transparent} +#navigation a.home{background:url("../images/home.png") no-repeat scroll left top transparent} +#navigation a.Guestbook{background:url("../images/Guestbook.png") no-repeat scroll left top transparent} +#navigation a{background:url("../images/default.png") no-repeat scroll left top transparent;color:#fff;cursor:pointer !important;float:left;height:70px;margin-left:10px;outline:none;padding-top:2px;text-align:center;text-decoration:none;width:73px} +.admins{position:relative;top:-85px} +#mostCommentArticles li a,#mostViewCountArticles li a,.navi-tags li a,#sideLink li a,#save li a,#sideAuthor li a{color:#fff} +.roundtop{background:url("../images/roundtop.png") no-repeat scroll left top transparent;height:75px} +.roundbottom{background:url("../images/roundbottom.png") no-repeat scroll left top transparent;height:35px} +.paint{background:url("../images/paint.png") no-repeat scroll left top transparent;height:183px;left:34px;position:absolute;top:450px;width:87px} +.rings{background:url("../images/anelli.png") no-repeat scroll left top transparent;height:121px;left:-28px;position:absolute;width:56px;z-index:80} +.antefatto{background:url("../images/twitter.png") no-repeat scroll left top transparent;height:64px} +.ads{background:url("../images/ads.png") no-repeat scroll left top transparent;height:64px} +.categorie{background:url("../images/categorie.png") no-repeat scroll left top transparent;height:64px} +.archivio{background:url("../images/archivio.png") no-repeat scroll left top transparent;height:64px} +.side-author{background:url("../images/antefatto.png") no-repeat scroll left top transparent;height:64px} +.blog{background:url("../images/blog.png") no-repeat scroll left top transparent;height:64px} +.cuore{background:url("../images/cuore.png") no-repeat scroll left top transparent;height:64px} +.esclamativo{background:url("../images/esclamativo.png") no-repeat scroll left top transparent;height:64px} +.posttime-blue{background-color:#0184af} +.posttime-blue,.posttime-pink{border:1px solid #999;clear:right;color:#fff;float:right;font-family:Tohama,Arial,Helvetica,sans-serif;height:60px;position:relative;right:30px;top:-25px;width:60px} +.posttime-MY{border-bottom:1px solid #fff;font-size:9px;height:15px;padding-top:5px;text-align:center} +.posttime-D{font-size:28px;font-weight:bold;text-align:center} +.note{background:none repeat scroll 0 0 #e7f5f7;margin:40px 0 0 -49px;padding:10px 10px 10px 85px;position:relative;width:574px;z-index:50} +.corner{background:url("../images/corner.png") no-repeat scroll left top transparent;height:9px;left:0;position:absolute;top:-9px;width:9px} +.count{position:relative;top:8px} +.substance{overflow:hidden;width:500px} diff --git a/favourite/skin.properties b/favourite/skin.properties index 63fb30b..9d08534 100644 --- a/favourite/skin.properties +++ b/favourite/skin.properties @@ -23,5 +23,5 @@ name=favourite version=2.0.5 -forSolo=0.6.0 +forSolo=0.6.1 memo=Refers to http://www.iprimidieci.com/ \ No newline at end of file diff --git a/i-nove/css/i-nove.css b/i-nove/css/i-nove.css index 0e0b5ea..8e23502 100644 --- a/i-nove/css/i-nove.css +++ b/i-nove/css/i-nove.css @@ -1,3 +1,18 @@ +/** + * Copyright (c) 2009, 2010, 2011, 2012, 2013, 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. + */ @charset "utf-8"; /* * skin i-nove style diff --git a/i-nove/css/i-nove.min.css b/i-nove/css/i-nove.min.css index 0c3281e..4212391 100644 --- a/i-nove/css/i-nove.min.css +++ b/i-nove/css/i-nove.min.css @@ -1,93 +1,93 @@ @charset "utf-8"; -.bg{background:url("../images/bg.jpg") repeat-x scroll 0 0 #bec3c6;color:#555555;} -a,a:link,a:active,a:visited{color:#2970A6;text-decoration:none;} -a:hover{text-decoration:underline;} -h1{font-size:200%;} -h4{font-size:160%;} -h5{font-size:12px;} -.margin5R{margin-right:5px;} -.margin5{margin:5px;} -.wrapper{background:url("../images/light.gif") no-repeat scroll 50% 0 transparent;padding:20px 0;} -.content{margin:0 auto;width:936px;} -.header{background:url("../images/header.jpg") no-repeat scroll 0 0 transparent;border-bottom:1px solid #A6A6A6;height:65px;padding:25px 30px 0;} -.body{background:url("../images/sidesep.gif") repeat-y scroll right center #ffffff;min-height:400px;} -.side-navi{background:url("../images/sidebar_shadow.gif") repeat-x scroll 50% 0 #f7f7f7;font-size:95%;line-height:145%;padding-top:8px;width:300px;} -.main{background:url("../images/main_shadow.gif") repeat-x scroll center top #ffffff;padding:13px 15px 15px;width:605px;} -.footer{background:url("../images/footer.jpg") no-repeat scroll 0 0 transparent;border-top:1px solid #CCCCCC;font-size:11px;height:88px;line-height:145%;padding:0;} -#logoTitle{color:#FFFFFF;display:block;font-family:"Trajan Pro";height:30px;outline:none;text-decoration:none;} -.sub-title{border-top:1px solid #FFFFFF;color:#FFFFFF;font-size:10px;padding:0 3px;} -#header-navi{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #A6A6A6;} -#header-navi li{float:left;list-style:none;margin-left:0px;} -#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382E1F;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none;} -#header-navi li a:hover{background-position:0 -31px;} -#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px;} -#header-navi li a.home:hover{background-position:0 -124px;} -#header-navi li a.lastNavi:hover{background-position:0 0;} -#header-navi li.selected a{background-position:0 -62px;} -#header-navi li.selected a.home{background-position:0 -155px;} -#statistic{font-size:11px;line-height:31px;margin-right:15px;} -.footer .copyright{padding:12px;width:857px;} -.footer .copyright span{margin:0px;} -.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2A2A2A;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;white-space:nowrap;} -.article{padding-bottom:15px;} -.article-title{border-bottom:1px solid #CCCCCC;font-size:16px;margin-top:10px;padding:0 5px 3px;} -.article-title sup{font-size:12px;} -.article-title a{color:#4C4C4C;text-decoration:none;} -.article-title a:hover{color:#2970A6;} -.article-abstract{line-height:145%;margin:10px 0 10px 5px;word-wrap:break-word;} -.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon,.authorIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:16px;margin-right:6px;width:16px;} -.tagsIcon{background-position:0 -400px;margin-left:15px;} -.dateIcon{background-position:0 -48px;margin-left:15px;} -.authorIcon{background-position:0 0;} -.articles-commentIcon{background-position:0 -96px;} -.article-browserIcon{background-position:0 -480px;} -.article-body{line-height:145%;padding:5px 0 0 5px;} -.article-footer{margin:0 5px 10px 5px;} -.article-relative{line-height:22px;margin-top:24px;} -.article-relative h4{font-size:12px;} -.comments{background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;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:605px;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;white-space:nowrap;margin-right:14px;} -.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #edeff0;font-size:12px;padding:10px 15px 0;width:494px;} -.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:601px;} -.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:24px;line-height:24px;padding:0px 6px;} -.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../i-nove/images/emotions/emotions-black.png");} -.error-msg{color:#3366CC;} -.side-navi ul{list-style:none;margin-top:10px;} -.side-navi .item{padding:15px;} -.side-navi sup{margin-right:3px;color:#555;} -.side-navi .navi-comments img{border:1px solid #999999;height:32px;margin-right:7px;padding:1px;width:32px;} -.side-navi .navi-comments a{font-weight:bold;} -.side-navi .navi-comments .side-comment{color:#555555;font-weight:normal;height:18px;} -.side-navi .navi-comments div.left>div>div{display:none;} -.side-navi .navi-comments .side-comment img{border:0px;height:16px;margin-right:0px;padding:0px;width:16px;} -.side-navi .navi-comments li{padding:2px 0;} -.side-navi .navi-comments li div{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:227px;} -.side-navi a.selected{color:#555555;text-decoration:none;} -.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0px;} -.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px;} -.side-navi li{background:url("../images/icons.gif") no-repeat scroll 0 -623px transparent;margin:5px 0 0 0;overflow:hidden;padding-left:20px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} -.side-navi li.aboutMe{white-space:normal;} -.side-navi .line{background:url("../images/widgetsep.png") no-repeat scroll center bottom transparent;height:6px;width:300px;} -.pagination{margin:16px;text-align:center;} -.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;} -.pagination a.selected{color:#000000;font-weight:bold;} -#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px;} -#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed;} -#tagsPanel .tagPanel{text-decoration:none;} -.error-body{background:url("../images/main_shadow.gif") repeat-x scroll center top #ffffff;height:400px;padding:12px;} -.error-title{line-height:72px;} -.error-panel{margin-left:35px;width:201px;} -.error-panel a{background-color:#9CD941;border-color:#D0F29D #398A38 #398A38 #D0F29D;border-style:solid;border-width:1px;color:#000000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none;} -.error-panel a:hover{background-color:#ADEb51;} -.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #f4f5f7;margin-bottom:10px;padding:8px 12px;} -.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #e3e4e6;border-bottom:1px solid #CCCCCC;font-weight:bold;padding:6px 12px;} +.bg{background:url("../images/bg.jpg") repeat-x scroll 0 0 #bec3c6;color:#555} +a,a:link,a:active,a:visited{color:#2970a6;text-decoration:none} +a:hover{text-decoration:underline} +h1{font-size:200%} +h4{font-size:160%} +h5{font-size:12px} +.margin5R{margin-right:5px} +.margin5{margin:5px} +.wrapper{background:url("../images/light.gif") no-repeat scroll 50% 0 transparent;padding:20px 0} +.content{margin:0 auto;width:936px} +.header{background:url("../images/header.jpg") no-repeat scroll 0 0 transparent;border-bottom:1px solid #a6a6a6;height:65px;padding:25px 30px 0} +.body{background:url("../images/sidesep.gif") repeat-y scroll right center #fff;min-height:400px} +.side-navi{background:url("../images/sidebar_shadow.gif") repeat-x scroll 50% 0 #f7f7f7;font-size:95%;line-height:145%;padding-top:8px;width:300px} +.main{background:url("../images/main_shadow.gif") repeat-x scroll center top #fff;padding:13px 15px 15px;width:605px} +.footer{background:url("../images/footer.jpg") no-repeat scroll 0 0 transparent;border-top:1px solid #ccc;font-size:11px;height:88px;line-height:145%;padding:0} +#logoTitle{color:#fff;display:block;font-family:"Trajan Pro";height:30px;outline:none;text-decoration:none} +.sub-title{border-top:1px solid #fff;color:#fff;font-size:10px;padding:0 3px} +#header-navi{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #a6a6a6} +#header-navi li{float:left;list-style:none;margin-left:0} +#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382e1f;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none} +#header-navi li a:hover{background-position:0 -31px} +#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px} +#header-navi li a.home:hover{background-position:0 -124px} +#header-navi li a.lastNavi:hover{background-position:0 0} +#header-navi li.selected a{background-position:0 -62px} +#header-navi li.selected a.home{background-position:0 -155px} +#statistic{font-size:11px;line-height:31px;margin-right:15px} +.footer .copyright{padding:12px;width:857px} +.footer .copyright span{margin:0} +.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2a2a2a;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;white-space:nowrap} +.article{padding-bottom:15px} +.article-title{border-bottom:1px solid #ccc;font-size:16px;margin-top:10px;padding:0 5px 3px} +.article-title sup{font-size:12px} +.article-title a{color:#4c4c4c;text-decoration:none} +.article-title a:hover{color:#2970a6} +.article-abstract{line-height:145%;margin:10px 0 10px 5px;word-wrap:break-word} +.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon,.authorIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:16px;margin-right:6px;width:16px} +.tagsIcon{background-position:0 -400px;margin-left:15px} +.dateIcon{background-position:0 -48px;margin-left:15px} +.authorIcon{background-position:0 0} +.articles-commentIcon{background-position:0 -96px} +.article-browserIcon{background-position:0 -480px} +.article-body{line-height:145%;padding:5px 0 0 5px} +.article-footer{margin:0 5px 10px 5px} +.article-relative{line-height:22px;margin-top:24px} +.article-relative h4{font-size:12px} +.comments{background:none repeat scroll 0 0 #fcfcfc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:15px -15px;padding:0 15px 15px;position:relative} +.comment-title{background-color:#e3e9ff;border-top:1px solid #36c;padding:3px 12px 3px 12px;position:relative} +.comment-body-ref{background-color:#fff;filter:alpha(opacity=90);left:217px;opacity:.9;padding:6px;position:absolute;width:605px;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 #999;height:32px;padding:1px;width:32px} +.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px} +.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #edeff0;font-size:12px;padding:10px 15px 0;width:494px} +.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 #fff;border:1px solid #a6a6a6;color:#555;font-family:Helvetica,Arial,sans-serif;height:16px;outline:none;padding:2px 1px;width:200px} +.comment-form textarea{font-size:12px;height:auto;width:601px} +.comment-form button{background:none repeat scroll 0 0 #b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-radius:0;border-style:solid;border-width:1px;color:#2970a6;font-size:12px;height:24px;line-height:24px;padding:0 6px} +.comment-form button:hover{background:none repeat scroll 0 0 #98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../i-nove/images/emotions/emotions-black.png")} +.error-msg{color:#36c} +.side-navi ul{list-style:none;margin-top:10px} +.side-navi .item{padding:15px} +.side-navi sup{margin-right:3px;color:#555} +.side-navi .navi-comments img{border:1px solid #999;height:32px;margin-right:7px;padding:1px;width:32px} +.side-navi .navi-comments a{font-weight:bold} +.side-navi .navi-comments .side-comment{color:#555;font-weight:normal;height:18px} +.side-navi .navi-comments div.left>div>div{display:none} +.side-navi .navi-comments .side-comment img{border:0;height:16px;margin-right:0;padding:0;width:16px} +.side-navi .navi-comments li{padding:2px 0} +.side-navi .navi-comments li div{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:227px} +.side-navi a.selected{color:#555;text-decoration:none} +.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0} +.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px} +.side-navi li{background:url("../images/icons.gif") no-repeat scroll 0 -623px transparent;margin:5px 0 0 0;overflow:hidden;padding-left:20px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap} +.side-navi li.aboutMe{white-space:normal} +.side-navi .line{background:url("../images/widgetsep.png") no-repeat scroll center bottom transparent;height:6px;width:300px} +.pagination{margin:16px;text-align:center} +.pagination a,.pagination a:visited{color:#4272db;padding:0 3px} +.pagination a.selected{color:#000;font-weight:bold} +#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px} +#tagsPanel .tagPanel:hover{background-color:#eee;border:2px dashed} +#tagsPanel .tagPanel{text-decoration:none} +.error-body{background:url("../images/main_shadow.gif") repeat-x scroll center top #fff;height:400px;padding:12px} +.error-title{line-height:72px} +.error-panel{margin-left:35px;width:201px} +.error-panel a{background-color:#9cd941;border-color:#d0f29d #398a38 #398a38 #d0f29d;border-style:solid;border-width:1px;color:#000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none} +.error-panel a:hover{background-color:#adeb51} +.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #f4f5f7;margin-bottom:10px;padding:8px 12px} +.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #e3e4e6;border-bottom:1px solid #ccc;font-weight:bold;padding:6px 12px} diff --git a/i-nove/skin.properties b/i-nove/skin.properties index 0d1fc78..1d3fa31 100644 --- a/i-nove/skin.properties +++ b/i-nove/skin.properties @@ -22,5 +22,5 @@ name=i-nove version=2.0.5 -forSolo=0.6.0 +forSolo=0.6.1 memo=Refers to http://demo.neoease.com \ No newline at end of file diff --git a/metro-hot/archive-articles.ftl b/metro-hot/archive-articles.ftl new file mode 100644 index 0000000..242ac65 --- /dev/null +++ b/metro-hot/archive-articles.ftl @@ -0,0 +1,56 @@ +<#include "macro-head.ftl"> +<#include "macro-side.ftl"> + + + + <@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}"> + + + + + + ${topBarReplacement} +
+
+
+ <#include "footer.ftl"/>
+
+
diff --git a/metro-hot/archives.ftl b/metro-hot/archives.ftl
new file mode 100644
index 0000000..9ed1666
--- /dev/null
+++ b/metro-hot/archives.ftl
@@ -0,0 +1,45 @@
+<#include "macro-head.ftl">
+<#include "macro-side.ftl">
+
+
+
+ <@head title="${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}) + +
+ <#if 0 != paginationPageCount> +
+ <#if 1 != paginationPageNums?first>
+ <
+
+ <#list paginationPageNums as paginationPageNum>
+ <#if paginationPageNum == paginationCurrentPageNum>
+ ${paginationPageNum}
+ <#else>
+ ${paginationPageNum}
+
+
+ <#if paginationPageNums?last != paginationPageCount>
+ >
+
+
+
+
+
+
+ <#include "article-list.ftl"/>
+ <#include "copyright.ftl"/>
+
+ <@side isArticle=false />
+
+
+
+ <#include "footer.ftl"/>
+
+
diff --git a/metro-hot/article-list.ftl b/metro-hot/article-list.ftl
new file mode 100644
index 0000000..b845f85
--- /dev/null
+++ b/metro-hot/article-list.ftl
@@ -0,0 +1,73 @@
+
+ <#include "header.ftl" />
+
+
+
+ ${dateArticlesLabel}
+
+
+
+ <#if 0 != archiveDates?size>
+
+ <@side isArticle=false />
+
+ <#list archiveDates as archiveDate>
+ <#if "en" == localeString?substring(0, 2)>
+
+ ${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})
+ <#else>
+
+ ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})
+
+
+
+
+ <#include "copyright.ftl"/>
+
+ <#list articles as article>
+
+
+<#if 0 != paginationPageCount>
+
+
+
+
+
+
+
+
+
+ <#if article.hasUpdated>
+ ${article.articleUpdateDate?string("yy-MM-dd HH:mm")}
+ <#else>
+ ${article.articleCreateDate?string("yy-MM-dd HH:mm")}
+
+
+
+ + + ${article.articleTitle} + + <#if article.hasUpdated> + + ${updatedLabel} + + + <#if article.articlePutTop> + + ${topArticleLabel} + + +
+
+ ${article.articleAbstract}
+
+
+
+ <#if 1 != paginationPageNums?first>
+ <
+
+ <#list paginationPageNums as paginationPageNum>
+ <#if paginationPageNum == paginationCurrentPageNum>
+ ${paginationPageNum}
+ <#else>
+ ${paginationPageNum}
+
+
+ <#if paginationPageNums?last != paginationPageCount>
+ >
+
+
+
+
diff --git a/metro-hot/article.ftl b/metro-hot/article.ftl
new file mode 100644
index 0000000..f8cdfc7
--- /dev/null
+++ b/metro-hot/article.ftl
@@ -0,0 +1,85 @@
+<#include "macro-head.ftl">
+<#include "macro-comments.ftl">
+<#include "macro-side.ftl">
+
+
+
+ <@head title="${article.articleTitle} - ${blogTitle}">
+
+
+
+
+
+ ${topBarReplacement}
+
+
+ <#include "footer.ftl">
+ <@comment_script oId=article.oId>
+ page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
+ <#if 0 != randomArticlesDisplayCount>
+ MetroHot.loadRandomArticles();
+
+ <#if 0 != relevantArticlesDisplayCount>
+ MetroHot.loadRelevantArticles('${article.oId}');
+
+ <#if 0 != externalRelevantArticlesDisplayCount>
+ MetroHot.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,");
+
+
+
+
diff --git a/metro-hot/author-articles.ftl b/metro-hot/author-articles.ftl
new file mode 100644
index 0000000..e4bff27
--- /dev/null
+++ b/metro-hot/author-articles.ftl
@@ -0,0 +1,31 @@
+<#include "macro-head.ftl">
+<#include "macro-side.ftl">
+
+
+
+ <@head title="${authorName} - ${blogTitle}">
+
+
+
+
+
+ ${topBarReplacement}
+
+ <#include "header.ftl">
+
+
+
+ <#if article.hasUpdated>
+ ${article.articleUpdateDate?string("yy-MM-dd HH:mm")}
+ <#else>
+ ${article.articleCreateDate?string("yy-MM-dd HH:mm")}
+
+
+
+
+ + ${article.articleTitle} + <#if article.hasUpdated> + + ${updatedLabel} + + + <#if article.articlePutTop> + + ${topArticleLabel} + + +
+
+ <#list article.articleTags?split(",") as articleTag>
+ ${articleTag}<#if articleTag_has_next>,
+
+
+
+
+
+
+
+ <@side isArticle=true />
+
+ ${article.articleContent}
+ <#if "" != article.articleSign.signHTML?trim>
+ ${article.articleSign.signHTML}
+
+
+ <@comments commentList=articleComments article=article>
+ <#include "copyright.ftl"/>
+
+
+
+ <#include "footer.ftl"/>
+
+
diff --git a/metro-hot/copyright.ftl b/metro-hot/copyright.ftl
new file mode 100644
index 0000000..a65ba7d
--- /dev/null
+++ b/metro-hot/copyright.ftl
@@ -0,0 +1,7 @@
+
\ No newline at end of file
diff --git a/metro-hot/css/font/IcoMoon.eot b/metro-hot/css/font/IcoMoon.eot
new file mode 100644
index 0000000..f0e6767
Binary files /dev/null and b/metro-hot/css/font/IcoMoon.eot differ
diff --git a/metro-hot/css/font/IcoMoon.svg b/metro-hot/css/font/IcoMoon.svg
new file mode 100644
index 0000000..3946e5b
--- /dev/null
+++ b/metro-hot/css/font/IcoMoon.svg
@@ -0,0 +1,2794 @@
+
+
+
\ No newline at end of file
diff --git a/metro-hot/css/font/IcoMoon.ttf b/metro-hot/css/font/IcoMoon.ttf
new file mode 100644
index 0000000..38ab8dc
Binary files /dev/null and b/metro-hot/css/font/IcoMoon.ttf differ
diff --git a/metro-hot/css/font/IcoMoon.woff b/metro-hot/css/font/IcoMoon.woff
new file mode 100644
index 0000000..a3b887f
Binary files /dev/null and b/metro-hot/css/font/IcoMoon.woff differ
diff --git a/metro-hot/css/metro-hot-responsive.css b/metro-hot/css/metro-hot-responsive.css
new file mode 100644
index 0000000..9941a4e
--- /dev/null
+++ b/metro-hot/css/metro-hot-responsive.css
@@ -0,0 +1,198 @@
+/**
+ * Copyright (c) 2009, 2010, 2011, 2012, 2013, 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 metro-hot responsive style
+*
+* @author Liyuan Li
+* @version 1.0.0.5, Jul 24, 2013
+*/
+@media (max-width: 860px) and (min-width: 460px) {
+ .wrapper {
+ width: 720px;
+ }
+
+ .main {
+ width: 460px;
+ }
+
+ .form {
+ width: auto;
+ }
+
+ .form input {
+ width: 395px;
+ }
+
+ .form textarea {
+ width: 434px;
+ }
+
+ .em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14 {
+ margin-right: 4px;
+ }
+
+ #comments .article-body {
+ width: 350px;
+ }
+
+ #dynamic #comments .article-body {
+ width: 293px;
+ }
+
+ .most-comment,
+ .most-view {
+ width: 300px;
+ margin-bottom: 20px;
+ margin-top: 40px;
+ }
+
+ .most-comment .text,
+ .most-view .text {
+ width: 195px;
+ }
+
+ .tags-tile,
+ .links-tile,
+ .archives-tile {
+ width: 670px;
+ }
+
+ .tags-tile .text,
+ .links-tile .text,
+ .archives-tile .text {
+ width: 580px;
+ }
+
+ .links-tile,
+ .tags-tile {
+ margin-left: 0;
+ }
+}
+
+@media (max-width: 460px) {
+ .side,
+ .top-info,
+ .header > .fn-left,
+ .comment-main {
+ float: none;
+ }
+
+ .wrapper,
+ .article-list > div,
+ .main,
+ .side {
+ width: 300px;
+ }
+
+ .sub-nav > .pagination,
+ .footer,
+ #comments > div > img,
+ #emotions {
+ display: none;
+ }
+
+ #search {
+ width: 237px;
+ }
+
+
+ .side-tile {
+ width: 94px;
+ }
+
+ .online-count,
+ .user,
+ .clear,
+ .notice-board,
+ .share,
+ .article-relative {
+ width: 249px;
+ }
+
+ .main .pagination,
+ .main > .article-body,
+ .comment-disabled,
+ #comments > div {
+ margin-right: 0;
+ }
+
+ .side > div,
+ #comments .article-body {
+ position: static !important;
+ width: auto !important;
+ }
+
+ .share div.text {
+ left: 173px;
+ }
+
+ .form {
+ width: auto;
+ }
+
+ .form input {
+ width: 240px;
+ }
+
+ .form textarea {
+ width: 285px;
+ height: 150px;
+ }
+
+ #dynamic .main {
+ margin-bottom: 20px;
+ }
+
+ .most-comment,
+ .most-view {
+ width: 249px;
+ margin-bottom: 0;
+ margin-top: 20px;
+ }
+
+ .most-comment .text,
+ .most-view .text {
+ margin-right: 0;
+ width: 274px;
+ }
+
+ .most-view {
+ margin-left: 0;
+ }
+
+ .tags-tile,
+ .links-tile,
+ .archives-tile {
+ width: 249px;
+ margin-top: 20px;
+ margin-bottom: 0;
+ }
+
+ .tags-tile .text,
+ .links-tile .text,
+ .archives-tile .text {
+ width: 274px;
+ }
+
+ .links-tile,
+ .tags-tile {
+ margin-left: 0;
+ }
+
+ .tags-tile {
+ margin-bottom: 50px;
+ }
+}
\ No newline at end of file
diff --git a/metro-hot/css/metro-hot-responsive.min.css b/metro-hot/css/metro-hot-responsive.min.css
new file mode 100644
index 0000000..072e15b
--- /dev/null
+++ b/metro-hot/css/metro-hot-responsive.min.css
@@ -0,0 +1 @@
+@media (max-width:860px) and (min-width:460px){.wrapper{width:720px} .main{width:460px} .form{width:auto} .form input{width:395px} .form textarea{width:434px} .em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{margin-right:4px} #comments .article-body{width:350px} #dynamic #comments .article-body{width:293px} .most-comment,.most-view{width:300px;margin-bottom:20px;margin-top:40px} .most-comment .text,.most-view .text{width:195px} .tags-tile,.links-tile,.archives-tile{width:670px} .tags-tile .text,.links-tile .text,.archives-tile .text{width:580px} .links-tile,.tags-tile{margin-left:0}}@media (max-width:460px){.side,.top-info,.header>.fn-left,.comment-main{float:none} .wrapper,.article-list>div,.main,.side{width:300px} .sub-nav>.pagination,.footer,#comments>div>img,#emotions{display:none} #search{width:237px} .side-tile{width:94px} .online-count,.user,.clear,.notice-board,.share,.article-relative{width:249px} .main .pagination,.main>.article-body,.comment-disabled,#comments>div{margin-right:0} .side>div,#comments .article-body{position:static !important;width:auto !important} .share div.text{left:173px} .form{width:auto} .form input{width:240px} .form textarea{width:285px;height:150px} #dynamic .main{margin-bottom:20px} .most-comment,.most-view{width:249px;margin-bottom:0;margin-top:20px} .most-comment .text,.most-view .text{margin-right:0;width:274px} .most-view{margin-left:0} .tags-tile,.links-tile,.archives-tile{width:249px;margin-top:20px;margin-bottom:0} .tags-tile .text,.links-tile .text,.archives-tile .text{width:274px} .links-tile,.tags-tile{margin-left:0} .tags-tile{margin-bottom:50px}}
diff --git a/metro-hot/css/metro-hot.css b/metro-hot/css/metro-hot.css
new file mode 100644
index 0000000..064e124
--- /dev/null
+++ b/metro-hot/css/metro-hot.css
@@ -0,0 +1,972 @@
+/**
+ * Copyright (c) 2009, 2010, 2011, 2012, 2013, 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.
+ */
+@charset "utf-8";
+/*
+* skin metro-hot style
+*
+* @author Liyuan Li
+* @version 1.0.1.0, Jul 31, 2013
+*/
+/* start base */
+@font-face {
+ font-family: 'IcoMoon';
+ src: url('font/IcoMoon.eot');
+ src: url('font/IcoMoon.eot?#iefix') format('embedded-opentype'),
+ url('font/IcoMoon.svg#IcoMoon') format('svg'),
+ url('font/IcoMoon.woff') format('woff'),
+ url('font/IcoMoon.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* Use the following CSS code if you want to use data attributes for inserting your icos */
+[data-ico]:before {
+ font-family: 'IcoMoon';
+ content: attr(data-ico);
+ speak: none;
+ cursor: pointer;
+}
+
+html {
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+
+body {
+ font-family: Verdana, arial, '\5fae\8f6f\96c5\9ed1';
+ font-size: 12px;
+ background-color: #292929;
+ min-height: 1990px;
+ margin: 0;
+ color: #D1D2D1;
+}
+
+a {
+ outline: 0;
+ text-decoration: none;
+ color: #BDBEBD;
+}
+
+a:hover {
+ color: #FFF;
+}
+
+a:focus {
+ color: #9E0B0E !important;
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 70%;
+ line-height: 0;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+img {
+ max-width: 100%;
+ vertical-align: middle;
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+}
+
+button,
+input,
+select,
+textarea {
+ margin: 0;
+ font-size: 100%;
+ vertical-align: middle;
+ font-family: '\5fae\8f6f\96c5\9ed1';
+ outline: none;
+}
+
+button,
+input {
+ line-height: normal;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ cursor: pointer;
+ -webkit-appearance: button;
+}
+
+input[type="search"] {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+
+textarea {
+ overflow: auto;
+ vertical-align: top;
+}
+
+::selection {
+ background-color: #D5D5D5;
+ color: #FCFCFC;
+}
+
+::-moz-selection {
+ background-color: #D5D5D5;
+ color: #FCFCFC;
+}
+
+.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;
+}
+
+.fn-ellipsis {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
+}
+
+
+.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09,
+.em10, .em11, .em12, .em13, .em14 {
+ cursor: pointer;
+ background-image: url("../../metro-hot/images/emotions/emotions-black.png");
+ float: left;
+ height: 24px;
+ margin-right: 8px;
+ 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;
+}
+
+.footer a:hover,
+.clear a:hover,
+.article-relative a:hover,
+.article-abstract .article-title a:hover,
+.article-abstract .article-tags a:hover,
+.article-body a {
+ text-decoration: underline;
+}
+
+.article-body a:hover {
+ text-decoration: none;
+}
+/* end base */
+
+/* start frame */
+.wrapper {
+ height: auto;
+ margin: 30px auto 10px;
+ width: 1190px;
+}
+
+.footer {
+ background-color: #141414;
+ color: #FFF;
+ padding: 30px;
+ margin-right: 10px;
+}
+
+.main {
+ float: left;
+ width: 920px;
+}
+
+/* end frame */
+
+/* start header */
+.header {
+ position: relative;
+}
+
+.header .title {
+ color: #E61E1E;
+}
+
+.header .title:hover {
+ color: #CA1B1E;
+}
+
+.header .title > span:before {
+ color: inherit;
+}
+
+.top-info {
+ font-size: 38px;
+ height: 46px;
+ line-height: 46px;
+}
+
+.top-info > hr {
+ background-color: #7B7B7B;
+ border: 0 none;
+ display: inline-block;
+ height: 42px;
+ margin: 2px 10px;
+ padding: 0;
+ vertical-align: top;
+ width: 1px;
+}
+
+.top-info a {
+ color: #FFF;
+}
+
+.top-info a:hover {
+ color: #CA1B1E;
+}
+
+#showTop {
+ display: none;
+}
+
+.sub-nav {
+ background-color: #E61E1E;
+ color: #FFF;
+ padding: 30px;
+ margin: 30px 0;
+}
+
+.sub-nav > h2 {
+ float: left;
+ margin: 0;
+}
+
+.pagination {
+ float: right;
+ margin-top: 5px;
+}
+
+.pagination > a,
+.pagination > span {
+ background-color: #EA4040;
+ color: #FFF;
+ padding: 6px 7px;
+ text-align: center;
+ font-weight: bold;
+}
+
+.pagination > a:hover,
+.pagination > span {
+ color: #E61E1E;
+ background-color: #FFF;
+}
+
+.navigation {
+ background-color: #FFF;
+ border: 2px solid #BABABA;
+ left: 0;
+ list-style: none outside none;
+ margin: 0;
+ min-width: 223px;
+ padding: 0;
+ position: absolute;
+ top: 63px;
+ z-index: 1;
+ display: none;
+}
+
+.navigation a {
+ background-color: #FFF;
+ border-bottom: 1px solid #BABABA;
+ color: #333;
+ display: block;
+ padding: 10px 15px;
+}
+
+.navigation a:hover {
+ background-color: #E61E1E;
+ color: #FFFFFF;
+}
+
+.navigation a.lats {
+ border-bottom-width: 0;
+}
+
+/* end header */
+
+/* start article list */
+
+.main .pagination {
+ float: none;
+ padding: 20px 0 25px;
+ text-align: right;
+ margin-right: 10px;
+ line-height: 34px;
+}
+
+.article-list > div {
+ background-color: #323232;
+ float: left;
+ height: 220px;
+ margin: 5px 10px 5px 0;
+ overflow: hidden;
+ position: relative;
+ width: 450px;
+}
+
+.article-list > div > img {
+ max-width: 100%;
+ transition: all 1.2s;
+ display: block;
+ margin: 0 auto;
+}
+
+.article-list > div:hover > img {
+ transform: scale(1.2);
+}
+
+.article-list > div:hover .article-image {
+ top: 0;
+}
+
+.article-list > div:hover .fn-right {
+ display: block;
+}
+
+.article-image {
+ background-color: #3E3E3E;
+ opacity: 0.8;
+ position: absolute;
+ top: 163px;
+ width: 100%;
+ transition: all 1.2s;
+}
+
+.article-date {
+ float: left;
+ margin: 10px 0 0 10px;
+}
+
+.article-title {
+ height: 30px;
+ line-height: 30px;
+ margin: 0 0 0 10px;
+}
+
+.article-title a {
+ color: #F8F7F7;
+}
+
+.article-title sup {
+ color: #9E0B0E;
+}
+
+.article-abstract {
+ height: 100%;
+}
+
+.article-abstract .fn-right {
+ position: absolute;
+ right: 0;
+ display: none;
+ top: 0;
+}
+
+.article-abstract .fn-right > a,
+.article-info > a {
+ padding: 15px;
+ float: left;
+ background-color: #E61E1E;
+ color: #FFF;
+ font-size: 14px;
+}
+
+.article-info > a {
+ background-color: #FFF;
+ color: #E61E1E;
+ transition: all 0.8s;
+}
+
+.article-abstract .fn-right > a:hover {
+ background-color: #FFF;
+ color: #E61E1E;
+}
+
+.article-info > a:hover {
+ background-color: #EA4040;
+ color: #FFF;
+}
+
+.article-abstract > .article-tags {
+ margin: 10px 0 0 10px;
+}
+
+.article-abstract > .article-body {
+ height: 115px;
+ margin: 10px 10px 0;
+ overflow: hidden;
+ white-space: inherit;
+ word-wrap: break-word;
+ padding: 0;
+}
+
+.article-image .article-body {
+ padding: 10px;
+ height: 95px;
+}
+/* end article list*/
+
+/* start side */
+.side {
+ float: right;
+ width: 240px;
+}
+
+#search {
+ background-color: #FFF;
+ border: 0 none;
+ color: #3A3A3A;
+ height: 50px;
+ margin-top: 5px;
+ padding: 0 10px;
+ width: 177px;
+ transition: all 0.3s ease-out 0s;
+}
+
+.side form > span {
+ background-color: #FFF;
+ color: #3A3A3A;
+ float: right;
+ font-size: 25px;
+ height: 32px;
+ margin-top: 5px;
+ padding: 9px;
+}
+
+.side-tile {
+ color: #FFF;
+ float: left;
+ margin-top: 20px;
+ padding: 15px 25px 15px 25px;
+ position: relative;
+ background-color: #F09609;
+ width: 65px;
+ transition: all 0.3s ease-out 0s;
+}
+
+.side-tile:hover,
+.side form input:focus,
+.form input:focus,
+.form textarea:focus,
+.form button:hover,
+#dynamic .footer:hover {
+ outline: 3px solid #BABABA;
+}
+
+.side-tile > span {
+ display: block;
+ font-size: 60px;
+ text-align: center;
+ width: 60px;;
+}
+
+.side-tile > .title {
+ line-height: 17px;
+}
+
+.side-tile > .text {
+ font-size: 15px;
+ font-weight: bold;
+ left: 93px;
+ line-height: 30px;
+ position: absolute;
+ top: 20px;
+}
+
+.side-tile > .text a {
+ color: #FFF;
+}
+
+.online-count,
+.user,
+.clear,
+.notice-board,
+.share,
+.article-relative {
+ width: 188px;
+}
+
+.translate,
+.register,
+.logout,
+.prev,
+.prev-disabled {
+ margin-left: 10px;
+}
+
+.translate {
+ background-color: #2E8BCC;
+}
+
+.login,
+.settings {
+ background-color: #008641;
+}
+
+.logout,
+.register {
+ background-color: #7B4F9D;
+}
+
+.clear,
+.next,
+.prev {
+ background-color: #E61E1E;
+}
+
+.next-disabled,
+.prev-disabled {
+ color: #BDBEBD;
+ background-color: #EA4040;
+}
+
+.user {
+ background-color: #393;
+}
+
+.user img {
+ margin: 0 10px 10px 0;
+ height: 60px;
+ width: 60px;
+}
+
+.online-count,
+.share {
+ background-color: #20608E;
+}
+
+.share div.text {
+ color: #BDBEBD;
+ font-size: 43px;
+ font-weight: normal;
+ left: 128px;
+ line-height: 54px;
+ top: 5px;
+ width: 105px;
+}
+
+.share .text span:hover {
+ color: #FFF;
+}
+
+.online-count .text,
+.article-relative .text {
+ font-size: 12px;
+ font-weight: normal;
+ left: 104px;
+ line-height: 19px;
+ text-align: left;
+ top: 12px;
+}
+
+.article-relative .text {
+ left: 70px;
+ overflow: hidden;
+ top: 10px;
+ white-space: nowrap;
+ width: 158px;
+ word-break: keep-all;
+}
+
+.article-relative .text ul {
+ margin: 0;
+}
+
+.notice-board {
+ background-color: #2E8BCC;
+ overflow: hidden;
+ height: auto;
+}
+
+.user .text,
+.notice-board .text {
+ top: 36px;
+}
+
+
+/* end side */
+
+/* start others */
+#goCmt,
+#goTop {
+ background-color: #141414;
+ bottom: 10px;
+ font-size: 30px;
+ height: 35px;
+ padding: 5px 7px;
+ position: fixed;
+ right: 30px;
+ width: 30px;
+ z-index: 10;
+}
+
+#goCmt {
+ bottom: 55px;
+}
+
+.archives {
+ background-color: #323232;
+ padding: 10px;
+ margin: 5px 10px 30px 0;
+}
+
+.archives li {
+ list-style: none;
+ float: left;
+}
+
+.archives a {
+ background-color: #E61E1E;
+ color: #FFF;
+ float: left;
+ margin: 10px;
+ padding: 10px 15px;
+ white-space: nowrap;
+ transition: all 0.8s;
+}
+
+.archives a:hover {
+ background-color: #FFF;
+ color: #E61E1E;
+}
+/* end others */
+
+/* start article */
+.article-info {
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.article-header {
+ background-color: #E61E1E;
+ margin: 30px 0;
+ padding: 20px 30px;
+ position: relative;
+}
+
+.article-header h2 {
+ color: #FFF;
+}
+
+.article-header .article-date {
+ float: none;
+ margin: 0;
+}
+
+.article-body {
+ background-color: #323232;
+ margin-bottom: 30px;
+ overflow: hidden;
+ padding: 10px;
+ white-space: normal;
+ word-break: break-all;
+ font-size: 14px;
+ word-wrap: break-word;
+}
+
+.main > .article-body {
+ margin-right: 10px;
+ margin-top: 20px;
+}
+/* end article */
+
+/* start comment */
+#comments {
+ position: relative;
+}
+
+#comments > div {
+ margin-bottom: 20px;
+ margin-right: 10px;
+}
+
+#comments .article-body {
+ margin: 10px 0;
+ width: 810px;
+}
+
+#comments .user-name {
+ color: #E61E1E;
+ font-weight: bold;
+}
+
+#comments .user-name:hover {
+ color: #CA1B1E;
+}
+
+.at {
+ font-size: 15px;
+ color: #FFF;
+ font-weight: bold;
+}
+
+.comment-main {
+ float: right;
+}
+
+.comment-body-ref {
+ background-color: #EA4040;
+ left: 79px;
+ padding: 10px;
+ position: absolute;
+ width: 900px;
+ z-index: 1;
+}
+
+.comment-disabled {
+ background-color: #EA4040;
+ color: #FFFFFF;
+ margin: 0 10px 30px 0;
+ padding: 5px 20px;
+}
+
+.form {
+ width: 600px;
+ margin-bottom: 30px;
+}
+
+.form input,
+.form textarea {
+ height: 30px;
+ margin: 5px 10px 5px 0;
+ padding: 0 5px;
+ transition: all 0.3s ease-out 0s;
+ width: 456px;
+}
+
+.form textarea {
+ width: 600px;
+ height: 300px;
+ margin: 0 0 10px;
+}
+
+.form button {
+ background-color: #E61E1E;
+ border: 0 none;
+ color: #FFFFFF;
+ cursor: pointer;
+ font-size: 15px;
+ transition: all 0.3s ease-out 0s;
+ padding: 10px 50px;
+}
+
+.tip {
+ color: #CA1B1E;
+}
+/* end comment */
+
+/* start dynamic */
+#dynamic #comments {
+ background-color: #EA4040;
+ margin-top: 5px;
+ padding: 25px 15px 15px 25px;
+}
+
+#dynamic #comments .article-body {
+ width: 770px;
+}
+
+#dynamic .article-relative .text {
+ left: 110px;
+}
+
+#dynamic .footer {
+ margin: 20px 0 0;
+ float: left;
+ transition: all 0.3s ease-out 0s;
+}
+
+.archives-tile,
+.links-tile,
+.tags-tile,
+.most-comment,
+.most-view {
+ margin-left: 0;
+ width: 333px;
+ background-color: #008641;
+ margin-bottom: 20px;
+ position: static;
+}
+
+.tags-tile {
+ margin-left: 20px;
+ background-color: #339933;
+}
+
+.links-tile {
+ margin-left: 20px;
+ background-color: #7B4F9D;
+}
+
+.tags-tile span,
+.links-tile span,
+.archives-tile span,
+.most-comment span,
+.most-view span {
+ font-size: 60px;
+}
+
+.tags-tile .text,
+.links-tile .text,
+.archives-tile .text,
+.most-comment .text,
+.most-view .text {
+ position: static;
+ width: 253px;
+}
+
+.tags-tile a,
+.links-tile a,
+.archives-tile a {
+ background-color: #EA4040;
+ color: #D1D2D1;
+ float: left;
+ font-size: 12px;
+ line-height: 20px;
+ margin: 6px;
+ padding: 5px 10px;
+ transition: all 0.8s ease 0s;
+ white-space: nowrap;
+}
+
+.tags-tile a:hover,
+.links-tile a:hover,
+.archives-tile a:hover {
+ background-color: #FFF;
+ color: #EA4040;
+}
+
+.most-comment,
+.most-view {
+ background-color: #F09609;
+ width: 535px;
+ margin: 100px 0;
+}
+
+.most-comment .text,
+.most-view .text {
+ margin-right: 20px;
+ line-height: 24px;
+ width: 430px;
+}
+
+.most-comment .text a:hover,
+.most-view .text a:hover {
+ text-decoration: underline;
+}
+
+.most-comment .text span,
+.most-view .text span {
+ color: #D1D2D1;
+ font-size: 13px;
+ font-weight: normal;
+}
+
+.most-view {
+ margin-left: 20px;
+ background-color: #2E8BCC;
+}
+/* end dynamic */
\ No newline at end of file
diff --git a/metro-hot/css/metro-hot.min.css b/metro-hot/css/metro-hot.min.css
new file mode 100644
index 0000000..25b56a0
--- /dev/null
+++ b/metro-hot/css/metro-hot.min.css
@@ -0,0 +1,153 @@
+@charset "utf-8";
+@font-face{font-family:'IcoMoon';src:url('font/IcoMoon.eot');src:url('font/IcoMoon.eot?#iefix') format('embedded-opentype'),url('font/IcoMoon.svg#IcoMoon') format('svg'),url('font/IcoMoon.woff') format('woff'),url('font/IcoMoon.ttf') format('truetype');font-weight:normal;font-style:normal}[data-ico]:before{font-family:'IcoMoon';content:attr(data-ico);speak:none;cursor:pointer}
+html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
+body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#292929;min-height:1990px;margin:0;color:#d1d2d1}
+a{outline:0;text-decoration:none;color:#bdbebd}
+a:hover{color:#fff}
+a:focus{color:#9e0b0e !important}
+sub,sup{position:relative;font-size:70%;line-height:0;vertical-align:baseline}
+sup{top:-0.5em}
+sub{bottom:-0.25em}
+img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
+button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:'\5fae\8f6f\96c5\9ed1';outline:none}
+button,input{line-height:normal}
+button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
+button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
+input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
+input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
+textarea{overflow:auto;vertical-align:top}
+::selection{background-color:#d5d5d5;color:#fcfcfc}
+::-moz-selection{background-color:#d5d5d5;color:#fcfcfc}
+.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}
+.fn-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
+.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../metro-hot/images/emotions/emotions-black.png");float:left;height:24px;margin-right:8px;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}
+.footer a:hover,.clear a:hover,.article-relative a:hover,.article-abstract .article-title a:hover,.article-abstract .article-tags a:hover,.article-body a{text-decoration:underline}
+.article-body a:hover{text-decoration:none}
+.wrapper{height:auto;margin:30px auto 10px;width:1190px}
+.footer{background-color:#141414;color:#fff;padding:30px;margin-right:10px}
+.main{float:left;width:920px}
+.header{position:relative}
+.header .title{color:#e61e1e}
+.header .title:hover{color:#ca1b1e}
+.header .title>span:before{color:inherit}
+.top-info{font-size:38px;height:46px;line-height:46px}
+.top-info>hr{background-color:#7b7b7b;border:0 none;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px}
+.top-info a{color:#fff}
+.top-info a:hover{color:#ca1b1e}
+#showTop{display:none}
+.sub-nav{background-color:#e61e1e;color:#fff;padding:30px;margin:30px 0}
+.sub-nav>h2{float:left;margin:0}
+.pagination{float:right;margin-top:5px}
+.pagination>a,.pagination>span{background-color:#ea4040;color:#fff;padding:6px 7px;text-align:center;font-weight:bold}
+.pagination>a:hover,.pagination>span{color:#e61e1e;background-color:#fff}
+.navigation{background-color:#fff;border:2px solid #bababa;left:0;list-style:none outside none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1;display:none}
+.navigation a{background-color:#fff;border-bottom:1px solid #bababa;color:#333;display:block;padding:10px 15px}
+.navigation a:hover{background-color:#e61e1e;color:#fff}
+.navigation a.lats{border-bottom-width:0}
+.main .pagination{float:none;padding:20px 0 25px;text-align:right;margin-right:10px;line-height:34px}
+.article-list>div{background-color:#323232;float:left;height:220px;margin:5px 10px 5px 0;overflow:hidden;position:relative;width:450px}
+.article-list>div>img{max-width:100%;transition:all 1.2s;display:block;margin:0 auto}
+.article-list>div:hover>img{transform:scale(1.2)}
+.article-list>div:hover .article-image{top:0}
+.article-list>div:hover .fn-right{display:block}
+.article-image{background-color:#3e3e3e;opacity:.8;position:absolute;top:163px;width:100%;transition:all 1.2s}
+.article-date{float:left;margin:10px 0 0 10px}
+.article-title{height:30px;line-height:30px;margin:0 0 0 10px}
+.article-title a{color:#f8f7f7}
+.article-title sup{color:#9e0b0e}
+.article-abstract{height:100%}
+.article-abstract .fn-right{position:absolute;right:0;display:none;top:0}
+.article-abstract .fn-right>a,.article-info>a{padding:15px;float:left;background-color:#e61e1e;color:#fff;font-size:14px}
+.article-info>a{background-color:#fff;color:#e61e1e;transition:all .8s}
+.article-abstract .fn-right>a:hover{background-color:#fff;color:#e61e1e}
+.article-info>a:hover{background-color:#ea4040;color:#fff}
+.article-abstract>.article-tags{margin:10px 0 0 10px}
+.article-abstract>.article-body{height:115px;margin:10px 10px 0;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:0}
+.article-image .article-body{padding:10px;height:95px}
+.side{float:right;width:240px}
+#search{background-color:#fff;border:0 none;color:#3a3a3a;height:50px;margin-top:5px;padding:0 10px;width:177px;transition:all .3s ease-out 0}
+.side form>span{background-color:#fff;color:#3a3a3a;float:right;font-size:25px;height:32px;margin-top:5px;padding:9px}
+.side-tile{color:#fff;float:left;margin-top:20px;padding:15px 25px 15px 25px;position:relative;background-color:#f09609;width:65px;transition:all .3s ease-out 0}
+.side-tile:hover,.side form input:focus,.form input:focus,.form textarea:focus,.form button:hover,#dynamic .footer:hover{outline:3px solid #bababa}
+.side-tile>span{display:block;font-size:60px;text-align:center;width:60px}
+.side-tile>.title{line-height:17px}
+.side-tile>.text{font-size:15px;font-weight:bold;left:93px;line-height:30px;position:absolute;top:20px}
+.side-tile>.text a{color:#fff}
+.online-count,.user,.clear,.notice-board,.share,.article-relative{width:188px}
+.translate,.register,.logout,.prev,.prev-disabled{margin-left:10px}
+.translate{background-color:#2e8bcc}
+.login,.settings{background-color:#008641}
+.logout,.register{background-color:#7b4f9d}
+.clear,.next,.prev{background-color:#e61e1e}
+.next-disabled,.prev-disabled{color:#bdbebd;background-color:#ea4040}
+.user{background-color:#393}
+.user img{margin:0 10px 10px 0;height:60px;width:60px}
+.online-count,.share{background-color:#20608e}
+.share div.text{color:#bdbebd;font-size:43px;font-weight:normal;left:128px;line-height:54px;top:5px;width:105px}
+.share .text span:hover{color:#fff}
+.online-count .text,.article-relative .text{font-size:12px;font-weight:normal;left:104px;line-height:19px;text-align:left;top:12px}
+.article-relative .text{left:70px;overflow:hidden;top:10px;white-space:nowrap;width:158px;word-break:keep-all}
+.article-relative .text ul{margin:0}
+.notice-board{background-color:#2e8bcc;overflow:hidden;height:auto}
+.user .text,.notice-board .text{top:36px}
+#goCmt,#goTop{background-color:#141414;bottom:10px;font-size:30px;height:35px;padding:5px 7px;position:fixed;right:30px;width:30px;z-index:10}
+#goCmt{bottom:55px}
+.archives{background-color:#323232;padding:10px;margin:5px 10px 30px 0}
+.archives li{list-style:none;float:left}
+.archives a{background-color:#e61e1e;color:#fff;float:left;margin:10px;padding:10px 15px;white-space:nowrap;transition:all .8s}
+.archives a:hover{background-color:#fff;color:#e61e1e}
+.article-info{position:absolute;right:0;top:0}
+.article-header{background-color:#e61e1e;margin:30px 0;padding:20px 30px;position:relative}
+.article-header h2{color:#fff}
+.article-header .article-date{float:none;margin:0}
+.article-body{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word}
+.main>.article-body{margin-right:10px;margin-top:20px}
+#comments{position:relative}
+#comments>div{margin-bottom:20px;margin-right:10px}
+#comments .article-body{margin:10px 0;width:810px}
+#comments .user-name{color:#e61e1e;font-weight:bold}
+#comments .user-name:hover{color:#ca1b1e}
+.at{font-size:15px;color:#fff;font-weight:bold}
+.comment-main{float:right}
+.comment-body-ref{background-color:#ea4040;left:79px;padding:10px;position:absolute;width:900px;z-index:1}
+.comment-disabled{background-color:#ea4040;color:#fff;margin:0 10px 30px 0;padding:5px 20px}
+.form{width:600px;margin-bottom:30px}
+.form input,.form textarea{height:30px;margin:5px 10px 5px 0;padding:0 5px;transition:all .3s ease-out 0;width:456px}
+.form textarea{width:600px;height:300px;margin:0 0 10px}
+.form button{background-color:#e61e1e;border:0 none;color:#fff;cursor:pointer;font-size:15px;transition:all .3s ease-out 0;padding:10px 50px}
+.tip{color:#ca1b1e}
+#dynamic #comments{background-color:#ea4040;margin-top:5px;padding:25px 15px 15px 25px}
+#dynamic #comments .article-body{width:770px}
+#dynamic .article-relative .text{left:110px}
+#dynamic .footer{margin:20px 0 0;float:left;transition:all .3s ease-out 0}
+.archives-tile,.links-tile,.tags-tile,.most-comment,.most-view{margin-left:0;width:333px;background-color:#008641;margin-bottom:20px;position:static}
+.tags-tile{margin-left:20px;background-color:#393}
+.links-tile{margin-left:20px;background-color:#7b4f9d}
+.tags-tile span,.links-tile span,.archives-tile span,.most-comment span,.most-view span{font-size:60px}
+.tags-tile .text,.links-tile .text,.archives-tile .text,.most-comment .text,.most-view .text{position:static;width:253px}
+.tags-tile a,.links-tile a,.archives-tile a{background-color:#ea4040;color:#d1d2d1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;transition:all .8s ease 0;white-space:nowrap}
+.tags-tile a:hover,.links-tile a:hover,.archives-tile a:hover{background-color:#fff;color:#ea4040}
+.most-comment,.most-view{background-color:#f09609;width:535px;margin:100px 0}
+.most-comment .text,.most-view .text{margin-right:20px;line-height:24px;width:430px}
+.most-comment .text a:hover,.most-view .text a:hover{text-decoration:underline}
+.most-comment .text span,.most-view .text span{color:#d1d2d1;font-size:13px;font-weight:normal}
+.most-view{margin-left:20px;background-color:#2e8bcc}
diff --git a/metro-hot/dynamic.ftl b/metro-hot/dynamic.ftl
new file mode 100644
index 0000000..912f6c8
--- /dev/null
+++ b/metro-hot/dynamic.ftl
@@ -0,0 +1,229 @@
+<#include "macro-head.ftl">
+
+
+
+ <@head title="${blogTitle}">
+
+
+
+
+
+ ${topBarReplacement}
+
+ <#include "header.ftl" />
+
+
+
+ ${author1Label}${authorName}
+
+
+
+ <#include "article-list.ftl"/>
+ <#include "copyright.ftl"/>
+
+ <@side isArticle=false />
+
+
+
+ <#include "footer.ftl"/>
+
+
+
diff --git a/metro-hot/footer.ftl b/metro-hot/footer.ftl
new file mode 100644
index 0000000..f9e9ded
--- /dev/null
+++ b/metro-hot/footer.ftl
@@ -0,0 +1,41 @@
+
+
+
+
+${plugins}
diff --git a/metro-hot/header.ftl b/metro-hot/header.ftl
new file mode 100644
index 0000000..37d6e08
--- /dev/null
+++ b/metro-hot/header.ftl
@@ -0,0 +1,37 @@
+
+ <#include "header.ftl" />
+
+
+
+
+ ${blogSubtitle}
+
+
+
+
+ <#if 0 != recentComments?size>
+
+
+ <#list recentComments as comment>
+ <#if comment_index < 6>
+
+
+
+ 
+
+
+
+
+
+
+ <#if "http://" == comment.commentURL>
+ ${comment.commentName}
+ <#else>
+ ${comment.commentName}
+
+
+
+ ${comment.commentDate?string("yy-MM-dd HH:mm")}
+
+ ${comment.commentContent}
+
+
+
+
+
+ <#if "" != noticeBoard>
+
+
+
+
+
+
+
+
+
+ ${noticeBoard}
+
+
+ ${noticeBoardLabel}
+
+
+ ${atomLabel}
+
+
+
+
+
+
+
+ <#include "copyright.ftl">
+
+ ${viewCount1Label}
+ ${statistic.statisticBlogViewCount}
+ ${articleCount1Label} + ${statistic.statisticPublishedBlogArticleCount}
+ ${commentCount1Label} + ${statistic.statisticPublishedBlogCommentCount}
+
+ + ${articleCount1Label} + ${statistic.statisticPublishedBlogArticleCount}
+ ${commentCount1Label} + ${statistic.statisticPublishedBlogCommentCount}
+
+ <#if 0 != mostCommentArticles?size>
+
+
+
+
+
+
+
+ <#if 0 != mostViewCountArticles?size>
+
+
+
+
+ ${mostCommentArticlesLabel}
+
+
+
+ -
+ <#list mostCommentArticles as article>
+
- + + ${article.articleTitle} + + + ${article.articleCommentCount} + + + +
+
+
+
+
+
+
+ ${mostViewCountArticlesLabel}
+
+
+
+ -
+ <#list mostViewCountArticles as article>
+
- + + ${article.articleTitle} + + + ${article.articleViewCount} + + + +
+ <#if 0 != archiveDates?size>
+
+
+
+
+
+ <#if 0 != links?size>
+
+
+
+
+ ${dateArticlesLabel}
+
+
+ <#list archiveDates as archiveDate>
+ <#if "en" == localeString?substring(0, 2)>
+
+ ${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})
+ <#else>
+
+ ${archiveDate.archiveDateYear?substring(2,4)}${yearLabel}${archiveDate.archiveDateMonth}${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})
+
+
+
+
+
+
+
+ <#if 0 != mostUsedTags?size>
+
+
+
+
+
+
+ ${linkLabel}
+
+
+ <#list links as link>
+
+
+ ${link.linkTitle}
+
+
+
+
+
\ No newline at end of file
diff --git a/metro-hot/images/ajax-loader.gif b/metro-hot/images/ajax-loader.gif
new file mode 100644
index 0000000..02ffcbc
Binary files /dev/null and b/metro-hot/images/ajax-loader.gif differ
diff --git a/metro-hot/images/emotions/em00.png b/metro-hot/images/emotions/em00.png
new file mode 100644
index 0000000..2420609
Binary files /dev/null and b/metro-hot/images/emotions/em00.png differ
diff --git a/metro-hot/images/emotions/em01.png b/metro-hot/images/emotions/em01.png
new file mode 100644
index 0000000..bddbe24
Binary files /dev/null and b/metro-hot/images/emotions/em01.png differ
diff --git a/metro-hot/images/emotions/em02.png b/metro-hot/images/emotions/em02.png
new file mode 100644
index 0000000..39051f3
Binary files /dev/null and b/metro-hot/images/emotions/em02.png differ
diff --git a/metro-hot/images/emotions/em03.png b/metro-hot/images/emotions/em03.png
new file mode 100644
index 0000000..8cf9113
Binary files /dev/null and b/metro-hot/images/emotions/em03.png differ
diff --git a/metro-hot/images/emotions/em04.png b/metro-hot/images/emotions/em04.png
new file mode 100644
index 0000000..fb061a8
Binary files /dev/null and b/metro-hot/images/emotions/em04.png differ
diff --git a/metro-hot/images/emotions/em05.png b/metro-hot/images/emotions/em05.png
new file mode 100644
index 0000000..83d82b4
Binary files /dev/null and b/metro-hot/images/emotions/em05.png differ
diff --git a/metro-hot/images/emotions/em06.png b/metro-hot/images/emotions/em06.png
new file mode 100644
index 0000000..20d66f0
Binary files /dev/null and b/metro-hot/images/emotions/em06.png differ
diff --git a/metro-hot/images/emotions/em07.png b/metro-hot/images/emotions/em07.png
new file mode 100644
index 0000000..dcda19c
Binary files /dev/null and b/metro-hot/images/emotions/em07.png differ
diff --git a/metro-hot/images/emotions/em08.png b/metro-hot/images/emotions/em08.png
new file mode 100644
index 0000000..676df26
Binary files /dev/null and b/metro-hot/images/emotions/em08.png differ
diff --git a/metro-hot/images/emotions/em09.png b/metro-hot/images/emotions/em09.png
new file mode 100644
index 0000000..94f4605
Binary files /dev/null and b/metro-hot/images/emotions/em09.png differ
diff --git a/metro-hot/images/emotions/em10.png b/metro-hot/images/emotions/em10.png
new file mode 100644
index 0000000..11f9f4c
Binary files /dev/null and b/metro-hot/images/emotions/em10.png differ
diff --git a/metro-hot/images/emotions/em11.png b/metro-hot/images/emotions/em11.png
new file mode 100644
index 0000000..9979744
Binary files /dev/null and b/metro-hot/images/emotions/em11.png differ
diff --git a/metro-hot/images/emotions/em12.png b/metro-hot/images/emotions/em12.png
new file mode 100644
index 0000000..0c9d57f
Binary files /dev/null and b/metro-hot/images/emotions/em12.png differ
diff --git a/metro-hot/images/emotions/em13.png b/metro-hot/images/emotions/em13.png
new file mode 100644
index 0000000..5279d49
Binary files /dev/null and b/metro-hot/images/emotions/em13.png differ
diff --git a/metro-hot/images/emotions/em14.png b/metro-hot/images/emotions/em14.png
new file mode 100644
index 0000000..7594861
Binary files /dev/null and b/metro-hot/images/emotions/em14.png differ
diff --git a/metro-hot/images/emotions/emotions-black.png b/metro-hot/images/emotions/emotions-black.png
new file mode 100644
index 0000000..3e67ef9
Binary files /dev/null and b/metro-hot/images/emotions/emotions-black.png differ
diff --git a/metro-hot/images/icons.png b/metro-hot/images/icons.png
new file mode 100644
index 0000000..b11023a
Binary files /dev/null and b/metro-hot/images/icons.png differ
diff --git a/metro-hot/index.ftl b/metro-hot/index.ftl
new file mode 100644
index 0000000..4297972
--- /dev/null
+++ b/metro-hot/index.ftl
@@ -0,0 +1,50 @@
+<#include "macro-head.ftl">
+<#include "macro-side.ftl">
+
+
+
+ <@head title="${blogTitle}">
+
+
+
+
+
+ ${topBarReplacement}
+ + + ${blogTitle} + + +
+ + +
+
+
+ <#include "footer.ftl"/>
+
+
diff --git a/metro-hot/js/metro-hot.js b/metro-hot/js/metro-hot.js
new file mode 100644
index 0000000..68fdbcf
--- /dev/null
+++ b/metro-hot/js/metro-hot.js
@@ -0,0 +1,305 @@
+/*
+ * Copyright (c) 2009, 2010, 2011, 2012, 2013, 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 metro-hot js.
+ *
+ * @author Liyuan Li
+ * @version 1.0.0.9, Jul 31, 2013
+ */
+
+var MetroHot = {
+ headerH: $("#header").height() + 30 + ($("#header > div").get(1) ? 30 : 0),
+ responsiveType: "large",
+ goTranslate: function() {
+ window.open("http://translate.google.com/translate?sl=auto&tl=auto&u=" + location.href);
+ },
+ init: function() {
+ // logout
+ var logoutHref = "";
+ $("#admin a").each(function() {
+ if ($(this).attr("href").indexOf("/logout?goto=") > -1) {
+ logoutHref = $(this).attr("href");
+ }
+ });
+ $("#logout, .logout").attr("href", logoutHref);
+
+ // 头部标题点击事件
+ $(".header .title").click(function() {
+ $(".navigation").slideToggle();
+ }).dblclick(function() {
+ window.location.href = latkeConfig.servePath;
+ });
+
+ // 当先用户在线数目
+ var onlineVisitorCnt = $("#top > span").first().text();
+ $(".online-count .text").append(onlineVisitorCnt.substr(1, onlineVisitorCnt.length));
+
+ // 登录与否的显示设置
+ var isLogin = $("#admin").data("login");
+ if (isLogin) {
+ $(".user .text").html($("#admin > span").text());
+ $(".login, .register, #login, #register, .logout, .settings").hide();
+ } else {
+ $(".login, .register, .user, .clear, .logout, .settings, #logout, #settings").hide();
+ }
+
+ if ($("#dynamic").length === 1) {
+ // 滚动处理
+ $(window).scroll(function() {
+ var y = $(window).scrollTop();
+ if (y > MetroHot.headerH) {
+ $("#goTop").fadeIn("slow");
+ } else {
+ $("#goTop").hide();
+ }
+ }).click(function(event) {
+ if (event.target.className === "title" || event.target.parentElement.className === "title") {
+ return;
+ }
+ $(".navigation").slideUp();
+ });
+
+ $("body").css("min-height", "inherit");
+ return;
+ }
+
+ // 侧边栏点击事件
+ $("#login, .login").attr("href", $("#admin > a").first().attr("href"));
+
+ // 滚动处理
+ $(window).scroll(function() {
+ var y = $(window).scrollTop();
+ if (y > MetroHot.headerH) {
+ if (isLogin) {
+ $(".logout, .settings").show();
+ } else {
+ $(".login, .register").show();
+ }
+ } else {
+ if (isLogin) {
+ $(".logout, .settings").hide();
+ } else {
+ $(".login, .register").hide();
+ }
+ }
+
+ if (y > MetroHot.headerH) {
+ $("#goTop").fadeIn("slow");
+ } else {
+ $("#goTop").hide();
+ }
+
+ if ($(".side > div").height() < 620) {
+ if (y > MetroHot.headerH) {
+ $(".side > div").css({
+ "position": "fixed",
+ "top": "0px",
+ "width": "240px"
+ });
+ } else {
+ $(".side > div").css("position", "static");
+ }
+ } else {
+ if (y + Util.getWinHeight() > $(".side > div").height() + MetroHot.headerH) {
+ $(".side > div").css({
+ "position": "fixed",
+ "top": "auto",
+ "bottom": "10px",
+ "width": "240px"
+ });
+ } else {
+ $(".side > div").css("position", "static");
+ }
+ }
+ }).click(function(event) {
+ if (event.target.className === "title" || event.target.parentElement.className === "title") {
+ return;
+ }
+ $(".navigation").slideUp();
+ }).resize(function() {
+ var windowW = window.innerWidth,
+ type = "large";
+ if (windowW > 460 && windowW <= 860) {
+ type = "mid";
+ } else if (window < 460) {
+ type = "small";
+ }
+ if (MetroHot.responsiveType !== type) {
+ $(window).scroll();
+ MetroHot.responsiveType === type;
+ }
+ });
+
+ $(window).scroll();
+ },
+ initArticleList: function() {
+ $(".article-list .article-abstract").each(function() {
+ var $it = $(this);
+ var $images = $it.find("img");
+ if ($images.length > 0) {
+ $it.addClass("article-image");
+ $images.hide();
+
+ $it.before("
+ <#include "header.ftl" />
+
+
+
+ ${blogSubtitle}
+ <#if 0 != paginationPageCount> +
+ <#if 1 != paginationPageNums?first>
+ <
+
+ <#list paginationPageNums as paginationPageNum>
+ <#if paginationPageNum == paginationCurrentPageNum>
+ ${paginationPageNum}
+ <#else>
+ ${paginationPageNum}
+
+
+ <#if paginationPageNums?last != paginationPageCount>
+ >
+
+
+
+
+
+
+ <#include "article-list.ftl"/>
+ <#include "copyright.ftl"/>
+
+ <@side isArticle=false />
+ - " + listHtml + "
- "
+ + listHtml + "
- " + listHtml + "
- "+listHtml+"
- "+listHtml+"
- "+listHtml+"
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/metro-hot/lang/lang_zh_CN.properties b/metro-hot/lang/lang_zh_CN.properties new file mode 100644 index 0000000..1662bd6 --- /dev/null +++ b/metro-hot/lang/lang_zh_CN.properties @@ -0,0 +1,98 @@ +# +# 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.3, Jul 9, 2013 +# Author: Liyuan Li +# +registerLabel=\u6ce8\u518c +clearCachePageLabel=\u6e05\u9664\u7f13\u5b58 +translateLabel=\u7ffb\u8bd1 +nextArticleLabel=\u65b0\u4e00\u7bc7 +previousArticleLabel=\u65e7\u4e00\u7bc7 +newestArticleLabel=\u6700\u65b0\u4e00\u7bc7 +lastArticleLabel=\u6700\u540e\u4e00\u7bc7 +shareLabel=\u5206\u4eab + +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 + +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 + +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- \u706b\u72d0
- \u8c37\u6b4c\u6d4f\u89c8\u5668
- IE8 / IE9
- \u9068\u6e38\u6216\u8005\u5176\u5b83\u6d4f\u89c8\u5668.
+
+
+ <#include "footer.ftl"/>
+
+
diff --git a/metro-hot/macro-comments.ftl b/metro-hot/macro-comments.ftl
new file mode 100644
index 0000000..af8ac8f
--- /dev/null
+++ b/metro-hot/macro-comments.ftl
@@ -0,0 +1,178 @@
+<#macro comments commentList article>
+<#if article.commentable>
+
+ <#include "header.ftl" />
+
+
+
+ ${linkLabel}
+
+
+
+ <#if 0 != links?size>
+
+ <@side isArticle=false />
+ -
+ <#list links as link>
+
-
+
+
+ ${link.linkTitle} + +
+
+
+
+
+${postCommentsLabel}
+| + + + | +|
| + + + | +|
| + + + | +|
| + + + + + + + + + + + + + + + + + | +|
| + + | +|
|
+
+ |
+ |
| + + | ++ + | +
+
+
+
+<#if commentList?size == 0>
+${notAllowCommentLabel}
+
+
+
+<#else>
+${noCommentLabel}
+
+
+${commentLabel}
+
+ <#list commentList as comment>
+
+
+
+
+
+
+<#macro comment_script oId>
+
+
+
\ No newline at end of file
diff --git a/metro-hot/macro-head.ftl b/metro-hot/macro-head.ftl
new file mode 100644
index 0000000..944ecf3
--- /dev/null
+++ b/metro-hot/macro-head.ftl
@@ -0,0 +1,16 @@
+<#macro head title>
+
+
+
+
+
+
+
+
+ <#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")}
+
+ ${comment.commentContent}
+
+
+
\ No newline at end of file
diff --git a/metro-hot/page.ftl b/metro-hot/page.ftl
new file mode 100644
index 0000000..a120cad
--- /dev/null
+++ b/metro-hot/page.ftl
@@ -0,0 +1,42 @@
+<#include "macro-head.ftl">
+<#include "macro-side.ftl">
+<#include "macro-comments.ftl">
+
+
+
+ <@head title="${page.pageTitle} - ${blogTitle}">
+
+
+
+
+
+ ${topBarReplacement}
+
+ <#if !isArticle>
+
+
+ <#if "" != noticeBoard>
+
+
+
+
+
+
+
+ ${noticeBoard}
+
+
+ ${noticeBoardLabel}
+
+
+
+
+
+
+
+
+
+ ${viewCount1Label}
+ ${statistic.statisticBlogViewCount}
+ ${articleCount1Label} + ${statistic.statisticPublishedBlogArticleCount}
+ ${commentCount1Label} + ${statistic.statisticPublishedBlogCommentCount}
+
+ + ${articleCount1Label} + ${statistic.statisticPublishedBlogArticleCount}
+ ${commentCount1Label} + ${statistic.statisticPublishedBlogCommentCount}
+
+ ${atomLabel}
+
+
+
+
+
+
+ ${translateLabel}
+
+
+
+ <#if isArticle>
+
+
+ <#if relevantArticlesDisplayCount??>
+ <#if nextArticlePermalink??>
+
+
+
+ ${nextArticleLabel}
+
+
+ <#else>
+
+
+
+ <#if previousArticlePermalink??>
+
+
+
+ ${previousArticleLabel}
+
+
+ <#else>
+
+
+
+
+
+ <#if 0 != relevantArticlesDisplayCount>
+
+ ${lastArticleLabel}
+
+
+
+
+
+
+ <#if 0 != randomArticlesDisplayCount>
+
+ ${relevantArticlesLabel}
+
+
+
+
+
+
+
+
+ <#if externalRelevantArticlesDisplayCount?? && 0 != externalRelevantArticlesDisplayCount>
+
+ ${randomArticlesLabel}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ${externalRelevantArticlesLabel}
+
+
+
+
+ ${loginLabel}
+
+
+
+
+
+
+ ${registerLabel}
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ${clearCachePageLabel}
+
+
+
+ ${adminLabel}
+
+
+
+
+
+
+ ${logoutLabel}
+
+
+
+
+ <#include "footer.ftl">
+ <@comment_script oId=page.oId>
+
+
diff --git a/metro-hot/preview.png b/metro-hot/preview.png
new file mode 100644
index 0000000..c6f47e5
Binary files /dev/null and b/metro-hot/preview.png differ
diff --git a/metro-hot/skin.properties b/metro-hot/skin.properties
new file mode 100644
index 0000000..5174cca
--- /dev/null
+++ b/metro-hot/skin.properties
@@ -0,0 +1,26 @@
+#
+# Copyright (C) 2009, 2010, 2011, B3log Team
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+#
+# Description: metro-hot skin.
+# Version: 1.0.0.1, Jul 4, 2013
+# Author: Liyuan Li
+#
+
+name=metro-hot
+version=1.0.1
+forSolo=0.6.1
+memo=metro-hot
diff --git a/metro-hot/tag-articles.ftl b/metro-hot/tag-articles.ftl
new file mode 100644
index 0000000..d55bd40
--- /dev/null
+++ b/metro-hot/tag-articles.ftl
@@ -0,0 +1,55 @@
+<#include "macro-head.ftl">
+<#include "macro-side.ftl">
+
+
+
+ <@head title="${tag.tagTitle} - ${blogTitle}">
+
+
+
+
+
+ ${topBarReplacement}
+
+ <#include "header.ftl">
+
+
+
+ ${blogSubtitle}
+ + +
+
+
+
+ <@side isArticle=true />
+
+ ${page.pageContent}
+
+ <@comments commentList=pageComments article=page>
+ <#include "copyright.ftl"/>
+
+
+
+ <#include "footer.ftl"/>
+
+
diff --git a/metro-hot/tags.ftl b/metro-hot/tags.ftl
new file mode 100644
index 0000000..997afba
--- /dev/null
+++ b/metro-hot/tags.ftl
@@ -0,0 +1,41 @@
+<#include "macro-head.ftl">
+<#include "macro-side.ftl">
+
+
+
+ <@head title="${allTagsLabel} - ${blogTitle}">
+
+
+
+
+
+ ${topBarReplacement}
+
+ <#include "header.ftl" />
+
+
+
+ + + ${tag1Label} + ${tag.tagTitle} + (${tag.tagPublishedRefCount}) + +
+ <#if 0 != paginationPageCount> +
+ <#if 1 != paginationPageNums?first>
+ <
+
+ <#list paginationPageNums as paginationPageNum>
+ <#if paginationPageNum == paginationCurrentPageNum>
+ ${paginationPageNum}
+ <#else>
+ ${paginationPageNum}
+
+
+ <#if paginationPageNums?last != paginationPageCount>
+ >
+
+
+
+
+
+
+ <#include "article-list.ftl"/>
+ <#include "copyright.ftl"/>
+
+ <@side isArticle=false />
+
+
+
+ <#include "footer.ftl"/>
+
+
diff --git a/mobile/header.ftl b/mobile/header.ftl
index fd2ed99..9b6dba8 100644
--- a/mobile/header.ftl
+++ b/mobile/header.ftl
@@ -17,7 +17,7 @@
-
+
+ <#include "header.ftl" />
+
+
+
+ ${allTagsLabel}
+
+
+
+
+ <#include "copyright.ftl"/>
+
+ <@side isArticle=false />
+ 
diff --git a/mobile/js/l10n.js b/mobile/js/l10n.js
index db2e814..79b78b2 100644
--- a/mobile/js/l10n.js
+++ b/mobile/js/l10n.js
@@ -1 +1,16 @@
+/*
+ * Copyright (c) 2009, 2010, 2011, 2012, 2013, 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.
+ */
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/mobile/skin.properties b/mobile/skin.properties
index d835074..4b21542 100644
--- a/mobile/skin.properties
+++ b/mobile/skin.properties
@@ -22,5 +22,5 @@
name=Mobile
version=0.1.5
-forSolo=0.6.0
+forSolo=0.6.1
memo=\u8bf7\u4e0d\u8981\u4ece\u90e8\u7f72\u76ee\u5f55\u4e2d\u5220\u9664\u8be5\u76ae\u80a4\uff0c\u5426\u5219\u79fb\u52a8\u8bbe\u5907\u8bbf\u95ee\u65f6\u535a\u5ba2\u5c06\u4e0d\u53ef\u7528\u3002
diff --git a/neoease/css/neoease.css b/neoease/css/neoease.css
index e6ec093..33ff6d9 100644
--- a/neoease/css/neoease.css
+++ b/neoease/css/neoease.css
@@ -1,3 +1,18 @@
+/**
+ * Copyright (c) 2009, 2010, 2011, 2012, 2013, 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 neoease style
*
diff --git a/neoease/css/neoease.min.css b/neoease/css/neoease.min.css
index 6479091..0387fb8 100644
--- a/neoease/css/neoease.min.css
+++ b/neoease/css/neoease.min.css
@@ -1,155 +1,155 @@
-html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
-::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;}
-a:link{outline:none;color:#21759B;text-decoration:none;}
-a:visited{color:#555777;}
-a:hover{color:#D54E21;}
-a:active{color:#333;}
-img{vertical-align:middle;border:0;}
-textarea,input{outline: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;}
-.logo{padding:0 5px;text-shadow:0 0 1px #EEE;}
-.tip{color:#D54E21;font-size:11px;}
-.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../neoease/images/emotions/emotions-black.png");float:left;height:24px;margin-right:5px;width:24px;}
-.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;}
-.em-span{line-height:24px;float:left;}
-.em-br{line-height:24px;}
-.date-ico,.tag-ico,.user-ico,.expand-ico,.collapse-ico,#search,.translate-ico,.feed-ico{background-image:url("../../neoease/images/icons.png");}
-.feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px;}
-.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #999;border-radius:3px 3px 3px 3px;cursor:pointer;float:right;height:16px;margin:6px 0 0 18px;padding:1px;width:16px;}
-.translate-ico:hover{border-color:#D54E21;box-shadow:0 0 1px #999;background-color:#F2F2F2;}
-.expand-ico,.collapse-ico{background-position:54px -84px;cursor:pointer;height:16px;background-repeat:no-repeat;}
-.collapse-ico{background-position:54px -69px;}
-.date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;display:block;padding-left:20px;}
-.tag-ico{margin:6px 6px 0 0;}
-.date-ico{float:left;background-position:0 -16px;}
-.user-ico{background-position:0 -32px;float:left;margin-left:12px;}
-.wrapper{margin:0 auto;width:960px;}
-.body{border-top:2px solid #DDD;}
-.main{float:left;margin:16px 0 50px;overflow:hidden;width:667px;}
-.header{background:url("../../neoease/images/icons.png") repeat-x scroll 0 -220px #f2f2f2;padding:20px 0;}
-.header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:normal;}
-.header .sub-title{color:#242424;font-size:11px;}
-#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #DDD;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1) inset;color:#888;float:right;font-size:14px;height:20px;line-height:145%;padding:3px 10px 3px 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{background-color:#F9F9F9;width:196px;}
-.nav{background-color:#E9E9E9;border-bottom:1px solid #CCCCCC;}
-.nav ul{list-style:none;float:left;}
-.nav li{float:left;}
-.nav a{color:#666666;display:block;float:left;font-size:14px;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #EEE;}
-.nav a:hover{color:#D54E21;background-color:#DDD;}
-.nav .current{background-color:#DDD;margin:-1px 0;padding-right:2px;}
-.nav .current a{background-color:#F9F9F9;border-color:#CCCCCC #CCCCCC #F9F9F9;border-style:solid;border-width:1px 1px 3px;font-weight:700;height:33px;line-height:33px;margin:-2px 0 -3px;color:#333;text-shadow:1px 1px 1px #C6D9E9;}
-.nav img{margin-left:3px;}
-.nav .right{line-height:29px;}
-.footer{background-color:#E9E9E9;border-top:3px solid #DDD;color:#999;font-size:11px;padding:12px 0;}
-.footer a{color:#787878;}
-.footer a:hover{color:#D54E21;}
-#goTop{background:url("../../neoease/images/icons.png") no-repeat scroll 5px -51px #dddddd;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none;}
-#goTop:hover{background-color:#EAEAEA;}
-.side{float:right;overflow:hidden;width:278px;margin-bottom:50px;}
-.side>div{border-bottom:1px solid #DEDEDE;padding:10px 5px 15px;}
-.side h4{font-size:14px;line-height:32px;}
-.side ul{list-style:none;}
-#archiveSide{list-style:square outside none;margin-left:18px;}
-#archiveSide .archive-year{color:#D54E21;font-weight:bold;height:18px;line-height:18px;list-style:none;}
-.side a{line-height:18px;color:#21759B;}
-.side a:hover{text-decoration:underline;}
-.side sup{color:#333;}
-.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px;}
-.side .side-li a{white-space:nowrap;}
-.recent-comments li>img{background-color:#FFF;border:1px solid #999;padding:1px;width:32px;height:32px;margin-top:1px;}
-.recent-comments-main{float:left;margin:0 0 9px 3px;width:229px;}
-.recent-comments-main .expand-ico,.recent-comments-main .collapse-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0);}
-.recent-comments li:hover .expand-ico,.recent-comments li:hover .collapse-ico{opacity:1;filter:alpha(opacity=100);}
-.recent-comments-main .collapse-ico{background-position:0 -70px;}
-.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
-.recent-comments-content img{width:16px;}
-.recent-comments-content a{color:#555777;}
-.recent-comments-content a:hover{text-decoration:none;}
-.article{border-bottom:1px solid #CCC;padding:0 5px 10px;margin-top:20px;}
-.article-element{font-size:11px;line-height:16px;margin:12px 0;}
-.article-element a{border-bottom:1px solid #DFDFDF;color:#555;text-decoration:none;padding-bottom:1px;}
-.article-element a:hover{color:#D54E21;border-bottom-color:#D54E21;}
-.article-title{color:#21759B;font-size:20px;font-weight:normal;}
-.article-title:hover{color:#D54E21;}
-.article .expand-ico,.article .collapse-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px;}
-.article .collapse-ico{background-position:0 -70px;}
-.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;}
-.article-body h1{font-size:2em;margin:.67em 0;}
-.article-body h2{font-size:1.5em;margin:.75em 0;}
-.article-body h3{font-size:1.17em;margin:.83em 0;}
-.article-body h4{margin:1.12em 0;}
-.article-body h4{font-size:.83em;margin:1.5em 0;}
-.article-body h6{font-size:.75em;margin:1.67em 0;}
-.article-body ol,.article-body ul{margin-left:40px;}
-.article-body a{border-bottom:1px solid #DFDFDF;}
-.article-body a:hover{color:#D54E21;border-bottom:1px solid #D54E21;}
-.article-body p{line-height:18px;}
-.pagination{margin-top:30px;line-height:21px;}
-.pagination a{border:1px solid #C5C3C2;font-size:10px;margin:2px;padding:1px 5px ;text-decoration:none;background-color:#F2F2F2;}
-.pagination a.current{background-color:#FFF;font-weight:bold;padding:2px 6px;color:#000;}
-.pagination a:hover{background-color:#F3DEDD;color:#D54E21;border:1px solid #D54E21;}
-.page{margin-top:20px;padding:0 5px 5px;}
-.article-panel1{background-color:#F2F2F2;padding:5px 10px;}
-.article-panel2{background-color:#FFF;margin-top:12px;padding:5px 10px;}
-.article-panel2 ul{line-height:18px;list-style:square outside none;margin-left:18px;}
-.share{border-bottom:1px solid #DEDEDE;margin-top:15px;}
-.share-comment{background-color:#DDD;border-radius:2px 2px 0 0;float:right;font-size:11px;height:21px;line-height:21px;margin-right:16px;padding:0 10px;}
-.share-comment:hover{background-color:#EAEAEA;}
-#comments{position:relative;}
-#comments>div{border-bottom:1px solid #DEDEDE;padding:10px;width:647px;}
-#comments .comment-panel>.right{-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0);}
-#comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100);}
-.comment-even{background-color:#F8F8F8;}
-.comment-odd{background-color:#F5F5F5;}
-.comment-header{height:50px;width:50px;float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:1px;}
-.comment-panel{float:left;margin:0 10px;width:573px;line-height:16px;}
-.comment-panel .article-body{margin-top:5px;}
-#comments .comment-body-ref{border-bottom:0;background-color:#FFF;border-radius:5px 5px 5px 5px;left:73px;position:absolute;box-shadow:1px 0 3px #DEDEDE;width:560px;}
-.comment-body-ref .comment-panel{width:486px;}
-.comment-body-ref .arrow{border-color:#F5F5F5 #FFF #F5F5F5 #F5F5F5;border-style:solid;border-width:6px 8px 10px 0;display:block;left:-8px;position:absolute;top:5px;}
-.form{margin:10px;}
-.form img{cursor:pointer;}
-.form h4{margin:10px 0 5px 5px;}
-.form th{text-align:right;white-space:nowrap;}
-.form input[type="text"],.form input[type="password"],.form textarea{border-color:silver #D9D9D9 #D9D9D9;border-style:solid;border-width:1px;font-family:"Lucida Grande",Verdana,'微软雅黑';font-size:12px;outline:medium none;padding:0 3px;}
-.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;}
-.form textarea{overflow:auto;resize:vertical;padding:3px;width:634px;}
-.form input{height:24px;line-height:16px;width:260px;}
-.form button{background-color:#B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-style:solid;border-width:1px;color:#2970A6;height:28px;line-height:28px;padding:0 12px;}
-.form button:hover{background-color:#98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;}
-#tags li{float:left;list-style:none;height:38px;}
-#tags a:hover{text-shadow:0 0 2px;}
-#tags a{border-radius:3px 3px 3px 3px;box-shadow:1px 1px 3px #333;float:left;margin:3px 6px;padding:3px 12px;}
-#tagsSide li a{float:left;line-height:145%;margin-right:7px;white-space:nowrap;}
-.tags1{font-size:12px;color:#A1A1A1;}
-.tags2{font-size:14px;color:#687F95;}
-.tags3{font-size:16px;color:#4C6E90;}
-.tags4{font-size:18px;color:#258;}
-.tags5{font-size:20px;}
-#tagsSide .tags2{font-size:14px;}
-#tagsSide .tags3{font-size:16px;}
-#tagsSide .tags4{font-size:18px;}
-#tagsSide .tags5{font-size:20px;}
-.main>h2{margin-top:16px;}
-.error{background-image:url("../../neoease/images/404.png");float:left;height:536px;margin:50px 80px;position:relative;width:363px;}
-.error h2{left:-68px;position:absolute;top:-20px;}
-.error a{background-color:#9CD941;border:265px none;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px;}
-.error a:hover{background-color:#ADEb51;}
+html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
+::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}
+a:link{outline:none;color:#21759b;text-decoration:none}
+a:visited{color:#555777}
+a:hover{color:#d54e21}
+a:active{color:#333}
+img{vertical-align:middle;border:0}
+textarea,input{outline: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}
+.logo{padding:0 5px;text-shadow:0 0 1px #eee}
+.tip{color:#d54e21;font-size:11px}
+.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../neoease/images/emotions/emotions-black.png");float:left;height:24px;margin-right:5px;width:24px}
+.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}
+.em-span{line-height:24px;float:left}
+.em-br{line-height:24px}
+.date-ico,.tag-ico,.user-ico,.expand-ico,.collapse-ico,#search,.translate-ico,.feed-ico{background-image:url("../../neoease/images/icons.png")}
+.feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px}
+.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #999;border-radius:3px 3px 3px 3px;cursor:pointer;float:right;height:16px;margin:6px 0 0 18px;padding:1px;width:16px}
+.translate-ico:hover{border-color:#d54e21;box-shadow:0 0 1px #999;background-color:#f2f2f2}
+.expand-ico,.collapse-ico{background-position:54px -84px;cursor:pointer;height:16px;background-repeat:no-repeat}
+.collapse-ico{background-position:54px -69px}
+.date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;display:block;padding-left:20px}
+.tag-ico{margin:6px 6px 0 0}
+.date-ico{float:left;background-position:0 -16px}
+.user-ico{background-position:0 -32px;float:left;margin-left:12px}
+.wrapper{margin:0 auto;width:960px}
+.body{border-top:2px solid #ddd}
+.main{float:left;margin:16px 0 50px;overflow:hidden;width:667px}
+.header{background:url("../../neoease/images/icons.png") repeat-x scroll 0 -220px #f2f2f2;padding:20px 0}
+.header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:normal}
+.header .sub-title{color:#242424;font-size:11px}
+#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#fff;border:1px solid #ddd;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#888;float:right;font-size:14px;height:20px;line-height:145%;padding:3px 10px 3px 28px;width:24px;-moz-transition:width .4s ease,background .4s ease;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease}
+#search:focus{background-color:#f9f9f9;width:196px}
+.nav{background-color:#e9e9e9;border-bottom:1px solid #ccc}
+.nav ul{list-style:none;float:left}
+.nav li{float:left}
+.nav a{color:#666;display:block;float:left;font-size:14px;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #eee}
+.nav a:hover{color:#d54e21;background-color:#ddd}
+.nav .current{background-color:#ddd;margin:-1px 0;padding-right:2px}
+.nav .current a{background-color:#f9f9f9;border-color:#ccc #ccc #f9f9f9;border-style:solid;border-width:1px 1px 3px;font-weight:700;height:33px;line-height:33px;margin:-2px 0 -3px;color:#333;text-shadow:1px 1px 1px #c6d9e9}
+.nav img{margin-left:3px}
+.nav .right{line-height:29px}
+.footer{background-color:#e9e9e9;border-top:3px solid #ddd;color:#999;font-size:11px;padding:12px 0}
+.footer a{color:#787878}
+.footer a:hover{color:#d54e21}
+#goTop{background:url("../../neoease/images/icons.png") no-repeat scroll 5px -51px #ddd;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none}
+#goTop:hover{background-color:#eaeaea}
+.side{float:right;overflow:hidden;width:278px;margin-bottom:50px}
+.side>div{border-bottom:1px solid #dedede;padding:10px 5px 15px}
+.side h4{font-size:14px;line-height:32px}
+.side ul{list-style:none}
+#archiveSide{list-style:square outside none;margin-left:18px}
+#archiveSide .archive-year{color:#d54e21;font-weight:bold;height:18px;line-height:18px;list-style:none}
+.side a{line-height:18px;color:#21759b}
+.side a:hover{text-decoration:underline}
+.side sup{color:#333}
+.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px}
+.side .side-li a{white-space:nowrap}
+.recent-comments li>img{background-color:#fff;border:1px solid #999;padding:1px;width:32px;height:32px;margin-top:1px}
+.recent-comments-main{float:left;margin:0 0 9px 3px;width:229px}
+.recent-comments-main .expand-ico,.recent-comments-main .collapse-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)}
+.recent-comments li:hover .expand-ico,.recent-comments li:hover .collapse-ico{opacity:1;filter:alpha(opacity=100)}
+.recent-comments-main .collapse-ico{background-position:0 -70px}
+.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
+.recent-comments-content img{width:16px}
+.recent-comments-content a{color:#555777}
+.recent-comments-content a:hover{text-decoration:none}
+.article{border-bottom:1px solid #ccc;padding:0 5px 10px;margin-top:20px}
+.article-element{font-size:11px;line-height:16px;margin:12px 0}
+.article-element a{border-bottom:1px solid #dfdfdf;color:#555;text-decoration:none;padding-bottom:1px}
+.article-element a:hover{color:#d54e21;border-bottom-color:#d54e21}
+.article-title{color:#21759b;font-size:20px;font-weight:normal}
+.article-title:hover{color:#d54e21}
+.article .expand-ico,.article .collapse-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px}
+.article .collapse-ico{background-position:0 -70px}
+.article-body{line-height:145%;overflow:hidden;word-wrap:break-word}
+.article-body h1{font-size:2em;margin:.67em 0}
+.article-body h2{font-size:1.5em;margin:.75em 0}
+.article-body h3{font-size:1.17em;margin:.83em 0}
+.article-body h4{margin:1.12em 0}
+.article-body h4{font-size:.83em;margin:1.5em 0}
+.article-body h6{font-size:.75em;margin:1.67em 0}
+.article-body ol,.article-body ul{margin-left:40px}
+.article-body a{border-bottom:1px solid #dfdfdf}
+.article-body a:hover{color:#d54e21;border-bottom:1px solid #d54e21}
+.article-body p{line-height:18px}
+.pagination{margin-top:30px;line-height:21px}
+.pagination a{border:1px solid #c5c3c2;font-size:10px;margin:2px;padding:1px 5px;text-decoration:none;background-color:#f2f2f2}
+.pagination a.current{background-color:#fff;font-weight:bold;padding:2px 6px;color:#000}
+.pagination a:hover{background-color:#f3dedd;color:#d54e21;border:1px solid #d54e21}
+.page{margin-top:20px;padding:0 5px 5px}
+.article-panel1{background-color:#f2f2f2;padding:5px 10px}
+.article-panel2{background-color:#fff;margin-top:12px;padding:5px 10px}
+.article-panel2 ul{line-height:18px;list-style:square outside none;margin-left:18px}
+.share{border-bottom:1px solid #dedede;margin-top:15px}
+.share-comment{background-color:#ddd;border-radius:2px 2px 0 0;float:right;font-size:11px;height:21px;line-height:21px;margin-right:16px;padding:0 10px}
+.share-comment:hover{background-color:#eaeaea}
+#comments{position:relative}
+#comments>div{border-bottom:1px solid #dedede;padding:10px;width:647px}
+#comments .comment-panel>.right{-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)}
+#comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100)}
+.comment-even{background-color:#f8f8f8}
+.comment-odd{background-color:#f5f5f5}
+.comment-header{height:50px;width:50px;float:left;background-color:#fff;border:1px solid #dedede;padding:1px}
+.comment-panel{float:left;margin:0 10px;width:573px;line-height:16px}
+.comment-panel .article-body{margin-top:5px}
+#comments .comment-body-ref{border-bottom:0;background-color:#fff;border-radius:5px 5px 5px 5px;left:73px;position:absolute;box-shadow:1px 0 3px #dedede;width:560px}
+.comment-body-ref .comment-panel{width:486px}
+.comment-body-ref .arrow{border-color:#f5f5f5 #fff #f5f5f5 #f5f5f5;border-style:solid;border-width:6px 8px 10px 0;display:block;left:-8px;position:absolute;top:5px}
+.form{margin:10px}
+.form img{cursor:pointer}
+.form h4{margin:10px 0 5px 5px}
+.form th{text-align:right;white-space:nowrap}
+.form input[type="text"],.form input[type="password"],.form textarea{border-color:#c0c0c0 #d9d9d9 #d9d9d9;border-style:solid;border-width:1px;font-family:"Lucida Grande",Verdana,'微软雅黑';font-size:12px;outline:medium none;padding:0 3px}
+.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0,0,0,0.3) inset}
+.form textarea{overflow:auto;resize:vertical;padding:3px;width:634px}
+.form input{height:24px;line-height:16px;width:260px}
+.form button{background-color:#b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-style:solid;border-width:1px;color:#2970a6;height:28px;line-height:28px;padding:0 12px}
+.form button:hover{background-color:#98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e}
+#tags li{float:left;list-style:none;height:38px}
+#tags a:hover{text-shadow:0 0 2px}
+#tags a{border-radius:3px 3px 3px 3px;box-shadow:1px 1px 3px #333;float:left;margin:3px 6px;padding:3px 12px}
+#tagsSide li a{float:left;line-height:145%;margin-right:7px;white-space:nowrap}
+.tags1{font-size:12px;color:#a1a1a1}
+.tags2{font-size:14px;color:#687f95}
+.tags3{font-size:16px;color:#4c6e90}
+.tags4{font-size:18px;color:#258}
+.tags5{font-size:20px}
+#tagsSide .tags2{font-size:14px}
+#tagsSide .tags3{font-size:16px}
+#tagsSide .tags4{font-size:18px}
+#tagsSide .tags5{font-size:20px}
+.main>h2{margin-top:16px}
+.error{background-image:url("../../neoease/images/404.png");float:left;height:536px;margin:50px 80px;position:relative;width:363px}
+.error h2{left:-68px;position:absolute;top:-20px}
+.error a{background-color:#9cd941;border:265px none;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px}
+.error a:hover{background-color:#adeb51}
diff --git a/neoease/header.ftl b/neoease/header.ftl
index 8a563e5..6a2b939 100644
--- a/neoease/header.ftl
+++ b/neoease/header.ftl
@@ -14,7 +14,7 @@
-
+
diff --git a/neoease/js/neoease.js b/neoease/js/neoease.js
index 228b12a..03f003e 100644
--- a/neoease/js/neoease.js
+++ b/neoease/js/neoease.js
@@ -1,3 +1,4 @@
+<<<<<<< HEAD
/*
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
*
@@ -173,4 +174,180 @@ var goTranslate = function () {
});
}
});
+=======
+/*
+ * Copyright (c) 2009, 2010, 2011, 2012, 2013, 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 neoease js.
+ *
+ * @author Liyuan Li
+ * @version 1.0.0.8, Sep 6, 2012
+ */
+var goTop = function (acceleration) {
+ acceleration = acceleration || 0.1;
+
+ var y = $(window).scrollTop();
+ var speed = 1 + acceleration;
+ window.scrollTo(0, Math.floor(y / speed));
+
+ if (y > 0) {
+ var invokeFunction = "goTop(" + acceleration + ")";
+ window.setTimeout(invokeFunction, 16);
+ }
+};
+
+var collapseArchive = function (it, year) {
+ var tag = true;
+ if (it.className === "collapse-ico") {
+ it.className = "expand-ico";
+ tag = false;
+ } else {
+ it.className = "collapse-ico";
+ }
+
+ $("#archiveSide li").each(function () {
+ var $this = $(this);
+ // hide other year month archives
+ if ($this.data("year") === year) {
+ if (tag) {
+ $(this).show();
+ } else {
+ $(this).hide();
+ }
+ }
+ });
+};
+
+var getArticle = function (it, id) {
+ var $abstract = $("#abstract" + id),
+ $content = $("#content" + id);
+
+ if ($content.html() === "") {
+ $.ajax({
+ url: "/get-article-content?id=" + id,
+ type: "GET",
+ dataType: "html",
+ beforeSend: function () {
+ $abstract.css("background",
+ "url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent");
+ },
+ success: function(result, textStatus){
+ it.className = "collapse-ico";
+ $content.html(result);
+ $abstract.hide().css("background", "none");
+ $content.fadeIn("slow");
+ }
+ });
+ } else {
+ if (it.className === "expand-ico") {
+ $abstract.hide();
+ $content.fadeIn();
+ it.className = "collapse-ico";
+ } else {
+ $content.hide();
+ $abstract.fadeIn();
+ it.className = "expand-ico";
+ }
+ }
+
+ return false;
+};
+
+var goTranslate = function () {
+ window.open("http://translate.google.com/translate?sl=auto&tl=auto&u=" + location.href);
+};
+
+(function () {
+ // go top icon show or hide
+ $(window).scroll(function () {
+ var y = $(window).scrollTop();
+
+ if (y > 182) {
+ 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();
+ }
+ });
+
+
+ // archive
+ var currentYear = (new Date()).getFullYear(),
+ year = currentYear;
+ $("#archiveSide li").each(function (i) {
+ var $this = $(this);
+
+ // hide other year month archives
+ if ($this.data("year") !== currentYear) {
+ $(this).hide()
+ }
+
+ // append year archive
+ if (year !== $this.data("year")) {
+ year = $this.data("year");
+ $this.before("'+s+"
"+''+Label.moreLabel+"
";$("#"+r).html(o).css("margin-bottom","50px"),timeline.getNextPage($("#"+r).find(".article-more")[0],i)}},getNextPage:function(e,t){var n=$(e),r=n.data("page")+1,i="/articles/";if($("#tag").length===1){var s=location.pathname.split("/");i="/articles/tags/"+s[s.length-1]+"/"}else if($("#author").length===1){var s=location.pathname.split("/");i="/articles/authors/"+s[s.length-1]+"/"}else t&&(i="/articles/archives/"+t+"/");$.ajax({url:latkeConfig.servePath+i+r,type:"GET",beforeSend:function(){n.css("background","url("+latkeConfig.staticServePath+"/skins/timeline/images/ajax-loader.gif) no-repeat scroll center center #60829F").text("")},success:function(e,t){if(!e.sc){n.css("background","none #60829F").text("Error");return}if(e.rslts.articles.length===0){n.remove();return}var i="",s=e.rslts.pagination;for(var o=0;o'+u.articleTitle+"",u.hasUpdated&&(i+=""+Label.updatedLabel+""),u.articlePutTop&&(i+=""+Label.topArticleLabel+""),i+="
"+u.articleAbstract+"
"+''+s+"
"+''+Label.moreLabel+"
";$("#"+r).html(o).css("margin-bottom","50px"),timeline.getNextPage($("#"+r).find(".article-more")[0],i)}},getNextPage:function(e,t){var n=$(e),r=n.data("page")+1,i="/articles/";if($("#tag").length===1){var s=location.pathname.split("/");i="/articles/tags/"+s[s.length-1]+"/"}else if($("#author").length===1){var s=location.pathname.split("/");i="/articles/authors/"+s[s.length-1]+"/"}else t&&(i="/articles/archives/"+t+"/");$.ajax({url:latkeConfig.servePath+i+r,type:"GET",beforeSend:function(){n.css("background","url("+latkeConfig.staticServePath+"/skins/timeline/images/ajax-loader.gif) no-repeat scroll center center #60829F").text("")},success:function(e,t){if(!e.sc){n.css("background","none #60829F").text("Error");return}if(e.rslts.articles.length===0){n.remove();return}var i="",s=e.rslts.pagination;for(var o=0;o'+u.articleTitle+"",u.hasUpdated&&(i+=""+Label.updatedLabel+""),u.articlePutTop&&(i+=""+Label.topArticleLabel+""),i+="
"+u.articleAbstract+"
"+''+archiveDataTitle+"
"+''+Label.moreLabel+"
";$("#"+archiveDate).html(archiveHTML).css("margin-bottom","50px");timeline.getNextPage($("#"+archiveDate).find(".article-more")[0],archive)}},getNextPage:function(it,archive){var $more=$(it),currentPage=$more.data("page")+1,path="/articles/";if($("#tag").length===1){var pathnames=location.pathname.split("/");path="/articles/tags/"+pathnames[pathnames.length-1]+"/"}else if($("#author").length===1){var pathnames=location.pathname.split("/");path="/articles/authors/"+pathnames[pathnames.length-1]+"/"}else if(archive){path="/articles/archives/"+archive+"/"}$.ajax({url:latkeConfig.servePath+path+currentPage,type:"GET",beforeSend:function(){$more.css("background","url("+latkeConfig.staticServePath+"/skins/timeline/images/ajax-loader.gif) no-repeat scroll center center #60829F").text("")},success:function(result,textStatus){if(!result.sc){$more.css("background","none #60829F").text("Error");return}if(result.rslts.articles.length===0){$more.remove();return}var articlesHTML="",pagination=result.rslts.pagination;for(var i=0;i'+'
"}$more.before(articlesHTML).data("page",currentPage);if(pagination.paginationPageCount<=currentPage){$more.remove()}else{$more.css("background","none #60829F").text(Label.moreLabel)}$(window).resize();$(".module img").imagesLoaded(function(){$(window).resize()})}})},toggleArchives:function(it,year){$(".nav-abs li").each(function(i){var $it=$(this);if(!$it.hasClass("year")){$it.hide();if(year===$it.data("year")&&$(it).hasClass("close")){$it.show()}}});$(".nav-abs li.year").each(function(){if(parseInt($(this).text())===year){if($(it).hasClass("close")){it.className="year open"}else{it.className="year close"}}else{this.className="year close"}})}};!function($,undefined){"use strict";var BLANK="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";$.fn.imagesLoaded=function(callback){var $this=this,deferred=$.isFunction($.Deferred)?$.Deferred():0,hasNotify=$.isFunction(deferred.notify),$images=$this.find("img").add($this.filter("img")),loaded=[],proper=[],broken=[];if($.isPlainObject(callback)){$.each(callback,function(key,value){if(key==="callback"){callback=value}else if(deferred){deferred[key](value)}})}function doneLoading(){var $proper=$(proper),$broken=$(broken);if(deferred){if(broken.length){deferred.reject($images,$proper,$broken)}else{deferred.resolve($images)}}if($.isFunction(callback)){callback.call($this,$images,$proper,$broken)}}function imgLoadedHandler(event){imgLoaded(event.target,event.type==="error")}function imgLoaded(img,isBroken){if(img.src===BLANK||$.inArray(img,loaded)!==-1){return}loaded.push(img);if(isBroken){broken.push(img)}else{proper.push(img)}$.data(img,"imagesLoaded",{isBroken:isBroken,src:img.src});if(hasNotify){deferred.notifyWith($(img),[isBroken,$images,$(proper),$(broken)])}if($images.length===loaded.length){setTimeout(doneLoading);$images.unbind(".imagesLoaded",imgLoadedHandler)}}if(!$images.length){doneLoading()}else{$images.bind("load.imagesLoaded error.imagesLoaded",imgLoadedHandler).each(function(i,el){var src=el.src;var cached=$.data(el,"imagesLoaded");if(cached&&cached.src===src){imgLoaded(el,cached.isBroken);return}if(el.complete&&el.naturalWidth!==undefined){imgLoaded(el,el.naturalWidth===0||el.naturalHeight===0);return}if(el.readyState||el.complete){el.src=BLANK;el.src=src}})}return deferred?deferred.promise($this):$this}}(jQuery);!function(){Util.init();Util.replaceSideEm($(".comments .article-body"));Util.buildTags("tagsSide");timeline.init()}();
+>>>>>>> origin/master
diff --git a/timeline/skin.properties b/timeline/skin.properties
index fee7927..20e0e99 100644
--- a/timeline/skin.properties
+++ b/timeline/skin.properties
@@ -22,6 +22,6 @@
name=timeline
version=1.0.1
-forSolo=0.6.0
+forSolo=0.6.1
memo=\u65f6\u5149\u6d41\u901d
note=\u6b64\u76ae\u80a4\u5ffd\u7565\u66f4\u65b0\u3001\u7f6e\u9876\u6392\u5e8f
diff --git a/toolers/compress.js b/toolers/compress.js
index 220364d..06b99ae 100644
--- a/toolers/compress.js
+++ b/toolers/compress.js
@@ -12,11 +12,11 @@ var getCompressFiles = function (root) {
if (!stat.isDirectory()) {
if (pathname.indexOf("mobile") < 0 && path.basename(pathname).indexOf(".min") < 0) {
- if (path.dirname(pathname).indexOf("css") > -1) {
+ if (path.dirname(pathname).indexOf("css") > -1 && path.extname(pathname) === ".css") {
res.push("css-" + pathname);
}
- if (path.dirname(pathname).indexOf("js") > -1) {
+ if (path.dirname(pathname).indexOf("js") > -1 && path.extname(pathname) === ".js") {
res.push("js-" + pathname);
}
}
diff --git a/tree-house/css/tree-house.css b/tree-house/css/tree-house.css
index 1216a79..be685f6 100644
--- a/tree-house/css/tree-house.css
+++ b/tree-house/css/tree-house.css
@@ -1,3 +1,18 @@
+/**
+ * Copyright (c) 2009, 2010, 2011, 2012, 2013, 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.
+ */
@charset "utf-8";
/*
* skin tree-house style
diff --git a/tree-house/css/tree-house.min.css b/tree-house/css/tree-house.min.css
index 9e058d7..f8bdf2f 100644
--- a/tree-house/css/tree-house.min.css
+++ b/tree-house/css/tree-house.min.css
@@ -1,94 +1,94 @@
@charset "utf-8";
-html{min-width:948px;}
-body{background:url("../images/bg-tree.jpg") repeat-y scroll 50% 0 #7bccff;color:#42423D;min-width:948px;}
-a,a:link,a:visited{color:#FFFFFF;text-decoration:none;}
-a:hover{text-decoration:underline;}
-h5{font-size:12px;}
-.wrapper{background:url("../images/bg-header.jpg") no-repeat scroll 50% 0 transparent;}
-.bg-bottom{background:url("../images/bg-footer2.jpg") no-repeat scroll 50% 100% transparent;}
-.content{margin:0 auto;width:948px;}
-.header{height:476px;width:100%;}
-.header-navi{position:relative;z-index:10;}
-.header-navi ul{list-style:none outside none;margin-top:20px;}
-.header-navi li{float:left;}
-.header-title{color:#FFFFFF;margin-left:146px;padding-top:222px;position:relative;}
-#logoTitle{color:#FFFFFF;font-size:52px;text-decoration:none;}
-.header-title div{color:DimGray;width:300px;}
-.side{margin:0 0 0 -21px;width:256px;}
-.body{min-height:643px;padding-bottom:682px;}
-.main{width:634px;}
-.footer{color:Lavender;padding:12px;text-align:center;}
-.footer a{font-weight:bold;}
-.article{overflow:hidden;width:553px;}
-.article-header sup{color:red;font-size:12px;}
-.article-header h2{color:#242323;font-weight:bold;margin-left:6px;position:relative;}
-.article-header h2 a{color:#242323;display:block;padding:3px 0 4px 10px;text-decoration:none;}
-.article-header h2 a:hover{background-color:#242323;color:#EC0A8B;}
-.article-info{margin:10px 0 0 9px;width:109px;}
-.article-main{margin:10px 0 0 9px;min-height:150px;width:426px;}
-.article-tags{background-color:#EC0A8B;float:left;font-style:normal;height:21px;line-height:21px;margin:0 10px 10px 0;padding:3px 10px;}
-.article-abstract{color:#42423D;line-height:145%;overflow:hidden;padding:6px 10px 12px 0;text-align:justify;word-wrap:break-word;}
-.main .line{background:url("../images/bg-branch.png") no-repeat scroll 0 0 transparent;height:108px;width:575px;}
-.article-date{background-color:#D4F2FB;border:6px solid #A8D3ED;border-radius:5px;margin-left:16px;padding:6px;width:65px;}
-.article-comment{background:url("../images/bg-comments.png") no-repeat scroll 0 0 transparent;font-size:12px;height:22px;margin:24px 0 0;padding:29px 0 0;text-align:center;}
-.article-comment a{color:#42423D;}
-.main h2.title{color:#FF9000;margin:-34px 0 12px;text-align:center;}
-.main h2 span{color:DimGray;float:right;font-size:12px;margin-top:7px;padding-right:10px;}
-.article-body{line-height:145%;margin:0 12px 12px;}
-.article-body a,.article-abstract a{color:#242323;text-decoration:underline;}
-.article-footer{margin-right:12px;}
-.article-details-footer a{line-height:16px;}
-.article-details-footer{margin:36px 12px 0 0;}
-.article-details-footer .right a:hover{text-decoration:none;}
-.article-relative{line-height:145%;margin:12px 0;}
-.comments{padding-left:99px;position:relative;}
-.comments-header{background:url("../images/balloons.png") no-repeat scroll 0 0 transparent;height:88px;left:100px;position:relative;top:40px;width:440px;z-index:10;}
-.comment-top{background:url("../images/bg-comments-top.png") no-repeat scroll 0 0 transparent;height:22px;}
-.comment-body{background:url("../images/bg-comments-body.png") repeat-y scroll 0 0 transparent;color:#42423D;margin-left:-1px;overflow:hidden;padding:0 27px 2px 27px;width:401px;word-wrap:break-word;}
-.comment-body a{color:#42423D;}
-.comment-body td{white-space:normal;}
-.comment-bottom{background:url("../images/bg-comments-bottom.png") no-repeat scroll 0 0 transparent;height:23px;}
-.comment-title{padding-bottom:6px;}
-.comment-title a{color:#42423D;font-weight:bold;}
-.comment-body-ref{left:182px;opacity:0.9;position:absolute;top:16px;z-index:16;}
-#emotions img,#emotionsReply img{cursor:pointer;display:block;float:left;margin-right:2px;}
-img.comment-picture{height:60px;padding:0px 6px 4px 0;width:60px;}
-.comment-reply{margin:0 auto 24px auto;}
-#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0, 0, 0, 0.3) inset;}
-#comment,#commentReply{resize:vertical;}
-.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../tree-house/images/emotions/emotions-blue.png");margin-right:2px;}
-.error-msg{color:#EC0A8B;font-weight:bold;white-space:normal;}
-#sideNavi .line{background:url("../images/bg-branch-small.png") no-repeat;height:69px;margin-top:12px;}
-#sideNavi .block{margin-left:64px;}
-#sideNavi h3{background:url("../images/bg-heading.png") no-repeat scroll 0 0 transparent;color:#EC0A8B;font-size:15px;height:30px;padding:38px 0 0 12px;}
-#sideNavi .notice h3{background-image:url("../images/bg-heading-about-us.png");}
-#sideNavi #recentComments img{height:16px;vertical-align:middle;width:16px;}
-#sideNavi #recentCommentsLabel{background-image:url("../images/bg-heading-portfolio.png");}
-#sideNavi .mostCommentArticles h3{background-image:url("../images/bg-heading-categories.png");}
-#sideNavi .mostViewCountArticles h3{background-image:url("../images/bg-heading-resources.png");margin-bottom:6px;}
-#sideNavi .notice>div{margin:12px 12px 12px 17px;}
-#sideNavi ul{margin-left:5px;width:182px;list-style:none;}
-#sideNavi li{border-bottom:1px dotted #FFFFFF;font-size:12px;margin-left:0;overflow:hidden;position:relative;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:top;}
-#sideNavi li:hover{background:url("../images/bg-menu-active.png") repeat scroll -8px -8px transparent;color:#EC0A8B;font-weight:bold;}
-#sideNavi li:hover a{color:#EC0A8B;padding-left:24px;}
-#sideNavi li>a{color:#42423D;line-height:29px;margin:0;overflow:hidden;padding-left:6px;text-decoration:none;white-space:nowrap;width:167px;}
-#sideNavi li>a sup{margin-right:3px;line-height:12px;color:#EC0A8B;}
-#sideNavi li>div{display:none;}
-#sideNavi li p{display:inline;}
-#sideNavi .popTags li>a{padding-left:40px;width:143px;}
-#sideNavi .popTags li img{cursor:pointer;height:16px;left:19px;position:absolute;top:7px;width:16px;}
-#sideNavi .popTags li:hover a{padding-left:46px;width:137px;}
-#sideNavi .popTags li:hover img{left:25px;}
-#statistic{height:138px;line-height:24px;margin:28px 0 0 80px;}
-.pagination{margin:16px;text-align:center;}
-.pagination a,.pagination a:visited{padding:0 3px;}
-.pagination a.selected{color:#42423D;font-weight:bold;}
-#tagsPanel{width:553px;}
-#tagsPanel .tagPanel{background-color:#EEEEEE;border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px;}
-#tagsPanel .tagPanel:hover{background-color:transparent;border:2px dashed;}
-#tagsPanel .tagPanel{text-decoration:none;}
-.error-title{width:553px;}
-.error-panel{padding:24px;}
-.error-title{background-color:#242323;color:#EC0A8B;display:block;padding:3px 10px 4px 10px;position:relative;}
-.goTopIcon{background-position:-128px -32px;}
-.goBottomIcon{background-position:-144px -32px;}
+html{min-width:948px}
+body{background:url("../images/bg-tree.jpg") repeat-y scroll 50% 0 #7bccff;color:#42423d;min-width:948px}
+a,a:link,a:visited{color:#fff;text-decoration:none}
+a:hover{text-decoration:underline}
+h5{font-size:12px}
+.wrapper{background:url("../images/bg-header.jpg") no-repeat scroll 50% 0 transparent}
+.bg-bottom{background:url("../images/bg-footer2.jpg") no-repeat scroll 50% 100% transparent}
+.content{margin:0 auto;width:948px}
+.header{height:476px;width:100%}
+.header-navi{position:relative;z-index:10}
+.header-navi ul{list-style:none outside none;margin-top:20px}
+.header-navi li{float:left}
+.header-title{color:#fff;margin-left:146px;padding-top:222px;position:relative}
+#logoTitle{color:#fff;font-size:52px;text-decoration:none}
+.header-title div{color:DimGray;width:300px}
+.side{margin:0 0 0 -21px;width:256px}
+.body{min-height:643px;padding-bottom:682px}
+.main{width:634px}
+.footer{color:Lavender;padding:12px;text-align:center}
+.footer a{font-weight:bold}
+.article{overflow:hidden;width:553px}
+.article-header sup{color:#f00;font-size:12px}
+.article-header h2{color:#242323;font-weight:bold;margin-left:6px;position:relative}
+.article-header h2 a{color:#242323;display:block;padding:3px 0 4px 10px;text-decoration:none}
+.article-header h2 a:hover{background-color:#242323;color:#ec0a8b}
+.article-info{margin:10px 0 0 9px;width:109px}
+.article-main{margin:10px 0 0 9px;min-height:150px;width:426px}
+.article-tags{background-color:#ec0a8b;float:left;font-style:normal;height:21px;line-height:21px;margin:0 10px 10px 0;padding:3px 10px}
+.article-abstract{color:#42423d;line-height:145%;overflow:hidden;padding:6px 10px 12px 0;text-align:justify;word-wrap:break-word}
+.main .line{background:url("../images/bg-branch.png") no-repeat scroll 0 0 transparent;height:108px;width:575px}
+.article-date{background-color:#d4f2fb;border:6px solid #a8d3ed;border-radius:5px;margin-left:16px;padding:6px;width:65px}
+.article-comment{background:url("../images/bg-comments.png") no-repeat scroll 0 0 transparent;font-size:12px;height:22px;margin:24px 0 0;padding:29px 0 0;text-align:center}
+.article-comment a{color:#42423d}
+.main h2.title{color:#ff9000;margin:-34px 0 12px;text-align:center}
+.main h2 span{color:DimGray;float:right;font-size:12px;margin-top:7px;padding-right:10px}
+.article-body{line-height:145%;margin:0 12px 12px}
+.article-body a,.article-abstract a{color:#242323;text-decoration:underline}
+.article-footer{margin-right:12px}
+.article-details-footer a{line-height:16px}
+.article-details-footer{margin:36px 12px 0 0}
+.article-details-footer .right a:hover{text-decoration:none}
+.article-relative{line-height:145%;margin:12px 0}
+.comments{padding-left:99px;position:relative}
+.comments-header{background:url("../images/balloons.png") no-repeat scroll 0 0 transparent;height:88px;left:100px;position:relative;top:40px;width:440px;z-index:10}
+.comment-top{background:url("../images/bg-comments-top.png") no-repeat scroll 0 0 transparent;height:22px}
+.comment-body{background:url("../images/bg-comments-body.png") repeat-y scroll 0 0 transparent;color:#42423d;margin-left:-1px;overflow:hidden;padding:0 27px 2px 27px;width:401px;word-wrap:break-word}
+.comment-body a{color:#42423d}
+.comment-body td{white-space:normal}
+.comment-bottom{background:url("../images/bg-comments-bottom.png") no-repeat scroll 0 0 transparent;height:23px}
+.comment-title{padding-bottom:6px}
+.comment-title a{color:#42423d;font-weight:bold}
+.comment-body-ref{left:182px;opacity:.9;position:absolute;top:16px;z-index:16}
+#emotions img,#emotionsReply img{cursor:pointer;display:block;float:left;margin-right:2px}
+img.comment-picture{height:60px;padding:0 6px 4px 0;width:60px}
+.comment-reply{margin:0 auto 24px auto}
+#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0,0,0,0.3) inset}
+#comment,#commentReply{resize:vertical}
+.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../tree-house/images/emotions/emotions-blue.png");margin-right:2px}
+.error-msg{color:#ec0a8b;font-weight:bold;white-space:normal}
+#sideNavi .line{background:url("../images/bg-branch-small.png") no-repeat;height:69px;margin-top:12px}
+#sideNavi .block{margin-left:64px}
+#sideNavi h3{background:url("../images/bg-heading.png") no-repeat scroll 0 0 transparent;color:#ec0a8b;font-size:15px;height:30px;padding:38px 0 0 12px}
+#sideNavi .notice h3{background-image:url("../images/bg-heading-about-us.png")}
+#sideNavi #recentComments img{height:16px;vertical-align:middle;width:16px}
+#sideNavi #recentCommentsLabel{background-image:url("../images/bg-heading-portfolio.png")}
+#sideNavi .mostCommentArticles h3{background-image:url("../images/bg-heading-categories.png")}
+#sideNavi .mostViewCountArticles h3{background-image:url("../images/bg-heading-resources.png");margin-bottom:6px}
+#sideNavi .notice>div{margin:12px 12px 12px 17px}
+#sideNavi ul{margin-left:5px;width:182px;list-style:none}
+#sideNavi li{border-bottom:1px dotted #fff;font-size:12px;margin-left:0;overflow:hidden;position:relative;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:top}
+#sideNavi li:hover{background:url("../images/bg-menu-active.png") repeat scroll -8px -8px transparent;color:#ec0a8b;font-weight:bold}
+#sideNavi li:hover a{color:#ec0a8b;padding-left:24px}
+#sideNavi li>a{color:#42423d;line-height:29px;margin:0;overflow:hidden;padding-left:6px;text-decoration:none;white-space:nowrap;width:167px}
+#sideNavi li>a sup{margin-right:3px;line-height:12px;color:#ec0a8b}
+#sideNavi li>div{display:none}
+#sideNavi li p{display:inline}
+#sideNavi .popTags li>a{padding-left:40px;width:143px}
+#sideNavi .popTags li img{cursor:pointer;height:16px;left:19px;position:absolute;top:7px;width:16px}
+#sideNavi .popTags li:hover a{padding-left:46px;width:137px}
+#sideNavi .popTags li:hover img{left:25px}
+#statistic{height:138px;line-height:24px;margin:28px 0 0 80px}
+.pagination{margin:16px;text-align:center}
+.pagination a,.pagination a:visited{padding:0 3px}
+.pagination a.selected{color:#42423d;font-weight:bold}
+#tagsPanel{width:553px}
+#tagsPanel .tagPanel{background-color:#eee;border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px}
+#tagsPanel .tagPanel:hover{background-color:transparent;border:2px dashed}
+#tagsPanel .tagPanel{text-decoration:none}
+.error-title{width:553px}
+.error-panel{padding:24px}
+.error-title{background-color:#242323;color:#ec0a8b;display:block;padding:3px 10px 4px 10px;position:relative}
+.goTopIcon{background-position:-128px -32px}
+.goBottomIcon{background-position:-144px -32px}
diff --git a/tree-house/skin.properties b/tree-house/skin.properties
index cbb3321..9eb2d44 100644
--- a/tree-house/skin.properties
+++ b/tree-house/skin.properties
@@ -22,5 +22,5 @@
name=Tree House
version=2.0.5
-forSolo=0.6.0
+forSolo=0.6.1
memo=Refers to http://www.thepixel.com/blog
\ No newline at end of file
'+article.articleTitle+"";if(article.hasUpdated){articlesHTML+=""+Label.updatedLabel+""}if(article.articlePutTop){articlesHTML+=""+Label.topArticleLabel+""}articlesHTML+="
"+article.articleAbstract+"
"+'