Merge remote-tracking branch 'origin/master' into 0.6.1
Conflicts: neoease/js/neoease.js neoease/js/neoease.min.js timeline/css/timeline.min.css timeline/js/timeline.min.js
This commit is contained in:
Liang Ding
@@ -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 andrea style
|
||||
*
|
||||
|
||||
198
andrea/css/andrea.min.css
vendored
198
andrea/css/andrea.min.css
vendored
@@ -1,99 +1,99 @@
|
||||
body{background-image:url("../images/bg-grey.jpg");background-color:#000000;color:#363636;font-family:'\5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif';font-size:12px;margin:0;padding:0;}
|
||||
a,a:link,a:visited{color:#BE0700;text-decoration:underline;}
|
||||
a:hover{text-decoration:none;color:rgba(190, 7, 0, 0.75);}
|
||||
.error-msg{color:#BE0700;}
|
||||
.brush-icon,.article .month,.article .day,.pagination a,#greyBG,#brownBG,#blueBG,#goTop,.side-tool ul ul li a,.comment-form button{background-image:url('../images/icon.png');}
|
||||
.wrapper{width:910px;margin:0 auto;position:relative;}
|
||||
.main{float:left;width:627px;}
|
||||
.side-navi{float:left;width:282px;}
|
||||
.header{background:url('../images/bgs.png') no-repeat;width:910px;height:185px;float:left;}
|
||||
.header .left{width:566px;}
|
||||
.header h1{margin:18px 0 0 37px;}
|
||||
.header .left a,.sub-title{color:#FFFFFF;font-family:'Neucha','\5fae\8f6f\96c5\9ed1,Arial,Verdana,sans-serif';font-size:46px;text-decoration:none;}
|
||||
.sub-title{color:#000000;font-size:22px;margin-left:40px;margin-top:0;display:block;}
|
||||
.header>.left>div{float:right;color:#C0BEBD;}
|
||||
.header .right{width:343px;}
|
||||
.header .right ul{list-style-type:none;}
|
||||
.header .right li{float:left;margin:18px 30px 0 0;width:84px;}
|
||||
.header .right li a{color:#FFFFFF;font-family:'Reenie Beanie','sans-serif';font-size:45px;text-decoration:none;font-weight:bold;}
|
||||
.header .right li a:hover{color:#DDDDDD;font-family:'Neucha','sans-serif';}
|
||||
.main-content{padding:0 45px;background-color:#D4D4D4;}
|
||||
.main-content>h2{color:#BE0700;font-size:20px;line-height:145%;margin-bottom:18px;font-family:'Neucha','\5fae\8f6f\96c5\9ed1';}
|
||||
.main-footer{background:url('../images/bgs.png') 0 -185px;height:14px;width:627px;}
|
||||
.brush{left:-52px;position:absolute;top:283px;width:100px;}
|
||||
#brush{background:url("../images/paint.png") no-repeat fixed 98px -150px transparent;position:relative;top:-27px;width:82px;}
|
||||
.brush-icon{background-position:0 -312px;height:240px;position:relative;width:92px;z-index:1;}
|
||||
.brush-icon:hover{background-position:0 -69px;}
|
||||
.article a.underline:hover{text-decoration:underline;color:#BE0700;}
|
||||
.article .date{width:40px;float:left;}
|
||||
.article .month{color:#FFFFFF;height:20px;text-align:center;width:36px;}
|
||||
.article .day{border:1px solid #C4BFBA;border-top:0px;background-position:0px -20px;font-size:15px;height:23px;padding-top:4px;text-align:center;width:34px;}
|
||||
.article h2{margin-bottom:3px;width:495px;*line-height:28px;}
|
||||
.article h2 a{color:#363636;font-size:24px;line-height:24px;text-decoration:none;}
|
||||
.article h2 a:hover{color:#BE0700;text-decoration:underline;}
|
||||
.article h2 sup{color:#BE0700;font-size:10px;vertical-align:top;}
|
||||
.article-abstract{border-top:2px dashed #F1EEE9;margin-top:15px;padding:20px 0 25px 0;overflow:hidden;line-height:145%;}
|
||||
.article-abstract p:first-child:first-letter,.article-abstract:first-letter{font-size:38px;float:left;font-weight:bold;margin:0 3px 3px 0;line-height:38px;}
|
||||
.pagination{line-height:21px;}
|
||||
.pagination a{background-position:0px -47px;border:1px solid #C5C3C2;color:#8C8C8C;padding:1px 6px;text-decoration:none;margin:2px;font-size:10px;}
|
||||
.pagination a.selected{background:none #FFFFFF;border:1px solid #C5C3C2;color:#3E3E3E;font-weight:bold;padding:1px 7px 2px 6px;}
|
||||
.pagination a:hover{background:none #F3DEDD;color:#BE0700;border:1px solid #BE0700;}
|
||||
.side-navi ul{list-style:none;}
|
||||
.side-navi .item{border-radius:0 5px 5px 0;background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border:1px solid #999999;float:left;margin-top:23px;padding:25px 15px 15px;width:250px;color:#EAE7E0;}
|
||||
.side-navi .item dd{margin-bottom:25px;}
|
||||
.side-navi .item dd li{list-style-type:none;border-bottom:1px solid #93908A;padding:4px 0px 1px 6px;margin-left:0px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#EAE7E0;position:relative;line-height:21px;}
|
||||
.side-navi .item dd li:hover{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border-bottom:1px solid #BAB8B5;}
|
||||
.side-navi .item dd li:hover a{color:#FFFFFF;}
|
||||
.side-navi .item dd li a{white-space:nowrap;color:#EAE7E0;text-decoration:none;}
|
||||
.side-navi .item .navi-tags img{cursor:pointer;height:16px;left:3px;position:absolute;top:5px;width:16px;}
|
||||
.side-navi .item dd .navi-tags a{padding-left:18px;}
|
||||
#naviComments li a{white-space:normal;}
|
||||
#naviComments li br{display:none;}
|
||||
#naviComments li p{display:inline;}
|
||||
#naviComments li a.author{color:#BE0700;}
|
||||
#naviComments li:hover{background-image:none;}
|
||||
#naviComments li a:hover{text-decoration:underline;}
|
||||
#naviComments img{height:16px;width:16px;}
|
||||
.side-navi .item h4{border-bottom:1px solid #93908A;color:#EAE7E0;padding:0 5px 8px;font-size:16px;}
|
||||
.footer{background-image:url("../images/footer.png");color:#EAE7E0;height:411px;padding:21px 0 0 95px;width:605px;margin-top:40px;text-align:center;}
|
||||
.footer a{text-decoration:none;}
|
||||
.footer a:hover{text-decoration:underline;}
|
||||
.side-tool{position:fixed;top:30px;left:0px;}
|
||||
.side-tool li{margin-left:0px;}
|
||||
.side-tool ul{list-style-type:none;}
|
||||
#greyBG,#brownBG,#blueBG{background-position:-103px 0;display:block;height:21px;margin:3px 0;width:21px;cursor:pointer;}
|
||||
#brownBG{background-position:-103px -26px;}
|
||||
#blueBG{background-position:-103px -52px;}
|
||||
#greyBG:hover,#greyBG.selected{background-position:-126px 0px;}
|
||||
#brownBG:hover,#brownBG.selected{background-position:-126px -26px;}
|
||||
#blueBG:hover,#blueBG.selected{background-position:-126px -52px;}
|
||||
#goTop{background-position:-105px -119px;cursor:pointer;height:36px;margin-top:9px;display:block;width:22px;}
|
||||
#goTop:hover{background-position:-105px -74px;}
|
||||
.side-tool ul ul li a{background-position:right -159px;color:#EAE7E0;display:block;font-size:14px;font-weight:bold;height:86px;margin:9px 0;overflow:hidden;padding:1px 8px 1px 9px;text-align:center;text-decoration:none;width:14px;word-wrap:break-word;text-transform:uppercase;}
|
||||
.article-body{border-top:2px dashed #F1EEE9;margin-top:15px;overflow:hidden;padding:20px 0 25px;line-height:145%;}
|
||||
.article-body p:first-child:first-letter,.article-body:first-letter{font-size:48px;float:left;font-weight:bold;margin:0 3px 3px 0;}
|
||||
.article-relative{margin:15px 0;}
|
||||
.article-relative h4{font-family:'Neucha','\5fae\8f6f\96c5\9ed1',Arial,Verdana;font-size:16px;}
|
||||
.article-relative ul{list-style-type:none;}
|
||||
#randomArticles,.relevantArticles{width:262px;overflow:hidden;}
|
||||
#comments{position:relative;}
|
||||
#comments,.comment-form{padding-bottom:30px;}
|
||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../andrea/images/emotions/emotions-black.png");margin-right:4px;}
|
||||
.comment-form{margin-right:15px;color:#606060;}
|
||||
h2.comment-label{border-bottom:2px solid #3F3D36;font-size:24px;margin-bottom:15px;margin-top:30px;padding-bottom:7px;color:#363636;}
|
||||
.comment-body{padding:20px 0;}
|
||||
.comment-author{width:100px;}
|
||||
.comment-info{margin-right:12px;word-wrap:break-word;overflow:hidden;width:423px;}
|
||||
.comment-info>a{font-size:14px;font-weight:bold;}
|
||||
.comment-content{margin:10px 0;}
|
||||
.comment-odd{background-color:#F1EEE9;}
|
||||
.comment-author img{width:64px;height:64px;border:6px solid #F1EEE9;margin-left:12px;}
|
||||
.comment-form img{cursor:pointer;}
|
||||
.comment-form input,.comment-form textarea{border-radius:5px;background-color:#EBE9E5;border:1px solid #BABAAE;font-family:\5fae\8f6f\96c5\9ed1;font-size:12px;margin:10px 0;padding:10px;width:400px;outline:none;}
|
||||
.comment-form input:focus,.comment-form textarea:focus{background-color:#E3EBCF;border-color:#73B722;}
|
||||
#commentValidate,#commentValidateReply{width:80px;}
|
||||
.comment-form button{border-radius:5px;border:1px solid #80B53B;color:#355207;cursor:pointer;font-weight:bold;height:34px;padding:5px 10px;width:140px;}
|
||||
.comment-body-ref{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;padding:12px 0;position:absolute;width:537px;border:1px solid #999999;border-radius:5px;z-index:10;left:180px;}
|
||||
#tagsPanel{min-height:1px;}
|
||||
#tagsPanel a{display:block;float:left;border:1px solid #D4D4D4;}
|
||||
#tagsPanel a:hover{border:1px solid #BE0700;}
|
||||
body{background-image:url("../images/bg-grey.jpg");background-color:#000;color:#363636;font-family:'\5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif';font-size:12px;margin:0;padding:0}
|
||||
a,a:link,a:visited{color:#be0700;text-decoration:underline}
|
||||
a:hover{text-decoration:none;color:rgba(190,7,0,0.75)}
|
||||
.error-msg{color:#be0700}
|
||||
.brush-icon,.article .month,.article .day,.pagination a,#greyBG,#brownBG,#blueBG,#goTop,.side-tool ul ul li a,.comment-form button{background-image:url('../images/icon.png')}
|
||||
.wrapper{width:910px;margin:0 auto;position:relative}
|
||||
.main{float:left;width:627px}
|
||||
.side-navi{float:left;width:282px}
|
||||
.header{background:url('../images/bgs.png') no-repeat;width:910px;height:185px;float:left}
|
||||
.header .left{width:566px}
|
||||
.header h1{margin:18px 0 0 37px}
|
||||
.header .left a,.sub-title{color:#fff;font-family:'Neucha','\5fae\8f6f\96c5\9ed1,Arial,Verdana,sans-serif';font-size:46px;text-decoration:none}
|
||||
.sub-title{color:#000;font-size:22px;margin-left:40px;margin-top:0;display:block}
|
||||
.header>.left>div{float:right;color:#c0bebd}
|
||||
.header .right{width:343px}
|
||||
.header .right ul{list-style-type:none}
|
||||
.header .right li{float:left;margin:18px 30px 0 0;width:84px}
|
||||
.header .right li a{color:#fff;font-family:'Reenie Beanie','sans-serif';font-size:45px;text-decoration:none;font-weight:bold}
|
||||
.header .right li a:hover{color:#ddd;font-family:'Neucha','sans-serif'}
|
||||
.main-content{padding:0 45px;background-color:#d4d4d4}
|
||||
.main-content>h2{color:#be0700;font-size:20px;line-height:145%;margin-bottom:18px;font-family:'Neucha','\5fae\8f6f\96c5\9ed1'}
|
||||
.main-footer{background:url('../images/bgs.png') 0 -185px;height:14px;width:627px}
|
||||
.brush{left:-52px;position:absolute;top:283px;width:100px}
|
||||
#brush{background:url("../images/paint.png") no-repeat fixed 98px -150px transparent;position:relative;top:-27px;width:82px}
|
||||
.brush-icon{background-position:0 -312px;height:240px;position:relative;width:92px;z-index:1}
|
||||
.brush-icon:hover{background-position:0 -69px}
|
||||
.article a.underline:hover{text-decoration:underline;color:#be0700}
|
||||
.article .date{width:40px;float:left}
|
||||
.article .month{color:#fff;height:20px;text-align:center;width:36px}
|
||||
.article .day{border:1px solid #c4bfba;border-top:0;background-position:0 -20px;font-size:15px;height:23px;padding-top:4px;text-align:center;width:34px}
|
||||
.article h2{margin-bottom:3px;width:495px;*line-height:28px}
|
||||
.article h2 a{color:#363636;font-size:24px;line-height:24px;text-decoration:none}
|
||||
.article h2 a:hover{color:#be0700;text-decoration:underline}
|
||||
.article h2 sup{color:#be0700;font-size:10px;vertical-align:top}
|
||||
.article-abstract{border-top:2px dashed #f1eee9;margin-top:15px;padding:20px 0 25px 0;overflow:hidden;line-height:145%}
|
||||
.article-abstract p:first-child:first-letter,.article-abstract:first-letter{font-size:38px;float:left;font-weight:bold;margin:0 3px 3px 0;line-height:38px}
|
||||
.pagination{line-height:21px}
|
||||
.pagination a{background-position:0 -47px;border:1px solid #c5c3c2;color:#8c8c8c;padding:1px 6px;text-decoration:none;margin:2px;font-size:10px}
|
||||
.pagination a.selected{background:none #fff;border:1px solid #c5c3c2;color:#3e3e3e;font-weight:bold;padding:1px 7px 2px 6px}
|
||||
.pagination a:hover{background:none #f3dedd;color:#be0700;border:1px solid #be0700}
|
||||
.side-navi ul{list-style:none}
|
||||
.side-navi .item{border-radius:0 5px 5px 0;background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border:1px solid #999;float:left;margin-top:23px;padding:25px 15px 15px;width:250px;color:#eae7e0}
|
||||
.side-navi .item dd{margin-bottom:25px}
|
||||
.side-navi .item dd li{list-style-type:none;border-bottom:1px solid #93908a;padding:4px 0 1px 6px;margin-left:0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#eae7e0;position:relative;line-height:21px}
|
||||
.side-navi .item dd li:hover{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border-bottom:1px solid #bab8b5}
|
||||
.side-navi .item dd li:hover a{color:#fff}
|
||||
.side-navi .item dd li a{white-space:nowrap;color:#eae7e0;text-decoration:none}
|
||||
.side-navi .item .navi-tags img{cursor:pointer;height:16px;left:3px;position:absolute;top:5px;width:16px}
|
||||
.side-navi .item dd .navi-tags a{padding-left:18px}
|
||||
#naviComments li a{white-space:normal}
|
||||
#naviComments li br{display:none}
|
||||
#naviComments li p{display:inline}
|
||||
#naviComments li a.author{color:#be0700}
|
||||
#naviComments li:hover{background-image:none}
|
||||
#naviComments li a:hover{text-decoration:underline}
|
||||
#naviComments img{height:16px;width:16px}
|
||||
.side-navi .item h4{border-bottom:1px solid #93908a;color:#eae7e0;padding:0 5px 8px;font-size:16px}
|
||||
.footer{background-image:url("../images/footer.png");color:#eae7e0;height:411px;padding:21px 0 0 95px;width:605px;margin-top:40px;text-align:center}
|
||||
.footer a{text-decoration:none}
|
||||
.footer a:hover{text-decoration:underline}
|
||||
.side-tool{position:fixed;top:30px;left:0}
|
||||
.side-tool li{margin-left:0}
|
||||
.side-tool ul{list-style-type:none}
|
||||
#greyBG,#brownBG,#blueBG{background-position:-103px 0;display:block;height:21px;margin:3px 0;width:21px;cursor:pointer}
|
||||
#brownBG{background-position:-103px -26px}
|
||||
#blueBG{background-position:-103px -52px}
|
||||
#greyBG:hover,#greyBG.selected{background-position:-126px 0}
|
||||
#brownBG:hover,#brownBG.selected{background-position:-126px -26px}
|
||||
#blueBG:hover,#blueBG.selected{background-position:-126px -52px}
|
||||
#goTop{background-position:-105px -119px;cursor:pointer;height:36px;margin-top:9px;display:block;width:22px}
|
||||
#goTop:hover{background-position:-105px -74px}
|
||||
.side-tool ul ul li a{background-position:right -159px;color:#eae7e0;display:block;font-size:14px;font-weight:bold;height:86px;margin:9px 0;overflow:hidden;padding:1px 8px 1px 9px;text-align:center;text-decoration:none;width:14px;word-wrap:break-word;text-transform:uppercase}
|
||||
.article-body{border-top:2px dashed #f1eee9;margin-top:15px;overflow:hidden;padding:20px 0 25px;line-height:145%}
|
||||
.article-body p:first-child:first-letter,.article-body:first-letter{font-size:48px;float:left;font-weight:bold;margin:0 3px 3px 0}
|
||||
.article-relative{margin:15px 0}
|
||||
.article-relative h4{font-family:'Neucha','\5fae\8f6f\96c5\9ed1',Arial,Verdana;font-size:16px}
|
||||
.article-relative ul{list-style-type:none}
|
||||
#randomArticles,.relevantArticles{width:262px;overflow:hidden}
|
||||
#comments{position:relative}
|
||||
#comments,.comment-form{padding-bottom:30px}
|
||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../andrea/images/emotions/emotions-black.png");margin-right:4px}
|
||||
.comment-form{margin-right:15px;color:#606060}
|
||||
h2.comment-label{border-bottom:2px solid #3f3d36;font-size:24px;margin-bottom:15px;margin-top:30px;padding-bottom:7px;color:#363636}
|
||||
.comment-body{padding:20px 0}
|
||||
.comment-author{width:100px}
|
||||
.comment-info{margin-right:12px;word-wrap:break-word;overflow:hidden;width:423px}
|
||||
.comment-info>a{font-size:14px;font-weight:bold}
|
||||
.comment-content{margin:10px 0}
|
||||
.comment-odd{background-color:#f1eee9}
|
||||
.comment-author img{width:64px;height:64px;border:6px solid #f1eee9;margin-left:12px}
|
||||
.comment-form img{cursor:pointer}
|
||||
.comment-form input,.comment-form textarea{border-radius:5px;background-color:#ebe9e5;border:1px solid #babaae;font-family:\5fae\8f6f\96c5\9ed1;font-size:12px;margin:10px 0;padding:10px;width:400px;outline:none}
|
||||
.comment-form input:focus,.comment-form textarea:focus{background-color:#e3ebcf;border-color:#73b722}
|
||||
#commentValidate,#commentValidateReply{width:80px}
|
||||
.comment-form button{border-radius:5px;border:1px solid #80b53b;color:#355207;cursor:pointer;font-weight:bold;height:34px;padding:5px 10px;width:140px}
|
||||
.comment-body-ref{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;padding:12px 0;position:absolute;width:537px;border:1px solid #999;border-radius:5px;z-index:10;left:180px}
|
||||
#tagsPanel{min-height:1px}
|
||||
#tagsPanel a{display:block;float:left;border:1px solid #d4d4d4}
|
||||
#tagsPanel a:hover{border:1px solid #be0700}
|
||||
|
||||
@@ -22,5 +22,5 @@
|
||||
|
||||
name=Andrea
|
||||
version=2.0.5
|
||||
forSolo=0.6.0
|
||||
forSolo=0.6.1
|
||||
memo=Refers to http://www.madeincima.eu
|
||||
@@ -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 classic style
|
||||
|
||||
114
classic/css/classic.min.css
vendored
114
classic/css/classic.min.css
vendored
@@ -1,58 +1,58 @@
|
||||
@charset "utf-8";
|
||||
a,a:link{color:#0000CC;}
|
||||
a:active{color:red;}
|
||||
a:visited{color:#551A8B;}
|
||||
h5{font-size:12px;}
|
||||
.content{margin:0 auto;max-width:1250px;padding:0 12px;}
|
||||
.header{height:108px;}
|
||||
.sub-title{font-size:14px;font-weight:normal;}
|
||||
.side{border-left:2px solid #E5ECF9;padding-left:12px;width:280px;}
|
||||
.main{margin-right:-294px;width:100%;}
|
||||
.main>div{min-width:280px;padding-right:318px;}
|
||||
#logoTitle{font-family:"Microsoft YaHei";font-size:32px;line-height:64px;text-decoration:none;}
|
||||
#statistic span{font-size:11px;}
|
||||
.article,.comments{padding-bottom:24px;}
|
||||
.article-title{background-color:#E3E3FF;border-top:1px solid #3366CC;margin-left:91px;padding:3px 0 6px 12px;}
|
||||
.article-title sup{font-size:12px;}
|
||||
.article-date{background-color:#E3E3FF;border:1px solid #BBCCFF;float:left;margin:0 12px 12px 0;border-radius:5px;padding:7px 3px;width:70px;text-align:center;word-break:break-all;}
|
||||
.article-abstract{word-wrap:break-word;}
|
||||
.article-body{margin-left:12px;line-height:145%;}
|
||||
.article-footer{margin-right:12px;}
|
||||
.article-footer a,.article-details-footer a{text-decoration:none;}
|
||||
.article-details-footer{margin:36px 12px 0 0;}
|
||||
.article-relative{line-height:22px;margin-top:24px;}
|
||||
.comments{position:relative;}
|
||||
.comment-title{background-color:#E3E3FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;}
|
||||
.comment-body-ref{background-color:#FFFFFF;border:1px solid #E3E3FF;filter:alpha(opacity=90);left:88px;opacity:0.9;position:absolute;top:27px;width:87%;z-index:10;}
|
||||
.comment-body-ref .comment-title{border-top:0px;}
|
||||
.comment-body{padding:9px 12px 12px;word-wrap:break-word;overflow:hidden;}
|
||||
.comment-picture{margin-right:12px;}
|
||||
.comment-picture img{height:60px;width:60px;}
|
||||
.comment-reply{margin:0 auto 24px auto;}
|
||||
.comment-content{float:left;width:88%;}
|
||||
#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0, 0, 0, 0.3) inset;}
|
||||
.error-msg{color:#3366CC;}
|
||||
.error-footer{bottom:0px;position:fixed;width:82%;}
|
||||
#sideNavi a.selected{color:#000000;text-decoration:none;}
|
||||
.side-navi ul{list-style:none;}
|
||||
#sideNavi li{line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
|
||||
#sideNavi li.aboutMe,#sideNavi li.side-navi-notice{white-space:normal;}
|
||||
#sideNavi sup{margin-right:3px;color:green;}
|
||||
.side-comment{text-decoration:none;}
|
||||
#recentComments p{display:inline;}
|
||||
#recentComments div,#recentComments br{display:none;}
|
||||
.line{border-top:thin dotted #BBBBBB;margin-top:12px;padding-top:12px;}
|
||||
.pagination{margin:16px;text-align:center;}
|
||||
.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;text-decoration:none;}
|
||||
.pagination a.selected{color:#000000;font-weight:bold;}
|
||||
#tagsPanel .tagPanel{border:2px solid;cursor:pointer;float:left;margin:3px;border-radius:6px;}
|
||||
#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed;}
|
||||
#tagsPanel .tagPanel{text-decoration:none;}
|
||||
.error-title{border-top:1px solid #3366CC;background-color:#E5ECF9;margin-left:12px;padding:6px 12px;}
|
||||
.error-panel{margin-left:12px;padding:24px;}
|
||||
.commentIcon,.browserIcon{background-image:url("../../../images/icon.png");cursor:pointer;height:16px;margin-right:3px;width:16px;}
|
||||
.commentIcon{background-position:-32px -16px;}
|
||||
.browserIcon{background-position:-128px -16px;}
|
||||
.goTopIcon{background-position:-128px -32px;}
|
||||
.goBottomIcon{background-position:-144px -32px;}
|
||||
.footer{text-align:center;margin:30px 0 30px 0;}
|
||||
a,a:link{color:#00c}
|
||||
a:active{color:#f00}
|
||||
a:visited{color:#551a8b}
|
||||
h5{font-size:12px}
|
||||
.content{margin:0 auto;max-width:1250px;padding:0 12px}
|
||||
.header{height:108px}
|
||||
.sub-title{font-size:14px;font-weight:normal}
|
||||
.side{border-left:2px solid #e5ecf9;padding-left:12px;width:280px}
|
||||
.main{margin-right:-294px;width:100%}
|
||||
.main>div{min-width:280px;padding-right:318px}
|
||||
#logoTitle{font-family:"Microsoft YaHei";font-size:32px;line-height:64px;text-decoration:none}
|
||||
#statistic span{font-size:11px}
|
||||
.article,.comments{padding-bottom:24px}
|
||||
.article-title{background-color:#e3e3ff;border-top:1px solid #36c;margin-left:91px;padding:3px 0 6px 12px}
|
||||
.article-title sup{font-size:12px}
|
||||
.article-date{background-color:#e3e3ff;border:1px solid #bcf;float:left;margin:0 12px 12px 0;border-radius:5px;padding:7px 3px;width:70px;text-align:center;word-break:break-all}
|
||||
.article-abstract{word-wrap:break-word}
|
||||
.article-body{margin-left:12px;line-height:145%}
|
||||
.article-footer{margin-right:12px}
|
||||
.article-footer a,.article-details-footer a{text-decoration:none}
|
||||
.article-details-footer{margin:36px 12px 0 0}
|
||||
.article-relative{line-height:22px;margin-top:24px}
|
||||
.comments{position:relative}
|
||||
.comment-title{background-color:#e3e3ff;border-top:1px solid #36c;padding:3px 12px 3px 12px}
|
||||
.comment-body-ref{background-color:#fff;border:1px solid #e3e3ff;filter:alpha(opacity=90);left:88px;opacity:.9;position:absolute;top:27px;width:87%;z-index:10}
|
||||
.comment-body-ref .comment-title{border-top:0}
|
||||
.comment-body{padding:9px 12px 12px;word-wrap:break-word;overflow:hidden}
|
||||
.comment-picture{margin-right:12px}
|
||||
.comment-picture img{height:60px;width:60px}
|
||||
.comment-reply{margin:0 auto 24px auto}
|
||||
.comment-content{float:left;width:88%}
|
||||
#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0,0,0,0.3) inset}
|
||||
.error-msg{color:#36c}
|
||||
.error-footer{bottom:0;position:fixed;width:82%}
|
||||
#sideNavi a.selected{color:#000;text-decoration:none}
|
||||
.side-navi ul{list-style:none}
|
||||
#sideNavi li{line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
|
||||
#sideNavi li.aboutMe,#sideNavi li.side-navi-notice{white-space:normal}
|
||||
#sideNavi sup{margin-right:3px;color:#008000}
|
||||
.side-comment{text-decoration:none}
|
||||
#recentComments p{display:inline}
|
||||
#recentComments div,#recentComments br{display:none}
|
||||
.line{border-top:thin dotted #bbb;margin-top:12px;padding-top:12px}
|
||||
.pagination{margin:16px;text-align:center}
|
||||
.pagination a,.pagination a:visited{color:#4272db;padding:0 3px;text-decoration:none}
|
||||
.pagination a.selected{color:#000;font-weight:bold}
|
||||
#tagsPanel .tagPanel{border:2px solid;cursor:pointer;float:left;margin:3px;border-radius:6px}
|
||||
#tagsPanel .tagPanel:hover{background-color:#eee;border:2px dashed}
|
||||
#tagsPanel .tagPanel{text-decoration:none}
|
||||
.error-title{border-top:1px solid #36c;background-color:#e5ecf9;margin-left:12px;padding:6px 12px}
|
||||
.error-panel{margin-left:12px;padding:24px}
|
||||
.commentIcon,.browserIcon{background-image:url("../../../images/icon.png");cursor:pointer;height:16px;margin-right:3px;width:16px}
|
||||
.commentIcon{background-position:-32px -16px}
|
||||
.browserIcon{background-position:-128px -16px}
|
||||
.goTopIcon{background-position:-128px -32px}
|
||||
.goBottomIcon{background-position:-144px -32px}
|
||||
.footer{text-align:center;margin:30px 0 30px 0}
|
||||
|
||||
@@ -23,5 +23,5 @@
|
||||
|
||||
name=\u7ecf\u5178\u6de1\u84dd
|
||||
version=2.0.5
|
||||
forSolo=0.6.0
|
||||
forSolo=0.6.1
|
||||
memo=\u8fd9\u4e2a\u76ae\u80a4\u5f88\u4e11\u4e48\uff1f\u6211\u52d2\u4e2a\u53bb\u3002
|
||||
|
||||
@@ -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 community style
|
||||
|
||||
224
community/css/community.min.css
vendored
224
community/css/community.min.css
vendored
@@ -1,113 +1,113 @@
|
||||
@charset "utf-8";
|
||||
body{background-color:#EFEFEF;color:#555555;min-width:960px;}
|
||||
a,a:link{color:#000000;text-decoration:none;}
|
||||
a:active,a:visited{color:#000000;text-decoration:none;}
|
||||
a:hover{text-decoration:underline;}
|
||||
.content{width:940px;margin:0 auto;}
|
||||
.content>h2{margin:-20px 0 20px 0;}
|
||||
.hr{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;margin:20px 0 40px;clear:both;height:2px;}
|
||||
.arrow-right{background:url("../images/icon.png") 0px -64px no-repeat;float:left;height:38px;width:14px;}
|
||||
input[type='button']{border-radius:5px;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset,0 0 2px rgba(255, 255, 255, 0.3) inset,0 1px 2px rgba(0, 0, 0, 0.29);background-color:#000000;background-image:linear-gradient(top, #333333, #000000);background-image:-moz-linear-gradient(top, #333333, #000000);background-image:-ms-linear-gradient(top, #333333, #000000);background-image:-o-linear-gradient(top, #333333, #000000);background-image:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));filter:progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#000000');border:1px solid #000000;color:white;margin:15px 0 0 200px;padding:7px 13px;height:auto;}
|
||||
input[type='button']:hover{background-color:#333333;background-image:linear-gradient(top, #333333, #212121);background-image:-moz-linear-gradient(top, #333333, #212121);background-image:-ms-linear-gradient(top, #333333, #212121);background-image:-o-linear-gradient(top, #333333, #212121);background-image:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#212121));filter:progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#212121');}
|
||||
.marginBottom40{margin-bottom:40px;}
|
||||
.header-user{background-color:#DEDEDE;padding-top:1px;}
|
||||
.header-navi{background:url("../images/icon.png") 0px -130px repeat-x #333333;margin-bottom:50px;}
|
||||
a.header-title{color:#FFFFFF;text-decoration:none;line-height:49px;font:bold 35px/53px '微软雅黑,Arial,Helvetica';}
|
||||
.sub-title{color:#9BC4CE;margin-left:10px;}
|
||||
.header-navi-main .tabs{list-style:none;height:57px;}
|
||||
.header-navi-main .tab{float:left;font-size:16px;margin-left:1px;height:57px;}
|
||||
.header-navi-main .tab:hover{background:url("../images/icon.png") repeat-x scroll 0 -130px #9bc4ce;}
|
||||
#header-pages{position:relative;}
|
||||
.header-navi-main .tab a{color:#FFFFFF;display:block;font-weight:bold;line-height:22px;padding:19px 16px 16px;text-decoration:none;}
|
||||
#header-pages:hover .sub-tabs{left:0px;list-style:none;position:absolute;top:57px;display:block;}
|
||||
.header-navi-main .sub-tab{background-color:#9BC4CE;border-bottom:1px solid #76A0AA;border-top:1px solid #B4D9E2;margin-left:0px;}
|
||||
.header-navi-main .sub-tab a{min-width:98px;padding:0 16px;line-height:42px;font-size:14px;}
|
||||
.header-navi-main .sub-tab:hover{background-color:#76A0AA;}
|
||||
.article-header{color:#9F9F9F;float:left;font-size:12px;padding-top:15px;width:180px;}
|
||||
.article-header ul{background-color:#333333;list-style:none;width:160px;}
|
||||
.article-header ul li{background:url("../images/indentline.png") repeat-x scroll left bottom transparent;font-weight:bold;padding:7px 15px 8px;margin-left:0px;}
|
||||
.article-header ul li a{color:#FFFFFF;display:block;}
|
||||
.article-main{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin-right:20px;padding:20px 20px 0;width:499px;float:left;overflow:hidden;}
|
||||
.article-body{line-height:145%;}
|
||||
.article-body a{color:#075181;}
|
||||
.article-body a:hover{color:#68ADD5;}
|
||||
.article-main h2.title{font:bold 30px Arial,Helvetica,sans-serif;margin:0 0 20px;}
|
||||
.article-main h2.title sup{font-size:12px;}
|
||||
.read-more a{background-color:#F2F2F2;color:#333333;font-size:12px;padding:8px 18px 8px 12px;margin:20px 0;float:left;}
|
||||
.article-footer{width:200px;float:left;}
|
||||
.article-footer h3{background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;font-size:17px;padding:25px 0 10px;}
|
||||
.article-footer ul{list-style:none;}
|
||||
.article-footer li{margin-left:0px;border-bottom:1px solid #E0E0E0;padding:8px 5px;}
|
||||
.article-footer a{color:#888888;margin-bottom:2px;display:block;}
|
||||
.pagination{background-color:#FFFFFF;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;margin:0 0 20px 181px;text-align:center;padding:12px 20px;width:499px;}
|
||||
.pagination a{color:#555555;padding:0 3px;text-decoration:none;}
|
||||
.pagination a.selected{font-weight:bold;}
|
||||
.pagination a:hover,.pagination a.selected{text-decoration:underline;}
|
||||
.article-detail-body{width:716px;margin-right:0px;}
|
||||
.article-detail-body .tags,#replyForm{margin:20px 0;}
|
||||
.article-detail-footer{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin:40px 0 40px 181px;padding:20px;width:716px;}
|
||||
.article-detail-footer>a{font-weight:bold;}
|
||||
.article-relative{margin-top:20px;width:360px;}
|
||||
.article-relative h4{font-size:14px;line-height:25px;}
|
||||
.article-relative a{color:#555555;line-height:145%;}
|
||||
#comments{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding-top:30px;position:relative;}
|
||||
#comments>div{margin-top:10px;}
|
||||
#comments>div>img{height:80px;width:80px;margin:1px 10px 10px 0;}
|
||||
#comments .comment-panel{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;padding:20px;width:798px;margin-bottom:10px;word-wrap:break-word;overflow:hidden;}
|
||||
#comments .comment-top{margin-bottom:10px;}
|
||||
#comments .comment-panel .reply{margin-top:20px;}
|
||||
#comments .comment-panel .reply a{border-radius:5px;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset,0 0 2px rgba(255, 255, 255, 0.3) inset,0 1px 2px rgba(0, 0, 0, 0.29);background-color:#EEEEEE;border:1px solid #888888;color:#555555;padding:2px 10px;}
|
||||
#comments .comment-panel .reply a:hover{background-color:#E6E6E6;text-decoration:none;}
|
||||
.comment-body-ref{position:absolute;border:1px solid #E3E3E3;background-color:#FFFFFF;padding:10px 0 0 10px;left:177px;opacity:0.9;}
|
||||
#comments .comment-body-ref .comment-panel{border-width:0px;margin-bottom:0;width:620px;padding:10px;}
|
||||
.comment-title{color:#333333;font-size:30px;margin:20px 0 15px 0;font-family:\5fae\8f6f\96c5\9ed1;}
|
||||
.comment{margin-bottom:40px;}
|
||||
.comment th{padding:10px 0px 10px 0;text-align:left;}
|
||||
.comment input[type="text"],.comment textarea{outline:none;color:#666666;padding:10px 7px;background-color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;width:723px;border:1px solid #DDDDDD;font-size:12px;height:16px;line-height:16px;}
|
||||
.comment textarea{margin:10px 0;padding:7px;height:auto;}
|
||||
.comment #captchaReply{margin-left:10px;}
|
||||
#commentValidate,#commentValidateReply{width:240px;}
|
||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../community/images/emotions/emotions-black.png");margin:0 12px;}
|
||||
.footer-secondary{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;padding:40px 0;}
|
||||
.footer-secondary h4,.article-date,.comment th span.comment-label{background-color:#333333;color:#FFFFFF;float:left;font-size:17px;font-weight:bold;height:37px;line-height:37px;padding-left:15px;width:145px;}
|
||||
.most-view-count-articles,.recent-comments,.notice{float:left;width:700px;margin-left:65px;word-break:break-all;word-wrap:break-word;}
|
||||
.most-view-count-articles a{font:18px 微软雅黑;margin-right:20px;font-weight:bold;}
|
||||
.most-view-count-articles sup{font-size:12px;color:#555555;font-weight:normal;margin-right:3px;}
|
||||
.recent-comments div{float:left;margin:0 25px 10px 0px;text-align:center;width:91px;}
|
||||
.recent-comments div a{display:block;line-height:22px;}
|
||||
.recent-comments img,#comments>div>img{background-color:#FFFFFF;border-bottom:1px solid #C2C2C2;border-right:1px solid #C2C2C2;padding:8px 7px 7px 8px;width:75px;height:75px;}
|
||||
.recent-comments img:hover,#comments>div>img:hover{border-color:#5A5A5A;}
|
||||
.footer-widgets{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding:40px 0;}
|
||||
.footer-block{margin-right:20px;width:220px;}
|
||||
.footer-block h4{font:bold 18px 微软雅黑;color:#000000;height:25px;padding:0 0 15px;background:url("../images/indentline.png") repeat-x scroll left bottom transparent;}
|
||||
.footer-block ul{list-style:none;}
|
||||
.footer-block li{margin-left:0px;height:30px;padding-left:10px;background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;}
|
||||
.footer-block li.mostUsedTags a{padding-left:20px;}
|
||||
.footer-block li img{cursor:pointer;height:16px;left:0px;position:relative;top:-20px;width:16px;}
|
||||
.footer-block li a{color:#555555;display:block;height:19px;line-height:19px;overflow:hidden;padding:6px 0 1px 0px;}
|
||||
.footer-block li sup{float:left;margin:5px 3px 0 0;}
|
||||
.footer-block li:hover{background:url("../images/icon.png") repeat-x 0px -34px;}
|
||||
.footer{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;text-align:left;}
|
||||
.footer .content{line-height:22px;}
|
||||
.footer a{color:#000000;}
|
||||
.footer .goTop{background:url("../images/icon.png") no-repeat -12px -64px;cursor:pointer;padding-left:15px;height:17px;line-height:17px;}
|
||||
.error-msg{color:#333333;font-weight:bold;}
|
||||
.error-footer{bottom:0;position:fixed;width:100%;}
|
||||
.error-panel{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin-bottom:50px;padding:20px;}
|
||||
.error-panel h2{font:bold 30px/24px;margin:0 0 20px;}
|
||||
.read-more-icon,.arrow-dowm-icon,.tag-icon,.atom-icon,.up-icon,.down-icon{background-image:url("../images/icon.png");background-repeat:no-repeat;float:left;}
|
||||
.read-more-icon{background-position:0 -22px;height:12px;margin:2px 0 0 6px;width:12px;}
|
||||
.arrow-dowm-icon{background-position:-13px -22px;height:13px;margin:8px 0 0 6px;width:13px;cursor:pointer;}
|
||||
.tag-icon{background-position:0px -102px;margin-right:6px;height:16px;width:16px;}
|
||||
.atom-icon{height:22px;margin-left:6px;width:22px;}
|
||||
.up-icon{background-position:-11px -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer;}
|
||||
.down-icon{background-position:0 -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer;}
|
||||
.star-current-icon,.star-icon,.moon-icon,.moon-current-icon{height:58px;width:64px;background-image:url("../images/author-header.png");float:right;white-space:normal;text-align:center;word-break:break-all;padding-top:6px;word-wrap:break-word;font-weight:bold;}
|
||||
.star-current-icon{background-position:0px -64px;}
|
||||
a.star-current-icon{color:#333333;}
|
||||
.star-icon{background-position:0 -192px;}
|
||||
a.star-icon{color:orange;}
|
||||
.moon-icon{float:right;margin-top:4px;}
|
||||
.moon-current-icon{float:right;background-position:0 -128px;margin:1px 0 3px 0;}
|
||||
#tagsPanel a.tagPanel:hover{border:1px dashed;}
|
||||
#tagsPanel a.tagPanel{border:1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:3px;cursor:pointer;float:left;}
|
||||
body{background-color:#efefef;color:#555;min-width:960px}
|
||||
a,a:link{color:#000;text-decoration:none}
|
||||
a:active,a:visited{color:#000;text-decoration:none}
|
||||
a:hover{text-decoration:underline}
|
||||
.content{width:940px;margin:0 auto}
|
||||
.content>h2{margin:-20px 0 20px 0}
|
||||
.hr{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;margin:20px 0 40px;clear:both;height:2px}
|
||||
.arrow-right{background:url("../images/icon.png") 0 -64px no-repeat;float:left;height:38px;width:14px}
|
||||
input[type='button']{border-radius:5px;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 0 2px rgba(255,255,255,0.3) inset,0 1px 2px rgba(0,0,0,0.29);background-color:#000;background-image:linear-gradient(top, #333, #000);background-image:-moz-linear-gradient(top, #333, #000);background-image:-ms-linear-gradient(top, #333, #000);background-image:-o-linear-gradient(top, #333, #000);background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#000));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');border:1px solid #000;color:#fff;margin:15px 0 0 200px;padding:7px 13px;height:auto}
|
||||
input[type='button']:hover{background-color:#333;background-image:linear-gradient(top, #333, #212121);background-image:-moz-linear-gradient(top, #333, #212121);background-image:-ms-linear-gradient(top, #333, #212121);background-image:-o-linear-gradient(top, #333, #212121);background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#212121));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#212121')}
|
||||
.marginBottom40{margin-bottom:40px}
|
||||
.header-user{background-color:#dedede;padding-top:1px}
|
||||
.header-navi{background:url("../images/icon.png") 0 -130px repeat-x #333;margin-bottom:50px}
|
||||
a.header-title{color:#fff;text-decoration:none;line-height:49px;font:bold 35px/53px '微软雅黑,Arial,Helvetica'}
|
||||
.sub-title{color:#9bc4ce;margin-left:10px}
|
||||
.header-navi-main .tabs{list-style:none;height:57px}
|
||||
.header-navi-main .tab{float:left;font-size:16px;margin-left:1px;height:57px}
|
||||
.header-navi-main .tab:hover{background:url("../images/icon.png") repeat-x scroll 0 -130px #9bc4ce}
|
||||
#header-pages{position:relative}
|
||||
.header-navi-main .tab a{color:#fff;display:block;font-weight:bold;line-height:22px;padding:19px 16px 16px;text-decoration:none}
|
||||
#header-pages:hover .sub-tabs{left:0;list-style:none;position:absolute;top:57px;display:block}
|
||||
.header-navi-main .sub-tab{background-color:#9bc4ce;border-bottom:1px solid #76a0aa;border-top:1px solid #b4d9e2;margin-left:0}
|
||||
.header-navi-main .sub-tab a{min-width:98px;padding:0 16px;line-height:42px;font-size:14px}
|
||||
.header-navi-main .sub-tab:hover{background-color:#76a0aa}
|
||||
.article-header{color:#9f9f9f;float:left;font-size:12px;padding-top:15px;width:180px}
|
||||
.article-header ul{background-color:#333;list-style:none;width:160px}
|
||||
.article-header ul li{background:url("../images/indentline.png") repeat-x scroll left bottom transparent;font-weight:bold;padding:7px 15px 8px;margin-left:0}
|
||||
.article-header ul li a{color:#fff;display:block}
|
||||
.article-main{background-color:#fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin-right:20px;padding:20px 20px 0;width:499px;float:left;overflow:hidden}
|
||||
.article-body{line-height:145%}
|
||||
.article-body a{color:#075181}
|
||||
.article-body a:hover{color:#68add5}
|
||||
.article-main h2.title{font:bold 30px Arial,Helvetica,sans-serif;margin:0 0 20px}
|
||||
.article-main h2.title sup{font-size:12px}
|
||||
.read-more a{background-color:#f2f2f2;color:#333;font-size:12px;padding:8px 18px 8px 12px;margin:20px 0;float:left}
|
||||
.article-footer{width:200px;float:left}
|
||||
.article-footer h3{background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;font-size:17px;padding:25px 0 10px}
|
||||
.article-footer ul{list-style:none}
|
||||
.article-footer li{margin-left:0;border-bottom:1px solid #e0e0e0;padding:8px 5px}
|
||||
.article-footer a{color:#888;margin-bottom:2px;display:block}
|
||||
.pagination{background-color:#fff;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;margin:0 0 20px 181px;text-align:center;padding:12px 20px;width:499px}
|
||||
.pagination a{color:#555;padding:0 3px;text-decoration:none}
|
||||
.pagination a.selected{font-weight:bold}
|
||||
.pagination a:hover,.pagination a.selected{text-decoration:underline}
|
||||
.article-detail-body{width:716px;margin-right:0}
|
||||
.article-detail-body .tags,#replyForm{margin:20px 0}
|
||||
.article-detail-footer{background-color:#fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin:40px 0 40px 181px;padding:20px;width:716px}
|
||||
.article-detail-footer>a{font-weight:bold}
|
||||
.article-relative{margin-top:20px;width:360px}
|
||||
.article-relative h4{font-size:14px;line-height:25px}
|
||||
.article-relative a{color:#555;line-height:145%}
|
||||
#comments{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding-top:30px;position:relative}
|
||||
#comments>div{margin-top:10px}
|
||||
#comments>div>img{height:80px;width:80px;margin:1px 10px 10px 0}
|
||||
#comments .comment-panel{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding:20px;width:798px;margin-bottom:10px;word-wrap:break-word;overflow:hidden}
|
||||
#comments .comment-top{margin-bottom:10px}
|
||||
#comments .comment-panel .reply{margin-top:20px}
|
||||
#comments .comment-panel .reply a{border-radius:5px;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 0 2px rgba(255,255,255,0.3) inset,0 1px 2px rgba(0,0,0,0.29);background-color:#eee;border:1px solid #888;color:#555;padding:2px 10px}
|
||||
#comments .comment-panel .reply a:hover{background-color:#e6e6e6;text-decoration:none}
|
||||
.comment-body-ref{position:absolute;border:1px solid #e3e3e3;background-color:#fff;padding:10px 0 0 10px;left:177px;opacity:.9}
|
||||
#comments .comment-body-ref .comment-panel{border-width:0;margin-bottom:0;width:620px;padding:10px}
|
||||
.comment-title{color:#333;font-size:30px;margin:20px 0 15px 0;font-family:\5fae\8f6f\96c5\9ed1}
|
||||
.comment{margin-bottom:40px}
|
||||
.comment th{padding:10px 0 10px 0;text-align:left}
|
||||
.comment input[type="text"],.comment textarea{outline:none;color:#666;padding:10px 7px;background-color:#fff;font-family:Arial,Helvetica,sans-serif;width:723px;border:1px solid #ddd;font-size:12px;height:16px;line-height:16px}
|
||||
.comment textarea{margin:10px 0;padding:7px;height:auto}
|
||||
.comment #captchaReply{margin-left:10px}
|
||||
#commentValidate,#commentValidateReply{width:240px}
|
||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../community/images/emotions/emotions-black.png");margin:0 12px}
|
||||
.footer-secondary{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;padding:40px 0}
|
||||
.footer-secondary h4,.article-date,.comment th span.comment-label{background-color:#333;color:#fff;float:left;font-size:17px;font-weight:bold;height:37px;line-height:37px;padding-left:15px;width:145px}
|
||||
.most-view-count-articles,.recent-comments,.notice{float:left;width:700px;margin-left:65px;word-break:break-all;word-wrap:break-word}
|
||||
.most-view-count-articles a{font:18px 微软雅黑;margin-right:20px;font-weight:bold}
|
||||
.most-view-count-articles sup{font-size:12px;color:#555;font-weight:normal;margin-right:3px}
|
||||
.recent-comments div{float:left;margin:0 25px 10px 0;text-align:center;width:91px}
|
||||
.recent-comments div a{display:block;line-height:22px}
|
||||
.recent-comments img,#comments>div>img{background-color:#fff;border-bottom:1px solid #c2c2c2;border-right:1px solid #c2c2c2;padding:8px 7px 7px 8px;width:75px;height:75px}
|
||||
.recent-comments img:hover,#comments>div>img:hover{border-color:#5a5a5a}
|
||||
.footer-widgets{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding:40px 0}
|
||||
.footer-block{margin-right:20px;width:220px}
|
||||
.footer-block h4{font:bold 18px 微软雅黑;color:#000;height:25px;padding:0 0 15px;background:url("../images/indentline.png") repeat-x scroll left bottom transparent}
|
||||
.footer-block ul{list-style:none}
|
||||
.footer-block li{margin-left:0;height:30px;padding-left:10px;background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent}
|
||||
.footer-block li.mostUsedTags a{padding-left:20px}
|
||||
.footer-block li img{cursor:pointer;height:16px;left:0;position:relative;top:-20px;width:16px}
|
||||
.footer-block li a{color:#555;display:block;height:19px;line-height:19px;overflow:hidden;padding:6px 0 1px 0}
|
||||
.footer-block li sup{float:left;margin:5px 3px 0 0}
|
||||
.footer-block li:hover{background:url("../images/icon.png") repeat-x 0 -34px}
|
||||
.footer{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;text-align:left}
|
||||
.footer .content{line-height:22px}
|
||||
.footer a{color:#000}
|
||||
.footer .goTop{background:url("../images/icon.png") no-repeat -12px -64px;cursor:pointer;padding-left:15px;height:17px;line-height:17px}
|
||||
.error-msg{color:#333;font-weight:bold}
|
||||
.error-footer{bottom:0;position:fixed;width:100%}
|
||||
.error-panel{background-color:#fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin-bottom:50px;padding:20px}
|
||||
.error-panel h2{font:bold 30px/24px;margin:0 0 20px}
|
||||
.read-more-icon,.arrow-dowm-icon,.tag-icon,.atom-icon,.up-icon,.down-icon{background-image:url("../images/icon.png");background-repeat:no-repeat;float:left}
|
||||
.read-more-icon{background-position:0 -22px;height:12px;margin:2px 0 0 6px;width:12px}
|
||||
.arrow-dowm-icon{background-position:-13px -22px;height:13px;margin:8px 0 0 6px;width:13px;cursor:pointer}
|
||||
.tag-icon{background-position:0 -102px;margin-right:6px;height:16px;width:16px}
|
||||
.atom-icon{height:22px;margin-left:6px;width:22px}
|
||||
.up-icon{background-position:-11px -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer}
|
||||
.down-icon{background-position:0 -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer}
|
||||
.star-current-icon,.star-icon,.moon-icon,.moon-current-icon{height:58px;width:64px;background-image:url("../images/author-header.png");float:right;white-space:normal;text-align:center;word-break:break-all;padding-top:6px;word-wrap:break-word;font-weight:bold}
|
||||
.star-current-icon{background-position:0 -64px}
|
||||
a.star-current-icon{color:#333}
|
||||
.star-icon{background-position:0 -192px}
|
||||
a.star-icon{color:#ffa500}
|
||||
.moon-icon{float:right;margin-top:4px}
|
||||
.moon-current-icon{float:right;background-position:0 -128px;margin:1px 0 3px 0}
|
||||
#tagsPanel a.tagPanel:hover{border:1px dashed}
|
||||
#tagsPanel a.tagPanel{border:1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:3px;cursor:pointer;float:left}
|
||||
|
||||
@@ -22,5 +22,5 @@
|
||||
|
||||
name=Community
|
||||
version=2.0.5
|
||||
forSolo=0.6.0
|
||||
forSolo=0.6.1
|
||||
memo=Refers to http://demo.woothemes.com/skeptical/
|
||||
@@ -1,5 +1,5 @@
|
||||
/*
|
||||
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
||||
/**
|
||||
* 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.
|
||||
@@ -12,7 +12,7 @@
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
*/
|
||||
/*
|
||||
* skin ease style
|
||||
*
|
||||
|
||||
246
ease/css/ease.min.css
vendored
246
ease/css/ease.min.css
vendored
@@ -1,123 +1,123 @@
|
||||
html,body,div,ul,li{margin:0;padding:0;}
|
||||
body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#FCFCFC;}
|
||||
::selection{background-color:#D5D5D5;color:#FCFCFC;}
|
||||
::-moz-selection{background-color:#D5D5D5;color:#FCFCFC;}
|
||||
a{outline:none;color:#009EB8;text-decoration:none;}
|
||||
a:visited{color:#00b4d2;}
|
||||
a:hover{text-decoration:underline;}
|
||||
a:active{color:#00889f;}
|
||||
img{vertical-align:middle;border:0;}
|
||||
textarea,input{outline:none;}
|
||||
sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
|
||||
.left{float:left;}
|
||||
.right{float:right;}
|
||||
.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
|
||||
.none{display:none;}
|
||||
.ft-gray{color:#808080;}
|
||||
.ft-gray:visited{color:#9a9a9a;}
|
||||
.ft-gray:hover{color:#676767;text-decoration:none;}
|
||||
.fn-mgtb10{margin:10px 0;}
|
||||
.logo{padding:0 5px;text-shadow:0 0 1px #D5D5D5;}
|
||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../ease/images/emotions/emotions-ease.png");float:left;height:24px;margin-right:5px;width:24px;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;}
|
||||
#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg);}
|
||||
.em01{background-position:-24px 0;}
|
||||
.em02{background-position:-48px 0;}
|
||||
.em03{background-position:-72px 0;}
|
||||
.em04{background-position:-96px 1px;}
|
||||
.em05{background-position:0 -24px;}
|
||||
.em06{background-position:-24px -24px;}
|
||||
.em07{background-position:-48px -24px;}
|
||||
.em08{background-position:-72px -24px;}
|
||||
.em09{background-position:-96px -24px;}
|
||||
.em10{background-position:0 -48px;}
|
||||
.em11{background-position:-24px -48px;}
|
||||
.em12{background-position:-48px -48px;}
|
||||
.em13{background-position:-72px -48px;}
|
||||
.em14{background-position:-96px -48px;}
|
||||
#search,.translate-ico{background-image:url("/skins/ease/images/icons.png");}
|
||||
.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #D5D5D5;border-radius:3px;cursor:pointer;float:right;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px;}
|
||||
.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px #808080;background-color:#FCFCFC;}
|
||||
.wrapper{margin:0 auto;width:990px;}
|
||||
.main{background-color:#FFF;padding-bottom:50px;}
|
||||
.header{width:100%;z-index:1;}
|
||||
.header .title{border-bottom:1px solid #808080;font-size:26px;font-weight:normal;}
|
||||
.header .sub-title{font-size:11px;}
|
||||
#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #D5D5D5;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1) inset;color:#808080;float:right;font-size:14px;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width 0.4s ease, background 0.4s ease;-webkit-transition:width 0.4s ease, background 0.4s ease;transition:width 0.4s ease, background 0.4s ease;}
|
||||
#search:focus{width:150px;}
|
||||
.banner{margin-bottom:20px;}
|
||||
.banner .notice{float:left;margin:20px 0 0 50px;}
|
||||
.nav{background-color:#2C2C2C;box-shadow:0 2px 2px #d5d5d5,0 3px 3px -3px #d5d5d5 inset;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;height:29px;top:0;width:100%;z-index:1;}
|
||||
.nav ul{list-style:none;float:left;}
|
||||
.nav li{float:left;}
|
||||
.nav a{color:#C9C9C9;display:block;float:left;font-size:14px;font-weight:700;line-height:29px;margin-right:20px;padding:0 10px;text-decoration:none;transition:color 0.4s ease,background-color 0.8s ease;-webkit-transition:color 0.4s ease,background-color 0.8s ease;-moz-transition:color 0.4s ease,background-color 0.8s ease;}
|
||||
.nav a:hover{color:#FFF;background-color:#535353;}
|
||||
.nav a.current{background-color:#FFF;box-shadow:0 -1px 1px rgba(0, 0, 0, 0.1) inset,0 1px 1px rgba(0, 0, 0, 0.1) inset;color:#808080;}
|
||||
.nav img{margin-left:3px;}
|
||||
.footer{border-top:1px solid #D5D5D5;box-shadow:0 -1px 1px #d5d5d5;font-size:11px;padding:12px 0;-webkit-text-size-adjust:none;}
|
||||
#goTop{background:url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #d5d5d5;border-radius:2px 2px 0 0;box-shadow:0 0 3px #D5D5D5;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:50px;display:none;}
|
||||
#goTop:hover{background-color:#c8c8c8;box-shadow:0 0 3px #c8c8c8;}
|
||||
.wrapper>ul{list-style:none;}
|
||||
.main>.wrapper>h2{margin:0;padding:14px 0;}
|
||||
.article{border-bottom:1px solid #f6f6f6;padding:30px 50px;}
|
||||
.article:hover{border-bottom-color:#ddd;box-shadow:0 0 1px #f6f6f6 inset;background-color:#FCFCFC;}
|
||||
.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;margin-bottom:10px;font-size:14px;}
|
||||
.article-body ol,.article-body ul{margin-left:40px;}
|
||||
.article-body a{color:#808080;text-decoration:underline;}
|
||||
.article-body a:vidited{color:#9a9a9a;}
|
||||
.article-body a:hover{color:#676767;}
|
||||
.article-body>div{min-height:32px;}
|
||||
.article-title h2{display:inline;}
|
||||
.article-title span{cursor:pointer;}
|
||||
.article-last:hover{border-bottom:1px solid #f6f6f6;}
|
||||
.article-next{border:1px solid #eee;background-color:#F9F9F9;cursor:pointer;font-size:14px;line-height:36px;text-align:center;}
|
||||
.article-next:hover{background-color:#FCFCFC;}
|
||||
.article-relative{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;margin:10px 0;padding:0 20px 10px;width:382px;}
|
||||
.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5;}
|
||||
.article-relative ul{list-style:none;}
|
||||
#relevantArticles{margin-right:40px;}
|
||||
#externalRelevantArticles{width:357px;margin-top:0;}
|
||||
#comments{padding:20px 50px;position:relative;}
|
||||
.comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px;}
|
||||
.comment-panel{float:left;line-height:16px;margin:0 0 20px 10px;min-height:64px;overflow:hidden;width:814px;}
|
||||
.comment-body-ref{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;left:127px;padding:10px;opacity:0.9;filter:alpha(opacity=90);position:absolute;border:1px solid #e2e2e2;}
|
||||
.comment-body-ref>.comment-header{border:0 none;float:right;height:48px;width:48px;padding:0;}
|
||||
.comment-body-ref>.comment-panel{margin:0 20px 0 0;min-height:48px;width:725px;}
|
||||
.comment-body-ref>.comment-panel>.right{display:none;}
|
||||
#replyForm{margin-left:25px;}
|
||||
.form{padding:0 50px 20px;}
|
||||
.wrapper>.form{float:left;}
|
||||
.form th{text-align:right;white-space:nowrap;}
|
||||
.form input[type="text"],.form input[type="password"],.form textarea{background-color:#FCFCFC;border-width:0;box-shadow:0 0 2px #BCBCBC;font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;margin:0 5px 10px 0;outline:medium none;padding:0 3px;height:28px;line-height:28px;width:260px;}
|
||||
.form input:focus,.form textarea:focus{box-shadow:0 0 4px #D5D5D5;}
|
||||
.form textarea{height:120px;overflow:auto;width:426px;line-height:16px;}
|
||||
.form button{background-color:#F6F6F6;border:0 none;box-shadow:0 0 2px #D5D5D5;height:28px;line-height:28px;padding:0 12px;color:#808080;}
|
||||
.form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px;}
|
||||
.form img{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;cursor:pointer;height:24px;padding:1px;}
|
||||
#tags.other-main{margin:47px 44px 0;width:902px;}
|
||||
#tags li{float:left;height:38px;}
|
||||
#tags a{margin:3px 6px;padding:3px 12px;background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;}
|
||||
#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #D5D5D5;}
|
||||
.tags1,.tags1:visited{font-size:12px;color:#a7a7a7;}
|
||||
.tags2,.tags2:visited{font-size:14px;color:#808080;}
|
||||
.tags3,.tags3:visited{font-size:16px;color:#595959;}
|
||||
.tags4,.tags4:visited{font-size:18px;color:#323232;}
|
||||
.tags5,.tags5:visited{font-size:20px;color:#0a0a0a;}
|
||||
.archives{position:relative;}
|
||||
.archives>div{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;padding-bottom:20px;line-height:20px;margin:20px;width:270px;position:absolute;top:0;}
|
||||
.archives h3{text-align:center;}
|
||||
.archives>div:hover{box-shadow:0 0 4px #D5D5D5;}
|
||||
.archives a{display:block;margin-left:77px;}
|
||||
.dynamic ul{list-style:none;}
|
||||
.dynamic h3{text-align:center;}
|
||||
.dynamic .module{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;line-height:20px;margin:20px;padding:10px 20px 20px;width:385px;}
|
||||
.dynamic .module:hover{box-shadow:0 0 4px #D5D5D5;}
|
||||
.dynamic .side-comments{width:600px;}
|
||||
.dynamic .side-comments .comment-panel{width:510px;}
|
||||
.dynamic .side-tags{width:170px;}
|
||||
.dynamic .side-tags li{float:left;margin:0 5px;}
|
||||
.dynamic .side-most-comment,.dynamic .side-most-view{margin-bottom:0;}
|
||||
.other-main.links{margin-top:45px;}
|
||||
.links li{float:left;line-height:22px;margin:0 20px;width:270px;}
|
||||
.other-main{display:inline-block;margin:30px 30px 0;width:930px;}
|
||||
#tags a,.archives>div,.dynamic .module,.form input[type="text"],.form input[type="password"],.form textarea,.article-relative{border:1px solid #f2f2f2;}
|
||||
#tags a:hover,.archives>div:hover,.dynamic .module:hover,.form input:focus,.form textarea:focus,.article-relative:hover{border:1px solid #e2e2e2;}
|
||||
html,body,div,ul,li{margin:0;padding:0}
|
||||
body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#fcfcfc}
|
||||
::selection{background-color:#d5d5d5;color:#fcfcfc}
|
||||
::-moz-selection{background-color:#d5d5d5;color:#fcfcfc}
|
||||
a{outline:none;color:#009eb8;text-decoration:none}
|
||||
a:visited{color:#00b4d2}
|
||||
a:hover{text-decoration:underline}
|
||||
a:active{color:#00889f}
|
||||
img{vertical-align:middle;border:0}
|
||||
textarea,input{outline:none}
|
||||
sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none}
|
||||
.left{float:left}
|
||||
.right{float:right}
|
||||
.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}
|
||||
.none{display:none}
|
||||
.ft-gray{color:#808080}
|
||||
.ft-gray:visited{color:#9a9a9a}
|
||||
.ft-gray:hover{color:#676767;text-decoration:none}
|
||||
.fn-mgtb10{margin:10px 0}
|
||||
.logo{padding:0 5px;text-shadow:0 0 1px #d5d5d5}
|
||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../ease/images/emotions/emotions-ease.png");float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}
|
||||
#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}
|
||||
.em01{background-position:-24px 0}
|
||||
.em02{background-position:-48px 0}
|
||||
.em03{background-position:-72px 0}
|
||||
.em04{background-position:-96px 1px}
|
||||
.em05{background-position:0 -24px}
|
||||
.em06{background-position:-24px -24px}
|
||||
.em07{background-position:-48px -24px}
|
||||
.em08{background-position:-72px -24px}
|
||||
.em09{background-position:-96px -24px}
|
||||
.em10{background-position:0 -48px}
|
||||
.em11{background-position:-24px -48px}
|
||||
.em12{background-position:-48px -48px}
|
||||
.em13{background-position:-72px -48px}
|
||||
.em14{background-position:-96px -48px}
|
||||
#search,.translate-ico{background-image:url("/skins/ease/images/icons.png")}
|
||||
.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #d5d5d5;border-radius:3px;cursor:pointer;float:right;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px}
|
||||
.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px #808080;background-color:#fcfcfc}
|
||||
.wrapper{margin:0 auto;width:990px}
|
||||
.main{background-color:#fff;padding-bottom:50px}
|
||||
.header{width:100%;z-index:1}
|
||||
.header .title{border-bottom:1px solid #808080;font-size:26px;font-weight:normal}
|
||||
.header .sub-title{font-size:11px}
|
||||
#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#fff;border:1px solid #d5d5d5;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#808080;float:right;font-size:14px;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width .4s ease,background .4s ease;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease}
|
||||
#search:focus{width:150px}
|
||||
.banner{margin-bottom:20px}
|
||||
.banner .notice{float:left;margin:20px 0 0 50px}
|
||||
.nav{background-color:#2c2c2c;box-shadow:0 2px 2px #d5d5d5,0 3px 3px -3px #d5d5d5 inset;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;height:29px;top:0;width:100%;z-index:1}
|
||||
.nav ul{list-style:none;float:left}
|
||||
.nav li{float:left}
|
||||
.nav a{color:#c9c9c9;display:block;float:left;font-size:14px;font-weight:700;line-height:29px;margin-right:20px;padding:0 10px;text-decoration:none;transition:color .4s ease,background-color .8s ease;-webkit-transition:color .4s ease,background-color .8s ease;-moz-transition:color .4s ease,background-color .8s ease}
|
||||
.nav a:hover{color:#fff;background-color:#535353}
|
||||
.nav a.current{background-color:#fff;box-shadow:0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 1px rgba(0,0,0,0.1) inset;color:#808080}
|
||||
.nav img{margin-left:3px}
|
||||
.footer{border-top:1px solid #d5d5d5;box-shadow:0 -1px 1px #d5d5d5;font-size:11px;padding:12px 0;-webkit-text-size-adjust:none}
|
||||
#goTop{background:url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #d5d5d5;border-radius:2px 2px 0 0;box-shadow:0 0 3px #d5d5d5;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:50px;display:none}
|
||||
#goTop:hover{background-color:#c8c8c8;box-shadow:0 0 3px #c8c8c8}
|
||||
.wrapper>ul{list-style:none}
|
||||
.main>.wrapper>h2{margin:0;padding:14px 0}
|
||||
.article{border-bottom:1px solid #f6f6f6;padding:30px 50px}
|
||||
.article:hover{border-bottom-color:#ddd;box-shadow:0 0 1px #f6f6f6 inset;background-color:#fcfcfc}
|
||||
.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;margin-bottom:10px;font-size:14px}
|
||||
.article-body ol,.article-body ul{margin-left:40px}
|
||||
.article-body a{color:#808080;text-decoration:underline}
|
||||
.article-body a:vidited{color:#9a9a9a}
|
||||
.article-body a:hover{color:#676767}
|
||||
.article-body>div{min-height:32px}
|
||||
.article-title h2{display:inline}
|
||||
.article-title span{cursor:pointer}
|
||||
.article-last:hover{border-bottom:1px solid #f6f6f6}
|
||||
.article-next{border:1px solid #eee;background-color:#f9f9f9;cursor:pointer;font-size:14px;line-height:36px;text-align:center}
|
||||
.article-next:hover{background-color:#fcfcfc}
|
||||
.article-relative{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;float:left;margin:10px 0;padding:0 20px 10px;width:382px}
|
||||
.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #d5d5d5}
|
||||
.article-relative ul{list-style:none}
|
||||
#relevantArticles{margin-right:40px}
|
||||
#externalRelevantArticles{width:357px;margin-top:0}
|
||||
#comments{padding:20px 50px;position:relative}
|
||||
.comment-header{float:left;background-color:#fff;border:1px solid #dedede;padding:2px;height:60px;width:60px}
|
||||
.comment-panel{float:left;line-height:16px;margin:0 0 20px 10px;min-height:64px;overflow:hidden;width:814px}
|
||||
.comment-body-ref{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;display:block;left:127px;padding:10px;opacity:.9;filter:alpha(opacity=90);position:absolute;border:1px solid #e2e2e2}
|
||||
.comment-body-ref>.comment-header{border:0 none;float:right;height:48px;width:48px;padding:0}
|
||||
.comment-body-ref>.comment-panel{margin:0 20px 0 0;min-height:48px;width:725px}
|
||||
.comment-body-ref>.comment-panel>.right{display:none}
|
||||
#replyForm{margin-left:25px}
|
||||
.form{padding:0 50px 20px}
|
||||
.wrapper>.form{float:left}
|
||||
.form th{text-align:right;white-space:nowrap}
|
||||
.form input[type="text"],.form input[type="password"],.form textarea{background-color:#fcfcfc;border-width:0;box-shadow:0 0 2px #bcbcbc;font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;margin:0 5px 10px 0;outline:medium none;padding:0 3px;height:28px;line-height:28px;width:260px}
|
||||
.form input:focus,.form textarea:focus{box-shadow:0 0 4px #d5d5d5}
|
||||
.form textarea{height:120px;overflow:auto;width:426px;line-height:16px}
|
||||
.form button{background-color:#f6f6f6;border:0 none;box-shadow:0 0 2px #d5d5d5;height:28px;line-height:28px;padding:0 12px;color:#808080}
|
||||
.form button:hover{box-shadow:0 0 4px #d5d5d5;text-shadow:0 0 2px}
|
||||
.form img{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;cursor:pointer;height:24px;padding:1px}
|
||||
#tags.other-main{margin:47px 44px 0;width:902px}
|
||||
#tags li{float:left;height:38px}
|
||||
#tags a{margin:3px 6px;padding:3px 12px;background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;float:left}
|
||||
#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #d5d5d5}
|
||||
.tags1,.tags1:visited{font-size:12px;color:#a7a7a7}
|
||||
.tags2,.tags2:visited{font-size:14px;color:#808080}
|
||||
.tags3,.tags3:visited{font-size:16px;color:#595959}
|
||||
.tags4,.tags4:visited{font-size:18px;color:#323232}
|
||||
.tags5,.tags5:visited{font-size:20px;color:#0a0a0a}
|
||||
.archives{position:relative}
|
||||
.archives>div{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;padding-bottom:20px;line-height:20px;margin:20px;width:270px;position:absolute;top:0}
|
||||
.archives h3{text-align:center}
|
||||
.archives>div:hover{box-shadow:0 0 4px #d5d5d5}
|
||||
.archives a{display:block;margin-left:77px}
|
||||
.dynamic ul{list-style:none}
|
||||
.dynamic h3{text-align:center}
|
||||
.dynamic .module{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;float:left;line-height:20px;margin:20px;padding:10px 20px 20px;width:385px}
|
||||
.dynamic .module:hover{box-shadow:0 0 4px #d5d5d5}
|
||||
.dynamic .side-comments{width:600px}
|
||||
.dynamic .side-comments .comment-panel{width:510px}
|
||||
.dynamic .side-tags{width:170px}
|
||||
.dynamic .side-tags li{float:left;margin:0 5px}
|
||||
.dynamic .side-most-comment,.dynamic .side-most-view{margin-bottom:0}
|
||||
.other-main.links{margin-top:45px}
|
||||
.links li{float:left;line-height:22px;margin:0 20px;width:270px}
|
||||
.other-main{display:inline-block;margin:30px 30px 0;width:930px}
|
||||
#tags a,.archives>div,.dynamic .module,.form input[type="text"],.form input[type="password"],.form textarea,.article-relative{border:1px solid #f2f2f2}
|
||||
#tags a:hover,.archives>div:hover,.dynamic .module:hover,.form input:focus,.form textarea:focus,.article-relative:hover{border:1px solid #e2e2e2}
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
<input type="hidden" name="oe" value="UTF-8" />
|
||||
<input type="hidden" name="ie" value="UTF-8" />
|
||||
<input type="hidden" name="newwindow" value="0" />
|
||||
<input type="hidden" name="sitesearch" value="${blogHost}" />
|
||||
<input type="hidden" name="sitesearch" value="${serverHost}" />
|
||||
</form>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
/*
|
||||
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
||||
* 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.
|
||||
@@ -13,7 +13,6 @@
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
/**
|
||||
* @fileoverview ease js.
|
||||
*
|
||||
|
||||
21
ease/js/ease.min.js
vendored
21
ease/js/ease.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -23,5 +23,5 @@
|
||||
|
||||
name=ease
|
||||
version=1.0.4
|
||||
forSolo=0.6.0
|
||||
forSolo=0.6.1
|
||||
memo=\u56de\u5f52\u606c\u9759
|
||||
|
||||
@@ -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
|
||||
|
||||
254
favourite/css/favourite.min.css
vendored
254
favourite/css/favourite.min.css
vendored
@@ -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}
|
||||
|
||||
@@ -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/
|
||||
@@ -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
|
||||
|
||||
184
i-nove/css/i-nove.min.css
vendored
184
i-nove/css/i-nove.min.css
vendored
@@ -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}
|
||||
|
||||
@@ -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
|
||||
56
metro-hot/archive-articles.ftl
Normal file
56
metro-hot/archive-articles.ftl
Normal file
@@ -0,0 +1,56 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-side.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${archiveDate.archiveDateYear}${archiveDate.archiveDateMonth}"/>
|
||||
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
<#include "header.ftl" />
|
||||
<div class="sub-nav fn-clear">
|
||||
<h2>
|
||||
${archive1Label}
|
||||
<#if "en" == localeString?substring(0, 2)>
|
||||
${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount})
|
||||
<#else>
|
||||
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount})
|
||||
</#if>
|
||||
</h2>
|
||||
<#if 0 != paginationPageCount>
|
||||
<div class="pagination">
|
||||
<#if 1 != paginationPageNums?first>
|
||||
<a id="previousPage" href="${servePath}${path}/${paginationPreviousPageNum}"
|
||||
title="${previousPageLabel}"><</a>
|
||||
</#if>
|
||||
<#list paginationPageNums as paginationPageNum>
|
||||
<#if paginationPageNum == paginationCurrentPageNum>
|
||||
<span>${paginationPageNum}</span>
|
||||
<#else>
|
||||
<a href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
|
||||
</#if>
|
||||
</#list>
|
||||
<#if paginationPageNums?last != paginationPageCount>
|
||||
<a id="nextPage" href="${servePath}${path}/${paginationNextPageNum}" title="${nextPagePabel}">></a>
|
||||
</#if>
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fn-clear">
|
||||
<div class="main">
|
||||
<#include "article-list.ftl"/>
|
||||
<#include "copyright.ftl"/>
|
||||
</div>
|
||||
<@side isArticle=false />
|
||||
</div>
|
||||
</div>
|
||||
<span id="goTop" onclick="Util.goTop()" data-ico="" class="side-tile"></span>
|
||||
<#include "footer.ftl"/>
|
||||
</body>
|
||||
</html>
|
||||
45
metro-hot/archives.ftl
Normal file
45
metro-hot/archives.ftl
Normal file
@@ -0,0 +1,45 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-side.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${archiveLabel}"/>
|
||||
<meta name="description" content="${metaDescription},${archiveLabel}"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
<#include "header.ftl" />
|
||||
<div class="sub-nav fn-clear">
|
||||
<h2>${dateArticlesLabel}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fn-clear">
|
||||
<div class="main">
|
||||
<#if 0 != archiveDates?size>
|
||||
<div class="archives fn-clear">
|
||||
<#list archiveDates as archiveDate>
|
||||
<#if "en" == localeString?substring(0, 2)>
|
||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
||||
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
|
||||
${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})</a>
|
||||
<#else>
|
||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
||||
title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
|
||||
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a>
|
||||
</#if>
|
||||
</#list>
|
||||
</div>
|
||||
</#if>
|
||||
<#include "copyright.ftl"/>
|
||||
</div>
|
||||
<@side isArticle=false />
|
||||
</div>
|
||||
</div>
|
||||
<span id="goTop" onclick="Util.goTop()" data-ico="" class="side-tile"></span>
|
||||
<#include "footer.ftl"/>
|
||||
</body>
|
||||
</html>
|
||||
73
metro-hot/article-list.ftl
Normal file
73
metro-hot/article-list.ftl
Normal file
@@ -0,0 +1,73 @@
|
||||
<div class="article-list fn-clear">
|
||||
<#list articles as article>
|
||||
<div>
|
||||
<div class="article-abstract">
|
||||
<div class="fn-clear">
|
||||
<div class="article-date" data-ico="">
|
||||
<#if article.hasUpdated>
|
||||
${article.articleUpdateDate?string("yy-MM-dd HH:mm")}
|
||||
<#else>
|
||||
${article.articleCreateDate?string("yy-MM-dd HH:mm")}
|
||||
</#if>
|
||||
</div>
|
||||
<div class="fn-right">
|
||||
<a rel="nofollow" data-ico="" href="${servePath}${article.articlePermalink}#comments">
|
||||
${article.articleCommentCount}
|
||||
</a>
|
||||
<a rel="nofollow" data-ico="" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleViewCount}
|
||||
</a>
|
||||
<a rel="nofollow" data-ico="`" href="${servePath}/authors/${article.authorId}">
|
||||
${article.authorName}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="article-title">
|
||||
<a rel="bookmark" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
<div class="article-body">
|
||||
${article.articleAbstract}
|
||||
</div>
|
||||
<div data-ico=";" title="${tagLabel}" class="article-tags">
|
||||
<#list article.articleTags?split(",") as articleTag>
|
||||
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
|
||||
${articleTag}</a><#if articleTag_has_next>, </#if>
|
||||
</#list>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</#list>
|
||||
</div>
|
||||
|
||||
<#if 0 != paginationPageCount>
|
||||
<div class="pagination">
|
||||
<#if 1 != paginationPageNums?first>
|
||||
<a id="previousPage" href="${servePath}${path}/${paginationPreviousPageNum}"
|
||||
title="${previousPageLabel}"><</a>
|
||||
</#if>
|
||||
<#list paginationPageNums as paginationPageNum>
|
||||
<#if paginationPageNum == paginationCurrentPageNum>
|
||||
<span>${paginationPageNum}</span>
|
||||
<#else>
|
||||
<a href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
|
||||
</#if>
|
||||
</#list>
|
||||
<#if paginationPageNums?last != paginationPageCount>
|
||||
<a id="nextPage" href="${servePath}${path}/${paginationNextPageNum}" title="${nextPagePabel}">></a>
|
||||
</#if>
|
||||
</#if>
|
||||
</div>
|
||||
|
||||
85
metro-hot/article.ftl
Normal file
85
metro-hot/article.ftl
Normal file
@@ -0,0 +1,85 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-comments.ftl">
|
||||
<#include "macro-side.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${article.articleTitle} - ${blogTitle}">
|
||||
<meta name="keywords" content="${article.articleTags}" />
|
||||
<meta name="description" content="${article.articleAbstract?html}" />
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
<#include "header.ftl">
|
||||
<div class="article-header">
|
||||
<span class="article-date" data-ico="">
|
||||
<#if article.hasUpdated>
|
||||
${article.articleUpdateDate?string("yy-MM-dd HH:mm")}
|
||||
<#else>
|
||||
${article.articleCreateDate?string("yy-MM-dd HH:mm")}
|
||||
</#if>
|
||||
</span>
|
||||
|
||||
<h2>
|
||||
${article.articleTitle}
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
<div data-ico=";" title="${tagLabel}">
|
||||
<#list article.articleTags?split(",") as articleTag>
|
||||
<a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">${articleTag}</a><#if articleTag_has_next>,</#if>
|
||||
</#list>
|
||||
</div>
|
||||
<div class="article-info">
|
||||
<a rel="nofollow" data-ico="" href="${servePath}${article.articlePermalink}#comments">
|
||||
${article.articleCommentCount}
|
||||
</a>
|
||||
<a rel="nofollow" data-ico="" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleViewCount}
|
||||
</a>
|
||||
<a rel="nofollow" data-ico="`" href="${servePath}/authors/${article.authorId}">
|
||||
${article.authorName}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fn-clear">
|
||||
<div class="main">
|
||||
<div class="article-body">
|
||||
${article.articleContent}
|
||||
<#if "" != article.articleSign.signHTML?trim>
|
||||
${article.articleSign.signHTML}
|
||||
</#if>
|
||||
</div>
|
||||
<@comments commentList=articleComments article=article></@comments>
|
||||
<#include "copyright.ftl"/>
|
||||
</div>
|
||||
<@side isArticle=true />
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
<@comment_script oId=article.oId>
|
||||
page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
|
||||
<#if 0 != randomArticlesDisplayCount>
|
||||
MetroHot.loadRandomArticles();
|
||||
</#if>
|
||||
<#if 0 != relevantArticlesDisplayCount>
|
||||
MetroHot.loadRelevantArticles('${article.oId}');
|
||||
</#if>
|
||||
<#if 0 != externalRelevantArticlesDisplayCount>
|
||||
MetroHot.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,</#if></#list>");
|
||||
</#if>
|
||||
</@comment_script>
|
||||
</body>
|
||||
</html>
|
||||
31
metro-hot/author-articles.ftl
Normal file
31
metro-hot/author-articles.ftl
Normal file
@@ -0,0 +1,31 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-side.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${authorName} - ${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${authorName}"/>
|
||||
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
<#include "header.ftl" />
|
||||
<div class="sub-nav fn-clear">
|
||||
<h2>${author1Label}${authorName} </h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fn-clear">
|
||||
<div class="main">
|
||||
<#include "article-list.ftl"/>
|
||||
<#include "copyright.ftl"/>
|
||||
</div>
|
||||
<@side isArticle=false />
|
||||
</div>
|
||||
</div>
|
||||
<span id="goTop" onclick="Util.goTop()" data-ico="" class="side-tile"></span>
|
||||
<#include "footer.ftl"/>
|
||||
</body>
|
||||
</html>
|
||||
7
metro-hot/copyright.ftl
Normal file
7
metro-hot/copyright.ftl
Normal file
@@ -0,0 +1,7 @@
|
||||
<div class="footer">
|
||||
<span class="ft-gray">© ${year}</span> -
|
||||
<a href="${servePath}">${blogTitle}</a> Powered by
|
||||
<a href="http://b3log.org" target="_blank" class="logo"> ${b3logLabel}
|
||||
<span style="color: orangered; font-weight: bold;">Solo</span></a>, ver ${version} Theme by
|
||||
<a rel="friend" rel="friend" href="http://vanessa.b3log.org" target="_blank">Vanessa</a>.
|
||||
</div>
|
||||
BIN
metro-hot/css/font/IcoMoon.eot
Normal file
BIN
metro-hot/css/font/IcoMoon.eot
Normal file
Binary file not shown.
2794
metro-hot/css/font/IcoMoon.svg
Normal file
2794
metro-hot/css/font/IcoMoon.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 423 KiB |
BIN
metro-hot/css/font/IcoMoon.ttf
Normal file
BIN
metro-hot/css/font/IcoMoon.ttf
Normal file
Binary file not shown.
BIN
metro-hot/css/font/IcoMoon.woff
Normal file
BIN
metro-hot/css/font/IcoMoon.woff
Normal file
Binary file not shown.
198
metro-hot/css/metro-hot-responsive.css
Normal file
198
metro-hot/css/metro-hot-responsive.css
Normal file
@@ -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 <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @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;
|
||||
}
|
||||
}
|
||||
1
metro-hot/css/metro-hot-responsive.min.css
vendored
Normal file
1
metro-hot/css/metro-hot-responsive.min.css
vendored
Normal file
@@ -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}}
|
||||
972
metro-hot/css/metro-hot.css
Normal file
972
metro-hot/css/metro-hot.css
Normal file
@@ -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 <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @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 */
|
||||
153
metro-hot/css/metro-hot.min.css
vendored
Normal file
153
metro-hot/css/metro-hot.min.css
vendored
Normal file
@@ -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}
|
||||
229
metro-hot/dynamic.ftl
Normal file
229
metro-hot/dynamic.ftl
Normal file
@@ -0,0 +1,229 @@
|
||||
<#include "macro-head.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${dynamicLabel}"/>
|
||||
<meta name="description" content="${metaDescription},${dynamicLabel}"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
<#include "header.ftl" />
|
||||
<div class="article-header">
|
||||
<h2>${blogSubtitle}</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="fn-clear" id="dynamic">
|
||||
<div class="main">
|
||||
<#if 0 != recentComments?size>
|
||||
<div id="comments">
|
||||
<#list recentComments as comment>
|
||||
<#if comment_index < 6>
|
||||
<div id="${comment.oId}" class="fn-clear">
|
||||
<img title="${comment.commentName}"
|
||||
alt="${comment.commentName}" src="${comment.commentThumbnailURL}"/>
|
||||
<div class="comment-main">
|
||||
<div class="fn-clear">
|
||||
<#if "http://" == comment.commentURL>
|
||||
<span>${comment.commentName}</span>
|
||||
<#else>
|
||||
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
|
||||
</#if>
|
||||
<div class="fn-right" data-ico="">
|
||||
${comment.commentDate?string("yy-MM-dd HH:mm")}
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-body">${comment.commentContent}</div>
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
</#list>
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
<div class="side">
|
||||
<div>
|
||||
<form target="_blank" method="get" action="http://www.google.com/search">
|
||||
<input placeholder="Search" id="search" type="text" name="q" /><span data-ico="g"></span>
|
||||
<input type="submit" name="btnG" value="" class="fn-none" />
|
||||
<input type="hidden" name="oe" value="UTF-8" />
|
||||
<input type="hidden" name="ie" value="UTF-8" />
|
||||
<input type="hidden" name="newwindow" value="0" />
|
||||
<input type="hidden" name="sitesearch" value="${serverHost}" />
|
||||
</form>
|
||||
|
||||
<#if "" != noticeBoard>
|
||||
<div class="notice-board side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${noticeBoard}
|
||||
</div>
|
||||
<div class="text">
|
||||
${noticeBoardLabel}
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<a rel="alternate" href="${servePath}/blog-articles-feed.do" class="user side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="text">
|
||||
${atomLabel}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="online-count side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="text">
|
||||
${viewCount1Label}
|
||||
${statistic.statisticBlogViewCount}<br/>
|
||||
${articleCount1Label}
|
||||
${statistic.statisticPublishedBlogArticleCount}<br/>
|
||||
${commentCount1Label}
|
||||
${statistic.statisticPublishedBlogCommentCount}<br/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<#include "copyright.ftl">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="fn-clear">
|
||||
<#if 0 != mostCommentArticles?size>
|
||||
<div class="side-tile most-comment fn-clear">
|
||||
<div class="fn-left">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${mostCommentArticlesLabel}
|
||||
</div>
|
||||
</div>
|
||||
<div class="text fn-right">
|
||||
<ul>
|
||||
<#list mostCommentArticles as article>
|
||||
<li>
|
||||
<a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<span data-ico="">
|
||||
${article.articleCommentCount}
|
||||
</span>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
|
||||
<#if 0 != mostViewCountArticles?size>
|
||||
<div class="side-tile most-view fn-clear">
|
||||
<div class="fn-left">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${mostViewCountArticlesLabel}
|
||||
</div>
|
||||
</div>
|
||||
<div class="text fn-right">
|
||||
<ul>
|
||||
<#list mostViewCountArticles as article>
|
||||
<li>
|
||||
<a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<span data-ico="">
|
||||
${article.articleViewCount}
|
||||
</span>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
|
||||
<div class="fn-clear">
|
||||
<#if 0 != archiveDates?size>
|
||||
<div class="side-tile archives-tile fn-clear">
|
||||
<div class="fn-left">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${dateArticlesLabel}
|
||||
</div>
|
||||
</div>
|
||||
<div class="text fn-right">
|
||||
<#list archiveDates as archiveDate>
|
||||
<#if "en" == localeString?substring(0, 2)>
|
||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
||||
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
|
||||
${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})</a>
|
||||
<#else>
|
||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
||||
title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
|
||||
${archiveDate.archiveDateYear?substring(2,4)}${yearLabel}${archiveDate.archiveDateMonth}${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a>
|
||||
</#if>
|
||||
</#list>
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<#if 0 != links?size>
|
||||
<div class="side-tile links-tile fn-clear">
|
||||
<div class="fn-left">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${linkLabel}
|
||||
</div>
|
||||
</div>
|
||||
<div class="text fn-right">
|
||||
<#list links as link>
|
||||
<a rel="friend" href="${link.linkAddress}" title="${link.linkDescription}" target="_blank">
|
||||
<!--img src="http://www.google.com/s2/u/0/favicons?domain=<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>" /-->
|
||||
${link.linkTitle}
|
||||
</a>
|
||||
</#list>
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<#if 0 != mostUsedTags?size>
|
||||
<div class="side-tile tags-tile fn-clear">
|
||||
<div class="fn-left">
|
||||
<span data-ico=";"></span>
|
||||
<div class="title">
|
||||
${popTagsLabel}
|
||||
</div>
|
||||
</div>
|
||||
<div class="text fn-right">
|
||||
<#list mostUsedTags as tag>
|
||||
<a rel="tag" href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}"
|
||||
title="${tag.tagTitle}(${tag.tagPublishedRefCount})">
|
||||
${tag.tagTitle}
|
||||
</a>
|
||||
</#list>
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
</div>
|
||||
<span id="goTop" onclick="Util.goTop()" data-ico="" class="side-tile"></span>
|
||||
<#include "footer.ftl"/>
|
||||
<script>
|
||||
$("#comments .article-body").each(function() {
|
||||
this.innerHTML = Util.replaceEmString($(this).html());
|
||||
});
|
||||
|
||||
if ($(".side").height() < $(".main").height()) {
|
||||
$(".main").height($(".side").height() - 5).css({
|
||||
"overflow": "auto",
|
||||
"margin-top": "5px"
|
||||
});
|
||||
|
||||
$("#comments").css("margin-top", "0");
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
41
metro-hot/footer.ftl
Normal file
41
metro-hot/footer.ftl
Normal file
@@ -0,0 +1,41 @@
|
||||
<script type="text/javascript">
|
||||
var latkeConfig = {
|
||||
"servePath": "${servePath}",
|
||||
"staticServePath": "${staticServePath}"
|
||||
};
|
||||
|
||||
var Label = {
|
||||
"tag1Label": "${tag1Label}",
|
||||
"viewLabel": "${viewLabel}",
|
||||
"commentLabel": "${commentLabel}",
|
||||
"topArticleLabel": "${topArticleLabel}",
|
||||
"updatedLabel": "${updatedLabel}",
|
||||
"contentLabel": "${contentLabel}",
|
||||
"abstractLabel": "${abstractLabel}",
|
||||
"clearAllCacheLabel": "${clearAllCacheLabel}",
|
||||
"clearCacheLabel": "${clearCacheLabel}",
|
||||
"adminLabel": "${adminLabel}",
|
||||
"logoutLabel": "${logoutLabel}",
|
||||
"skinDirName": "${skinDirName}",
|
||||
"loginLabel": "${loginLabel}",
|
||||
"em00Label": "${em00Label}",
|
||||
"em01Label": "${em01Label}",
|
||||
"em02Label": "${em02Label}",
|
||||
"em03Label": "${em03Label}",
|
||||
"em04Label": "${em04Label}",
|
||||
"em05Label": "${em05Label}",
|
||||
"em06Label": "${em06Label}",
|
||||
"em07Label": "${em07Label}",
|
||||
"em08Label": "${em08Label}",
|
||||
"em09Label": "${em09Label}",
|
||||
"em10Label": "${em10Label}",
|
||||
"em11Label": "${em11Label}",
|
||||
"em12Label": "${em12Label}",
|
||||
"em13Label": "${em13Label}",
|
||||
"em14Label": "${em14Label}"
|
||||
};
|
||||
</script>
|
||||
<script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="${staticServePath}/skins/${skinDirName}/js/${skinDirName}${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
|
||||
${plugins}
|
||||
37
metro-hot/header.ftl
Normal file
37
metro-hot/header.ftl
Normal file
@@ -0,0 +1,37 @@
|
||||
<div class="fn-clear header">
|
||||
<h1 class="fn-left">
|
||||
<a class="title" href="javascript: void(0)">
|
||||
${blogTitle}
|
||||
<span data-ico=""></span>
|
||||
</a>
|
||||
</h1>
|
||||
<ul class="navigation">
|
||||
<li>
|
||||
<a rel="nofollow" href="${servePath}/">${indexLabel}</a>
|
||||
</li>
|
||||
<#list pageNavigations as page>
|
||||
<li>
|
||||
<a href="${page.pagePermalink}" target="${page.pageOpenTarget}">${page.pageTitle}</a>
|
||||
</li>
|
||||
</#list>
|
||||
<li>
|
||||
<a href="${servePath}/dynamic.html">${dynamicLabel}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="${servePath}/tags.html">${allTagsLabel}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="${servePath}/archives.html">${archiveLabel}</a>
|
||||
</li>
|
||||
<li class="last">
|
||||
<a href="${servePath}/links.html">${linkLabel}</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="fn-right top-info">
|
||||
<a title="${loginLabel}" id="login" data-ico=""></a>
|
||||
<a href="${servePath}/admin-index.do#main" title="${adminLabel}" id="settings" data-ico="p"></a>
|
||||
<hr>
|
||||
<a id="logout" title="${logoutLabel}" data-ico=""></a>
|
||||
<a href="${servePath}/register" title="${registerLabel}" id="register" data-ico=""></a>
|
||||
</div>
|
||||
</div>
|
||||
BIN
metro-hot/images/ajax-loader.gif
Normal file
BIN
metro-hot/images/ajax-loader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
metro-hot/images/emotions/em00.png
Normal file
BIN
metro-hot/images/emotions/em00.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
metro-hot/images/emotions/em01.png
Normal file
BIN
metro-hot/images/emotions/em01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
metro-hot/images/emotions/em02.png
Normal file
BIN
metro-hot/images/emotions/em02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
metro-hot/images/emotions/em03.png
Normal file
BIN
metro-hot/images/emotions/em03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
metro-hot/images/emotions/em04.png
Normal file
BIN
metro-hot/images/emotions/em04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
metro-hot/images/emotions/em05.png
Normal file
BIN
metro-hot/images/emotions/em05.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
metro-hot/images/emotions/em06.png
Normal file
BIN
metro-hot/images/emotions/em06.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
metro-hot/images/emotions/em07.png
Normal file
BIN
metro-hot/images/emotions/em07.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
metro-hot/images/emotions/em08.png
Normal file
BIN
metro-hot/images/emotions/em08.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
metro-hot/images/emotions/em09.png
Normal file
BIN
metro-hot/images/emotions/em09.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
metro-hot/images/emotions/em10.png
Normal file
BIN
metro-hot/images/emotions/em10.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
metro-hot/images/emotions/em11.png
Normal file
BIN
metro-hot/images/emotions/em11.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
metro-hot/images/emotions/em12.png
Normal file
BIN
metro-hot/images/emotions/em12.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
metro-hot/images/emotions/em13.png
Normal file
BIN
metro-hot/images/emotions/em13.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
metro-hot/images/emotions/em14.png
Normal file
BIN
metro-hot/images/emotions/em14.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
metro-hot/images/emotions/emotions-black.png
Normal file
BIN
metro-hot/images/emotions/emotions-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
metro-hot/images/icons.png
Normal file
BIN
metro-hot/images/icons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
50
metro-hot/index.ftl
Normal file
50
metro-hot/index.ftl
Normal file
@@ -0,0 +1,50 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-side.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords}" />
|
||||
<meta name="description"
|
||||
content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>" />
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
<#include "header.ftl" />
|
||||
<div class="sub-nav fn-clear">
|
||||
<h2>${blogSubtitle}</h2>
|
||||
<#if 0 != paginationPageCount>
|
||||
<div class="pagination">
|
||||
<#if 1 != paginationPageNums?first>
|
||||
<a id="previousPage" href="${servePath}${path}/${paginationPreviousPageNum}"
|
||||
title="${previousPageLabel}"><</a>
|
||||
</#if>
|
||||
<#list paginationPageNums as paginationPageNum>
|
||||
<#if paginationPageNum == paginationCurrentPageNum>
|
||||
<span>${paginationPageNum}</span>
|
||||
<#else>
|
||||
<a href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
|
||||
</#if>
|
||||
</#list>
|
||||
<#if paginationPageNums?last != paginationPageCount>
|
||||
<a id="nextPage" href="${servePath}${path}/${paginationNextPageNum}" title="${nextPagePabel}">></a>
|
||||
</#if>
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fn-clear">
|
||||
<div class="main">
|
||||
<#include "article-list.ftl"/>
|
||||
<#include "copyright.ftl"/>
|
||||
</div>
|
||||
<@side isArticle=false />
|
||||
</div>
|
||||
</div>
|
||||
<span id="goTop" onclick="Util.goTop()" data-ico="" class="side-tile"></span>
|
||||
<#include "footer.ftl"/>
|
||||
</body>
|
||||
</html>
|
||||
305
metro-hot/js/metro-hot.js
Normal file
305
metro-hot/js/metro-hot.js
Normal file
@@ -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 <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @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("<img onload='MetroHot.loadImg(this);' src='" + $($images[0]).attr("src") + "'/>");
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @description 计算图片 margin-top
|
||||
* @param {BOM} it 图片元素
|
||||
*/
|
||||
loadImg: function(it) {
|
||||
it.style.marginTop = ("margin-top", (220 - it.height) / 2 + "px");
|
||||
},
|
||||
/**
|
||||
* @description 分享按钮
|
||||
*/
|
||||
share: function() {
|
||||
var title = encodeURIComponent($("title").text()),
|
||||
url = window.location.href,
|
||||
pic = $(".article-body img").attr("src");
|
||||
var urls = {};
|
||||
urls.tencent = "http://share.v.t.qq.com/index.php?c=share&a=index&title=" + title +
|
||||
"&url=" + url + "&pic=" + pic;
|
||||
urls.sina = "http://v.t.sina.com.cn/share/share.php?title=" +
|
||||
title + "&url=" + url + "&pic=" + pic;
|
||||
urls.google = "https://plus.google.com/share?url=" + url;
|
||||
urls.twitter = "https://twitter.com/intent/tweet?status=" + title + " " + url;
|
||||
$(".share span").click(function() {
|
||||
var key = $(this).attr("title").toLowerCase();
|
||||
window.open(urls[key], "_blank", "top=100,left=200,width=648,height=618");
|
||||
});
|
||||
},
|
||||
/*
|
||||
* @description 加载随机文章
|
||||
*/
|
||||
loadRandomArticles: function() {
|
||||
// getRandomArticles
|
||||
$.ajax({
|
||||
url: latkeConfig.servePath + "/get-random-articles.do",
|
||||
type: "POST",
|
||||
success: function(result, textStatus) {
|
||||
var randomArticles = result.randomArticles;
|
||||
if (!randomArticles || 0 === randomArticles.length) {
|
||||
$("#randomArticles").remove();
|
||||
return;
|
||||
}
|
||||
|
||||
var listHtml = "";
|
||||
for (var i = 0; i < randomArticles.length && i < 5; i++) {
|
||||
var article = randomArticles[i];
|
||||
var title = article.articleTitle;
|
||||
var randomArticleLiHtml = "<li>" + "<a rel='nofollow' title='" + title + "' href='" + latkeConfig.servePath +
|
||||
article.articlePermalink + "'>" + title + "</a></li>";
|
||||
listHtml += randomArticleLiHtml;
|
||||
}
|
||||
|
||||
var randomArticleListHtml = "<ul>" + listHtml + "</ul>";
|
||||
$("#randomArticles .text").append(randomArticleListHtml);
|
||||
}
|
||||
});
|
||||
},
|
||||
/*
|
||||
* @description 加载相关文章
|
||||
* @param {String} id 文章 id
|
||||
*/
|
||||
loadRelevantArticles: function(id) {
|
||||
$.ajax({
|
||||
url: latkeConfig.servePath + "/article/id/" + id + "/relevant/articles",
|
||||
type: "GET",
|
||||
success: function(data, textStatus) {
|
||||
var articles = data.relevantArticles;
|
||||
if (!articles || 0 === articles.length) {
|
||||
$("#relevantArticles").remove();
|
||||
return;
|
||||
}
|
||||
var listHtml = "";
|
||||
for (var i = 0; i < articles.length && i < 5; i++) {
|
||||
var article = articles[i];
|
||||
var title = article.articleTitle;
|
||||
var articleLiHtml = "<li>"
|
||||
+ "<a rel='nofollow' title='" + title + "' href='"
|
||||
+ latkeConfig.servePath + article.articlePermalink + "'>"
|
||||
+ title + "</a></li>";
|
||||
listHtml += articleLiHtml;
|
||||
}
|
||||
|
||||
var relevantArticleListHtml = "<ul>"
|
||||
+ listHtml + "</ul>";
|
||||
$("#relevantArticles .text").append(relevantArticleListHtml);
|
||||
},
|
||||
error: function() {
|
||||
$("#relevantArticles").remove();
|
||||
}
|
||||
});
|
||||
},
|
||||
/*
|
||||
* @description 加载站外相关文章
|
||||
* @param {String} tags 文章 tags
|
||||
*/
|
||||
loadExternalRelevantArticles: function(tags) {
|
||||
var tips = this.tips;
|
||||
try {
|
||||
$.ajax({
|
||||
url: "http://rhythm.b3log.org:80/get-articles-by-tags.do?tags=" + tags
|
||||
+ "&blogHost=" + tips.blogHost + "&paginationPageSize=" + tips.externalRelevantArticlesDisplayCount,
|
||||
type: "GET",
|
||||
cache: true,
|
||||
dataType: "jsonp",
|
||||
error: function() {
|
||||
$("#externalRelevantArticles").remove();
|
||||
},
|
||||
success: function(data, textStatus) {
|
||||
var articles = data.articles;
|
||||
if (!articles || 0 === articles.length) {
|
||||
$("#externalRelevantArticles").remove();
|
||||
return;
|
||||
}
|
||||
var listHtml = "";
|
||||
for (var i = 0; i < articles.length && i < 5; i++) {
|
||||
var article = articles[i];
|
||||
var title = article.articleTitle;
|
||||
var articleLiHtml = "<li>"
|
||||
+ "<a rel='nofollow' title='" + title + "' target='_blank' href='" + article.articlePermalink + "'>"
|
||||
+ title + "</a></li>";
|
||||
listHtml += articleLiHtml;
|
||||
}
|
||||
|
||||
var randomArticleListHtml = "<ul>" + listHtml + "</ul>";
|
||||
$("#externalRelevantArticles .text").append(randomArticleListHtml);
|
||||
}
|
||||
});
|
||||
} catch (e) {
|
||||
// 忽略相关文章加载异常：load script error
|
||||
$("#externalRelevantArticles").remove();
|
||||
}
|
||||
},
|
||||
goCmt: function() {
|
||||
$("html, body").animate({
|
||||
scrollTop: $(".comment-disabled").get(0).offsetTop
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
(function() {
|
||||
MetroHot.init();
|
||||
Util.killIE();
|
||||
if ($(".article-header").length > 0) {
|
||||
MetroHot.share();
|
||||
} else {
|
||||
MetroHot.initArticleList();
|
||||
}
|
||||
})();
|
||||
1
metro-hot/js/metro-hot.min.js
vendored
Normal file
1
metro-hot/js/metro-hot.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
98
metro-hot/lang/lang_en_US.properties
Normal file
98
metro-hot/lang/lang_en_US.properties
Normal file
@@ -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(en_US) for skin "ease".
|
||||
# Version: 1.0.0.3, Jul 9, 2013
|
||||
# Author: Liyuan Li
|
||||
#
|
||||
nextArticleLabel=Next
|
||||
previousArticleLabel=Previous
|
||||
newestArticleLabel=Newest
|
||||
lastArticleLabel=Last
|
||||
registerLabel=Register
|
||||
clearCachePageLabel=Clear Cache
|
||||
translateLabel=Translate
|
||||
shareLabel=Share
|
||||
|
||||
dynamicLabel=Dynamic
|
||||
moreLabel=More
|
||||
contentLabel=More...
|
||||
abstractLabel=Abstract
|
||||
viewCount1Label=View Count:
|
||||
articleCount1Label=Article Count:
|
||||
commentCount1Label=Comment Count:
|
||||
allTagsLabel=Tags
|
||||
archiveLabel=Archive
|
||||
yearLabel=
|
||||
monthLabel=
|
||||
recentArticlesLabel=Recent Articles
|
||||
recentCommentsLabel=Recent Comments
|
||||
mostCommentArticlesLabel=Most Comment Articles
|
||||
mostViewCountArticlesLabel=Most View Articles
|
||||
popTagsLabel=Popular Tags
|
||||
linkLabel=Friend Links
|
||||
indexLabel=Home
|
||||
sumLabel=
|
||||
pageLabel=Page
|
||||
|
||||
em00Label=Smile
|
||||
em01Label=Laughter
|
||||
em02Label=Happy
|
||||
em03Label=Sad
|
||||
em04Label=Cry
|
||||
em05Label=No Comments
|
||||
em06Label=Fidget
|
||||
em07Label=Angry
|
||||
em08Label=Look Around
|
||||
em09Label=Surprise
|
||||
em10Label=Cool
|
||||
em11Label=Cheeky
|
||||
em12Label=Heart
|
||||
em13Label=Heart Broken
|
||||
em14Label=Devil
|
||||
commentLabel=Comment
|
||||
viewLabel=View
|
||||
authorLabel=Author
|
||||
previousPageLabel=Previous Page
|
||||
nextPagePabel=Next Page
|
||||
firstPageLabel=First Page
|
||||
lastPageLabel=Last Page
|
||||
archive1Label=Archive:
|
||||
author1Label=Author:
|
||||
tag1Label=Tags:
|
||||
sorryLabel=Sorry!
|
||||
notFoundLabel=Not Found!
|
||||
returnTo1Label=Return:
|
||||
updatedLabel=Updated!
|
||||
topArticleLabel=Top!
|
||||
replyLabel=Reply
|
||||
|
||||
commentEmailLabel=Email
|
||||
commentURLLabel=URL
|
||||
submmitCommentLabel=Commit Comment
|
||||
nameTooLongLabel=Sorry, your username must be between 2 and 20 characters long!
|
||||
mailCannotEmptyLabel=Mail is empty!
|
||||
mailInvalidLabel=Mail is invalid!
|
||||
commentContentCannotEmptyLabel=Sorry, your content must be between 2 and 500 characters long!
|
||||
captchaCannotEmptyLabel=Captcha is empty!
|
||||
loadingLabel=loading....
|
||||
relevantArticlesLabel=Relevant Articles
|
||||
randomArticlesLabel=Random Articles
|
||||
externalRelevantArticlesLabel=External Relevant Articles:
|
||||
captchaErrorLabel=Captcha Error
|
||||
b3logLabel=<span style="color: orange;">B</span><span style="color: blue;"><sup>3</sup></span><span style="color: green;">L</span><span style="color: red;">O</span><span style="color: blue;">G</span>
|
||||
killBrowserLabel=<h2>Let's kill outdated and insecure browser!</h2><p>Let's kill outdated and insecure browser for browser evolution, human progress and better experience.</p><p>You can download</p><ul><li><a href="http://www.mozilla.com/" target="_blank">Firefox</a></li><li><a href="http://www.google.com/chrome" target="_blank">Chrome</a></li><li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_blank">IE8 / IE9</a></li><li><a href="http://www.maxthon.com/" target="_blank">Maxthon</a> and <a href="http://www.google.com" target="_blank">so on</a>.</li></ul>
|
||||
98
metro-hot/lang/lang_zh_CN.properties
Normal file
98
metro-hot/lang/lang_zh_CN.properties
Normal file
@@ -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=<span style="color: orange;">B</span><span style="color: blue;"><sup>3</sup></span><span style="color: green;">L</span><span style="color: red;">O</span><span style="color: blue;">G</span>
|
||||
killBrowserLabel=<h2>\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u5427\uff01</h2><p>\u4e3a\u4e86\u8ba9\u6d4f\u89c8\u5668\u66f4\u597d\u7684\u53d1\u5c55\uff0c\u4eba\u7c7b\u66f4\u52a0\u7684\u8fdb\u6b65\uff0c\u62e5\u6709\u66f4\u597d\u7684\u4f53\u9a8c\uff0c\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u3002</p>\u60a8\u53ef\u4ee5\u4e0b\u8f7d<ul><li><a href="http://www.mozilla.com/" target="_blank">\u706b\u72d0</a></li><li><a href="http://www.google.com/chrome" target="_blank">\u8c37\u6b4c\u6d4f\u89c8\u5668</a></li><li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_blank">IE8 / IE9</a></li><li><a href="http://www.maxthon.com/" target="_blank">\u9068\u6e38</a>\u6216\u8005<a href="http://www.google.com" target="_blank">\u5176\u5b83\u6d4f\u89c8\u5668</a>.</li></ul>
|
||||
42
metro-hot/links.ftl
Normal file
42
metro-hot/links.ftl
Normal file
@@ -0,0 +1,42 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-side.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${linkLabel}"/>
|
||||
<meta name="description" content="${metaDescription},${linkLabel}"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
<#include "header.ftl" />
|
||||
<div class="sub-nav fn-clear">
|
||||
<h2>${linkLabel}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fn-clear">
|
||||
<div class="main">
|
||||
<#if 0 != links?size>
|
||||
<ul class="archives fn-clear">
|
||||
<#list links as link>
|
||||
<li>
|
||||
<a rel="friend" href="${link.linkAddress}" title="${link.linkDescription}" target="_blank">
|
||||
<img src="http://www.google.com/s2/u/0/favicons?domain=<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>" />
|
||||
${link.linkTitle}
|
||||
</a>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</#if>
|
||||
<#include "copyright.ftl"/>
|
||||
</div>
|
||||
<@side isArticle=false />
|
||||
</div>
|
||||
</div>
|
||||
<span id="goTop" onclick="Util.goTop()" data-ico="" class="side-tile"></span>
|
||||
<#include "footer.ftl"/>
|
||||
</body>
|
||||
</html>
|
||||
178
metro-hot/macro-comments.ftl
Normal file
178
metro-hot/macro-comments.ftl
Normal file
@@ -0,0 +1,178 @@
|
||||
<#macro comments commentList article>
|
||||
<#if article.commentable>
|
||||
<div class="comment-disabled">
|
||||
<h3>${postCommentsLabel}</h3>
|
||||
</div>
|
||||
|
||||
<table id="commentForm" class="form">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" id="commentName"/>
|
||||
<label for="commentName">${commentNameLabel}</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" id="commentEmail"/>
|
||||
<label for="commentEmail">${commentEmailLabel}</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" id="commentURL"/>
|
||||
<label for="commentURL">${commentURLLabel}</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="emotions" colspan="2">
|
||||
<span class="em00" title="${em00Label}"></span>
|
||||
<span class="em01" title="${em01Label}"></span>
|
||||
<span class="em02" title="${em02Label}"></span>
|
||||
<span class="em03" title="${em03Label}"></span>
|
||||
<span class="em04" title="${em04Label}"></span>
|
||||
<span class="em05" title="${em05Label}"></span>
|
||||
<span class="em06" title="${em06Label}"></span>
|
||||
<span class="em07" title="${em07Label}"></span>
|
||||
<span class="em08" title="${em08Label}"></span>
|
||||
<span class="em09" title="${em09Label}"></span>
|
||||
<span class="em10" title="${em10Label}"></span>
|
||||
<span class="em11" title="${em11Label}"></span>
|
||||
<span class="em12" title="${em12Label}"></span>
|
||||
<span class="em13" title="${em13Label}"></span>
|
||||
<span class="em14" title="${em14Label}"></span>
|
||||
<label>${commentEmotionsLabel}</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<textarea rows="10" cols="96" id="comment"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="text" id="commentValidate"/>
|
||||
<img id="captcha" alt="validate" src="${servePath}/captcha.do" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span id="commentErrorTip" class="tip"></span>
|
||||
</td>
|
||||
<td align="right">
|
||||
<button id="submitCommentButton" onclick="page.submitComment();">${submmitCommentLabel}</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<#else>
|
||||
<div class="comment-disabled">
|
||||
<h3>${notAllowCommentLabel}</h3>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<#if commentList?size == 0>
|
||||
<div class="comment-disabled">
|
||||
<h3>${noCommentLabel}</h3>
|
||||
</div>
|
||||
<div id="comments"></div>
|
||||
<#else>
|
||||
<div class="comment-disabled">
|
||||
<h3>${commentLabel}</h3>
|
||||
</div>
|
||||
<div id="comments">
|
||||
<#list commentList as comment>
|
||||
<div id="${comment.oId}" class="fn-clear">
|
||||
<img title="${comment.commentName}"
|
||||
alt="${comment.commentName}" src="${comment.commentThumbnailURL}"/>
|
||||
<div class="comment-main">
|
||||
<div class="fn-clear">
|
||||
<#if "http://" == comment.commentURL>
|
||||
<span>${comment.commentName}</span>
|
||||
<#else>
|
||||
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
|
||||
</#if>
|
||||
|
||||
<#if comment.isReply>
|
||||
<span class="at">@</span>
|
||||
<a class="user-name" href="${servePath}${article.permalink}#${comment.commentOriginalCommentId}"
|
||||
onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 20);"
|
||||
onmouseout="page.hideComment('${comment.commentOriginalCommentId}')">${comment.commentOriginalCommentName}</a>
|
||||
</#if>
|
||||
|
||||
<#if article.commentable>
|
||||
<a data-ico="V" rel="nofollow" href="javascript:replyTo('${comment.oId}');" title="${replyLabel}"></a>
|
||||
</#if>
|
||||
|
||||
<div class="fn-right" data-ico="">
|
||||
${comment.commentDate?string("yy-MM-dd HH:mm")}
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-body">${comment.commentContent}</div>
|
||||
</div>
|
||||
</div>
|
||||
</#list>
|
||||
</div>
|
||||
</#if>
|
||||
<span id="goTop" onclick="Util.goTop();" data-ico="" class="side-tile"></span>
|
||||
<span id="goCmt" onclick="MetroHot.goCmt();" data-ico="[" class="side-tile"></span>
|
||||
</#macro>
|
||||
|
||||
<#macro comment_script oId>
|
||||
<script type="text/javascript" src="${staticServePath}/js/page${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
var page = new Page({
|
||||
"nameTooLongLabel": "${nameTooLongLabel}",
|
||||
"mailCannotEmptyLabel": "${mailCannotEmptyLabel}",
|
||||
"mailInvalidLabel": "${mailInvalidLabel}",
|
||||
"commentContentCannotEmptyLabel": "${commentContentCannotEmptyLabel}",
|
||||
"captchaCannotEmptyLabel": "${captchaCannotEmptyLabel}",
|
||||
"captchaErrorLabel": "${captchaErrorLabel}",
|
||||
"loadingLabel": "${loadingLabel}",
|
||||
"oId": "${oId}",
|
||||
"skinDirName": "${skinDirName}",
|
||||
"blogHost": "${blogHost}",
|
||||
"randomArticles1Label": "${randomArticlesLabel}",
|
||||
"externalRelevantArticles1Label": "${externalRelevantArticlesLabel}"
|
||||
});
|
||||
|
||||
var addComment = function(result, state) {
|
||||
$("#comments").prev().html("<h3>${commentLabel}</h3>");
|
||||
var commentHTML = '<div id="' + result.oId + '" class="fn-clear"><img ' +
|
||||
'title="' + $("#commentName" + state).val() + '" alt="' + $("#commentName" + state).val() +
|
||||
'" src="' + result.commentThumbnailURL + '"/>' +
|
||||
'<div class="comment-main"><div class="fn-clear">' + result.replyNameHTML;
|
||||
|
||||
if (state !== "") {
|
||||
var commentOriginalCommentName = $("#" + page.currentCommentId + " .comment-main a").first().text();
|
||||
commentHTML += ' <span class="at">@</span> <a class="user-name" href="${servePath}' + result.commentSharpURL.split("#")[0] + '#' + page.currentCommentId + '"'
|
||||
+ 'onmouseover="page.showComment(this, \'' + page.currentCommentId + '\', 20);"'
|
||||
+ 'onmouseout="page.hideComment(\'' + page.currentCommentId + '\')">' + commentOriginalCommentName + '</a>';
|
||||
}
|
||||
commentHTML += ' <a data-ico="V" rel="nofollow" href="javascript:replyTo(\'' + result.oId
|
||||
+ '\');" title="${replyLabel}"></a>'
|
||||
+ '<div class="fn-right" data-ico=""> ' + result.commentDate.substring(2, 16)
|
||||
+ '</div></div><div class="article-body">' +
|
||||
Util.replaceEmString($("#comment" + state).val().replace(/</g, "<").replace(/>/g, ">").replace(/\n/g, "<br/>"))
|
||||
+ '</div></div></div>';
|
||||
|
||||
return commentHTML;
|
||||
};
|
||||
|
||||
var replyTo = function(id) {
|
||||
var commentFormHTML = "<table class='form' id='replyForm'>";
|
||||
page.addReplyForm(id, commentFormHTML);
|
||||
$("#replyForm label").each(function() {
|
||||
$this = $(this);
|
||||
$this.attr("for", $this.attr("for") + "Reply");
|
||||
});
|
||||
};
|
||||
|
||||
$(document).ready(function() {
|
||||
page.load();
|
||||
// emotions
|
||||
page.replaceCommentsEm("#comments .article-body");
|
||||
<#nested>
|
||||
});
|
||||
</script>
|
||||
</#macro>
|
||||
16
metro-hot/macro-head.ftl
Normal file
16
metro-hot/macro-head.ftl
Normal file
@@ -0,0 +1,16 @@
|
||||
<#macro head title>
|
||||
<meta charset="utf-8" />
|
||||
<title>${title}</title>
|
||||
<#nested>
|
||||
<meta name="author" content="${blogTitle?html}" />
|
||||
<meta name="generator" content="B3log Solo" />
|
||||
<meta name="copyright" content="B3log" />
|
||||
<meta name="owner" content="B3log Team" />
|
||||
<meta name="revised" content="${blogTitle?html}, ${year}" />
|
||||
<meta http-equiv="Window-target" content="_top" />
|
||||
<link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/${skinDirName}${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
|
||||
<link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/${skinDirName}-responsive${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
|
||||
<link href="${servePath}/blog-articles-feed.do" title="ATOM" type="application/atom+xml" rel="alternate" />
|
||||
<link rel="icon" type="image/png" href="${staticServePath}/favicon.png" />
|
||||
${htmlHead}
|
||||
</#macro>
|
||||
185
metro-hot/macro-side.ftl
Normal file
185
metro-hot/macro-side.ftl
Normal file
@@ -0,0 +1,185 @@
|
||||
<#macro side isArticle>
|
||||
<div class="side">
|
||||
<div class="fn-clear">
|
||||
<#if !isArticle>
|
||||
<form target="_blank" method="get" action="http://www.google.com/search">
|
||||
<input placeholder="Search" id="search" type="text" name="q" /><span data-ico="g"></span>
|
||||
<input type="submit" name="btnG" value="" class="fn-none" />
|
||||
<input type="hidden" name="oe" value="UTF-8" />
|
||||
<input type="hidden" name="ie" value="UTF-8" />
|
||||
<input type="hidden" name="newwindow" value="0" />
|
||||
<input type="hidden" name="sitesearch" value="${serverHost}" />
|
||||
</form>
|
||||
|
||||
<#if "" != noticeBoard>
|
||||
<div class="notice-board side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${noticeBoard}
|
||||
</div>
|
||||
<div class="text">
|
||||
${noticeBoardLabel}
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<div class="online-count side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="text">
|
||||
${viewCount1Label}
|
||||
${statistic.statisticBlogViewCount}<br/>
|
||||
${articleCount1Label}
|
||||
${statistic.statisticPublishedBlogArticleCount}<br/>
|
||||
${commentCount1Label}
|
||||
${statistic.statisticPublishedBlogCommentCount}<br/>
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<a rel="alternate" href="${servePath}/blog-articles-feed.do" class="atom side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${atomLabel}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="javascript: MetroHot.goTranslate();" class="translate side-tile">
|
||||
<span data-ico="8"></span>
|
||||
<div class="title">
|
||||
${translateLabel}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<#if isArticle>
|
||||
<div class="share side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${shareLabel}
|
||||
</div>
|
||||
<div class="text">
|
||||
<span data-ico="" title="Tencent"></span>
|
||||
<span data-ico="" title="Sina"></span>
|
||||
<span data-ico="" title="Twitter"></span>
|
||||
<span data-ico="" title="Google"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<#if relevantArticlesDisplayCount??>
|
||||
<#if nextArticlePermalink??>
|
||||
<a class="next side-tile" title="${nextArticleTitle}"
|
||||
href="${servePath}${nextArticlePermalink}">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${nextArticleLabel}
|
||||
</div>
|
||||
</a>
|
||||
<#else>
|
||||
<div class="next-disabled side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${newestArticleLabel}
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<#if previousArticlePermalink??>
|
||||
<a class="prev side-tile" title="${previousArticleTitle}" rel="prev"
|
||||
href="${servePath}${previousArticlePermalink}">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${previousArticleLabel}
|
||||
</div>
|
||||
</a>
|
||||
<#else>
|
||||
<div class="prev-disabled side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${lastArticleLabel}
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<#if 0 != relevantArticlesDisplayCount>
|
||||
<div id="relevantArticles" class="side-tile article-relative">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${relevantArticlesLabel}
|
||||
</div>
|
||||
<div class="text">
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<#if 0 != randomArticlesDisplayCount>
|
||||
<div id="randomArticles" class="side-tile article-relative">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${randomArticlesLabel}
|
||||
</div>
|
||||
<div class="text">
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<#if externalRelevantArticlesDisplayCount?? && 0 != externalRelevantArticlesDisplayCount>
|
||||
<div id="externalRelevantArticles" class="side-tile article-relative">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${externalRelevantArticlesLabel}
|
||||
</div>
|
||||
<div class="text">
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
</#if>
|
||||
</#if>
|
||||
|
||||
<a class="login side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${loginLabel}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="${servePath}/register" class="register side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${registerLabel}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="user side-tile">
|
||||
<span>
|
||||
<img src="<#if gravatar??>${gravatar}</#if>"/>
|
||||
</span>
|
||||
<div class="text"></div>
|
||||
</div>
|
||||
|
||||
<div class="clear side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${clearCachePageLabel}
|
||||
</div>
|
||||
<div class="text">
|
||||
<a href="javascript:Util.clearCache();">${clearCacheLabel}</a>
|
||||
<br />
|
||||
<a href="javascript:Util.clearCache('all');">${clearAllCacheLabel}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="${servePath}/admin-index.do#main" class="settings side-tile">
|
||||
<span data-ico="p"></span>
|
||||
<div class="title">
|
||||
${adminLabel}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="${servePath}/register" class="logout side-tile">
|
||||
<span data-ico=""></span>
|
||||
<div class="title">
|
||||
${logoutLabel}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</#macro>
|
||||
42
metro-hot/page.ftl
Normal file
42
metro-hot/page.ftl
Normal file
@@ -0,0 +1,42 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-side.ftl">
|
||||
<#include "macro-comments.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${page.pageTitle} - ${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${page.pageTitle}" />
|
||||
<meta name="description" content="${metaDescription}" />
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
<#include "header.ftl">
|
||||
<div class="article-header">
|
||||
<h2>${blogSubtitle}</h2>
|
||||
|
||||
<div class="article-info">
|
||||
<a rel="nofollow" data-ico="" href="${servePath}${page.pagePermalink}#comments">
|
||||
${page.pageCommentCount}
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fn-clear">
|
||||
<div class="main">
|
||||
<div class="article-body">
|
||||
${page.pageContent}
|
||||
</div>
|
||||
<@comments commentList=pageComments article=page></@comments>
|
||||
<#include "copyright.ftl"/>
|
||||
</div>
|
||||
<@side isArticle=true />
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.ftl">
|
||||
<@comment_script oId=page.oId></@comment_script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
metro-hot/preview.png
Normal file
BIN
metro-hot/preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
26
metro-hot/skin.properties
Normal file
26
metro-hot/skin.properties
Normal file
@@ -0,0 +1,26 @@
|
||||
#
|
||||
# Copyright (C) 2009, 2010, 2011, B3log Team
|
||||
#
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
#
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
#
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
#
|
||||
|
||||
#
|
||||
# Description: 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
|
||||
55
metro-hot/tag-articles.ftl
Normal file
55
metro-hot/tag-articles.ftl
Normal file
@@ -0,0 +1,55 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-side.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${tag.tagTitle} - ${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${tag.tagTitle}"/>
|
||||
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
<#include "header.ftl" />
|
||||
<div class="sub-nav fn-clear">
|
||||
<h2>
|
||||
<a id="tag" rel="alternate" href="${servePath}/tag-articles-feed.do?oId=${tag.oId}">
|
||||
${tag1Label}
|
||||
${tag.tagTitle}
|
||||
(${tag.tagPublishedRefCount})
|
||||
</a>
|
||||
</h2>
|
||||
<#if 0 != paginationPageCount>
|
||||
<div class="pagination">
|
||||
<#if 1 != paginationPageNums?first>
|
||||
<a id="previousPage" href="${servePath}${path}/${paginationPreviousPageNum}"
|
||||
title="${previousPageLabel}"><</a>
|
||||
</#if>
|
||||
<#list paginationPageNums as paginationPageNum>
|
||||
<#if paginationPageNum == paginationCurrentPageNum>
|
||||
<span>${paginationPageNum}</span>
|
||||
<#else>
|
||||
<a href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
|
||||
</#if>
|
||||
</#list>
|
||||
<#if paginationPageNums?last != paginationPageCount>
|
||||
<a id="nextPage" href="${servePath}${path}/${paginationNextPageNum}" title="${nextPagePabel}">></a>
|
||||
</#if>
|
||||
</div>
|
||||
</#if>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fn-clear">
|
||||
<div class="main">
|
||||
<#include "article-list.ftl"/>
|
||||
<#include "copyright.ftl"/>
|
||||
</div>
|
||||
<@side isArticle=false />
|
||||
</div>
|
||||
</div>
|
||||
<span id="goTop" onclick="Util.goTop()" data-ico="" class="side-tile"></span>
|
||||
<#include "footer.ftl"/>
|
||||
</body>
|
||||
</html>
|
||||
41
metro-hot/tags.ftl
Normal file
41
metro-hot/tags.ftl
Normal file
@@ -0,0 +1,41 @@
|
||||
<#include "macro-head.ftl">
|
||||
<#include "macro-side.ftl">
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<@head title="${allTagsLabel} - ${blogTitle}">
|
||||
<meta name="keywords" content="${metaKeywords},${allTagsLabel}"/>
|
||||
<meta name="description" content="<#list tags as tag>${tag.tagTitle}<#if tag_has_next>,</#if></#list>"/>
|
||||
</@head>
|
||||
</head>
|
||||
<body>
|
||||
${topBarReplacement}
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
<#include "header.ftl" />
|
||||
<div class="sub-nav fn-clear">
|
||||
<h2>${allTagsLabel}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fn-clear">
|
||||
<div class="main">
|
||||
<ul id="tags" class="archives fn-clear">
|
||||
<#list tags as tag>
|
||||
<li>
|
||||
<a rel="tag" data-count="${tag.tagPublishedRefCount}"
|
||||
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}">
|
||||
<span>${tag.tagTitle}</span>
|
||||
(<b>${tag.tagPublishedRefCount}</b>)
|
||||
</a>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
<#include "copyright.ftl"/>
|
||||
</div>
|
||||
<@side isArticle=false />
|
||||
</div>
|
||||
</div>
|
||||
<span id="goTop" onclick="Util.goTop()" data-ico="" class="side-tile"></span>
|
||||
<#include "footer.ftl"/>
|
||||
</body>
|
||||
</html>
|
||||
@@ -17,7 +17,7 @@
|
||||
<input type="hidden" name="oe" value="UTF-8" />
|
||||
<input type="hidden" name="ie" value="UTF-8" />
|
||||
<input type="hidden" name="newwindow" value="0" />
|
||||
<input type="hidden" name="sitesearch" value="${blogHost}" />
|
||||
<input type="hidden" name="sitesearch" value="${serverHost}" />
|
||||
<input type="text" placeholder="Search..." id="search" name="q" />
|
||||
<input name="submit" type="submit" tabindex="1" id="search-submit" placeholder="Search..." />
|
||||
<a href="javascript:void(0)"><img class="head-close" src="${staticServePath}/skins/${skinDirName}/themes/core/core-images/head-close.png" alt="close" /></a>
|
||||
|
||||
@@ -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};
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
*
|
||||
|
||||
310
neoease/css/neoease.min.css
vendored
310
neoease/css/neoease.min.css
vendored
@@ -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}
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<input type="hidden" name="oe" value="UTF-8" />
|
||||
<input type="hidden" name="ie" value="UTF-8" />
|
||||
<input type="hidden" name="newwindow" value="0" />
|
||||
<input type="hidden" name="sitesearch" value="${blogHost}" />
|
||||
<input type="hidden" name="sitesearch" value="${serverHost}" />
|
||||
</form>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
@@ -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 <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @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("<li class='archive-year'><div onclick='collapseArchive(this, " +
|
||||
year + ")' class='expand-ico'>" + year + " \u5e74</div></li>");
|
||||
}
|
||||
});
|
||||
|
||||
// recent comment mouse click
|
||||
$(".recent-comments .expand-ico").click(function () {
|
||||
if (this.className === "expand-ico") {
|
||||
$(this).parent().next().css({
|
||||
"height": "auto",
|
||||
"white-space": "normal"
|
||||
});
|
||||
this.className = "collapse-ico";
|
||||
} else {
|
||||
$(this).parent().next().animate({
|
||||
"height": "18px"
|
||||
}, function () {
|
||||
$(this).css("white-space", "nowrap");
|
||||
});
|
||||
this.className = "expand-ico";
|
||||
}
|
||||
});
|
||||
|
||||
// nav current
|
||||
$(".nav ul li").each(function () {
|
||||
var $a = $(this).find("a");
|
||||
if ($a.attr("href") === latkeConfig.servePath + location.pathname) {
|
||||
$(this).addClass("current");
|
||||
} else if (/\/[0-9]+$/.test(location.pathname)) {
|
||||
$(".nav ul li")[0].className = "current";
|
||||
}
|
||||
});
|
||||
|
||||
Util.init();
|
||||
Util.replaceSideEm($(".recent-comments-content"));
|
||||
Util.buildTags("tagsSide");
|
||||
|
||||
// recent comments
|
||||
$(".recent-comments .recent-comments-main").each(function () {
|
||||
if ($(this).find(".recent-comments-content>a").height() < 30) {
|
||||
$(this).find(".expand-ico").remove();
|
||||
} else {
|
||||
$(this).find(".expand-ico").parent().next().css({
|
||||
"white-space": "nowrap"
|
||||
});
|
||||
}
|
||||
});
|
||||
>>>>>>> origin/master
|
||||
})();
|
||||
6
neoease/js/neoease.min.js
vendored
6
neoease/js/neoease.min.js
vendored
@@ -1,3 +1,4 @@
|
||||
<<<<<<< HEAD
|
||||
/*
|
||||
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
||||
*
|
||||
@@ -17,4 +18,7 @@
|
||||
*
|
||||
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||
* @version 1.0.0.8, Sep 6, 2012
|
||||
*/var goTop=function(e){e=e||.1;var t=$(window).scrollTop(),n=1+e;window.scrollTo(0,Math.floor(t/n));if(t>0){var r="goTop("+e+")";window.setTimeout(r,16)}},collapseArchive=function(e,t){var n=!0;e.className==="collapse-ico"?(e.className="expand-ico",n=!1):e.className="collapse-ico",$("#archiveSide li").each(function(){var e=$(this);e.data("year")===t&&(n?$(this).show():$(this).hide())})},getArticle=function(e,t){var n=$("#abstract"+t),r=$("#content"+t);return r.html()===""?$.ajax({url:"/get-article-content?id="+t,type:"GET",dataType:"html",beforeSend:function(){n.css("background","url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent")},success:function(t,i){e.className="collapse-ico",r.html(t),n.hide().css("background","none"),r.fadeIn("slow")}}):e.className==="expand-ico"?(n.hide(),r.fadeIn(),e.className="collapse-ico"):(r.hide(),n.fadeIn(),e.className="expand-ico"),!1},goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};(function(){$(window).scroll(function(){var e=$(window).scrollTop();if(e>182){var t=$(window).height(),n=e+t-21;$("body").height()-58<=e+t&&(n=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",n)}else $("#goTop").hide()});var e=(new Date).getFullYear(),t=e;$("#archiveSide li").each(function(n){var r=$(this);r.data("year")!==e&&$(this).hide(),t!==r.data("year")&&(t=r.data("year"),r.before("<li class='archive-year'><div onclick='collapseArchive(this, "+t+")' class='expand-ico'>"+t+"</div></li>"))}),$(".recent-comments .expand-ico").click(function(){this.className==="expand-ico"?($(this).parent().next().css({height:"auto","white-space":"normal"}),this.className="collapse-ico"):($(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")}),this.className="expand-ico")}),$(".nav ul li").each(function(){var e=$(this).find("a");e.attr("href")===latkeConfig.servePath+location.pathname?$(this).addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")}),Util.init(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide"),$(".recent-comments .recent-comments-main").each(function(){$(this).find(".recent-comments-content>a").height()<30?$(this).find(".expand-ico").remove():$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})})})();
|
||||
*/var goTop=function(e){e=e||.1;var t=$(window).scrollTop(),n=1+e;window.scrollTo(0,Math.floor(t/n));if(t>0){var r="goTop("+e+")";window.setTimeout(r,16)}},collapseArchive=function(e,t){var n=!0;e.className==="collapse-ico"?(e.className="expand-ico",n=!1):e.className="collapse-ico",$("#archiveSide li").each(function(){var e=$(this);e.data("year")===t&&(n?$(this).show():$(this).hide())})},getArticle=function(e,t){var n=$("#abstract"+t),r=$("#content"+t);return r.html()===""?$.ajax({url:"/get-article-content?id="+t,type:"GET",dataType:"html",beforeSend:function(){n.css("background","url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent")},success:function(t,i){e.className="collapse-ico",r.html(t),n.hide().css("background","none"),r.fadeIn("slow")}}):e.className==="expand-ico"?(n.hide(),r.fadeIn(),e.className="collapse-ico"):(r.hide(),n.fadeIn(),e.className="expand-ico"),!1},goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};(function(){$(window).scroll(function(){var e=$(window).scrollTop();if(e>182){var t=$(window).height(),n=e+t-21;$("body").height()-58<=e+t&&(n=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",n)}else $("#goTop").hide()});var e=(new Date).getFullYear(),t=e;$("#archiveSide li").each(function(n){var r=$(this);r.data("year")!==e&&$(this).hide(),t!==r.data("year")&&(t=r.data("year"),r.before("<li class='archive-year'><div onclick='collapseArchive(this, "+t+")' class='expand-ico'>"+t+"</div></li>"))}),$(".recent-comments .expand-ico").click(function(){this.className==="expand-ico"?($(this).parent().next().css({height:"auto","white-space":"normal"}),this.className="collapse-ico"):($(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")}),this.className="expand-ico")}),$(".nav ul li").each(function(){var e=$(this).find("a");e.attr("href")===latkeConfig.servePath+location.pathname?$(this).addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")}),Util.init(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide"),$(".recent-comments .recent-comments-main").each(function(){$(this).find(".recent-comments-content>a").height()<30?$(this).find(".expand-ico").remove():$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})})})();
|
||||
=======
|
||||
var goTop=function(acceleration){acceleration=acceleration||.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);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(){$(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()}});var currentYear=(new Date).getFullYear(),year=currentYear;$("#archiveSide li").each(function(i){var $this=$(this);if($this.data("year")!==currentYear){$(this).hide()}if(year!==$this.data("year")){year=$this.data("year");$this.before("<li class='archive-year'><div onclick='collapseArchive(this, "+year+")' class='expand-ico'>"+year+" 年</div></li>")}});$(".recent-comments .expand-ico").click(function(){if(this.className==="expand-ico"){$(this).parent().next().css({height:"auto","white-space":"normal"});this.className="collapse-ico"}else{$(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")});this.className="expand-ico"}});$(".nav ul li").each(function(){var $a=$(this).find("a");if($a.attr("href")===latkeConfig.servePath+location.pathname){$(this).addClass("current")}else if(/\/[0-9]+$/.test(location.pathname)){$(".nav ul li")[0].className="current"}});Util.init();Util.replaceSideEm($(".recent-comments-content"));Util.buildTags("tagsSide");$(".recent-comments .recent-comments-main").each(function(){if($(this).find(".recent-comments-content>a").height()<30){$(this).find(".expand-ico").remove()}else{$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})}})}();
|
||||
>>>>>>> origin/master
|
||||
|
||||
@@ -22,5 +22,5 @@
|
||||
|
||||
name=NeoEase
|
||||
version=1.0.5
|
||||
forSolo=0.6.0
|
||||
forSolo=0.6.1
|
||||
memo=http://www.neoease.com/
|
||||
|
||||
@@ -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";
|
||||
/*==================================================
|
||||
Template: OWMX-3
|
||||
|
||||
224
owmx-3.0/css/owmx-3.0.min.css
vendored
224
owmx-3.0/css/owmx-3.0.min.css
vendored
@@ -1,114 +1,114 @@
|
||||
@charset "utf-8";
|
||||
header,footer,article,nav,section,aside,time,hgroup{display:block;}
|
||||
html,body,header,footer,article,nav,section,aside,time,h1,h2,h3,p,a,ul,li,dl,dd,dt,table,thead,tfoot,tbody,th,tr,td{border:0;font:12px/22px 'Verdana','sans-serif';margin:0;outline:0;padding:0;}
|
||||
BODY{background:#DDD;margin:0px 0 0 0;color:#444;}
|
||||
A,A:LINK,A:ACTIVE,A:VISITED{color:#016f93;text-decoration:none;}
|
||||
A:HOVER{color:#DB0202;}
|
||||
a.selected{font-weight:bold;color:#000000;}
|
||||
H1,H3,H4,H5,H6{background:url(../images/ai4.png) no-repeat 0 7px;border-bottom:1px solid #CCC;color:#666;font-weight:bold;margin:0 0 10px;padding:0 0 0 25px;}
|
||||
H1{background:url(../images/ai4.png) no-repeat 0 6px;font-size:15px;}
|
||||
H1 a{font-weight:bold;font-size:15px;}
|
||||
H2{font-size:14px;margin:0 0 20px 0;}
|
||||
H3{background:url(../images/ai5.png) no-repeat 0 7px;}
|
||||
H3,H4,H5,H6{font-size:13px;}
|
||||
h4{background-position:0 5px;}
|
||||
sup{color:#444;top:-4px;}
|
||||
header{border-radius:4px;background:#0098cc url(../images/hd.jpg) no-repeat top left;height:200px;margin:0 0 10px 0;padding:10px 10px;position:relative;}
|
||||
header a:link,header a:active,header a:visited{font-weight:bold;color:#FFF;font-size:16px;}
|
||||
header a:hover{color:#FFF;}
|
||||
header p{border-radius:4px;background:#FFF;bottom:20px;color:#000;font-weight:bold;opacity:0.5;padding:10px;position:absolute;right:20px;width:400px;}
|
||||
article{border-radius:4px;background:#FFF;border:1px solid #CCC;float:right;height:auto;padding:20px;width:550px;}
|
||||
article h1{color:#666;font-weight:bold;font-size:15px;}
|
||||
.highlight-1,.highlight-2,.highlight-3{-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px;}
|
||||
.highlight-1{background:#FFCCCC;border:1px dotted #FF9966;}
|
||||
.highlight-2{background:#FFFF99;border:1px dotted #FFCC33;}
|
||||
.highlight-3{background:#CCFF99;border:1px dotted #CCCC33;}
|
||||
cite{border-left:2px solid #0098CC;color:#666;font-size:12px;font-style:normal;font-weight:bold;margin:0;padding:5px 10px;}
|
||||
blockquote{border-left:2px solid #0098CC;color:#666;margin:0 0 20px 0;padding:5px 10px;}
|
||||
header,footer,article,nav,section,aside,time,hgroup{display:block}
|
||||
html,body,header,footer,article,nav,section,aside,time,h1,h2,h3,p,a,ul,li,dl,dd,dt,table,thead,tfoot,tbody,th,tr,td{border:0;font:12px/22px 'Verdana','sans-serif';margin:0;outline:0;padding:0}
|
||||
BODY{background:#ddd;margin:0 0 0 0;color:#444}
|
||||
A,A:LINK,A:ACTIVE,A:VISITED{color:#016f93;text-decoration:none}
|
||||
A:HOVER{color:#db0202}
|
||||
a.selected{font-weight:bold;color:#000}
|
||||
H1,H3,H4,H5,H6{background:url(../images/ai4.png) no-repeat 0 7px;border-bottom:1px solid #ccc;color:#666;font-weight:bold;margin:0 0 10px;padding:0 0 0 25px}
|
||||
H1{background:url(../images/ai4.png) no-repeat 0 6px;font-size:15px}
|
||||
H1 a{font-weight:bold;font-size:15px}
|
||||
H2{font-size:14px;margin:0 0 20px 0}
|
||||
H3{background:url(../images/ai5.png) no-repeat 0 7px}
|
||||
H3,H4,H5,H6{font-size:13px}
|
||||
h4{background-position:0 5px}
|
||||
sup{color:#444;top:-4px}
|
||||
header{border-radius:4px;background:#0098cc url(../images/hd.jpg) no-repeat top left;height:200px;margin:0 0 10px 0;padding:10px 10px;position:relative}
|
||||
header a:link,header a:active,header a:visited{font-weight:bold;color:#fff;font-size:16px}
|
||||
header a:hover{color:#fff}
|
||||
header p{border-radius:4px;background:#fff;bottom:20px;color:#000;font-weight:bold;opacity:.5;padding:10px;position:absolute;right:20px;width:400px}
|
||||
article{border-radius:4px;background:#fff;border:1px solid #ccc;float:right;height:auto;padding:20px;width:550px}
|
||||
article h1{color:#666;font-weight:bold;font-size:15px}
|
||||
.highlight-1,.highlight-2,.highlight-3{-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px}
|
||||
.highlight-1{background:#fcc;border:1px dotted #f96}
|
||||
.highlight-2{background:#ff9;border:1px dotted #fc3}
|
||||
.highlight-3{background:#cf9;border:1px dotted #cc3}
|
||||
cite{border-left:2px solid #0098cc;color:#666;font-size:12px;font-style:normal;font-weight:bold;margin:0;padding:5px 10px}
|
||||
blockquote{border-left:2px solid #0098cc;color:#666;margin:0 0 20px 0;padding:5px 10px}
|
||||
pre{color:#333;font-size:10px;line-height:15px;overflow:hidden;overflow-y:hidden;}
|
||||
pre code{background:#EEE;border-left:2px solid #0098CC;margin:0 0 10px 0;padding:5px;display:block;}
|
||||
dl.vevent{margin:-20px 0 20px 0;padding:0;}
|
||||
.vevent dt{font-size:10px;position:relative;left:0;top:22px;font-weight:bold;}
|
||||
.vevent dd{border-left:2px solid #0098CC;font-size:11px;margin:0 0 0 80px;padding:0 0 0 10px;}
|
||||
dd.summary{font-weight:bold;}
|
||||
.vevent a{font-size:11px;}
|
||||
article form{border-radius:4px;background:#DDD;margin:0 0 20px;padding:10px;}
|
||||
article label{color:#666;display:block;font-size:10px;font-weight:bold;margin:0 0 0 2px;}
|
||||
article input,article textarea{border-radius:4px;border:1px solid #CCC;font-size:11px;padding:4px 5px;width:458px;}
|
||||
article ul,aside ul{list-style:none;margin:0 0 20px 0;}
|
||||
article ul{margin:0 0 20px 23px;}
|
||||
article ul li{background:url(../images/ai2.png) no-repeat 0 8px;padding:0 0 0 17px;}
|
||||
aside{background:#EEE;float:left;margin:0 0 20px 0;width:200px;white-space:normal;}
|
||||
aside ul.aside-comments img{border-radius:4px;width:32px;height:32px;border:1px solid #999999;padding:1px;margin-top:5px;margin-right:5px;}
|
||||
aside ul.aside-comments a{font-weight:bold;}
|
||||
aside ul.aside-comments .side-comment{color:#555555;font-weight:normal;overflow:hidden;white-space:nowrap;width:158px;height:18px;}
|
||||
aside ul.aside-comments div.left>div>div{display:none;}
|
||||
aside ul.aside-comments .side-comment img{border:0px;height:16px;width:16px;padding:0px;margin-right:0px;margin-top:0;}
|
||||
aside ul.aside-comments li{padding:2px 0;}
|
||||
aside ul.aside-comments li div{width:158px;}
|
||||
aside ul.aside-comments li div.left div{height:18px;line-height:18px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
|
||||
aside ul.navi-tags li{padding-left:0px;background-image:none;}
|
||||
aside ul.navi-tags li img{margin-bottom:3px;padding-right:6px;height:16px;width:16px;}
|
||||
#mostViewCountArticles li,#mostCommentArticles li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
|
||||
#mostViewCountArticles a,#mostCommentArticles a{white-space:nowrap;}
|
||||
.s{border-radius:4px;margin:0 0 20px 0;padding:10px;width:179px;}
|
||||
.s input{border-radius:4px;border:1px solid #AAA;color:#999;font-size:11px;padding:4px 5px;width:168px;}
|
||||
nav ul{list-style:none;}
|
||||
nav li{background:url(../images/ai1.png) no-repeat 0 8px;padding:0 0 0 15px;}
|
||||
nav li ul,aside li ul li ul{margin:0;}
|
||||
nav li li a{font-size:11px;}
|
||||
nav li li li a{font-size:10px;}
|
||||
nav li li li,aside li.active li li{background:url(../images/ai8.png) no-repeat 0 10px;}
|
||||
nav li.active,aside li.active li{background:url(../images/ai2.png) no-repeat 0 8px;}
|
||||
.gallery{list-style:none;margin:0 0 10px;}
|
||||
.gallery li{display:inline;margin:0 15px 0 0;}
|
||||
.gallery a img{border:1px solid #999;height:50px;opacity:0.8;padding:1px;width:50px;}
|
||||
.gallery li:last-child{margin:0 0 10px 0;}
|
||||
.gallery a img:hover{opacity:1;}
|
||||
.adspace{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);background:#EEE;height:100%;margin:0 0 20px 0;padding:5px 10px;text-align:center;width:178px;}
|
||||
.adspace a img{border:none;}
|
||||
#tagcloud{overflow:hidden;width:200px;}
|
||||
#tagcloud li{display:inline;margin:0 10px 0 0;}
|
||||
.tagcloudsize-1 a{font-size:14px;}
|
||||
.tagcloudsize-2 a{font-size:16px;}
|
||||
.tagcloudsize-3 a{font-size:18px;}
|
||||
footer{border-top:1px dotted #B5B3A9;clear:both;margin:20px 0;}
|
||||
footer a,footer p{color:#666;display:inline;font-size:12px;}
|
||||
footer div{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;float:right;white-space:nowrap;}
|
||||
footer span{margin:0px;}
|
||||
footer img{height:28px;}
|
||||
.comments{position:relative;background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;}
|
||||
.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative;}
|
||||
.comment-body-ref{border-radius:6px;background-color:#FFFFFF;border:1px solid #CCCCCC;opacity:0.9;padding:6px;position:absolute;width:387px;left:174px;}
|
||||
.comment-body-ref .comment-author{width:67px;}
|
||||
.comment-body-ref .comment-info{width:300px;border-width:0px;}
|
||||
.comment-body{margin-top:15px;}
|
||||
.comment-author{float:left;text-align:center;width:81px;}
|
||||
.comment-author div{margin-top:10px;padding-right:14px;background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;}
|
||||
.comment-author img{border-radius:4px;border:1px solid #999999;padding:1px;width:32px;height:32px;}
|
||||
.comment-author a{white-space:nowrap;margin-right:14px;font-weight:bold;}
|
||||
.comment-info{border-radius:6px;width:440px;padding:5px 10px;background:#EDEFF0;border:1px dotted #EDEFF0;}
|
||||
.comment-content{word-wrap:break-word;overflow:hidden;background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;line-height:145%;margin:0 -15px;padding:9px 15px 10px;font-size:12px;}
|
||||
.comment-form img{cursor:pointer;}
|
||||
.comment-form input,.comment-form textarea{height:16px;outline:none;font-family:Helvetica,Arial,sans-serif;color:#555555;background:url("../images/textfield.gif") repeat-x scroll 50% 0 #ffffff;border:1px solid #A6A6A6;padding:2px 1px;width:200px;}
|
||||
.comment-form textarea{width:541px;font-size:12px;height:auto;}
|
||||
.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;padding:0px 6px;height:22px;line-height:22px;border-radius:0px;}
|
||||
.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;}
|
||||
.error-msg{color:#3366CC;}
|
||||
#a,#b{margin:0 auto;position:relative;}
|
||||
#a{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);background:#EEE;margin:15px auto;padding:10px 10px 0 10px;width:800px;}
|
||||
#b{overflow:hidden;}
|
||||
#c,.meta,.s,nav ul{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.4);background:#CCC;}
|
||||
#c{margin:0 0 20px 0;padding:5px 10px;width:178px;}
|
||||
#c p,#c a{font-size:11px;line-height:15px;}
|
||||
#c p{margin:0 0 10px 0;}
|
||||
#c img{border-radius:4px;float:left;margin:4px 10px 2px 0;}
|
||||
.meta{margin:10px 0 30px;padding:2px 5px;}
|
||||
.meta p,.meta a{font-size:10px;margin:0;}
|
||||
nav ul{padding:10px;}
|
||||
nav ul ul{border-radius:none;box-shadow:none;}
|
||||
.single_page{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);background:#F2F7F8;padding:10px;margin-bottom:25px;width:531px;}
|
||||
::-webkit-scrollbar{width:6px;}
|
||||
::-webkit-scrollbar-track{background-color:#bbb;}
|
||||
::-webkit-scrollbar-thumb{background-color:#eee;}
|
||||
::-webkit-scrollbar-thumb:hover{background-color:#888;}
|
||||
pre code{background:#eee;border-left:2px solid #0098cc;margin:0 0 10px 0;padding:5px;display:block}
|
||||
dl.vevent{margin:-20px 0 20px 0;padding:0}
|
||||
.vevent dt{font-size:10px;position:relative;left:0;top:22px;font-weight:bold}
|
||||
.vevent dd{border-left:2px solid #0098cc;font-size:11px;margin:0 0 0 80px;padding:0 0 0 10px}
|
||||
dd.summary{font-weight:bold}
|
||||
.vevent a{font-size:11px}
|
||||
article form{border-radius:4px;background:#ddd;margin:0 0 20px;padding:10px}
|
||||
article label{color:#666;display:block;font-size:10px;font-weight:bold;margin:0 0 0 2px}
|
||||
article input,article textarea{border-radius:4px;border:1px solid #ccc;font-size:11px;padding:4px 5px;width:458px}
|
||||
article ul,aside ul{list-style:none;margin:0 0 20px 0}
|
||||
article ul{margin:0 0 20px 23px}
|
||||
article ul li{background:url(../images/ai2.png) no-repeat 0 8px;padding:0 0 0 17px}
|
||||
aside{background:#eee;float:left;margin:0 0 20px 0;width:200px;white-space:normal}
|
||||
aside ul.aside-comments img{border-radius:4px;width:32px;height:32px;border:1px solid #999;padding:1px;margin-top:5px;margin-right:5px}
|
||||
aside ul.aside-comments a{font-weight:bold}
|
||||
aside ul.aside-comments .side-comment{color:#555;font-weight:normal;overflow:hidden;white-space:nowrap;width:158px;height:18px}
|
||||
aside ul.aside-comments div.left>div>div{display:none}
|
||||
aside ul.aside-comments .side-comment img{border:0;height:16px;width:16px;padding:0;margin-right:0;margin-top:0}
|
||||
aside ul.aside-comments li{padding:2px 0}
|
||||
aside ul.aside-comments li div{width:158px}
|
||||
aside ul.aside-comments li div.left div{height:18px;line-height:18px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
|
||||
aside ul.navi-tags li{padding-left:0;background-image:none}
|
||||
aside ul.navi-tags li img{margin-bottom:3px;padding-right:6px;height:16px;width:16px}
|
||||
#mostViewCountArticles li,#mostCommentArticles li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
|
||||
#mostViewCountArticles a,#mostCommentArticles a{white-space:nowrap}
|
||||
.s{border-radius:4px;margin:0 0 20px 0;padding:10px;width:179px}
|
||||
.s input{border-radius:4px;border:1px solid #aaa;color:#999;font-size:11px;padding:4px 5px;width:168px}
|
||||
nav ul{list-style:none}
|
||||
nav li{background:url(../images/ai1.png) no-repeat 0 8px;padding:0 0 0 15px}
|
||||
nav li ul,aside li ul li ul{margin:0}
|
||||
nav li li a{font-size:11px}
|
||||
nav li li li a{font-size:10px}
|
||||
nav li li li,aside li.active li li{background:url(../images/ai8.png) no-repeat 0 10px}
|
||||
nav li.active,aside li.active li{background:url(../images/ai2.png) no-repeat 0 8px}
|
||||
.gallery{list-style:none;margin:0 0 10px}
|
||||
.gallery li{display:inline;margin:0 15px 0 0}
|
||||
.gallery a img{border:1px solid #999;height:50px;opacity:.8;padding:1px;width:50px}
|
||||
.gallery li:last-child{margin:0 0 10px 0}
|
||||
.gallery a img:hover{opacity:1}
|
||||
.adspace{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.3);background:#eee;height:100%;margin:0 0 20px 0;padding:5px 10px;text-align:center;width:178px}
|
||||
.adspace a img{border:none}
|
||||
#tagcloud{overflow:hidden;width:200px}
|
||||
#tagcloud li{display:inline;margin:0 10px 0 0}
|
||||
.tagcloudsize-1 a{font-size:14px}
|
||||
.tagcloudsize-2 a{font-size:16px}
|
||||
.tagcloudsize-3 a{font-size:18px}
|
||||
footer{border-top:1px dotted #b5b3a9;clear:both;margin:20px 0}
|
||||
footer a,footer p{color:#666;display:inline;font-size:12px}
|
||||
footer div{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;float:right;white-space:nowrap}
|
||||
footer span{margin:0}
|
||||
footer img{height:28px}
|
||||
.comments{position:relative;background:none repeat scroll 0 0 #fcfcfc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:15px -15px;padding:0 15px 15px}
|
||||
.comment-title{background-color:#e3e9ff;border-top:1px solid #36c;padding:3px 12px 3px 12px;position:relative}
|
||||
.comment-body-ref{border-radius:6px;background-color:#fff;border:1px solid #ccc;opacity:.9;padding:6px;position:absolute;width:387px;left:174px}
|
||||
.comment-body-ref .comment-author{width:67px}
|
||||
.comment-body-ref .comment-info{width:300px;border-width:0}
|
||||
.comment-body{margin-top:15px}
|
||||
.comment-author{float:left;text-align:center;width:81px}
|
||||
.comment-author div{margin-top:10px;padding-right:14px;background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent}
|
||||
.comment-author img{border-radius:4px;border:1px solid #999;padding:1px;width:32px;height:32px}
|
||||
.comment-author a{white-space:nowrap;margin-right:14px;font-weight:bold}
|
||||
.comment-info{border-radius:6px;width:440px;padding:5px 10px;background:#edeff0;border:1px dotted #edeff0}
|
||||
.comment-content{word-wrap:break-word;overflow:hidden;background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;line-height:145%;margin:0 -15px;padding:9px 15px 10px;font-size:12px}
|
||||
.comment-form img{cursor:pointer}
|
||||
.comment-form input,.comment-form textarea{height:16px;outline:none;font-family:Helvetica,Arial,sans-serif;color:#555;background:url("../images/textfield.gif") repeat-x scroll 50% 0 #fff;border:1px solid #a6a6a6;padding:2px 1px;width:200px}
|
||||
.comment-form textarea{width:541px;font-size:12px;height:auto}
|
||||
.comment-form button{background:none repeat scroll 0 0 #b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-style:solid;border-width:1px;color:#2970a6;font-size:12px;padding:0 6px;height:22px;line-height:22px;border-radius:0}
|
||||
.comment-form button:hover{background:none repeat scroll 0 0 #98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e}
|
||||
.error-msg{color:#36c}
|
||||
#a,#b{margin:0 auto;position:relative}
|
||||
#a{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.3);background:#eee;margin:15px auto;padding:10px 10px 0 10px;width:800px}
|
||||
#b{overflow:hidden}
|
||||
#c,.meta,.s,nav ul{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.4);background:#ccc}
|
||||
#c{margin:0 0 20px 0;padding:5px 10px;width:178px}
|
||||
#c p,#c a{font-size:11px;line-height:15px}
|
||||
#c p{margin:0 0 10px 0}
|
||||
#c img{border-radius:4px;float:left;margin:4px 10px 2px 0}
|
||||
.meta{margin:10px 0 30px;padding:2px 5px}
|
||||
.meta p,.meta a{font-size:10px;margin:0}
|
||||
nav ul{padding:10px}
|
||||
nav ul ul{border-radius:none;box-shadow:none}
|
||||
.single_page{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.2);background:#f2f7f8;padding:10px;margin-bottom:25px;width:531px}
|
||||
::-webkit-scrollbar{width:6px}
|
||||
::-webkit-scrollbar-track{background-color:#bbb}
|
||||
::-webkit-scrollbar-thumb{background-color:#eee}
|
||||
::-webkit-scrollbar-thumb:hover{background-color:#888}
|
||||
|
||||
@@ -23,5 +23,5 @@
|
||||
|
||||
name=owmx-3.0
|
||||
version=2.0.5
|
||||
forSolo=0.6.0
|
||||
forSolo=0.6.1
|
||||
memo=Refers to http://lightdian.b3log.org
|
||||
|
||||
BIN
skin-preview/metro-hot.png
Normal file
BIN
skin-preview/metro-hot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 659 KiB |
@@ -1,5 +1,5 @@
|
||||
/*
|
||||
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
||||
/**
|
||||
* 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.
|
||||
@@ -12,7 +12,7 @@
|
||||
* 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.
|
||||
*/
|
||||
*/
|
||||
/*
|
||||
* timeline skin style.
|
||||
*
|
||||
@@ -980,4 +980,4 @@ article .article-title a {
|
||||
bottom: 114px;
|
||||
}
|
||||
}
|
||||
/* end responsive */
|
||||
/* end responsive */
|
||||
|
||||
116
timeline/css/timeline.min.css
vendored
116
timeline/css/timeline.min.css
vendored
@@ -1,3 +1,4 @@
|
||||
<<<<<<< HEAD
|
||||
html,body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;height:100%;}
|
||||
body{font:0.81em Verdana,arial,'\5fae\8f6f\96c5\9ed1';color:#666666;background-color:#363A3D;overflow-y:scroll;}
|
||||
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';outline:none;}
|
||||
@@ -114,3 +115,118 @@ article .article-title a{color:#000;text-decoration:none;}
|
||||
.nav-abs li:hover{background-color:#EFEEEE;color:#000;}
|
||||
.nav-abs li.year:hover,.nav-abs li.open{background-color:#353535;color:#fff;}
|
||||
@media (max-width:650px){.wrapper{min-width:200px;} #top>.left{display:block;float:none;width:100%;} #top>a{display:block;float:none !important;} #hideTop{position:absolute;right:0;top:0;} #admin{display:block;float:none;} #admin>a{border-right-width:0 !important;display:block;float:none !important;line-height:26px !important;margin:0 !important;} .container{width:100%;} .header .title{height:26px;max-width:72%;overflow:hidden;} .header>.container>div.left{float:none;height:50px;margin-left:10px;} .header>.container>ul{float:none;padding:0;margin:0;} .header>.container li{float:none;padding:3px 10px;} .header>.container li>a{padding:0;display:block;} .header>.container li:hover{background-color:#FFFFFF;background-image:linear-gradient(#ffffff, #e5e5e5);background-image:-ms-linear-gradient(#ffffff, #e5e5e5);background-image:-o-linear-gradient(#ffffff, #e5e5e5);background-image:-webkit-linear-gradient(#ffffff, #e5e5e5);filter:progid:dximagetransform.microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E5E5E5');} .header>.container>form{float:none;margin:10px;} #search{margin:5px 0 10px 10px;} #search:focus{width:92%;} .ico-list{background-color:#FCFCFC;background-image:url("../../timeline/images/icons.png");background-position:4px -206px;background-repeat:no-repeat;border-radius:1px 0 3px 3px;cursor:pointer;float:right;height:25px;margin-right:35px;margin-top:-29px;width:25px;} .ico-list:hover{background-color:#FFF;} .footer>.container>.right{float:none;padding:0 10px;line-height:19px;} .footer>.container>.right>.left{float:none;} .nav-abs{position:inherit !important;padding:0;background-color:transparent;box-shadow:none;border-width:0;max-width:none !important;} .index-nav-abs{margin:0;} .nav-abs li{float:none;width:auto;} .author,.ico-reply{margin-left:75px;display:block;} .comments>li>div>div.article-body{padding-left:0;} .dynamic-l,.dynamic-r{float:none;width:auto;} .dynamic-l>div{margin-right:0;} .articles .arrow,.articles .dot,#admin>span,.ft-next,.ft-pre,.footer>.container>.left{display:none;} .header>.container>ul,.header>.container>form{height:0;overflow:hidden;margin:0;} .articles{padding-bottom:10px;} .articles article{float:none;width:auto;} .articles>div.fn-clear>h2{margin-bottom:40px;}}@media (max-width:360px){.ico{display:block;float:none;line-height:19px;} .dynamic-r .ico{float:right;} #commentForm label,#replyForm label{display:block;} .footer>.container>.right>.left>span{display:block;} .ico-translate{display:block;float:none;margin-left:0;} .ico-top{bottom:114px;}}
|
||||
=======
|
||||
html,body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;height:100%}
|
||||
body{font:.81em Verdana,arial,'\5fae\8f6f\96c5\9ed1';color:#666;background-color:#363a3d}
|
||||
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';outline:none}
|
||||
a{color:#6599c6;outline:medium none;text-decoration:none;transition:color 1s ease 0}
|
||||
a:hover{color:#000}
|
||||
img{max-width:100%;border:0;vertical-align:middle}
|
||||
::selection{background-color:#d5d5d5;color:#fcfcfc}
|
||||
::-moz-selection{background-color:#d5d5d5;color:#fcfcfc}
|
||||
.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}
|
||||
.fn-clear:before,.fn-clear:after{display:table;content:""}
|
||||
.fn-clear:after{clear:both}
|
||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../ease/images/emotions/emotions-ease.png");float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}
|
||||
#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}
|
||||
.em01{background-position:-24px 0}
|
||||
.em02{background-position:-48px 0}
|
||||
.em03{background-position:-72px 0}
|
||||
.em04{background-position:-96px 1px}
|
||||
.em05{background-position:0 -24px}
|
||||
.em06{background-position:-24px -24px}
|
||||
.em07{background-position:-48px -24px}
|
||||
.em08{background-position:-72px -24px}
|
||||
.em09{background-position:-96px -24px}
|
||||
.em10{background-position:0 -48px}
|
||||
.em11{background-position:-24px -48px}
|
||||
.em12{background-position:-48px -48px}
|
||||
.em13{background-position:-72px -48px}
|
||||
.em14{background-position:-96px -48px}
|
||||
#tags{margin:0}
|
||||
#tags li{float:left;list-style-type:none;height:45px}
|
||||
#tags a{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;display:block;margin:5px 10px;padding:5px 10px}
|
||||
#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #d5d5d5}
|
||||
#tags b{font-size:70%;opacity:.6;filter:alpha(opacity=60)}
|
||||
.tags1,.tags1:visited{font-size:12px;color:#a7a7a7}
|
||||
.tags2,.tags2:visited{font-size:14px;color:#808080}
|
||||
.tags3,.tags3:visited{font-size:16px;color:#595959}
|
||||
.tags4,.tags4:visited{font-size:18px;color:#323232}
|
||||
.tags5,.tags5:visited{font-size:20px;color:#0a0a0a}
|
||||
.module{background-color:#fff;border:1px solid #bec3c7;border-radius:5px 5px 5px 5px;box-shadow:0 1px 1px rgba(0,0,0,0.1);margin-bottom:30px;padding:15px;word-wrap:break-word;position:relative}
|
||||
.module>h3.title{margin:0 0 10px 0;color:#444}
|
||||
.module>ul.list{list-style-type:none;padding-left:0;margin:0;overflow:hidden}
|
||||
.module>ul.list>li{border-top:1px solid #eee;padding:6px 0}
|
||||
.articles .arrow,.ico-author,.ico-tags,.ico-comment,.ico-top,.ico-view,.ico-reply,.ico-translate,#search{background-repeat:no-repeat;background-image:url("../../timeline/images/icons.png")}
|
||||
.ico-author,.ico-tags,.ico-comment,.ico-view,.ico-reply{padding-left:20px;background-position:-1px -63px;margin-right:10px}
|
||||
.ico-tags{background-position:-1px -83px}
|
||||
.ico-comment{background-position:-1px -41px}
|
||||
.ico-view{background-position:0 -122px}
|
||||
.ico-reply{background-position:0 -162px}
|
||||
.ico-translate{background-position:0 -186px;cursor:pointer;float:right;height:16px;margin-left:10px;width:16px}
|
||||
#search{background-position:5px -138px;border:medium none;border-radius:12px 12px 12px 12px;box-shadow:0 1px 0 rgba(0,0,0,0.4) inset,0 1px 0 rgba(255,255,255,0.1);color:#a5a099;height:22px;margin-top:13px;padding-left:25px;transition:width .7s ease 0;width:60px}
|
||||
#search:focus{color:#333;width:140px}
|
||||
.ico-top{background-color:#363a3d;background-position:4px -100px;border-radius:20em 20em 20em 20em;bottom:60px;box-shadow:0 -1px 2px rgba(0,0,0,0.3) inset,0 1px 0 rgba(255,255,255,0.15);height:25px;position:fixed;left:90%;width:25px;cursor:pointer}
|
||||
.ico-next,.ico-pre{background-color:#6599c6;border-radius:10em 10em 10em 10em;color:#fff;display:block;float:left;font:20px/100% "Times New Roman",Times,serif;height:28px;margin:-8px 10px 0 0;padding:4px 0 0;text-align:center;transition:background 1s ease 0;width:32px}
|
||||
.ico-next{float:right;margin:-8px 0 0 10px}
|
||||
a:hover>.ico-next,a:hover>.ico-pre{background-color:#000}
|
||||
.wrapper{min-width:500px;padding:50px 0;background:url("../../timeline/images/bg.png") repeat scroll 0 0 #dee4ea}
|
||||
.header{background-color:#bfbfbf;background-image:url("../../timeline/images/nav-bg.png"),linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-ms-linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-o-linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-webkit-linear-gradient(#ccc, #a9a9a9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CCCCCC', endColorstr='#A9A9A9');border-bottom:1px solid #898989;box-shadow:0 -1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(0,0,0,0.2);height:50px;overflow:hidden}
|
||||
.container{width:80%;margin:0 auto}
|
||||
.footer{border-top:1px solid #232323;padding:20px 0;color:#ddd;font-size:80%}
|
||||
.footer a{color:#9cc0de}
|
||||
.footer a:hover{text-decoration:underline}
|
||||
.header .title{font-size:150%;margin:3px 0 0}
|
||||
.header .title a{color:#414141;text-shadow:0 1px 0 rgba(255,255,255,0.7)}
|
||||
.header .sub-title{float:left;max-width:574px;white-space:normal;word-wrap:break-word}
|
||||
.header li a{color:#444;padding:17px;line-height:20px;text-shadow:0 1px 0 rgba(255,255,255,0.7);white-space:nowrap}
|
||||
.header li a.current{border-bottom:2px solid #d26911}
|
||||
.header a:hover{color:#000}
|
||||
.header li{float:left;list-style-type:none}
|
||||
.articles{position:relative;margin-top:11px}
|
||||
.articles>div.fn-clear{position:relative;margin-bottom:50px}
|
||||
.articles>div.fn-clear>h2{margin:0;text-align:center;height:28px}
|
||||
.articles>.vertical{background-color:#9eb5c6;border-radius:20em 20em 20em 20em;box-shadow:0 0 1px 0 rgba(0,0,0,0.5) inset,0 0 1px 0 rgba(255,255,255,0.6);height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px}
|
||||
.articles article{width:50%;float:left}
|
||||
.articles article.l>div.module{margin-right:30px;left:0}
|
||||
.articles article.r{left:50%}
|
||||
.articles article.r>div{margin-left:30px;position:relative}
|
||||
.articles .dot{background-color:#fff;border:3px solid #60829f;border-radius:20em 20em 20em 20em;height:6px;position:absolute;right:-37px;top:22px;width:6px}
|
||||
.articles .r .dot{left:-37px;right:inherit}
|
||||
.articles .arrow{height:15px;position:absolute;right:-9px;top:21px;width:9px}
|
||||
.articles .r .arrow{background-position:0 -22px;left:-9px;right:inherit}
|
||||
.articles pre{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px 4px 4px 4px;padding:9.5px;white-space:pre-wrap;word-wrap:break-word}
|
||||
time.article-time{top:-8px;left:50%;position:absolute}
|
||||
time.article-time>span{background-color:#fff;border:1px solid #a8a9a9;border-radius:20em 20em 20em 20em;font-size:80%;margin-left:-56px;padding:5px 10px}
|
||||
article .article-title{margin:10px 0 0 0}
|
||||
article .article-title>sup{color:#6599c6;font-size:70%}
|
||||
article .article-title a{color:#000;text-decoration:none}
|
||||
.ico>a{color:#999;font-size:80%;text-decoration:none}
|
||||
.ico>a:hover{color:#000}
|
||||
.article-more{background-color:#60829f;border-radius:20em 20em 20em 20em;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset,0 1px 0 rgba(255,255,255,0.6);color:#fff;cursor:pointer;font-weight:bold;height:19px;left:50%;margin-left:-38px;padding:5px 20px;position:absolute;text-align:center;top:100%;width:36px}
|
||||
.article-archive{background-color:#60829f;border-radius:20em 20em 20em 20em;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset,0 1px 0 rgba(255,255,255,0.6);color:#fff;font-size:80%;font-weight:normal;padding:5px 20px}
|
||||
.dynamic-l{float:left;width:70%}
|
||||
.dynamic-l>div{margin-right:30px}
|
||||
.dynamic-r{float:right;width:30%}
|
||||
.dynamic-r .tags a,.links a{line-height:24px}
|
||||
#comments{margin:30px 0 50px;position:relative}
|
||||
.comments>li>img{height:60px;width:60px;border-radius:30px;float:left;margin-right:15px}
|
||||
.comments .author{font-size:130%;font-style:italic}
|
||||
.comments>li>div>div.article-body{padding-left:75px;margin:12px 0}
|
||||
.module>ul>li.comment-body-ref{background-color:#fff;border:1px solid #ddd;left:76px;opacity:.8;filter:alpha(opacity=80);padding:10px;position:absolute;width:74%;border-radius:10px}
|
||||
.comment-body-ref .ico-reply{display:none}
|
||||
.comment-form{width:100%;margin:30px 0}
|
||||
#commentForm{margin-top:0}
|
||||
.comment-form input[type='text'],.comment-form textarea{background:url("../../timeline/images/bg.png") repeat scroll 0 0 #e5e8ea;border:1px solid #bcbdbe;border-radius:5px 5px 5px 5px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;margin:5px 5px 5px 0;padding:6px}
|
||||
.comment-form input[type='text']:focus,.comment-form textarea:focus{background-color:#efefef;outline:medium none}
|
||||
#submitCommentButton,#submitCommentButtonReply{background:none repeat scroll 0 0 #868889;border:1px solid #5d6265;border-radius:10em 10em 10em 10em;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(0,0,0,0.3);color:#fff;cursor:pointer;padding:5px 20px;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}
|
||||
#submitCommentButton:hover,#submitCommentButtonReply:hover{color:#fff;background-color:#444}
|
||||
.nav-abs{background-color:#6b6b6b;border:1px solid #898989;border-radius:5px 5px 5px 5px;box-shadow:0 1px 3px rgba(0,0,0,0.4) inset,0 1px 0 rgba(255,255,255,0.7),0 -1px 0 rgba(255,255,255,0.6);color:#ccc;padding:5px 10px;position:absolute;right:30px;top:61px;z-index:1;text-align:center;white-space:nowrap}
|
||||
.nav-abs li{background-color:#dedddd;border:1px solid #6b6b6b;color:#616161;cursor:pointer;float:left;height:20px;list-style-type:none;padding:3px 5px;width:28px}
|
||||
.nav-abs li.year{background-color:#6b6b6b;clear:both;color:#ccc;float:none;text-shadow:0 -1px 0 rgba(0,0,0,0.5);width:auto;border-width:0}
|
||||
.nav-abs li:hover{background-color:#efeeee;color:#000}
|
||||
.nav-abs li.year:hover,.nav-abs li.open{background-color:#353535;color:#fff}
|
||||
>>>>>>> origin/master
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
<input type="hidden" name="oe" value="UTF-8" />
|
||||
<input type="hidden" name="ie" value="UTF-8" />
|
||||
<input type="hidden" name="newwindow" value="0" />
|
||||
<input type="hidden" name="sitesearch" value="${blogHost}" />
|
||||
<input type="hidden" name="sitesearch" value="${serverHost}" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,5 +1,5 @@
|
||||
/*
|
||||
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
||||
* 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.
|
||||
@@ -13,7 +13,6 @@
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
/**
|
||||
* @fileoverview timeline js.
|
||||
*
|
||||
|
||||
6
timeline/js/timeline.min.js
vendored
6
timeline/js/timeline.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -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
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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
|
||||
|
||||
186
tree-house/css/tree-house.min.css
vendored
186
tree-house/css/tree-house.min.css
vendored
@@ -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}
|
||||
|
||||
@@ -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
|
||||
Reference in New Issue
Block a user