皮肤修改
ease: color and lineheight neoease: product css owmx: footer margin
This commit is contained in:
Vanessa
parent
a7a485d250
commit
9779e69dbb
1289
ease/css/ease.css
1289
ease/css/ease.css
File diff suppressed because it is too large
Load Diff
211
ease/css/ease.min.css
vendored
211
ease/css/ease.min.css
vendored
@ -1,103 +1,108 @@
|
|||||||
html,body,div,ul,li{margin:0;padding:0;}
|
html,body,div,ul,li{margin:0;padding:0;}
|
||||||
body{font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;}
|
body{font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;}
|
||||||
a{outline:none;color:#009EB8;text-decoration:none;}
|
a{outline:none;color:#009EB8;text-decoration:none;}
|
||||||
a:visited{color:#00b4d2;}
|
a:visited{color:#00b4d2;}
|
||||||
a:hover{text-decoration:underline;}
|
a:hover{text-decoration:underline;}
|
||||||
a:active{color:#00889f;}
|
a:active{color:#00889f;}
|
||||||
img{vertical-align:middle;border:0;}
|
img{vertical-align:middle;border:0;}
|
||||||
textarea,input{outline:none;}
|
textarea,input{outline:none;}
|
||||||
sup{font-size: 10px;-webkit-text-size-adjust:none;font-weight: normal;}
|
sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
|
||||||
.right{float:right;}
|
.left{float:left;}
|
||||||
.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
|
.right{float:right;}
|
||||||
.none{display:none;}
|
.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
|
||||||
.ft-gray{color:gray;}
|
.none{display:none;}
|
||||||
.ft-gray:visited{color:#9a9a9a;}
|
.ft-gray{color:#808080;}
|
||||||
.ft-gray:hover{color:#676767;text-decoration:none;}
|
.ft-gray:visited{color:#9a9a9a;}
|
||||||
.logo{text-shadow:0 0 1px #e2e2e2;padding:0 5px;}
|
.ft-gray:hover{color:#676767;text-decoration:none;}
|
||||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url(../../ease/images/emotions/emotions-classic.png);float:left;height:24px;margin-right:5px;width:24px;}
|
.logo{padding:0 5px;text-shadow:0 0 1px #D5D5D5;}
|
||||||
.em01{background-position:-24px 0;}
|
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url(../../ease/images/emotions/emotions-classic.png);float:left;height:24px;margin-right:5px;width:24px;}
|
||||||
.em02{background-position:-48px 0;}
|
.em01{background-position:-24px 0;}
|
||||||
.em03{background-position:-72px 0;}
|
.em02{background-position:-48px 0;}
|
||||||
.em04{background-position:-96px 0;}
|
.em03{background-position:-72px 0;}
|
||||||
.em05{background-position:0 -24px;}
|
.em04{background-position:-96px 0;}
|
||||||
.em06{background-position:-24px -24px;}
|
.em05{background-position:0 -24px;}
|
||||||
.em07{background-position:-48px -24px;}
|
.em06{background-position:-24px -24px;}
|
||||||
.em08{background-position:-72px -24px;}
|
.em07{background-position:-48px -24px;}
|
||||||
.em09{background-position:-96px -24px;}
|
.em08{background-position:-72px -24px;}
|
||||||
.em10{background-position:0 -48px;}
|
.em09{background-position:-96px -24px;}
|
||||||
.em11{background-position:-24px -48px;}
|
.em10{background-position:0 -48px;}
|
||||||
.em12{background-position:-48px -48px;}
|
.em11{background-position:-24px -48px;}
|
||||||
.em13{background-position:-72px -48px;}
|
.em12{background-position:-48px -48px;}
|
||||||
.em14{background-position:-96px -48px;}
|
.em13{background-position:-72px -48px;}
|
||||||
#search,.translate-ico{background-image:url(/skins/ease/images/icons.png);}
|
.em14{background-position:-96px -48px;}
|
||||||
.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #e2e2e2;border-radius:3px;cursor:pointer;float:right;height:16px;margin:-3px 0 0 15px;width:16px;padding:1px;}
|
#search,.translate-ico{background-image:url(/skins/ease/images/icons.png);}
|
||||||
.translate-ico:hover{box-shadow:0 0 1px gray;background-color:#fefefe;border-color:#9a9a9a;}
|
.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;}
|
||||||
.wrapper{margin:0 50px;}
|
.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px #808080;background-color:#FDFDFD;}
|
||||||
.body{width:990px;margin:0 auto 50px;}
|
.wrapper{margin:0 50px;}
|
||||||
.header{position:fixed;width:100%;background-color:#fefefe;z-index:1;}
|
.body{margin:0 auto 50px;width:990px;}
|
||||||
.header .title{border-bottom:1px solid gray;font-size:26px;font-weight:400;}
|
.header{position:fixed;width:100%;background-color:#FDFDFD;z-index:1;}
|
||||||
.header .sub-title{font-size:11px;}
|
.header .title{border-bottom:1px solid #808080;font-size:26px;font-weight:normal;}
|
||||||
#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #e2e2e2;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:gray;float:right;font-size:14px;height:19px;line-height:145%;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;padding:4px 10px 4px 28px;}
|
.header .sub-title{font-size:11px;}
|
||||||
#search:focus{background-color:#FeFeFe;width:196px;}
|
#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;}
|
||||||
.banner{margin-bottom:20px;}
|
#search:focus{background-color:#FDFDFD;width:196px;}
|
||||||
.banner .notice{float:left;margin:20px 0 0 50px;}
|
.banner{margin-bottom:20px;}
|
||||||
.nav{background-color:#FFF;box-shadow:0 2px 2px #e2e2e2, 0 3px 3px -3px #E2E2E2 inset;height:29px;}
|
.banner .notice{float:left;margin:20px 0 0 50px;}
|
||||||
.nav ul{list-style:none;float:left;}
|
.nav{background-color:#FFF;box-shadow:0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset;height:29px;}
|
||||||
.nav a{display:block;float:left;font-size:14px;line-height:29px;margin-right:30px;text-shadow:0 0 1px #E2E2E2;}
|
.nav ul{list-style:none;float:left;}
|
||||||
.nav a.current{color:#00b4d2;font-weight:700;text-shadow:0 0 3px #E2E2E2;}
|
.nav li{float:left;}
|
||||||
.nav img{margin-left:3px;}
|
.nav a{display:block;float:left;font-size:14px;line-height:29px;margin-right:30px;text-shadow:0 0 1px #D5D5D5;}
|
||||||
.footer{background-color:#FDFDFD;border-top:2px solid #e2e2e2;font-size:11px;-webkit-text-size-adjust:none;padding:12px 0;}
|
.nav a.current{color:#00b4d2;font-weight:700;text-shadow:0 0 3px #D5D5D5;}
|
||||||
#goTop{background:url(/skins/ease/images/icons.png) no-repeat scroll 5px -51px #f6f6f6;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;position:absolute;right:50px;display:none;padding:0 10px 0 23px;}
|
.nav img{margin-left:3px;}
|
||||||
#goTop:hover{background-color:#e2e2e2;}
|
.footer{background-color:#FDFDFD;border-top:2px solid #D5D5D5;font-size:11px;padding:12px 0;-webkit-text-size-adjust:none;}
|
||||||
.article{border-bottom:1px solid #f6f6f6;padding:20px 70px 20px;}
|
#goTop{background:url(/skins/ease/images/icons.png) no-repeat scroll 5px -51px #D5D5D5;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:50px;display:none;}
|
||||||
.article:hover{border-bottom-color:#e2e2e2;box-shadow:0 0 1px #f6f6f6 inset;background-color:#fefefe;}
|
#goTop:hover{background-color:#D5D5D5;}
|
||||||
.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;}
|
.body > ul{list-style:none;}
|
||||||
.article-body ol,.article-body ul{margin-left:40px;}
|
.article{border-bottom:1px solid #f6f6f6;padding:20px 70px;}
|
||||||
.article-body a{color:gray;text-decoration:underline;}
|
.article:hover{border-bottom-color:#D5D5D5;box-shadow:0 0 1px #f6f6f6 inset;background-color:#FDFDFD;}
|
||||||
.article-body a:hover{color:#676767;}
|
.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;}
|
||||||
.article-body>div{min-height:32px;}
|
.article-body ol,.article-body ul{margin-left:40px;}
|
||||||
.article-title h2{display:inline;}
|
.article-body a{color:#808080;text-decoration:underline;}
|
||||||
.article-title span{cursor:pointer;}
|
.article-body a:vidited{color:#9a9a9a;}
|
||||||
.article-next{background-color:#FEFEFE;box-shadow:0 0 3px #E2E2E2 inset;cursor:pointer;font-size:14px;line-height:36px;text-align:center;}
|
.article-body a:hover{color:#676767;}
|
||||||
.article-next:hover{box-shadow:0 0 3px #E2E2E2, 0 0 3px #E2E2E2 inset;}
|
.article-body>div{min-height:32px;}
|
||||||
.article-relative{background-color:#FEFEFE;box-shadow:0 0 2px #E2E2E2;float:left;width:365px;margin:20px 0;padding:0 20px 10px;}
|
.article-title h2{display:inline;}
|
||||||
.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #e2e2e2;}
|
.article-title span{cursor:pointer;}
|
||||||
#relevantArticles{margin-right:40px;}
|
.article-next{background-color:#FDFDFD;box-shadow:0 0 3px #D5D5D5 inset;cursor:pointer;font-size:14px;line-height:36px;text-align:center;}
|
||||||
#externalRelevantArticles{width:297px;margin-top:0;}
|
.article-next:hover{box-shadow:0 0 3px #D5D5D5, 0 0 3px #D5D5D5 inset;}
|
||||||
#comments{position:relative;padding:20px 70px;}
|
.article-relative{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;float:left;margin:20px 0;padding:0 20px 10px;width:365px;}
|
||||||
.comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px;}
|
.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5;}
|
||||||
.comment-panel{float:left;line-height:16px;min-height:64px;overflow:hidden;width:760px;margin:0 10px 20px;}
|
.article-relative ul{list-style:none;}
|
||||||
.comment-body-ref{background-color:#FEFEFE;box-shadow:0 0 2px #E2E2E2;display:block;left:140px;opacity:0.9;filter:alpha(opacity=90);position:absolute;padding:10px;}
|
#relevantArticles{margin-right:40px;}
|
||||||
.comment-body-ref > .comment-header{border:0 none;float:right;height:48px;padding:0;width:48px;}
|
#externalRelevantArticles{width:297px;margin-top:0;}
|
||||||
.comment-body-ref > .comment-panel{min-height:48px;width:756px;margin:0 20px 0 0;}
|
#comments{padding:20px 70px;position:relative;}
|
||||||
.form{float:left;padding:0 70px 20px;}
|
.comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px;}
|
||||||
.form th{text-align:right;white-space:nowrap;}
|
.comment-panel{float:left;line-height:16px;margin:0 10px 20px;min-height:64px;overflow:hidden;width:760px;}
|
||||||
.form input[type=text],.form input[type=password],.form textarea{background-color:#FEFEFE;box-shadow:0 0 2px #E2E2E2;font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;outline:medium none;height:28px;line-height:28px;width:260px;border-width:0;margin:0 5px 10px 0;padding:0 3px;}
|
.comment-body-ref{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;display:block;left:140px;padding:10px;opacity:0.9;filter:alpha(opacity=90);position:absolute;}
|
||||||
.form textarea{height:120px;overflow:auto;width:426px;}
|
.comment-body-ref > .comment-header{border:0 none;float:right;height:48px;width:48px;padding:0;}
|
||||||
.form button{background-color:#F6F6F6;border:0 none;box-shadow:0 0 2px #E2E2E2;height:28px;line-height:28px;color:#A7A7A7;padding:0 12px;}
|
.comment-body-ref > .comment-panel{margin:0 20px 0 0;min-height:48px;width:756px;}
|
||||||
.form button:hover{box-shadow:0 0 4px #E2E2E2;text-shadow:0 0 2px;}
|
.form{padding:0 70px 20px;float:left;}
|
||||||
.form img{background-color:#FEFEFE;box-shadow:0 0 2px #E2E2E2;cursor:pointer;height:24px;padding:1px;}
|
.form th{text-align:right;white-space:nowrap;}
|
||||||
#tags li{float:left;height:38px;}
|
.form input[type=text],.form input[type=password],.form textarea{background-color:#FDFDFD;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;}
|
||||||
#tags a{background-color:#FEFEFE;box-shadow:0 0 2px #E2E2E2;float:left;margin:3px 6px;padding:3px 12px;}
|
.form input:focus,.form textarea:focus{box-shadow:0 0 4px #D5D5D5;}
|
||||||
#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #E2E2E2;}
|
.form textarea{height:120px;overflow:auto;width:426px;line-height:16px;}
|
||||||
.tags1,.tags1:visited{font-size:12px;color:#a7a7a7;}
|
.form button{background-color:#F6F6F6;border:0 none;box-shadow:0 0 2px #D5D5D5;height:28px;line-height:28px;padding:0 12px;color:#A7A7A7;}
|
||||||
.tags2,.tags2:visited{font-size:14px;color:gray;}
|
.form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px;}
|
||||||
.tags3,.tags3:visited{font-size:16px;color:#595959;}
|
.form img{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;cursor:pointer;height:24px;padding:1px;}
|
||||||
.tags4,.tags4:visited{font-size:18px;color:#323232;}
|
#tags li{float:left;height:38px;}
|
||||||
.tags5,.tags5:visited{font-size:20px;color:#0a0a0a;}
|
#tags a{margin:3px 6px;padding:3px 12px;background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;float:left;}
|
||||||
.archives{position: relative;}
|
#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #D5D5D5;}
|
||||||
.archives > div{ background-color: #FEFEFE;box-shadow: 0 0 2px #E2E2E2;padding-bottom: 20px;line-height: 20px;margin: 20px;width: 276px;position: absolute;top: 0;}
|
.tags1,.tags1:visited{font-size:12px;color:#a7a7a7;}
|
||||||
.archives h3 {text-align: center;}
|
.tags2,.tags2:visited{font-size:14px;color:#808080;}
|
||||||
.archives a{display:block;margin-left: 80px;}
|
.tags3,.tags3:visited{font-size:16px;color:#595959;}
|
||||||
.dynamic .module{background-color:#FEFEFE;box-shadow:0 0 2px #E2E2E2;float:left;line-height:20px;width:393px;margin:20px;padding:10px 20px 20px;}
|
.tags4,.tags4:visited{font-size:18px;color:#323232;}
|
||||||
.dynamic .side-comments{width:600px;}
|
.tags5,.tags5:visited{font-size:20px;color:#0a0a0a;}
|
||||||
.dynamic .side-comments .comment-panel{width:510px;}
|
.archives{position:relative;}
|
||||||
.dynamic .side-tags{width:186px;}
|
.archives > div{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;padding-bottom:20px;line-height:20px;margin:20px;width:276px;position:absolute;top:0;}
|
||||||
.dynamic .side-tags li{float:left;margin:0 5px;}
|
.archives h3{text-align:center;}
|
||||||
.links li{float:left;width:273px;margin:0 20px 10px;}
|
.archives > div:hover{box-shadow:0 0 4px #D5D5D5;}
|
||||||
.other-main{display:inline-block;width:950px;margin:50px 20px 0;}
|
.archives a{display:block;margin-left:80px;}
|
||||||
.left,.nav li{float:left;}
|
.dynamic ul{list-style:none;}
|
||||||
.article-body a:vidited{color:#9a9a9a;}
|
.dynamic h3{text-align:center;}
|
||||||
.body > ul,.article-relative ul,.dynamic ul{list-style:none;}
|
.dynamic .module{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;float:left;line-height:20px;margin:20px;padding:10px 20px 20px;width:393px;}
|
||||||
.dynamic h3{text-align:center;}
|
.dynamic .module:hover{box-shadow:0 0 4px #D5D5D5;}
|
||||||
.form input:focus,.form textarea:focus,.archives>div:hover,.dynamic .module:hover{box-shadow:0 0 4px #E2E2E2;}
|
.dynamic .side-comments{width:600px;}
|
||||||
|
.dynamic .side-comments .comment-panel{width:510px;}
|
||||||
|
.dynamic .side-tags{width:186px;}
|
||||||
|
.dynamic .side-tags li{float:left;margin:0 5px;}
|
||||||
|
.links li{float:left;margin:0 20px 10px;width:273px;}
|
||||||
|
.other-main{display:inline-block;margin:50px 20px 0;width:950px;}
|
||||||
610
ease/js/ease.js
610
ease/js/ease.js
@ -1,306 +1,306 @@
|
|||||||
/*
|
/*
|
||||||
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
* Copyright (c) 2009, 2010, 2011, 2012, B3log Team
|
||||||
*
|
*
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
* you may not use this file except in compliance with the License.
|
* you may not use this file except in compliance with the License.
|
||||||
* You may obtain a copy of the License at
|
* You may obtain a copy of the License at
|
||||||
*
|
*
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
*
|
*
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
* See the License for the specific language governing permissions and
|
* See the License for the specific language governing permissions and
|
||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @fileoverview ease js.
|
* @fileoverview ease js.
|
||||||
*
|
*
|
||||||
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
|
||||||
* @version 1.0.0.9, May 28, 2012
|
* @version 1.0.1.0, Jun 2, 2012
|
||||||
*/
|
*/
|
||||||
var goTranslate = function () {
|
var goTranslate = function () {
|
||||||
window.open("http://translate.google.com/translate?sl=auto&tl=auto&u=" + location.href);
|
window.open("http://translate.google.com/translate?sl=auto&tl=auto&u=" + location.href);
|
||||||
};
|
};
|
||||||
|
|
||||||
var getNextPage = function () {
|
var getNextPage = function () {
|
||||||
var $more = $(".article-next");
|
var $more = $(".article-next");
|
||||||
currentPage += 1;
|
currentPage += 1;
|
||||||
var path = "/articles/";
|
var path = "/articles/";
|
||||||
if(location.pathname.indexOf("tags") > -1) {
|
if(location.pathname.indexOf("tags") > -1) {
|
||||||
var tagsPathnaem = location.pathname.split("/tags/");
|
var tagsPathnaem = location.pathname.split("/tags/");
|
||||||
var tags = tagsPathnaem[1].split("/");
|
var tags = tagsPathnaem[1].split("/");
|
||||||
path = "/articles/tags/" + tags[0] + "/";
|
path = "/articles/tags/" + tags[0] + "/";
|
||||||
} else if (location.pathname.indexOf("archives") > -1) {
|
} else if (location.pathname.indexOf("archives") > -1) {
|
||||||
var archivesPathname = location.pathname.split("/archives/");
|
var archivesPathname = location.pathname.split("/archives/");
|
||||||
var archives = archivesPathname[1].split("/");
|
var archives = archivesPathname[1].split("/");
|
||||||
path = "/articles/archives/" + archives[0] + "/" + archives[1] + "/";
|
path = "/articles/archives/" + archives[0] + "/" + archives[1] + "/";
|
||||||
}
|
}
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: latkeConfig.staticServePath + path + currentPage,
|
url: latkeConfig.staticServePath + path + currentPage,
|
||||||
type: "GET",
|
type: "GET",
|
||||||
beforeSend: function () {
|
beforeSend: function () {
|
||||||
$more.css("background",
|
$more.css("background",
|
||||||
"url(" + latkeConfig.staticServePath + "/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe");
|
"url(" + latkeConfig.staticServePath + "/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe");
|
||||||
},
|
},
|
||||||
success: function(result, textStatus){
|
success: function(result, textStatus){
|
||||||
if (!result.sc) {
|
if (!result.sc) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
var articlesHTML = "",
|
var articlesHTML = "",
|
||||||
pagination = result.rslts.pagination;
|
pagination = result.rslts.pagination;
|
||||||
|
|
||||||
// append articles
|
// append articles
|
||||||
for (var i = 0; i < result.rslts.articles.length; i++) {
|
for (var i = 0; i < result.rslts.articles.length; i++) {
|
||||||
var article = result.rslts.articles[i];
|
var article = result.rslts.articles[i];
|
||||||
|
|
||||||
articlesHTML += '<li class="article">' +
|
articlesHTML += '<li class="article">' +
|
||||||
'<div class="article-title">' +
|
'<div class="article-title">' +
|
||||||
'<h2>' +
|
'<h2>' +
|
||||||
'<a rel="bookmark" class="ft-gray" href="' + latkeConfig.servePath + article.articlePermalink + '">' +
|
'<a rel="bookmark" class="ft-gray" href="' + latkeConfig.servePath + article.articlePermalink + '">' +
|
||||||
article.articleTitle +
|
article.articleTitle +
|
||||||
'</a>';
|
'</a>';
|
||||||
if (article.hasUpdated) {
|
if (article.hasUpdated) {
|
||||||
articlesHTML += '<sup>' + Label.updatedLabel + '</sup>';
|
articlesHTML += '<sup>' + Label.updatedLabel + '</sup>';
|
||||||
}
|
}
|
||||||
|
|
||||||
if (article.articlePutTop) {
|
if (article.articlePutTop) {
|
||||||
articlesHTML += '<sup>' + Label.topArticleLabel + '</sup>';
|
articlesHTML += '<sup>' + Label.topArticleLabel + '</sup>';
|
||||||
}
|
}
|
||||||
|
|
||||||
articlesHTML += '</h2>' +
|
articlesHTML += '</h2>' +
|
||||||
'<div class="right">' +
|
'<div class="right">' +
|
||||||
'<a rel="nofollow" class="ft-gray" href="' + latkeConfig.servePath + article.articlePermalink + '#comments">' +
|
'<a rel="nofollow" class="ft-gray" href="' + latkeConfig.servePath + article.articlePermalink + '#comments">' +
|
||||||
+ article.articleCommentCount + ' ' + Label.commentLabel +
|
+ article.articleCommentCount + ' ' + Label.commentLabel +
|
||||||
'</a> ' +
|
'</a> ' +
|
||||||
'<a rel="nofollow" class="ft-gray" href="' + latkeConfig.servePath + article.articlePermalink + '">' +
|
'<a rel="nofollow" class="ft-gray" href="' + latkeConfig.servePath + article.articlePermalink + '">' +
|
||||||
article.articleViewCount + ' ' + Label.viewLabel +
|
article.articleViewCount + ' ' + Label.viewLabel +
|
||||||
'</a>' +
|
'</a>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div class="clear"></div>' +
|
'<div class="clear"></div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div class="article-body">' +
|
'<div class="article-body">' +
|
||||||
'<div id="abstract' + article.oId + '">' +
|
'<div id="abstract' + article.oId + '">' +
|
||||||
article.articleAbstract +
|
article.articleAbstract +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div id="content' + article.oId + '" class="none"></div>' +
|
'<div id="content' + article.oId + '" class="none"></div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div class="article-info">' +
|
'<div class="article-info">' +
|
||||||
'<div class="right ft-gray">';
|
'<div class="right ft-gray">';
|
||||||
if (article.hasUpdated) {
|
if (article.hasUpdated) {
|
||||||
articlesHTML += Util.toDate(article.articleUpdateDate, 'yy-MM-dd HH:mm');
|
articlesHTML += Util.toDate(article.articleUpdateDate, 'yy-MM-dd HH:mm');
|
||||||
} else {
|
} else {
|
||||||
articlesHTML += Util.toDate(article.articleCreateDate, 'yy-MM-dd HH:mm');
|
articlesHTML += Util.toDate(article.articleCreateDate, 'yy-MM-dd HH:mm');
|
||||||
}
|
}
|
||||||
|
|
||||||
articlesHTML += ' <a href="' + latkeConfig.servePath + '/authors/' + article.authorId + '">' + article.authorName + '</a>' +
|
articlesHTML += ' <a href="' + latkeConfig.servePath + '/authors/' + article.authorId + '">' + article.authorName + '</a>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div class="left ft-gray">' +
|
'<div class="left ft-gray">' +
|
||||||
Label.tag1Label + " ";
|
Label.tag1Label + " ";
|
||||||
|
|
||||||
var articleTags = article.articleTags.split(",");
|
var articleTags = article.articleTags.split(",");
|
||||||
for (var j = 0; j < articleTags.length; j++) {
|
for (var j = 0; j < articleTags.length; j++) {
|
||||||
articlesHTML += '<a rel="tag" href="' + latkeConfig.servePath + '/tags/' + encodeURIComponent(articleTags[j]) + '">' +
|
articlesHTML += '<a rel="tag" href="' + latkeConfig.servePath + '/tags/' + encodeURIComponent(articleTags[j]) + '">' +
|
||||||
articleTags[j] + '</a>';
|
articleTags[j] + '</a>';
|
||||||
|
|
||||||
if (j < articleTags.length - 1) {
|
if (j < articleTags.length - 1) {
|
||||||
articlesHTML += ", ";
|
articlesHTML += ", ";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
articlesHTML += '</div>' +
|
articlesHTML += '</div>' +
|
||||||
'<div class="clear"></div>' +
|
'<div class="clear"></div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</li>';
|
'</li>';
|
||||||
}
|
}
|
||||||
|
|
||||||
$(".body>ul").append(articlesHTML);
|
$(".body>ul").append(articlesHTML);
|
||||||
|
|
||||||
// 最后一页处理
|
// 最后一页处理
|
||||||
if (pagination.paginationPageCount === currentPage) {
|
if (pagination.paginationPageCount === currentPage) {
|
||||||
$more.remove();
|
$more.remove();
|
||||||
} else {
|
} else {
|
||||||
$more.css("background", "none");
|
$more.css("background", "none");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
var ease = {
|
var ease = {
|
||||||
$header: $(".header"),
|
$header: $(".header"),
|
||||||
$banner: $(".header").find(".banner"),
|
$banner: $(".header").find(".banner"),
|
||||||
headerH: $(".header").height(),
|
headerH: $(".header").height(),
|
||||||
$body: $(".body"),
|
$body: $(".body"),
|
||||||
$nav: $(".nav"),
|
$nav: $(".nav"),
|
||||||
getCurrentPage: function () {
|
getCurrentPage: function () {
|
||||||
var $next = $(".article-next");
|
var $next = $(".article-next");
|
||||||
if ($next.length > 0) {
|
if ($next.length > 0) {
|
||||||
window.currentPage = $next.data("page");
|
window.currentPage = $next.data("page");
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
setNavCurrent: function () {
|
setNavCurrent: function () {
|
||||||
$(".nav ul a").each(function () {
|
$(".nav ul a").each(function () {
|
||||||
var $this = $(this);
|
var $this = $(this);
|
||||||
if ($this.attr("href") === latkeConfig.servePath + location.pathname) {
|
if ($this.attr("href") === latkeConfig.servePath + location.pathname) {
|
||||||
$this.addClass("current");
|
$this.addClass("current");
|
||||||
} else if (/\/[0-9]+$/.test(location.pathname)) {
|
} else if (/\/[0-9]+$/.test(location.pathname)) {
|
||||||
$(".nav ul li")[0].className = "current";
|
$(".nav ul li")[0].className = "current";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
initCommon: function () {
|
initCommon: function () {
|
||||||
Util.init();
|
Util.init();
|
||||||
Util.replaceSideEm($(".recent-comments-content"));
|
Util.replaceSideEm($(".recent-comments-content"));
|
||||||
Util.buildTags("tagsSide");
|
Util.buildTags("tagsSide");
|
||||||
this.$body.css("paddingTop", this.headerH + "px");
|
this.$body.css("paddingTop", this.headerH + "px");
|
||||||
},
|
},
|
||||||
|
|
||||||
initArchives: function () {
|
initArchives: function () {
|
||||||
var $archives = $(".archives");
|
var $archives = $(".archives");
|
||||||
if ($archives.length < 1) {
|
if ($archives.length < 1) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
var years = [],
|
var years = [],
|
||||||
$archiveList = $archives.find("span").each(function () {
|
$archiveList = $archives.find("span").each(function () {
|
||||||
var year = $(this).data("year"),
|
var year = $(this).data("year"),
|
||||||
tag = true;
|
tag = true;
|
||||||
for (var i = 0; i < years.length; i++) {
|
for (var i = 0; i < years.length; i++) {
|
||||||
if (year === years[i]) {
|
if (year === years[i]) {
|
||||||
tag = false;
|
tag = false;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (tag) {
|
if (tag) {
|
||||||
years.push(year);
|
years.push(year);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
var yearsHTML = "";
|
var yearsHTML = "";
|
||||||
for (var j = 0; j < years.length; j++) {
|
for (var j = 0; j < years.length; j++) {
|
||||||
var monthsHTML = "";
|
var monthsHTML = "";
|
||||||
for (var l = 0; l < $archiveList.length; l++) {
|
for (var l = 0; l < $archiveList.length; l++) {
|
||||||
var $month = $($archiveList[l]);
|
var $month = $($archiveList[l]);
|
||||||
if ($month.data("year") === years[j]) {
|
if ($month.data("year") === years[j]) {
|
||||||
monthsHTML += $month.html();
|
monthsHTML += $month.html();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
yearsHTML += "<div><h3 class='ft-gray'>" + years[j] + "</h3>" + monthsHTML + "</div>";
|
yearsHTML += "<div><h3 class='ft-gray'>" + years[j] + "</h3>" + monthsHTML + "</div>";
|
||||||
}
|
}
|
||||||
|
|
||||||
$archives.html(yearsHTML);
|
$archives.html(yearsHTML);
|
||||||
|
|
||||||
// position
|
// position
|
||||||
var $items = $(".archives>div"),
|
var $items = $(".archives>div"),
|
||||||
line = 0,
|
line = 0,
|
||||||
top = 0,
|
top = 0,
|
||||||
heights = [];
|
heights = [];
|
||||||
|
|
||||||
for (var m = 0; m < $items.length; m++) {
|
for (var m = 0; m < $items.length; m++) {
|
||||||
for (var n = 0; n < 3; n++) {
|
for (var n = 0; n < 3; n++) {
|
||||||
if (m >= $items.length) {
|
if (m >= $items.length) {
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
$items[m].style.left = (n * 318) + "px";
|
$items[m].style.left = (n * 318) + "px";
|
||||||
|
|
||||||
if (line > 0) {
|
if (line > 0) {
|
||||||
if ($items[m - 3].style.top !== "") {
|
if ($items[m - 3].style.top !== "") {
|
||||||
top = parseInt($items[m - 3].style.top);
|
top = parseInt($items[m - 3].style.top);
|
||||||
}
|
}
|
||||||
$items[m].style.top = $($items[m - 3]).height() + 60 + top + "px";
|
$items[m].style.top = $($items[m - 3]).height() + 60 + top + "px";
|
||||||
|
|
||||||
heights[n] = parseInt($items[m].style.top) + $($items[m]).height() + 60;
|
heights[n] = parseInt($items[m].style.top) + $($items[m]).height() + 60;
|
||||||
} else {
|
} else {
|
||||||
heights[n] = $($items[m]).height() + 60;
|
heights[n] = $($items[m]).height() + 60;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (n < 2) {
|
if (n < 2) {
|
||||||
m += 1;
|
m += 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
line += 1;
|
line += 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
// archive height
|
// archive height
|
||||||
$archives.height(heights.sort()[2]);
|
$archives.height(heights.sort()[heights.length - 1]);
|
||||||
},
|
},
|
||||||
|
|
||||||
scrollEvent: function () {
|
scrollEvent: function () {
|
||||||
var _it = this;
|
var _it = this;
|
||||||
$(window).scroll(function () {
|
$(window).scroll(function () {
|
||||||
var y = $(window).scrollTop();
|
var y = $(window).scrollTop();
|
||||||
|
|
||||||
// header event
|
// header event
|
||||||
if (y >= _it.headerH && _it.$banner.css("display") === "block" &&
|
if (y >= _it.headerH && _it.$banner.css("display") === "block" &&
|
||||||
$("body").height() - $(window).height() > _it.headerH * 2) {
|
$("body").height() - $(window).height() > _it.headerH * 2) {
|
||||||
_it.$header.css("top", "0");
|
_it.$header.css("top", "0");
|
||||||
_it.$banner.css("display", "none");
|
_it.$banner.css("display", "none");
|
||||||
_it.$body.css("paddingTop", _it.$nav.height() + "px");
|
_it.$body.css("paddingTop", _it.$nav.height() + "px");
|
||||||
}
|
}
|
||||||
|
|
||||||
if (y < _it.headerH && _it.$banner.css("display") === "none") {
|
if (y < _it.headerH && _it.$banner.css("display") === "none") {
|
||||||
_it.$header.css("top", "auto");
|
_it.$header.css("top", "auto");
|
||||||
_it.$banner.css("display", "block");
|
_it.$banner.css("display", "block");
|
||||||
_it.$body.css("paddingTop", _it.headerH + "px");
|
_it.$body.css("paddingTop", _it.headerH + "px");
|
||||||
}
|
}
|
||||||
|
|
||||||
// go top icon show or hide
|
// go top icon show or hide
|
||||||
if (y > _it.headerH) {
|
if (y > _it.headerH) {
|
||||||
var bodyH = $(window).height();
|
var bodyH = $(window).height();
|
||||||
var top = y + bodyH - 21;
|
var top = y + bodyH - 21;
|
||||||
if ($("body").height() - 58 <= y + bodyH) {
|
if ($("body").height() - 58 <= y + bodyH) {
|
||||||
top = $(".footer").offset().top - 21;
|
top = $(".footer").offset().top - 21;
|
||||||
}
|
}
|
||||||
$("#goTop").fadeIn("slow").css("top", top);
|
$("#goTop").fadeIn("slow").css("top", top);
|
||||||
} else {
|
} else {
|
||||||
$("#goTop").hide();
|
$("#goTop").hide();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
setDynamic: function () {
|
setDynamic: function () {
|
||||||
var $dynamic = $(".dynamic");
|
var $dynamic = $(".dynamic");
|
||||||
if ($(".dynamic").length < 1) {
|
if ($(".dynamic").length < 1) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
var $comments = $dynamic.find(".side-comments"),
|
var $comments = $dynamic.find(".side-comments"),
|
||||||
$tags = $dynamic.find(".side-tags"),
|
$tags = $dynamic.find(".side-tags"),
|
||||||
$mostComment = $dynamic.find(".side-most-comment"),
|
$mostComment = $dynamic.find(".side-most-comment"),
|
||||||
$mostView = $dynamic.find(".side-most-view");
|
$mostView = $dynamic.find(".side-most-view");
|
||||||
|
|
||||||
if ($comments.height() > $tags.height()) {
|
if ($comments.height() > $tags.height()) {
|
||||||
$tags.height($comments.height());
|
$tags.height($comments.height());
|
||||||
} else {
|
} else {
|
||||||
$comments.height($tags.height());
|
$comments.height($tags.height());
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($mostComment.height() > $mostView.height()) {
|
if ($mostComment.height() > $mostView.height()) {
|
||||||
$mostView.height($mostComment.height());
|
$mostView.height($mostComment.height());
|
||||||
} else {
|
} else {
|
||||||
$mostComment.height($mostView.height());
|
$mostComment.height($mostView.height());
|
||||||
}
|
}
|
||||||
|
|
||||||
// emotions
|
// emotions
|
||||||
$(".article-body").each(function () {
|
$(".article-body").each(function () {
|
||||||
this.innerHTML = Util.replaceEmString($(this).html());
|
this.innerHTML = Util.replaceEmString($(this).html());
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
(function () {
|
(function () {
|
||||||
ease.getCurrentPage();
|
ease.getCurrentPage();
|
||||||
ease.initCommon();
|
ease.initCommon();
|
||||||
ease.scrollEvent();
|
ease.scrollEvent();
|
||||||
ease.setNavCurrent();
|
ease.setNavCurrent();
|
||||||
|
|
||||||
ease.initArchives();
|
ease.initArchives();
|
||||||
ease.setDynamic();
|
ease.setDynamic();
|
||||||
})();
|
})();
|
||||||
2
ease/js/ease.min.js
vendored
2
ease/js/ease.min.js
vendored
File diff suppressed because one or more lines are too long
304
neoease/css/neoease.min.css
vendored
304
neoease/css/neoease.min.css
vendored
@ -1,152 +1,152 @@
|
|||||||
html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
|
html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
|
||||||
body{font-family:"Lucida Grande",Verdana,\5fae\8f6f\96c5\9ed1;font-size:12px;background-color:#F9F9F9;color:#333}
|
body{font-family:"Lucida Grande",Verdana,\5fae\8f6f\96c5\9ed1;font-size:12px;background-color:#F9F9F9;color:#333;}
|
||||||
a:link{outline:none;color:#21759B;text-decoration:none}
|
a:link{outline:none;color:#21759B;text-decoration:none;}
|
||||||
a:visited{color:#555777}
|
a:visited{color:#555777;}
|
||||||
a:hover{color:#D54E21}
|
a:hover{color:#D54E21;}
|
||||||
a:active{color:#333}
|
a:active{color:#333;}
|
||||||
img{vertical-align:middle;border:0}
|
img{vertical-align:middle;border:0;}
|
||||||
textarea,input{outline:none}
|
textarea,input{outline:none;}
|
||||||
.left{float:left}
|
.left{float:left;}
|
||||||
.right{float:right}
|
.right{float:right;}
|
||||||
.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}
|
.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
|
||||||
.none{display:none}
|
.none{display:none;}
|
||||||
.logo{padding:0 5px;text-shadow:0 0 1px #EEE}
|
.logo{padding:0 5px;text-shadow:0 0 1px #EEE;}
|
||||||
.tip{color:#D54E21;font-size:11px}
|
.tip{color:#D54E21;font-size:11px;}
|
||||||
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url(../../../images/emotions-black.png);float:left;height:24px;margin-right:5px;width:24px}
|
.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}
|
.em01{background-position:-24px 0;}
|
||||||
.em02{background-position:-48px 0}
|
.em02{background-position:-48px 0;}
|
||||||
.em03{background-position:-72px 0}
|
.em03{background-position:-72px 0;}
|
||||||
.em04{background-position:-96px 0}
|
.em04{background-position:-96px 0;}
|
||||||
.em05{background-position:0 -24px}
|
.em05{background-position:0 -24px;}
|
||||||
.em06{background-position:-24px -24px}
|
.em06{background-position:-24px -24px;}
|
||||||
.em07{background-position:-48px -24px}
|
.em07{background-position:-48px -24px;}
|
||||||
.em08{background-position:-72px -24px}
|
.em08{background-position:-72px -24px;}
|
||||||
.em09{background-position:-96px -24px}
|
.em09{background-position:-96px -24px;}
|
||||||
.em10{background-position:0 -48px}
|
.em10{background-position:0 -48px;}
|
||||||
.em11{background-position:-24px -48px}
|
.em11{background-position:-24px -48px;}
|
||||||
.em12{background-position:-48px -48px}
|
.em12{background-position:-48px -48px;}
|
||||||
.em13{background-position:-72px -48px}
|
.em13{background-position:-72px -48px;}
|
||||||
.em14{background-position:-96px -48px}
|
.em14{background-position:-96px -48px;}
|
||||||
.em-span{line-height:24px;float:left}
|
.em-span{line-height:24px;float:left;}
|
||||||
.em-br{line-height:24px}
|
.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)}
|
.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}
|
.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{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}
|
.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}
|
.expand-ico,.collapse-ico{background-position:54px -84px;cursor:pointer;height:16px;background-repeat:no-repeat;}
|
||||||
.collapse-ico{background-position:54px -69px}
|
.collapse-ico{background-position:54px -69px;}
|
||||||
.date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;display:block;padding-left:20px}
|
.date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;display:block;padding-left:20px;}
|
||||||
.tag-ico{margin:6px 6px 0 0}
|
.tag-ico{margin:6px 6px 0 0;}
|
||||||
.date-ico{float:left;background-position:0 -16px}
|
.date-ico{float:left;background-position:0 -16px;}
|
||||||
.user-ico{background-position:0 -32px;float:left;margin-left:12px}
|
.user-ico{background-position:0 -32px;float:left;margin-left:12px;}
|
||||||
.wrapper{margin:0 auto;width:960px}
|
.wrapper{margin:0 auto;width:960px;}
|
||||||
.body{border-top:2px solid #DDD}
|
.body{border-top:2px solid #DDD;}
|
||||||
.main{float:left;margin:16px 0 50px;overflow:hidden;width:667px}
|
.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{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 .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:normal;}
|
||||||
.header .sub-title{color:#242424;font-size:11px}
|
.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:20px;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{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}
|
#search:focus{background-color:#F9F9F9;width:196px;}
|
||||||
.nav{background-color:#E9E9E9;border-bottom:1px solid #CCCCCC}
|
.nav{background-color:#E9E9E9;border-bottom:1px solid #CCCCCC;}
|
||||||
.nav ul{list-style:none;float:left}
|
.nav ul{list-style:none;float:left;}
|
||||||
.nav li{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{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 a:hover{color:#D54E21;background-color:#DDD;}
|
||||||
.nav .current{background-color:#DDD;margin:-1px 0;padding-right:2px}
|
.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 .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 img{margin-left:3px;}
|
||||||
.nav .right{line-height:29px}
|
.nav .right{line-height:29px;}
|
||||||
.footer{background-color:#E9E9E9;border-top:3px solid #DDD;color:#999;font-size:11px;padding:12px 0}
|
.footer{background-color:#E9E9E9;border-top:3px solid #DDD;color:#999;font-size:11px;padding:12px 0;}
|
||||||
.footer a{color:#787878}
|
.footer a{color:#787878;}
|
||||||
.footer a:hover{color:#D54E21}
|
.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{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}
|
#goTop:hover{background-color:#EAEAEA;}
|
||||||
.side{float:right;overflow:hidden;width:278px;margin-bottom:50px}
|
.side{float:right;overflow:hidden;width:278px;margin-bottom:50px;}
|
||||||
.side>div{border-bottom:1px solid #DEDEDE;padding:10px 5px 15px}
|
.side>div{border-bottom:1px solid #DEDEDE;padding:10px 5px 15px;}
|
||||||
.side h4{font-size:14px;line-height:32px}
|
.side h4{font-size:14px;line-height:32px;}
|
||||||
.side ul{list-style:none}
|
.side ul{list-style:none;}
|
||||||
#archiveSide{list-style:square outside none;margin-left:18px}
|
#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}
|
#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{line-height:18px;color:#21759B;}
|
||||||
.side a:hover{text-decoration:underline}
|
.side a:hover{text-decoration:underline;}
|
||||||
.side sup{color:#333}
|
.side sup{color:#333;}
|
||||||
.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px}
|
.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px;}
|
||||||
.side .side-li a{white-space:nowrap}
|
.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 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{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-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 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-main .collapse-ico{background-position:0 -70px;}
|
||||||
.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
|
.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
|
||||||
.recent-comments-content img{width:16px}
|
.recent-comments-content img{width:16px;}
|
||||||
.recent-comments-content a{color:#555777}
|
.recent-comments-content a{color:#555777;}
|
||||||
.recent-comments-content a:hover{text-decoration:none}
|
.recent-comments-content a:hover{text-decoration:none;}
|
||||||
.article{border-bottom:1px solid #CCC;padding:0 5px 10px;margin-top:20px}
|
.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{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{border-bottom:1px solid #DFDFDF;color:#555;text-decoration:none;padding-bottom:1px;}
|
||||||
.article-element a:hover{color:#D54E21;border-bottom-color:#D54E21}
|
.article-element a:hover{color:#D54E21;border-bottom-color:#D54E21;}
|
||||||
.article-title{color:#21759B;font-size:20px;font-weight:normal}
|
.article-title{color:#21759B;font-size:20px;font-weight:normal;}
|
||||||
.article-title:hover{color:#D54E21}
|
.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 .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 .collapse-ico{background-position:0 -70px;}
|
||||||
.article-body{line-height: 145%;overflow:hidden;word-wrap:break-word}
|
.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;}
|
||||||
.article-body h1{font-size:2em;margin:.67em 0}
|
.article-body h1{font-size:2em;margin:.67em 0;}
|
||||||
.article-body h2{font-size:1.5em;margin:.75em 0}
|
.article-body h2{font-size:1.5em;margin:.75em 0;}
|
||||||
.article-body h3{font-size:1.17em;margin:.83em 0}
|
.article-body h3{font-size:1.17em;margin:.83em 0;}
|
||||||
.article-body h4{font-size:.83em;margin:1.5em 0}
|
.article-body h4{font-size:.83em;margin:1.5em 0;}
|
||||||
.article-body h6{font-size:.75em;margin:1.67em 0}
|
.article-body h6{font-size:.75em;margin:1.67em 0;}
|
||||||
.article-body ol,.article-body ul{margin-left:40px}
|
.article-body ol,.article-body ul{margin-left:40px;}
|
||||||
.article-body a{border-bottom:1px solid #DFDFDF}
|
.article-body a{border-bottom:1px solid #DFDFDF;}
|
||||||
.article-body a:hover{color:#D54E21;border-bottom:1px solid #D54E21}
|
.article-body a:hover{color:#D54E21;border-bottom:1px solid #D54E21;}
|
||||||
.article-body p{line-height:18px}
|
.article-body p{line-height:18px;}
|
||||||
.pagination{margin-top:30px;line-height:21px}
|
.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{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.current{background-color:#FFF;font-weight:bold;padding:2px 6px;color:#000;}
|
||||||
.pagination a:hover{background-color:#F3DEDD;color:#D54E21;border:1px solid #D54E21}
|
.pagination a:hover{background-color:#F3DEDD;color:#D54E21;border:1px solid #D54E21;}
|
||||||
.page{margin-top:20px;padding:0 5px 5px}
|
.page{margin-top:20px;padding:0 5px 5px;}
|
||||||
.article-panel1{background-color:#F2F2F2;padding:5px 10px}
|
.article-panel1{background-color:#F2F2F2;padding:5px 10px;}
|
||||||
.article-panel2{background-color:#FFF;margin-top:12px;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}
|
.article-panel2 ul{line-height:18px;list-style:square outside none;margin-left:18px;}
|
||||||
.share{border-bottom:1px solid #DEDEDE;margin-top:15px}
|
.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{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}
|
.share-comment:hover{background-color:#EAEAEA;}
|
||||||
#comments{position:relative}
|
#comments{position:relative;}
|
||||||
#comments>div{border-bottom:1px solid #DEDEDE;padding:10px;width:647px}
|
#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 .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)}
|
#comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100);}
|
||||||
.comment-even{background-color:#F8F8F8}
|
.comment-even{background-color:#F8F8F8;}
|
||||||
.comment-odd{background-color:#F5F5F5}
|
.comment-odd{background-color:#F5F5F5;}
|
||||||
.comment-header{height:50px;width:50px;float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:1px}
|
.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{float:left;margin:0 10px;width:573px;line-height:16px;}
|
||||||
.comment-panel .article-body{margin-top:5px}
|
.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}
|
#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 .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}
|
.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{margin:10px;}
|
||||||
.form img{cursor:pointer}
|
.form img{cursor:pointer;}
|
||||||
.form h4{margin:10px 0 5px 5px}
|
.form h4{margin:10px 0 5px 5px;}
|
||||||
.form th{text-align:right;white-space:nowrap}
|
.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[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 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 textarea{overflow:auto;resize:vertical;padding:3px;width:634px;}
|
||||||
.form input{height:24px;line-height:16px;width:260px}
|
.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{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}
|
.form button:hover{background-color:#98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;}
|
||||||
#tags li{float:left;list-style:none;height:38px}
|
#tags li{float:left;list-style:none;height:38px;}
|
||||||
#tags a:hover{text-shadow:0 0 2px}
|
#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}
|
#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:20px;margin-right:7px;white-space:nowrap}
|
#tagsSide li a{float:left;line-height:145%;margin-right:7px;white-space:nowrap;}
|
||||||
.tags1{font-size:12px;color:#A1A1A1}
|
.tags1{font-size:12px;color:#A1A1A1;}
|
||||||
.tags2{font-size:14px;color:#687F95}
|
.tags2{font-size:14px;color:#687F95;}
|
||||||
.tags3{font-size:16px;color:#4C6E90}
|
.tags3{font-size:16px;color:#4C6E90;}
|
||||||
.tags4{font-size:18px;color:#258}
|
.tags4{font-size:18px;color:#258;}
|
||||||
.tags5{font-size:20px}
|
.tags5{font-size:20px;}
|
||||||
#tagsSide .tags2{font-size:14px}
|
#tagsSide .tags2{font-size:14px;}
|
||||||
#tagsSide .tags3{font-size:16px}
|
#tagsSide .tags3{font-size:16px;}
|
||||||
#tagsSide .tags4{font-size:18px}
|
#tagsSide .tags4{font-size:18px;}
|
||||||
#tagsSide .tags5{font-size:20px}
|
#tagsSide .tags5{font-size:20px;}
|
||||||
.main>h2{margin-top:16px}
|
.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{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 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{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}
|
.error a:hover{background-color:#ADEb51;}
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user