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;}