diff --git a/ease/css/ease.css b/ease/css/ease.css index d855534..775fd7e 100644 --- a/ease/css/ease.css +++ b/ease/css/ease.css @@ -1,645 +1,646 @@ -/* - * Copyright (c) 2009, 2010, 2011, 2012, B3log Team - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - /* - * skin ease style - * - * @author Liyuan Li - * @version 1.0.1.0, May 28, 2012 -*/ -/* start base */ -html, body, div, ul, li { - margin: 0; - padding: 0; -} - -body { - font-family: Verdana,arial,\5fae\8f6f\96c5\9ed1; - font-size: 12px; -} - -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; -} - -.logo { - padding: 0 5px; - text-shadow: 0 0 1px #e2e2e2; -} - -.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; -} - -.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; -} -/* end base */ - -/* start ico */ -#search, -.translate-ico { - background-image: url("/skins/ease/images/icons.png"); -} - -.translate-ico { - background-position: 1px -125px; - background-repeat: no-repeat; - border: 1px solid #e2e2e2; - 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: #fefefe; -} -/* end ico */ - -/* start frame */ -.wrapper { - margin: 0 50px; -} - -.body { - margin: 0 auto 50px; - width: 990px; -} -/* end frame */ - -/* start header */ -.header { - position: fixed; - width: 100%; - background-color: #fefefe; - 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 #e2e2e2; - 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 { - background-color: #FeFeFe; - width: 196px; -} - -.banner { - margin-bottom: 20px; -} - -.banner .notice { - float: left; - margin: 20px 0 0 50px; -} - -.nav { - background-color: #FFF; - box-shadow: 0 2px 2px #e2e2e2, 0 3px 3px -3px #E2E2E2 inset; - height: 29px; -} - -.nav ul { - list-style: none; - float: left; -} - -.nav li { - float: left; -} - -.nav a { - display: block; - float: left; - font-size: 14px; - line-height: 29px; - margin-right: 30px; - text-shadow: 0 0 1px #E2E2E2; -} - -.nav a.current { - color: #00b4d2; - font-weight: 700; - text-shadow: 0px 0px 3px #E2E2E2; -} - -.nav img { - margin-left: 3px; -} -/* end header */ - -/* start footer */ -.footer { - background-color: #FDFDFD; - border-top: 2px solid #e2e2e2; - font-size: 11px; - padding: 12px 0; - -webkit-text-size-adjust: none; -} - -#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; - padding: 0 10px 0 23px; - position: absolute; - right: 50px; - display: none; -} - -#goTop:hover { - background-color: #e2e2e2; -} -/* end footer*/ - -/* start article list */ -.body > ul { - list-style: none; -} - -.article { - border-bottom: 1px solid #f6f6f6; - padding: 20px 70px 20px; -} - -.article:hover { - border-bottom-color: #e2e2e2; - box-shadow: 0 0 1px #f6f6f6 inset; - background-color: #fefefe; -} - -.article-body { - line-height: 145%; - overflow: hidden; - word-wrap: break-word; -} - -.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-next { - background-color: #FEFEFE; - box-shadow: 0 0 3px #E2E2E2 inset; - cursor: pointer; - font-size: 14px; - line-height: 36px; - text-align: center; -} - -.article-next:hover { - box-shadow: 0 0 3px #E2E2E2, 0 0 3px #E2E2E2 inset; -} -/* end article list */ - -/* start article */ -.article-relative { - background-color: #FEFEFE; - box-shadow: 0 0 2px #E2E2E2; - float: left; - margin: 20px 0; - padding: 0 20px 10px; - width: 365px; -} - -.article-relative:hover { - background-color: #fff; - box-shadow: 0 0 4px #e2e2e2; -} - -.article-relative ul { - list-style: none; -} - -#relevantArticles { - margin-right: 40px; -} - -#externalRelevantArticles { - width: 297px; - margin-top: 0; -} -/* end article*/ - -/* start comment */ -#comments { - padding: 20px 70px 20px; - 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 10px 20px; - min-height: 64px; - overflow: hidden; - width: 760px; -} - -.comment-body-ref { - background-color: #FEFEFE; - box-shadow: 0 0 2px #E2E2E2; - display: block; - left: 140px; - padding: 10px; - opacity: 0.9; - filter: alpha(opacity=90); - position: absolute; -} - -.comment-body-ref > .comment-header { - border: 0 none; - float: right; - height: 48px; - width: 48px; - padding: 0; -} - -.comment-body-ref > .comment-panel { - margin: 0 20px 0 0; - min-height: 48px; - width: 756px; -} - -.form { - padding: 0 70px 20px; - float: left; -} - -.form th { - text-align: right; - white-space: nowrap; -} - -.form input[type="text"], -.form input[type="password"], -.form textarea { - background-color: #FEFEFE; - border-width: 0; - box-shadow: 0 0 2px #E2E2E2; - 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 #E2E2E2; -} - -.form textarea { - height: 120px; - overflow: auto; - width: 426px; -} - -.form button { - background-color: #F6F6F6; - border: 0 none; - box-shadow: 0 0 2px #E2E2E2; - height: 28px; - line-height: 28px; - padding: 0 12px; - color: #A7A7A7; -} - -.form button:hover { - box-shadow: 0 0 4px #E2E2E2; - text-shadow: 0 0 2px; -} - -.form img { - background-color: #FEFEFE; - box-shadow: 0 0 2px #E2E2E2; - cursor: pointer; - height: 24px; - padding: 1px; -} -/* end comment */ - -/* start tags */ -#tags li { - float: left; - height: 38px; -} - -#tags a { - margin: 3px 6px; - padding: 3px 12px; - background-color: #FEFEFE; - box-shadow: 0 0 2px #E2E2E2; - float: left; -} - -#tags a:hover { - text-shadow: 0 0 2px; - text-decoration: none; - box-shadow: 0 0 4px #E2E2E2; -} - -.tags1, .tags1:visited { - font-size: 12px; - color: #a7a7a7; -} - -.tags2, .tags2:visited { - font-size: 14px; - color: #808080; -} - -.tags3, .tags3:visited { - font-size: 16px; - color: #595959; -} - -.tags4, .tags4:visited { - font-size: 18px; - color: #323232; -} - -.tags5, .tags5:visited { - font-size: 20px; - color: #0a0a0a; -} -/* end tags */ - -/* start archives */ -.archives { - position: relative; -} - -.archives > div { - background-color: #FEFEFE; - box-shadow: 0 0 2px #E2E2E2; - padding-bottom: 20px; - line-height: 20px; - margin: 20px; - width: 276px; - position: absolute; - top: 0; -} - -.archives h3 { - text-align: center; -} - -.archives > div:hover { - box-shadow: 0 0 4px #E2E2E2; -} - -.archives a { - display: block; - margin-left: 80px; -} -/* end archives */ - -/* start dynamic */ -.dynamic ul { - list-style: none; -} - -.dynamic h3 { - text-align: center; -} - -.dynamic .module { - background-color: #FEFEFE; - box-shadow: 0 0 2px #E2E2E2; - float: left; - line-height: 20px; - margin: 20px; - padding: 10px 20px 20px; - width: 393px; -} - -.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; -} -/* end dynamic */ - -/* start links */ -.links li { - float: left; - margin: 0 20px 10px; - width: 273px; -} -/* end links */ - -/* start not list */ -.other-main { - display: inline-block; - margin: 50px 20px 0; - width: 950px; -} +/* + * Copyright (c) 2009, 2010, 2011, 2012, B3log Team + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + /* + * skin ease style + * + * @author Liyuan Li + * @version 1.0.1.1, Jun 2, 2012 +*/ +/* start base */ +html, body, div, ul, li { + margin: 0; + padding: 0; +} + +body { + font-family: Verdana,arial,\5fae\8f6f\96c5\9ed1; + font-size: 12px; +} + +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; +} + +.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 { + background-image: url("../../ease/images/emotions/emotions-classic.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; +} +/* end base */ + +/* start ico */ +#search, +.translate-ico { + background-image: url("/skins/ease/images/icons.png"); +} + +.translate-ico { + background-position: 1px -125px; + background-repeat: no-repeat; + border: 1px solid #D5D5D5; + border-radius: 3px; + cursor: pointer; + float: right; + height: 16px; + margin: -3px 0 0 15px;; + padding: 1px; + width: 16px; +} + +.translate-ico:hover { + border-color: #9a9a9a; + box-shadow: 0 0 1px #808080; + background-color: #FDFDFD; +} +/* end ico */ + +/* start frame */ +.wrapper { + margin: 0 50px; +} + +.body { + margin: 0 auto 50px; + width: 990px; +} +/* end frame */ + +/* start header */ +.header { + position: fixed; + width: 100%; + background-color: #FDFDFD; + 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 { + background-color: #FDFDFD; + width: 196px; +} + +.banner { + margin-bottom: 20px; +} + +.banner .notice { + float: left; + margin: 20px 0 0 50px; +} + +.nav { + background-color: #FFF; + box-shadow: 0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset; + height: 29px; +} + +.nav ul { + list-style: none; + float: left; +} + +.nav li { + float: left; +} + +.nav a { + display: block; + float: left; + font-size: 14px; + line-height: 29px; + margin-right: 30px; + text-shadow: 0 0 1px #D5D5D5; +} + +.nav a.current { + color: #00b4d2; + font-weight: 700; + text-shadow: 0px 0px 3px #D5D5D5; +} + +.nav img { + margin-left: 3px; +} +/* end header */ + +/* start footer */ +.footer { + background-color: #FDFDFD; + border-top: 2px solid #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; + 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: #D5D5D5; +} +/* end footer*/ + +/* start article list */ +.body > ul { + list-style: none; +} + +.article { + border-bottom: 1px solid #f6f6f6; + padding: 20px 70px 20px; +} + +.article:hover { + border-bottom-color: #D5D5D5; + box-shadow: 0 0 1px #f6f6f6 inset; + background-color: #FDFDFD; +} + +.article-body { + line-height: 145%; + overflow: hidden; + word-wrap: break-word; +} + +.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-next { + background-color: #FDFDFD; + box-shadow: 0 0 3px #D5D5D5 inset; + cursor: pointer; + font-size: 14px; + line-height: 36px; + text-align: center; +} + +.article-next:hover { + box-shadow: 0 0 3px #D5D5D5, 0 0 3px #D5D5D5 inset; +} +/* end article list */ + +/* start article */ +.article-relative { + background-color: #FDFDFD; + box-shadow: 0 0 2px #D5D5D5; + float: left; + margin: 20px 0; + padding: 0 20px 10px; + width: 365px; +} + +.article-relative:hover { + background-color: #fff; + box-shadow: 0 0 4px #D5D5D5; +} + +.article-relative ul { + list-style: none; +} + +#relevantArticles { + margin-right: 40px; +} + +#externalRelevantArticles { + width: 297px; + margin-top: 0; +} +/* end article*/ + +/* start comment */ +#comments { + padding: 20px 70px 20px; + 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 10px 20px; + min-height: 64px; + overflow: hidden; + width: 760px; +} + +.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; +} + +.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: 756px; +} + +.form { + padding: 0 70px 20px; + float: left; +} + +.form th { + text-align: right; + white-space: nowrap; +} + +.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; +} + +.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: #A7A7A7; +} + +.form button:hover { + box-shadow: 0 0 4px #D5D5D5; + text-shadow: 0 0 2px; +} + +.form img { + background-color: #FDFDFD; + box-shadow: 0 0 2px #D5D5D5; + cursor: pointer; + height: 24px; + padding: 1px; +} +/* end comment */ + +/* start tags */ +#tags li { + float: left; + height: 38px; +} + +#tags a { + margin: 3px 6px; + padding: 3px 12px; + background-color: #FDFDFD; + box-shadow: 0 0 2px #D5D5D5; + float: left; +} + +#tags a:hover { + text-shadow: 0 0 2px; + text-decoration: none; + box-shadow: 0 0 4px #D5D5D5; +} + +.tags1, .tags1:visited { + font-size: 12px; + color: #a7a7a7; +} + +.tags2, .tags2:visited { + font-size: 14px; + color: #808080; +} + +.tags3, .tags3:visited { + font-size: 16px; + color: #595959; +} + +.tags4, .tags4:visited { + font-size: 18px; + color: #323232; +} + +.tags5, .tags5:visited { + font-size: 20px; + color: #0a0a0a; +} +/* end tags */ + +/* start archives */ +.archives { + position: relative; +} + +.archives > div { + background-color: #FDFDFD; + box-shadow: 0 0 2px #D5D5D5; + padding-bottom: 20px; + line-height: 20px; + margin: 20px; + width: 276px; + position: absolute; + top: 0; +} + +.archives h3 { + text-align: center; +} + +.archives > div:hover { + box-shadow: 0 0 4px #D5D5D5; +} + +.archives a { + display: block; + margin-left: 80px; +} +/* end archives */ + +/* start dynamic */ +.dynamic ul { + list-style: none; +} + +.dynamic h3 { + text-align: center; +} + +.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 .module:hover { + box-shadow: 0 0 4px #D5D5D5; +} + +.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; +} +/* end dynamic */ + +/* start links */ +.links li { + float: left; + margin: 0 20px 10px; + width: 273px; +} +/* end links */ + +/* start not list */ +.other-main { + display: inline-block; + margin: 50px 20px 0; + width: 950px; +} /* end not list */ \ No newline at end of file diff --git a/ease/css/ease.min.css b/ease/css/ease.min.css index 9a17ae6..bd36418 100644 --- a/ease/css/ease.min.css +++ b/ease/css/ease.min.css @@ -1,103 +1,108 @@ -html,body,div,ul,li{margin:0;padding:0;} -body{font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;} -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;-webkit-text-size-adjust:none;font-weight: normal;} -.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:gray;} -.ft-gray:visited{color:#9a9a9a;} -.ft-gray:hover{color:#676767;text-decoration:none;} -.logo{text-shadow:0 0 1px #e2e2e2;padding:0 5px;} -.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;} -.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;} -#search,.translate-ico{background-image:url(/skins/ease/images/icons.png);} -.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;} -.translate-ico:hover{box-shadow:0 0 1px gray;background-color:#fefefe;border-color:#9a9a9a;} -.wrapper{margin:0 50px;} -.body{width:990px;margin:0 auto 50px;} -.header{position:fixed;width:100%;background-color:#fefefe;z-index:1;} -.header .title{border-bottom:1px solid gray;font-size:26px;font-weight:400;} -.header .sub-title{font-size:11px;} -#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;} -#search:focus{background-color:#FeFeFe;width:196px;} -.banner{margin-bottom:20px;} -.banner .notice{float:left;margin:20px 0 0 50px;} -.nav{background-color:#FFF;box-shadow:0 2px 2px #e2e2e2, 0 3px 3px -3px #E2E2E2 inset;height:29px;} -.nav ul{list-style:none;float:left;} -.nav a{display:block;float:left;font-size:14px;line-height:29px;margin-right:30px;text-shadow:0 0 1px #E2E2E2;} -.nav a.current{color:#00b4d2;font-weight:700;text-shadow:0 0 3px #E2E2E2;} -.nav img{margin-left:3px;} -.footer{background-color:#FDFDFD;border-top:2px solid #e2e2e2;font-size:11px;-webkit-text-size-adjust:none;padding:12px 0;} -#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;} -#goTop:hover{background-color:#e2e2e2;} -.article{border-bottom:1px solid #f6f6f6;padding:20px 70px 20px;} -.article:hover{border-bottom-color:#e2e2e2;box-shadow:0 0 1px #f6f6f6 inset;background-color:#fefefe;} -.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;} -.article-body ol,.article-body ul{margin-left:40px;} -.article-body a{color:gray;text-decoration:underline;} -.article-body a:hover{color:#676767;} -.article-body>div{min-height:32px;} -.article-title h2{display:inline;} -.article-title span{cursor:pointer;} -.article-next{background-color:#FEFEFE;box-shadow:0 0 3px #E2E2E2 inset;cursor:pointer;font-size:14px;line-height:36px;text-align:center;} -.article-next:hover{box-shadow:0 0 3px #E2E2E2, 0 0 3px #E2E2E2 inset;} -.article-relative{background-color:#FEFEFE;box-shadow:0 0 2px #E2E2E2;float:left;width:365px;margin:20px 0;padding:0 20px 10px;} -.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #e2e2e2;} -#relevantArticles{margin-right:40px;} -#externalRelevantArticles{width:297px;margin-top:0;} -#comments{position:relative;padding:20px 70px;} -.comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px;} -.comment-panel{float:left;line-height:16px;min-height:64px;overflow:hidden;width:760px;margin:0 10px 20px;} -.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;} -.comment-body-ref > .comment-header{border:0 none;float:right;height:48px;padding:0;width:48px;} -.comment-body-ref > .comment-panel{min-height:48px;width:756px;margin:0 20px 0 0;} -.form{float:left;padding:0 70px 20px;} -.form th{text-align:right;white-space:nowrap;} -.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;} -.form textarea{height:120px;overflow:auto;width:426px;} -.form button{background-color:#F6F6F6;border:0 none;box-shadow:0 0 2px #E2E2E2;height:28px;line-height:28px;color:#A7A7A7;padding:0 12px;} -.form button:hover{box-shadow:0 0 4px #E2E2E2;text-shadow:0 0 2px;} -.form img{background-color:#FEFEFE;box-shadow:0 0 2px #E2E2E2;cursor:pointer;height:24px;padding:1px;} -#tags li{float:left;height:38px;} -#tags a{background-color:#FEFEFE;box-shadow:0 0 2px #E2E2E2;float:left;margin:3px 6px;padding:3px 12px;} -#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #E2E2E2;} -.tags1,.tags1:visited{font-size:12px;color:#a7a7a7;} -.tags2,.tags2:visited{font-size:14px;color:gray;} -.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: #FEFEFE;box-shadow: 0 0 2px #E2E2E2;padding-bottom: 20px;line-height: 20px;margin: 20px;width: 276px;position: absolute;top: 0;} -.archives h3 {text-align: center;} -.archives a{display:block;margin-left: 80px;} -.dynamic .module{background-color:#FEFEFE;box-shadow:0 0 2px #E2E2E2;float:left;line-height:20px;width:393px;margin:20px;padding:10px 20px 20px;} -.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;width:273px;margin:0 20px 10px;} -.other-main{display:inline-block;width:950px;margin:50px 20px 0;} -.left,.nav li{float:left;} -.article-body a:vidited{color:#9a9a9a;} -.body > ul,.article-relative ul,.dynamic ul{list-style:none;} -.dynamic h3{text-align:center;} -.form input:focus,.form textarea:focus,.archives>div:hover,.dynamic .module:hover{box-shadow:0 0 4px #E2E2E2;} \ No newline at end of file +html,body,div,ul,li{margin:0;padding:0;} +body{font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;} +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;} +.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{background-image:url(../../ease/images/emotions/emotions-classic.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;} +#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:#FDFDFD;} +.wrapper{margin:0 50px;} +.body{margin:0 auto 50px;width:990px;} +.header{position:fixed;width:100%;background-color:#FDFDFD;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{background-color:#FDFDFD;width:196px;} +.banner{margin-bottom:20px;} +.banner .notice{float:left;margin:20px 0 0 50px;} +.nav{background-color:#FFF;box-shadow:0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset;height:29px;} +.nav ul{list-style:none;float:left;} +.nav li{float:left;} +.nav a{display:block;float:left;font-size:14px;line-height:29px;margin-right:30px;text-shadow:0 0 1px #D5D5D5;} +.nav a.current{color:#00b4d2;font-weight:700;text-shadow:0 0 3px #D5D5D5;} +.nav img{margin-left:3px;} +.footer{background-color:#FDFDFD;border-top:2px solid #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;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:#D5D5D5;} +.body > ul{list-style:none;} +.article{border-bottom:1px solid #f6f6f6;padding:20px 70px;} +.article:hover{border-bottom-color:#D5D5D5;box-shadow:0 0 1px #f6f6f6 inset;background-color:#FDFDFD;} +.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;} +.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-next{background-color:#FDFDFD;box-shadow:0 0 3px #D5D5D5 inset;cursor:pointer;font-size:14px;line-height:36px;text-align:center;} +.article-next:hover{box-shadow:0 0 3px #D5D5D5, 0 0 3px #D5D5D5 inset;} +.article-relative{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;float:left;margin:20px 0;padding:0 20px 10px;width:365px;} +.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5;} +.article-relative ul{list-style:none;} +#relevantArticles{margin-right:40px;} +#externalRelevantArticles{width:297px;margin-top:0;} +#comments{padding:20px 70px;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 10px 20px;min-height:64px;overflow:hidden;width:760px;} +.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;} +.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:756px;} +.form{padding:0 70px 20px;float:left;} +.form th{text-align:right;white-space:nowrap;} +.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;} +.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:#A7A7A7;} +.form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px;} +.form img{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;cursor:pointer;height:24px;padding:1px;} +#tags li{float:left;height:38px;} +#tags a{margin:3px 6px;padding:3px 12px;background-color:#FDFDFD;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:#FDFDFD;box-shadow:0 0 2px #D5D5D5;padding-bottom:20px;line-height:20px;margin:20px;width:276px;position:absolute;top:0;} +.archives h3{text-align:center;} +.archives > div:hover{box-shadow:0 0 4px #D5D5D5;} +.archives a{display:block;margin-left:80px;} +.dynamic ul{list-style:none;} +.dynamic h3{text-align:center;} +.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 .module:hover{box-shadow:0 0 4px #D5D5D5;} +.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;} \ No newline at end of file diff --git a/ease/js/ease.js b/ease/js/ease.js index fecdedc..3f5987d 100644 --- a/ease/js/ease.js +++ b/ease/js/ease.js @@ -1,306 +1,306 @@ -/* - * Copyright (c) 2009, 2010, 2011, 2012, B3log Team - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -/** - * @fileoverview ease js. - * - * @author Liyuan Li - * @version 1.0.0.9, May 28, 2012 - */ -var goTranslate = function () { - window.open("http://translate.google.com/translate?sl=auto&tl=auto&u=" + location.href); -}; - -var getNextPage = function () { - var $more = $(".article-next"); - currentPage += 1; - var path = "/articles/"; - if(location.pathname.indexOf("tags") > -1) { - var tagsPathnaem = location.pathname.split("/tags/"); - var tags = tagsPathnaem[1].split("/"); - path = "/articles/tags/" + tags[0] + "/"; - } else if (location.pathname.indexOf("archives") > -1) { - var archivesPathname = location.pathname.split("/archives/"); - var archives = archivesPathname[1].split("/"); - path = "/articles/archives/" + archives[0] + "/" + archives[1] + "/"; - } - - $.ajax({ - url: latkeConfig.staticServePath + path + currentPage, - type: "GET", - beforeSend: function () { - $more.css("background", - "url(" + latkeConfig.staticServePath + "/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe"); - }, - success: function(result, textStatus){ - if (!result.sc) { - return; - } - - var articlesHTML = "", - pagination = result.rslts.pagination; - - // append articles - for (var i = 0; i < result.rslts.articles.length; i++) { - var article = result.rslts.articles[i]; - - articlesHTML += '
  • ' + - '
    ' + - '

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

    ' + - '
    ' + - '' + - + article.articleCommentCount + '  ' + Label.commentLabel + - '  ' + - '' + - article.articleViewCount + '  ' + Label.viewLabel + - '' + - '
    ' + - '
    ' + - '
    ' + - '
    ' + - '
    ' + - article.articleAbstract + - '
    ' + - '
    ' + - '
    ' + - '
    ' + - '
    '; - if (article.hasUpdated) { - articlesHTML += Util.toDate(article.articleUpdateDate, 'yy-MM-dd HH:mm'); - } else { - articlesHTML += Util.toDate(article.articleCreateDate, 'yy-MM-dd HH:mm'); - } - - articlesHTML += ' ' + article.authorName + '' + - '
    ' + - '
    ' + - Label.tag1Label + " "; - - var articleTags = article.articleTags.split(","); - for (var j = 0; j < articleTags.length; j++) { - articlesHTML += ''; - - if (j < articleTags.length - 1) { - articlesHTML += ", "; - } - } - - articlesHTML += '
    ' + - '
    ' + - '
    ' + - '
    • '; - } - - $(".body>ul").append(articlesHTML); - - // 最后一页处理 - if (pagination.paginationPageCount === currentPage) { - $more.remove(); - } else { - $more.css("background", "none"); - } - } - }); -}; - -var ease = { - $header: $(".header"), - $banner: $(".header").find(".banner"), - headerH: $(".header").height(), - $body: $(".body"), - $nav: $(".nav"), - getCurrentPage: function () { - var $next = $(".article-next"); - if ($next.length > 0) { - window.currentPage = $next.data("page"); - } - }, - - setNavCurrent: function () { - $(".nav ul a").each(function () { - var $this = $(this); - if ($this.attr("href") === latkeConfig.servePath + location.pathname) { - $this.addClass("current"); - } else if (/\/[0-9]+$/.test(location.pathname)) { - $(".nav ul li")[0].className = "current"; - } - }); - }, - - initCommon: function () { - Util.init(); - Util.replaceSideEm($(".recent-comments-content")); - Util.buildTags("tagsSide"); - this.$body.css("paddingTop", this.headerH + "px"); - }, - - initArchives: function () { - var $archives = $(".archives"); - if ($archives.length < 1) { - return; - } - - var years = [], - $archiveList = $archives.find("span").each(function () { - var year = $(this).data("year"), - tag = true; - for (var i = 0; i < years.length; i++) { - if (year === years[i]) { - tag = false; - break; - } - } - if (tag) { - years.push(year); - } - }); - - var yearsHTML = ""; - for (var j = 0; j < years.length; j++) { - var monthsHTML = ""; - for (var l = 0; l < $archiveList.length; l++) { - var $month = $($archiveList[l]); - if ($month.data("year") === years[j]) { - monthsHTML += $month.html(); - } - } - - yearsHTML += "

    " + years[j] + "

    " + monthsHTML + "
    "; - } - - $archives.html(yearsHTML); - - // position - var $items = $(".archives>div"), - line = 0, - top = 0, - heights = []; - - for (var m = 0; m < $items.length; m++) { - for (var n = 0; n < 3; n++) { - if (m >= $items.length) { - break; - } - - $items[m].style.left = (n * 318) + "px"; - - if (line > 0) { - if ($items[m - 3].style.top !== "") { - top = parseInt($items[m - 3].style.top); - } - $items[m].style.top = $($items[m - 3]).height() + 60 + top + "px"; - - heights[n] = parseInt($items[m].style.top) + $($items[m]).height() + 60; - } else { - heights[n] = $($items[m]).height() + 60; - } - - if (n < 2) { - m += 1; - } - } - line += 1; - } - - // archive height - $archives.height(heights.sort()[2]); - }, - - scrollEvent: function () { - var _it = this; - $(window).scroll(function () { - var y = $(window).scrollTop(); - - // header event - if (y >= _it.headerH && _it.$banner.css("display") === "block" && - $("body").height() - $(window).height() > _it.headerH * 2) { - _it.$header.css("top", "0"); - _it.$banner.css("display", "none"); - _it.$body.css("paddingTop", _it.$nav.height() + "px"); - } - - if (y < _it.headerH && _it.$banner.css("display") === "none") { - _it.$header.css("top", "auto"); - _it.$banner.css("display", "block"); - _it.$body.css("paddingTop", _it.headerH + "px"); - } - - // go top icon show or hide - if (y > _it.headerH) { - var bodyH = $(window).height(); - var top = y + bodyH - 21; - if ($("body").height() - 58 <= y + bodyH) { - top = $(".footer").offset().top - 21; - } - $("#goTop").fadeIn("slow").css("top", top); - } else { - $("#goTop").hide(); - } - }); - }, - - setDynamic: function () { - var $dynamic = $(".dynamic"); - if ($(".dynamic").length < 1) { - return; - } - - var $comments = $dynamic.find(".side-comments"), - $tags = $dynamic.find(".side-tags"), - $mostComment = $dynamic.find(".side-most-comment"), - $mostView = $dynamic.find(".side-most-view"); - - if ($comments.height() > $tags.height()) { - $tags.height($comments.height()); - } else { - $comments.height($tags.height()); - } - - if ($mostComment.height() > $mostView.height()) { - $mostView.height($mostComment.height()); - } else { - $mostComment.height($mostView.height()); - } - - // emotions - $(".article-body").each(function () { - this.innerHTML = Util.replaceEmString($(this).html()); - }); - } -}; - -(function () { - ease.getCurrentPage(); - ease.initCommon(); - ease.scrollEvent(); - ease.setNavCurrent(); - - ease.initArchives(); - ease.setDynamic(); +/* + * Copyright (c) 2009, 2010, 2011, 2012, B3log Team + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +/** + * @fileoverview ease js. + * + * @author Liyuan Li + * @version 1.0.1.0, Jun 2, 2012 + */ +var goTranslate = function () { + window.open("http://translate.google.com/translate?sl=auto&tl=auto&u=" + location.href); +}; + +var getNextPage = function () { + var $more = $(".article-next"); + currentPage += 1; + var path = "/articles/"; + if(location.pathname.indexOf("tags") > -1) { + var tagsPathnaem = location.pathname.split("/tags/"); + var tags = tagsPathnaem[1].split("/"); + path = "/articles/tags/" + tags[0] + "/"; + } else if (location.pathname.indexOf("archives") > -1) { + var archivesPathname = location.pathname.split("/archives/"); + var archives = archivesPathname[1].split("/"); + path = "/articles/archives/" + archives[0] + "/" + archives[1] + "/"; + } + + $.ajax({ + url: latkeConfig.staticServePath + path + currentPage, + type: "GET", + beforeSend: function () { + $more.css("background", + "url(" + latkeConfig.staticServePath + "/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe"); + }, + success: function(result, textStatus){ + if (!result.sc) { + return; + } + + var articlesHTML = "", + pagination = result.rslts.pagination; + + // append articles + for (var i = 0; i < result.rslts.articles.length; i++) { + var article = result.rslts.articles[i]; + + articlesHTML += '
  • ' + + '
    ' + + '

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

    ' + + '
    ' + + '' + + + article.articleCommentCount + '  ' + Label.commentLabel + + '  ' + + '' + + article.articleViewCount + '  ' + Label.viewLabel + + '' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + article.articleAbstract + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    '; + if (article.hasUpdated) { + articlesHTML += Util.toDate(article.articleUpdateDate, 'yy-MM-dd HH:mm'); + } else { + articlesHTML += Util.toDate(article.articleCreateDate, 'yy-MM-dd HH:mm'); + } + + articlesHTML += ' ' + article.authorName + '' + + '
    ' + + '
    ' + + Label.tag1Label + " "; + + var articleTags = article.articleTags.split(","); + for (var j = 0; j < articleTags.length; j++) { + articlesHTML += ''; + + if (j < articleTags.length - 1) { + articlesHTML += ", "; + } + } + + articlesHTML += '
    ' + + '
    ' + + '
    ' + + '
    • '; + } + + $(".body>ul").append(articlesHTML); + + // 最后一页处理 + if (pagination.paginationPageCount === currentPage) { + $more.remove(); + } else { + $more.css("background", "none"); + } + } + }); +}; + +var ease = { + $header: $(".header"), + $banner: $(".header").find(".banner"), + headerH: $(".header").height(), + $body: $(".body"), + $nav: $(".nav"), + getCurrentPage: function () { + var $next = $(".article-next"); + if ($next.length > 0) { + window.currentPage = $next.data("page"); + } + }, + + setNavCurrent: function () { + $(".nav ul a").each(function () { + var $this = $(this); + if ($this.attr("href") === latkeConfig.servePath + location.pathname) { + $this.addClass("current"); + } else if (/\/[0-9]+$/.test(location.pathname)) { + $(".nav ul li")[0].className = "current"; + } + }); + }, + + initCommon: function () { + Util.init(); + Util.replaceSideEm($(".recent-comments-content")); + Util.buildTags("tagsSide"); + this.$body.css("paddingTop", this.headerH + "px"); + }, + + initArchives: function () { + var $archives = $(".archives"); + if ($archives.length < 1) { + return; + } + + var years = [], + $archiveList = $archives.find("span").each(function () { + var year = $(this).data("year"), + tag = true; + for (var i = 0; i < years.length; i++) { + if (year === years[i]) { + tag = false; + break; + } + } + if (tag) { + years.push(year); + } + }); + + var yearsHTML = ""; + for (var j = 0; j < years.length; j++) { + var monthsHTML = ""; + for (var l = 0; l < $archiveList.length; l++) { + var $month = $($archiveList[l]); + if ($month.data("year") === years[j]) { + monthsHTML += $month.html(); + } + } + + yearsHTML += "

    " + years[j] + "

    " + monthsHTML + "
    "; + } + + $archives.html(yearsHTML); + + // position + var $items = $(".archives>div"), + line = 0, + top = 0, + heights = []; + + for (var m = 0; m < $items.length; m++) { + for (var n = 0; n < 3; n++) { + if (m >= $items.length) { + break; + } + + $items[m].style.left = (n * 318) + "px"; + + if (line > 0) { + if ($items[m - 3].style.top !== "") { + top = parseInt($items[m - 3].style.top); + } + $items[m].style.top = $($items[m - 3]).height() + 60 + top + "px"; + + heights[n] = parseInt($items[m].style.top) + $($items[m]).height() + 60; + } else { + heights[n] = $($items[m]).height() + 60; + } + + if (n < 2) { + m += 1; + } + } + line += 1; + } + + // archive height + $archives.height(heights.sort()[heights.length - 1]); + }, + + scrollEvent: function () { + var _it = this; + $(window).scroll(function () { + var y = $(window).scrollTop(); + + // header event + if (y >= _it.headerH && _it.$banner.css("display") === "block" && + $("body").height() - $(window).height() > _it.headerH * 2) { + _it.$header.css("top", "0"); + _it.$banner.css("display", "none"); + _it.$body.css("paddingTop", _it.$nav.height() + "px"); + } + + if (y < _it.headerH && _it.$banner.css("display") === "none") { + _it.$header.css("top", "auto"); + _it.$banner.css("display", "block"); + _it.$body.css("paddingTop", _it.headerH + "px"); + } + + // go top icon show or hide + if (y > _it.headerH) { + var bodyH = $(window).height(); + var top = y + bodyH - 21; + if ($("body").height() - 58 <= y + bodyH) { + top = $(".footer").offset().top - 21; + } + $("#goTop").fadeIn("slow").css("top", top); + } else { + $("#goTop").hide(); + } + }); + }, + + setDynamic: function () { + var $dynamic = $(".dynamic"); + if ($(".dynamic").length < 1) { + return; + } + + var $comments = $dynamic.find(".side-comments"), + $tags = $dynamic.find(".side-tags"), + $mostComment = $dynamic.find(".side-most-comment"), + $mostView = $dynamic.find(".side-most-view"); + + if ($comments.height() > $tags.height()) { + $tags.height($comments.height()); + } else { + $comments.height($tags.height()); + } + + if ($mostComment.height() > $mostView.height()) { + $mostView.height($mostComment.height()); + } else { + $mostComment.height($mostView.height()); + } + + // emotions + $(".article-body").each(function () { + this.innerHTML = Util.replaceEmString($(this).html()); + }); + } +}; + +(function () { + ease.getCurrentPage(); + ease.initCommon(); + ease.scrollEvent(); + ease.setNavCurrent(); + + ease.initArchives(); + ease.setDynamic(); })(); \ No newline at end of file diff --git a/ease/js/ease.min.js b/ease/js/ease.min.js index 1c3c606..f014c04 100644 --- a/ease/js/ease.min.js +++ b/ease/js/ease.min.js @@ -1 +1 @@ -var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};var getNextPage=function(){var $more=$(".article-next");currentPage+=1;var path="/articles/";if(location.pathname.indexOf("tags")>-1){var tagsPathnaem=location.pathname.split("/tags/");var tags=tagsPathnaem[1].split("/");path="/articles/tags/"+tags[0]+"/"}else if(location.pathname.indexOf("archives")>-1){var archivesPathname=location.pathname.split("/archives/");var archives=archivesPathname[1].split("/");path="/articles/archives/"+archives[0]+"/"+archives[1]+"/"}$.ajax({url:latkeConfig.staticServePath+path+currentPage,type:"GET",beforeSend:function(){$more.css("background","url("+latkeConfig.staticServePath+"/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe")},success:function(result,textStatus){if(!result.sc){return}var articlesHTML="",pagination=result.rslts.pagination;for(var i=0;i'+'
    '+'

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

    '+'
    '+''+ +article.articleCommentCount+'  '+Label.commentLabel+'  '+''+article.articleViewCount+'  '+Label.viewLabel+''+'
    '+'
    '+'
    '+'
    '+'
    '+article.articleAbstract+'
    '+'
    '+'
    '+'
    '+'
    ';if(article.hasUpdated){articlesHTML+=Util.toDate(article.articleUpdateDate,'yy-MM-dd HH:mm')}else{articlesHTML+=Util.toDate(article.articleCreateDate,'yy-MM-dd HH:mm')}articlesHTML+=' '+article.authorName+''+'
    '+'
    '+Label.tag1Label+" ";var articleTags=article.articleTags.split(",");for(var j=0;j
    '+'
    '+''}$(".body>ul").append(articlesHTML);if(pagination.paginationPageCount===currentPage){$more.remove()}else{$more.css("background","none")}}})};var ease={$header:$(".header"),$banner:$(".header").find(".banner"),headerH:$(".header").height(),$body:$(".body"),$nav:$(".nav"),getCurrentPage:function(){var $next=$(".article-next");if($next.length>0){window.currentPage=$next.data("page")}},setNavCurrent:function(){$(".nav ul a").each(function(){var $this=$(this);if($this.attr("href")===latkeConfig.servePath+location.pathname){$this.addClass("current")}else if(/\/[0-9]+$/.test(location.pathname)){$(".nav ul li")[0].className="current"}})},initCommon:function(){Util.init();Util.replaceSideEm($(".recent-comments-content"));Util.buildTags("tagsSide");this.$body.css("paddingTop",this.headerH+"px")},initArchives:function(){var $archives=$(".archives");if($archives.length<1){return}var years=[],$archiveList=$archives.find("span").each(function(){var year=$(this).data("year"),tag=true;for(var i=0;i

    "+years[j]+"

    "+monthsHTML+""}$archives.html(yearsHTML);var $items=$(".archives>div"),line=0,top=0,heights=[];for(var m=0;m<$items.length;m++){for(var n=0;n<3;n++){if(m>=$items.length){break}$items[m].style.left=(n*318)+"px";if(line>0){if($items[m-3].style.top!==""){top=parseInt($items[m-3].style.top)}$items[m].style.top=$($items[m-3]).height()+60+top+"px";heights[n]=parseInt($items[m].style.top)+$($items[m]).height()+60}else{heights[n]=$($items[m]).height()+60}if(n<2){m+=1}}line+=1}$archives.height(heights.sort()[2])},scrollEvent:function(){var _it=this;$(window).scroll(function(){var y=$(window).scrollTop();if(y>=_it.headerH&&_it.$banner.css("display")==="block"&&$("body").height()-$(window).height()>_it.headerH*2){_it.$header.css("top","0");_it.$banner.css("display","none");_it.$body.css("paddingTop",_it.$nav.height()+"px")}if(y<_it.headerH&&_it.$banner.css("display")==="none"){_it.$header.css("top","auto");_it.$banner.css("display","block");_it.$body.css("paddingTop",_it.headerH+"px")}if(y>_it.headerH){var bodyH=$(window).height();var top=y+bodyH-21;if($("body").height()-58<=y+bodyH){top=$(".footer").offset().top-21}$("#goTop").fadeIn("slow").css("top",top)}else{$("#goTop").hide()}})},setDynamic:function(){var $dynamic=$(".dynamic");if($(".dynamic").length<1){return}var $comments=$dynamic.find(".side-comments"),$tags=$dynamic.find(".side-tags"),$mostComment=$dynamic.find(".side-most-comment"),$mostView=$dynamic.find(".side-most-view");if($comments.height()>$tags.height()){$tags.height($comments.height())}else{$comments.height($tags.height())}if($mostComment.height()>$mostView.height()){$mostView.height($mostComment.height())}else{$mostComment.height($mostView.height())}$(".article-body").each(function(){this.innerHTML=Util.replaceEmString($(this).html())})}};(function(){ease.getCurrentPage();ease.initCommon();ease.scrollEvent();ease.setNavCurrent();ease.initArchives();ease.setDynamic()})(); \ No newline at end of file +var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};var getNextPage=function(){var $more=$(".article-next");currentPage+=1;var path="/articles/";if(location.pathname.indexOf("tags")>-1){var tagsPathnaem=location.pathname.split("/tags/");var tags=tagsPathnaem[1].split("/");path="/articles/tags/"+tags[0]+"/"}else if(location.pathname.indexOf("archives")>-1){var archivesPathname=location.pathname.split("/archives/");var archives=archivesPathname[1].split("/");path="/articles/archives/"+archives[0]+"/"+archives[1]+"/"}$.ajax({url:latkeConfig.staticServePath+path+currentPage,type:"GET",beforeSend:function(){$more.css("background","url("+latkeConfig.staticServePath+"/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe")},success:function(result,textStatus){if(!result.sc){return}var articlesHTML="",pagination=result.rslts.pagination;for(var i=0;i'+'
    '+'

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

    '+'
    '+''+ +article.articleCommentCount+'  '+Label.commentLabel+'  '+''+article.articleViewCount+'  '+Label.viewLabel+''+'
    '+'
    '+'
    '+'
    '+'
    '+article.articleAbstract+'
    '+'
    '+'
    '+'
    '+'
    ';if(article.hasUpdated){articlesHTML+=Util.toDate(article.articleUpdateDate,'yy-MM-dd HH:mm')}else{articlesHTML+=Util.toDate(article.articleCreateDate,'yy-MM-dd HH:mm')}articlesHTML+=' '+article.authorName+''+'
    '+'
    '+Label.tag1Label+" ";var articleTags=article.articleTags.split(",");for(var j=0;j
    '+'
    '+''}$(".body>ul").append(articlesHTML);if(pagination.paginationPageCount===currentPage){$more.remove()}else{$more.css("background","none")}}})};var ease={$header:$(".header"),$banner:$(".header").find(".banner"),headerH:$(".header").height(),$body:$(".body"),$nav:$(".nav"),getCurrentPage:function(){var $next=$(".article-next");if($next.length>0){window.currentPage=$next.data("page")}},setNavCurrent:function(){$(".nav ul a").each(function(){var $this=$(this);if($this.attr("href")===latkeConfig.servePath+location.pathname){$this.addClass("current")}else if(/\/[0-9]+$/.test(location.pathname)){$(".nav ul li")[0].className="current"}})},initCommon:function(){Util.init();Util.replaceSideEm($(".recent-comments-content"));Util.buildTags("tagsSide");this.$body.css("paddingTop",this.headerH+"px")},initArchives:function(){var $archives=$(".archives");if($archives.length<1){return}var years=[],$archiveList=$archives.find("span").each(function(){var year=$(this).data("year"),tag=true;for(var i=0;i

    "+years[j]+"

    "+monthsHTML+""}$archives.html(yearsHTML);var $items=$(".archives>div"),line=0,top=0,heights=[];for(var m=0;m<$items.length;m++){for(var n=0;n<3;n++){if(m>=$items.length){break}$items[m].style.left=(n*318)+"px";if(line>0){if($items[m-3].style.top!==""){top=parseInt($items[m-3].style.top)}$items[m].style.top=$($items[m-3]).height()+60+top+"px";heights[n]=parseInt($items[m].style.top)+$($items[m]).height()+60}else{heights[n]=$($items[m]).height()+60}if(n<2){m+=1}}line+=1}$archives.height(heights.sort()[heights.length-1])},scrollEvent:function(){var _it=this;$(window).scroll(function(){var y=$(window).scrollTop();if(y>=_it.headerH&&_it.$banner.css("display")==="block"&&$("body").height()-$(window).height()>_it.headerH*2){_it.$header.css("top","0");_it.$banner.css("display","none");_it.$body.css("paddingTop",_it.$nav.height()+"px")}if(y<_it.headerH&&_it.$banner.css("display")==="none"){_it.$header.css("top","auto");_it.$banner.css("display","block");_it.$body.css("paddingTop",_it.headerH+"px")}if(y>_it.headerH){var bodyH=$(window).height();var top=y+bodyH-21;if($("body").height()-58<=y+bodyH){top=$(".footer").offset().top-21}$("#goTop").fadeIn("slow").css("top",top)}else{$("#goTop").hide()}})},setDynamic:function(){var $dynamic=$(".dynamic");if($(".dynamic").length<1){return}var $comments=$dynamic.find(".side-comments"),$tags=$dynamic.find(".side-tags"),$mostComment=$dynamic.find(".side-most-comment"),$mostView=$dynamic.find(".side-most-view");if($comments.height()>$tags.height()){$tags.height($comments.height())}else{$comments.height($tags.height())}if($mostComment.height()>$mostView.height()){$mostView.height($mostComment.height())}else{$mostComment.height($mostView.height())}$(".article-body").each(function(){this.innerHTML=Util.replaceEmString($(this).html())})}};(function(){ease.getCurrentPage();ease.initCommon();ease.scrollEvent();ease.setNavCurrent();ease.initArchives();ease.setDynamic()})(); \ No newline at end of file diff --git a/neoease/css/neoease.min.css b/neoease/css/neoease.min.css index 56c8c22..923623d 100644 --- a/neoease/css/neoease.min.css +++ b/neoease/css/neoease.min.css @@ -1,152 +1,152 @@ -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} -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(../../../images/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: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: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 #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{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:20px;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;} +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 #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 #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{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;} \ No newline at end of file diff --git a/owmx-3.0/css/owmx-3.0.css b/owmx-3.0/css/owmx-3.0.css index e31230b..70e0991 100644 --- a/owmx-3.0/css/owmx-3.0.css +++ b/owmx-3.0/css/owmx-3.0.css @@ -1,530 +1,527 @@ -@charset "utf-8"; -/*================================================== -Template: OWMX-3 -Resource: http://www.owmx.com/ -Version: 1.0 -Date: 2010-09-13 -Editor: Jonas Jacek -License: CC Attribution-Share Alike 3.0 Unported -Update: Dongxu Wang 2011-02-24 - @ http://lightdian.b3log.org/ -==================================================*/ -/* - * skin owmx-3.0 style - * @author Liyuan Li - * @version 1.0.0.6, May 11, 2012 -*/ -/* Reset */ -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; -} - -/* BASICS */ -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 */ -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 */ -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; -} -/* Highlighted Paragraphs */ -.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; -} - -/* Citations & Quotes */ -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 & Code */ -pre { - color : #333; - font-size : 10px; - line-height : 15px; /*--Height of each line of code--*/ - overflow : hidden; /*--If the Code exceeds the width, put "auto" and scrolling is available--*/ - overflow-Y : hidden; /*--Hides vertical scroll created by IE--*/ -} -pre code { - background : #EEE; - border-left : 2px solid #0098CC; - margin : 0 0 10px 0; - padding : 5px; - display : block; -} - -/* Calendar */ -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; -} - -/* Forms */ -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; -} - -/* Lists */ -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; -} - -/* Sidebar */ -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; -} -/* Search Box */ -.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; -} - -/* Navigation & Menu */ -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 */ -.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; -} - -/* Ad Space */ -.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; -} - -/* Tag Cloud */ -#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 */ -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 a span{ - margin:0px -2px; -} -footer img{ - height : 28px; -} - - -/* Comments */ -.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;} -/* Wrappers */ -#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; -} - -/* Shadow-Boxes*/ -#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; +@charset "utf-8"; +/*================================================== +Template: OWMX-3 +Resource: http://www.owmx.com/ +Version: 1.0 +Date: 2010-09-13 +Editor: Jonas Jacek +License: CC Attribution-Share Alike 3.0 Unported +Update: Dongxu Wang 2011-02-24 + @ http://lightdian.b3log.org/ +==================================================*/ +/* + * skin owmx-3.0 style + * @author Liyuan Li + * @version 1.0.0.7, Jun 2, 2012 +*/ +/* Reset */ +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; +} + +/* BASICS */ +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 */ +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 */ +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; +} +/* Highlighted Paragraphs */ +.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; +} + +/* Citations & Quotes */ +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 & Code */ +pre { + color : #333; + font-size : 10px; + line-height : 15px; /*--Height of each line of code--*/ + overflow : hidden; /*--If the Code exceeds the width, put "auto" and scrolling is available--*/ + overflow-Y : hidden; /*--Hides vertical scroll created by IE--*/ +} +pre code { + background : #EEE; + border-left : 2px solid #0098CC; + margin : 0 0 10px 0; + padding : 5px; + display : block; +} + +/* Calendar */ +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; +} + +/* Forms */ +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; +} + +/* Lists */ +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; +} + +/* Sidebar */ +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; +} +/* Search Box */ +.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; +} + +/* Navigation & Menu */ +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 */ +.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; +} + +/* Ad Space */ +.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; +} + +/* Tag Cloud */ +#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 */ +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 */ +.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;} +/* Wrappers */ +#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; +} + +/* Shadow-Boxes*/ +#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; } \ No newline at end of file