From 4f1239a039d0510ae8dd6222d746ea8e4db357b6 Mon Sep 17 00:00:00 2001 From: Vanessa Date: Wed, 25 Jul 2012 16:25:21 +0800 Subject: [PATCH] add min css --- andrea/css/andrea.css | 1204 ++++++++++---------- andrea/css/andrea.min.css | 99 ++ classic/css/classic.min.css | 58 + community/css/community.css | 1400 +++++++++++------------ community/css/community.min.css | 113 ++ favourite/css/favourite.min.css | 128 +++ helper/compressor/grunt.js | 39 +- i-nove/css/i-nove.min.css | 93 ++ neoease/css/neoease.css | 1764 ++++++++++++++--------------- neoease/css/neoease.min.css | 305 ++--- owmx-3.0/css/owmx-3.0.css | 4 +- owmx-3.0/css/owmx-3.0.min.css | 110 ++ tree-house/css/tree-house.min.css | 94 ++ 13 files changed, 3067 insertions(+), 2344 deletions(-) create mode 100644 andrea/css/andrea.min.css create mode 100644 classic/css/classic.min.css create mode 100644 community/css/community.min.css create mode 100644 favourite/css/favourite.min.css create mode 100644 i-nove/css/i-nove.min.css create mode 100644 owmx-3.0/css/owmx-3.0.min.css create mode 100644 tree-house/css/tree-house.min.css diff --git a/andrea/css/andrea.css b/andrea/css/andrea.css index 61bddcc..bb08e4b 100644 --- a/andrea/css/andrea.css +++ b/andrea/css/andrea.css @@ -1,603 +1,603 @@ -/* - * skin andrea style - * - * @author Liyuan Li - * @version 1.0.0.9, May 15, 2012 -*/ -body { - background-image: url("../images/bg-grey.jpg"); - background-color: #000000; - color: #363636; - font-family: \5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif; - font-size: 12px; - margin: 0; - padding: 0; -} - -a, a:link, a:visited { - color: #BE0700; - text-decoration: underline; -} - -a:hover { - text-decoration: none; - color: rgba(190, 7, 0, 0.75); -} - -/* common */ -.error-msg { - color: #BE0700; -} - -.brush-icon, .article .month , .article .day, .pagination a, #greyBG, -#brownBG, #blueBG, #goTop, .side-tool ul ul li a, .comment-form button { - background-image: url('../images/icon.png'); -} - -/* frame */ -.wrapper { - width: 910px; - margin: 0 auto; - position: relative; -} - -.main { - float: left; - width: 627px; -} - -.side-navi { - float: left; - width: 282px; -} - -/* header */ -.header { - background: url('../images/bgs.png') no-repeat; - width: 910px; - height: 185px; - float: left; -} - -.header .left { - width: 566px; -} - -.header h1 { - margin: 18px 0 0 37px; -} - -.header .left a, .sub-title { - color: #FFFFFF; - font-family: 'Neucha',\5fae\8f6f\96c5\9ed1,Arial,Verdana,sans-serif; - font-size: 46px; - text-decoration: none; -} - -.sub-title { - color: #000000; - font-size: 22px; - margin-left: 40px; - margin-top: 0; - display: block; -} - -.header > .left > div { - float: right; - color: #C0BEBD; -} - -.header .right { - width: 343px; -} - -.header .right ul { - list-style-type: none -} - -.header .right li { - float: left; - margin: 18px 30px 0 0; - width: 84px; -} - -.header .right li a { - color: #FFFFFF; - font-family: 'Reenie Beanie',sans-serif; - font-size: 45px; - text-decoration: none; - font-weight: bold; -} - -.header .right li a:hover { - color: #DDDDDD; - font-family: 'Neucha',sans-serif;; -} - -/* main */ -.main-content { - padding: 0 45px; - background-color: #D4D4D4; -} - -.main-content > h2 { - color: #BE0700; - font-size: 20px; - line-height: 145%; - margin-bottom: 18px; - font-family: 'Neucha', \5fae\8f6f\96c5\9ed1; -} - -.main-footer { - background: url('../images/bgs.png') 0 -185px; - height: 14px; - width: 627px; -} - -.brush { - left: -52px; - position: absolute; - top: 283px; - width: 100px; -} - -#brush { - background: url("../images/paint.png") no-repeat fixed 98px -150px transparent; - position: relative; - top: -27px; - width: 82px; -} - -.brush-icon { - background-position: 0 -312px; - height: 240px; - position: relative; - width: 92px; - z-index: 1; -} - -.brush-icon:hover { - background-position: 0 -69px; -} - -/* common articles */ -.article a.underline:hover { - text-decoration: underline; - color: #BE0700; -} - -.article .date { - width: 40px; - float: left; -} - -.article .month { - color: #FFFFFF; - height: 20px; - text-align: center; - width: 36px; -} - -.article .day { - border: 1px solid #C4BFBA; - border-top: 0px; - background-position: 0px -20px; - font-size: 15px; - height: 23px; - padding-top: 4px; - text-align: center; - width: 34px; -} - -.article h2 { - margin-bottom: 3px; - width: 495px; - *line-height: 28px; -} - -.article h2 a { - color: #363636; - font-size: 24px; - line-height: 24px; - text-decoration: none; -} - -.article h2 a:hover { - color: #BE0700; - text-decoration: underline; -} - -.article h2 sup { - color: #BE0700; - font-size: 10px; - vertical-align: top; -} - -.article-abstract { - border-top: 2px dashed #F1EEE9; - margin-top: 15px; - padding: 20px 0 25px 0; - overflow: hidden; - line-height: 145%; -} - -.article-abstract p:first-child:first-letter, .article-abstract:first-letter { - font-size: 38px; - float: left; - font-weight: bold; - margin: 0 3px 3px 0; - line-height: 38px; -} - -.pagination { - line-height: 21px; -} - -.pagination a { - background-position: 0px -47px; - border: 1px solid #C5C3C2; - color: #8C8C8C; - padding: 1px 6px; - text-decoration: none; - margin: 2px; - font-size: 10px; -} - -.pagination a.selected { - background: none #FFFFFF; - border: 1px solid #C5C3C2; - color: #3E3E3E; - font-weight: bold; - padding: 1px 7px 2px 6px; -} - -.pagination a:hover { - background: none #F3DEDD; - color: #BE0700; - border: 1px solid #BE0700; -} - -/* side */ -.side-navi ul { - list-style: none; -} - -.side-navi .item { - border-radius: 0 5px 5px 0; - background: url("../images/bg-transparent.png") repeat scroll 0 0 transparent; - border: 1px solid #999999; - float: left; - margin-top: 23px; - padding: 25px 15px 15px; - width: 250px; - color: #EAE7E0; -} - -.side-navi .item dd { - margin-bottom: 25px; -} - -.side-navi .item dd li { - list-style-type: none; - border-bottom: 1px solid #93908A; - padding: 4px 0px 1px 6px; - margin-left: 0px; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; - color: #EAE7E0; - position: relative; - line-height: 21px; -} - -.side-navi .item dd li:hover { - background: url("../images/bg-transparent.png") repeat scroll 0 0 transparent; - border-bottom: 1px solid #BAB8B5; -} - -.side-navi .item dd li:hover a { - color: #FFFFFF; -} - -.side-navi .item dd li a { - white-space: nowrap; - color: #EAE7E0; - text-decoration: none; -} - -.side-navi .item .navi-tags img { - cursor: pointer; - height: 16px; - left: 3px; - position: absolute; - top: 5px; - width: 16px; -} - -.side-navi .item dd .navi-tags a { - padding-left: 18px; -} - -#naviComments li a { - white-space: normal; -} -#naviComments li br { - display: none; -} -#naviComments li p { - display: inline; -} -#naviComments li a.author { - color: #BE0700; -} - -#naviComments li:hover { - background-image: none; -} - -#naviComments li a:hover { - text-decoration: underline; -} - -#naviComments img { - height: 16px; - width: 16px; -} - -.side-navi .item h4 { - border-bottom: 1px solid #93908A; - color: #EAE7E0; - padding: 0 5px 8px; - font-size: 16px; -} - -/* footer */ -.footer { - background-image: url("../images/footer.png"); - color: #EAE7E0; - height: 411px; - padding: 21px 0 0 95px; - width: 605px; - margin-top: 40px; - text-align: center; -} - -.footer a { - text-decoration: none; -} - -.footer a:hover { - text-decoration: underline; -} - -/* side tool */ -.side-tool { - position: fixed; - top: 30px; - left: 0px; -} - -.side-tool li { - margin-left: 0px; -} - -.side-tool ul { - list-style-type: none; -} - -#greyBG, #brownBG, #blueBG { - background-position: -103px 0; - display: block; - height: 21px; - margin: 3px 0; - width: 21px; - cursor: pointer; -} - -#brownBG { - background-position: -103px -26px; -} - -#blueBG { - background-position: -103px -52px; -} - -#greyBG:hover, #greyBG.selected { - background-position: -126px 0px; -} - -#brownBG:hover, #brownBG.selected { - background-position: -126px -26px; -} - -#blueBG:hover, #blueBG.selected { - background-position: -126px -52px; -} - -#goTop { - background-position: -105px -119px; - cursor: pointer; - height: 36px; - margin-top: 9px; - display: block; - width: 22px; -} - -#goTop:hover { - background-position: -105px -74px; -} - -.side-tool ul ul li a { - background-position: right -159px; - color: #EAE7E0; - display: block; - font-size: 14px; - font-weight: bold; - height: 86px; - margin: 9px 0; - overflow: hidden; - padding: 1px 8px 1px 9px; - text-align: center; - text-decoration: none; - width: 14px; - word-wrap: break-word; - text-transform:uppercase; -} - -/* article */ -.article-body { - border-top: 2px dashed #F1EEE9; - margin-top: 15px; - overflow: hidden; - padding: 20px 0 25px; - line-height: 145%; -} - -.article-body p:first-child:first-letter, .article-body:first-letter{ - font-size: 48px; - float: left; - font-weight: bold; - margin: 0 3px 3px 0; -} - -.article-relative { - margin: 15px 0; -} - -.article-relative h4 { - font-family: 'Neucha','\5fae\8f6f\96c5\9ed1',Arial,Verdana; - font-size: 16px; -} - -.article-relative ul { - list-style-type: none; -} - -#randomArticles, .relevantArticles { - width: 262px;overflow: hidden; -} - -/* comments */ -#comments { - position: relative; -} - -#comments, .comment-form { - padding-bottom: 30px; -} - -.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14 { - background-image: url("../../andrea/images/emotions/emotions-black.png"); - margin-right: 4px; -} - -.comment-form { - margin-right: 15px; - color: #606060; -} - -h2.comment-label { - border-bottom: 2px solid #3F3D36; - font-size: 24px; - margin-bottom: 15px; - margin-top: 30px; - padding-bottom: 7px; - color: #363636; -} - -.comment-body { - padding: 20px 0; -} - -.comment-author { - width: 100px; -} - -.comment-info { - margin-right: 12px; - word-wrap:break-word; - overflow: hidden; - width: 423px; -} - -.comment-info > a { - font-size: 14px; - font-weight: bold; -} - -.comment-content { - margin: 10px 0; -} - -.comment-odd { - background-color: #F1EEE9; -} - -.comment-author img { - width: 64px; - height: 64px; - border: 6px solid #F1EEE9; - margin-left: 12px; -} - -.comment-form img { - cursor: pointer; -} - -.comment-form input, .comment-form textarea{ - border-radius:5px; - background-color: #EBE9E5; - border: 1px solid #BABAAE; - font-family: \5fae\8f6f\96c5\9ed1; - font-size: 12px; - margin: 10px 0; - padding: 10px; - width: 400px; - outline:none; -} - -.comment-form input:focus, .comment-form textarea:focus { - background-color: #E3EBCF; - border-color: #73B722; -} - -#commentValidate, #commentValidateReply { - width: 80px; -} - -.comment-form button { - border-radius: 5px; - border: 1px solid #80B53B; - color: #355207; - cursor: pointer; - font-weight: bold; - height: 34px; - padding: 5px 10px; - width: 140px; -} - -.comment-body-ref { - background: url("../images/bg-transparent.png") repeat scroll 0 0 transparent; - padding: 12px 0; - position: absolute; - width: 537px; - border: 1px solid #999999; - border-radius: 5px; - z-index: 10; - left: 180px; -} - -/* others */ -#tagsPanel { - min-height: 1px;; -} - -#tagsPanel a { - display: block; - float: left; - border: 1px solid #D4D4D4; -} - -#tagsPanel a:hover { - border: 1px solid #BE0700; +/* + * skin andrea style + * + * @author Liyuan Li + * @version 1.0.0.9, May 15, 2012 +*/ +body { + background-image: url("../images/bg-grey.jpg"); + background-color: #000000; + color: #363636; + font-family: '\5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif'; + font-size: 12px; + margin: 0; + padding: 0; +} + +a, a:link, a:visited { + color: #BE0700; + text-decoration: underline; +} + +a:hover { + text-decoration: none; + color: rgba(190, 7, 0, 0.75); +} + +/* common */ +.error-msg { + color: #BE0700; +} + +.brush-icon, .article .month , .article .day, .pagination a, #greyBG, +#brownBG, #blueBG, #goTop, .side-tool ul ul li a, .comment-form button { + background-image: url('../images/icon.png'); +} + +/* frame */ +.wrapper { + width: 910px; + margin: 0 auto; + position: relative; +} + +.main { + float: left; + width: 627px; +} + +.side-navi { + float: left; + width: 282px; +} + +/* header */ +.header { + background: url('../images/bgs.png') no-repeat; + width: 910px; + height: 185px; + float: left; +} + +.header .left { + width: 566px; +} + +.header h1 { + margin: 18px 0 0 37px; +} + +.header .left a, .sub-title { + color: #FFFFFF; + font-family: 'Neucha','\5fae\8f6f\96c5\9ed1,Arial,Verdana,sans-serif'; + font-size: 46px; + text-decoration: none; +} + +.sub-title { + color: #000000; + font-size: 22px; + margin-left: 40px; + margin-top: 0; + display: block; +} + +.header > .left > div { + float: right; + color: #C0BEBD; +} + +.header .right { + width: 343px; +} + +.header .right ul { + list-style-type: none +} + +.header .right li { + float: left; + margin: 18px 30px 0 0; + width: 84px; +} + +.header .right li a { + color: #FFFFFF; + font-family: 'Reenie Beanie','sans-serif'; + font-size: 45px; + text-decoration: none; + font-weight: bold; +} + +.header .right li a:hover { + color: #DDDDDD; + font-family: 'Neucha','sans-serif'; +} + +/* main */ +.main-content { + padding: 0 45px; + background-color: #D4D4D4; +} + +.main-content > h2 { + color: #BE0700; + font-size: 20px; + line-height: 145%; + margin-bottom: 18px; + font-family: 'Neucha', '\5fae\8f6f\96c5\9ed1'; +} + +.main-footer { + background: url('../images/bgs.png') 0 -185px; + height: 14px; + width: 627px; +} + +.brush { + left: -52px; + position: absolute; + top: 283px; + width: 100px; +} + +#brush { + background: url("../images/paint.png") no-repeat fixed 98px -150px transparent; + position: relative; + top: -27px; + width: 82px; +} + +.brush-icon { + background-position: 0 -312px; + height: 240px; + position: relative; + width: 92px; + z-index: 1; +} + +.brush-icon:hover { + background-position: 0 -69px; +} + +/* common articles */ +.article a.underline:hover { + text-decoration: underline; + color: #BE0700; +} + +.article .date { + width: 40px; + float: left; +} + +.article .month { + color: #FFFFFF; + height: 20px; + text-align: center; + width: 36px; +} + +.article .day { + border: 1px solid #C4BFBA; + border-top: 0px; + background-position: 0px -20px; + font-size: 15px; + height: 23px; + padding-top: 4px; + text-align: center; + width: 34px; +} + +.article h2 { + margin-bottom: 3px; + width: 495px; + *line-height: 28px; +} + +.article h2 a { + color: #363636; + font-size: 24px; + line-height: 24px; + text-decoration: none; +} + +.article h2 a:hover { + color: #BE0700; + text-decoration: underline; +} + +.article h2 sup { + color: #BE0700; + font-size: 10px; + vertical-align: top; +} + +.article-abstract { + border-top: 2px dashed #F1EEE9; + margin-top: 15px; + padding: 20px 0 25px 0; + overflow: hidden; + line-height: 145%; +} + +.article-abstract p:first-child:first-letter, .article-abstract:first-letter { + font-size: 38px; + float: left; + font-weight: bold; + margin: 0 3px 3px 0; + line-height: 38px; +} + +.pagination { + line-height: 21px; +} + +.pagination a { + background-position: 0px -47px; + border: 1px solid #C5C3C2; + color: #8C8C8C; + padding: 1px 6px; + text-decoration: none; + margin: 2px; + font-size: 10px; +} + +.pagination a.selected { + background: none #FFFFFF; + border: 1px solid #C5C3C2; + color: #3E3E3E; + font-weight: bold; + padding: 1px 7px 2px 6px; +} + +.pagination a:hover { + background: none #F3DEDD; + color: #BE0700; + border: 1px solid #BE0700; +} + +/* side */ +.side-navi ul { + list-style: none; +} + +.side-navi .item { + border-radius: 0 5px 5px 0; + background: url("../images/bg-transparent.png") repeat scroll 0 0 transparent; + border: 1px solid #999999; + float: left; + margin-top: 23px; + padding: 25px 15px 15px; + width: 250px; + color: #EAE7E0; +} + +.side-navi .item dd { + margin-bottom: 25px; +} + +.side-navi .item dd li { + list-style-type: none; + border-bottom: 1px solid #93908A; + padding: 4px 0px 1px 6px; + margin-left: 0px; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + color: #EAE7E0; + position: relative; + line-height: 21px; +} + +.side-navi .item dd li:hover { + background: url("../images/bg-transparent.png") repeat scroll 0 0 transparent; + border-bottom: 1px solid #BAB8B5; +} + +.side-navi .item dd li:hover a { + color: #FFFFFF; +} + +.side-navi .item dd li a { + white-space: nowrap; + color: #EAE7E0; + text-decoration: none; +} + +.side-navi .item .navi-tags img { + cursor: pointer; + height: 16px; + left: 3px; + position: absolute; + top: 5px; + width: 16px; +} + +.side-navi .item dd .navi-tags a { + padding-left: 18px; +} + +#naviComments li a { + white-space: normal; +} +#naviComments li br { + display: none; +} +#naviComments li p { + display: inline; +} +#naviComments li a.author { + color: #BE0700; +} + +#naviComments li:hover { + background-image: none; +} + +#naviComments li a:hover { + text-decoration: underline; +} + +#naviComments img { + height: 16px; + width: 16px; +} + +.side-navi .item h4 { + border-bottom: 1px solid #93908A; + color: #EAE7E0; + padding: 0 5px 8px; + font-size: 16px; +} + +/* footer */ +.footer { + background-image: url("../images/footer.png"); + color: #EAE7E0; + height: 411px; + padding: 21px 0 0 95px; + width: 605px; + margin-top: 40px; + text-align: center; +} + +.footer a { + text-decoration: none; +} + +.footer a:hover { + text-decoration: underline; +} + +/* side tool */ +.side-tool { + position: fixed; + top: 30px; + left: 0px; +} + +.side-tool li { + margin-left: 0px; +} + +.side-tool ul { + list-style-type: none; +} + +#greyBG, #brownBG, #blueBG { + background-position: -103px 0; + display: block; + height: 21px; + margin: 3px 0; + width: 21px; + cursor: pointer; +} + +#brownBG { + background-position: -103px -26px; +} + +#blueBG { + background-position: -103px -52px; +} + +#greyBG:hover, #greyBG.selected { + background-position: -126px 0px; +} + +#brownBG:hover, #brownBG.selected { + background-position: -126px -26px; +} + +#blueBG:hover, #blueBG.selected { + background-position: -126px -52px; +} + +#goTop { + background-position: -105px -119px; + cursor: pointer; + height: 36px; + margin-top: 9px; + display: block; + width: 22px; +} + +#goTop:hover { + background-position: -105px -74px; +} + +.side-tool ul ul li a { + background-position: right -159px; + color: #EAE7E0; + display: block; + font-size: 14px; + font-weight: bold; + height: 86px; + margin: 9px 0; + overflow: hidden; + padding: 1px 8px 1px 9px; + text-align: center; + text-decoration: none; + width: 14px; + word-wrap: break-word; + text-transform:uppercase; +} + +/* article */ +.article-body { + border-top: 2px dashed #F1EEE9; + margin-top: 15px; + overflow: hidden; + padding: 20px 0 25px; + line-height: 145%; +} + +.article-body p:first-child:first-letter, .article-body:first-letter{ + font-size: 48px; + float: left; + font-weight: bold; + margin: 0 3px 3px 0; +} + +.article-relative { + margin: 15px 0; +} + +.article-relative h4 { + font-family: 'Neucha','\5fae\8f6f\96c5\9ed1',Arial,Verdana; + font-size: 16px; +} + +.article-relative ul { + list-style-type: none; +} + +#randomArticles, .relevantArticles { + width: 262px;overflow: hidden; +} + +/* comments */ +#comments { + position: relative; +} + +#comments, .comment-form { + padding-bottom: 30px; +} + +.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14 { + background-image: url("../../andrea/images/emotions/emotions-black.png"); + margin-right: 4px; +} + +.comment-form { + margin-right: 15px; + color: #606060; +} + +h2.comment-label { + border-bottom: 2px solid #3F3D36; + font-size: 24px; + margin-bottom: 15px; + margin-top: 30px; + padding-bottom: 7px; + color: #363636; +} + +.comment-body { + padding: 20px 0; +} + +.comment-author { + width: 100px; +} + +.comment-info { + margin-right: 12px; + word-wrap:break-word; + overflow: hidden; + width: 423px; +} + +.comment-info > a { + font-size: 14px; + font-weight: bold; +} + +.comment-content { + margin: 10px 0; +} + +.comment-odd { + background-color: #F1EEE9; +} + +.comment-author img { + width: 64px; + height: 64px; + border: 6px solid #F1EEE9; + margin-left: 12px; +} + +.comment-form img { + cursor: pointer; +} + +.comment-form input, .comment-form textarea{ + border-radius:5px; + background-color: #EBE9E5; + border: 1px solid #BABAAE; + font-family: \5fae\8f6f\96c5\9ed1; + font-size: 12px; + margin: 10px 0; + padding: 10px; + width: 400px; + outline:none; +} + +.comment-form input:focus, .comment-form textarea:focus { + background-color: #E3EBCF; + border-color: #73B722; +} + +#commentValidate, #commentValidateReply { + width: 80px; +} + +.comment-form button { + border-radius: 5px; + border: 1px solid #80B53B; + color: #355207; + cursor: pointer; + font-weight: bold; + height: 34px; + padding: 5px 10px; + width: 140px; +} + +.comment-body-ref { + background: url("../images/bg-transparent.png") repeat scroll 0 0 transparent; + padding: 12px 0; + position: absolute; + width: 537px; + border: 1px solid #999999; + border-radius: 5px; + z-index: 10; + left: 180px; +} + +/* others */ +#tagsPanel { + min-height: 1px; +} + +#tagsPanel a { + display: block; + float: left; + border: 1px solid #D4D4D4; +} + +#tagsPanel a:hover { + border: 1px solid #BE0700; } \ No newline at end of file diff --git a/andrea/css/andrea.min.css b/andrea/css/andrea.min.css new file mode 100644 index 0000000..5aab36a --- /dev/null +++ b/andrea/css/andrea.min.css @@ -0,0 +1,99 @@ +body{background-image:url("../images/bg-grey.jpg");background-color:#000000;color:#363636;font-family:'\5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif';font-size:12px;margin:0;padding:0;} +a,a:link,a:visited{color:#BE0700;text-decoration:underline;} +a:hover{text-decoration:none;color:rgba(190, 7, 0, 0.75);} +.error-msg{color:#BE0700;} +.brush-icon,.article .month,.article .day,.pagination a,#greyBG,#brownBG,#blueBG,#goTop,.side-tool ul ul li a,.comment-form button{background-image:url('../images/icon.png');} +.wrapper{width:910px;margin:0 auto;position:relative;} +.main{float:left;width:627px;} +.side-navi{float:left;width:282px;} +.header{background:url('../images/bgs.png') no-repeat;width:910px;height:185px;float:left;} +.header .left{width:566px;} +.header h1{margin:18px 0 0 37px;} +.header .left a,.sub-title{color:#FFFFFF;font-family:'Neucha','\5fae\8f6f\96c5\9ed1,Arial,Verdana,sans-serif';font-size:46px;text-decoration:none;} +.sub-title{color:#000000;font-size:22px;margin-left:40px;margin-top:0;display:block;} +.header>.left>div{float:right;color:#C0BEBD;} +.header .right{width:343px;} +.header .right ul{list-style-type:none;} +.header .right li{float:left;margin:18px 30px 0 0;width:84px;} +.header .right li a{color:#FFFFFF;font-family:'Reenie Beanie','sans-serif';font-size:45px;text-decoration:none;font-weight:bold;} +.header .right li a:hover{color:#DDDDDD;font-family:'Neucha','sans-serif';} +.main-content{padding:0 45px;background-color:#D4D4D4;} +.main-content>h2{color:#BE0700;font-size:20px;line-height:145%;margin-bottom:18px;font-family:'Neucha','\5fae\8f6f\96c5\9ed1';} +.main-footer{background:url('../images/bgs.png') 0 -185px;height:14px;width:627px;} +.brush{left:-52px;position:absolute;top:283px;width:100px;} +#brush{background:url("../images/paint.png") no-repeat fixed 98px -150px transparent;position:relative;top:-27px;width:82px;} +.brush-icon{background-position:0 -312px;height:240px;position:relative;width:92px;z-index:1;} +.brush-icon:hover{background-position:0 -69px;} +.article a.underline:hover{text-decoration:underline;color:#BE0700;} +.article .date{width:40px;float:left;} +.article .month{color:#FFFFFF;height:20px;text-align:center;width:36px;} +.article .day{border:1px solid #C4BFBA;border-top:0px;background-position:0px -20px;font-size:15px;height:23px;padding-top:4px;text-align:center;width:34px;} +.article h2{margin-bottom:3px;width:495px;*line-height:28px;} +.article h2 a{color:#363636;font-size:24px;line-height:24px;text-decoration:none;} +.article h2 a:hover{color:#BE0700;text-decoration:underline;} +.article h2 sup{color:#BE0700;font-size:10px;vertical-align:top;} +.article-abstract{border-top:2px dashed #F1EEE9;margin-top:15px;padding:20px 0 25px 0;overflow:hidden;line-height:145%;} +.article-abstract p:first-child:first-letter,.article-abstract:first-letter{font-size:38px;float:left;font-weight:bold;margin:0 3px 3px 0;line-height:38px;} +.pagination{line-height:21px;} +.pagination a{background-position:0px -47px;border:1px solid #C5C3C2;color:#8C8C8C;padding:1px 6px;text-decoration:none;margin:2px;font-size:10px;} +.pagination a.selected{background:none #FFFFFF;border:1px solid #C5C3C2;color:#3E3E3E;font-weight:bold;padding:1px 7px 2px 6px;} +.pagination a:hover{background:none #F3DEDD;color:#BE0700;border:1px solid #BE0700;} +.side-navi ul{list-style:none;} +.side-navi .item{border-radius:0 5px 5px 0;background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border:1px solid #999999;float:left;margin-top:23px;padding:25px 15px 15px;width:250px;color:#EAE7E0;} +.side-navi .item dd{margin-bottom:25px;} +.side-navi .item dd li{list-style-type:none;border-bottom:1px solid #93908A;padding:4px 0px 1px 6px;margin-left:0px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#EAE7E0;position:relative;line-height:21px;} +.side-navi .item dd li:hover{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border-bottom:1px solid #BAB8B5;} +.side-navi .item dd li:hover a{color:#FFFFFF;} +.side-navi .item dd li a{white-space:nowrap;color:#EAE7E0;text-decoration:none;} +.side-navi .item .navi-tags img{cursor:pointer;height:16px;left:3px;position:absolute;top:5px;width:16px;} +.side-navi .item dd .navi-tags a{padding-left:18px;} +#naviComments li a{white-space:normal;} +#naviComments li br{display:none;} +#naviComments li p{display:inline;} +#naviComments li a.author{color:#BE0700;} +#naviComments li:hover{background-image:none;} +#naviComments li a:hover{text-decoration:underline;} +#naviComments img{height:16px;width:16px;} +.side-navi .item h4{border-bottom:1px solid #93908A;color:#EAE7E0;padding:0 5px 8px;font-size:16px;} +.footer{background-image:url("../images/footer.png");color:#EAE7E0;height:411px;padding:21px 0 0 95px;width:605px;margin-top:40px;text-align:center;} +.footer a{text-decoration:none;} +.footer a:hover{text-decoration:underline;} +.side-tool{position:fixed;top:30px;left:0px;} +.side-tool li{margin-left:0px;} +.side-tool ul{list-style-type:none;} +#greyBG,#brownBG,#blueBG{background-position:-103px 0;display:block;height:21px;margin:3px 0;width:21px;cursor:pointer;} +#brownBG{background-position:-103px -26px;} +#blueBG{background-position:-103px -52px;} +#greyBG:hover,#greyBG.selected{background-position:-126px 0px;} +#brownBG:hover,#brownBG.selected{background-position:-126px -26px;} +#blueBG:hover,#blueBG.selected{background-position:-126px -52px;} +#goTop{background-position:-105px -119px;cursor:pointer;height:36px;margin-top:9px;display:block;width:22px;} +#goTop:hover{background-position:-105px -74px;} +.side-tool ul ul li a{background-position:right -159px;color:#EAE7E0;display:block;font-size:14px;font-weight:bold;height:86px;margin:9px 0;overflow:hidden;padding:1px 8px 1px 9px;text-align:center;text-decoration:none;width:14px;word-wrap:break-word;text-transform:uppercase;} +.article-body{border-top:2px dashed #F1EEE9;margin-top:15px;overflow:hidden;padding:20px 0 25px;line-height:145%;} +.article-body p:first-child:first-letter,.article-body:first-letter{font-size:48px;float:left;font-weight:bold;margin:0 3px 3px 0;} +.article-relative{margin:15px 0;} +.article-relative h4{font-family:'Neucha','\5fae\8f6f\96c5\9ed1',Arial,Verdana;font-size:16px;} +.article-relative ul{list-style-type:none;} +#randomArticles,.relevantArticles{width:262px;overflow:hidden;} +#comments{position:relative;} +#comments,.comment-form{padding-bottom:30px;} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../andrea/images/emotions/emotions-black.png");margin-right:4px;} +.comment-form{margin-right:15px;color:#606060;} +h2.comment-label{border-bottom:2px solid #3F3D36;font-size:24px;margin-bottom:15px;margin-top:30px;padding-bottom:7px;color:#363636;} +.comment-body{padding:20px 0;} +.comment-author{width:100px;} +.comment-info{margin-right:12px;word-wrap:break-word;overflow:hidden;width:423px;} +.comment-info>a{font-size:14px;font-weight:bold;} +.comment-content{margin:10px 0;} +.comment-odd{background-color:#F1EEE9;} +.comment-author img{width:64px;height:64px;border:6px solid #F1EEE9;margin-left:12px;} +.comment-form img{cursor:pointer;} +.comment-form input,.comment-form textarea{border-radius:5px;background-color:#EBE9E5;border:1px solid #BABAAE;font-family:\5fae\8f6f\96c5\9ed1;font-size:12px;margin:10px 0;padding:10px;width:400px;outline:none;} +.comment-form input:focus,.comment-form textarea:focus{background-color:#E3EBCF;border-color:#73B722;} +#commentValidate,#commentValidateReply{width:80px;} +.comment-form button{border-radius:5px;border:1px solid #80B53B;color:#355207;cursor:pointer;font-weight:bold;height:34px;padding:5px 10px;width:140px;} +.comment-body-ref{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;padding:12px 0;position:absolute;width:537px;border:1px solid #999999;border-radius:5px;z-index:10;left:180px;} +#tagsPanel{min-height:1px;} +#tagsPanel a{display:block;float:left;border:1px solid #D4D4D4;} +#tagsPanel a:hover{border:1px solid #BE0700;} diff --git a/classic/css/classic.min.css b/classic/css/classic.min.css new file mode 100644 index 0000000..2bc04e1 --- /dev/null +++ b/classic/css/classic.min.css @@ -0,0 +1,58 @@ +@charset "utf-8"; +a,a:link{color:#0000CC;} +a:active{color:red;} +a:visited{color:#551A8B;} +h5{font-size:12px;} +.content{margin:0 auto;max-width:1250px;padding:0 12px;} +.header{height:108px;} +.sub-title{font-size:14px;font-weight:normal;} +.side{border-left:2px solid #E5ECF9;padding-left:12px;width:280px;} +.main{margin-right:-294px;width:100%;} +.main>div{min-width:280px;padding-right:318px;} +#logoTitle{font-family:"Microsoft YaHei";font-size:32px;line-height:64px;text-decoration:none;} +#statistic span{font-size:11px;} +.article,.comments{padding-bottom:24px;} +.article-title{background-color:#E3E3FF;border-top:1px solid #3366CC;margin-left:91px;padding:3px 0 6px 12px;} +.article-title sup{font-size:12px;} +.article-date{background-color:#E3E3FF;border:1px solid #BBCCFF;float:left;margin:0 12px 12px 0;border-radius:5px;padding:7px 3px;width:70px;text-align:center;word-break:break-all;} +.article-abstract{word-wrap:break-word;} +.article-body{margin-left:12px;line-height:145%;} +.article-footer{margin-right:12px;} +.article-footer a,.article-details-footer a{text-decoration:none;} +.article-details-footer{margin:36px 12px 0 0;} +.article-relative{line-height:22px;margin-top:24px;} +.comments{position:relative;} +.comment-title{background-color:#E3E3FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;} +.comment-body-ref{background-color:#FFFFFF;border:1px solid #E3E3FF;filter:alpha(opacity=90);left:88px;opacity:0.9;position:absolute;top:27px;width:87%;z-index:10;} +.comment-body-ref .comment-title{border-top:0px;} +.comment-body{padding:9px 12px 12px;word-wrap:break-word;overflow:hidden;} +.comment-picture{margin-right:12px;} +.comment-picture img{height:60px;width:60px;} +.comment-reply{margin:0 auto 24px auto;} +.comment-content{float:left;width:88%;} +#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0, 0, 0, 0.3) inset;} +.error-msg{color:#3366CC;} +.error-footer{bottom:0px;position:fixed;width:82%;} +#sideNavi a.selected{color:#000000;text-decoration:none;} +.side-navi ul{list-style:none;} +#sideNavi li{line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} +#sideNavi li.aboutMe,#sideNavi li.side-navi-notice{white-space:normal;} +#sideNavi sup{margin-right:3px;color:green;} +.side-comment{text-decoration:none;} +#recentComments p{display:inline;} +#recentComments div,#recentComments br{display:none;} +.line{border-top:thin dotted #BBBBBB;margin-top:12px;padding-top:12px;} +.pagination{margin:16px;text-align:center;} +.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;text-decoration:none;} +.pagination a.selected{color:#000000;font-weight:bold;} +#tagsPanel .tagPanel{border:2px solid;cursor:pointer;float:left;margin:3px;border-radius:6px;} +#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed;} +#tagsPanel .tagPanel{text-decoration:none;} +.error-title{border-top:1px solid #3366CC;background-color:#E5ECF9;margin-left:12px;padding:6px 12px;} +.error-panel{margin-left:12px;padding:24px;} +.commentIcon,.browserIcon{background-image:url("../../../images/icon.png");cursor:pointer;height:16px;margin-right:3px;width:16px;} +.commentIcon{background-position:-32px -16px;} +.browserIcon{background-position:-128px -16px;} +.goTopIcon{background-position:-128px -32px;} +.goBottomIcon{background-position:-144px -32px;} +.footer{text-align:center;margin:30px 0 30px 0;} diff --git a/community/css/community.css b/community/css/community.css index 3b81696..4da0c91 100644 --- a/community/css/community.css +++ b/community/css/community.css @@ -1,701 +1,701 @@ -@charset "utf-8"; -/* - * skin community style - * - * @author Liyuan Li - * @version 1.0.0.7, May 15, 2012 -*/ -body { - background-color: #EFEFEF; - color: #555555; - min-width: 960px; -} - -a, a:link { - color:#000000; - text-decoration: none; -} - -a:active, a:visited { - color: #000000; - text-decoration: none; -} - -a:hover { - text-decoration: underline; -} - -.content { - width: 940px; - margin: 0 auto; -} - -.content>h2 { - margin: -20px 0 20px 0; -} - -.hr { - background: url("../images/indentline-light.png") repeat-x scroll left top transparent; - margin: 20px 0 40px; - clear: both; - height: 2px; -} - -.arrow-right { - background: url("../images/icon.png") 0px -64px no-repeat; - float: left; - height: 38px; - width: 14px; -} - -input[type='button'] { - border-radius:5px; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29); - background-color: #000000; - background-image: linear-gradient(top,#333333,#000000); - background-image: -moz-linear-gradient(top,#333333,#000000); - background-image: -ms-linear-gradient(top,#333333,#000000); - background-image: -o-linear-gradient(top,#333333,#000000); - background-image: -webkit-gradient(linear,left top,left bottom,from(#333333),to(#000000)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000'); - border: 1px solid #000000; - color: white; - margin: 15px 0 0 200px; - padding: 7px 13px; - height: auto; -} - -input[type='button']:hover { - background-color: #333333; - background-image: linear-gradient(top,#333333,#212121); - background-image: -moz-linear-gradient(top,#333333,#212121); - background-image: -ms-linear-gradient(top,#333333,#212121); - background-image: -o-linear-gradient(top,#333333,#212121); - background-image: -webkit-gradient(linear,left top,left bottom,from(#333333),to(#212121)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#212121'); -} - -.marginBottom40 { - margin-bottom: 40px; -} - -/* header */ -.header-user { - background-color: #DEDEDE; - padding-top: 1px; -} - -.header-navi { - background: url("../images/icon.png") 0px -130px repeat-x #333333; - margin-bottom: 50px; -} - -a.header-title { - color: #FFFFFF; - text-decoration: none; - line-height: 49px; - font: bold 35px/53px 微软雅黑,Arial,Helvetica; -} - -.sub-title { - color: #9BC4CE; - margin-left: 10px; -} - -.header-navi-main .tabs { - list-style: none; - height: 57px; -} - -.header-navi-main .tab { - float: left; - font-size: 16px; - margin-left: 1px; - height: 57px; -} - -.header-navi-main .tab:hover { - background: url("../images/icon.png") repeat-x scroll 0 -130px #9BC4CE; -} - -#header-pages { - position: relative; -} - -.header-navi-main .tab a { - color: #FFFFFF; - display: block; - font-weight: bold; - line-height: 22px; - padding: 19px 16px 16px; - text-decoration: none; -} - -#header-pages:hover .sub-tabs { - left: 0px; - list-style: none; - position: absolute; - top: 57px; - display: block; -} - -.header-navi-main .sub-tab { - background-color: #9BC4CE; - border-bottom: 1px solid #76A0AA; - border-top: 1px solid #B4D9E2; - margin-left: 0px; -} - -.header-navi-main .sub-tab a { - min-width: 98px; - padding: 0 16px; - line-height: 42px; - font-size: 14px; -} - -.header-navi-main .sub-tab:hover { - background-color: #76A0AA; -} - -/* article list */ -.article-header { - color: #9F9F9F; - float: left; - font-size: 12px; - padding-top: 15px; - width: 180px; -} - -.article-header ul { - background-color: #333333; - list-style: none; - width: 160px; -} - -.article-header ul li { - background: url("../images/indentline.png") repeat-x scroll left bottom transparent; - font-weight: bold; - padding: 7px 15px 8px; - margin-left: 0px; -} - -.article-header ul li a { - color: #FFFFFF; - display: block; -} - -.article-main { - background-color: #FFFFFF; - border-bottom: 1px solid #E3E3E3; - border-right: 1px solid #E3E3E3; - margin-right:20px; - padding: 20px 20px 0; - width: 499px; - float: left; - overflow: hidden; -} - -.article-body { - line-height: 145%; -} - -.article-body a { - color: #075181; -} - -.article-body a:hover { - color: #68ADD5; -} - -.article-main h2.title { - font: bold 30px Arial,Helvetica,sans-serif; - margin: 0 0 20px; -} - -.article-main h2.title sup { - font-size: 12px; -} - -.read-more a { - background-color:#F2F2F2; - color: #333333; - font-size: 12px; - padding: 8px 18px 8px 12px; - margin: 20px 0; - float: left; -} - -.article-footer { - width: 200px; - float: left; -} - -.article-footer h3 { - background: url("../images/indentline-light.png") repeat-x scroll left bottom transparent; - font-size: 17px; - padding: 25px 0 10px; -} - -.article-footer ul { - list-style: none; -} - -.article-footer li { - margin-left: 0px; - border-bottom: 1px solid #E0E0E0; - padding: 8px 5px; -} - -.article-footer a { - color: #888888; - margin-bottom: 2px; - display: block; -} - -.pagination { - background-color: #FFFFFF; - border-right: 1px solid #E3E3E3; - border-bottom: 1px solid #E3E3E3; - margin: 0 0 20px 181px; - text-align: center; - padding: 12px 20px; - width: 499px; -} - -.pagination a { - color: #555555; - padding: 0 3px; - text-decoration: none; -} -.pagination a.selected { - font-weight: bold; -} - -.pagination a:hover, .pagination a.selected { - text-decoration: underline; -} - -/* article detail */ -.article-detail-body { - width: 716px; - margin-right: 0px; -} - -.article-detail-body .tags, #replyForm { - margin: 20px 0; -} - -.article-detail-footer { - background-color: #FFFFFF; - border-bottom: 1px solid #E3E3E3; - border-right: 1px solid #E3E3E3; - margin: 40px 0 40px 181px; - padding:20px; - width: 716px; -} - -.article-detail-footer>a{ - font-weight: bold; -} - -.article-relative { - margin-top: 20px; - width: 360px; -} - -.article-relative h4 { - font-size: 14px; - line-height: 25px; -} - -.article-relative a { - color: #555555; - line-height: 145%; -} - -#comments { - background: url("../images/indentline-light.png") repeat-x scroll left top transparent; - padding-top: 30px; - position: relative; -} -#comments>div{ - margin-top: 10px; -} - -#comments>div>img { - height: 80px; - width: 80px; - margin: 1px 10px 10px 0; -} - -#comments .comment-panel { - background: none repeat scroll 0 0 #FFFFFF; - border-bottom: 1px solid #E3E3E3; - border-right: 1px solid #E3E3E3; - padding: 20px; - width: 798px; - margin-bottom: 10px; - word-wrap:break-word; - overflow: hidden; -} - -#comments .comment-top { - margin-bottom: 10px; -} - -#comments .comment-panel .reply { - margin-top: 20px; -} - -#comments .comment-panel .reply a { - border-radius:5px; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29); - background-color: #EEEEEE; - border: 1px solid #888888; - color: #555555; - padding: 2px 10px; -} - -#comments .comment-panel .reply a:hover { - background-color: #E6E6E6; - text-decoration: none; -} - -.comment-body-ref { - position: absolute; - border: 1px solid #E3E3E3; - background-color: #FFFFFF; - padding: 10px 0 0 10px; - left: 177px; - opacity: 0.9; -} - -#comments .comment-body-ref .comment-panel{ - border-width: 0px; - margin-bottom: 0; - width: 620px; - padding: 10px; -} - -.comment-title { - color: #333333; - font-size: 30px; - margin: 20px 0 15px 0; - font-family: \5fae\8f6f\96c5\9ed1; -} - -.comment { - margin-bottom: 40px; -} - -.comment th { - padding: 10px 0px 10px 0; - text-align: left; -} - -.comment input[type="text"], .comment textarea { - outline: none; - color: #666666; - padding: 10px 7px; - background-color: #FFFFFF; - font-family: Arial,Helvetica,sans-serif; - width: 723px; - border: 1px solid #DDDDDD; - font-size: 12px; - height: 16px; - line-height: 16px; -} - -.comment textarea { - margin: 10px 0; - padding: 7px; - height: auto; -} - -.comment #captchaReply { - margin-left: 10px; -} - -#commentValidate, #commentValidateReply { - width: 240px; -} - -.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14 { - background-image: url("../../community/images/emotions/emotions-black.png"); - margin: 0 12px; -} -/* footer secondary */ -.footer-secondary { - background: url("../images/indentline-light.png") repeat-x scroll left top #DEDEDE; - padding: 40px 0; -} - -.footer-secondary h4, .article-date, .comment th span.comment-label { - background-color: #333333; - color: #FFFFFF; - float: left; - font-size: 17px; - font-weight: bold; - height: 37px; - line-height: 37px; - padding-left: 15px; - width: 145px; -} - -.most-view-count-articles, .recent-comments, .notice { - float: left; - width: 700px; - margin-left: 65px; - word-break:break-all; - word-wrap:break-word; -} - -.most-view-count-articles a { - font: 18px 微软雅黑; - margin-right: 20px; - font-weight: bold; -} - -.most-view-count-articles sup { - font-size: 12px; - color: #555555; - font-weight: normal; - margin-right: 3px; -} - -.recent-comments div { - float: left; - margin: 0 25px 10px 0px; - text-align: center; - width: 91px; -} - -.recent-comments div a { - display: block; - line-height: 22px; -} - -.recent-comments img, #comments>div>img { - background-color: #FFFFFF; - border-bottom: 1px solid #C2C2C2; - border-right: 1px solid #C2C2C2; - padding: 8px 7px 7px 8px; - width: 75px; - height: 75px; -} - -.recent-comments img:hover, #comments>div>img:hover { - border-color: #5A5A5A; -} - -/* footer widgets */ -.footer-widgets { - background: url("../images/indentline-light.png") repeat-x scroll left top transparent; - padding: 40px 0; -} - -.footer-block { - margin-right: 20px; - width: 220px; -} - -.footer-block h4{ - font: bold 18px 微软雅黑; - color: #000000; - height: 25px; - padding: 0 0 15px; - background: url("../images/indentline.png") repeat-x scroll left bottom transparent; -} - -.footer-block ul { - list-style: none; -} - -.footer-block li { - margin-left: 0px; - height: 30px; - padding-left: 10px; - background: url("../images/indentline-light.png") repeat-x scroll left bottom transparent; -} - -.footer-block li.mostUsedTags a{ - padding-left: 20px; -} - -.footer-block li img{ - cursor: pointer; - height: 16px; - left: 0px; - position: relative; - top: -20px; - width: 16px; -} - -.footer-block li a { - color: #555555; - display: block; - height: 19px; - line-height: 19px; - overflow: hidden; - padding: 6px 0 1px 0px; -} - -.footer-block li sup { - float: left; - margin: 5px 3px 0 0; -} - -.footer-block li:hover { - background: url("../images/icon.png") repeat-x 0px -34px; -} - -/* footer copyright */ -.footer { - background: url("../images/indentline-light.png") repeat-x scroll left top #DEDEDE; - text-align: left; -} - -.footer .content { - line-height: 22px; -} - -.footer a { - color: #000000; -} - -.footer .goTop { - background: url("../images/icon.png") no-repeat -12px -64px; - cursor: pointer; - padding-left: 15px; - height: 17px; - line-height: 17px; -} - -/* error */ -.error-msg { - color: #333333; - font-weight: bold; -} - -.error-footer { - bottom: 0; - position: fixed; - width: 100%; -} - -.error-panel { - background-color: #FFFFFF; - border-bottom: 1px solid #E3E3E3; - border-right: 1px solid #E3E3E3; - margin-bottom: 50px; - padding: 20px; -} - -.error-panel h2 { - font: bold 30px/24px; - margin: 0 0 20px; -} - -/* icon */ -.read-more-icon, .arrow-dowm-icon, .tag-icon, .atom-icon, .up-icon, .down-icon { - background-image: url("../images/icon.png"); - background-repeat: no-repeat; - float: left; -} -.read-more-icon { - background-position: 0 -22px; - height: 12px; - margin: 2px 0 0 6px; - width: 12px; -} - -.arrow-dowm-icon { - background-position: -13px -22px; - height: 13px; - margin: 8px 0 0 6px; - width: 13px; - cursor: pointer; -} - -.tag-icon { - background-position: 0px -102px; - margin-right: 6px; - height: 16px; - width: 16px; -} - -.atom-icon { - height: 22px; - margin-left: 6px; - width: 22px; -} - -.up-icon { - background-position: -11px -118px; - height: 12px; - margin: 6px 0 0 10px; - width: 11px; - cursor: pointer; -} - -.down-icon { - background-position: 0 -118px; - height: 12px; - margin: 6px 0 0 10px; - width: 11px; - cursor: pointer; -} - -.star-current-icon, .star-icon, .moon-icon, .moon-current-icon { - height: 58px; - width: 64px; - background-image: url("../images/author-header.png"); - float: right; - white-space:normal; - text-align: center; - word-break:break-all; - padding-top: 6px; - word-wrap:break-word; - font-weight: bold; -} - -.star-current-icon { - background-position: 0px -64px; -} - -a.star-current-icon { - color: #333333; -} - -.star-icon { - background-position: 0 -192px; -} - -a.star-icon { - color: orange; -} - -.moon-icon { - float: right; - margin-top: 4px; -} - -.moon-current-icon { - float: right; - background-position: 0 -128px; - margin: 1px 0 3px 0; -} - -#tagsPanel a.tagPanel:hover { - border: 1px dashed; -} - -#tagsPanel a.tagPanel { - border: 1px solid; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - margin: 3px; - cursor: pointer; - float: left; +@charset "utf-8"; +/* + * skin community style + * + * @author Liyuan Li + * @version 1.0.0.7, May 15, 2012 +*/ +body { + background-color: #EFEFEF; + color: #555555; + min-width: 960px; +} + +a, a:link { + color:#000000; + text-decoration: none; +} + +a:active, a:visited { + color: #000000; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.content { + width: 940px; + margin: 0 auto; +} + +.content>h2 { + margin: -20px 0 20px 0; +} + +.hr { + background: url("../images/indentline-light.png") repeat-x scroll left top transparent; + margin: 20px 0 40px; + clear: both; + height: 2px; +} + +.arrow-right { + background: url("../images/icon.png") 0px -64px no-repeat; + float: left; + height: 38px; + width: 14px; +} + +input[type='button'] { + border-radius:5px; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29); + background-color: #000000; + background-image: linear-gradient(top,#333333,#000000); + background-image: -moz-linear-gradient(top,#333333,#000000); + background-image: -ms-linear-gradient(top,#333333,#000000); + background-image: -o-linear-gradient(top,#333333,#000000); + background-image: -webkit-gradient(linear,left top,left bottom,from(#333333),to(#000000)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000'); + border: 1px solid #000000; + color: white; + margin: 15px 0 0 200px; + padding: 7px 13px; + height: auto; +} + +input[type='button']:hover { + background-color: #333333; + background-image: linear-gradient(top,#333333,#212121); + background-image: -moz-linear-gradient(top,#333333,#212121); + background-image: -ms-linear-gradient(top,#333333,#212121); + background-image: -o-linear-gradient(top,#333333,#212121); + background-image: -webkit-gradient(linear,left top,left bottom,from(#333333),to(#212121)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#212121'); +} + +.marginBottom40 { + margin-bottom: 40px; +} + +/* header */ +.header-user { + background-color: #DEDEDE; + padding-top: 1px; +} + +.header-navi { + background: url("../images/icon.png") 0px -130px repeat-x #333333; + margin-bottom: 50px; +} + +a.header-title { + color: #FFFFFF; + text-decoration: none; + line-height: 49px; + font: bold 35px/53px '微软雅黑,Arial,Helvetica'; +} + +.sub-title { + color: #9BC4CE; + margin-left: 10px; +} + +.header-navi-main .tabs { + list-style: none; + height: 57px; +} + +.header-navi-main .tab { + float: left; + font-size: 16px; + margin-left: 1px; + height: 57px; +} + +.header-navi-main .tab:hover { + background: url("../images/icon.png") repeat-x scroll 0 -130px #9BC4CE; +} + +#header-pages { + position: relative; +} + +.header-navi-main .tab a { + color: #FFFFFF; + display: block; + font-weight: bold; + line-height: 22px; + padding: 19px 16px 16px; + text-decoration: none; +} + +#header-pages:hover .sub-tabs { + left: 0px; + list-style: none; + position: absolute; + top: 57px; + display: block; +} + +.header-navi-main .sub-tab { + background-color: #9BC4CE; + border-bottom: 1px solid #76A0AA; + border-top: 1px solid #B4D9E2; + margin-left: 0px; +} + +.header-navi-main .sub-tab a { + min-width: 98px; + padding: 0 16px; + line-height: 42px; + font-size: 14px; +} + +.header-navi-main .sub-tab:hover { + background-color: #76A0AA; +} + +/* article list */ +.article-header { + color: #9F9F9F; + float: left; + font-size: 12px; + padding-top: 15px; + width: 180px; +} + +.article-header ul { + background-color: #333333; + list-style: none; + width: 160px; +} + +.article-header ul li { + background: url("../images/indentline.png") repeat-x scroll left bottom transparent; + font-weight: bold; + padding: 7px 15px 8px; + margin-left: 0px; +} + +.article-header ul li a { + color: #FFFFFF; + display: block; +} + +.article-main { + background-color: #FFFFFF; + border-bottom: 1px solid #E3E3E3; + border-right: 1px solid #E3E3E3; + margin-right:20px; + padding: 20px 20px 0; + width: 499px; + float: left; + overflow: hidden; +} + +.article-body { + line-height: 145%; +} + +.article-body a { + color: #075181; +} + +.article-body a:hover { + color: #68ADD5; +} + +.article-main h2.title { + font: bold 30px Arial,Helvetica,sans-serif; + margin: 0 0 20px; +} + +.article-main h2.title sup { + font-size: 12px; +} + +.read-more a { + background-color:#F2F2F2; + color: #333333; + font-size: 12px; + padding: 8px 18px 8px 12px; + margin: 20px 0; + float: left; +} + +.article-footer { + width: 200px; + float: left; +} + +.article-footer h3 { + background: url("../images/indentline-light.png") repeat-x scroll left bottom transparent; + font-size: 17px; + padding: 25px 0 10px; +} + +.article-footer ul { + list-style: none; +} + +.article-footer li { + margin-left: 0px; + border-bottom: 1px solid #E0E0E0; + padding: 8px 5px; +} + +.article-footer a { + color: #888888; + margin-bottom: 2px; + display: block; +} + +.pagination { + background-color: #FFFFFF; + border-right: 1px solid #E3E3E3; + border-bottom: 1px solid #E3E3E3; + margin: 0 0 20px 181px; + text-align: center; + padding: 12px 20px; + width: 499px; +} + +.pagination a { + color: #555555; + padding: 0 3px; + text-decoration: none; +} +.pagination a.selected { + font-weight: bold; +} + +.pagination a:hover, .pagination a.selected { + text-decoration: underline; +} + +/* article detail */ +.article-detail-body { + width: 716px; + margin-right: 0px; +} + +.article-detail-body .tags, #replyForm { + margin: 20px 0; +} + +.article-detail-footer { + background-color: #FFFFFF; + border-bottom: 1px solid #E3E3E3; + border-right: 1px solid #E3E3E3; + margin: 40px 0 40px 181px; + padding:20px; + width: 716px; +} + +.article-detail-footer>a{ + font-weight: bold; +} + +.article-relative { + margin-top: 20px; + width: 360px; +} + +.article-relative h4 { + font-size: 14px; + line-height: 25px; +} + +.article-relative a { + color: #555555; + line-height: 145%; +} + +#comments { + background: url("../images/indentline-light.png") repeat-x scroll left top transparent; + padding-top: 30px; + position: relative; +} +#comments>div{ + margin-top: 10px; +} + +#comments>div>img { + height: 80px; + width: 80px; + margin: 1px 10px 10px 0; +} + +#comments .comment-panel { + background: none repeat scroll 0 0 #FFFFFF; + border-bottom: 1px solid #E3E3E3; + border-right: 1px solid #E3E3E3; + padding: 20px; + width: 798px; + margin-bottom: 10px; + word-wrap:break-word; + overflow: hidden; +} + +#comments .comment-top { + margin-bottom: 10px; +} + +#comments .comment-panel .reply { + margin-top: 20px; +} + +#comments .comment-panel .reply a { + border-radius:5px; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29); + background-color: #EEEEEE; + border: 1px solid #888888; + color: #555555; + padding: 2px 10px; +} + +#comments .comment-panel .reply a:hover { + background-color: #E6E6E6; + text-decoration: none; +} + +.comment-body-ref { + position: absolute; + border: 1px solid #E3E3E3; + background-color: #FFFFFF; + padding: 10px 0 0 10px; + left: 177px; + opacity: 0.9; +} + +#comments .comment-body-ref .comment-panel{ + border-width: 0px; + margin-bottom: 0; + width: 620px; + padding: 10px; +} + +.comment-title { + color: #333333; + font-size: 30px; + margin: 20px 0 15px 0; + font-family: \5fae\8f6f\96c5\9ed1; +} + +.comment { + margin-bottom: 40px; +} + +.comment th { + padding: 10px 0px 10px 0; + text-align: left; +} + +.comment input[type="text"], .comment textarea { + outline: none; + color: #666666; + padding: 10px 7px; + background-color: #FFFFFF; + font-family: Arial,Helvetica,sans-serif; + width: 723px; + border: 1px solid #DDDDDD; + font-size: 12px; + height: 16px; + line-height: 16px; +} + +.comment textarea { + margin: 10px 0; + padding: 7px; + height: auto; +} + +.comment #captchaReply { + margin-left: 10px; +} + +#commentValidate, #commentValidateReply { + width: 240px; +} + +.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14 { + background-image: url("../../community/images/emotions/emotions-black.png"); + margin: 0 12px; +} +/* footer secondary */ +.footer-secondary { + background: url("../images/indentline-light.png") repeat-x scroll left top #DEDEDE; + padding: 40px 0; +} + +.footer-secondary h4, .article-date, .comment th span.comment-label { + background-color: #333333; + color: #FFFFFF; + float: left; + font-size: 17px; + font-weight: bold; + height: 37px; + line-height: 37px; + padding-left: 15px; + width: 145px; +} + +.most-view-count-articles, .recent-comments, .notice { + float: left; + width: 700px; + margin-left: 65px; + word-break:break-all; + word-wrap:break-word; +} + +.most-view-count-articles a { + font: 18px 微软雅黑; + margin-right: 20px; + font-weight: bold; +} + +.most-view-count-articles sup { + font-size: 12px; + color: #555555; + font-weight: normal; + margin-right: 3px; +} + +.recent-comments div { + float: left; + margin: 0 25px 10px 0px; + text-align: center; + width: 91px; +} + +.recent-comments div a { + display: block; + line-height: 22px; +} + +.recent-comments img, #comments>div>img { + background-color: #FFFFFF; + border-bottom: 1px solid #C2C2C2; + border-right: 1px solid #C2C2C2; + padding: 8px 7px 7px 8px; + width: 75px; + height: 75px; +} + +.recent-comments img:hover, #comments>div>img:hover { + border-color: #5A5A5A; +} + +/* footer widgets */ +.footer-widgets { + background: url("../images/indentline-light.png") repeat-x scroll left top transparent; + padding: 40px 0; +} + +.footer-block { + margin-right: 20px; + width: 220px; +} + +.footer-block h4{ + font: bold 18px 微软雅黑; + color: #000000; + height: 25px; + padding: 0 0 15px; + background: url("../images/indentline.png") repeat-x scroll left bottom transparent; +} + +.footer-block ul { + list-style: none; +} + +.footer-block li { + margin-left: 0px; + height: 30px; + padding-left: 10px; + background: url("../images/indentline-light.png") repeat-x scroll left bottom transparent; +} + +.footer-block li.mostUsedTags a{ + padding-left: 20px; +} + +.footer-block li img{ + cursor: pointer; + height: 16px; + left: 0px; + position: relative; + top: -20px; + width: 16px; +} + +.footer-block li a { + color: #555555; + display: block; + height: 19px; + line-height: 19px; + overflow: hidden; + padding: 6px 0 1px 0px; +} + +.footer-block li sup { + float: left; + margin: 5px 3px 0 0; +} + +.footer-block li:hover { + background: url("../images/icon.png") repeat-x 0px -34px; +} + +/* footer copyright */ +.footer { + background: url("../images/indentline-light.png") repeat-x scroll left top #DEDEDE; + text-align: left; +} + +.footer .content { + line-height: 22px; +} + +.footer a { + color: #000000; +} + +.footer .goTop { + background: url("../images/icon.png") no-repeat -12px -64px; + cursor: pointer; + padding-left: 15px; + height: 17px; + line-height: 17px; +} + +/* error */ +.error-msg { + color: #333333; + font-weight: bold; +} + +.error-footer { + bottom: 0; + position: fixed; + width: 100%; +} + +.error-panel { + background-color: #FFFFFF; + border-bottom: 1px solid #E3E3E3; + border-right: 1px solid #E3E3E3; + margin-bottom: 50px; + padding: 20px; +} + +.error-panel h2 { + font: bold 30px/24px; + margin: 0 0 20px; +} + +/* icon */ +.read-more-icon, .arrow-dowm-icon, .tag-icon, .atom-icon, .up-icon, .down-icon { + background-image: url("../images/icon.png"); + background-repeat: no-repeat; + float: left; +} +.read-more-icon { + background-position: 0 -22px; + height: 12px; + margin: 2px 0 0 6px; + width: 12px; +} + +.arrow-dowm-icon { + background-position: -13px -22px; + height: 13px; + margin: 8px 0 0 6px; + width: 13px; + cursor: pointer; +} + +.tag-icon { + background-position: 0px -102px; + margin-right: 6px; + height: 16px; + width: 16px; +} + +.atom-icon { + height: 22px; + margin-left: 6px; + width: 22px; +} + +.up-icon { + background-position: -11px -118px; + height: 12px; + margin: 6px 0 0 10px; + width: 11px; + cursor: pointer; +} + +.down-icon { + background-position: 0 -118px; + height: 12px; + margin: 6px 0 0 10px; + width: 11px; + cursor: pointer; +} + +.star-current-icon, .star-icon, .moon-icon, .moon-current-icon { + height: 58px; + width: 64px; + background-image: url("../images/author-header.png"); + float: right; + white-space:normal; + text-align: center; + word-break:break-all; + padding-top: 6px; + word-wrap:break-word; + font-weight: bold; +} + +.star-current-icon { + background-position: 0px -64px; +} + +a.star-current-icon { + color: #333333; +} + +.star-icon { + background-position: 0 -192px; +} + +a.star-icon { + color: orange; +} + +.moon-icon { + float: right; + margin-top: 4px; +} + +.moon-current-icon { + float: right; + background-position: 0 -128px; + margin: 1px 0 3px 0; +} + +#tagsPanel a.tagPanel:hover { + border: 1px dashed; +} + +#tagsPanel a.tagPanel { + border: 1px solid; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + margin: 3px; + cursor: pointer; + float: left; } \ No newline at end of file diff --git a/community/css/community.min.css b/community/css/community.min.css new file mode 100644 index 0000000..0df4a13 --- /dev/null +++ b/community/css/community.min.css @@ -0,0 +1,113 @@ +@charset "utf-8"; +body{background-color:#EFEFEF;color:#555555;min-width:960px;} +a,a:link{color:#000000;text-decoration:none;} +a:active,a:visited{color:#000000;text-decoration:none;} +a:hover{text-decoration:underline;} +.content{width:940px;margin:0 auto;} +.content>h2{margin:-20px 0 20px 0;} +.hr{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;margin:20px 0 40px;clear:both;height:2px;} +.arrow-right{background:url("../images/icon.png") 0px -64px no-repeat;float:left;height:38px;width:14px;} +input[type='button']{border-radius:5px;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset,0 0 2px rgba(255, 255, 255, 0.3) inset,0 1px 2px rgba(0, 0, 0, 0.29);background-color:#000000;background-image:linear-gradient(top, #333333, #000000);background-image:-moz-linear-gradient(top, #333333, #000000);background-image:-ms-linear-gradient(top, #333333, #000000);background-image:-o-linear-gradient(top, #333333, #000000);background-image:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));filter:progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#000000');border:1px solid #000000;color:white;margin:15px 0 0 200px;padding:7px 13px;height:auto;} +input[type='button']:hover{background-color:#333333;background-image:linear-gradient(top, #333333, #212121);background-image:-moz-linear-gradient(top, #333333, #212121);background-image:-ms-linear-gradient(top, #333333, #212121);background-image:-o-linear-gradient(top, #333333, #212121);background-image:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#212121));filter:progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#212121');} +.marginBottom40{margin-bottom:40px;} +.header-user{background-color:#DEDEDE;padding-top:1px;} +.header-navi{background:url("../images/icon.png") 0px -130px repeat-x #333333;margin-bottom:50px;} +a.header-title{color:#FFFFFF;text-decoration:none;line-height:49px;font:bold 35px/53px '微软雅黑,Arial,Helvetica';} +.sub-title{color:#9BC4CE;margin-left:10px;} +.header-navi-main .tabs{list-style:none;height:57px;} +.header-navi-main .tab{float:left;font-size:16px;margin-left:1px;height:57px;} +.header-navi-main .tab:hover{background:url("../images/icon.png") repeat-x scroll 0 -130px #9bc4ce;} +#header-pages{position:relative;} +.header-navi-main .tab a{color:#FFFFFF;display:block;font-weight:bold;line-height:22px;padding:19px 16px 16px;text-decoration:none;} +#header-pages:hover .sub-tabs{left:0px;list-style:none;position:absolute;top:57px;display:block;} +.header-navi-main .sub-tab{background-color:#9BC4CE;border-bottom:1px solid #76A0AA;border-top:1px solid #B4D9E2;margin-left:0px;} +.header-navi-main .sub-tab a{min-width:98px;padding:0 16px;line-height:42px;font-size:14px;} +.header-navi-main .sub-tab:hover{background-color:#76A0AA;} +.article-header{color:#9F9F9F;float:left;font-size:12px;padding-top:15px;width:180px;} +.article-header ul{background-color:#333333;list-style:none;width:160px;} +.article-header ul li{background:url("../images/indentline.png") repeat-x scroll left bottom transparent;font-weight:bold;padding:7px 15px 8px;margin-left:0px;} +.article-header ul li a{color:#FFFFFF;display:block;} +.article-main{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin-right:20px;padding:20px 20px 0;width:499px;float:left;overflow:hidden;} +.article-body{line-height:145%;} +.article-body a{color:#075181;} +.article-body a:hover{color:#68ADD5;} +.article-main h2.title{font:bold 30px Arial,Helvetica,sans-serif;margin:0 0 20px;} +.article-main h2.title sup{font-size:12px;} +.read-more a{background-color:#F2F2F2;color:#333333;font-size:12px;padding:8px 18px 8px 12px;margin:20px 0;float:left;} +.article-footer{width:200px;float:left;} +.article-footer h3{background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;font-size:17px;padding:25px 0 10px;} +.article-footer ul{list-style:none;} +.article-footer li{margin-left:0px;border-bottom:1px solid #E0E0E0;padding:8px 5px;} +.article-footer a{color:#888888;margin-bottom:2px;display:block;} +.pagination{background-color:#FFFFFF;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;margin:0 0 20px 181px;text-align:center;padding:12px 20px;width:499px;} +.pagination a{color:#555555;padding:0 3px;text-decoration:none;} +.pagination a.selected{font-weight:bold;} +.pagination a:hover,.pagination a.selected{text-decoration:underline;} +.article-detail-body{width:716px;margin-right:0px;} +.article-detail-body .tags,#replyForm{margin:20px 0;} +.article-detail-footer{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin:40px 0 40px 181px;padding:20px;width:716px;} +.article-detail-footer>a{font-weight:bold;} +.article-relative{margin-top:20px;width:360px;} +.article-relative h4{font-size:14px;line-height:25px;} +.article-relative a{color:#555555;line-height:145%;} +#comments{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding-top:30px;position:relative;} +#comments>div{margin-top:10px;} +#comments>div>img{height:80px;width:80px;margin:1px 10px 10px 0;} +#comments .comment-panel{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;padding:20px;width:798px;margin-bottom:10px;word-wrap:break-word;overflow:hidden;} +#comments .comment-top{margin-bottom:10px;} +#comments .comment-panel .reply{margin-top:20px;} +#comments .comment-panel .reply a{border-radius:5px;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset,0 0 2px rgba(255, 255, 255, 0.3) inset,0 1px 2px rgba(0, 0, 0, 0.29);background-color:#EEEEEE;border:1px solid #888888;color:#555555;padding:2px 10px;} +#comments .comment-panel .reply a:hover{background-color:#E6E6E6;text-decoration:none;} +.comment-body-ref{position:absolute;border:1px solid #E3E3E3;background-color:#FFFFFF;padding:10px 0 0 10px;left:177px;opacity:0.9;} +#comments .comment-body-ref .comment-panel{border-width:0px;margin-bottom:0;width:620px;padding:10px;} +.comment-title{color:#333333;font-size:30px;margin:20px 0 15px 0;font-family:\5fae\8f6f\96c5\9ed1;} +.comment{margin-bottom:40px;} +.comment th{padding:10px 0px 10px 0;text-align:left;} +.comment input[type="text"],.comment textarea{outline:none;color:#666666;padding:10px 7px;background-color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;width:723px;border:1px solid #DDDDDD;font-size:12px;height:16px;line-height:16px;} +.comment textarea{margin:10px 0;padding:7px;height:auto;} +.comment #captchaReply{margin-left:10px;} +#commentValidate,#commentValidateReply{width:240px;} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../community/images/emotions/emotions-black.png");margin:0 12px;} +.footer-secondary{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;padding:40px 0;} +.footer-secondary h4,.article-date,.comment th span.comment-label{background-color:#333333;color:#FFFFFF;float:left;font-size:17px;font-weight:bold;height:37px;line-height:37px;padding-left:15px;width:145px;} +.most-view-count-articles,.recent-comments,.notice{float:left;width:700px;margin-left:65px;word-break:break-all;word-wrap:break-word;} +.most-view-count-articles a{font:18px 微软雅黑;margin-right:20px;font-weight:bold;} +.most-view-count-articles sup{font-size:12px;color:#555555;font-weight:normal;margin-right:3px;} +.recent-comments div{float:left;margin:0 25px 10px 0px;text-align:center;width:91px;} +.recent-comments div a{display:block;line-height:22px;} +.recent-comments img,#comments>div>img{background-color:#FFFFFF;border-bottom:1px solid #C2C2C2;border-right:1px solid #C2C2C2;padding:8px 7px 7px 8px;width:75px;height:75px;} +.recent-comments img:hover,#comments>div>img:hover{border-color:#5A5A5A;} +.footer-widgets{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding:40px 0;} +.footer-block{margin-right:20px;width:220px;} +.footer-block h4{font:bold 18px 微软雅黑;color:#000000;height:25px;padding:0 0 15px;background:url("../images/indentline.png") repeat-x scroll left bottom transparent;} +.footer-block ul{list-style:none;} +.footer-block li{margin-left:0px;height:30px;padding-left:10px;background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;} +.footer-block li.mostUsedTags a{padding-left:20px;} +.footer-block li img{cursor:pointer;height:16px;left:0px;position:relative;top:-20px;width:16px;} +.footer-block li a{color:#555555;display:block;height:19px;line-height:19px;overflow:hidden;padding:6px 0 1px 0px;} +.footer-block li sup{float:left;margin:5px 3px 0 0;} +.footer-block li:hover{background:url("../images/icon.png") repeat-x 0px -34px;} +.footer{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;text-align:left;} +.footer .content{line-height:22px;} +.footer a{color:#000000;} +.footer .goTop{background:url("../images/icon.png") no-repeat -12px -64px;cursor:pointer;padding-left:15px;height:17px;line-height:17px;} +.error-msg{color:#333333;font-weight:bold;} +.error-footer{bottom:0;position:fixed;width:100%;} +.error-panel{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin-bottom:50px;padding:20px;} +.error-panel h2{font:bold 30px/24px;margin:0 0 20px;} +.read-more-icon,.arrow-dowm-icon,.tag-icon,.atom-icon,.up-icon,.down-icon{background-image:url("../images/icon.png");background-repeat:no-repeat;float:left;} +.read-more-icon{background-position:0 -22px;height:12px;margin:2px 0 0 6px;width:12px;} +.arrow-dowm-icon{background-position:-13px -22px;height:13px;margin:8px 0 0 6px;width:13px;cursor:pointer;} +.tag-icon{background-position:0px -102px;margin-right:6px;height:16px;width:16px;} +.atom-icon{height:22px;margin-left:6px;width:22px;} +.up-icon{background-position:-11px -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer;} +.down-icon{background-position:0 -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer;} +.star-current-icon,.star-icon,.moon-icon,.moon-current-icon{height:58px;width:64px;background-image:url("../images/author-header.png");float:right;white-space:normal;text-align:center;word-break:break-all;padding-top:6px;word-wrap:break-word;font-weight:bold;} +.star-current-icon{background-position:0px -64px;} +a.star-current-icon{color:#333333;} +.star-icon{background-position:0 -192px;} +a.star-icon{color:orange;} +.moon-icon{float:right;margin-top:4px;} +.moon-current-icon{float:right;background-position:0 -128px;margin:1px 0 3px 0;} +#tagsPanel a.tagPanel:hover{border:1px dashed;} +#tagsPanel a.tagPanel{border:1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:3px;cursor:pointer;float:left;} diff --git a/favourite/css/favourite.min.css b/favourite/css/favourite.min.css new file mode 100644 index 0000000..9ebee8b --- /dev/null +++ b/favourite/css/favourite.min.css @@ -0,0 +1,128 @@ +@charset "utf-8"; +body{background:url("../images/bg.jpg") repeat scroll left top transparent;} +a,a:link,a:active,a:visited{color:#2970A6;text-decoration:none;} +a:hover{color:black;} +h1{font-size:300%;} +h4{font-size:160%;padding:18px 0 0 80px;} +h5{font-size:12px;} +.margin5R{margin-right:5px;} +.margin5{margin:5px;} +.margin25{margin:25px 25px 0;} +.content{margin:0 auto;width:960px;} +.header{height:65px;padding:15px 0 0 30px;} +.body{background:url("../images/cont-bg.png") repeat-y scroll right center #ffffff;min-height:400px;} +.side-navi{background:url("../images/cont-bg.png") repeat-y scroll left top #00798a;color:white;font-size:95%;line-height:145%;padding-top:8px;position:relative;width:300px;} +.side-navi ul{list-style:none;} +.side-navi a{color:#FFFFFF;} +.comm div{display:none;} +.main{padding:0 0 15px 35px;width:600px;} +.footer{color:white;line-height:145%;} +#logoTitle{color:white;display:block;font-family:"Microsoft YaHei";height:50px;outline:none;text-decoration:none;} +.sub-title{border-top:1px solid #FFFFFF;color:#FFFFFF;font-size:18px;padding:0 15px;} +#header-navi{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #A6A6A6;} +#header-navi li{float:left;list-style:none;margin-left:0px;} +#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382E1F;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none;} +#header-navi li a:hover{background-position:0 -31px;} +#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px;} +#header-navi li a.home:hover{background-position:0 -124px;} +#header-navi li a.lastNavi:hover{background-position:0 0;} +#header-navi li.selected a{background-position:0 -62px;} +#header-navi li.selected a.home{background-position:0 -155px;} +#statistic{left:250px;position:relative;text-align:left;top:110px;width:600px;} +.footer .copyright{padding-top:60px;text-align:center;} +.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;cursor:pointer;font-size:12px;padding-left:16px;position:absolute;right:17px;top:0;width:25px;} +.article{border-top:1px dotted #0184AF;padding-bottom:15px;} +.article-title{font-size:22px;margin-top:10px;padding:0 5px 3px;position:relative;top:20px;} +.article-title sup{font-size:12px;} +.article-title a{color:#4C4C4C;text-decoration:none;} +.article-title a:hover{color:#2970A6;} +.article-abstract{line-height:145%;margin:5px 0 5px 5px;word-wrap:break-word;} +.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:30px;margin-right:6px;width:30px;} +.tagsIcon{background:url("../images/tagsIcon.png");} +.dateIcon{background-position:0 -48px;} +.articles-commentIcon{background:url("../images/comment.jpg");} +.article-browserIcon{background:url("../images/category.jpg");} +.article-body{line-height:145%;padding:5px 0 0 5px;} +.article-footer{margin:0 5px 10px 5px;} +.article-relative{line-height:22px;margin-top:20px;} +.article-relative h4{font-size:12px;padding:0;} +.comments{background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;position:relative;} +.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative;} +.comment-body-ref{background-color:#FFFFFF;filter:alpha(opacity=90);left:217px;opacity:0.9;padding:6px;position:absolute;width:605px;z-index:10;} +.comment-body{margin-top:15px;} +.comment-author{float:left;text-align:center;width:81px;} +.comment-author div{background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;margin-top:10px;padding-right:14px;} +.comment-author img{border:1px solid #999999;height:32px;padding:1px;width:32px;} +.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px;} +.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #edeff0;font-size:12px;margin:-62px 0 0 80px;padding:10px 15px 0;width:494px;} +.comment-content{background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;font-size:12px;line-height:145%;margin:0 -15px;overflow:hidden;padding:9px 15px 10px;word-wrap:break-word;} +.comment-form img{cursor:pointer;} +.comment-form input,.comment-form textarea{background:url("../images/textfield.gif") repeat-x scroll 50% 0 #ffffff;border:1px solid #A6A6A6;color:#555555;font-family:Helvetica,Arial,sans-serif;height:16px;outline:none;padding:2px 1px;width:200px;} +.comment-form textarea{font-size:12px;height:auto;width:600px;} +.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-radius:0px;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;height:22px;line-height:22px;padding:0px 6px;} +.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../favourite/images/emotions/emotions-blue.png");} +.error-msg{color:#3366CC;} +.side-navi .item{padding:12px 15px;} +.side-navi .navi-comments img{border:1px solid #999999;height:32px;margin-right:7px;padding:1px;width:32px;} +.side-navi .navi-comments a{color:white;font-weight:bold;} +.side-navi .navi-comments .side-comment{color:white;font-weight:normal;height:18px;width:210px;} +.side-navi .navi-comments .side-comment img{border:0px;height:16px;margin-right:0px;padding:0px;width:16px;} +.side-navi .navi-comments li{padding:2px 0;} +.side-navi .navi-comments li div{width:215px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} +.side-navi a.selected{color:#555555;text-decoration:none;} +.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0px;} +.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px;} +.side-navi li{background:url("../images/pl.png") no-repeat scroll 0 0 transparent;margin:5px 0 0 0;overflow:hidden;padding-left:22px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} +.side-navi li.aboutMe{white-space:normal;} +.side-navi .line{border-color:#67C3CF;border-style:dotted;border-width:1px 0;} +.pagination{margin:16px;text-align:center;} +.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;} +.pagination a.selected{color:#000000;font-weight:bold;} +#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px;} +#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed;} +#tagsPanel .tagPanel{text-decoration:none;} +.error-body{background:url("../images/cont-bg_2.png") repeat-y scroll left;height:400px;padding:12px;} +.error-title{line-height:72px;} +.error-panel{margin:0 auto;width:201px;} +.error-panel a{background:none repeat scroll 0 0 #9CD941;border-color:#D0F29D #398A38 #398A38 #D0F29D;border-style:solid;border-width:1px;color:#000000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none;} +.error-panel a:hover{background-color:#ADEb51;} +.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #f4f5f7;margin-bottom:10px;padding:8px 12px;} +.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #e3e4e6;border-bottom:1px solid #CCCCCC;font-weight:bold;padding:6px 12px;} +.top{background:url("../images/top-bg.jpg") repeat-x scroll left top transparent;border:none;color:white;height:87px;} +.footer-icon{background:url("../images/footer-ico.png") no-repeat scroll center center transparent;height:133px;} +.info{background:url("../images/info.png") repeat-x scroll left top transparent;height:110px;position:relative;} +.logoutIcon{background-position:-96px -16px;} +#qq2{float:right;padding:68px 120px 0 0;} +.thinks{background:url("../images/thinks.png") no-repeat scroll left top transparent;height:420px;position:absolute;right:12px;top:36px;width:388px;z-index:1;} +.lamb{background:url("../images/lamb.png") no-repeat scroll left top transparent;height:80px;left:460px;position:absolute;top:100px;width:320px;} +.lamb a{display:block;height:80px;outline:none;width:320px;} +.null{height:160px;} +#navigation{height:87px;margin:0 auto;width:960px;} +#navigation a.classifiche{background:url("../images/classifiche.png") no-repeat scroll left top transparent;} +#navigation a.about{background:url("../images/about.png") no-repeat scroll left top transparent;} +#navigation a.home{background:url("../images/home.png") no-repeat scroll left top transparent;} +#navigation a.Guestbook{background:url("../images/Guestbook.png") no-repeat scroll left top transparent;} +#navigation a{background:url("../images/default.png") no-repeat scroll left top transparent;color:#FFFFFF;cursor:pointer !important;float:left;height:70px;margin-left:10px;outline:none;padding-top:2px;text-align:center;text-decoration:none;width:73px;} +.admins{position:relative;top:-85px;} +#mostCommentArticles li a,#mostViewCountArticles li a,.navi-tags li a,#sideLink li a,#save li a,#sideAuthor li a{color:white;} +.roundtop{background:url("../images/roundtop.png") no-repeat scroll left top transparent;height:75px;} +.roundbottom{background:url("../images/roundbottom.png") no-repeat scroll left top transparent;height:35px;} +.paint{background:url("../images/paint.png") no-repeat scroll left top transparent;height:183px;left:34px;position:absolute;top:450px;width:87px;} +.rings{background:url("../images/anelli.png") no-repeat scroll left top transparent;height:121px;left:-28px;position:absolute;width:56px;z-index:80;} +.antefatto{background:url("../images/twitter.png") no-repeat scroll left top transparent;height:64px;} +.ads{background:url("../images/ads.png") no-repeat scroll left top transparent;height:64px;} +.categorie{background:url("../images/categorie.png") no-repeat scroll left top transparent;height:64px;} +.archivio{background:url("../images/archivio.png") no-repeat scroll left top transparent;height:64px;} +.side-author{background:url("../images/antefatto.png") no-repeat scroll left top transparent;height:64px;} +.blog{background:url("../images/blog.png") no-repeat scroll left top transparent;height:64px;} +.cuore{background:url("../images/cuore.png") no-repeat scroll left top transparent;height:64px;} +.esclamativo{background:url("../images/esclamativo.png") no-repeat scroll left top transparent;height:64px;} +.posttime-blue{background-color:#0184AF;} +.posttime-blue,.posttime-pink{border:1px solid #999999;clear:right;color:#FFFFFF;float:right;font-family:Tohama,Arial,Helvetica,sans-serif;height:60px;position:relative;right:30px;top:-25px;width:60px;} +.posttime-MY{border-bottom:1px solid #FFFFFF;font-size:9px;height:15px;padding-top:5px;text-align:center;} +.posttime-D{font-size:28px;font-weight:bold;text-align:center;} +.note{background:none repeat scroll 0 0 #E7F5F7;margin:40px 0 0 -49px;padding:10px 10px 10px 85px;position:relative;width:574px;z-index:50;} +.corner{background:url("../images/corner.png") no-repeat scroll left top transparent;height:9px;left:0;position:absolute;top:-9px;width:9px;} +.count{position:relative;top:8px;} +.substance{overflow:hidden;width:500px;} diff --git a/helper/compressor/grunt.js b/helper/compressor/grunt.js index f6cd3e8..1bf335c 100644 --- a/helper/compressor/grunt.js +++ b/helper/compressor/grunt.js @@ -16,15 +16,42 @@ var final_code = pro.gen_code(ast); // compressed code here var jsPaths = ["../neoease/js/neoease.js"]*/ // css compress +var fs = require("fs"), +exec = require("child_process").exec; + +var skinsCsses = ["andrea", "classic", "community", "favourite", "i-nove", "neoease", "owmx-3.0", "tree-house"]; + +for (var i = 0; i < skinsCsses.length; i++) { + var content = ""; + exec("lessc -compress ../../" + skinsCsses[i] + "/css/" + skinsCsses[i] + ".css > ../../" + skinsCsses[i] + "/css/" + skinsCsses[i] + ".min.css", function (error, stdout, stderr) { + if (error !== null) { + console.log(error); + } + }); +} + + + + +/* +var fs = require("fs"); var less = require('C:\\Users\\Vanessa\\AppData\\Roaming\\npm\\node_modules\\less'); -var parser = new(less.Parser)({ - paths: ['../*/css'], // Specify search paths for @import directives - filename: '*.less' // Specify a filename, for better error messages +var parser = new(less.Parser)(); + +fs.readFile('../../andrea/css/andrea.css', 'UTF-8', function (err, data) { + if (err) throw err; + + new(less.Parser)({ + paths: ["../../andrea/css"], + filename: "andrea.css" + }).parse(data, function (e, root) { + var result = root.toCSS({ compress: true }); + console.log(result); + }); + }); -parser.parse('.class { width: 1 + 1 }', function (e, tree) { - tree.toCSS({ compress: true }); // Minify CSS output -}); + /*var cssPaths = ["../andrea/css/andrea.css", "../classic/css/classic.css", "../community/css/community.css", "../favourite/css/favourite.css", diff --git a/i-nove/css/i-nove.min.css b/i-nove/css/i-nove.min.css new file mode 100644 index 0000000..0c3281e --- /dev/null +++ b/i-nove/css/i-nove.min.css @@ -0,0 +1,93 @@ +@charset "utf-8"; +.bg{background:url("../images/bg.jpg") repeat-x scroll 0 0 #bec3c6;color:#555555;} +a,a:link,a:active,a:visited{color:#2970A6;text-decoration:none;} +a:hover{text-decoration:underline;} +h1{font-size:200%;} +h4{font-size:160%;} +h5{font-size:12px;} +.margin5R{margin-right:5px;} +.margin5{margin:5px;} +.wrapper{background:url("../images/light.gif") no-repeat scroll 50% 0 transparent;padding:20px 0;} +.content{margin:0 auto;width:936px;} +.header{background:url("../images/header.jpg") no-repeat scroll 0 0 transparent;border-bottom:1px solid #A6A6A6;height:65px;padding:25px 30px 0;} +.body{background:url("../images/sidesep.gif") repeat-y scroll right center #ffffff;min-height:400px;} +.side-navi{background:url("../images/sidebar_shadow.gif") repeat-x scroll 50% 0 #f7f7f7;font-size:95%;line-height:145%;padding-top:8px;width:300px;} +.main{background:url("../images/main_shadow.gif") repeat-x scroll center top #ffffff;padding:13px 15px 15px;width:605px;} +.footer{background:url("../images/footer.jpg") no-repeat scroll 0 0 transparent;border-top:1px solid #CCCCCC;font-size:11px;height:88px;line-height:145%;padding:0;} +#logoTitle{color:#FFFFFF;display:block;font-family:"Trajan Pro";height:30px;outline:none;text-decoration:none;} +.sub-title{border-top:1px solid #FFFFFF;color:#FFFFFF;font-size:10px;padding:0 3px;} +#header-navi{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #A6A6A6;} +#header-navi li{float:left;list-style:none;margin-left:0px;} +#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382E1F;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none;} +#header-navi li a:hover{background-position:0 -31px;} +#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px;} +#header-navi li a.home:hover{background-position:0 -124px;} +#header-navi li a.lastNavi:hover{background-position:0 0;} +#header-navi li.selected a{background-position:0 -62px;} +#header-navi li.selected a.home{background-position:0 -155px;} +#statistic{font-size:11px;line-height:31px;margin-right:15px;} +.footer .copyright{padding:12px;width:857px;} +.footer .copyright span{margin:0px;} +.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2A2A2A;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;white-space:nowrap;} +.article{padding-bottom:15px;} +.article-title{border-bottom:1px solid #CCCCCC;font-size:16px;margin-top:10px;padding:0 5px 3px;} +.article-title sup{font-size:12px;} +.article-title a{color:#4C4C4C;text-decoration:none;} +.article-title a:hover{color:#2970A6;} +.article-abstract{line-height:145%;margin:10px 0 10px 5px;word-wrap:break-word;} +.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon,.authorIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:16px;margin-right:6px;width:16px;} +.tagsIcon{background-position:0 -400px;margin-left:15px;} +.dateIcon{background-position:0 -48px;margin-left:15px;} +.authorIcon{background-position:0 0;} +.articles-commentIcon{background-position:0 -96px;} +.article-browserIcon{background-position:0 -480px;} +.article-body{line-height:145%;padding:5px 0 0 5px;} +.article-footer{margin:0 5px 10px 5px;} +.article-relative{line-height:22px;margin-top:24px;} +.article-relative h4{font-size:12px;} +.comments{background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;position:relative;} +.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative;} +.comment-body-ref{background-color:#FFFFFF;filter:alpha(opacity=90);left:217px;opacity:0.9;padding:6px;position:absolute;width:605px;z-index:10;} +.comment-body{margin-top:15px;} +.comment-author{float:left;text-align:center;width:81px;} +.comment-author div{background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;margin-top:10px;padding-right:14px;} +.comment-author img{border:1px solid #999999;height:32px;padding:1px;width:32px;} +.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px;} +.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #edeff0;font-size:12px;padding:10px 15px 0;width:494px;} +.comment-content{background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;font-size:12px;line-height:145%;margin:0 -15px;overflow:hidden;padding:9px 15px 10px;word-wrap:break-word;} +.comment-form img{cursor:pointer;} +.comment-form input,.comment-form textarea{background:url("../images/textfield.gif") repeat-x scroll 50% 0 #ffffff;border:1px solid #A6A6A6;color:#555555;font-family:Helvetica,Arial,sans-serif;height:16px;outline:none;padding:2px 1px;width:200px;} +.comment-form textarea{font-size:12px;height:auto;width:601px;} +.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-radius:0px;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;height:24px;line-height:24px;padding:0px 6px;} +.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../i-nove/images/emotions/emotions-black.png");} +.error-msg{color:#3366CC;} +.side-navi ul{list-style:none;margin-top:10px;} +.side-navi .item{padding:15px;} +.side-navi sup{margin-right:3px;color:#555;} +.side-navi .navi-comments img{border:1px solid #999999;height:32px;margin-right:7px;padding:1px;width:32px;} +.side-navi .navi-comments a{font-weight:bold;} +.side-navi .navi-comments .side-comment{color:#555555;font-weight:normal;height:18px;} +.side-navi .navi-comments div.left>div>div{display:none;} +.side-navi .navi-comments .side-comment img{border:0px;height:16px;margin-right:0px;padding:0px;width:16px;} +.side-navi .navi-comments li{padding:2px 0;} +.side-navi .navi-comments li div{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:227px;} +.side-navi a.selected{color:#555555;text-decoration:none;} +.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0px;} +.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px;} +.side-navi li{background:url("../images/icons.gif") no-repeat scroll 0 -623px transparent;margin:5px 0 0 0;overflow:hidden;padding-left:20px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} +.side-navi li.aboutMe{white-space:normal;} +.side-navi .line{background:url("../images/widgetsep.png") no-repeat scroll center bottom transparent;height:6px;width:300px;} +.pagination{margin:16px;text-align:center;} +.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;} +.pagination a.selected{color:#000000;font-weight:bold;} +#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px;} +#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed;} +#tagsPanel .tagPanel{text-decoration:none;} +.error-body{background:url("../images/main_shadow.gif") repeat-x scroll center top #ffffff;height:400px;padding:12px;} +.error-title{line-height:72px;} +.error-panel{margin-left:35px;width:201px;} +.error-panel a{background-color:#9CD941;border-color:#D0F29D #398A38 #398A38 #D0F29D;border-style:solid;border-width:1px;color:#000000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none;} +.error-panel a:hover{background-color:#ADEb51;} +.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #f4f5f7;margin-bottom:10px;padding:8px 12px;} +.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #e3e4e6;border-bottom:1px solid #CCCCCC;font-weight:bold;padding:6px 12px;} diff --git a/neoease/css/neoease.css b/neoease/css/neoease.css index 01aac3a..13facc5 100644 --- a/neoease/css/neoease.css +++ b/neoease/css/neoease.css @@ -1,882 +1,882 @@ -/** - * skin neoease style - * - * @author Liyuan Li - * @version 1.0.1.6, May 14, 2012 -*/ -/* start base */ -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; -} -/* end base */ - -/* start ico */ -.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; -} -/* end ico */ - -/* start frame */ -.wrapper { - margin: 0 auto; - width: 960px; -} - -.body { - border-top: 2px solid #DDD; -} - -.main { - float: left; - margin: 16px 0 50px; - overflow: hidden; - width: 667px; -} -/* end frame */ - -/* start header */ -.header { - background: url("../../neoease/images/icons.png") repeat-x scroll 0 -220px #F2F2F2; - padding: 20px 0; -} - -.header .title { - border-bottom: 1px solid #242424; - color: #000; - font-size: 26px; - font-weight: normal; -} - -.header .sub-title { - color: #242424; - font-size: 11px; -} - -#search { - background-position: 7px -99px; - background-repeat: no-repeat; - background-color: #FFF; - border: 1px solid #DDD; - border-radius: 2px 2px 2px 2px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; - color: #888; - float: right; - font-size: 14px; - height: 20px; - line-height: 145%; - padding: 3px 10px 3px 28px; - width: 24px; - -moz-transition: width 0.4s ease, background 0.4s ease; - -webkit-transition: width 0.4s ease, background 0.4s ease; - transition: width 0.4s ease, background 0.4s ease; -} - -#search:focus { - background-color: #F9F9F9; - width: 196px; -} - -.nav { - background-color: #E9E9E9; - border-bottom: 1px solid #CCCCCC; -} - -.nav ul { - list-style: none; - float: left; -} - -.nav li { - float: left; -} - -.nav a { - color: #666666; - display: block; - float: left; - font-size: 14px; - height: 30px; - line-height: 30px; - padding: 0 15px; - text-shadow: 0 1px 0 #EEE; -} - -.nav a:hover { - color: #D54E21; - background-color: #DDD; -} - -.nav .current { - background-color: #DDD; - margin: -1px 0; - padding-right: 2px; -} - -.nav .current a { - background-color: #F9F9F9; - border-color: #CCCCCC #CCCCCC #F9F9F9; - border-style: solid; - border-width: 1px 1px 3px; - font-weight: 700; - height: 33px; - line-height: 33px; - margin: -2px 0 -3px; - color: #333; - text-shadow : 1px 1px 1px #C6D9E9; -} - -.nav img { - margin-left: 3px; -} - -.nav .right { - line-height: 29px; -} -/* end header */ - -/* start footer */ -.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; -} -/* end footer*/ - -/* start side */ -.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; -} -/* end side */ - -/* start article list */ -.article { - border-bottom: 1px solid #CCC; - padding: 0 5px 10px; - margin-top: 20px; -} - -.article-element { - font-size: 11px; - line-height: 16px; - margin: 12px 0; -} - -.article-element a { - border-bottom: 1px solid #DFDFDF; - color: #555; - text-decoration: none; - padding-bottom: 1px; -} - -.article-element a:hover { - color: #D54E21; - border-bottom-color: #D54E21; -} - -.article-title { - color: #21759B; - font-size: 20px; - font-weight: normal; -} - -.article-title:hover { - color: #D54E21; -} - -.article .expand-ico, .article .collapse-ico { - float: right; - margin-top: 9px; - padding-right: 6px; - width: 15px; - background-position: 0 -86px; -} - -.article .collapse-ico { - background-position: 0 -70px; -} - -.article-body { - line-height: 145%; - overflow: hidden; - word-wrap: break-word; -} - -.article-body h1 { - font-size: 2em; - margin: .67em 0; -} - -.article-body h2 { - font-size: 1.5em; - margin: .75em 0; -} - -.article-body h3 { - font-size: 1.17em; - margin: .83em 0; -} - -.article-body h4 { - margin: 1.12em 0; -} - -.article-body h4 { - font-size: .83em; - margin: 1.5em 0; -} - -.article-body h6 { - font-size: .75em; - margin: 1.67em 0; -} - -.article-body ol, .article-body ul { - margin-left: 40px; -} - -.article-body a { - border-bottom: 1px solid #DFDFDF; -} - -.article-body a:hover { - color: #D54E21; - border-bottom: 1px solid #D54E21; -} - -.article-body p { - line-height: 18px; -} - -.pagination { - margin-top: 30px; - line-height: 21px; -} - -.pagination a { - border: 1px solid #C5C3C2; - font-size: 10px; - margin: 2px; - padding: 1px 5px ; - text-decoration: none; - background-color: #F2F2F2; -} - -.pagination a.current { - background-color: #FFF; - font-weight: bold; - padding: 2px 6px; - color: #000; -} - -.pagination a:hover { - background-color: #F3DEDD; - color: #D54E21; - border: 1px solid #D54E21; -} - -.page { - margin-top: 20px; - padding: 0 5px 5px; -} -/* end article list */ - -/* start article */ -.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; -} -/* end article*/ - -/* start tags */ -#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; -} -/* end tags */ - -/* start others */ -.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; -} -/* end others */ +/** + * skin neoease style + * + * @author Liyuan Li + * @version 1.0.1.6, May 14, 2012 +*/ +/* start base */ +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; +} +/* end base */ + +/* start ico */ +.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; +} +/* end ico */ + +/* start frame */ +.wrapper { + margin: 0 auto; + width: 960px; +} + +.body { + border-top: 2px solid #DDD; +} + +.main { + float: left; + margin: 16px 0 50px; + overflow: hidden; + width: 667px; +} +/* end frame */ + +/* start header */ +.header { + background: url("../../neoease/images/icons.png") repeat-x scroll 0 -220px #F2F2F2; + padding: 20px 0; +} + +.header .title { + border-bottom: 1px solid #242424; + color: #000; + font-size: 26px; + font-weight: normal; +} + +.header .sub-title { + color: #242424; + font-size: 11px; +} + +#search { + background-position: 7px -99px; + background-repeat: no-repeat; + background-color: #FFF; + border: 1px solid #DDD; + border-radius: 2px 2px 2px 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; + color: #888; + float: right; + font-size: 14px; + height: 20px; + line-height: 145%; + padding: 3px 10px 3px 28px; + width: 24px; + -moz-transition: width 0.4s ease, background 0.4s ease; + -webkit-transition: width 0.4s ease, background 0.4s ease; + transition: width 0.4s ease, background 0.4s ease; +} + +#search:focus { + background-color: #F9F9F9; + width: 196px; +} + +.nav { + background-color: #E9E9E9; + border-bottom: 1px solid #CCCCCC; +} + +.nav ul { + list-style: none; + float: left; +} + +.nav li { + float: left; +} + +.nav a { + color: #666666; + display: block; + float: left; + font-size: 14px; + height: 30px; + line-height: 30px; + padding: 0 15px; + text-shadow: 0 1px 0 #EEE; +} + +.nav a:hover { + color: #D54E21; + background-color: #DDD; +} + +.nav .current { + background-color: #DDD; + margin: -1px 0; + padding-right: 2px; +} + +.nav .current a { + background-color: #F9F9F9; + border-color: #CCCCCC #CCCCCC #F9F9F9; + border-style: solid; + border-width: 1px 1px 3px; + font-weight: 700; + height: 33px; + line-height: 33px; + margin: -2px 0 -3px; + color: #333; + text-shadow : 1px 1px 1px #C6D9E9; +} + +.nav img { + margin-left: 3px; +} + +.nav .right { + line-height: 29px; +} +/* end header */ + +/* start footer */ +.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; +} +/* end footer*/ + +/* start side */ +.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; +} +/* end side */ + +/* start article list */ +.article { + border-bottom: 1px solid #CCC; + padding: 0 5px 10px; + margin-top: 20px; +} + +.article-element { + font-size: 11px; + line-height: 16px; + margin: 12px 0; +} + +.article-element a { + border-bottom: 1px solid #DFDFDF; + color: #555; + text-decoration: none; + padding-bottom: 1px; +} + +.article-element a:hover { + color: #D54E21; + border-bottom-color: #D54E21; +} + +.article-title { + color: #21759B; + font-size: 20px; + font-weight: normal; +} + +.article-title:hover { + color: #D54E21; +} + +.article .expand-ico, .article .collapse-ico { + float: right; + margin-top: 9px; + padding-right: 6px; + width: 15px; + background-position: 0 -86px; +} + +.article .collapse-ico { + background-position: 0 -70px; +} + +.article-body { + line-height: 145%; + overflow: hidden; + word-wrap: break-word; +} + +.article-body h1 { + font-size: 2em; + margin: .67em 0; +} + +.article-body h2 { + font-size: 1.5em; + margin: .75em 0; +} + +.article-body h3 { + font-size: 1.17em; + margin: .83em 0; +} + +.article-body h4 { + margin: 1.12em 0; +} + +.article-body h4 { + font-size: .83em; + margin: 1.5em 0; +} + +.article-body h6 { + font-size: .75em; + margin: 1.67em 0; +} + +.article-body ol, .article-body ul { + margin-left: 40px; +} + +.article-body a { + border-bottom: 1px solid #DFDFDF; +} + +.article-body a:hover { + color: #D54E21; + border-bottom: 1px solid #D54E21; +} + +.article-body p { + line-height: 18px; +} + +.pagination { + margin-top: 30px; + line-height: 21px; +} + +.pagination a { + border: 1px solid #C5C3C2; + font-size: 10px; + margin: 2px; + padding: 1px 5px ; + text-decoration: none; + background-color: #F2F2F2; +} + +.pagination a.current { + background-color: #FFF; + font-weight: bold; + padding: 2px 6px; + color: #000; +} + +.pagination a:hover { + background-color: #F3DEDD; + color: #D54E21; + border: 1px solid #D54E21; +} + +.page { + margin-top: 20px; + padding: 0 5px 5px; +} +/* end article list */ + +/* start article */ +.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; +} +/* end article*/ + +/* start tags */ +#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; +} +/* end tags */ + +/* start others */ +.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; +} +/* end others */ diff --git a/neoease/css/neoease.min.css b/neoease/css/neoease.min.css index 923623d..4a40a81 100644 --- a/neoease/css/neoease.min.css +++ b/neoease/css/neoease.min.css @@ -1,152 +1,153 @@ -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 +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 0.4s ease, background 0.4s ease;-webkit-transition:width 0.4s ease, background 0.4s ease;transition:width 0.4s ease, background 0.4s ease;} +#search:focus{background-color:#F9F9F9;width:196px;} +.nav{background-color:#E9E9E9;border-bottom:1px solid #CCCCCC;} +.nav ul{list-style:none;float:left;} +.nav li{float:left;} +.nav a{color:#666666;display:block;float:left;font-size:14px;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #EEE;} +.nav a:hover{color:#D54E21;background-color:#DDD;} +.nav .current{background-color:#DDD;margin:-1px 0;padding-right:2px;} +.nav .current a{background-color:#F9F9F9;border-color:#CCCCCC #CCCCCC #F9F9F9;border-style:solid;border-width:1px 1px 3px;font-weight:700;height:33px;line-height:33px;margin:-2px 0 -3px;color:#333;text-shadow:1px 1px 1px #C6D9E9;} +.nav img{margin-left:3px;} +.nav .right{line-height:29px;} +.footer{background-color:#E9E9E9;border-top:3px solid #DDD;color:#999;font-size:11px;padding:12px 0;} +.footer a{color:#787878;} +.footer a:hover{color:#D54E21;} +#goTop{background:url("../../neoease/images/icons.png") no-repeat scroll 5px -51px #dddddd;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none;} +#goTop:hover{background-color:#EAEAEA;} +.side{float:right;overflow:hidden;width:278px;margin-bottom:50px;} +.side>div{border-bottom:1px solid #DEDEDE;padding:10px 5px 15px;} +.side h4{font-size:14px;line-height:32px;} +.side ul{list-style:none;} +#archiveSide{list-style:square outside none;margin-left:18px;} +#archiveSide .archive-year{color:#D54E21;font-weight:bold;height:18px;line-height:18px;list-style:none;} +.side a{line-height:18px;color:#21759B;} +.side a:hover{text-decoration:underline;} +.side sup{color:#333;} +.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px;} +.side .side-li a{white-space:nowrap;} +.recent-comments li>img{background-color:#FFF;border:1px solid #999;padding:1px;width:32px;height:32px;margin-top:1px;} +.recent-comments-main{float:left;margin:0 0 9px 3px;width:229px;} +.recent-comments-main .expand-ico,.recent-comments-main .collapse-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0);} +.recent-comments li:hover .expand-ico,.recent-comments li:hover .collapse-ico{opacity:1;filter:alpha(opacity=100);} +.recent-comments-main .collapse-ico{background-position:0 -70px;} +.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} +.recent-comments-content img{width:16px;} +.recent-comments-content a{color:#555777;} +.recent-comments-content a:hover{text-decoration:none;} +.article{border-bottom:1px solid #CCC;padding:0 5px 10px;margin-top:20px;} +.article-element{font-size:11px;line-height:16px;margin:12px 0;} +.article-element a{border-bottom:1px solid #DFDFDF;color:#555;text-decoration:none;padding-bottom:1px;} +.article-element a:hover{color:#D54E21;border-bottom-color:#D54E21;} +.article-title{color:#21759B;font-size:20px;font-weight:normal;} +.article-title:hover{color:#D54E21;} +.article .expand-ico,.article .collapse-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px;} +.article .collapse-ico{background-position:0 -70px;} +.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;} +.article-body h1{font-size:2em;margin:.67em 0;} +.article-body h2{font-size:1.5em;margin:.75em 0;} +.article-body h3{font-size:1.17em;margin:.83em 0;} +.article-body h4{margin:1.12em 0;} +.article-body h4{font-size:.83em;margin:1.5em 0;} +.article-body h6{font-size:.75em;margin:1.67em 0;} +.article-body ol,.article-body ul{margin-left:40px;} +.article-body a{border-bottom:1px solid #DFDFDF;} +.article-body a:hover{color:#D54E21;border-bottom:1px solid #D54E21;} +.article-body p{line-height:18px;} +.pagination{margin-top:30px;line-height:21px;} +.pagination a{border:1px solid #C5C3C2;font-size:10px;margin:2px;padding:1px 5px ;text-decoration:none;background-color:#F2F2F2;} +.pagination a.current{background-color:#FFF;font-weight:bold;padding:2px 6px;color:#000;} +.pagination a:hover{background-color:#F3DEDD;color:#D54E21;border:1px solid #D54E21;} +.page{margin-top:20px;padding:0 5px 5px;} +.article-panel1{background-color:#F2F2F2;padding:5px 10px;} +.article-panel2{background-color:#FFF;margin-top:12px;padding:5px 10px;} +.article-panel2 ul{line-height:18px;list-style:square outside none;margin-left:18px;} +.share{border-bottom:1px solid #DEDEDE;margin-top:15px;} +.share-comment{background-color:#DDD;border-radius:2px 2px 0 0;float:right;font-size:11px;height:21px;line-height:21px;margin-right:16px;padding:0 10px;} +.share-comment:hover{background-color:#EAEAEA;} +#comments{position:relative;} +#comments>div{border-bottom:1px solid #DEDEDE;padding:10px;width:647px;} +#comments .comment-panel>.right{-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0);} +#comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100);} +.comment-even{background-color:#F8F8F8;} +.comment-odd{background-color:#F5F5F5;} +.comment-header{height:50px;width:50px;float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:1px;} +.comment-panel{float:left;margin:0 10px;width:573px;line-height:16px;} +.comment-panel .article-body{margin-top:5px;} +#comments .comment-body-ref{border-bottom:0;background-color:#FFF;border-radius:5px 5px 5px 5px;left:73px;position:absolute;box-shadow:1px 0 3px #DEDEDE;width:560px;} +.comment-body-ref .comment-panel{width:486px;} +.comment-body-ref .arrow{border-color:#F5F5F5 #FFF #F5F5F5 #F5F5F5;border-style:solid;border-width:6px 8px 10px 0;display:block;left:-8px;position:absolute;top:5px;} +.form{margin:10px;} +.form img{cursor:pointer;} +.form h4{margin:10px 0 5px 5px;} +.form th{text-align:right;white-space:nowrap;} +.form input[type="text"],.form input[type="password"],.form textarea{border-color:silver #D9D9D9 #D9D9D9;border-style:solid;border-width:1px;font-family:"Lucida Grande",Verdana,'微软雅黑';font-size:12px;outline:medium none;padding:0 3px;} +.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;} +.form textarea{overflow:auto;resize:vertical;padding:3px;width:634px;} +.form input{height:24px;line-height:16px;width:260px;} +.form button{background-color:#B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-style:solid;border-width:1px;color:#2970A6;height:28px;line-height:28px;padding:0 12px;} +.form button:hover{background-color:#98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;} +#tags li{float:left;list-style:none;height:38px;} +#tags a:hover{text-shadow:0 0 2px;} +#tags a{border-radius:3px 3px 3px 3px;box-shadow:1px 1px 3px #333;float:left;margin:3px 6px;padding:3px 12px;} +#tagsSide li a{float:left;line-height:145%;margin-right:7px;white-space:nowrap;} +.tags1{font-size:12px;color:#A1A1A1;} +.tags2{font-size:14px;color:#687F95;} +.tags3{font-size:16px;color:#4C6E90;} +.tags4{font-size:18px;color:#258;} +.tags5{font-size:20px;} +#tagsSide .tags2{font-size:14px;} +#tagsSide .tags3{font-size:16px;} +#tagsSide .tags4{font-size:18px;} +#tagsSide .tags5{font-size:20px;} +.main>h2{margin-top:16px;} +.error{background-image:url("../../neoease/images/404.png");float:left;height:536px;margin:50px 80px;position:relative;width:363px;} +.error h2{left:-68px;position:absolute;top:-20px;} +.error a{background-color:#9CD941;border:265px none;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px;} +.error a:hover{background-color:#ADEb51;} diff --git a/owmx-3.0/css/owmx-3.0.css b/owmx-3.0/css/owmx-3.0.css index 70e0991..79a98e3 100644 --- a/owmx-3.0/css/owmx-3.0.css +++ b/owmx-3.0/css/owmx-3.0.css @@ -20,7 +20,7 @@ header, footer, article, nav, section, aside, time, hgroup { } 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; + font : 12px/22px 'Verdana', 'sans-serif'; margin : 0; outline : 0; padding : 0; @@ -169,7 +169,7 @@ pre { 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--*/ + overflow-y : hidden; /*--Hides vertical scroll created by IE--*/ } pre code { background : #EEE; diff --git a/owmx-3.0/css/owmx-3.0.min.css b/owmx-3.0/css/owmx-3.0.min.css new file mode 100644 index 0000000..7ddb107 --- /dev/null +++ b/owmx-3.0/css/owmx-3.0.min.css @@ -0,0 +1,110 @@ +@charset "utf-8"; +header,footer,article,nav,section,aside,time,hgroup{display:block;} +html,body,header,footer,article,nav,section,aside,time,h1,h2,h3,p,a,ul,li,dl,dd,dt,table,thead,tfoot,tbody,th,tr,td{border:0;font:12px/22px 'Verdana','sans-serif';margin:0;outline:0;padding:0;} +BODY{background:#DDD;margin:0px 0 0 0;color:#444;} +A,A:LINK,A:ACTIVE,A:VISITED{color:#016f93;text-decoration:none;} +A:HOVER{color:#DB0202;} +a.selected{font-weight:bold;color:#000000;} +H1,H3,H4,H5,H6{background:url(../images/ai4.png) no-repeat 0 7px;border-bottom:1px solid #CCC;color:#666;font-weight:bold;margin:0 0 10px;padding:0 0 0 25px;} +H1{background:url(../images/ai4.png) no-repeat 0 6px;font-size:15px;} +H1 a{font-weight:bold;font-size:15px;} +H2{font-size:14px;margin:0 0 20px 0;} +H3{background:url(../images/ai5.png) no-repeat 0 7px;} +H3,H4,H5,H6{font-size:13px;} +h4{background-position:0 5px;} +sup{color:#444;top:-4px;} +header{border-radius:4px;background:#0098cc url(../images/hd.jpg) no-repeat top left;height:200px;margin:0 0 10px 0;padding:10px 10px;position:relative;} +header a:link,header a:active,header a:visited{font-weight:bold;color:#FFF;font-size:16px;} +header a:hover{color:#FFF;} +header p{border-radius:4px;background:#FFF;bottom:20px;color:#000;font-weight:bold;opacity:0.5;padding:10px;position:absolute;right:20px;width:400px;} +article{border-radius:4px;background:#FFF;border:1px solid #CCC;float:right;height:auto;padding:20px;width:550px;} +article h1{color:#666;font-weight:bold;font-size:15px;} +.highlight-1,.highlight-2,.highlight-3{-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px;} +.highlight-1{background:#FFCCCC;border:1px dotted #FF9966;} +.highlight-2{background:#FFFF99;border:1px dotted #FFCC33;} +.highlight-3{background:#CCFF99;border:1px dotted #CCCC33;} +cite{border-left:2px solid #0098CC;color:#666;font-size:12px;font-style:normal;font-weight:bold;margin:0;padding:5px 10px;} +blockquote{border-left:2px solid #0098CC;color:#666;margin:0 0 20px 0;padding:5px 10px;} +pre{color:#333;font-size:10px;line-height:15px;overflow:hidden;overflow-y:hidden;} +pre code{background:#EEE;border-left:2px solid #0098CC;margin:0 0 10px 0;padding:5px;display:block;} +dl.vevent{margin:-20px 0 20px 0;padding:0;} +.vevent dt{font-size:10px;position:relative;left:0;top:22px;font-weight:bold;} +.vevent dd{border-left:2px solid #0098CC;font-size:11px;margin:0 0 0 80px;padding:0 0 0 10px;} +dd.summary{font-weight:bold;} +.vevent a{font-size:11px;} +article form{border-radius:4px;background:#DDD;margin:0 0 20px;padding:10px;} +article label{color:#666;display:block;font-size:10px;font-weight:bold;margin:0 0 0 2px;} +article input,article textarea{border-radius:4px;border:1px solid #CCC;font-size:11px;padding:4px 5px;width:458px;} +article ul,aside ul{list-style:none;margin:0 0 20px 0;} +article ul{margin:0 0 20px 23px;} +article ul li{background:url(../images/ai2.png) no-repeat 0 8px;padding:0 0 0 17px;} +aside{background:#EEE;float:left;margin:0 0 20px 0;width:200px;white-space:normal;} +aside ul.aside-comments img{border-radius:4px;width:32px;height:32px;border:1px solid #999999;padding:1px;margin-top:5px;margin-right:5px;} +aside ul.aside-comments a{font-weight:bold;} +aside ul.aside-comments .side-comment{color:#555555;font-weight:normal;overflow:hidden;white-space:nowrap;width:158px;height:18px;} +aside ul.aside-comments div.left>div>div{display:none;} +aside ul.aside-comments .side-comment img{border:0px;height:16px;width:16px;padding:0px;margin-right:0px;margin-top:0;} +aside ul.aside-comments li{padding:2px 0;} +aside ul.aside-comments li div{width:158px;} +aside ul.aside-comments li div.left div{height:18px;line-height:18px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} +aside ul.navi-tags li{padding-left:0px;background-image:none;} +aside ul.navi-tags li img{margin-bottom:3px;padding-right:6px;height:16px;width:16px;} +#mostViewCountArticles li,#mostCommentArticles li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} +#mostViewCountArticles a,#mostCommentArticles a{white-space:nowrap;} +.s{border-radius:4px;margin:0 0 20px 0;padding:10px;width:179px;} +.s input{border-radius:4px;border:1px solid #AAA;color:#999;font-size:11px;padding:4px 5px;width:168px;} +nav ul{list-style:none;} +nav li{background:url(../images/ai1.png) no-repeat 0 8px;padding:0 0 0 15px;} +nav li ul,aside li ul li ul{margin:0;} +nav li li a{font-size:11px;} +nav li li li a{font-size:10px;} +nav li li li,aside li.active li li{background:url(../images/ai8.png) no-repeat 0 10px;} +nav li.active,aside li.active li{background:url(../images/ai2.png) no-repeat 0 8px;} +.gallery{list-style:none;margin:0 0 10px;} +.gallery li{display:inline;margin:0 15px 0 0;} +.gallery a img{border:1px solid #999;height:50px;opacity:0.8;padding:1px;width:50px;} +.gallery li:last-child{margin:0 0 10px 0;} +.gallery a img:hover{opacity:1;} +.adspace{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);background:#EEE;height:100%;margin:0 0 20px 0;padding:5px 10px;text-align:center;width:178px;} +.adspace a img{border:none;} +#tagcloud{overflow:hidden;width:200px;} +#tagcloud li{display:inline;margin:0 10px 0 0;} +.tagcloudsize-1 a{font-size:14px;} +.tagcloudsize-2 a{font-size:16px;} +.tagcloudsize-3 a{font-size:18px;} +footer{border-top:1px dotted #B5B3A9;clear:both;margin:20px 0;} +footer a,footer p{color:#666;display:inline;font-size:12px;} +footer div{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2A2A2A;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;float:right;white-space:nowrap;} +footer span{margin:0px;} +footer img{height:28px;} +.comments{position:relative;background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;} +.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative;} +.comment-body-ref{border-radius:6px;background-color:#FFFFFF;border:1px solid #CCCCCC;opacity:0.9;padding:6px;position:absolute;width:387px;left:174px;} +.comment-body-ref .comment-author{width:67px;} +.comment-body-ref .comment-info{width:300px;border-width:0px;} +.comment-body{margin-top:15px;} +.comment-author{float:left;text-align:center;width:81px;} +.comment-author div{margin-top:10px;padding-right:14px;background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;} +.comment-author img{border-radius:4px;border:1px solid #999999;padding:1px;width:32px;height:32px;} +.comment-author a{white-space:nowrap;margin-right:14px;font-weight:bold;} +.comment-info{border-radius:6px;width:440px;padding:5px 10px;background:#EDEFF0;border:1px dotted #EDEFF0;} +.comment-content{word-wrap:break-word;overflow:hidden;background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;line-height:145%;margin:0 -15px;padding:9px 15px 10px;font-size:12px;} +.comment-form img{cursor:pointer;} +.comment-form input,.comment-form textarea{height:16px;outline:none;font-family:Helvetica,Arial,sans-serif;color:#555555;background:url("../images/textfield.gif") repeat-x scroll 50% 0 #ffffff;border:1px solid #A6A6A6;padding:2px 1px;width:200px;} +.comment-form textarea{width:541px;font-size:12px;height:auto;} +.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;padding:0px 6px;height:22px;line-height:22px;border-radius:0px;} +.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;} +.error-msg{color:#3366CC;} +#a,#b{margin:0 auto;position:relative;} +#a{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);background:#EEE;margin:15px auto;padding:10px 10px 0 10px;width:800px;} +#b{overflow:hidden;} +#c,.meta,.s,nav ul{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.4);background:#CCC;} +#c{margin:0 0 20px 0;padding:5px 10px;width:178px;} +#c p,#c a{font-size:11px;line-height:15px;} +#c p{margin:0 0 10px 0;} +#c img{border-radius:4px;float:left;margin:4px 10px 2px 0;} +.meta{margin:10px 0 30px;padding:2px 5px;} +.meta p,.meta a{font-size:10px;margin:0;} +nav ul{padding:10px;} +nav ul ul{border-radius:none;box-shadow:none;} +.single_page{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);background:#F2F7F8;padding:10px;margin-bottom:25px;width:531px;} diff --git a/tree-house/css/tree-house.min.css b/tree-house/css/tree-house.min.css new file mode 100644 index 0000000..9e058d7 --- /dev/null +++ b/tree-house/css/tree-house.min.css @@ -0,0 +1,94 @@ +@charset "utf-8"; +html{min-width:948px;} +body{background:url("../images/bg-tree.jpg") repeat-y scroll 50% 0 #7bccff;color:#42423D;min-width:948px;} +a,a:link,a:visited{color:#FFFFFF;text-decoration:none;} +a:hover{text-decoration:underline;} +h5{font-size:12px;} +.wrapper{background:url("../images/bg-header.jpg") no-repeat scroll 50% 0 transparent;} +.bg-bottom{background:url("../images/bg-footer2.jpg") no-repeat scroll 50% 100% transparent;} +.content{margin:0 auto;width:948px;} +.header{height:476px;width:100%;} +.header-navi{position:relative;z-index:10;} +.header-navi ul{list-style:none outside none;margin-top:20px;} +.header-navi li{float:left;} +.header-title{color:#FFFFFF;margin-left:146px;padding-top:222px;position:relative;} +#logoTitle{color:#FFFFFF;font-size:52px;text-decoration:none;} +.header-title div{color:DimGray;width:300px;} +.side{margin:0 0 0 -21px;width:256px;} +.body{min-height:643px;padding-bottom:682px;} +.main{width:634px;} +.footer{color:Lavender;padding:12px;text-align:center;} +.footer a{font-weight:bold;} +.article{overflow:hidden;width:553px;} +.article-header sup{color:red;font-size:12px;} +.article-header h2{color:#242323;font-weight:bold;margin-left:6px;position:relative;} +.article-header h2 a{color:#242323;display:block;padding:3px 0 4px 10px;text-decoration:none;} +.article-header h2 a:hover{background-color:#242323;color:#EC0A8B;} +.article-info{margin:10px 0 0 9px;width:109px;} +.article-main{margin:10px 0 0 9px;min-height:150px;width:426px;} +.article-tags{background-color:#EC0A8B;float:left;font-style:normal;height:21px;line-height:21px;margin:0 10px 10px 0;padding:3px 10px;} +.article-abstract{color:#42423D;line-height:145%;overflow:hidden;padding:6px 10px 12px 0;text-align:justify;word-wrap:break-word;} +.main .line{background:url("../images/bg-branch.png") no-repeat scroll 0 0 transparent;height:108px;width:575px;} +.article-date{background-color:#D4F2FB;border:6px solid #A8D3ED;border-radius:5px;margin-left:16px;padding:6px;width:65px;} +.article-comment{background:url("../images/bg-comments.png") no-repeat scroll 0 0 transparent;font-size:12px;height:22px;margin:24px 0 0;padding:29px 0 0;text-align:center;} +.article-comment a{color:#42423D;} +.main h2.title{color:#FF9000;margin:-34px 0 12px;text-align:center;} +.main h2 span{color:DimGray;float:right;font-size:12px;margin-top:7px;padding-right:10px;} +.article-body{line-height:145%;margin:0 12px 12px;} +.article-body a,.article-abstract a{color:#242323;text-decoration:underline;} +.article-footer{margin-right:12px;} +.article-details-footer a{line-height:16px;} +.article-details-footer{margin:36px 12px 0 0;} +.article-details-footer .right a:hover{text-decoration:none;} +.article-relative{line-height:145%;margin:12px 0;} +.comments{padding-left:99px;position:relative;} +.comments-header{background:url("../images/balloons.png") no-repeat scroll 0 0 transparent;height:88px;left:100px;position:relative;top:40px;width:440px;z-index:10;} +.comment-top{background:url("../images/bg-comments-top.png") no-repeat scroll 0 0 transparent;height:22px;} +.comment-body{background:url("../images/bg-comments-body.png") repeat-y scroll 0 0 transparent;color:#42423D;margin-left:-1px;overflow:hidden;padding:0 27px 2px 27px;width:401px;word-wrap:break-word;} +.comment-body a{color:#42423D;} +.comment-body td{white-space:normal;} +.comment-bottom{background:url("../images/bg-comments-bottom.png") no-repeat scroll 0 0 transparent;height:23px;} +.comment-title{padding-bottom:6px;} +.comment-title a{color:#42423D;font-weight:bold;} +.comment-body-ref{left:182px;opacity:0.9;position:absolute;top:16px;z-index:16;} +#emotions img,#emotionsReply img{cursor:pointer;display:block;float:left;margin-right:2px;} +img.comment-picture{height:60px;padding:0px 6px 4px 0;width:60px;} +.comment-reply{margin:0 auto 24px auto;} +#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0, 0, 0, 0.3) inset;} +#comment,#commentReply{resize:vertical;} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../tree-house/images/emotions/emotions-blue.png");margin-right:2px;} +.error-msg{color:#EC0A8B;font-weight:bold;white-space:normal;} +#sideNavi .line{background:url("../images/bg-branch-small.png") no-repeat;height:69px;margin-top:12px;} +#sideNavi .block{margin-left:64px;} +#sideNavi h3{background:url("../images/bg-heading.png") no-repeat scroll 0 0 transparent;color:#EC0A8B;font-size:15px;height:30px;padding:38px 0 0 12px;} +#sideNavi .notice h3{background-image:url("../images/bg-heading-about-us.png");} +#sideNavi #recentComments img{height:16px;vertical-align:middle;width:16px;} +#sideNavi #recentCommentsLabel{background-image:url("../images/bg-heading-portfolio.png");} +#sideNavi .mostCommentArticles h3{background-image:url("../images/bg-heading-categories.png");} +#sideNavi .mostViewCountArticles h3{background-image:url("../images/bg-heading-resources.png");margin-bottom:6px;} +#sideNavi .notice>div{margin:12px 12px 12px 17px;} +#sideNavi ul{margin-left:5px;width:182px;list-style:none;} +#sideNavi li{border-bottom:1px dotted #FFFFFF;font-size:12px;margin-left:0;overflow:hidden;position:relative;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:top;} +#sideNavi li:hover{background:url("../images/bg-menu-active.png") repeat scroll -8px -8px transparent;color:#EC0A8B;font-weight:bold;} +#sideNavi li:hover a{color:#EC0A8B;padding-left:24px;} +#sideNavi li>a{color:#42423D;line-height:29px;margin:0;overflow:hidden;padding-left:6px;text-decoration:none;white-space:nowrap;width:167px;} +#sideNavi li>a sup{margin-right:3px;line-height:12px;color:#EC0A8B;} +#sideNavi li>div{display:none;} +#sideNavi li p{display:inline;} +#sideNavi .popTags li>a{padding-left:40px;width:143px;} +#sideNavi .popTags li img{cursor:pointer;height:16px;left:19px;position:absolute;top:7px;width:16px;} +#sideNavi .popTags li:hover a{padding-left:46px;width:137px;} +#sideNavi .popTags li:hover img{left:25px;} +#statistic{height:138px;line-height:24px;margin:28px 0 0 80px;} +.pagination{margin:16px;text-align:center;} +.pagination a,.pagination a:visited{padding:0 3px;} +.pagination a.selected{color:#42423D;font-weight:bold;} +#tagsPanel{width:553px;} +#tagsPanel .tagPanel{background-color:#EEEEEE;border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px;} +#tagsPanel .tagPanel:hover{background-color:transparent;border:2px dashed;} +#tagsPanel .tagPanel{text-decoration:none;} +.error-title{width:553px;} +.error-panel{padding:24px;} +.error-title{background-color:#242323;color:#EC0A8B;display:block;padding:3px 10px 4px 10px;position:relative;} +.goTopIcon{background-position:-128px -32px;} +.goBottomIcon{background-position:-144px -32px;}