diff --git a/andrea/css/andrea.min.css b/andrea/css/andrea.min.css index 5aab36a..ae67a07 100644 --- a/andrea/css/andrea.min.css +++ b/andrea/css/andrea.min.css @@ -1,99 +1,99 @@ -body{background-image:url("../images/bg-grey.jpg");background-color:#000000;color:#363636;font-family:'\5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif';font-size:12px;margin:0;padding:0;} -a,a:link,a:visited{color:#BE0700;text-decoration:underline;} -a:hover{text-decoration:none;color:rgba(190, 7, 0, 0.75);} -.error-msg{color:#BE0700;} -.brush-icon,.article .month,.article .day,.pagination a,#greyBG,#brownBG,#blueBG,#goTop,.side-tool ul ul li a,.comment-form button{background-image:url('../images/icon.png');} -.wrapper{width:910px;margin:0 auto;position:relative;} -.main{float:left;width:627px;} -.side-navi{float:left;width:282px;} -.header{background:url('../images/bgs.png') no-repeat;width:910px;height:185px;float:left;} -.header .left{width:566px;} -.header h1{margin:18px 0 0 37px;} -.header .left a,.sub-title{color:#FFFFFF;font-family:'Neucha','\5fae\8f6f\96c5\9ed1,Arial,Verdana,sans-serif';font-size:46px;text-decoration:none;} -.sub-title{color:#000000;font-size:22px;margin-left:40px;margin-top:0;display:block;} -.header>.left>div{float:right;color:#C0BEBD;} -.header .right{width:343px;} -.header .right ul{list-style-type:none;} -.header .right li{float:left;margin:18px 30px 0 0;width:84px;} -.header .right li a{color:#FFFFFF;font-family:'Reenie Beanie','sans-serif';font-size:45px;text-decoration:none;font-weight:bold;} -.header .right li a:hover{color:#DDDDDD;font-family:'Neucha','sans-serif';} -.main-content{padding:0 45px;background-color:#D4D4D4;} -.main-content>h2{color:#BE0700;font-size:20px;line-height:145%;margin-bottom:18px;font-family:'Neucha','\5fae\8f6f\96c5\9ed1';} -.main-footer{background:url('../images/bgs.png') 0 -185px;height:14px;width:627px;} -.brush{left:-52px;position:absolute;top:283px;width:100px;} -#brush{background:url("../images/paint.png") no-repeat fixed 98px -150px transparent;position:relative;top:-27px;width:82px;} -.brush-icon{background-position:0 -312px;height:240px;position:relative;width:92px;z-index:1;} -.brush-icon:hover{background-position:0 -69px;} -.article a.underline:hover{text-decoration:underline;color:#BE0700;} -.article .date{width:40px;float:left;} -.article .month{color:#FFFFFF;height:20px;text-align:center;width:36px;} -.article .day{border:1px solid #C4BFBA;border-top:0px;background-position:0px -20px;font-size:15px;height:23px;padding-top:4px;text-align:center;width:34px;} -.article h2{margin-bottom:3px;width:495px;*line-height:28px;} -.article h2 a{color:#363636;font-size:24px;line-height:24px;text-decoration:none;} -.article h2 a:hover{color:#BE0700;text-decoration:underline;} -.article h2 sup{color:#BE0700;font-size:10px;vertical-align:top;} -.article-abstract{border-top:2px dashed #F1EEE9;margin-top:15px;padding:20px 0 25px 0;overflow:hidden;line-height:145%;} -.article-abstract p:first-child:first-letter,.article-abstract:first-letter{font-size:38px;float:left;font-weight:bold;margin:0 3px 3px 0;line-height:38px;} -.pagination{line-height:21px;} -.pagination a{background-position:0px -47px;border:1px solid #C5C3C2;color:#8C8C8C;padding:1px 6px;text-decoration:none;margin:2px;font-size:10px;} -.pagination a.selected{background:none #FFFFFF;border:1px solid #C5C3C2;color:#3E3E3E;font-weight:bold;padding:1px 7px 2px 6px;} -.pagination a:hover{background:none #F3DEDD;color:#BE0700;border:1px solid #BE0700;} -.side-navi ul{list-style:none;} -.side-navi .item{border-radius:0 5px 5px 0;background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border:1px solid #999999;float:left;margin-top:23px;padding:25px 15px 15px;width:250px;color:#EAE7E0;} -.side-navi .item dd{margin-bottom:25px;} -.side-navi .item dd li{list-style-type:none;border-bottom:1px solid #93908A;padding:4px 0px 1px 6px;margin-left:0px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#EAE7E0;position:relative;line-height:21px;} -.side-navi .item dd li:hover{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border-bottom:1px solid #BAB8B5;} -.side-navi .item dd li:hover a{color:#FFFFFF;} -.side-navi .item dd li a{white-space:nowrap;color:#EAE7E0;text-decoration:none;} -.side-navi .item .navi-tags img{cursor:pointer;height:16px;left:3px;position:absolute;top:5px;width:16px;} -.side-navi .item dd .navi-tags a{padding-left:18px;} -#naviComments li a{white-space:normal;} -#naviComments li br{display:none;} -#naviComments li p{display:inline;} -#naviComments li a.author{color:#BE0700;} -#naviComments li:hover{background-image:none;} -#naviComments li a:hover{text-decoration:underline;} -#naviComments img{height:16px;width:16px;} -.side-navi .item h4{border-bottom:1px solid #93908A;color:#EAE7E0;padding:0 5px 8px;font-size:16px;} -.footer{background-image:url("../images/footer.png");color:#EAE7E0;height:411px;padding:21px 0 0 95px;width:605px;margin-top:40px;text-align:center;} -.footer a{text-decoration:none;} -.footer a:hover{text-decoration:underline;} -.side-tool{position:fixed;top:30px;left:0px;} -.side-tool li{margin-left:0px;} -.side-tool ul{list-style-type:none;} -#greyBG,#brownBG,#blueBG{background-position:-103px 0;display:block;height:21px;margin:3px 0;width:21px;cursor:pointer;} -#brownBG{background-position:-103px -26px;} -#blueBG{background-position:-103px -52px;} -#greyBG:hover,#greyBG.selected{background-position:-126px 0px;} -#brownBG:hover,#brownBG.selected{background-position:-126px -26px;} -#blueBG:hover,#blueBG.selected{background-position:-126px -52px;} -#goTop{background-position:-105px -119px;cursor:pointer;height:36px;margin-top:9px;display:block;width:22px;} -#goTop:hover{background-position:-105px -74px;} -.side-tool ul ul li a{background-position:right -159px;color:#EAE7E0;display:block;font-size:14px;font-weight:bold;height:86px;margin:9px 0;overflow:hidden;padding:1px 8px 1px 9px;text-align:center;text-decoration:none;width:14px;word-wrap:break-word;text-transform:uppercase;} -.article-body{border-top:2px dashed #F1EEE9;margin-top:15px;overflow:hidden;padding:20px 0 25px;line-height:145%;} -.article-body p:first-child:first-letter,.article-body:first-letter{font-size:48px;float:left;font-weight:bold;margin:0 3px 3px 0;} -.article-relative{margin:15px 0;} -.article-relative h4{font-family:'Neucha','\5fae\8f6f\96c5\9ed1',Arial,Verdana;font-size:16px;} -.article-relative ul{list-style-type:none;} -#randomArticles,.relevantArticles{width:262px;overflow:hidden;} -#comments{position:relative;} -#comments,.comment-form{padding-bottom:30px;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../andrea/images/emotions/emotions-black.png");margin-right:4px;} -.comment-form{margin-right:15px;color:#606060;} -h2.comment-label{border-bottom:2px solid #3F3D36;font-size:24px;margin-bottom:15px;margin-top:30px;padding-bottom:7px;color:#363636;} -.comment-body{padding:20px 0;} -.comment-author{width:100px;} -.comment-info{margin-right:12px;word-wrap:break-word;overflow:hidden;width:423px;} -.comment-info>a{font-size:14px;font-weight:bold;} -.comment-content{margin:10px 0;} -.comment-odd{background-color:#F1EEE9;} -.comment-author img{width:64px;height:64px;border:6px solid #F1EEE9;margin-left:12px;} -.comment-form img{cursor:pointer;} -.comment-form input,.comment-form textarea{border-radius:5px;background-color:#EBE9E5;border:1px solid #BABAAE;font-family:\5fae\8f6f\96c5\9ed1;font-size:12px;margin:10px 0;padding:10px;width:400px;outline:none;} -.comment-form input:focus,.comment-form textarea:focus{background-color:#E3EBCF;border-color:#73B722;} -#commentValidate,#commentValidateReply{width:80px;} -.comment-form button{border-radius:5px;border:1px solid #80B53B;color:#355207;cursor:pointer;font-weight:bold;height:34px;padding:5px 10px;width:140px;} -.comment-body-ref{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;padding:12px 0;position:absolute;width:537px;border:1px solid #999999;border-radius:5px;z-index:10;left:180px;} -#tagsPanel{min-height:1px;} -#tagsPanel a{display:block;float:left;border:1px solid #D4D4D4;} -#tagsPanel a:hover{border:1px solid #BE0700;} +body{background-image:url("../images/bg-grey.jpg");background-color:#000;color:#363636;font-family:'\5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif';font-size:12px;margin:0;padding:0} +a,a:link,a:visited{color:#be0700;text-decoration:underline} +a:hover{text-decoration:none;color:rgba(190,7,0,0.75)} +.error-msg{color:#be0700} +.brush-icon,.article .month,.article .day,.pagination a,#greyBG,#brownBG,#blueBG,#goTop,.side-tool ul ul li a,.comment-form button{background-image:url('../images/icon.png')} +.wrapper{width:910px;margin:0 auto;position:relative} +.main{float:left;width:627px} +.side-navi{float:left;width:282px} +.header{background:url('../images/bgs.png') no-repeat;width:910px;height:185px;float:left} +.header .left{width:566px} +.header h1{margin:18px 0 0 37px} +.header .left a,.sub-title{color:#fff;font-family:'Neucha','\5fae\8f6f\96c5\9ed1,Arial,Verdana,sans-serif';font-size:46px;text-decoration:none} +.sub-title{color:#000;font-size:22px;margin-left:40px;margin-top:0;display:block} +.header>.left>div{float:right;color:#c0bebd} +.header .right{width:343px} +.header .right ul{list-style-type:none} +.header .right li{float:left;margin:18px 30px 0 0;width:84px} +.header .right li a{color:#fff;font-family:'Reenie Beanie','sans-serif';font-size:45px;text-decoration:none;font-weight:bold} +.header .right li a:hover{color:#ddd;font-family:'Neucha','sans-serif'} +.main-content{padding:0 45px;background-color:#d4d4d4} +.main-content>h2{color:#be0700;font-size:20px;line-height:145%;margin-bottom:18px;font-family:'Neucha','\5fae\8f6f\96c5\9ed1'} +.main-footer{background:url('../images/bgs.png') 0 -185px;height:14px;width:627px} +.brush{left:-52px;position:absolute;top:283px;width:100px} +#brush{background:url("../images/paint.png") no-repeat fixed 98px -150px transparent;position:relative;top:-27px;width:82px} +.brush-icon{background-position:0 -312px;height:240px;position:relative;width:92px;z-index:1} +.brush-icon:hover{background-position:0 -69px} +.article a.underline:hover{text-decoration:underline;color:#be0700} +.article .date{width:40px;float:left} +.article .month{color:#fff;height:20px;text-align:center;width:36px} +.article .day{border:1px solid #c4bfba;border-top:0;background-position:0 -20px;font-size:15px;height:23px;padding-top:4px;text-align:center;width:34px} +.article h2{margin-bottom:3px;width:495px;*line-height:28px} +.article h2 a{color:#363636;font-size:24px;line-height:24px;text-decoration:none} +.article h2 a:hover{color:#be0700;text-decoration:underline} +.article h2 sup{color:#be0700;font-size:10px;vertical-align:top} +.article-abstract{border-top:2px dashed #f1eee9;margin-top:15px;padding:20px 0 25px 0;overflow:hidden;line-height:145%} +.article-abstract p:first-child:first-letter,.article-abstract:first-letter{font-size:38px;float:left;font-weight:bold;margin:0 3px 3px 0;line-height:38px} +.pagination{line-height:21px} +.pagination a{background-position:0 -47px;border:1px solid #c5c3c2;color:#8c8c8c;padding:1px 6px;text-decoration:none;margin:2px;font-size:10px} +.pagination a.selected{background:none #fff;border:1px solid #c5c3c2;color:#3e3e3e;font-weight:bold;padding:1px 7px 2px 6px} +.pagination a:hover{background:none #f3dedd;color:#be0700;border:1px solid #be0700} +.side-navi ul{list-style:none} +.side-navi .item{border-radius:0 5px 5px 0;background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border:1px solid #999;float:left;margin-top:23px;padding:25px 15px 15px;width:250px;color:#eae7e0} +.side-navi .item dd{margin-bottom:25px} +.side-navi .item dd li{list-style-type:none;border-bottom:1px solid #93908a;padding:4px 0 1px 6px;margin-left:0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#eae7e0;position:relative;line-height:21px} +.side-navi .item dd li:hover{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border-bottom:1px solid #bab8b5} +.side-navi .item dd li:hover a{color:#fff} +.side-navi .item dd li a{white-space:nowrap;color:#eae7e0;text-decoration:none} +.side-navi .item .navi-tags img{cursor:pointer;height:16px;left:3px;position:absolute;top:5px;width:16px} +.side-navi .item dd .navi-tags a{padding-left:18px} +#naviComments li a{white-space:normal} +#naviComments li br{display:none} +#naviComments li p{display:inline} +#naviComments li a.author{color:#be0700} +#naviComments li:hover{background-image:none} +#naviComments li a:hover{text-decoration:underline} +#naviComments img{height:16px;width:16px} +.side-navi .item h4{border-bottom:1px solid #93908a;color:#eae7e0;padding:0 5px 8px;font-size:16px} +.footer{background-image:url("../images/footer.png");color:#eae7e0;height:411px;padding:21px 0 0 95px;width:605px;margin-top:40px;text-align:center} +.footer a{text-decoration:none} +.footer a:hover{text-decoration:underline} +.side-tool{position:fixed;top:30px;left:0} +.side-tool li{margin-left:0} +.side-tool ul{list-style-type:none} +#greyBG,#brownBG,#blueBG{background-position:-103px 0;display:block;height:21px;margin:3px 0;width:21px;cursor:pointer} +#brownBG{background-position:-103px -26px} +#blueBG{background-position:-103px -52px} +#greyBG:hover,#greyBG.selected{background-position:-126px 0} +#brownBG:hover,#brownBG.selected{background-position:-126px -26px} +#blueBG:hover,#blueBG.selected{background-position:-126px -52px} +#goTop{background-position:-105px -119px;cursor:pointer;height:36px;margin-top:9px;display:block;width:22px} +#goTop:hover{background-position:-105px -74px} +.side-tool ul ul li a{background-position:right -159px;color:#eae7e0;display:block;font-size:14px;font-weight:bold;height:86px;margin:9px 0;overflow:hidden;padding:1px 8px 1px 9px;text-align:center;text-decoration:none;width:14px;word-wrap:break-word;text-transform:uppercase} +.article-body{border-top:2px dashed #f1eee9;margin-top:15px;overflow:hidden;padding:20px 0 25px;line-height:145%} +.article-body p:first-child:first-letter,.article-body:first-letter{font-size:48px;float:left;font-weight:bold;margin:0 3px 3px 0} +.article-relative{margin:15px 0} +.article-relative h4{font-family:'Neucha','\5fae\8f6f\96c5\9ed1',Arial,Verdana;font-size:16px} +.article-relative ul{list-style-type:none} +#randomArticles,.relevantArticles{width:262px;overflow:hidden} +#comments{position:relative} +#comments,.comment-form{padding-bottom:30px} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../andrea/images/emotions/emotions-black.png");margin-right:4px} +.comment-form{margin-right:15px;color:#606060} +h2.comment-label{border-bottom:2px solid #3f3d36;font-size:24px;margin-bottom:15px;margin-top:30px;padding-bottom:7px;color:#363636} +.comment-body{padding:20px 0} +.comment-author{width:100px} +.comment-info{margin-right:12px;word-wrap:break-word;overflow:hidden;width:423px} +.comment-info>a{font-size:14px;font-weight:bold} +.comment-content{margin:10px 0} +.comment-odd{background-color:#f1eee9} +.comment-author img{width:64px;height:64px;border:6px solid #f1eee9;margin-left:12px} +.comment-form img{cursor:pointer} +.comment-form input,.comment-form textarea{border-radius:5px;background-color:#ebe9e5;border:1px solid #babaae;font-family:\5fae\8f6f\96c5\9ed1;font-size:12px;margin:10px 0;padding:10px;width:400px;outline:none} +.comment-form input:focus,.comment-form textarea:focus{background-color:#e3ebcf;border-color:#73b722} +#commentValidate,#commentValidateReply{width:80px} +.comment-form button{border-radius:5px;border:1px solid #80b53b;color:#355207;cursor:pointer;font-weight:bold;height:34px;padding:5px 10px;width:140px} +.comment-body-ref{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;padding:12px 0;position:absolute;width:537px;border:1px solid #999;border-radius:5px;z-index:10;left:180px} +#tagsPanel{min-height:1px} +#tagsPanel a{display:block;float:left;border:1px solid #d4d4d4} +#tagsPanel a:hover{border:1px solid #be0700} diff --git a/classic/css/classic.min.css b/classic/css/classic.min.css index 2bc04e1..60d122e 100644 --- a/classic/css/classic.min.css +++ b/classic/css/classic.min.css @@ -1,58 +1,58 @@ @charset "utf-8"; -a,a:link{color:#0000CC;} -a:active{color:red;} -a:visited{color:#551A8B;} -h5{font-size:12px;} -.content{margin:0 auto;max-width:1250px;padding:0 12px;} -.header{height:108px;} -.sub-title{font-size:14px;font-weight:normal;} -.side{border-left:2px solid #E5ECF9;padding-left:12px;width:280px;} -.main{margin-right:-294px;width:100%;} -.main>div{min-width:280px;padding-right:318px;} -#logoTitle{font-family:"Microsoft YaHei";font-size:32px;line-height:64px;text-decoration:none;} -#statistic span{font-size:11px;} -.article,.comments{padding-bottom:24px;} -.article-title{background-color:#E3E3FF;border-top:1px solid #3366CC;margin-left:91px;padding:3px 0 6px 12px;} -.article-title sup{font-size:12px;} -.article-date{background-color:#E3E3FF;border:1px solid #BBCCFF;float:left;margin:0 12px 12px 0;border-radius:5px;padding:7px 3px;width:70px;text-align:center;word-break:break-all;} -.article-abstract{word-wrap:break-word;} -.article-body{margin-left:12px;line-height:145%;} -.article-footer{margin-right:12px;} -.article-footer a,.article-details-footer a{text-decoration:none;} -.article-details-footer{margin:36px 12px 0 0;} -.article-relative{line-height:22px;margin-top:24px;} -.comments{position:relative;} -.comment-title{background-color:#E3E3FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;} -.comment-body-ref{background-color:#FFFFFF;border:1px solid #E3E3FF;filter:alpha(opacity=90);left:88px;opacity:0.9;position:absolute;top:27px;width:87%;z-index:10;} -.comment-body-ref .comment-title{border-top:0px;} -.comment-body{padding:9px 12px 12px;word-wrap:break-word;overflow:hidden;} -.comment-picture{margin-right:12px;} -.comment-picture img{height:60px;width:60px;} -.comment-reply{margin:0 auto 24px auto;} -.comment-content{float:left;width:88%;} -#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0, 0, 0, 0.3) inset;} -.error-msg{color:#3366CC;} -.error-footer{bottom:0px;position:fixed;width:82%;} -#sideNavi a.selected{color:#000000;text-decoration:none;} -.side-navi ul{list-style:none;} -#sideNavi li{line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} -#sideNavi li.aboutMe,#sideNavi li.side-navi-notice{white-space:normal;} -#sideNavi sup{margin-right:3px;color:green;} -.side-comment{text-decoration:none;} -#recentComments p{display:inline;} -#recentComments div,#recentComments br{display:none;} -.line{border-top:thin dotted #BBBBBB;margin-top:12px;padding-top:12px;} -.pagination{margin:16px;text-align:center;} -.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;text-decoration:none;} -.pagination a.selected{color:#000000;font-weight:bold;} -#tagsPanel .tagPanel{border:2px solid;cursor:pointer;float:left;margin:3px;border-radius:6px;} -#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed;} -#tagsPanel .tagPanel{text-decoration:none;} -.error-title{border-top:1px solid #3366CC;background-color:#E5ECF9;margin-left:12px;padding:6px 12px;} -.error-panel{margin-left:12px;padding:24px;} -.commentIcon,.browserIcon{background-image:url("../../../images/icon.png");cursor:pointer;height:16px;margin-right:3px;width:16px;} -.commentIcon{background-position:-32px -16px;} -.browserIcon{background-position:-128px -16px;} -.goTopIcon{background-position:-128px -32px;} -.goBottomIcon{background-position:-144px -32px;} -.footer{text-align:center;margin:30px 0 30px 0;} +a,a:link{color:#00c} +a:active{color:#f00} +a:visited{color:#551a8b} +h5{font-size:12px} +.content{margin:0 auto;max-width:1250px;padding:0 12px} +.header{height:108px} +.sub-title{font-size:14px;font-weight:normal} +.side{border-left:2px solid #e5ecf9;padding-left:12px;width:280px} +.main{margin-right:-294px;width:100%} +.main>div{min-width:280px;padding-right:318px} +#logoTitle{font-family:"Microsoft YaHei";font-size:32px;line-height:64px;text-decoration:none} +#statistic span{font-size:11px} +.article,.comments{padding-bottom:24px} +.article-title{background-color:#e3e3ff;border-top:1px solid #36c;margin-left:91px;padding:3px 0 6px 12px} +.article-title sup{font-size:12px} +.article-date{background-color:#e3e3ff;border:1px solid #bcf;float:left;margin:0 12px 12px 0;border-radius:5px;padding:7px 3px;width:70px;text-align:center;word-break:break-all} +.article-abstract{word-wrap:break-word} +.article-body{margin-left:12px;line-height:145%} +.article-footer{margin-right:12px} +.article-footer a,.article-details-footer a{text-decoration:none} +.article-details-footer{margin:36px 12px 0 0} +.article-relative{line-height:22px;margin-top:24px} +.comments{position:relative} +.comment-title{background-color:#e3e3ff;border-top:1px solid #36c;padding:3px 12px 3px 12px} +.comment-body-ref{background-color:#fff;border:1px solid #e3e3ff;filter:alpha(opacity=90);left:88px;opacity:.9;position:absolute;top:27px;width:87%;z-index:10} +.comment-body-ref .comment-title{border-top:0} +.comment-body{padding:9px 12px 12px;word-wrap:break-word;overflow:hidden} +.comment-picture{margin-right:12px} +.comment-picture img{height:60px;width:60px} +.comment-reply{margin:0 auto 24px auto} +.comment-content{float:left;width:88%} +#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0,0,0,0.3) inset} +.error-msg{color:#36c} +.error-footer{bottom:0;position:fixed;width:82%} +#sideNavi a.selected{color:#000;text-decoration:none} +.side-navi ul{list-style:none} +#sideNavi li{line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis} +#sideNavi li.aboutMe,#sideNavi li.side-navi-notice{white-space:normal} +#sideNavi sup{margin-right:3px;color:#008000} +.side-comment{text-decoration:none} +#recentComments p{display:inline} +#recentComments div,#recentComments br{display:none} +.line{border-top:thin dotted #bbb;margin-top:12px;padding-top:12px} +.pagination{margin:16px;text-align:center} +.pagination a,.pagination a:visited{color:#4272db;padding:0 3px;text-decoration:none} +.pagination a.selected{color:#000;font-weight:bold} +#tagsPanel .tagPanel{border:2px solid;cursor:pointer;float:left;margin:3px;border-radius:6px} +#tagsPanel .tagPanel:hover{background-color:#eee;border:2px dashed} +#tagsPanel .tagPanel{text-decoration:none} +.error-title{border-top:1px solid #36c;background-color:#e5ecf9;margin-left:12px;padding:6px 12px} +.error-panel{margin-left:12px;padding:24px} +.commentIcon,.browserIcon{background-image:url("../../../images/icon.png");cursor:pointer;height:16px;margin-right:3px;width:16px} +.commentIcon{background-position:-32px -16px} +.browserIcon{background-position:-128px -16px} +.goTopIcon{background-position:-128px -32px} +.goBottomIcon{background-position:-144px -32px} +.footer{text-align:center;margin:30px 0 30px 0} diff --git a/community/css/community.min.css b/community/css/community.min.css index 34ad079..525efcf 100644 --- a/community/css/community.min.css +++ b/community/css/community.min.css @@ -1,113 +1,113 @@ @charset "utf-8"; -body{background-color:#EFEFEF;color:#555555;min-width:960px;} -a,a:link{color:#000000;text-decoration:none;} -a:active,a:visited{color:#000000;text-decoration:none;} -a:hover{text-decoration:underline;} -.content{width:940px;margin:0 auto;} -.content>h2{margin:-20px 0 20px 0;} -.hr{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;margin:20px 0 40px;clear:both;height:2px;} -.arrow-right{background:url("../images/icon.png") 0px -64px no-repeat;float:left;height:38px;width:14px;} -input[type='button']{border-radius:5px;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset,0 0 2px rgba(255, 255, 255, 0.3) inset,0 1px 2px rgba(0, 0, 0, 0.29);background-color:#000000;background-image:linear-gradient(top, #333333, #000000);background-image:-moz-linear-gradient(top, #333333, #000000);background-image:-ms-linear-gradient(top, #333333, #000000);background-image:-o-linear-gradient(top, #333333, #000000);background-image:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');border:1px solid #000000;color:white;margin:15px 0 0 200px;padding:7px 13px;height:auto;} -input[type='button']:hover{background-color:#333333;background-image:linear-gradient(top, #333333, #212121);background-image:-moz-linear-gradient(top, #333333, #212121);background-image:-ms-linear-gradient(top, #333333, #212121);background-image:-o-linear-gradient(top, #333333, #212121);background-image:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#212121));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#212121');} -.marginBottom40{margin-bottom:40px;} -.header-user{background-color:#DEDEDE;padding-top:1px;} -.header-navi{background:url("../images/icon.png") 0px -130px repeat-x #333333;margin-bottom:50px;} -a.header-title{color:#FFFFFF;text-decoration:none;line-height:49px;font:bold 35px/53px '微软雅黑,Arial,Helvetica';} -.sub-title{color:#9BC4CE;margin-left:10px;} -.header-navi-main .tabs{list-style:none;height:57px;} -.header-navi-main .tab{float:left;font-size:16px;margin-left:1px;height:57px;} -.header-navi-main .tab:hover{background:url("../images/icon.png") repeat-x scroll 0 -130px #9bc4ce;} -#header-pages{position:relative;} -.header-navi-main .tab a{color:#FFFFFF;display:block;font-weight:bold;line-height:22px;padding:19px 16px 16px;text-decoration:none;} -#header-pages:hover .sub-tabs{left:0px;list-style:none;position:absolute;top:57px;display:block;} -.header-navi-main .sub-tab{background-color:#9BC4CE;border-bottom:1px solid #76A0AA;border-top:1px solid #B4D9E2;margin-left:0px;} -.header-navi-main .sub-tab a{min-width:98px;padding:0 16px;line-height:42px;font-size:14px;} -.header-navi-main .sub-tab:hover{background-color:#76A0AA;} -.article-header{color:#9F9F9F;float:left;font-size:12px;padding-top:15px;width:180px;} -.article-header ul{background-color:#333333;list-style:none;width:160px;} -.article-header ul li{background:url("../images/indentline.png") repeat-x scroll left bottom transparent;font-weight:bold;padding:7px 15px 8px;margin-left:0px;} -.article-header ul li a{color:#FFFFFF;display:block;} -.article-main{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin-right:20px;padding:20px 20px 0;width:499px;float:left;overflow:hidden;} -.article-body{line-height:145%;} -.article-body a{color:#075181;} -.article-body a:hover{color:#68ADD5;} -.article-main h2.title{font:bold 30px Arial,Helvetica,sans-serif;margin:0 0 20px;} -.article-main h2.title sup{font-size:12px;} -.read-more a{background-color:#F2F2F2;color:#333333;font-size:12px;padding:8px 18px 8px 12px;margin:20px 0;float:left;} -.article-footer{width:200px;float:left;} -.article-footer h3{background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;font-size:17px;padding:25px 0 10px;} -.article-footer ul{list-style:none;} -.article-footer li{margin-left:0px;border-bottom:1px solid #E0E0E0;padding:8px 5px;} -.article-footer a{color:#888888;margin-bottom:2px;display:block;} -.pagination{background-color:#FFFFFF;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;margin:0 0 20px 181px;text-align:center;padding:12px 20px;width:499px;} -.pagination a{color:#555555;padding:0 3px;text-decoration:none;} -.pagination a.selected{font-weight:bold;} -.pagination a:hover,.pagination a.selected{text-decoration:underline;} -.article-detail-body{width:716px;margin-right:0px;} -.article-detail-body .tags,#replyForm{margin:20px 0;} -.article-detail-footer{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin:40px 0 40px 181px;padding:20px;width:716px;} -.article-detail-footer>a{font-weight:bold;} -.article-relative{margin-top:20px;width:360px;} -.article-relative h4{font-size:14px;line-height:25px;} -.article-relative a{color:#555555;line-height:145%;} -#comments{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding-top:30px;position:relative;} -#comments>div{margin-top:10px;} -#comments>div>img{height:80px;width:80px;margin:1px 10px 10px 0;} -#comments .comment-panel{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;padding:20px;width:798px;margin-bottom:10px;word-wrap:break-word;overflow:hidden;} -#comments .comment-top{margin-bottom:10px;} -#comments .comment-panel .reply{margin-top:20px;} -#comments .comment-panel .reply a{border-radius:5px;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset,0 0 2px rgba(255, 255, 255, 0.3) inset,0 1px 2px rgba(0, 0, 0, 0.29);background-color:#EEEEEE;border:1px solid #888888;color:#555555;padding:2px 10px;} -#comments .comment-panel .reply a:hover{background-color:#E6E6E6;text-decoration:none;} -.comment-body-ref{position:absolute;border:1px solid #E3E3E3;background-color:#FFFFFF;padding:10px 0 0 10px;left:177px;opacity:0.9;} -#comments .comment-body-ref .comment-panel{border-width:0px;margin-bottom:0;width:620px;padding:10px;} -.comment-title{color:#333333;font-size:30px;margin:20px 0 15px 0;font-family:\5fae\8f6f\96c5\9ed1;} -.comment{margin-bottom:40px;} -.comment th{padding:10px 0px 10px 0;text-align:left;} -.comment input[type="text"],.comment textarea{outline:none;color:#666666;padding:10px 7px;background-color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;width:723px;border:1px solid #DDDDDD;font-size:12px;height:16px;line-height:16px;} -.comment textarea{margin:10px 0;padding:7px;height:auto;} -.comment #captchaReply{margin-left:10px;} -#commentValidate,#commentValidateReply{width:240px;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../community/images/emotions/emotions-black.png");margin:0 12px;} -.footer-secondary{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;padding:40px 0;} -.footer-secondary h4,.article-date,.comment th span.comment-label{background-color:#333333;color:#FFFFFF;float:left;font-size:17px;font-weight:bold;height:37px;line-height:37px;padding-left:15px;width:145px;} -.most-view-count-articles,.recent-comments,.notice{float:left;width:700px;margin-left:65px;word-break:break-all;word-wrap:break-word;} -.most-view-count-articles a{font:18px 微软雅黑;margin-right:20px;font-weight:bold;} -.most-view-count-articles sup{font-size:12px;color:#555555;font-weight:normal;margin-right:3px;} -.recent-comments div{float:left;margin:0 25px 10px 0px;text-align:center;width:91px;} -.recent-comments div a{display:block;line-height:22px;} -.recent-comments img,#comments>div>img{background-color:#FFFFFF;border-bottom:1px solid #C2C2C2;border-right:1px solid #C2C2C2;padding:8px 7px 7px 8px;width:75px;height:75px;} -.recent-comments img:hover,#comments>div>img:hover{border-color:#5A5A5A;} -.footer-widgets{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding:40px 0;} -.footer-block{margin-right:20px;width:220px;} -.footer-block h4{font:bold 18px 微软雅黑;color:#000000;height:25px;padding:0 0 15px;background:url("../images/indentline.png") repeat-x scroll left bottom transparent;} -.footer-block ul{list-style:none;} -.footer-block li{margin-left:0px;height:30px;padding-left:10px;background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;} -.footer-block li.mostUsedTags a{padding-left:20px;} -.footer-block li img{cursor:pointer;height:16px;left:0px;position:relative;top:-20px;width:16px;} -.footer-block li a{color:#555555;display:block;height:19px;line-height:19px;overflow:hidden;padding:6px 0 1px 0px;} -.footer-block li sup{float:left;margin:5px 3px 0 0;} -.footer-block li:hover{background:url("../images/icon.png") repeat-x 0px -34px;} -.footer{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;text-align:left;} -.footer .content{line-height:22px;} -.footer a{color:#000000;} -.footer .goTop{background:url("../images/icon.png") no-repeat -12px -64px;cursor:pointer;padding-left:15px;height:17px;line-height:17px;} -.error-msg{color:#333333;font-weight:bold;} -.error-footer{bottom:0;position:fixed;width:100%;} -.error-panel{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin-bottom:50px;padding:20px;} -.error-panel h2{font:bold 30px/24px;margin:0 0 20px;} -.read-more-icon,.arrow-dowm-icon,.tag-icon,.atom-icon,.up-icon,.down-icon{background-image:url("../images/icon.png");background-repeat:no-repeat;float:left;} -.read-more-icon{background-position:0 -22px;height:12px;margin:2px 0 0 6px;width:12px;} -.arrow-dowm-icon{background-position:-13px -22px;height:13px;margin:8px 0 0 6px;width:13px;cursor:pointer;} -.tag-icon{background-position:0px -102px;margin-right:6px;height:16px;width:16px;} -.atom-icon{height:22px;margin-left:6px;width:22px;} -.up-icon{background-position:-11px -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer;} -.down-icon{background-position:0 -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer;} -.star-current-icon,.star-icon,.moon-icon,.moon-current-icon{height:58px;width:64px;background-image:url("../images/author-header.png");float:right;white-space:normal;text-align:center;word-break:break-all;padding-top:6px;word-wrap:break-word;font-weight:bold;} -.star-current-icon{background-position:0px -64px;} -a.star-current-icon{color:#333333;} -.star-icon{background-position:0 -192px;} -a.star-icon{color:orange;} -.moon-icon{float:right;margin-top:4px;} -.moon-current-icon{float:right;background-position:0 -128px;margin:1px 0 3px 0;} -#tagsPanel a.tagPanel:hover{border:1px dashed;} -#tagsPanel a.tagPanel{border:1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:3px;cursor:pointer;float:left;} +body{background-color:#efefef;color:#555;min-width:960px} +a,a:link{color:#000;text-decoration:none} +a:active,a:visited{color:#000;text-decoration:none} +a:hover{text-decoration:underline} +.content{width:940px;margin:0 auto} +.content>h2{margin:-20px 0 20px 0} +.hr{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;margin:20px 0 40px;clear:both;height:2px} +.arrow-right{background:url("../images/icon.png") 0 -64px no-repeat;float:left;height:38px;width:14px} +input[type='button']{border-radius:5px;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 0 2px rgba(255,255,255,0.3) inset,0 1px 2px rgba(0,0,0,0.29);background-color:#000;background-image:linear-gradient(top, #333, #000);background-image:-moz-linear-gradient(top, #333, #000);background-image:-ms-linear-gradient(top, #333, #000);background-image:-o-linear-gradient(top, #333, #000);background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#000));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');border:1px solid #000;color:#fff;margin:15px 0 0 200px;padding:7px 13px;height:auto} +input[type='button']:hover{background-color:#333;background-image:linear-gradient(top, #333, #212121);background-image:-moz-linear-gradient(top, #333, #212121);background-image:-ms-linear-gradient(top, #333, #212121);background-image:-o-linear-gradient(top, #333, #212121);background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#212121));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#212121')} +.marginBottom40{margin-bottom:40px} +.header-user{background-color:#dedede;padding-top:1px} +.header-navi{background:url("../images/icon.png") 0 -130px repeat-x #333;margin-bottom:50px} +a.header-title{color:#fff;text-decoration:none;line-height:49px;font:bold 35px/53px '微软雅黑,Arial,Helvetica'} +.sub-title{color:#9bc4ce;margin-left:10px} +.header-navi-main .tabs{list-style:none;height:57px} +.header-navi-main .tab{float:left;font-size:16px;margin-left:1px;height:57px} +.header-navi-main .tab:hover{background:url("../images/icon.png") repeat-x scroll 0 -130px #9bc4ce} +#header-pages{position:relative} +.header-navi-main .tab a{color:#fff;display:block;font-weight:bold;line-height:22px;padding:19px 16px 16px;text-decoration:none} +#header-pages:hover .sub-tabs{left:0;list-style:none;position:absolute;top:57px;display:block} +.header-navi-main .sub-tab{background-color:#9bc4ce;border-bottom:1px solid #76a0aa;border-top:1px solid #b4d9e2;margin-left:0} +.header-navi-main .sub-tab a{min-width:98px;padding:0 16px;line-height:42px;font-size:14px} +.header-navi-main .sub-tab:hover{background-color:#76a0aa} +.article-header{color:#9f9f9f;float:left;font-size:12px;padding-top:15px;width:180px} +.article-header ul{background-color:#333;list-style:none;width:160px} +.article-header ul li{background:url("../images/indentline.png") repeat-x scroll left bottom transparent;font-weight:bold;padding:7px 15px 8px;margin-left:0} +.article-header ul li a{color:#fff;display:block} +.article-main{background-color:#fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin-right:20px;padding:20px 20px 0;width:499px;float:left;overflow:hidden} +.article-body{line-height:145%} +.article-body a{color:#075181} +.article-body a:hover{color:#68add5} +.article-main h2.title{font:bold 30px Arial,Helvetica,sans-serif;margin:0 0 20px} +.article-main h2.title sup{font-size:12px} +.read-more a{background-color:#f2f2f2;color:#333;font-size:12px;padding:8px 18px 8px 12px;margin:20px 0;float:left} +.article-footer{width:200px;float:left} +.article-footer h3{background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;font-size:17px;padding:25px 0 10px} +.article-footer ul{list-style:none} +.article-footer li{margin-left:0;border-bottom:1px solid #e0e0e0;padding:8px 5px} +.article-footer a{color:#888;margin-bottom:2px;display:block} +.pagination{background-color:#fff;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;margin:0 0 20px 181px;text-align:center;padding:12px 20px;width:499px} +.pagination a{color:#555;padding:0 3px;text-decoration:none} +.pagination a.selected{font-weight:bold} +.pagination a:hover,.pagination a.selected{text-decoration:underline} +.article-detail-body{width:716px;margin-right:0} +.article-detail-body .tags,#replyForm{margin:20px 0} +.article-detail-footer{background-color:#fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin:40px 0 40px 181px;padding:20px;width:716px} +.article-detail-footer>a{font-weight:bold} +.article-relative{margin-top:20px;width:360px} +.article-relative h4{font-size:14px;line-height:25px} +.article-relative a{color:#555;line-height:145%} +#comments{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding-top:30px;position:relative} +#comments>div{margin-top:10px} +#comments>div>img{height:80px;width:80px;margin:1px 10px 10px 0} +#comments .comment-panel{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding:20px;width:798px;margin-bottom:10px;word-wrap:break-word;overflow:hidden} +#comments .comment-top{margin-bottom:10px} +#comments .comment-panel .reply{margin-top:20px} +#comments .comment-panel .reply a{border-radius:5px;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 0 2px rgba(255,255,255,0.3) inset,0 1px 2px rgba(0,0,0,0.29);background-color:#eee;border:1px solid #888;color:#555;padding:2px 10px} +#comments .comment-panel .reply a:hover{background-color:#e6e6e6;text-decoration:none} +.comment-body-ref{position:absolute;border:1px solid #e3e3e3;background-color:#fff;padding:10px 0 0 10px;left:177px;opacity:.9} +#comments .comment-body-ref .comment-panel{border-width:0;margin-bottom:0;width:620px;padding:10px} +.comment-title{color:#333;font-size:30px;margin:20px 0 15px 0;font-family:\5fae\8f6f\96c5\9ed1} +.comment{margin-bottom:40px} +.comment th{padding:10px 0 10px 0;text-align:left} +.comment input[type="text"],.comment textarea{outline:none;color:#666;padding:10px 7px;background-color:#fff;font-family:Arial,Helvetica,sans-serif;width:723px;border:1px solid #ddd;font-size:12px;height:16px;line-height:16px} +.comment textarea{margin:10px 0;padding:7px;height:auto} +.comment #captchaReply{margin-left:10px} +#commentValidate,#commentValidateReply{width:240px} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../community/images/emotions/emotions-black.png");margin:0 12px} +.footer-secondary{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;padding:40px 0} +.footer-secondary h4,.article-date,.comment th span.comment-label{background-color:#333;color:#fff;float:left;font-size:17px;font-weight:bold;height:37px;line-height:37px;padding-left:15px;width:145px} +.most-view-count-articles,.recent-comments,.notice{float:left;width:700px;margin-left:65px;word-break:break-all;word-wrap:break-word} +.most-view-count-articles a{font:18px 微软雅黑;margin-right:20px;font-weight:bold} +.most-view-count-articles sup{font-size:12px;color:#555;font-weight:normal;margin-right:3px} +.recent-comments div{float:left;margin:0 25px 10px 0;text-align:center;width:91px} +.recent-comments div a{display:block;line-height:22px} +.recent-comments img,#comments>div>img{background-color:#fff;border-bottom:1px solid #c2c2c2;border-right:1px solid #c2c2c2;padding:8px 7px 7px 8px;width:75px;height:75px} +.recent-comments img:hover,#comments>div>img:hover{border-color:#5a5a5a} +.footer-widgets{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding:40px 0} +.footer-block{margin-right:20px;width:220px} +.footer-block h4{font:bold 18px 微软雅黑;color:#000;height:25px;padding:0 0 15px;background:url("../images/indentline.png") repeat-x scroll left bottom transparent} +.footer-block ul{list-style:none} +.footer-block li{margin-left:0;height:30px;padding-left:10px;background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent} +.footer-block li.mostUsedTags a{padding-left:20px} +.footer-block li img{cursor:pointer;height:16px;left:0;position:relative;top:-20px;width:16px} +.footer-block li a{color:#555;display:block;height:19px;line-height:19px;overflow:hidden;padding:6px 0 1px 0} +.footer-block li sup{float:left;margin:5px 3px 0 0} +.footer-block li:hover{background:url("../images/icon.png") repeat-x 0 -34px} +.footer{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;text-align:left} +.footer .content{line-height:22px} +.footer a{color:#000} +.footer .goTop{background:url("../images/icon.png") no-repeat -12px -64px;cursor:pointer;padding-left:15px;height:17px;line-height:17px} +.error-msg{color:#333;font-weight:bold} +.error-footer{bottom:0;position:fixed;width:100%} +.error-panel{background-color:#fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin-bottom:50px;padding:20px} +.error-panel h2{font:bold 30px/24px;margin:0 0 20px} +.read-more-icon,.arrow-dowm-icon,.tag-icon,.atom-icon,.up-icon,.down-icon{background-image:url("../images/icon.png");background-repeat:no-repeat;float:left} +.read-more-icon{background-position:0 -22px;height:12px;margin:2px 0 0 6px;width:12px} +.arrow-dowm-icon{background-position:-13px -22px;height:13px;margin:8px 0 0 6px;width:13px;cursor:pointer} +.tag-icon{background-position:0 -102px;margin-right:6px;height:16px;width:16px} +.atom-icon{height:22px;margin-left:6px;width:22px} +.up-icon{background-position:-11px -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer} +.down-icon{background-position:0 -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer} +.star-current-icon,.star-icon,.moon-icon,.moon-current-icon{height:58px;width:64px;background-image:url("../images/author-header.png");float:right;white-space:normal;text-align:center;word-break:break-all;padding-top:6px;word-wrap:break-word;font-weight:bold} +.star-current-icon{background-position:0 -64px} +a.star-current-icon{color:#333} +.star-icon{background-position:0 -192px} +a.star-icon{color:#ffa500} +.moon-icon{float:right;margin-top:4px} +.moon-current-icon{float:right;background-position:0 -128px;margin:1px 0 3px 0} +#tagsPanel a.tagPanel:hover{border:1px dashed} +#tagsPanel a.tagPanel{border:1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:3px;cursor:pointer;float:left} diff --git a/ease/css/ease.min.css b/ease/css/ease.min.css index e759d83..ba1b26f 100644 --- a/ease/css/ease.min.css +++ b/ease/css/ease.min.css @@ -1,123 +1,123 @@ -html,body,div,ul,li{margin:0;padding:0;} -body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#FCFCFC;} -::selection{background-color:#D5D5D5;color:#FCFCFC;} -::-moz-selection{background-color:#D5D5D5;color:#FCFCFC;} -a{outline:none;color:#009EB8;text-decoration:none;} -a:visited{color:#00b4d2;} -a:hover{text-decoration:underline;} -a:active{color:#00889f;} -img{vertical-align:middle;border:0;} -textarea,input{outline:none;} -sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;} -.left{float:left;} -.right{float:right;} -.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;} -.none{display:none;} -.ft-gray{color:#808080;} -.ft-gray:visited{color:#9a9a9a;} -.ft-gray:hover{color:#676767;text-decoration:none;} -.fn-mgtb10{margin:10px 0;} -.logo{padding:0 5px;text-shadow:0 0 1px #D5D5D5;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../ease/images/emotions/emotions-ease.png");float:left;height:24px;margin-right:5px;width:24px;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;} -#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg);} -.em01{background-position:-24px 0;} -.em02{background-position:-48px 0;} -.em03{background-position:-72px 0;} -.em04{background-position:-96px 1px;} -.em05{background-position:0 -24px;} -.em06{background-position:-24px -24px;} -.em07{background-position:-48px -24px;} -.em08{background-position:-72px -24px;} -.em09{background-position:-96px -24px;} -.em10{background-position:0 -48px;} -.em11{background-position:-24px -48px;} -.em12{background-position:-48px -48px;} -.em13{background-position:-72px -48px;} -.em14{background-position:-96px -48px;} -#search,.translate-ico{background-image:url("/skins/ease/images/icons.png");} -.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #D5D5D5;border-radius:3px;cursor:pointer;float:right;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px;} -.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px #808080;background-color:#FCFCFC;} -.wrapper{margin:0 auto;width:990px;} -.main{background-color:#FFF;padding-bottom:50px;} -.header{width:100%;z-index:1;} -.header .title{border-bottom:1px solid #808080;font-size:26px;font-weight:normal;} -.header .sub-title{font-size:11px;} -#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #D5D5D5;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1) inset;color:#808080;float:right;font-size:14px;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width 0.4s ease, background 0.4s ease;-webkit-transition:width 0.4s ease, background 0.4s ease;transition:width 0.4s ease, background 0.4s ease;} -#search:focus{width:150px;} -.banner{margin-bottom:20px;} -.banner .notice{float:left;margin:20px 0 0 50px;} -.nav{background-color:#2C2C2C;box-shadow:0 2px 2px #d5d5d5,0 3px 3px -3px #d5d5d5 inset;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;height:29px;top:0;width:100%;z-index:1;} -.nav ul{list-style:none;float:left;} -.nav li{float:left;} -.nav a{color:#C9C9C9;display:block;float:left;font-size:14px;font-weight:700;line-height:29px;margin-right:20px;padding:0 10px;text-decoration:none;transition:color 0.4s ease,background-color 0.8s ease;-webkit-transition:color 0.4s ease,background-color 0.8s ease;-moz-transition:color 0.4s ease,background-color 0.8s ease;} -.nav a:hover{color:#FFF;background-color:#535353;} -.nav a.current{background-color:#FFF;box-shadow:0 -1px 1px rgba(0, 0, 0, 0.1) inset,0 1px 1px rgba(0, 0, 0, 0.1) inset;color:#808080;} -.nav img{margin-left:3px;} -.footer{border-top:1px solid #D5D5D5;box-shadow:0 -1px 1px #d5d5d5;font-size:11px;padding:12px 0;-webkit-text-size-adjust:none;} -#goTop{background:url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #d5d5d5;border-radius:2px 2px 0 0;box-shadow:0 0 3px #D5D5D5;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:50px;display:none;} -#goTop:hover{background-color:#c8c8c8;box-shadow:0 0 3px #c8c8c8;} -.wrapper>ul{list-style:none;} -.main>.wrapper>h2{margin:0;padding:14px 0;} -.article{border-bottom:1px solid #f6f6f6;padding:30px 50px;} -.article:hover{border-bottom-color:#ddd;box-shadow:0 0 1px #f6f6f6 inset;background-color:#FCFCFC;} -.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;margin-bottom:10px;font-size:14px;} -.article-body ol,.article-body ul{margin-left:40px;} -.article-body a{color:#808080;text-decoration:underline;} -.article-body a:vidited{color:#9a9a9a;} -.article-body a:hover{color:#676767;} -.article-body>div{min-height:32px;} -.article-title h2{display:inline;} -.article-title span{cursor:pointer;} -.article-last:hover{border-bottom:1px solid #f6f6f6;} -.article-next{border:1px solid #eee;background-color:#F9F9F9;cursor:pointer;font-size:14px;line-height:36px;text-align:center;} -.article-next:hover{background-color:#FCFCFC;} -.article-relative{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;margin:10px 0;padding:0 20px 10px;width:382px;} -.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5;} -.article-relative ul{list-style:none;} -#relevantArticles{margin-right:40px;} -#externalRelevantArticles{width:357px;margin-top:0;} -#comments{padding:20px 50px;position:relative;} -.comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px;} -.comment-panel{float:left;line-height:16px;margin:0 0 20px 10px;min-height:64px;overflow:hidden;width:814px;} -.comment-body-ref{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;left:127px;padding:10px;opacity:0.9;filter:alpha(opacity=90);position:absolute;border:1px solid #e2e2e2;} -.comment-body-ref>.comment-header{border:0 none;float:right;height:48px;width:48px;padding:0;} -.comment-body-ref>.comment-panel{margin:0 20px 0 0;min-height:48px;width:725px;} -.comment-body-ref>.comment-panel>.right{display:none;} -#replyForm{margin-left:25px;} -.form{padding:0 50px 20px;} -.wrapper>.form{float:left;} -.form th{text-align:right;white-space:nowrap;} -.form input[type="text"],.form input[type="password"],.form textarea{background-color:#FCFCFC;border-width:0;box-shadow:0 0 2px #BCBCBC;font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;margin:0 5px 10px 0;outline:medium none;padding:0 3px;height:28px;line-height:28px;width:260px;} -.form input:focus,.form textarea:focus{box-shadow:0 0 4px #D5D5D5;} -.form textarea{height:120px;overflow:auto;width:426px;line-height:16px;} -.form button{background-color:#F6F6F6;border:0 none;box-shadow:0 0 2px #D5D5D5;height:28px;line-height:28px;padding:0 12px;color:#808080;} -.form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px;} -.form img{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;cursor:pointer;height:24px;padding:1px;} -#tags.other-main{margin:47px 44px 0;width:902px;} -#tags li{float:left;height:38px;} -#tags a{margin:3px 6px;padding:3px 12px;background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;} -#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #D5D5D5;} -.tags1,.tags1:visited{font-size:12px;color:#a7a7a7;} -.tags2,.tags2:visited{font-size:14px;color:#808080;} -.tags3,.tags3:visited{font-size:16px;color:#595959;} -.tags4,.tags4:visited{font-size:18px;color:#323232;} -.tags5,.tags5:visited{font-size:20px;color:#0a0a0a;} -.archives{position:relative;} -.archives>div{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;padding-bottom:20px;line-height:20px;margin:20px;width:270px;position:absolute;top:0;} -.archives h3{text-align:center;} -.archives>div:hover{box-shadow:0 0 4px #D5D5D5;} -.archives a{display:block;margin-left:77px;} -.dynamic ul{list-style:none;} -.dynamic h3{text-align:center;} -.dynamic .module{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;line-height:20px;margin:20px;padding:10px 20px 20px;width:385px;} -.dynamic .module:hover{box-shadow:0 0 4px #D5D5D5;} -.dynamic .side-comments{width:600px;} -.dynamic .side-comments .comment-panel{width:510px;} -.dynamic .side-tags{width:170px;} -.dynamic .side-tags li{float:left;margin:0 5px;} -.dynamic .side-most-comment,.dynamic .side-most-view{margin-bottom:0;} -.other-main.links{margin-top:45px;} -.links li{float:left;line-height:22px;margin:0 20px;width:270px;} -.other-main{display:inline-block;margin:30px 30px 0;width:930px;} -#tags a,.archives>div,.dynamic .module,.form input[type="text"],.form input[type="password"],.form textarea,.article-relative{border:1px solid #f2f2f2;} -#tags a:hover,.archives>div:hover,.dynamic .module:hover,.form input:focus,.form textarea:focus,.article-relative:hover{border:1px solid #e2e2e2;} +html,body,div,ul,li{margin:0;padding:0} +body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#fcfcfc} +::selection{background-color:#d5d5d5;color:#fcfcfc} +::-moz-selection{background-color:#d5d5d5;color:#fcfcfc} +a{outline:none;color:#009eb8;text-decoration:none} +a:visited{color:#00b4d2} +a:hover{text-decoration:underline} +a:active{color:#00889f} +img{vertical-align:middle;border:0} +textarea,input{outline:none} +sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none} +.left{float:left} +.right{float:right} +.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden} +.none{display:none} +.ft-gray{color:#808080} +.ft-gray:visited{color:#9a9a9a} +.ft-gray:hover{color:#676767;text-decoration:none} +.fn-mgtb10{margin:10px 0} +.logo{padding:0 5px;text-shadow:0 0 1px #d5d5d5} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../ease/images/emotions/emotions-ease.png");float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out} +#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)} +.em01{background-position:-24px 0} +.em02{background-position:-48px 0} +.em03{background-position:-72px 0} +.em04{background-position:-96px 1px} +.em05{background-position:0 -24px} +.em06{background-position:-24px -24px} +.em07{background-position:-48px -24px} +.em08{background-position:-72px -24px} +.em09{background-position:-96px -24px} +.em10{background-position:0 -48px} +.em11{background-position:-24px -48px} +.em12{background-position:-48px -48px} +.em13{background-position:-72px -48px} +.em14{background-position:-96px -48px} +#search,.translate-ico{background-image:url("/skins/ease/images/icons.png")} +.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #d5d5d5;border-radius:3px;cursor:pointer;float:right;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px} +.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px #808080;background-color:#fcfcfc} +.wrapper{margin:0 auto;width:990px} +.main{background-color:#fff;padding-bottom:50px} +.header{width:100%;z-index:1} +.header .title{border-bottom:1px solid #808080;font-size:26px;font-weight:normal} +.header .sub-title{font-size:11px} +#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#fff;border:1px solid #d5d5d5;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#808080;float:right;font-size:14px;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width .4s ease,background .4s ease;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease} +#search:focus{width:150px} +.banner{margin-bottom:20px} +.banner .notice{float:left;margin:20px 0 0 50px} +.nav{background-color:#2c2c2c;box-shadow:0 2px 2px #d5d5d5,0 3px 3px -3px #d5d5d5 inset;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;height:29px;top:0;width:100%;z-index:1} +.nav ul{list-style:none;float:left} +.nav li{float:left} +.nav a{color:#c9c9c9;display:block;float:left;font-size:14px;font-weight:700;line-height:29px;margin-right:20px;padding:0 10px;text-decoration:none;transition:color .4s ease,background-color .8s ease;-webkit-transition:color .4s ease,background-color .8s ease;-moz-transition:color .4s ease,background-color .8s ease} +.nav a:hover{color:#fff;background-color:#535353} +.nav a.current{background-color:#fff;box-shadow:0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 1px rgba(0,0,0,0.1) inset;color:#808080} +.nav img{margin-left:3px} +.footer{border-top:1px solid #d5d5d5;box-shadow:0 -1px 1px #d5d5d5;font-size:11px;padding:12px 0;-webkit-text-size-adjust:none} +#goTop{background:url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #d5d5d5;border-radius:2px 2px 0 0;box-shadow:0 0 3px #d5d5d5;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:50px;display:none} +#goTop:hover{background-color:#c8c8c8;box-shadow:0 0 3px #c8c8c8} +.wrapper>ul{list-style:none} +.main>.wrapper>h2{margin:0;padding:14px 0} +.article{border-bottom:1px solid #f6f6f6;padding:30px 50px} +.article:hover{border-bottom-color:#ddd;box-shadow:0 0 1px #f6f6f6 inset;background-color:#fcfcfc} +.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;margin-bottom:10px;font-size:14px} +.article-body ol,.article-body ul{margin-left:40px} +.article-body a{color:#808080;text-decoration:underline} +.article-body a:vidited{color:#9a9a9a} +.article-body a:hover{color:#676767} +.article-body>div{min-height:32px} +.article-title h2{display:inline} +.article-title span{cursor:pointer} +.article-last:hover{border-bottom:1px solid #f6f6f6} +.article-next{border:1px solid #eee;background-color:#f9f9f9;cursor:pointer;font-size:14px;line-height:36px;text-align:center} +.article-next:hover{background-color:#fcfcfc} +.article-relative{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;float:left;margin:10px 0;padding:0 20px 10px;width:382px} +.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #d5d5d5} +.article-relative ul{list-style:none} +#relevantArticles{margin-right:40px} +#externalRelevantArticles{width:357px;margin-top:0} +#comments{padding:20px 50px;position:relative} +.comment-header{float:left;background-color:#fff;border:1px solid #dedede;padding:2px;height:60px;width:60px} +.comment-panel{float:left;line-height:16px;margin:0 0 20px 10px;min-height:64px;overflow:hidden;width:814px} +.comment-body-ref{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;display:block;left:127px;padding:10px;opacity:.9;filter:alpha(opacity=90);position:absolute;border:1px solid #e2e2e2} +.comment-body-ref>.comment-header{border:0 none;float:right;height:48px;width:48px;padding:0} +.comment-body-ref>.comment-panel{margin:0 20px 0 0;min-height:48px;width:725px} +.comment-body-ref>.comment-panel>.right{display:none} +#replyForm{margin-left:25px} +.form{padding:0 50px 20px} +.wrapper>.form{float:left} +.form th{text-align:right;white-space:nowrap} +.form input[type="text"],.form input[type="password"],.form textarea{background-color:#fcfcfc;border-width:0;box-shadow:0 0 2px #bcbcbc;font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;margin:0 5px 10px 0;outline:medium none;padding:0 3px;height:28px;line-height:28px;width:260px} +.form input:focus,.form textarea:focus{box-shadow:0 0 4px #d5d5d5} +.form textarea{height:120px;overflow:auto;width:426px;line-height:16px} +.form button{background-color:#f6f6f6;border:0 none;box-shadow:0 0 2px #d5d5d5;height:28px;line-height:28px;padding:0 12px;color:#808080} +.form button:hover{box-shadow:0 0 4px #d5d5d5;text-shadow:0 0 2px} +.form img{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;cursor:pointer;height:24px;padding:1px} +#tags.other-main{margin:47px 44px 0;width:902px} +#tags li{float:left;height:38px} +#tags a{margin:3px 6px;padding:3px 12px;background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;float:left} +#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #d5d5d5} +.tags1,.tags1:visited{font-size:12px;color:#a7a7a7} +.tags2,.tags2:visited{font-size:14px;color:#808080} +.tags3,.tags3:visited{font-size:16px;color:#595959} +.tags4,.tags4:visited{font-size:18px;color:#323232} +.tags5,.tags5:visited{font-size:20px;color:#0a0a0a} +.archives{position:relative} +.archives>div{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;padding-bottom:20px;line-height:20px;margin:20px;width:270px;position:absolute;top:0} +.archives h3{text-align:center} +.archives>div:hover{box-shadow:0 0 4px #d5d5d5} +.archives a{display:block;margin-left:77px} +.dynamic ul{list-style:none} +.dynamic h3{text-align:center} +.dynamic .module{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;float:left;line-height:20px;margin:20px;padding:10px 20px 20px;width:385px} +.dynamic .module:hover{box-shadow:0 0 4px #d5d5d5} +.dynamic .side-comments{width:600px} +.dynamic .side-comments .comment-panel{width:510px} +.dynamic .side-tags{width:170px} +.dynamic .side-tags li{float:left;margin:0 5px} +.dynamic .side-most-comment,.dynamic .side-most-view{margin-bottom:0} +.other-main.links{margin-top:45px} +.links li{float:left;line-height:22px;margin:0 20px;width:270px} +.other-main{display:inline-block;margin:30px 30px 0;width:930px} +#tags a,.archives>div,.dynamic .module,.form input[type="text"],.form input[type="password"],.form textarea,.article-relative{border:1px solid #f2f2f2} +#tags a:hover,.archives>div:hover,.dynamic .module:hover,.form input:focus,.form textarea:focus,.article-relative:hover{border:1px solid #e2e2e2} diff --git a/ease/js/ease.min.js b/ease/js/ease.min.js index 60ae32a..f66545c 100644 --- a/ease/js/ease.min.js +++ b/ease/js/ease.min.js @@ -1 +1 @@ -var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};var getNextPage=function(){var $more=$(".article-next");currentPage+=1;var path="/articles/";if($("#tag").length===1){var pathnames=location.pathname.split("/");path="/articles/tags/"+pathnames[pathnames.length-1]+"/"}else if($("#archive").length===1){var pathnames=location.pathname.split("/");path="/articles/archives/"+pathnames[pathnames.length-2]+"/"+pathnames[pathnames.length-1]+"/"}else if($("#author").length===1){var pathnames=location.pathname.split("/");path="/articles/authors/"+pathnames[pathnames.length-1]+"/"}$.ajax({url:latkeConfig.servePath+path+currentPage,type:"GET",beforeSend:function(){$more.css("background","url("+latkeConfig.staticServePath+"/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe")},success:function(result,textStatus){if(!result.sc){return}var articlesHTML="",pagination=result.rslts.pagination;for(var i=0;i'+'
'+"

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

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

"+years[j]+"

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

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

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

"+years[j]+"

"+monthsHTML+""}$archives.html(yearsHTML);var $items=$(".archives>div"),line=0,top=0,heights=[];for(var m=0;m<$items.length;m++){for(var n=0;n<3;n++){if(m>=$items.length){break}$items[m].style.left=n*310+"px";if(line>0){if($items[m-3].style.top!==""){top=parseInt($items[m-3].style.top)}$items[m].style.top=$($items[m-3]).height()+60+top+"px";heights[n]=parseInt($items[m].style.top)+$($items[m]).height()+60}else{heights[n]=$($items[m]).height()+60}if(n<2){m+=1}}line+=1}$archives.height(heights.sort()[heights.length-1])},scrollEvent:function(){var _it=this;$(window).scroll(function(){var y=$(window).scrollTop(),topH=0;if($("#top").css("display")==="block"){topH=$("#top").height()}if(y>=_it.headerH+topH){_it.$nav.css("position","fixed");_it.$body.css("marginTop","55px")}else{_it.$nav.css("position","inherit");_it.$body.css("marginTop","0")}if(y>_it.headerH){var bodyH=$(window).height();var top=y+bodyH-21;if($("body").height()-58<=y+bodyH){top=$(".footer").offset().top-21}$("#goTop").fadeIn("slow").css("top",top)}else{$("#goTop").hide()}})},setDynamic:function(){var $dynamic=$(".dynamic");if($(".dynamic").length<1){return}var $comments=$dynamic.find(".side-comments"),$tags=$dynamic.find(".side-tags"),$mostComment=$dynamic.find(".side-most-comment"),$mostView=$dynamic.find(".side-most-view");if($comments.height()>$tags.height()){$tags.height($comments.height())}else{$comments.height($tags.height())}if($mostComment.height()>$mostView.height()){$mostView.height($mostComment.height())}else{$mostComment.height($mostView.height())}$(".article-body").each(function(){this.innerHTML=Util.replaceEmString($(this).html())})},scrollToCmt:function(){if($(window.location.hash).length==1){$(window).scrollTop($(window.location.hash).offset().top-60)}}};!function(){ease.getCurrentPage();ease.initCommon();ease.scrollEvent();ease.setNavCurrent();ease.initArchives();ease.setDynamic()}(); \ No newline at end of file diff --git a/favourite/css/favourite.min.css b/favourite/css/favourite.min.css index 9ebee8b..794974e 100644 --- a/favourite/css/favourite.min.css +++ b/favourite/css/favourite.min.css @@ -1,128 +1,128 @@ @charset "utf-8"; -body{background:url("../images/bg.jpg") repeat scroll left top transparent;} -a,a:link,a:active,a:visited{color:#2970A6;text-decoration:none;} -a:hover{color:black;} -h1{font-size:300%;} -h4{font-size:160%;padding:18px 0 0 80px;} -h5{font-size:12px;} -.margin5R{margin-right:5px;} -.margin5{margin:5px;} -.margin25{margin:25px 25px 0;} -.content{margin:0 auto;width:960px;} -.header{height:65px;padding:15px 0 0 30px;} -.body{background:url("../images/cont-bg.png") repeat-y scroll right center #ffffff;min-height:400px;} -.side-navi{background:url("../images/cont-bg.png") repeat-y scroll left top #00798a;color:white;font-size:95%;line-height:145%;padding-top:8px;position:relative;width:300px;} -.side-navi ul{list-style:none;} -.side-navi a{color:#FFFFFF;} -.comm div{display:none;} -.main{padding:0 0 15px 35px;width:600px;} -.footer{color:white;line-height:145%;} -#logoTitle{color:white;display:block;font-family:"Microsoft YaHei";height:50px;outline:none;text-decoration:none;} -.sub-title{border-top:1px solid #FFFFFF;color:#FFFFFF;font-size:18px;padding:0 15px;} -#header-navi{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #A6A6A6;} -#header-navi li{float:left;list-style:none;margin-left:0px;} -#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382E1F;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none;} -#header-navi li a:hover{background-position:0 -31px;} -#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px;} -#header-navi li a.home:hover{background-position:0 -124px;} -#header-navi li a.lastNavi:hover{background-position:0 0;} -#header-navi li.selected a{background-position:0 -62px;} -#header-navi li.selected a.home{background-position:0 -155px;} -#statistic{left:250px;position:relative;text-align:left;top:110px;width:600px;} -.footer .copyright{padding-top:60px;text-align:center;} -.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;cursor:pointer;font-size:12px;padding-left:16px;position:absolute;right:17px;top:0;width:25px;} -.article{border-top:1px dotted #0184AF;padding-bottom:15px;} -.article-title{font-size:22px;margin-top:10px;padding:0 5px 3px;position:relative;top:20px;} -.article-title sup{font-size:12px;} -.article-title a{color:#4C4C4C;text-decoration:none;} -.article-title a:hover{color:#2970A6;} -.article-abstract{line-height:145%;margin:5px 0 5px 5px;word-wrap:break-word;} -.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:30px;margin-right:6px;width:30px;} -.tagsIcon{background:url("../images/tagsIcon.png");} -.dateIcon{background-position:0 -48px;} -.articles-commentIcon{background:url("../images/comment.jpg");} -.article-browserIcon{background:url("../images/category.jpg");} -.article-body{line-height:145%;padding:5px 0 0 5px;} -.article-footer{margin:0 5px 10px 5px;} -.article-relative{line-height:22px;margin-top:20px;} -.article-relative h4{font-size:12px;padding:0;} -.comments{background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;position:relative;} -.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative;} -.comment-body-ref{background-color:#FFFFFF;filter:alpha(opacity=90);left:217px;opacity:0.9;padding:6px;position:absolute;width:605px;z-index:10;} -.comment-body{margin-top:15px;} -.comment-author{float:left;text-align:center;width:81px;} -.comment-author div{background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;margin-top:10px;padding-right:14px;} -.comment-author img{border:1px solid #999999;height:32px;padding:1px;width:32px;} -.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px;} -.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #edeff0;font-size:12px;margin:-62px 0 0 80px;padding:10px 15px 0;width:494px;} -.comment-content{background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;font-size:12px;line-height:145%;margin:0 -15px;overflow:hidden;padding:9px 15px 10px;word-wrap:break-word;} -.comment-form img{cursor:pointer;} -.comment-form input,.comment-form textarea{background:url("../images/textfield.gif") repeat-x scroll 50% 0 #ffffff;border:1px solid #A6A6A6;color:#555555;font-family:Helvetica,Arial,sans-serif;height:16px;outline:none;padding:2px 1px;width:200px;} -.comment-form textarea{font-size:12px;height:auto;width:600px;} -.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-radius:0px;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;height:22px;line-height:22px;padding:0px 6px;} -.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../favourite/images/emotions/emotions-blue.png");} -.error-msg{color:#3366CC;} -.side-navi .item{padding:12px 15px;} -.side-navi .navi-comments img{border:1px solid #999999;height:32px;margin-right:7px;padding:1px;width:32px;} -.side-navi .navi-comments a{color:white;font-weight:bold;} -.side-navi .navi-comments .side-comment{color:white;font-weight:normal;height:18px;width:210px;} -.side-navi .navi-comments .side-comment img{border:0px;height:16px;margin-right:0px;padding:0px;width:16px;} -.side-navi .navi-comments li{padding:2px 0;} -.side-navi .navi-comments li div{width:215px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} -.side-navi a.selected{color:#555555;text-decoration:none;} -.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0px;} -.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px;} -.side-navi li{background:url("../images/pl.png") no-repeat scroll 0 0 transparent;margin:5px 0 0 0;overflow:hidden;padding-left:22px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} -.side-navi li.aboutMe{white-space:normal;} -.side-navi .line{border-color:#67C3CF;border-style:dotted;border-width:1px 0;} -.pagination{margin:16px;text-align:center;} -.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;} -.pagination a.selected{color:#000000;font-weight:bold;} -#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px;} -#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed;} -#tagsPanel .tagPanel{text-decoration:none;} -.error-body{background:url("../images/cont-bg_2.png") repeat-y scroll left;height:400px;padding:12px;} -.error-title{line-height:72px;} -.error-panel{margin:0 auto;width:201px;} -.error-panel a{background:none repeat scroll 0 0 #9CD941;border-color:#D0F29D #398A38 #398A38 #D0F29D;border-style:solid;border-width:1px;color:#000000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none;} -.error-panel a:hover{background-color:#ADEb51;} -.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #f4f5f7;margin-bottom:10px;padding:8px 12px;} -.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #e3e4e6;border-bottom:1px solid #CCCCCC;font-weight:bold;padding:6px 12px;} -.top{background:url("../images/top-bg.jpg") repeat-x scroll left top transparent;border:none;color:white;height:87px;} -.footer-icon{background:url("../images/footer-ico.png") no-repeat scroll center center transparent;height:133px;} -.info{background:url("../images/info.png") repeat-x scroll left top transparent;height:110px;position:relative;} -.logoutIcon{background-position:-96px -16px;} -#qq2{float:right;padding:68px 120px 0 0;} -.thinks{background:url("../images/thinks.png") no-repeat scroll left top transparent;height:420px;position:absolute;right:12px;top:36px;width:388px;z-index:1;} -.lamb{background:url("../images/lamb.png") no-repeat scroll left top transparent;height:80px;left:460px;position:absolute;top:100px;width:320px;} -.lamb a{display:block;height:80px;outline:none;width:320px;} -.null{height:160px;} -#navigation{height:87px;margin:0 auto;width:960px;} -#navigation a.classifiche{background:url("../images/classifiche.png") no-repeat scroll left top transparent;} -#navigation a.about{background:url("../images/about.png") no-repeat scroll left top transparent;} -#navigation a.home{background:url("../images/home.png") no-repeat scroll left top transparent;} -#navigation a.Guestbook{background:url("../images/Guestbook.png") no-repeat scroll left top transparent;} -#navigation a{background:url("../images/default.png") no-repeat scroll left top transparent;color:#FFFFFF;cursor:pointer !important;float:left;height:70px;margin-left:10px;outline:none;padding-top:2px;text-align:center;text-decoration:none;width:73px;} -.admins{position:relative;top:-85px;} -#mostCommentArticles li a,#mostViewCountArticles li a,.navi-tags li a,#sideLink li a,#save li a,#sideAuthor li a{color:white;} -.roundtop{background:url("../images/roundtop.png") no-repeat scroll left top transparent;height:75px;} -.roundbottom{background:url("../images/roundbottom.png") no-repeat scroll left top transparent;height:35px;} -.paint{background:url("../images/paint.png") no-repeat scroll left top transparent;height:183px;left:34px;position:absolute;top:450px;width:87px;} -.rings{background:url("../images/anelli.png") no-repeat scroll left top transparent;height:121px;left:-28px;position:absolute;width:56px;z-index:80;} -.antefatto{background:url("../images/twitter.png") no-repeat scroll left top transparent;height:64px;} -.ads{background:url("../images/ads.png") no-repeat scroll left top transparent;height:64px;} -.categorie{background:url("../images/categorie.png") no-repeat scroll left top transparent;height:64px;} -.archivio{background:url("../images/archivio.png") no-repeat scroll left top transparent;height:64px;} -.side-author{background:url("../images/antefatto.png") no-repeat scroll left top transparent;height:64px;} -.blog{background:url("../images/blog.png") no-repeat scroll left top transparent;height:64px;} -.cuore{background:url("../images/cuore.png") no-repeat scroll left top transparent;height:64px;} -.esclamativo{background:url("../images/esclamativo.png") no-repeat scroll left top transparent;height:64px;} -.posttime-blue{background-color:#0184AF;} -.posttime-blue,.posttime-pink{border:1px solid #999999;clear:right;color:#FFFFFF;float:right;font-family:Tohama,Arial,Helvetica,sans-serif;height:60px;position:relative;right:30px;top:-25px;width:60px;} -.posttime-MY{border-bottom:1px solid #FFFFFF;font-size:9px;height:15px;padding-top:5px;text-align:center;} -.posttime-D{font-size:28px;font-weight:bold;text-align:center;} -.note{background:none repeat scroll 0 0 #E7F5F7;margin:40px 0 0 -49px;padding:10px 10px 10px 85px;position:relative;width:574px;z-index:50;} -.corner{background:url("../images/corner.png") no-repeat scroll left top transparent;height:9px;left:0;position:absolute;top:-9px;width:9px;} -.count{position:relative;top:8px;} -.substance{overflow:hidden;width:500px;} +body{background:url("../images/bg.jpg") repeat scroll left top transparent} +a,a:link,a:active,a:visited{color:#2970a6;text-decoration:none} +a:hover{color:#000} +h1{font-size:300%} +h4{font-size:160%;padding:18px 0 0 80px} +h5{font-size:12px} +.margin5R{margin-right:5px} +.margin5{margin:5px} +.margin25{margin:25px 25px 0} +.content{margin:0 auto;width:960px} +.header{height:65px;padding:15px 0 0 30px} +.body{background:url("../images/cont-bg.png") repeat-y scroll right center #fff;min-height:400px} +.side-navi{background:url("../images/cont-bg.png") repeat-y scroll left top #00798a;color:#fff;font-size:95%;line-height:145%;padding-top:8px;position:relative;width:300px} +.side-navi ul{list-style:none} +.side-navi a{color:#fff} +.comm div{display:none} +.main{padding:0 0 15px 35px;width:600px} +.footer{color:#fff;line-height:145%} +#logoTitle{color:#fff;display:block;font-family:"Microsoft YaHei";height:50px;outline:none;text-decoration:none} +.sub-title{border-top:1px solid #fff;color:#fff;font-size:18px;padding:0 15px} +#header-navi{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #a6a6a6} +#header-navi li{float:left;list-style:none;margin-left:0} +#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382e1f;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none} +#header-navi li a:hover{background-position:0 -31px} +#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px} +#header-navi li a.home:hover{background-position:0 -124px} +#header-navi li a.lastNavi:hover{background-position:0 0} +#header-navi li.selected a{background-position:0 -62px} +#header-navi li.selected a.home{background-position:0 -155px} +#statistic{left:250px;position:relative;text-align:left;top:110px;width:600px} +.footer .copyright{padding-top:60px;text-align:center} +.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;cursor:pointer;font-size:12px;padding-left:16px;position:absolute;right:17px;top:0;width:25px} +.article{border-top:1px dotted #0184af;padding-bottom:15px} +.article-title{font-size:22px;margin-top:10px;padding:0 5px 3px;position:relative;top:20px} +.article-title sup{font-size:12px} +.article-title a{color:#4c4c4c;text-decoration:none} +.article-title a:hover{color:#2970a6} +.article-abstract{line-height:145%;margin:5px 0 5px 5px;word-wrap:break-word} +.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:30px;margin-right:6px;width:30px} +.tagsIcon{background:url("../images/tagsIcon.png")} +.dateIcon{background-position:0 -48px} +.articles-commentIcon{background:url("../images/comment.jpg")} +.article-browserIcon{background:url("../images/category.jpg")} +.article-body{line-height:145%;padding:5px 0 0 5px} +.article-footer{margin:0 5px 10px 5px} +.article-relative{line-height:22px;margin-top:20px} +.article-relative h4{font-size:12px;padding:0} +.comments{background:none repeat scroll 0 0 #fcfcfc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:15px -15px;padding:0 15px 15px;position:relative} +.comment-title{background-color:#e3e9ff;border-top:1px solid #36c;padding:3px 12px 3px 12px;position:relative} +.comment-body-ref{background-color:#fff;filter:alpha(opacity=90);left:217px;opacity:.9;padding:6px;position:absolute;width:605px;z-index:10} +.comment-body{margin-top:15px} +.comment-author{float:left;text-align:center;width:81px} +.comment-author div{background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;margin-top:10px;padding-right:14px} +.comment-author img{border:1px solid #999;height:32px;padding:1px;width:32px} +.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px} +.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #edeff0;font-size:12px;margin:-62px 0 0 80px;padding:10px 15px 0;width:494px} +.comment-content{background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;font-size:12px;line-height:145%;margin:0 -15px;overflow:hidden;padding:9px 15px 10px;word-wrap:break-word} +.comment-form img{cursor:pointer} +.comment-form input,.comment-form textarea{background:url("../images/textfield.gif") repeat-x scroll 50% 0 #fff;border:1px solid #a6a6a6;color:#555;font-family:Helvetica,Arial,sans-serif;height:16px;outline:none;padding:2px 1px;width:200px} +.comment-form textarea{font-size:12px;height:auto;width:600px} +.comment-form button{background:none repeat scroll 0 0 #b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-radius:0;border-style:solid;border-width:1px;color:#2970a6;font-size:12px;height:22px;line-height:22px;padding:0 6px} +.comment-form button:hover{background:none repeat scroll 0 0 #98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../favourite/images/emotions/emotions-blue.png")} +.error-msg{color:#36c} +.side-navi .item{padding:12px 15px} +.side-navi .navi-comments img{border:1px solid #999;height:32px;margin-right:7px;padding:1px;width:32px} +.side-navi .navi-comments a{color:#fff;font-weight:bold} +.side-navi .navi-comments .side-comment{color:#fff;font-weight:normal;height:18px;width:210px} +.side-navi .navi-comments .side-comment img{border:0;height:16px;margin-right:0;padding:0;width:16px} +.side-navi .navi-comments li{padding:2px 0} +.side-navi .navi-comments li div{width:215px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis} +.side-navi a.selected{color:#555;text-decoration:none} +.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0} +.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px} +.side-navi li{background:url("../images/pl.png") no-repeat scroll 0 0 transparent;margin:5px 0 0 0;overflow:hidden;padding-left:22px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis} +.side-navi li.aboutMe{white-space:normal} +.side-navi .line{border-color:#67c3cf;border-style:dotted;border-width:1px 0} +.pagination{margin:16px;text-align:center} +.pagination a,.pagination a:visited{color:#4272db;padding:0 3px} +.pagination a.selected{color:#000;font-weight:bold} +#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px} +#tagsPanel .tagPanel:hover{background-color:#eee;border:2px dashed} +#tagsPanel .tagPanel{text-decoration:none} +.error-body{background:url("../images/cont-bg_2.png") repeat-y scroll left;height:400px;padding:12px} +.error-title{line-height:72px} +.error-panel{margin:0 auto;width:201px} +.error-panel a{background:none repeat scroll 0 0 #9cd941;border-color:#d0f29d #398a38 #398a38 #d0f29d;border-style:solid;border-width:1px;color:#000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none} +.error-panel a:hover{background-color:#adeb51} +.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #f4f5f7;margin-bottom:10px;padding:8px 12px} +.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #e3e4e6;border-bottom:1px solid #ccc;font-weight:bold;padding:6px 12px} +.top{background:url("../images/top-bg.jpg") repeat-x scroll left top transparent;border:none;color:#fff;height:87px} +.footer-icon{background:url("../images/footer-ico.png") no-repeat scroll center center transparent;height:133px} +.info{background:url("../images/info.png") repeat-x scroll left top transparent;height:110px;position:relative} +.logoutIcon{background-position:-96px -16px} +#qq2{float:right;padding:68px 120px 0 0} +.thinks{background:url("../images/thinks.png") no-repeat scroll left top transparent;height:420px;position:absolute;right:12px;top:36px;width:388px;z-index:1} +.lamb{background:url("../images/lamb.png") no-repeat scroll left top transparent;height:80px;left:460px;position:absolute;top:100px;width:320px} +.lamb a{display:block;height:80px;outline:none;width:320px} +.null{height:160px} +#navigation{height:87px;margin:0 auto;width:960px} +#navigation a.classifiche{background:url("../images/classifiche.png") no-repeat scroll left top transparent} +#navigation a.about{background:url("../images/about.png") no-repeat scroll left top transparent} +#navigation a.home{background:url("../images/home.png") no-repeat scroll left top transparent} +#navigation a.Guestbook{background:url("../images/Guestbook.png") no-repeat scroll left top transparent} +#navigation a{background:url("../images/default.png") no-repeat scroll left top transparent;color:#fff;cursor:pointer !important;float:left;height:70px;margin-left:10px;outline:none;padding-top:2px;text-align:center;text-decoration:none;width:73px} +.admins{position:relative;top:-85px} +#mostCommentArticles li a,#mostViewCountArticles li a,.navi-tags li a,#sideLink li a,#save li a,#sideAuthor li a{color:#fff} +.roundtop{background:url("../images/roundtop.png") no-repeat scroll left top transparent;height:75px} +.roundbottom{background:url("../images/roundbottom.png") no-repeat scroll left top transparent;height:35px} +.paint{background:url("../images/paint.png") no-repeat scroll left top transparent;height:183px;left:34px;position:absolute;top:450px;width:87px} +.rings{background:url("../images/anelli.png") no-repeat scroll left top transparent;height:121px;left:-28px;position:absolute;width:56px;z-index:80} +.antefatto{background:url("../images/twitter.png") no-repeat scroll left top transparent;height:64px} +.ads{background:url("../images/ads.png") no-repeat scroll left top transparent;height:64px} +.categorie{background:url("../images/categorie.png") no-repeat scroll left top transparent;height:64px} +.archivio{background:url("../images/archivio.png") no-repeat scroll left top transparent;height:64px} +.side-author{background:url("../images/antefatto.png") no-repeat scroll left top transparent;height:64px} +.blog{background:url("../images/blog.png") no-repeat scroll left top transparent;height:64px} +.cuore{background:url("../images/cuore.png") no-repeat scroll left top transparent;height:64px} +.esclamativo{background:url("../images/esclamativo.png") no-repeat scroll left top transparent;height:64px} +.posttime-blue{background-color:#0184af} +.posttime-blue,.posttime-pink{border:1px solid #999;clear:right;color:#fff;float:right;font-family:Tohama,Arial,Helvetica,sans-serif;height:60px;position:relative;right:30px;top:-25px;width:60px} +.posttime-MY{border-bottom:1px solid #fff;font-size:9px;height:15px;padding-top:5px;text-align:center} +.posttime-D{font-size:28px;font-weight:bold;text-align:center} +.note{background:none repeat scroll 0 0 #e7f5f7;margin:40px 0 0 -49px;padding:10px 10px 10px 85px;position:relative;width:574px;z-index:50} +.corner{background:url("../images/corner.png") no-repeat scroll left top transparent;height:9px;left:0;position:absolute;top:-9px;width:9px} +.count{position:relative;top:8px} +.substance{overflow:hidden;width:500px} diff --git a/i-nove/css/i-nove.min.css b/i-nove/css/i-nove.min.css index 0c3281e..4212391 100644 --- a/i-nove/css/i-nove.min.css +++ b/i-nove/css/i-nove.min.css @@ -1,93 +1,93 @@ @charset "utf-8"; -.bg{background:url("../images/bg.jpg") repeat-x scroll 0 0 #bec3c6;color:#555555;} -a,a:link,a:active,a:visited{color:#2970A6;text-decoration:none;} -a:hover{text-decoration:underline;} -h1{font-size:200%;} -h4{font-size:160%;} -h5{font-size:12px;} -.margin5R{margin-right:5px;} -.margin5{margin:5px;} -.wrapper{background:url("../images/light.gif") no-repeat scroll 50% 0 transparent;padding:20px 0;} -.content{margin:0 auto;width:936px;} -.header{background:url("../images/header.jpg") no-repeat scroll 0 0 transparent;border-bottom:1px solid #A6A6A6;height:65px;padding:25px 30px 0;} -.body{background:url("../images/sidesep.gif") repeat-y scroll right center #ffffff;min-height:400px;} -.side-navi{background:url("../images/sidebar_shadow.gif") repeat-x scroll 50% 0 #f7f7f7;font-size:95%;line-height:145%;padding-top:8px;width:300px;} -.main{background:url("../images/main_shadow.gif") repeat-x scroll center top #ffffff;padding:13px 15px 15px;width:605px;} -.footer{background:url("../images/footer.jpg") no-repeat scroll 0 0 transparent;border-top:1px solid #CCCCCC;font-size:11px;height:88px;line-height:145%;padding:0;} -#logoTitle{color:#FFFFFF;display:block;font-family:"Trajan Pro";height:30px;outline:none;text-decoration:none;} -.sub-title{border-top:1px solid #FFFFFF;color:#FFFFFF;font-size:10px;padding:0 3px;} -#header-navi{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #A6A6A6;} -#header-navi li{float:left;list-style:none;margin-left:0px;} -#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382E1F;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none;} -#header-navi li a:hover{background-position:0 -31px;} -#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px;} -#header-navi li a.home:hover{background-position:0 -124px;} -#header-navi li a.lastNavi:hover{background-position:0 0;} -#header-navi li.selected a{background-position:0 -62px;} -#header-navi li.selected a.home{background-position:0 -155px;} -#statistic{font-size:11px;line-height:31px;margin-right:15px;} -.footer .copyright{padding:12px;width:857px;} -.footer .copyright span{margin:0px;} -.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2A2A2A;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;white-space:nowrap;} -.article{padding-bottom:15px;} -.article-title{border-bottom:1px solid #CCCCCC;font-size:16px;margin-top:10px;padding:0 5px 3px;} -.article-title sup{font-size:12px;} -.article-title a{color:#4C4C4C;text-decoration:none;} -.article-title a:hover{color:#2970A6;} -.article-abstract{line-height:145%;margin:10px 0 10px 5px;word-wrap:break-word;} -.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon,.authorIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:16px;margin-right:6px;width:16px;} -.tagsIcon{background-position:0 -400px;margin-left:15px;} -.dateIcon{background-position:0 -48px;margin-left:15px;} -.authorIcon{background-position:0 0;} -.articles-commentIcon{background-position:0 -96px;} -.article-browserIcon{background-position:0 -480px;} -.article-body{line-height:145%;padding:5px 0 0 5px;} -.article-footer{margin:0 5px 10px 5px;} -.article-relative{line-height:22px;margin-top:24px;} -.article-relative h4{font-size:12px;} -.comments{background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;position:relative;} -.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative;} -.comment-body-ref{background-color:#FFFFFF;filter:alpha(opacity=90);left:217px;opacity:0.9;padding:6px;position:absolute;width:605px;z-index:10;} -.comment-body{margin-top:15px;} -.comment-author{float:left;text-align:center;width:81px;} -.comment-author div{background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;margin-top:10px;padding-right:14px;} -.comment-author img{border:1px solid #999999;height:32px;padding:1px;width:32px;} -.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px;} -.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #edeff0;font-size:12px;padding:10px 15px 0;width:494px;} -.comment-content{background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;font-size:12px;line-height:145%;margin:0 -15px;overflow:hidden;padding:9px 15px 10px;word-wrap:break-word;} -.comment-form img{cursor:pointer;} -.comment-form input,.comment-form textarea{background:url("../images/textfield.gif") repeat-x scroll 50% 0 #ffffff;border:1px solid #A6A6A6;color:#555555;font-family:Helvetica,Arial,sans-serif;height:16px;outline:none;padding:2px 1px;width:200px;} -.comment-form textarea{font-size:12px;height:auto;width:601px;} -.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-radius:0px;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;height:24px;line-height:24px;padding:0px 6px;} -.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../i-nove/images/emotions/emotions-black.png");} -.error-msg{color:#3366CC;} -.side-navi ul{list-style:none;margin-top:10px;} -.side-navi .item{padding:15px;} -.side-navi sup{margin-right:3px;color:#555;} -.side-navi .navi-comments img{border:1px solid #999999;height:32px;margin-right:7px;padding:1px;width:32px;} -.side-navi .navi-comments a{font-weight:bold;} -.side-navi .navi-comments .side-comment{color:#555555;font-weight:normal;height:18px;} -.side-navi .navi-comments div.left>div>div{display:none;} -.side-navi .navi-comments .side-comment img{border:0px;height:16px;margin-right:0px;padding:0px;width:16px;} -.side-navi .navi-comments li{padding:2px 0;} -.side-navi .navi-comments li div{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:227px;} -.side-navi a.selected{color:#555555;text-decoration:none;} -.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0px;} -.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px;} -.side-navi li{background:url("../images/icons.gif") no-repeat scroll 0 -623px transparent;margin:5px 0 0 0;overflow:hidden;padding-left:20px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;} -.side-navi li.aboutMe{white-space:normal;} -.side-navi .line{background:url("../images/widgetsep.png") no-repeat scroll center bottom transparent;height:6px;width:300px;} -.pagination{margin:16px;text-align:center;} -.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;} -.pagination a.selected{color:#000000;font-weight:bold;} -#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px;} -#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed;} -#tagsPanel .tagPanel{text-decoration:none;} -.error-body{background:url("../images/main_shadow.gif") repeat-x scroll center top #ffffff;height:400px;padding:12px;} -.error-title{line-height:72px;} -.error-panel{margin-left:35px;width:201px;} -.error-panel a{background-color:#9CD941;border-color:#D0F29D #398A38 #398A38 #D0F29D;border-style:solid;border-width:1px;color:#000000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none;} -.error-panel a:hover{background-color:#ADEb51;} -.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #f4f5f7;margin-bottom:10px;padding:8px 12px;} -.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #e3e4e6;border-bottom:1px solid #CCCCCC;font-weight:bold;padding:6px 12px;} +.bg{background:url("../images/bg.jpg") repeat-x scroll 0 0 #bec3c6;color:#555} +a,a:link,a:active,a:visited{color:#2970a6;text-decoration:none} +a:hover{text-decoration:underline} +h1{font-size:200%} +h4{font-size:160%} +h5{font-size:12px} +.margin5R{margin-right:5px} +.margin5{margin:5px} +.wrapper{background:url("../images/light.gif") no-repeat scroll 50% 0 transparent;padding:20px 0} +.content{margin:0 auto;width:936px} +.header{background:url("../images/header.jpg") no-repeat scroll 0 0 transparent;border-bottom:1px solid #a6a6a6;height:65px;padding:25px 30px 0} +.body{background:url("../images/sidesep.gif") repeat-y scroll right center #fff;min-height:400px} +.side-navi{background:url("../images/sidebar_shadow.gif") repeat-x scroll 50% 0 #f7f7f7;font-size:95%;line-height:145%;padding-top:8px;width:300px} +.main{background:url("../images/main_shadow.gif") repeat-x scroll center top #fff;padding:13px 15px 15px;width:605px} +.footer{background:url("../images/footer.jpg") no-repeat scroll 0 0 transparent;border-top:1px solid #ccc;font-size:11px;height:88px;line-height:145%;padding:0} +#logoTitle{color:#fff;display:block;font-family:"Trajan Pro";height:30px;outline:none;text-decoration:none} +.sub-title{border-top:1px solid #fff;color:#fff;font-size:10px;padding:0 3px} +#header-navi{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #a6a6a6} +#header-navi li{float:left;list-style:none;margin-left:0} +#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382e1f;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none} +#header-navi li a:hover{background-position:0 -31px} +#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px} +#header-navi li a.home:hover{background-position:0 -124px} +#header-navi li a.lastNavi:hover{background-position:0 0} +#header-navi li.selected a{background-position:0 -62px} +#header-navi li.selected a.home{background-position:0 -155px} +#statistic{font-size:11px;line-height:31px;margin-right:15px} +.footer .copyright{padding:12px;width:857px} +.footer .copyright span{margin:0} +.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2a2a2a;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;white-space:nowrap} +.article{padding-bottom:15px} +.article-title{border-bottom:1px solid #ccc;font-size:16px;margin-top:10px;padding:0 5px 3px} +.article-title sup{font-size:12px} +.article-title a{color:#4c4c4c;text-decoration:none} +.article-title a:hover{color:#2970a6} +.article-abstract{line-height:145%;margin:10px 0 10px 5px;word-wrap:break-word} +.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon,.authorIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:16px;margin-right:6px;width:16px} +.tagsIcon{background-position:0 -400px;margin-left:15px} +.dateIcon{background-position:0 -48px;margin-left:15px} +.authorIcon{background-position:0 0} +.articles-commentIcon{background-position:0 -96px} +.article-browserIcon{background-position:0 -480px} +.article-body{line-height:145%;padding:5px 0 0 5px} +.article-footer{margin:0 5px 10px 5px} +.article-relative{line-height:22px;margin-top:24px} +.article-relative h4{font-size:12px} +.comments{background:none repeat scroll 0 0 #fcfcfc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:15px -15px;padding:0 15px 15px;position:relative} +.comment-title{background-color:#e3e9ff;border-top:1px solid #36c;padding:3px 12px 3px 12px;position:relative} +.comment-body-ref{background-color:#fff;filter:alpha(opacity=90);left:217px;opacity:.9;padding:6px;position:absolute;width:605px;z-index:10} +.comment-body{margin-top:15px} +.comment-author{float:left;text-align:center;width:81px} +.comment-author div{background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;margin-top:10px;padding-right:14px} +.comment-author img{border:1px solid #999;height:32px;padding:1px;width:32px} +.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px} +.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #edeff0;font-size:12px;padding:10px 15px 0;width:494px} +.comment-content{background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;font-size:12px;line-height:145%;margin:0 -15px;overflow:hidden;padding:9px 15px 10px;word-wrap:break-word} +.comment-form img{cursor:pointer} +.comment-form input,.comment-form textarea{background:url("../images/textfield.gif") repeat-x scroll 50% 0 #fff;border:1px solid #a6a6a6;color:#555;font-family:Helvetica,Arial,sans-serif;height:16px;outline:none;padding:2px 1px;width:200px} +.comment-form textarea{font-size:12px;height:auto;width:601px} +.comment-form button{background:none repeat scroll 0 0 #b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-radius:0;border-style:solid;border-width:1px;color:#2970a6;font-size:12px;height:24px;line-height:24px;padding:0 6px} +.comment-form button:hover{background:none repeat scroll 0 0 #98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../i-nove/images/emotions/emotions-black.png")} +.error-msg{color:#36c} +.side-navi ul{list-style:none;margin-top:10px} +.side-navi .item{padding:15px} +.side-navi sup{margin-right:3px;color:#555} +.side-navi .navi-comments img{border:1px solid #999;height:32px;margin-right:7px;padding:1px;width:32px} +.side-navi .navi-comments a{font-weight:bold} +.side-navi .navi-comments .side-comment{color:#555;font-weight:normal;height:18px} +.side-navi .navi-comments div.left>div>div{display:none} +.side-navi .navi-comments .side-comment img{border:0;height:16px;margin-right:0;padding:0;width:16px} +.side-navi .navi-comments li{padding:2px 0} +.side-navi .navi-comments li div{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:227px} +.side-navi a.selected{color:#555;text-decoration:none} +.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0} +.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px} +.side-navi li{background:url("../images/icons.gif") no-repeat scroll 0 -623px transparent;margin:5px 0 0 0;overflow:hidden;padding-left:20px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap} +.side-navi li.aboutMe{white-space:normal} +.side-navi .line{background:url("../images/widgetsep.png") no-repeat scroll center bottom transparent;height:6px;width:300px} +.pagination{margin:16px;text-align:center} +.pagination a,.pagination a:visited{color:#4272db;padding:0 3px} +.pagination a.selected{color:#000;font-weight:bold} +#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px} +#tagsPanel .tagPanel:hover{background-color:#eee;border:2px dashed} +#tagsPanel .tagPanel{text-decoration:none} +.error-body{background:url("../images/main_shadow.gif") repeat-x scroll center top #fff;height:400px;padding:12px} +.error-title{line-height:72px} +.error-panel{margin-left:35px;width:201px} +.error-panel a{background-color:#9cd941;border-color:#d0f29d #398a38 #398a38 #d0f29d;border-style:solid;border-width:1px;color:#000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none} +.error-panel a:hover{background-color:#adeb51} +.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #f4f5f7;margin-bottom:10px;padding:8px 12px} +.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #e3e4e6;border-bottom:1px solid #ccc;font-weight:bold;padding:6px 12px} diff --git a/metro-hot/css/metro-hot-responsive.min.css b/metro-hot/css/metro-hot-responsive.min.css index 44dd83f..294a116 100644 --- a/metro-hot/css/metro-hot-responsive.min.css +++ b/metro-hot/css/metro-hot-responsive.min.css @@ -1,16 +1 @@ -/** - * Copyright (c) 2009, 2010, 2011, 2012, 2013, B3log Team - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -@media (max-width:860px) and (min-width:460px){.wrapper{width:720px;} .main{width:460px;} .form{width:auto;} .form input{width:395px;} .form textarea{width:434px;} .em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{margin-right:4px;} #comments .article-body{width:350px;} #dynamic #comments .article-body{width:293px;} .most-comment,.most-view{width:300px;margin-bottom:20px;margin-top:40px;} .most-comment .text,.most-view .text{width:195px;} .tags-tile,.links-tile,.archives-tile{width:670px;} .tags-tile .text,.links-tile .text,.archives-tile .text{width:580px;} .links-tile,.tags-tile{margin-left:0;}}@media (max-width:460px){.side,.top-info,.header>.fn-left,.comment-main{float:none;} .wrapper,.article-list>div,.main,.side{width:300px;} .sub-nav>.pagination,.footer,#comments>div>img,#emotions{display:none;} #search{width:237px;} .side-tile{width:94px;} .online-count,.user,.clear,.notice-board,.share,.article-relative{width:249px;} .main .pagination,.main>.article-body,.comment-disabled,#comments>div{margin-right:0;} .side>div,#comments .article-body{position:static !important;width:auto !important;} .share div.text{left:173px;} .form{width:auto;} .form input{width:240px;} .form textarea{width:285px;height:150px;} #dynamic .main{margin-bottom:20px;} .most-comment,.most-view{width:249px;margin-bottom:0;margin-top:20px;} .most-comment .text,.most-view .text{margin-right:0;width:274px;} .most-view{margin-left:0;} .tags-tile,.links-tile,.archives-tile{width:249px;margin-top:20px;margin-bottom:0;} .tags-tile .text,.links-tile .text,.archives-tile .text{width:274px;} .links-tile,.tags-tile{margin-left:0;} .tags-tile{margin-bottom:50px;}} +@media (max-width:860px) and (min-width:460px){.wrapper{width:720px} .main{width:460px} .form{width:auto} .form input{width:395px} .form textarea{width:434px} .em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{margin-right:4px} #comments .article-body{width:340px} #dynamic #comments .article-body{width:283px} .most-comment,.most-view{width:300px;margin-bottom:20px;margin-top:40px} .most-comment .text,.most-view .text{width:195px} .tags-tile,.links-tile,.archives-tile{width:670px} .tags-tile .text,.links-tile .text,.archives-tile .text{width:580px} .links-tile,.tags-tile{margin-left:0}}@media (max-width:460px){.side,.top-info,.header>.fn-left,.comment-main{float:none} .wrapper,.article-list>div,.main,.side{width:300px} .sub-nav>.pagination,.footer,#comments>div>img,#emotions{display:none} #search{width:237px} .side-tile{width:94px} .online-count,.user,.clear,.notice-board,.share,.article-relative{width:249px} .main .pagination,.main>.article-body,.comment-disabled,#comments>div{margin-right:0} .side>div,#comments .article-body{position:static !important;width:auto !important} .share div.text{left:173px} .form{width:auto} .form input{width:240px} .form textarea{width:285px;height:150px} #dynamic .main{margin-bottom:20px} .tags-tile{margin-bottom:50px} .article-title{width:280px} .archives{margin-right:0} .article-info>a{padding:3px;font-size:12px} #dynamic #comments{padding-left:15px} .tags-tile .title,.links-tile .title,.most-comment .title,.most-view .title{float:right;font-size:15px;font-weight:bold;margin:20px 0 0 40px} .most-comment,.most-view{width:249px;margin-left:0} .most-comment .text,.most-view .text{margin-right:0;width:274px;font-size:12px;font-weight:normal} .tags-tile,.links-tile{width:249px;margin-left:0} .tags-tile .text,.links-tile .text{width:249px}} diff --git a/metro-hot/css/metro-hot.min.css b/metro-hot/css/metro-hot.min.css index a176fd3..76e0e97 100644 --- a/metro-hot/css/metro-hot.min.css +++ b/metro-hot/css/metro-hot.min.css @@ -1,169 +1,155 @@ -/** - * Copyright (c) 2009, 2010, 2011, 2012, 2013, B3log Team - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ @charset "utf-8"; -@font-face{font-family:'IcoMoon';src:url('font/IcoMoon.eot');src:url('font/IcoMoon.eot?#iefix') format('embedded-opentype'),url('font/IcoMoon.svg#IcoMoon') format('svg'),url('font/IcoMoon.woff') format('woff'),url('font/IcoMoon.ttf') format('truetype');font-weight:normal;font-style:normal;}[data-ico]:before{font-family:'IcoMoon';content:attr(data-ico);speak:none;cursor:pointer;} -html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} -body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#292929;min-height:1990px;margin:0;color:#D1D2D1;} -a{outline:0;text-decoration:none;color:#BDBEBD;} -a:hover{color:#FFF;} -a:focus{color:#9E0B0E !important;} -sub,sup{position:relative;font-size:70%;line-height:0;vertical-align:baseline;} -sup{top:-0.5em;} -sub{bottom:-0.25em;} -img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;} -button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:'\5fae\8f6f\96c5\9ed1';outline:none;} -button,input{line-height:normal;} -button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} -button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;} -input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;} -input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} -textarea{overflow:auto;vertical-align:top;} -::selection{background-color:#D5D5D5;color:#FCFCFC;} -::-moz-selection{background-color:#D5D5D5;color:#FCFCFC;} -.fn-clear:before,.fn-clear:after{display:table;content:"";} -.fn-clear:after{clear:both;} -.fn-left{float:left;} -.fn-right{float:right;} -.fn-none{display:none;} -.fn-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../metro-hot/images/emotions/emotions-black.png");float:left;height:24px;margin-right:8px;width:24px;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;} -#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg);} -.em01{background-position:-24px 0;} -.em02{background-position:-48px 0;} -.em03{background-position:-72px 0;} -.em04{background-position:-96px 1px;} -.em05{background-position:0 -24px;} -.em06{background-position:-24px -24px;} -.em07{background-position:-48px -24px;} -.em08{background-position:-72px -24px;} -.em09{background-position:-96px -24px;} -.em10{background-position:0 -48px;} -.em11{background-position:-24px -48px;} -.em12{background-position:-48px -48px;} -.em13{background-position:-72px -48px;} -.em14{background-position:-96px -48px;} -.footer a:hover,.clear a:hover,.article-relative a:hover,.article-abstract .article-title a:hover,.article-abstract .article-tags a:hover,.article-body a{text-decoration:underline;} -.article-body a:hover{text-decoration:none;} -.wrapper{height:auto;margin:30px auto 10px;width:1190px;} -.footer{background-color:#141414;color:#FFF;padding:30px;margin-right:10px;} -.main{float:left;width:920px;} -.header{position:relative;} -.header .title{color:#E61E1E;} -.header .title:hover{color:#CA1B1E;} -.header .title>span:before{color:inherit;} -.top-info{font-size:38px;height:46px;line-height:46px;} -.top-info>hr{background-color:#7B7B7B;border:0 none;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px;} -.top-info a{color:#FFF;} -.top-info a:hover{color:#CA1B1E;} -#showTop{display:none;} -.sub-nav{background-color:#E61E1E;color:#FFF;padding:30px;margin:30px 0;} -.sub-nav>h2{float:left;margin:0;} -.pagination{float:right;margin-top:5px;} -.pagination>a,.pagination>span{background-color:#EA4040;color:#FFF;padding:6px 7px;text-align:center;font-weight:bold;} -.pagination>a:hover,.pagination>span{color:#E61E1E;background-color:#FFF;} -.navigation{background-color:#FFF;border:2px solid #BABABA;left:0;list-style:none outside none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1;display:none;} -.navigation a{background-color:#FFF;border-bottom:1px solid #BABABA;color:#333;display:block;padding:10px 15px;} -.navigation a:hover{background-color:#E61E1E;color:#FFFFFF;} -.navigation a.lats{border-bottom-width:0;} -.main .pagination{float:none;padding:20px 0 25px;text-align:right;margin-right:10px;line-height:34px;} -.article-list>div{background-color:#323232;float:left;height:220px;margin:5px 10px 5px 0;overflow:hidden;position:relative;width:450px;} -.article-list>div>img{max-width:100%;transition:all 1.2s;display:block;margin:0 auto;} -.article-list>div:hover>img{transform:scale(1.2);} -.article-list>div:hover .article-image{top:0;} -.article-list>div:hover .fn-right{display:block;} -.article-image{background-color:#3E3E3E;opacity:0.8;position:absolute;top:163px;width:100%;transition:all 1.2s;} -.article-date{float:left;margin:10px 0 0 10px;} -.article-title{height:30px;line-height:30px;margin:0 0 0 10px;} -.article-title a{color:#F8F7F7;} -.article-title sup{color:#9E0B0E;} -.article-abstract{height:100%;} -.article-abstract .fn-right{position:absolute;right:0;display:none;top:0;} -.article-abstract .fn-right>a,.article-info>a{padding:15px;float:left;background-color:#E61E1E;color:#FFF;font-size:14px;} -.article-info>a{background-color:#FFF;color:#E61E1E;transition:all 0.8s;} -.article-abstract .fn-right>a:hover{background-color:#FFF;color:#E61E1E;} -.article-info>a:hover{background-color:#EA4040;color:#FFF;} -.article-abstract>.article-tags{margin:10px 0 0 10px;} -.article-abstract>.article-body{height:115px;margin:10px 10px 0;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:0;} -.article-image .article-body{padding:10px;height:95px;} -.side{float:right;width:240px;} -#search{background-color:#FFF;border:0 none;color:#3A3A3A;height:50px;margin-top:5px;padding:0 10px;width:177px;transition:all 0.3s ease-out 0s;} -.side form>span{background-color:#FFF;color:#3A3A3A;float:right;font-size:25px;height:32px;margin-top:5px;padding:9px;} -.side-tile{color:#FFF;float:left;margin-top:20px;padding:15px 25px 15px 25px;position:relative;background-color:#F09609;width:65px;transition:all 0.3s ease-out 0s;} -.side-tile:hover,.side form input:focus,.form input:focus,.form textarea:focus,.form button:hover,#dynamic .footer:hover{outline:3px solid #BABABA;} -.side-tile>span{display:block;font-size:60px;text-align:center;width:60px;} -.side-tile>.title{line-height:17px;} -.side-tile>.text{font-size:15px;font-weight:bold;left:93px;line-height:30px;position:absolute;top:20px;} -.side-tile>.text a{color:#FFF;} -.online-count,.user,.clear,.notice-board,.share,.article-relative{width:188px;} -.translate,.register,.logout,.prev,.prev-disabled{margin-left:10px;} -.translate{background-color:#2E8BCC;} -.login,.settings{background-color:#008641;} -.logout,.register{background-color:#7B4F9D;} -.clear,.next,.prev{background-color:#E61E1E;} -.next-disabled,.prev-disabled{color:#BDBEBD;background-color:#EA4040;} -.user{background-color:#393;} -.user img{margin:0 10px 10px 0;height:60px;width:60px;} -.online-count,.share{background-color:#20608E;} -.share div.text{color:#BDBEBD;font-size:43px;font-weight:normal;left:128px;line-height:54px;top:5px;width:105px;} -.share .text span:hover{color:#FFF;} -.online-count .text,.article-relative .text{font-size:12px;font-weight:normal;left:104px;line-height:19px;text-align:left;top:12px;} -.article-relative .text{left:70px;overflow:hidden;top:10px;white-space:nowrap;width:158px;word-break:keep-all;} -.article-relative .text ul{margin:0;} -.notice-board{background-color:#2E8BCC;overflow:hidden;height:auto;} -.user .text,.notice-board .text{top:36px;} -#goCmt,#goTop{background-color:#141414;bottom:10px;font-size:30px;height:35px;padding:5px 7px;position:fixed;right:30px;width:30px;z-index:10;} -#goCmt{bottom:55px;} -.archives{background-color:#323232;padding:10px;margin:5px 10px 30px 0;} -.archives li{list-style:none;float:left;} -.archives a{background-color:#E61E1E;color:#FFF;float:left;margin:10px;padding:10px 15px;white-space:nowrap;transition:all 0.8s;} -.archives a:hover{background-color:#FFF;color:#E61E1E;} -.article-info{position:absolute;right:0;top:0;} -.article-header{background-color:#E61E1E;margin:30px 0;padding:20px 30px;position:relative;} -.article-header h2{color:#FFF;} -.article-header .article-date{float:none;margin:0;} -.article-body{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word;} -.main>.article-body{margin-right:10px;margin-top:20px;} -pre.prettyprint{background-color: #F7F7F7;} -#comments{position:relative;} -#comments>div{margin-bottom:20px;margin-right:10px;} -#comments .article-body{margin:10px 0;width:810px;} -#comments .user-name{color:#E61E1E;font-weight:bold;} -#comments .user-name:hover{color:#CA1B1E;} -.at{font-size:15px;color:#FFF;font-weight:bold;} -.comment-main{float:right;} -.comment-body-ref{background-color:#EA4040;left:79px;padding:10px;position:absolute;width:900px;z-index:1;} -.comment-disabled{background-color:#EA4040;color:#FFFFFF;margin:0 10px 30px 0;padding:5px 20px;} -.form{width:600px;margin-bottom:30px;} -.form input,.form textarea{height:30px;margin:5px 10px 5px 0;padding:0 5px;transition:all 0.3s ease-out 0s;width:456px;} -.form textarea{width:600px;height:300px;margin:0 0 10px;} -.form button{background-color:#E61E1E;border:0 none;color:#FFFFFF;cursor:pointer;font-size:15px;transition:all 0.3s ease-out 0s;padding:10px 50px;} -.tip{color:#CA1B1E;} -#dynamic #comments{background-color:#EA4040;margin-top:5px;padding:25px 15px 15px 25px;} -#dynamic #comments .article-body{width:770px;} -#dynamic .article-relative .text{left:110px;} -#dynamic .footer{margin:20px 0 0;float:left;transition:all 0.3s ease-out 0s;} -.archives-tile,.links-tile,.tags-tile,.most-comment,.most-view{margin-left:0;width:333px;background-color:#008641;margin-bottom:20px;position:static;} -.tags-tile{margin-left:20px;background-color:#339933;} -.links-tile{margin-left:20px;background-color:#7B4F9D;} -.tags-tile span,.links-tile span,.archives-tile span,.most-comment span,.most-view span{font-size:60px;} -.tags-tile .text,.links-tile .text,.archives-tile .text,.most-comment .text,.most-view .text{position:static;width:253px;} -.tags-tile a,.links-tile a,.archives-tile a{background-color:#EA4040;color:#D1D2D1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;transition:all 0.8s ease 0s;white-space:nowrap;} -.tags-tile a:hover,.links-tile a:hover,.archives-tile a:hover{background-color:#FFF;color:#EA4040;} -.most-comment,.most-view{background-color:#F09609;width:535px;margin:100px 0;} -.most-comment .text,.most-view .text{margin-right:20px;line-height:24px;width:430px;} -.most-comment .text a:hover,.most-view .text a:hover{text-decoration:underline;} -.most-comment .text span,.most-view .text span{color:#D1D2D1;font-size:13px;font-weight:normal;} -.most-view{margin-left:20px;background-color:#2E8BCC;} +@font-face{font-family:'IcoMoon';src:url('font/IcoMoon.eot');src:url('font/IcoMoon.eot?#iefix') format('embedded-opentype'),url('font/IcoMoon.svg#IcoMoon') format('svg'),url('font/IcoMoon.woff') format('woff'),url('font/IcoMoon.ttf') format('truetype');font-weight:normal;font-style:normal}[data-ico]:before{font-family:'IcoMoon';content:attr(data-ico);speak:none;cursor:pointer} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} +body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#292929;min-height:1990px;margin:0;color:#d1d2d1} +a{outline:0;text-decoration:none;color:#bdbebd} +a:hover{color:#fff} +a:focus{color:#9e0b0e !important} +sub,sup{position:relative;font-size:70%;line-height:0;vertical-align:baseline} +sup{top:-0.5em} +sub{bottom:-0.25em} +img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic} +button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:'\5fae\8f6f\96c5\9ed1';outline:none} +button,input{line-height:normal} +button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0} +button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button} +input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield} +input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} +textarea{overflow:auto;vertical-align:top} +::selection{background-color:#d5d5d5;color:#fcfcfc} +::-moz-selection{background-color:#d5d5d5;color:#fcfcfc} +.fn-clear:before,.fn-clear:after{display:table;content:""} +.fn-clear:after{clear:both} +.fn-left{float:left} +.fn-right{float:right} +.fn-none{display:none} +.fn-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../metro-hot/images/emotions/emotions-black.png");float:left;height:24px;margin-right:8px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out} +#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)} +.em01{background-position:-24px 0} +.em02{background-position:-48px 0} +.em03{background-position:-72px 0} +.em04{background-position:-96px 1px} +.em05{background-position:0 -24px} +.em06{background-position:-24px -24px} +.em07{background-position:-48px -24px} +.em08{background-position:-72px -24px} +.em09{background-position:-96px -24px} +.em10{background-position:0 -48px} +.em11{background-position:-24px -48px} +.em12{background-position:-48px -48px} +.em13{background-position:-72px -48px} +.em14{background-position:-96px -48px} +.footer a:hover,.clear a:hover,.article-relative a:hover,.article-abstract .article-title a:hover,.article-abstract .article-tags a:hover,.article-body a{text-decoration:underline} +.article-body a:hover{text-decoration:none} +.wrapper{height:auto;margin:30px auto 10px;width:1190px} +.footer{background-color:#141414;color:#fff;padding:30px;margin-right:10px} +.main{float:left;width:920px} +.header{position:relative} +.header .title{color:#e61e1e;padding:30px 0} +.header .title:hover{color:#ca1b1e} +.header .title>span:before{color:inherit} +.top-info{font-size:38px;height:46px;line-height:46px} +.top-info>hr{background-color:#7b7b7b;border:0 none;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px} +.top-info a{color:#fff} +.top-info a:hover{color:#ca1b1e} +#showTop{display:none} +.sub-nav{background-color:#e61e1e;color:#fff;padding:30px;margin:30px 0} +.sub-nav>h2{float:left;margin:0} +.pagination{float:right;margin-top:5px} +.pagination>a,.pagination>span{background-color:#ea4040;color:#fff;padding:6px 7px;text-align:center;font-weight:bold} +.pagination>a:hover,.pagination>span{color:#e61e1e;background-color:#fff} +.navigation{background-color:#fff;border:2px solid #bababa;left:0;list-style:none outside none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1;display:none} +.navigation a{background-color:#fff;border-bottom:1px solid #bababa;color:#333;display:block;padding:10px 15px} +.navigation a:hover{background-color:#e61e1e;color:#fff} +.navigation a.lats{border-bottom-width:0} +.main .pagination{float:none;padding:20px 0 25px;text-align:right;margin-right:10px;line-height:34px} +.article-list>div{background-color:#323232;float:left;height:220px;margin:5px 10px 5px 0;overflow:hidden;position:relative;width:450px} +.article-abstract{background-color:#3e3e3e;opacity:.9;filter:alpha(opacity=90);position:absolute;top:0;width:100%;transition:all 1.2s;height:100%} +.article-image{top:151px} +.article-list>div:hover .article-image{top:0} +.article-list>div>img{max-width:100%;transition:all 1.2s;display:block;margin:0 auto} +.article-list>div:hover>img{transform:scale(1.2)} +.article-date{float:left;margin:10px} +.article-title{height:24px;line-height:24px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:430px;font-weight:normal} +.article-title span{color:#e61e1e} +.article-title a{color:#f8f7f7} +.article-title sup{color:#9e0b0e} +.article-abstract .fn-right{display:none;position:absolute;right:0} +.article-abstract:hover .fn-right{display:block} +.article-abstract .fn-right>a{background-color:#fff;color:#e61e1e;float:left;padding:10px;transition:all .8s} +.article-abstract .fn-right>a:hover{color:#fff;background-color:#e61e1e} +.article-abstract>.article-tags{margin:10px 0 0 10px} +.article-abstract>.article-body{margin:10px;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:10px;height:95px} +.side{float:right;width:240px} +#search{background-color:#fff;border:0 none;color:#3a3a3a;height:50px;margin-top:5px;padding:0 10px;width:177px;transition:all .3s ease-out 0} +.side form>span{background-color:#fff;color:#3a3a3a;float:right;font-size:25px;height:32px;margin-top:5px;padding:9px} +.side-tile{color:#fff;float:left;margin-top:20px;padding:15px 25px 15px 25px;position:relative;background-color:#f09609;width:65px;transition:all .3s ease-out 0} +.side-tile:hover,.side form input:focus,.form input:focus,.form textarea:focus,.form button:hover,#dynamic .footer:hover{outline:3px solid #bababa} +.side-tile>span{display:block;font-size:60px;text-align:center;width:60px} +.side-tile>.title{line-height:17px} +.side-tile>.text{font-size:15px;font-weight:bold;left:93px;line-height:30px;position:absolute;top:20px} +.side-tile>.text a{color:#fff} +.online-count,.user,.clear,.notice-board,.share,.article-relative{width:188px} +.translate,.register,.logout,.prev,.prev-disabled{margin-left:10px} +.translate{background-color:#2e8bcc} +.login,.settings{background-color:#008641} +.logout,.register{background-color:#7b4f9d} +.clear,.next,.prev{background-color:#e61e1e} +.next-disabled,.prev-disabled{color:#bdbebd;background-color:#ea4040} +.user{background-color:#393} +.user img{margin:0 10px 10px 0;height:60px;width:60px} +.online-count,.share{background-color:#20608e} +.share div.text{color:#bdbebd;font-size:43px;font-weight:normal;left:128px;line-height:54px;top:5px;width:105px} +.share .text span:hover{color:#fff} +.online-count .text,.article-relative .text{font-size:12px;font-weight:normal;left:104px;line-height:19px;text-align:left;top:12px} +.article-relative .text{left:70px;overflow:hidden;top:10px;white-space:nowrap;width:158px;word-break:keep-all} +.article-relative .text ul{margin:0} +.notice-board{background-color:#2e8bcc;overflow:hidden;height:auto} +.user .text,.notice-board .text{top:36px} +#goCmt,#goTop{background-color:#141414;bottom:10px;font-size:30px;height:35px;padding:5px 7px;position:fixed;right:30px;width:30px;z-index:10} +#goCmt{bottom:55px} +.archives{background-color:#323232;padding:10px;margin:5px 10px 30px 0} +.archives li{list-style:none;float:left} +.archives a{background-color:#e61e1e;color:#fff;float:left;margin:10px;padding:10px 15px;white-space:nowrap;transition:all .8s} +.archives a:hover{background-color:#fff;color:#e61e1e} +.article-header{background-color:#e61e1e;margin:30px 0;padding:20px 30px;position:relative} +.article-info{position:absolute;right:0;top:0} +.article-info>a{background-color:#fff;color:#e61e1e;transition:all .8s;font-size:14px;float:left;padding:14px;border-bottom:1px solid #fff;border-left:1px solid #fff} +.article-info>a:hover{background-color:#e61e1e;color:#fff} +.article-header h2{color:#fff} +.article-header h2>span{font-weight:normal;color:#d1d2d1} +.article-header .article-date{float:none;margin:0} +.article-body{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word} +.main>.article-body{margin-right:10px;margin-top:20px} +pre.prettyprint{background-color:#f7f7f7} +#comments{position:relative} +#comments>div{margin-bottom:20px;margin-right:10px} +#comments .article-body{margin:10px 0;width:800px} +#comments .user-name{color:#e61e1e;font-weight:bold} +#comments .user-name:hover{color:#ca1b1e} +.comment-info a{color:#f8f7f7} +.at{font-size:15px;color:#fff;font-weight:bold} +.comment-main{float:right} +.comment-body-ref{background-color:#ea4040;left:79px;padding:10px;position:absolute;width:900px;z-index:1} +.comment-disabled{background-color:#ea4040;color:#fff;margin:0 10px 30px 0;padding:5px 20px} +.form{width:600px;margin-bottom:30px} +.form input,.form textarea{height:30px;margin:5px 10px 5px 0;padding:0 5px;transition:all .3s ease-out 0;width:456px} +.form textarea{width:600px;height:300px;margin:0 0 10px} +.form button{background-color:#e61e1e;border:0 none;color:#fff;cursor:pointer;font-size:15px;transition:all .3s ease-out 0;padding:10px 50px} +.tip{color:#ca1b1e} +#dynamic #comments{background-color:#ea4040;margin-top:5px;padding:25px 15px 15px 25px} +#dynamic #comments .article-body{width:743px} +#dynamic .article-relative .text{left:110px} +#dynamic .footer{margin:20px 0 10px;float:left;transition:all .3s ease-out 0} +.most-comment,.most-view,.links-tile,.tags-tile{position:static;background-color:#f09609;width:535px;margin-top:20px} +.most-view{margin-left:20px;background-color:#2e8bcc} +.tags-tile{margin-left:20px;background-color:#393} +.links-tile{background-color:#7b4f9d} +.tags-tile span,.links-tile span,.most-comment span,.most-view span{font-size:60px} +.tags-tile .text,.links-tile .text,.most-comment .text,.most-view .text{position:static;width:430px} +.tags-tile a,.links-tile a{background-color:#ea4040;color:#d1d2d1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;transition:all .8s ease 0;white-space:nowrap} +.tags-tile a:hover,.links-tile a:hover{background-color:#fff;color:#ea4040} +.most-comment .text,.most-view .text{margin-right:20px;line-height:24px} +.most-comment .text a:hover,.most-view .text a:hover{text-decoration:underline} +.most-comment .text span,.most-view .text span{color:#d1d2d1;font-size:13px;font-weight:normal} diff --git a/metro-hot/js/metro-hot.min.js b/metro-hot/js/metro-hot.min.js index e21843c..5215023 100644 --- a/metro-hot/js/metro-hot.min.js +++ b/metro-hot/js/metro-hot.min.js @@ -1,16 +1 @@ -/* - * Copyright (c) 2009, 2010, 2011, 2012, 2013, B3log Team - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var MetroHot={headerH:$("#header").height()+30+($("#header > div").get(1)?30:0),responsiveType:"large",goTranslate:function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},init:function(){var logoutHref="";$("#admin a").each(function(){if($(this).attr("href").indexOf("/logout?goto=")>-1){logoutHref=$(this).attr("href")}});$("#logout, .logout").attr("href",logoutHref);$(".header .title").click(function(){$(".navigation").slideToggle()}).dblclick(function(){window.location.href=latkeConfig.servePath});var onlineVisitorCnt=$("#top > span").first().text();$(".online-count .text").append(onlineVisitorCnt.substr(1,onlineVisitorCnt.length));var isLogin=$("#admin").data("login");if(isLogin){$(".user .text").html($("#admin > span").text());$(".login, .register, #login, #register, .logout, .settings").hide()}else{$(".login, .register, .user, .clear, .logout, .settings, #logout, #settings").hide()}if($("#dynamic").length===1){$(window).scroll(function(){var y=$(window).scrollTop();if(y>MetroHot.headerH){$("#goTop").fadeIn("slow")}else{$("#goTop").hide()}}).click(function(event){if(event.target.className==="title"||event.target.parentElement.className==="title"){return}$(".navigation").slideUp()});$("body").css("min-height","inherit");return}$("#login, .login").attr("href",$("#admin > a").first().attr("href"));$(window).scroll(function(){var y=$(window).scrollTop();if(y>MetroHot.headerH){if(isLogin){$(".logout, .settings").show()}else{$(".login, .register").show()}}else{if(isLogin){$(".logout, .settings").hide()}else{$(".login, .register").hide()}}if(y>MetroHot.headerH){$("#goTop").fadeIn("slow")}else{$("#goTop").hide()}if($(".side > div").height()<620){if(y>MetroHot.headerH){$(".side > div").css({position:"fixed",top:"0px",width:"240px"})}else{$(".side > div").css("position","static")}}else{if(y+Util.getWinHeight()>$(".side > div").height()+MetroHot.headerH){$(".side > div").css({position:"fixed",top:"auto",bottom:"10px",width:"240px"})}else{$(".side > div").css("position","static")}}}).click(function(event){if(event.target.className==="title"||event.target.parentElement.className==="title"){return}$(".navigation").slideUp()}).resize(function(){var windowW=window.innerWidth,type="large";if(windowW>460&&windowW<=860){type="mid"}else if(window<460){type="small"}if(MetroHot.responsiveType!==type){$(window).scroll();MetroHot.responsiveType===type}});$(window).scroll()},initArticleList:function(){$(".article-list .article-abstract").each(function(){var $it=$(this);var $images=$it.find("img");if($images.length>0){$it.addClass("article-image");$images.hide();$it.before("")}})},loadImg:function(it){it.style.marginTop=("margin-top",(220-it.height)/2+"px")},share:function(){var title=encodeURIComponent($("title").text()),url=window.location.href,pic=$(".article-body img").attr("src");var urls={};urls.tencent="http://share.v.t.qq.com/index.php?c=share&a=index&title="+title+"&url="+url+"&pic="+pic;urls.sina="http://v.t.sina.com.cn/share/share.php?title="+title+"&url="+url+"&pic="+pic;urls.google="https://plus.google.com/share?url="+url;urls.twitter="https://twitter.com/intent/tweet?status="+title+" "+url;$(".share span").click(function(){var key=$(this).attr("title").toLowerCase();window.open(urls[key],"_blank","top=100,left=200,width=648,height=618")})},loadRandomArticles:function(){$.ajax({url:latkeConfig.servePath+"/get-random-articles.do",type:"POST",success:function(result,textStatus){var randomArticles=result.randomArticles;if(!randomArticles||0===randomArticles.length){$("#randomArticles").remove();return}var listHtml="";for(var i=0;i"+title+"";listHtml+=randomArticleLiHtml}var randomArticleListHtml="
    "+listHtml+"
";$("#randomArticles .text").append(randomArticleListHtml)}})},loadRelevantArticles:function(id){$.ajax({url:latkeConfig.servePath+"/article/id/"+id+"/relevant/articles",type:"GET",success:function(data,textStatus){var articles=data.relevantArticles;if(!articles||0===articles.length){$("#relevantArticles").remove();return}var listHtml="";for(var i=0;i"+title+"";listHtml+=articleLiHtml}var relevantArticleListHtml="
    "+listHtml+"
";$("#relevantArticles .text").append(relevantArticleListHtml)},error:function(){$("#relevantArticles").remove()}})},loadExternalRelevantArticles:function(tags){var tips=this.tips;try{$.ajax({url:"http://rhythm.b3log.org:80/get-articles-by-tags.do?tags="+tags+"&blogHost="+tips.blogHost+"&paginationPageSize="+tips.externalRelevantArticlesDisplayCount,type:"GET",cache:true,dataType:"jsonp",error:function(){$("#externalRelevantArticles").remove()},success:function(data,textStatus){var articles=data.articles;if(!articles||0===articles.length){$("#externalRelevantArticles").remove();return}var listHtml="";for(var i=0;i"+title+"";listHtml+=articleLiHtml}var randomArticleListHtml="
    "+listHtml+"
";$("#externalRelevantArticles .text").append(randomArticleListHtml)}})}catch(e){$("#externalRelevantArticles").remove()}},goCmt:function(){$("html, body").animate({scrollTop:$(".comment-disabled").get(0).offsetTop})}};(function(){MetroHot.init();Util.killIE();if($(".article-header").length>0){MetroHot.share()}else{MetroHot.initArticleList()}})(); \ No newline at end of file +var MetroHot={headerH:$("#header").height()+30+($("#header > div").get(1)?30:0),responsiveType:"large",goTranslate:function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},init:function(){var logoutHref="";$("#admin a").each(function(){if($(this).attr("href").indexOf("/logout?goto=")>-1){logoutHref=$(this).attr("href")}});$("#logout, .logout").attr("href",logoutHref);$(".header .title, .navigation").mouseover(function(){$(".navigation").show()}).mouseout(function(){$(".navigation").hide()});$(".header .title").click(function(){window.location.href=latkeConfig.servePath});var onlineVisitorCnt=$("#top > span").first().text();$(".online-count .text").append(onlineVisitorCnt.substr(1,onlineVisitorCnt.length));var isLogin=$("#admin").data("login");if(isLogin){$(".user .text").html($("#admin > span").text());$(".login, .register, #login, #register, .logout, .settings").hide()}else{$(".login, .register, .user, .clear, .logout, .settings, #logout, #settings").hide()}if($("#dynamic").length===1){$(window).scroll(function(){var y=$(window).scrollTop();if(y>MetroHot.headerH){$("#goTop").fadeIn("slow")}else{$("#goTop").hide()}}).click(function(event){if(event.target.className==="title"||event.target.parentElement.className==="title"){return}$(".navigation").slideUp()});$("body").css("min-height","inherit");return}$("#login, .login").attr("href",$("#admin > a").first().attr("href"));$(window).scroll(function(){var y=$(window).scrollTop();if(y>MetroHot.headerH){if(isLogin){$(".logout, .settings").show()}else{$(".login, .register").show()}}else{if(isLogin){$(".logout, .settings").hide()}else{$(".login, .register").hide()}}if(y>MetroHot.headerH){$("#goTop").fadeIn("slow")}else{$("#goTop").hide()}if($(".side > div").height()<620){if(y>MetroHot.headerH){$(".side > div").css({position:"fixed",top:"0px",width:"240px"})}else{$(".side > div").css("position","static")}}else{if(y+Util.getWinHeight()>$(".side > div").height()+MetroHot.headerH){$(".side > div").css({position:"fixed",top:"auto",bottom:"10px",width:"240px"})}else{$(".side > div").css("position","static")}}}).click(function(event){if(event.target.className==="title"||event.target.parentElement.className==="title"){return}$(".navigation").slideUp()}).resize(function(){var windowW=window.innerWidth,type="large";if(windowW>460&&windowW<=860){type="mid"}else if(window<460){type="small"}if(MetroHot.responsiveType!==type){$(window).scroll();MetroHot.responsiveType===type}});$(window).scroll()},initArticleList:function(){$(".article-list .article-abstract").each(function(){var $it=$(this);var $images=$it.find("img");if($images.length>0){$it.addClass("article-image");$images.hide();$it.before("")}})},loadImg:function(it){it.style.marginTop=("margin-top",(220-it.height)/2+"px")},share:function(){var title=encodeURIComponent($("title").text()),url=window.location.href,pic=$(".article-body img").attr("src");var urls={};urls.tencent="http://share.v.t.qq.com/index.php?c=share&a=index&title="+title+"&url="+url+"&pic="+pic;urls.sina="http://v.t.sina.com.cn/share/share.php?title="+title+"&url="+url+"&pic="+pic;urls.google="https://plus.google.com/share?url="+url;urls.twitter="https://twitter.com/intent/tweet?status="+title+" "+url;$(".share span").click(function(){var key=$(this).attr("title").toLowerCase();window.open(urls[key],"_blank","top=100,left=200,width=648,height=618")})},loadRandomArticles:function(){$.ajax({url:latkeConfig.servePath+"/get-random-articles.do",type:"POST",success:function(result,textStatus){var randomArticles=result.randomArticles;if(!randomArticles||0===randomArticles.length){$("#randomArticles").remove();return}var listHtml="";for(var i=0;i"+title+"";listHtml+=randomArticleLiHtml}var randomArticleListHtml="
    "+listHtml+"
";$("#randomArticles .text").append(randomArticleListHtml)}})},loadRelevantArticles:function(id){$.ajax({url:latkeConfig.servePath+"/article/id/"+id+"/relevant/articles",type:"GET",success:function(data,textStatus){var articles=data.relevantArticles;if(!articles||0===articles.length){$("#relevantArticles").remove();return}var listHtml="";for(var i=0;i"+title+"";listHtml+=articleLiHtml}var relevantArticleListHtml="
    "+listHtml+"
";$("#relevantArticles .text").append(relevantArticleListHtml)},error:function(){$("#relevantArticles").remove()}})},loadExternalRelevantArticles:function(tags){var tips=this.tips;try{$.ajax({url:"http://rhythm.b3log.org:80/get-articles-by-tags.do?tags="+tags+"&blogHost="+tips.blogHost+"&paginationPageSize="+tips.externalRelevantArticlesDisplayCount,type:"GET",cache:true,dataType:"jsonp",error:function(){$("#externalRelevantArticles").remove()},success:function(data,textStatus){var articles=data.articles;if(!articles||0===articles.length){$("#externalRelevantArticles").remove();return}var listHtml="";for(var i=0;i"+title+"";listHtml+=articleLiHtml}var randomArticleListHtml="
    "+listHtml+"
";$("#externalRelevantArticles .text").append(randomArticleListHtml)}})}catch(e){$("#externalRelevantArticles").remove()}},goCmt:function(){$("html, body").animate({scrollTop:$(".comment-disabled").get(0).offsetTop})}};!function(){MetroHot.init();Util.killIE();if($(".article-header").length>0){MetroHot.share()}else{MetroHot.initArticleList()}}(); \ No newline at end of file diff --git a/neoease/css/neoease.min.css b/neoease/css/neoease.min.css index 6479091..0387fb8 100644 --- a/neoease/css/neoease.min.css +++ b/neoease/css/neoease.min.css @@ -1,155 +1,155 @@ -html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;} -::selection{background-color:#ccc;color:#fff;} -::-moz-selection{background-color:#ccc;color:#fff;} -body{font-family:"Lucida Grande","Verdana","\5fae\8f6f\96c5\9ed1";font-size:12px;background-color:#F9F9F9;color:#333;} -a:link{outline:none;color:#21759B;text-decoration:none;} -a:visited{color:#555777;} -a:hover{color:#D54E21;} -a:active{color:#333;} -img{vertical-align:middle;border:0;} -textarea,input{outline:none;} -.left{float:left;} -.right{float:right;} -.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;} -.none{display:none;} -.logo{padding:0 5px;text-shadow:0 0 1px #EEE;} -.tip{color:#D54E21;font-size:11px;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../neoease/images/emotions/emotions-black.png");float:left;height:24px;margin-right:5px;width:24px;} -.em01{background-position:-24px 0;} -.em02{background-position:-48px 0;} -.em03{background-position:-72px 0;} -.em04{background-position:-96px 0;} -.em05{background-position:0 -24px;} -.em06{background-position:-24px -24px;} -.em07{background-position:-48px -24px;} -.em08{background-position:-72px -24px;} -.em09{background-position:-96px -24px;} -.em10{background-position:0 -48px;} -.em11{background-position:-24px -48px;} -.em12{background-position:-48px -48px;} -.em13{background-position:-72px -48px;} -.em14{background-position:-96px -48px;} -.em-span{line-height:24px;float:left;} -.em-br{line-height:24px;} -.date-ico,.tag-ico,.user-ico,.expand-ico,.collapse-ico,#search,.translate-ico,.feed-ico{background-image:url("../../neoease/images/icons.png");} -.feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px;} -.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #999;border-radius:3px 3px 3px 3px;cursor:pointer;float:right;height:16px;margin:6px 0 0 18px;padding:1px;width:16px;} -.translate-ico:hover{border-color:#D54E21;box-shadow:0 0 1px #999;background-color:#F2F2F2;} -.expand-ico,.collapse-ico{background-position:54px -84px;cursor:pointer;height:16px;background-repeat:no-repeat;} -.collapse-ico{background-position:54px -69px;} -.date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;display:block;padding-left:20px;} -.tag-ico{margin:6px 6px 0 0;} -.date-ico{float:left;background-position:0 -16px;} -.user-ico{background-position:0 -32px;float:left;margin-left:12px;} -.wrapper{margin:0 auto;width:960px;} -.body{border-top:2px solid #DDD;} -.main{float:left;margin:16px 0 50px;overflow:hidden;width:667px;} -.header{background:url("../../neoease/images/icons.png") repeat-x scroll 0 -220px #f2f2f2;padding:20px 0;} -.header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:normal;} -.header .sub-title{color:#242424;font-size:11px;} -#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #DDD;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1) inset;color:#888;float:right;font-size:14px;height:20px;line-height:145%;padding:3px 10px 3px 28px;width:24px;-moz-transition:width 0.4s ease, background 0.4s ease;-webkit-transition:width 0.4s ease, background 0.4s ease;transition:width 0.4s ease, background 0.4s ease;} -#search:focus{background-color:#F9F9F9;width:196px;} -.nav{background-color:#E9E9E9;border-bottom:1px solid #CCCCCC;} -.nav ul{list-style:none;float:left;} -.nav li{float:left;} -.nav a{color:#666666;display:block;float:left;font-size:14px;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #EEE;} -.nav a:hover{color:#D54E21;background-color:#DDD;} -.nav .current{background-color:#DDD;margin:-1px 0;padding-right:2px;} -.nav .current a{background-color:#F9F9F9;border-color:#CCCCCC #CCCCCC #F9F9F9;border-style:solid;border-width:1px 1px 3px;font-weight:700;height:33px;line-height:33px;margin:-2px 0 -3px;color:#333;text-shadow:1px 1px 1px #C6D9E9;} -.nav img{margin-left:3px;} -.nav .right{line-height:29px;} -.footer{background-color:#E9E9E9;border-top:3px solid #DDD;color:#999;font-size:11px;padding:12px 0;} -.footer a{color:#787878;} -.footer a:hover{color:#D54E21;} -#goTop{background:url("../../neoease/images/icons.png") no-repeat scroll 5px -51px #dddddd;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none;} -#goTop:hover{background-color:#EAEAEA;} -.side{float:right;overflow:hidden;width:278px;margin-bottom:50px;} -.side>div{border-bottom:1px solid #DEDEDE;padding:10px 5px 15px;} -.side h4{font-size:14px;line-height:32px;} -.side ul{list-style:none;} -#archiveSide{list-style:square outside none;margin-left:18px;} -#archiveSide .archive-year{color:#D54E21;font-weight:bold;height:18px;line-height:18px;list-style:none;} -.side a{line-height:18px;color:#21759B;} -.side a:hover{text-decoration:underline;} -.side sup{color:#333;} -.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px;} -.side .side-li a{white-space:nowrap;} -.recent-comments li>img{background-color:#FFF;border:1px solid #999;padding:1px;width:32px;height:32px;margin-top:1px;} -.recent-comments-main{float:left;margin:0 0 9px 3px;width:229px;} -.recent-comments-main .expand-ico,.recent-comments-main .collapse-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0);} -.recent-comments li:hover .expand-ico,.recent-comments li:hover .collapse-ico{opacity:1;filter:alpha(opacity=100);} -.recent-comments-main .collapse-ico{background-position:0 -70px;} -.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} -.recent-comments-content img{width:16px;} -.recent-comments-content a{color:#555777;} -.recent-comments-content a:hover{text-decoration:none;} -.article{border-bottom:1px solid #CCC;padding:0 5px 10px;margin-top:20px;} -.article-element{font-size:11px;line-height:16px;margin:12px 0;} -.article-element a{border-bottom:1px solid #DFDFDF;color:#555;text-decoration:none;padding-bottom:1px;} -.article-element a:hover{color:#D54E21;border-bottom-color:#D54E21;} -.article-title{color:#21759B;font-size:20px;font-weight:normal;} -.article-title:hover{color:#D54E21;} -.article .expand-ico,.article .collapse-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px;} -.article .collapse-ico{background-position:0 -70px;} -.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;} -.article-body h1{font-size:2em;margin:.67em 0;} -.article-body h2{font-size:1.5em;margin:.75em 0;} -.article-body h3{font-size:1.17em;margin:.83em 0;} -.article-body h4{margin:1.12em 0;} -.article-body h4{font-size:.83em;margin:1.5em 0;} -.article-body h6{font-size:.75em;margin:1.67em 0;} -.article-body ol,.article-body ul{margin-left:40px;} -.article-body a{border-bottom:1px solid #DFDFDF;} -.article-body a:hover{color:#D54E21;border-bottom:1px solid #D54E21;} -.article-body p{line-height:18px;} -.pagination{margin-top:30px;line-height:21px;} -.pagination a{border:1px solid #C5C3C2;font-size:10px;margin:2px;padding:1px 5px ;text-decoration:none;background-color:#F2F2F2;} -.pagination a.current{background-color:#FFF;font-weight:bold;padding:2px 6px;color:#000;} -.pagination a:hover{background-color:#F3DEDD;color:#D54E21;border:1px solid #D54E21;} -.page{margin-top:20px;padding:0 5px 5px;} -.article-panel1{background-color:#F2F2F2;padding:5px 10px;} -.article-panel2{background-color:#FFF;margin-top:12px;padding:5px 10px;} -.article-panel2 ul{line-height:18px;list-style:square outside none;margin-left:18px;} -.share{border-bottom:1px solid #DEDEDE;margin-top:15px;} -.share-comment{background-color:#DDD;border-radius:2px 2px 0 0;float:right;font-size:11px;height:21px;line-height:21px;margin-right:16px;padding:0 10px;} -.share-comment:hover{background-color:#EAEAEA;} -#comments{position:relative;} -#comments>div{border-bottom:1px solid #DEDEDE;padding:10px;width:647px;} -#comments .comment-panel>.right{-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0);} -#comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100);} -.comment-even{background-color:#F8F8F8;} -.comment-odd{background-color:#F5F5F5;} -.comment-header{height:50px;width:50px;float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:1px;} -.comment-panel{float:left;margin:0 10px;width:573px;line-height:16px;} -.comment-panel .article-body{margin-top:5px;} -#comments .comment-body-ref{border-bottom:0;background-color:#FFF;border-radius:5px 5px 5px 5px;left:73px;position:absolute;box-shadow:1px 0 3px #DEDEDE;width:560px;} -.comment-body-ref .comment-panel{width:486px;} -.comment-body-ref .arrow{border-color:#F5F5F5 #FFF #F5F5F5 #F5F5F5;border-style:solid;border-width:6px 8px 10px 0;display:block;left:-8px;position:absolute;top:5px;} -.form{margin:10px;} -.form img{cursor:pointer;} -.form h4{margin:10px 0 5px 5px;} -.form th{text-align:right;white-space:nowrap;} -.form input[type="text"],.form input[type="password"],.form textarea{border-color:silver #D9D9D9 #D9D9D9;border-style:solid;border-width:1px;font-family:"Lucida Grande",Verdana,'微软雅黑';font-size:12px;outline:medium none;padding:0 3px;} -.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;} -.form textarea{overflow:auto;resize:vertical;padding:3px;width:634px;} -.form input{height:24px;line-height:16px;width:260px;} -.form button{background-color:#B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-style:solid;border-width:1px;color:#2970A6;height:28px;line-height:28px;padding:0 12px;} -.form button:hover{background-color:#98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;} -#tags li{float:left;list-style:none;height:38px;} -#tags a:hover{text-shadow:0 0 2px;} -#tags a{border-radius:3px 3px 3px 3px;box-shadow:1px 1px 3px #333;float:left;margin:3px 6px;padding:3px 12px;} -#tagsSide li a{float:left;line-height:145%;margin-right:7px;white-space:nowrap;} -.tags1{font-size:12px;color:#A1A1A1;} -.tags2{font-size:14px;color:#687F95;} -.tags3{font-size:16px;color:#4C6E90;} -.tags4{font-size:18px;color:#258;} -.tags5{font-size:20px;} -#tagsSide .tags2{font-size:14px;} -#tagsSide .tags3{font-size:16px;} -#tagsSide .tags4{font-size:18px;} -#tagsSide .tags5{font-size:20px;} -.main>h2{margin-top:16px;} -.error{background-image:url("../../neoease/images/404.png");float:left;height:536px;margin:50px 80px;position:relative;width:363px;} -.error h2{left:-68px;position:absolute;top:-20px;} -.error a{background-color:#9CD941;border:265px none;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px;} -.error a:hover{background-color:#ADEb51;} +html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0} +::selection{background-color:#ccc;color:#fff} +::-moz-selection{background-color:#ccc;color:#fff} +body{font-family:"Lucida Grande","Verdana","\5fae\8f6f\96c5\9ed1";font-size:12px;background-color:#f9f9f9;color:#333} +a:link{outline:none;color:#21759b;text-decoration:none} +a:visited{color:#555777} +a:hover{color:#d54e21} +a:active{color:#333} +img{vertical-align:middle;border:0} +textarea,input{outline:none} +.left{float:left} +.right{float:right} +.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden} +.none{display:none} +.logo{padding:0 5px;text-shadow:0 0 1px #eee} +.tip{color:#d54e21;font-size:11px} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../neoease/images/emotions/emotions-black.png");float:left;height:24px;margin-right:5px;width:24px} +.em01{background-position:-24px 0} +.em02{background-position:-48px 0} +.em03{background-position:-72px 0} +.em04{background-position:-96px 0} +.em05{background-position:0 -24px} +.em06{background-position:-24px -24px} +.em07{background-position:-48px -24px} +.em08{background-position:-72px -24px} +.em09{background-position:-96px -24px} +.em10{background-position:0 -48px} +.em11{background-position:-24px -48px} +.em12{background-position:-48px -48px} +.em13{background-position:-72px -48px} +.em14{background-position:-96px -48px} +.em-span{line-height:24px;float:left} +.em-br{line-height:24px} +.date-ico,.tag-ico,.user-ico,.expand-ico,.collapse-ico,#search,.translate-ico,.feed-ico{background-image:url("../../neoease/images/icons.png")} +.feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px} +.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #999;border-radius:3px 3px 3px 3px;cursor:pointer;float:right;height:16px;margin:6px 0 0 18px;padding:1px;width:16px} +.translate-ico:hover{border-color:#d54e21;box-shadow:0 0 1px #999;background-color:#f2f2f2} +.expand-ico,.collapse-ico{background-position:54px -84px;cursor:pointer;height:16px;background-repeat:no-repeat} +.collapse-ico{background-position:54px -69px} +.date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;display:block;padding-left:20px} +.tag-ico{margin:6px 6px 0 0} +.date-ico{float:left;background-position:0 -16px} +.user-ico{background-position:0 -32px;float:left;margin-left:12px} +.wrapper{margin:0 auto;width:960px} +.body{border-top:2px solid #ddd} +.main{float:left;margin:16px 0 50px;overflow:hidden;width:667px} +.header{background:url("../../neoease/images/icons.png") repeat-x scroll 0 -220px #f2f2f2;padding:20px 0} +.header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:normal} +.header .sub-title{color:#242424;font-size:11px} +#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#fff;border:1px solid #ddd;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#888;float:right;font-size:14px;height:20px;line-height:145%;padding:3px 10px 3px 28px;width:24px;-moz-transition:width .4s ease,background .4s ease;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease} +#search:focus{background-color:#f9f9f9;width:196px} +.nav{background-color:#e9e9e9;border-bottom:1px solid #ccc} +.nav ul{list-style:none;float:left} +.nav li{float:left} +.nav a{color:#666;display:block;float:left;font-size:14px;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #eee} +.nav a:hover{color:#d54e21;background-color:#ddd} +.nav .current{background-color:#ddd;margin:-1px 0;padding-right:2px} +.nav .current a{background-color:#f9f9f9;border-color:#ccc #ccc #f9f9f9;border-style:solid;border-width:1px 1px 3px;font-weight:700;height:33px;line-height:33px;margin:-2px 0 -3px;color:#333;text-shadow:1px 1px 1px #c6d9e9} +.nav img{margin-left:3px} +.nav .right{line-height:29px} +.footer{background-color:#e9e9e9;border-top:3px solid #ddd;color:#999;font-size:11px;padding:12px 0} +.footer a{color:#787878} +.footer a:hover{color:#d54e21} +#goTop{background:url("../../neoease/images/icons.png") no-repeat scroll 5px -51px #ddd;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none} +#goTop:hover{background-color:#eaeaea} +.side{float:right;overflow:hidden;width:278px;margin-bottom:50px} +.side>div{border-bottom:1px solid #dedede;padding:10px 5px 15px} +.side h4{font-size:14px;line-height:32px} +.side ul{list-style:none} +#archiveSide{list-style:square outside none;margin-left:18px} +#archiveSide .archive-year{color:#d54e21;font-weight:bold;height:18px;line-height:18px;list-style:none} +.side a{line-height:18px;color:#21759b} +.side a:hover{text-decoration:underline} +.side sup{color:#333} +.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px} +.side .side-li a{white-space:nowrap} +.recent-comments li>img{background-color:#fff;border:1px solid #999;padding:1px;width:32px;height:32px;margin-top:1px} +.recent-comments-main{float:left;margin:0 0 9px 3px;width:229px} +.recent-comments-main .expand-ico,.recent-comments-main .collapse-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)} +.recent-comments li:hover .expand-ico,.recent-comments li:hover .collapse-ico{opacity:1;filter:alpha(opacity=100)} +.recent-comments-main .collapse-ico{background-position:0 -70px} +.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis} +.recent-comments-content img{width:16px} +.recent-comments-content a{color:#555777} +.recent-comments-content a:hover{text-decoration:none} +.article{border-bottom:1px solid #ccc;padding:0 5px 10px;margin-top:20px} +.article-element{font-size:11px;line-height:16px;margin:12px 0} +.article-element a{border-bottom:1px solid #dfdfdf;color:#555;text-decoration:none;padding-bottom:1px} +.article-element a:hover{color:#d54e21;border-bottom-color:#d54e21} +.article-title{color:#21759b;font-size:20px;font-weight:normal} +.article-title:hover{color:#d54e21} +.article .expand-ico,.article .collapse-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px} +.article .collapse-ico{background-position:0 -70px} +.article-body{line-height:145%;overflow:hidden;word-wrap:break-word} +.article-body h1{font-size:2em;margin:.67em 0} +.article-body h2{font-size:1.5em;margin:.75em 0} +.article-body h3{font-size:1.17em;margin:.83em 0} +.article-body h4{margin:1.12em 0} +.article-body h4{font-size:.83em;margin:1.5em 0} +.article-body h6{font-size:.75em;margin:1.67em 0} +.article-body ol,.article-body ul{margin-left:40px} +.article-body a{border-bottom:1px solid #dfdfdf} +.article-body a:hover{color:#d54e21;border-bottom:1px solid #d54e21} +.article-body p{line-height:18px} +.pagination{margin-top:30px;line-height:21px} +.pagination a{border:1px solid #c5c3c2;font-size:10px;margin:2px;padding:1px 5px;text-decoration:none;background-color:#f2f2f2} +.pagination a.current{background-color:#fff;font-weight:bold;padding:2px 6px;color:#000} +.pagination a:hover{background-color:#f3dedd;color:#d54e21;border:1px solid #d54e21} +.page{margin-top:20px;padding:0 5px 5px} +.article-panel1{background-color:#f2f2f2;padding:5px 10px} +.article-panel2{background-color:#fff;margin-top:12px;padding:5px 10px} +.article-panel2 ul{line-height:18px;list-style:square outside none;margin-left:18px} +.share{border-bottom:1px solid #dedede;margin-top:15px} +.share-comment{background-color:#ddd;border-radius:2px 2px 0 0;float:right;font-size:11px;height:21px;line-height:21px;margin-right:16px;padding:0 10px} +.share-comment:hover{background-color:#eaeaea} +#comments{position:relative} +#comments>div{border-bottom:1px solid #dedede;padding:10px;width:647px} +#comments .comment-panel>.right{-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)} +#comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100)} +.comment-even{background-color:#f8f8f8} +.comment-odd{background-color:#f5f5f5} +.comment-header{height:50px;width:50px;float:left;background-color:#fff;border:1px solid #dedede;padding:1px} +.comment-panel{float:left;margin:0 10px;width:573px;line-height:16px} +.comment-panel .article-body{margin-top:5px} +#comments .comment-body-ref{border-bottom:0;background-color:#fff;border-radius:5px 5px 5px 5px;left:73px;position:absolute;box-shadow:1px 0 3px #dedede;width:560px} +.comment-body-ref .comment-panel{width:486px} +.comment-body-ref .arrow{border-color:#f5f5f5 #fff #f5f5f5 #f5f5f5;border-style:solid;border-width:6px 8px 10px 0;display:block;left:-8px;position:absolute;top:5px} +.form{margin:10px} +.form img{cursor:pointer} +.form h4{margin:10px 0 5px 5px} +.form th{text-align:right;white-space:nowrap} +.form input[type="text"],.form input[type="password"],.form textarea{border-color:#c0c0c0 #d9d9d9 #d9d9d9;border-style:solid;border-width:1px;font-family:"Lucida Grande",Verdana,'微软雅黑';font-size:12px;outline:medium none;padding:0 3px} +.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0,0,0,0.3) inset} +.form textarea{overflow:auto;resize:vertical;padding:3px;width:634px} +.form input{height:24px;line-height:16px;width:260px} +.form button{background-color:#b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-style:solid;border-width:1px;color:#2970a6;height:28px;line-height:28px;padding:0 12px} +.form button:hover{background-color:#98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e} +#tags li{float:left;list-style:none;height:38px} +#tags a:hover{text-shadow:0 0 2px} +#tags a{border-radius:3px 3px 3px 3px;box-shadow:1px 1px 3px #333;float:left;margin:3px 6px;padding:3px 12px} +#tagsSide li a{float:left;line-height:145%;margin-right:7px;white-space:nowrap} +.tags1{font-size:12px;color:#a1a1a1} +.tags2{font-size:14px;color:#687f95} +.tags3{font-size:16px;color:#4c6e90} +.tags4{font-size:18px;color:#258} +.tags5{font-size:20px} +#tagsSide .tags2{font-size:14px} +#tagsSide .tags3{font-size:16px} +#tagsSide .tags4{font-size:18px} +#tagsSide .tags5{font-size:20px} +.main>h2{margin-top:16px} +.error{background-image:url("../../neoease/images/404.png");float:left;height:536px;margin:50px 80px;position:relative;width:363px} +.error h2{left:-68px;position:absolute;top:-20px} +.error a{background-color:#9cd941;border:265px none;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px} +.error a:hover{background-color:#adeb51} diff --git a/neoease/js/neoease.min.js b/neoease/js/neoease.min.js index 0775676..9a4d6f2 100644 --- a/neoease/js/neoease.min.js +++ b/neoease/js/neoease.min.js @@ -1 +1 @@ -var goTop=function(acceleration){acceleration=acceleration||.1;var y=$(window).scrollTop();var speed=1+acceleration;window.scrollTo(0,Math.floor(y/speed));if(y>0){var invokeFunction="goTop("+acceleration+")";window.setTimeout(invokeFunction,16)}};var collapseArchive=function(it,year){var tag=true;if(it.className==="collapse-ico"){it.className="expand-ico";tag=false}else{it.className="collapse-ico"}$("#archiveSide li").each(function(){var $this=$(this);if($this.data("year")===year){if(tag){$(this).show()}else{$(this).hide()}}})};var getArticle=function(it,id){var $abstract=$("#abstract"+id),$content=$("#content"+id);if($content.html()===""){$.ajax({url:"/get-article-content?id="+id,type:"GET",dataType:"html",beforeSend:function(){$abstract.css("background","url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent")},success:function(result,textStatus){it.className="collapse-ico";$content.html(result);$abstract.hide().css("background","none");$content.fadeIn("slow")}})}else{if(it.className==="expand-ico"){$abstract.hide();$content.fadeIn();it.className="collapse-ico"}else{$content.hide();$abstract.fadeIn();it.className="expand-ico"}}return false};var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};(function(){$(window).scroll(function(){var y=$(window).scrollTop();if(y>182){var bodyH=$(window).height();var top=y+bodyH-21;if($("body").height()-58<=y+bodyH){top=$(".footer").offset().top-21}$("#goTop").fadeIn("slow").css("top",top)}else{$("#goTop").hide()}});var currentYear=(new Date).getFullYear(),year=currentYear;$("#archiveSide li").each(function(i){var $this=$(this);if($this.data("year")!==currentYear){$(this).hide()}if(year!==$this.data("year")){year=$this.data("year");$this.before("
  • "+year+" 年
    • ")}});$(".recent-comments .expand-ico").click(function(){if(this.className==="expand-ico"){$(this).parent().next().css({height:"auto","white-space":"normal"});this.className="collapse-ico"}else{$(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")});this.className="expand-ico"}});$(".nav ul li").each(function(){var $a=$(this).find("a");if($a.attr("href")===latkeConfig.servePath+location.pathname){$(this).addClass("current")}else if(/\/[0-9]+$/.test(location.pathname)){$(".nav ul li")[0].className="current"}});Util.init();Util.replaceSideEm($(".recent-comments-content"));Util.buildTags("tagsSide");$(".recent-comments .recent-comments-main").each(function(){if($(this).find(".recent-comments-content>a").height()<30){$(this).find(".expand-ico").remove()}else{$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})}})})(); \ No newline at end of file +var goTop=function(acceleration){acceleration=acceleration||.1;var y=$(window).scrollTop();var speed=1+acceleration;window.scrollTo(0,Math.floor(y/speed));if(y>0){var invokeFunction="goTop("+acceleration+")";window.setTimeout(invokeFunction,16)}};var collapseArchive=function(it,year){var tag=true;if(it.className==="collapse-ico"){it.className="expand-ico";tag=false}else{it.className="collapse-ico"}$("#archiveSide li").each(function(){var $this=$(this);if($this.data("year")===year){if(tag){$(this).show()}else{$(this).hide()}}})};var getArticle=function(it,id){var $abstract=$("#abstract"+id),$content=$("#content"+id);if($content.html()===""){$.ajax({url:"/get-article-content?id="+id,type:"GET",dataType:"html",beforeSend:function(){$abstract.css("background","url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent")},success:function(result,textStatus){it.className="collapse-ico";$content.html(result);$abstract.hide().css("background","none");$content.fadeIn("slow")}})}else{if(it.className==="expand-ico"){$abstract.hide();$content.fadeIn();it.className="collapse-ico"}else{$content.hide();$abstract.fadeIn();it.className="expand-ico"}}return false};var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};!function(){$(window).scroll(function(){var y=$(window).scrollTop();if(y>182){var bodyH=$(window).height();var top=y+bodyH-21;if($("body").height()-58<=y+bodyH){top=$(".footer").offset().top-21}$("#goTop").fadeIn("slow").css("top",top)}else{$("#goTop").hide()}});var currentYear=(new Date).getFullYear(),year=currentYear;$("#archiveSide li").each(function(i){var $this=$(this);if($this.data("year")!==currentYear){$(this).hide()}if(year!==$this.data("year")){year=$this.data("year");$this.before("
  • "+year+" 年
    • ")}});$(".recent-comments .expand-ico").click(function(){if(this.className==="expand-ico"){$(this).parent().next().css({height:"auto","white-space":"normal"});this.className="collapse-ico"}else{$(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")});this.className="expand-ico"}});$(".nav ul li").each(function(){var $a=$(this).find("a");if($a.attr("href")===latkeConfig.servePath+location.pathname){$(this).addClass("current")}else if(/\/[0-9]+$/.test(location.pathname)){$(".nav ul li")[0].className="current"}});Util.init();Util.replaceSideEm($(".recent-comments-content"));Util.buildTags("tagsSide");$(".recent-comments .recent-comments-main").each(function(){if($(this).find(".recent-comments-content>a").height()<30){$(this).find(".expand-ico").remove()}else{$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})}})}(); \ No newline at end of file diff --git a/owmx-3.0/css/owmx-3.0.min.css b/owmx-3.0/css/owmx-3.0.min.css index b2bc504..d4f9f63 100644 --- a/owmx-3.0/css/owmx-3.0.min.css +++ b/owmx-3.0/css/owmx-3.0.min.css @@ -1,114 +1,114 @@ @charset "utf-8"; -header,footer,article,nav,section,aside,time,hgroup{display:block;} -html,body,header,footer,article,nav,section,aside,time,h1,h2,h3,p,a,ul,li,dl,dd,dt,table,thead,tfoot,tbody,th,tr,td{border:0;font:12px/22px 'Verdana','sans-serif';margin:0;outline:0;padding:0;} -BODY{background:#DDD;margin:0px 0 0 0;color:#444;} -A,A:LINK,A:ACTIVE,A:VISITED{color:#016f93;text-decoration:none;} -A:HOVER{color:#DB0202;} -a.selected{font-weight:bold;color:#000000;} -H1,H3,H4,H5,H6{background:url(../images/ai4.png) no-repeat 0 7px;border-bottom:1px solid #CCC;color:#666;font-weight:bold;margin:0 0 10px;padding:0 0 0 25px;} -H1{background:url(../images/ai4.png) no-repeat 0 6px;font-size:15px;} -H1 a{font-weight:bold;font-size:15px;} -H2{font-size:14px;margin:0 0 20px 0;} -H3{background:url(../images/ai5.png) no-repeat 0 7px;} -H3,H4,H5,H6{font-size:13px;} -h4{background-position:0 5px;} -sup{color:#444;top:-4px;} -header{border-radius:4px;background:#0098cc url(../images/hd.jpg) no-repeat top left;height:200px;margin:0 0 10px 0;padding:10px 10px;position:relative;} -header a:link,header a:active,header a:visited{font-weight:bold;color:#FFF;font-size:16px;} -header a:hover{color:#FFF;} -header p{border-radius:4px;background:#FFF;bottom:20px;color:#000;font-weight:bold;opacity:0.5;padding:10px;position:absolute;right:20px;width:400px;} -article{border-radius:4px;background:#FFF;border:1px solid #CCC;float:right;height:auto;padding:20px;width:550px;} -article h1{color:#666;font-weight:bold;font-size:15px;} -.highlight-1,.highlight-2,.highlight-3{-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px;} -.highlight-1{background:#FFCCCC;border:1px dotted #FF9966;} -.highlight-2{background:#FFFF99;border:1px dotted #FFCC33;} -.highlight-3{background:#CCFF99;border:1px dotted #CCCC33;} -cite{border-left:2px solid #0098CC;color:#666;font-size:12px;font-style:normal;font-weight:bold;margin:0;padding:5px 10px;} -blockquote{border-left:2px solid #0098CC;color:#666;margin:0 0 20px 0;padding:5px 10px;} +header,footer,article,nav,section,aside,time,hgroup{display:block} +html,body,header,footer,article,nav,section,aside,time,h1,h2,h3,p,a,ul,li,dl,dd,dt,table,thead,tfoot,tbody,th,tr,td{border:0;font:12px/22px 'Verdana','sans-serif';margin:0;outline:0;padding:0} +BODY{background:#ddd;margin:0 0 0 0;color:#444} +A,A:LINK,A:ACTIVE,A:VISITED{color:#016f93;text-decoration:none} +A:HOVER{color:#db0202} +a.selected{font-weight:bold;color:#000} +H1,H3,H4,H5,H6{background:url(../images/ai4.png) no-repeat 0 7px;border-bottom:1px solid #ccc;color:#666;font-weight:bold;margin:0 0 10px;padding:0 0 0 25px} +H1{background:url(../images/ai4.png) no-repeat 0 6px;font-size:15px} +H1 a{font-weight:bold;font-size:15px} +H2{font-size:14px;margin:0 0 20px 0} +H3{background:url(../images/ai5.png) no-repeat 0 7px} +H3,H4,H5,H6{font-size:13px} +h4{background-position:0 5px} +sup{color:#444;top:-4px} +header{border-radius:4px;background:#0098cc url(../images/hd.jpg) no-repeat top left;height:200px;margin:0 0 10px 0;padding:10px 10px;position:relative} +header a:link,header a:active,header a:visited{font-weight:bold;color:#fff;font-size:16px} +header a:hover{color:#fff} +header p{border-radius:4px;background:#fff;bottom:20px;color:#000;font-weight:bold;opacity:.5;padding:10px;position:absolute;right:20px;width:400px} +article{border-radius:4px;background:#fff;border:1px solid #ccc;float:right;height:auto;padding:20px;width:550px} +article h1{color:#666;font-weight:bold;font-size:15px} +.highlight-1,.highlight-2,.highlight-3{-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px} +.highlight-1{background:#fcc;border:1px dotted #f96} +.highlight-2{background:#ff9;border:1px dotted #fc3} +.highlight-3{background:#cf9;border:1px dotted #cc3} +cite{border-left:2px solid #0098cc;color:#666;font-size:12px;font-style:normal;font-weight:bold;margin:0;padding:5px 10px} +blockquote{border-left:2px solid #0098cc;color:#666;margin:0 0 20px 0;padding:5px 10px} pre{color:#333;font-size:10px;line-height:15px;overflow:hidden;overflow-y:hidden;} -pre code{background:#EEE;border-left:2px solid #0098CC;margin:0 0 10px 0;padding:5px;display:block;} -dl.vevent{margin:-20px 0 20px 0;padding:0;} -.vevent dt{font-size:10px;position:relative;left:0;top:22px;font-weight:bold;} -.vevent dd{border-left:2px solid #0098CC;font-size:11px;margin:0 0 0 80px;padding:0 0 0 10px;} -dd.summary{font-weight:bold;} -.vevent a{font-size:11px;} -article form{border-radius:4px;background:#DDD;margin:0 0 20px;padding:10px;} -article label{color:#666;display:block;font-size:10px;font-weight:bold;margin:0 0 0 2px;} -article input,article textarea{border-radius:4px;border:1px solid #CCC;font-size:11px;padding:4px 5px;width:458px;} -article ul,aside ul{list-style:none;margin:0 0 20px 0;} -article ul{margin:0 0 20px 23px;} -article ul li{background:url(../images/ai2.png) no-repeat 0 8px;padding:0 0 0 17px;} -aside{background:#EEE;float:left;margin:0 0 20px 0;width:200px;white-space:normal;} -aside ul.aside-comments img{border-radius:4px;width:32px;height:32px;border:1px solid #999999;padding:1px;margin-top:5px;margin-right:5px;} -aside ul.aside-comments a{font-weight:bold;} -aside ul.aside-comments .side-comment{color:#555555;font-weight:normal;overflow:hidden;white-space:nowrap;width:158px;height:18px;} -aside ul.aside-comments div.left>div>div{display:none;} -aside ul.aside-comments .side-comment img{border:0px;height:16px;width:16px;padding:0px;margin-right:0px;margin-top:0;} -aside ul.aside-comments li{padding:2px 0;} -aside ul.aside-comments li div{width:158px;} -aside ul.aside-comments li div.left div{height:18px;line-height:18px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} -aside ul.navi-tags li{padding-left:0px;background-image:none;} -aside ul.navi-tags li img{margin-bottom:3px;padding-right:6px;height:16px;width:16px;} -#mostViewCountArticles li,#mostCommentArticles li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} -#mostViewCountArticles a,#mostCommentArticles a{white-space:nowrap;} -.s{border-radius:4px;margin:0 0 20px 0;padding:10px;width:179px;} -.s input{border-radius:4px;border:1px solid #AAA;color:#999;font-size:11px;padding:4px 5px;width:168px;} -nav ul{list-style:none;} -nav li{background:url(../images/ai1.png) no-repeat 0 8px;padding:0 0 0 15px;} -nav li ul,aside li ul li ul{margin:0;} -nav li li a{font-size:11px;} -nav li li li a{font-size:10px;} -nav li li li,aside li.active li li{background:url(../images/ai8.png) no-repeat 0 10px;} -nav li.active,aside li.active li{background:url(../images/ai2.png) no-repeat 0 8px;} -.gallery{list-style:none;margin:0 0 10px;} -.gallery li{display:inline;margin:0 15px 0 0;} -.gallery a img{border:1px solid #999;height:50px;opacity:0.8;padding:1px;width:50px;} -.gallery li:last-child{margin:0 0 10px 0;} -.gallery a img:hover{opacity:1;} -.adspace{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);background:#EEE;height:100%;margin:0 0 20px 0;padding:5px 10px;text-align:center;width:178px;} -.adspace a img{border:none;} -#tagcloud{overflow:hidden;width:200px;} -#tagcloud li{display:inline;margin:0 10px 0 0;} -.tagcloudsize-1 a{font-size:14px;} -.tagcloudsize-2 a{font-size:16px;} -.tagcloudsize-3 a{font-size:18px;} -footer{border-top:1px dotted #B5B3A9;clear:both;margin:20px 0;} -footer a,footer p{color:#666;display:inline;font-size:12px;} -footer div{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2A2A2A;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;float:right;white-space:nowrap;} -footer span{margin:0px;} -footer img{height:28px;} -.comments{position:relative;background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;} -.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative;} -.comment-body-ref{border-radius:6px;background-color:#FFFFFF;border:1px solid #CCCCCC;opacity:0.9;padding:6px;position:absolute;width:387px;left:174px;} -.comment-body-ref .comment-author{width:67px;} -.comment-body-ref .comment-info{width:300px;border-width:0px;} -.comment-body{margin-top:15px;} -.comment-author{float:left;text-align:center;width:81px;} -.comment-author div{margin-top:10px;padding-right:14px;background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;} -.comment-author img{border-radius:4px;border:1px solid #999999;padding:1px;width:32px;height:32px;} -.comment-author a{white-space:nowrap;margin-right:14px;font-weight:bold;} -.comment-info{border-radius:6px;width:440px;padding:5px 10px;background:#EDEFF0;border:1px dotted #EDEFF0;} -.comment-content{word-wrap:break-word;overflow:hidden;background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;line-height:145%;margin:0 -15px;padding:9px 15px 10px;font-size:12px;} -.comment-form img{cursor:pointer;} -.comment-form input,.comment-form textarea{height:16px;outline:none;font-family:Helvetica,Arial,sans-serif;color:#555555;background:url("../images/textfield.gif") repeat-x scroll 50% 0 #ffffff;border:1px solid #A6A6A6;padding:2px 1px;width:200px;} -.comment-form textarea{width:541px;font-size:12px;height:auto;} -.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;padding:0px 6px;height:22px;line-height:22px;border-radius:0px;} -.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E;} -.error-msg{color:#3366CC;} -#a,#b{margin:0 auto;position:relative;} -#a{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);background:#EEE;margin:15px auto;padding:10px 10px 0 10px;width:800px;} -#b{overflow:hidden;} -#c,.meta,.s,nav ul{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.4);background:#CCC;} -#c{margin:0 0 20px 0;padding:5px 10px;width:178px;} -#c p,#c a{font-size:11px;line-height:15px;} -#c p{margin:0 0 10px 0;} -#c img{border-radius:4px;float:left;margin:4px 10px 2px 0;} -.meta{margin:10px 0 30px;padding:2px 5px;} -.meta p,.meta a{font-size:10px;margin:0;} -nav ul{padding:10px;} -nav ul ul{border-radius:none;box-shadow:none;} -.single_page{border-radius:4px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);background:#F2F7F8;padding:10px;margin-bottom:25px;width:531px;} -::-webkit-scrollbar{width:6px;} -::-webkit-scrollbar-track{background-color:#bbb;} -::-webkit-scrollbar-thumb{background-color:#eee;} -::-webkit-scrollbar-thumb:hover{background-color:#888;} +pre code{background:#eee;border-left:2px solid #0098cc;margin:0 0 10px 0;padding:5px;display:block} +dl.vevent{margin:-20px 0 20px 0;padding:0} +.vevent dt{font-size:10px;position:relative;left:0;top:22px;font-weight:bold} +.vevent dd{border-left:2px solid #0098cc;font-size:11px;margin:0 0 0 80px;padding:0 0 0 10px} +dd.summary{font-weight:bold} +.vevent a{font-size:11px} +article form{border-radius:4px;background:#ddd;margin:0 0 20px;padding:10px} +article label{color:#666;display:block;font-size:10px;font-weight:bold;margin:0 0 0 2px} +article input,article textarea{border-radius:4px;border:1px solid #ccc;font-size:11px;padding:4px 5px;width:458px} +article ul,aside ul{list-style:none;margin:0 0 20px 0} +article ul{margin:0 0 20px 23px} +article ul li{background:url(../images/ai2.png) no-repeat 0 8px;padding:0 0 0 17px} +aside{background:#eee;float:left;margin:0 0 20px 0;width:200px;white-space:normal} +aside ul.aside-comments img{border-radius:4px;width:32px;height:32px;border:1px solid #999;padding:1px;margin-top:5px;margin-right:5px} +aside ul.aside-comments a{font-weight:bold} +aside ul.aside-comments .side-comment{color:#555;font-weight:normal;overflow:hidden;white-space:nowrap;width:158px;height:18px} +aside ul.aside-comments div.left>div>div{display:none} +aside ul.aside-comments .side-comment img{border:0;height:16px;width:16px;padding:0;margin-right:0;margin-top:0} +aside ul.aside-comments li{padding:2px 0} +aside ul.aside-comments li div{width:158px} +aside ul.aside-comments li div.left div{height:18px;line-height:18px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis} +aside ul.navi-tags li{padding-left:0;background-image:none} +aside ul.navi-tags li img{margin-bottom:3px;padding-right:6px;height:16px;width:16px} +#mostViewCountArticles li,#mostCommentArticles li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis} +#mostViewCountArticles a,#mostCommentArticles a{white-space:nowrap} +.s{border-radius:4px;margin:0 0 20px 0;padding:10px;width:179px} +.s input{border-radius:4px;border:1px solid #aaa;color:#999;font-size:11px;padding:4px 5px;width:168px} +nav ul{list-style:none} +nav li{background:url(../images/ai1.png) no-repeat 0 8px;padding:0 0 0 15px} +nav li ul,aside li ul li ul{margin:0} +nav li li a{font-size:11px} +nav li li li a{font-size:10px} +nav li li li,aside li.active li li{background:url(../images/ai8.png) no-repeat 0 10px} +nav li.active,aside li.active li{background:url(../images/ai2.png) no-repeat 0 8px} +.gallery{list-style:none;margin:0 0 10px} +.gallery li{display:inline;margin:0 15px 0 0} +.gallery a img{border:1px solid #999;height:50px;opacity:.8;padding:1px;width:50px} +.gallery li:last-child{margin:0 0 10px 0} +.gallery a img:hover{opacity:1} +.adspace{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.3);background:#eee;height:100%;margin:0 0 20px 0;padding:5px 10px;text-align:center;width:178px} +.adspace a img{border:none} +#tagcloud{overflow:hidden;width:200px} +#tagcloud li{display:inline;margin:0 10px 0 0} +.tagcloudsize-1 a{font-size:14px} +.tagcloudsize-2 a{font-size:16px} +.tagcloudsize-3 a{font-size:18px} +footer{border-top:1px dotted #b5b3a9;clear:both;margin:20px 0} +footer a,footer p{color:#666;display:inline;font-size:12px} +footer div{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2a2a2a;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;float:right;white-space:nowrap} +footer span{margin:0} +footer img{height:28px} +.comments{position:relative;background:none repeat scroll 0 0 #fcfcfc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:15px -15px;padding:0 15px 15px} +.comment-title{background-color:#e3e9ff;border-top:1px solid #36c;padding:3px 12px 3px 12px;position:relative} +.comment-body-ref{border-radius:6px;background-color:#fff;border:1px solid #ccc;opacity:.9;padding:6px;position:absolute;width:387px;left:174px} +.comment-body-ref .comment-author{width:67px} +.comment-body-ref .comment-info{width:300px;border-width:0} +.comment-body{margin-top:15px} +.comment-author{float:left;text-align:center;width:81px} +.comment-author div{margin-top:10px;padding-right:14px;background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent} +.comment-author img{border-radius:4px;border:1px solid #999;padding:1px;width:32px;height:32px} +.comment-author a{white-space:nowrap;margin-right:14px;font-weight:bold} +.comment-info{border-radius:6px;width:440px;padding:5px 10px;background:#edeff0;border:1px dotted #edeff0} +.comment-content{word-wrap:break-word;overflow:hidden;background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;line-height:145%;margin:0 -15px;padding:9px 15px 10px;font-size:12px} +.comment-form img{cursor:pointer} +.comment-form input,.comment-form textarea{height:16px;outline:none;font-family:Helvetica,Arial,sans-serif;color:#555;background:url("../images/textfield.gif") repeat-x scroll 50% 0 #fff;border:1px solid #a6a6a6;padding:2px 1px;width:200px} +.comment-form textarea{width:541px;font-size:12px;height:auto} +.comment-form button{background:none repeat scroll 0 0 #b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-style:solid;border-width:1px;color:#2970a6;font-size:12px;padding:0 6px;height:22px;line-height:22px;border-radius:0} +.comment-form button:hover{background:none repeat scroll 0 0 #98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e} +.error-msg{color:#36c} +#a,#b{margin:0 auto;position:relative} +#a{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.3);background:#eee;margin:15px auto;padding:10px 10px 0 10px;width:800px} +#b{overflow:hidden} +#c,.meta,.s,nav ul{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.4);background:#ccc} +#c{margin:0 0 20px 0;padding:5px 10px;width:178px} +#c p,#c a{font-size:11px;line-height:15px} +#c p{margin:0 0 10px 0} +#c img{border-radius:4px;float:left;margin:4px 10px 2px 0} +.meta{margin:10px 0 30px;padding:2px 5px} +.meta p,.meta a{font-size:10px;margin:0} +nav ul{padding:10px} +nav ul ul{border-radius:none;box-shadow:none} +.single_page{border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,0.2);background:#f2f7f8;padding:10px;margin-bottom:25px;width:531px} +::-webkit-scrollbar{width:6px} +::-webkit-scrollbar-track{background-color:#bbb} +::-webkit-scrollbar-thumb{background-color:#eee} +::-webkit-scrollbar-thumb:hover{background-color:#888} diff --git a/timeline/css/timeline.min.css b/timeline/css/timeline.min.css index 25d90ae..5dda6c2 100644 --- a/timeline/css/timeline.min.css +++ b/timeline/css/timeline.min.css @@ -1,116 +1,116 @@ -html,body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;height:100%;} -body{font:0.81em Verdana,arial,'\5fae\8f6f\96c5\9ed1';color:#666666;background-color:#363A3D;overflow-y:scroll;} -button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';outline:none;} -a{color:#6599C6;outline:medium none;text-decoration:none;transition:color 1s ease 0s;} -a:hover{color:#000;} -img{max-width:100%;border:0;vertical-align:middle;} -::selection{background-color:#D5D5D5;color:#FCFCFC;} -::-moz-selection{background-color:#D5D5D5;color:#FCFCFC;} -.left{float:left;} -.right{float:right;} -.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;} -.none{display:none;} -.fn-clear:before,.fn-clear:after{display:table;content:"";} -.fn-clear:after{clear:both;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../ease/images/emotions/emotions-ease.png");float:left;height:24px;margin-right:5px;width:24px;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;} -#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg);} -.em01{background-position:-24px 0;} -.em02{background-position:-48px 0;} -.em03{background-position:-72px 0;} -.em04{background-position:-96px 1px;} -.em05{background-position:0 -24px;} -.em06{background-position:-24px -24px;} -.em07{background-position:-48px -24px;} -.em08{background-position:-72px -24px;} -.em09{background-position:-96px -24px;} -.em10{background-position:0 -48px;} -.em11{background-position:-24px -48px;} -.em12{background-position:-48px -48px;} -.em13{background-position:-72px -48px;} -.em14{background-position:-96px -48px;} -#tags{margin:0;} -#tags li{float:left;list-style-type:none;height:45px;} -#tags a{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;margin:5px 10px;padding:5px 10px;} -#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #D5D5D5;} -#tags b{font-size:70%;opacity:0.6;filter:alpha(opacity=60);} -.tags1,.tags1:visited{font-size:12px;color:#a7a7a7;} -.tags2,.tags2:visited{font-size:14px;color:#808080;} -.tags3,.tags3:visited{font-size:16px;color:#595959;} -.tags4,.tags4:visited{font-size:18px;color:#323232;} -.tags5,.tags5:visited{font-size:20px;color:#0a0a0a;} -.module{background-color:#FFFFFF;border:1px solid #BEC3C7;border-radius:5px 5px 5px 5px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);margin-bottom:30px;padding:15px;word-wrap:break-word;position:relative;} -.module>h3.title{margin:0 0 10px 0;color:#444;} -.module>ul.list{list-style-type:none;padding-left:0;margin:0;overflow:hidden;} -.module>ul.list>li{border-top:1px solid #EEEEEE;padding:6px 0;} -.articles .arrow,.ico-author,.ico-tags,.ico-comment,.ico-top,.ico-view,.ico-reply,.ico-translate,#search{background-repeat:no-repeat;background-image:url("../../timeline/images/icons.png");} -.ico-author,.ico-tags,.ico-comment,.ico-view,.ico-reply{padding-left:20px;background-position:-1px -63px;margin-right:10px;} -.ico-tags{background-position:-1px -83px;} -.ico-comment{background-position:-1px -41px;} -.ico-view{background-position:0 -122px;} -.ico-reply{background-position:0 -162px;} -.ico-translate{background-position:0 -186px;cursor:pointer;float:right;height:16px;margin-left:10px;width:16px;} -#search{background-position:5px -138px;border:medium none;border-radius:12px 12px 12px 12px;box-shadow:0 1px 0 rgba(0, 0, 0, 0.4) inset,0 1px 0 rgba(255, 255, 255, 0.1);color:#A5A099;height:22px;margin-top:13px;margin-bottom:10px;padding-left:25px;transition:width 0.7s ease 0s;width:60px;} -#search:focus{color:#333;width:140px;} -.ico-top{background-color:#363A3D;background-position:4px -100px;border-radius:20em 20em 20em 20em;bottom:60px;box-shadow:0 -1px 2px rgba(0, 0, 0, 0.3) inset,0 1px 0 rgba(255, 255, 255, 0.15);height:25px;position:fixed;left:90%;width:25px;cursor:pointer;} -.ico-next,.ico-pre{background-color:#6599C6;border-radius:10em 10em 10em 10em;color:#FFFFFF;display:block;float:left;font:20px/100% "Times New Roman",Times,serif;height:28px;margin:-8px 10px 0 0;padding:4px 0 0;text-align:center;transition:background 1s ease 0s;width:32px;} -.ico-next{float:right;margin:-8px 0 0 10px;} -a:hover>.ico-next,a:hover>.ico-pre{background-color:#000;} -.wrapper{min-width:400px;padding:50px 0;background:url("../../timeline/images/bg.png") repeat scroll 0 0 #dee4ea;} -.header{background-color:#BFBFBF;background-image:url("../../timeline/images/nav-bg.png"),linear-gradient(#cccccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-ms-linear-gradient(#cccccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-o-linear-gradient(#cccccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-webkit-linear-gradient(#cccccc, #a9a9a9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CCCCCC', endColorstr='#A9A9A9');border-bottom:1px solid #898989;box-shadow:0 -1px 0 rgba(255, 255, 255, 0.3) inset,0 1px 1px rgba(0, 0, 0, 0.2);} -.container{width:80%;margin:0 auto;} -.footer{border-top:1px solid #232323;padding:20px 0;color:#ddd;font-size:80%;} -.footer a{color:#9CC0DE;} -.footer a:hover{text-decoration:underline;} -.header .title{font-size:150%;margin:3px 0 0;} -.header .title a{color:#414141;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);} -.header .sub-title{float:left;max-width:574px;white-space:normal;word-wrap:break-word;} -.header li a{color:#444;padding:17px;line-height:20px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);white-space:nowrap;} -.header li a.current{border-bottom:2px solid #D26911;} -.header a:hover{color:#000;} -.header li{float:left;list-style-type:none;} -.header>.container>ul,.header>.container>form{height:auto;overflow:visible;} -.articles{position:relative;margin-top:11px;} -.articles>div.fn-clear{position:relative;margin-bottom:50px;} -.articles>div.fn-clear>h2{margin:0;text-align:center;height:28px;} -.articles>.vertical{background-color:#9EB5C6;border-radius:20em 20em 20em 20em;box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.5) inset,0 0 1px 0 rgba(255, 255, 255, 0.6);height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px;} -.articles article{width:50%;float:left;} -.articles article.l>div.module{margin-right:30px;left:0;} -.articles article.r{left:50%;} -.articles article.r>div{margin-left:30px;position:relative;} -.articles .dot{background-color:#FFFFFF;border:3px solid #60829F;border-radius:20em 20em 20em 20em;height:6px;position:absolute;right:-37px;top:22px;width:6px;} -.articles .r .dot{left:-37px;right:inherit;} -.articles .arrow{height:15px;position:absolute;right:-9px;top:21px;width:9px;} -.articles .r .arrow{background-position:0 -22px;left:-9px;right:inherit;} -.articles pre{background-color:#F5F5F5;border:1px solid #ddd;border-radius:4px 4px 4px 4px;padding:9.5px;white-space:pre-wrap;word-wrap:break-word;} -time.article-time{top:-8px;left:50%;position:absolute;} -time.article-time>span{background-color:#FFFFFF;border:1px solid #A8A9A9;border-radius:20em 20em 20em 20em;font-size:80%;margin-left:-56px;padding:5px 10px;} -article .article-title{margin:10px 0 0 0;} -article .article-title>sup{color:#6599C6;font-size:70%;} -article .article-title a{color:#000;text-decoration:none;} -.ico>a{color:#999999;font-size:80%;text-decoration:none;} -.ico>a:hover{color:#000;} -.article-more{background-color:#60829F;border-radius:20em 20em 20em 20em;box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset,0 1px 0 rgba(255, 255, 255, 0.6);color:#FFFFFF;cursor:pointer;font-weight:bold;height:19px;left:50%;margin-left:-38px;padding:5px 20px;position:absolute;text-align:center;top:100%;width:36px;} -.article-archive{background-color:#60829F;border-radius:20em 20em 20em 20em;box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset,0 1px 0 rgba(255, 255, 255, 0.6);color:#FFFFFF;font-size:80%;font-weight:normal;padding:5px 20px;} -.dynamic-l{float:left;width:70%;} -.dynamic-l>div{margin-right:30px;} -.dynamic-r{float:right;width:30%;} -.dynamic-r .tags a,.links a{line-height:24px;} -#comments{margin:30px 0 50px;position:relative;} -.comments>li>img{height:60px;width:60px;border-radius:30px;float:left;margin-right:15px;} -.comments .author{font-size:130%;font-style:italic;} -.comments>li>div>div.article-body{padding-left:75px;margin:12px 0;} -.module>ul>li.comment-body-ref{background-color:#FFFFFF;border:1px solid #ddd;left:76px;opacity:0.8;filter:alpha(opacity=80);padding:10px;position:absolute;width:74%;border-radius:10px;} -.comment-body-ref .ico-reply{display:none;} -.comment-form{width:100%;margin:30px 0;} -#commentForm{margin-top:0;} -.comment-form input[type='text'],.comment-form textarea{background:url("../../timeline/images/bg.png") repeat scroll 0 0 #e5e8ea;border:1px solid #BCBDBE;border-radius:5px 5px 5px 5px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;margin:5px 5px 5px 0;padding:6px;} -.comment-form input[type='text']:focus,.comment-form textarea:focus{background-color:#EFEFEF;outline:medium none;} -#submitCommentButton,#submitCommentButtonReply{background:none repeat scroll 0 0 #868889;border:1px solid #5D6265;border-radius:10em 10em 10em 10em;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset,0 1px 1px rgba(0, 0, 0, 0.3);color:#FFFFFF;cursor:pointer;padding:5px 20px;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);} -#submitCommentButton:hover,#submitCommentButtonReply:hover{color:#fff;background-color:#444;} -.nav-abs{background-color:#6B6B6B;border:1px solid #898989;border-radius:5px 5px 5px 5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.4) inset,0 1px 0 rgba(255, 255, 255, 0.7),0 -1px 0 rgba(255, 255, 255, 0.6);color:#CCCCCC;padding:5px 10px;position:absolute;right:30px;top:61px;z-index:1;text-align:center;white-space:nowrap;} -.index-nav-abs{padding:0;position:fixed;max-width:160px;} -.nav-abs li{background-color:#DEDDDD;border:1px solid #6B6B6B;color:#616161;cursor:pointer;float:left;height:20px;list-style-type:none;padding:3px 5px;width:28px;} -.nav-abs li.year{background-color:#6B6B6B;clear:both;color:#CCCCCC;float:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);width:auto;border-width:0;} -.nav-abs li:hover{background-color:#EFEEEE;color:#000;} -.nav-abs li.year:hover,.nav-abs li.open{background-color:#353535;color:#fff;} -@media (max-width:650px){.wrapper{min-width:200px;} #top>.left{display:block;float:none;width:100%;} #top>a{display:block;float:none !important;} #hideTop{position:absolute;right:0;top:0;} #admin{display:block;float:none;} #admin>a{border-right-width:0 !important;display:block;float:none !important;line-height:26px !important;margin:0 !important;} .container{width:100%;} .header .title{height:26px;max-width:72%;overflow:hidden;} .header>.container>div.left{float:none;height:50px;margin-left:10px;} .header>.container>ul{float:none;padding:0;margin:0;} .header>.container li{float:none;padding:3px 10px;} .header>.container li>a{padding:0;display:block;} .header>.container li:hover{background-color:#FFFFFF;background-image:linear-gradient(#ffffff, #e5e5e5);background-image:-ms-linear-gradient(#ffffff, #e5e5e5);background-image:-o-linear-gradient(#ffffff, #e5e5e5);background-image:-webkit-linear-gradient(#ffffff, #e5e5e5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E5E5E5');} .header>.container>form{float:none;margin:10px;} #search{margin:5px 0 10px 10px;} #search:focus{width:92%;} .ico-list{background-color:#FCFCFC;background-image:url("../../timeline/images/icons.png");background-position:4px -206px;background-repeat:no-repeat;border-radius:1px 0 3px 3px;cursor:pointer;float:right;height:25px;margin-right:35px;margin-top:-29px;width:25px;} .ico-list:hover{background-color:#FFF;} .footer>.container>.right{float:none;padding:0 10px;line-height:19px;} .footer>.container>.right>.left{float:none;} .nav-abs{position:inherit !important;padding:0;background-color:transparent;box-shadow:none;border-width:0;max-width:none !important;} .index-nav-abs{margin:0;} .nav-abs li{float:none;width:auto;} .author,.ico-reply{margin-left:75px;display:block;} .comments>li>div>div.article-body{padding-left:0;} .dynamic-l,.dynamic-r{float:none;width:auto;} .dynamic-l>div{margin-right:0;} .articles .arrow,.articles .dot,#admin>span,.ft-next,.ft-pre,.footer>.container>.left{display:none;} .header>.container>ul,.header>.container>form{height:0;overflow:hidden;margin:0;} .articles{padding-bottom:10px;} .articles article{float:none;width:auto;} .articles>div.fn-clear>h2{margin-bottom:40px;}}@media (max-width:360px){.ico{display:block;float:none;line-height:19px;} .dynamic-r .ico{float:right;} #commentForm label,#replyForm label{display:block;} .footer>.container>.right>.left>span{display:block;} .ico-translate{display:block;float:none;margin-left:0;} .ico-top{bottom:114px;}} +html,body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;height:100%} +body{font:.81em Verdana,arial,'\5fae\8f6f\96c5\9ed1';color:#666;background-color:#363a3d;overflow-y:scroll} +button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';outline:none} +a{color:#6599c6;outline:medium none;text-decoration:none;transition:color 1s ease 0} +a:hover{color:#000} +img{max-width:100%;border:0;vertical-align:middle} +::selection{background-color:#d5d5d5;color:#fcfcfc} +::-moz-selection{background-color:#d5d5d5;color:#fcfcfc} +.left{float:left} +.right{float:right} +.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden} +.none{display:none} +.fn-clear:before,.fn-clear:after{display:table;content:""} +.fn-clear:after{clear:both} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url("../../ease/images/emotions/emotions-ease.png");float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out} +#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)} +.em01{background-position:-24px 0} +.em02{background-position:-48px 0} +.em03{background-position:-72px 0} +.em04{background-position:-96px 1px} +.em05{background-position:0 -24px} +.em06{background-position:-24px -24px} +.em07{background-position:-48px -24px} +.em08{background-position:-72px -24px} +.em09{background-position:-96px -24px} +.em10{background-position:0 -48px} +.em11{background-position:-24px -48px} +.em12{background-position:-48px -48px} +.em13{background-position:-72px -48px} +.em14{background-position:-96px -48px} +#tags{margin:0} +#tags li{float:left;list-style-type:none;height:45px} +#tags a{background-color:#fcfcfc;box-shadow:0 0 2px #d5d5d5;display:block;margin:5px 10px;padding:5px 10px} +#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #d5d5d5} +#tags b{font-size:70%;opacity:.6;filter:alpha(opacity=60)} +.tags1,.tags1:visited{font-size:12px;color:#a7a7a7} +.tags2,.tags2:visited{font-size:14px;color:#808080} +.tags3,.tags3:visited{font-size:16px;color:#595959} +.tags4,.tags4:visited{font-size:18px;color:#323232} +.tags5,.tags5:visited{font-size:20px;color:#0a0a0a} +.module{background-color:#fff;border:1px solid #bec3c7;border-radius:5px 5px 5px 5px;box-shadow:0 1px 1px rgba(0,0,0,0.1);margin-bottom:30px;padding:15px;word-wrap:break-word;position:relative} +.module>h3.title{margin:0 0 10px 0;color:#444} +.module>ul.list{list-style-type:none;padding-left:0;margin:0;overflow:hidden} +.module>ul.list>li{border-top:1px solid #eee;padding:6px 0} +.articles .arrow,.ico-author,.ico-tags,.ico-comment,.ico-top,.ico-view,.ico-reply,.ico-translate,#search{background-repeat:no-repeat;background-image:url("../../timeline/images/icons.png")} +.ico-author,.ico-tags,.ico-comment,.ico-view,.ico-reply{padding-left:20px;background-position:-1px -63px;margin-right:10px} +.ico-tags{background-position:-1px -83px} +.ico-comment{background-position:-1px -41px} +.ico-view{background-position:0 -122px} +.ico-reply{background-position:0 -162px} +.ico-translate{background-position:0 -186px;cursor:pointer;float:right;height:16px;margin-left:10px;width:16px} +#search{background-position:5px -138px;border:medium none;border-radius:12px 12px 12px 12px;box-shadow:0 1px 0 rgba(0,0,0,0.4) inset,0 1px 0 rgba(255,255,255,0.1);color:#a5a099;height:22px;margin-top:13px;margin-bottom:10px;padding-left:25px;transition:width .7s ease 0;width:60px} +#search:focus{color:#333;width:140px} +.ico-top{background-color:#363a3d;background-position:4px -100px;border-radius:20em 20em 20em 20em;bottom:60px;box-shadow:0 -1px 2px rgba(0,0,0,0.3) inset,0 1px 0 rgba(255,255,255,0.15);height:25px;position:fixed;left:90%;width:25px;cursor:pointer} +.ico-next,.ico-pre{background-color:#6599c6;border-radius:10em 10em 10em 10em;color:#fff;display:block;float:left;font:20px/100% "Times New Roman",Times,serif;height:28px;margin:-8px 10px 0 0;padding:4px 0 0;text-align:center;transition:background 1s ease 0;width:32px} +.ico-next{float:right;margin:-8px 0 0 10px} +a:hover>.ico-next,a:hover>.ico-pre{background-color:#000} +.wrapper{min-width:400px;padding:50px 0;background:url("../../timeline/images/bg.png") repeat scroll 0 0 #dee4ea} +.header{background-color:#bfbfbf;background-image:url("../../timeline/images/nav-bg.png"),linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-ms-linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-o-linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-webkit-linear-gradient(#ccc, #a9a9a9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CCCCCC', endColorstr='#A9A9A9');border-bottom:1px solid #898989;box-shadow:0 -1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(0,0,0,0.2)} +.container{width:80%;margin:0 auto} +.footer{border-top:1px solid #232323;padding:20px 0;color:#ddd;font-size:80%} +.footer a{color:#9cc0de} +.footer a:hover{text-decoration:underline} +.header .title{font-size:150%;margin:3px 0 0} +.header .title a{color:#414141;text-shadow:0 1px 0 rgba(255,255,255,0.7)} +.header .sub-title{float:left;max-width:574px;white-space:normal;word-wrap:break-word} +.header li a{color:#444;padding:17px;line-height:20px;text-shadow:0 1px 0 rgba(255,255,255,0.7);white-space:nowrap} +.header li a.current{border-bottom:2px solid #d26911} +.header a:hover{color:#000} +.header li{float:left;list-style-type:none} +.header>.container>ul,.header>.container>form{height:auto;overflow:visible} +.articles{position:relative;margin-top:11px} +.articles>div.fn-clear{position:relative;margin-bottom:50px} +.articles>div.fn-clear>h2{margin:0;text-align:center;height:28px} +.articles>.vertical{background-color:#9eb5c6;border-radius:20em 20em 20em 20em;box-shadow:0 0 1px 0 rgba(0,0,0,0.5) inset,0 0 1px 0 rgba(255,255,255,0.6);height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px} +.articles article{width:50%;float:left} +.articles article.l>div.module{margin-right:30px;left:0} +.articles article.r{left:50%} +.articles article.r>div{margin-left:30px;position:relative} +.articles .dot{background-color:#fff;border:3px solid #60829f;border-radius:20em 20em 20em 20em;height:6px;position:absolute;right:-37px;top:22px;width:6px} +.articles .r .dot{left:-37px;right:inherit} +.articles .arrow{height:15px;position:absolute;right:-9px;top:21px;width:9px} +.articles .r .arrow{background-position:0 -22px;left:-9px;right:inherit} +.articles pre{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px 4px 4px 4px;padding:9.5px;white-space:pre-wrap;word-wrap:break-word} +time.article-time{top:-8px;left:50%;position:absolute} +time.article-time>span{background-color:#fff;border:1px solid #a8a9a9;border-radius:20em 20em 20em 20em;font-size:80%;margin-left:-56px;padding:5px 10px} +article .article-title{margin:10px 0 0 0} +article .article-title>sup{color:#6599c6;font-size:70%} +article .article-title a{color:#000;text-decoration:none} +.ico>a{color:#999;font-size:80%;text-decoration:none} +.ico>a:hover{color:#000} +.article-more{background-color:#60829f;border-radius:20em 20em 20em 20em;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset,0 1px 0 rgba(255,255,255,0.6);color:#fff;cursor:pointer;font-weight:bold;height:19px;left:50%;margin-left:-38px;padding:5px 20px;position:absolute;text-align:center;top:100%;width:36px} +.article-archive{background-color:#60829f;border-radius:20em 20em 20em 20em;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset,0 1px 0 rgba(255,255,255,0.6);color:#fff;font-size:80%;font-weight:normal;padding:5px 20px} +.dynamic-l{float:left;width:70%} +.dynamic-l>div{margin-right:30px} +.dynamic-r{float:right;width:30%} +.dynamic-r .tags a,.links a{line-height:24px} +#comments{margin:30px 0 50px;position:relative} +.comments>li>img{height:60px;width:60px;border-radius:30px;float:left;margin-right:15px} +.comments .author{font-size:130%;font-style:italic} +.comments>li>div>div.article-body{padding-left:75px;margin:12px 0} +.module>ul>li.comment-body-ref{background-color:#fff;border:1px solid #ddd;left:76px;opacity:.8;filter:alpha(opacity=80);padding:10px;position:absolute;width:74%;border-radius:10px} +.comment-body-ref .ico-reply{display:none} +.comment-form{width:100%;margin:30px 0} +#commentForm{margin-top:0} +.comment-form input[type='text'],.comment-form textarea{background:url("../../timeline/images/bg.png") repeat scroll 0 0 #e5e8ea;border:1px solid #bcbdbe;border-radius:5px 5px 5px 5px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;margin:5px 5px 5px 0;padding:6px} +.comment-form input[type='text']:focus,.comment-form textarea:focus{background-color:#efefef;outline:medium none} +#submitCommentButton,#submitCommentButtonReply{background:none repeat scroll 0 0 #868889;border:1px solid #5d6265;border-radius:10em 10em 10em 10em;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(0,0,0,0.3);color:#fff;cursor:pointer;padding:5px 20px;text-shadow:0 -1px 0 rgba(0,0,0,0.3)} +#submitCommentButton:hover,#submitCommentButtonReply:hover{color:#fff;background-color:#444} +.nav-abs{background-color:#6b6b6b;border:1px solid #898989;border-radius:5px 5px 5px 5px;box-shadow:0 1px 3px rgba(0,0,0,0.4) inset,0 1px 0 rgba(255,255,255,0.7),0 -1px 0 rgba(255,255,255,0.6);color:#ccc;padding:5px 10px;position:absolute;right:30px;top:61px;z-index:1;text-align:center;white-space:nowrap} +.index-nav-abs{padding:0;position:fixed;max-width:160px} +.nav-abs li{background-color:#dedddd;border:1px solid #6b6b6b;color:#616161;cursor:pointer;float:left;height:20px;list-style-type:none;padding:3px 5px;width:28px} +.nav-abs li.year{background-color:#6b6b6b;clear:both;color:#ccc;float:none;text-shadow:0 -1px 0 rgba(0,0,0,0.5);width:auto;border-width:0} +.nav-abs li:hover{background-color:#efeeee;color:#000} +.nav-abs li.year:hover,.nav-abs li.open{background-color:#353535;color:#fff} +@media (max-width:650px){.wrapper{min-width:200px} #top>.left{display:block;float:none;width:100%} #top>a{display:block;float:none !important} #hideTop{position:absolute;right:0;top:0} #admin{display:block;float:none} #admin>a{border-right-width:0 !important;display:block;float:none !important;line-height:26px !important;margin:0 !important} .container{width:100%} .header .title{height:26px;max-width:72%;overflow:hidden} .header>.container>div.left{float:none;height:50px;margin-left:10px} .header>.container>ul{float:none;padding:0;margin:0} .header>.container li{float:none;padding:3px 10px} .header>.container li>a{padding:0;display:block} .header>.container li:hover{background-color:#fff;background-image:linear-gradient(#fff, #e5e5e5);background-image:-ms-linear-gradient(#fff, #e5e5e5);background-image:-o-linear-gradient(#fff, #e5e5e5);background-image:-webkit-linear-gradient(#fff, #e5e5e5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E5E5E5')} .header>.container>form{float:none;margin:10px} #search{margin:5px 0 10px 10px} #search:focus{width:92%} .ico-list{background-color:#fcfcfc;background-image:url("../../timeline/images/icons.png");background-position:4px -206px;background-repeat:no-repeat;border-radius:1px 0 3px 3px;cursor:pointer;float:right;height:25px;margin-right:35px;margin-top:-29px;width:25px} .ico-list:hover{background-color:#fff} .footer>.container>.right{float:none;padding:0 10px;line-height:19px} .footer>.container>.right>.left{float:none} .nav-abs{position:inherit !important;padding:0;background-color:transparent;box-shadow:none;border-width:0;max-width:none !important} .index-nav-abs{margin:0} .nav-abs li{float:none;width:auto} .author,.ico-reply{margin-left:75px;display:block} .comments>li>div>div.article-body{padding-left:0} .dynamic-l,.dynamic-r{float:none;width:auto} .dynamic-l>div{margin-right:0} .articles .arrow,.articles .dot,#admin>span,.ft-next,.ft-pre,.footer>.container>.left{display:none} .header>.container>ul,.header>.container>form{height:0;overflow:hidden;margin:0} .articles{padding-bottom:10px} .articles article{float:none;width:auto} .articles>div.fn-clear>h2{margin-bottom:40px}}@media (max-width:360px){.ico{display:block;float:none;line-height:19px} .dynamic-r .ico{float:right} #commentForm label,#replyForm label{display:block} .footer>.container>.right>.left>span{display:block} .ico-translate{display:block;float:none;margin-left:0} .ico-top{bottom:114px}} diff --git a/timeline/js/timeline.min.js b/timeline/js/timeline.min.js index 9c34085..4b55e1e 100644 --- a/timeline/js/timeline.min.js +++ b/timeline/js/timeline.min.js @@ -1 +1 @@ -var timeline={_COLHA:0,_COLHB:20,_initArticleList:function(){var $articles=$(".articles");if($articles.length===0||$(".articles > .fn-clear").length>0){return}$(window).resize(function(){if($("#hideTop").css("top")==="auto"){var colH=[timeline._COLHA,timeline._COLHB];$articles.find("article").each(function(){var $it=$(this),isLeft=colH[1]>colH[0],top=isLeft?colH[0]:colH[1];if(parseInt($it.css("top"))!==top||top===0){$it.css({top:top+"px",position:"absolute"});if(isLeft){this.className="l"}else{this.className="r"}}colH[isLeft?"0":"1"]+=parseInt($it.outerHeight(true))});$articles.height(colH[0]>colH[1]?colH[0]:colH[1])}else{$articles.find("article").each(function(){$(this).css({position:"inherit",top:"auto"}).removeClass("r l")});$articles.css("height","auto")}});$(window).resize();$(".module img").imagesLoaded(function(){$(window).resize()})},_initIndexList:function(){var $archives=$(".articles > .fn-clear");if($archives.length===0){return}var year=0;$(".nav-abs li").each(function(i){var $this=$(this);$this.hide();if(year!==$this.data("year")){year=$this.data("year");$this.before("
  • "+year+"
    • ")}});if($(".article-more").parent().data("count")<=$(".article-more").parent().find("article").length){$(".article-more").remove()}$(window).resize(function(){$archives.each(function(){if($("#hideTop").css("top")==="auto"){var colH=[timeline._COLHA+60,timeline._COLHB*4];var $articles=$(this).find("article");if($articles.length===0){$(this).find("h2").remove();$(this).css("margin-bottom",0)}else{$articles.each(function(){var $it=$(this),isLeft=colH[1]>colH[0],top=isLeft?colH[0]:colH[1];if(parseInt($it.css("top"))!==top||top===0){$it.css({top:top+"px",position:"absolute"});if(isLeft){this.className="l"}else{this.className="r"}}colH[isLeft?"0":"1"]+=parseInt($it.outerHeight(true))});$(this).height(colH[0]>colH[1]?colH[0]:colH[1])}}else{var $articles=$(this).find("article");if($articles.length===0){$(this).find("h2").remove();$(this).css("margin-bottom",0)}else{$articles.each(function(){$(this).css({position:"inherit",top:"auto"}).removeClass("r l")});$(this).css("height","auto")}}})});$(window).resize();$(".module img").imagesLoaded(function(){$(window).resize()})},_setNavCurrent:function(){$(".header li a").each(function(){if($(this).prop("href")===location.href.split("#")[0]){this.className="current"}else{this.className=""}})},init:function(){$(window).scroll(function(){if($(window).scrollTop()>60){$(".ico-top").show()}else{$(".ico-top").hide()}});timeline._initIndexList();timeline._initArticleList();timeline._setNavCurrent();$(".ico-list").click(function(){if($(".header > .container > form").css("height")==="0px"){$(".header > .container > ul, .header > .container > form").css({height:"auto"})}else{$(".header > .container > ul, .header > .container > form").animate({height:"0px"})}})},translate:function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},getArchive:function(year,month,monthName){var archiveDate=year+month,archive=year+"/"+month;window.location.hash="#"+archiveDate;if($("#"+archiveDate+" > article").length===0){var archiveDataTitle=year+" "+Label.yearLabel+" "+month+" "+Label.monthLabel;if(Label.localeString.substring(0,2)==="en"){archiveDataTitle=monthName+" "+year}var archiveHTML='

    '+archiveDataTitle+"

    "+'
    '+Label.moreLabel+"
    ";$("#"+archiveDate).html(archiveHTML).css("margin-bottom","50px");timeline.getNextPage($("#"+archiveDate).find(".article-more")[0],archive)}},getNextPage:function(it,archive){var $more=$(it),currentPage=$more.data("page")+1,path="/articles/";if($("#tag").length===1){var pathnames=location.pathname.split("/");path="/articles/tags/"+pathnames[pathnames.length-1]+"/"}else if($("#author").length===1){var pathnames=location.pathname.split("/");path="/articles/authors/"+pathnames[pathnames.length-1]+"/"}else if(archive){path="/articles/archives/"+archive+"/"}$.ajax({url:latkeConfig.servePath+path+currentPage,type:"GET",beforeSend:function(){$more.css("background","url("+latkeConfig.staticServePath+"/skins/timeline/images/ajax-loader.gif) no-repeat scroll center center #60829F").text("")},success:function(result,textStatus){if(!result.sc){$more.css("background","none #60829F").text("Error");return}if(result.rslts.articles.length===0){$more.remove();return}var articlesHTML="",pagination=result.rslts.pagination;for(var i=0;i
    '+'

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

    "+article.articleAbstract+"

    "+'';var articleTags=article.articleTags.split(",");for(var j=0;j'+articleTags[j]+"";if(j '+' '+(article.articleCommentCount===0?Label.noCommentLabel:article.articleCommentCount)+' '+''+article.articleViewCount+"
    "}$more.before(articlesHTML).data("page",currentPage);if(pagination.paginationPageCount<=currentPage){$more.remove()}else{$more.css("background","none #60829F").text(Label.moreLabel)}$(window).resize();$(".module img").imagesLoaded(function(){$(window).resize()})}})},toggleArchives:function(it,year){$(".nav-abs li").each(function(i){var $it=$(this);if(!$it.hasClass("year")){$it.hide();if(year===$it.data("year")&&$(it).hasClass("close")){$it.show()}}});$(".nav-abs li.year").each(function(){if(parseInt($(this).text())===year){if($(it).hasClass("close")){it.className="year open"}else{it.className="year close"}}else{this.className="year close"}})}};(function($,undefined){"use strict";var BLANK="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";$.fn.imagesLoaded=function(callback){var $this=this,deferred=$.isFunction($.Deferred)?$.Deferred():0,hasNotify=$.isFunction(deferred.notify),$images=$this.find("img").add($this.filter("img")),loaded=[],proper=[],broken=[];if($.isPlainObject(callback)){$.each(callback,function(key,value){if(key==="callback"){callback=value}else if(deferred){deferred[key](value)}})}function doneLoading(){var $proper=$(proper),$broken=$(broken);if(deferred){if(broken.length){deferred.reject($images,$proper,$broken)}else{deferred.resolve($images)}}if($.isFunction(callback)){callback.call($this,$images,$proper,$broken)}}function imgLoadedHandler(event){imgLoaded(event.target,event.type==="error")}function imgLoaded(img,isBroken){if(img.src===BLANK||$.inArray(img,loaded)!==-1){return}loaded.push(img);if(isBroken){broken.push(img)}else{proper.push(img)}$.data(img,"imagesLoaded",{isBroken:isBroken,src:img.src});if(hasNotify){deferred.notifyWith($(img),[isBroken,$images,$(proper),$(broken)])}if($images.length===loaded.length){setTimeout(doneLoading);$images.unbind(".imagesLoaded",imgLoadedHandler)}}if(!$images.length){doneLoading()}else{$images.bind("load.imagesLoaded error.imagesLoaded",imgLoadedHandler).each(function(i,el){var src=el.src;var cached=$.data(el,"imagesLoaded");if(cached&&cached.src===src){imgLoaded(el,cached.isBroken);return}if(el.complete&&el.naturalWidth!==undefined){imgLoaded(el,el.naturalWidth===0||el.naturalHeight===0);return}if(el.readyState||el.complete){el.src=BLANK;el.src=src}})}return deferred?deferred.promise($this):$this}})(jQuery);(function(){Util.init();Util.replaceSideEm($(".comments .article-body"));Util.buildTags("tagsSide");timeline.init()})(); \ No newline at end of file +var timeline={_COLHA:0,_COLHB:20,_initArticleList:function(){var $articles=$(".articles");if($articles.length===0||$(".articles > .fn-clear").length>0){return}$(window).resize(function(){if($("#hideTop").css("top")==="auto"){var colH=[timeline._COLHA,timeline._COLHB];$articles.find("article").each(function(){var $it=$(this),isLeft=colH[1]>colH[0],top=isLeft?colH[0]:colH[1];if(parseInt($it.css("top"))!==top||top===0){$it.css({top:top+"px",position:"absolute"});if(isLeft){this.className="l"}else{this.className="r"}}colH[isLeft?"0":"1"]+=parseInt($it.outerHeight(true))});$articles.height(colH[0]>colH[1]?colH[0]:colH[1])}else{$articles.find("article").each(function(){$(this).css({position:"inherit",top:"auto"}).removeClass("r l")});$articles.css("height","auto")}});$(window).resize();$(".module img").imagesLoaded(function(){$(window).resize()})},_initIndexList:function(){var $archives=$(".articles > .fn-clear");if($archives.length===0){return}var year=0;$(".nav-abs li").each(function(i){var $this=$(this);$this.hide();if(year!==$this.data("year")){year=$this.data("year");$this.before("
  • "+year+"
    • ")}});if($(".article-more").parent().data("count")<=$(".article-more").parent().find("article").length){$(".article-more").remove()}$(window).resize(function(){$archives.each(function(){if($("#hideTop").css("top")==="auto"){var colH=[timeline._COLHA+60,timeline._COLHB*4];var $articles=$(this).find("article");if($articles.length===0){$(this).find("h2").remove();$(this).css("margin-bottom",0)}else{$articles.each(function(){var $it=$(this),isLeft=colH[1]>colH[0],top=isLeft?colH[0]:colH[1];if(parseInt($it.css("top"))!==top||top===0){$it.css({top:top+"px",position:"absolute"});if(isLeft){this.className="l"}else{this.className="r"}}colH[isLeft?"0":"1"]+=parseInt($it.outerHeight(true))});$(this).height(colH[0]>colH[1]?colH[0]:colH[1])}}else{var $articles=$(this).find("article");if($articles.length===0){$(this).find("h2").remove();$(this).css("margin-bottom",0)}else{$articles.each(function(){$(this).css({position:"inherit",top:"auto"}).removeClass("r l")});$(this).css("height","auto")}}})});$(window).resize();$(".module img").imagesLoaded(function(){$(window).resize()})},_setNavCurrent:function(){$(".header li a").each(function(){if($(this).prop("href")===location.href.split("#")[0]){this.className="current"}else{this.className=""}})},init:function(){$(window).scroll(function(){if($(window).scrollTop()>60){$(".ico-top").show()}else{$(".ico-top").hide()}});timeline._initIndexList();timeline._initArticleList();timeline._setNavCurrent();$(".ico-list").click(function(){if($(".header > .container > form").css("height")==="0px"){$(".header > .container > ul, .header > .container > form").css({height:"auto"})}else{$(".header > .container > ul, .header > .container > form").animate({height:"0px"})}})},translate:function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},getArchive:function(year,month,monthName){var archiveDate=year+month,archive=year+"/"+month;window.location.hash="#"+archiveDate;if($("#"+archiveDate+" > article").length===0){var archiveDataTitle=year+" "+Label.yearLabel+" "+month+" "+Label.monthLabel;if(Label.localeString.substring(0,2)==="en"){archiveDataTitle=monthName+" "+year}var archiveHTML='

    '+archiveDataTitle+"

    "+'
    '+Label.moreLabel+"
    ";$("#"+archiveDate).html(archiveHTML).css("margin-bottom","50px");timeline.getNextPage($("#"+archiveDate).find(".article-more")[0],archive)}},getNextPage:function(it,archive){var $more=$(it),currentPage=$more.data("page")+1,path="/articles/";if($("#tag").length===1){var pathnames=location.pathname.split("/");path="/articles/tags/"+pathnames[pathnames.length-1]+"/"}else if($("#author").length===1){var pathnames=location.pathname.split("/");path="/articles/authors/"+pathnames[pathnames.length-1]+"/"}else if(archive){path="/articles/archives/"+archive+"/"}$.ajax({url:latkeConfig.servePath+path+currentPage,type:"GET",beforeSend:function(){$more.css("background","url("+latkeConfig.staticServePath+"/skins/timeline/images/ajax-loader.gif) no-repeat scroll center center #60829F").text("")},success:function(result,textStatus){if(!result.sc){$more.css("background","none #60829F").text("Error");return}if(result.rslts.articles.length===0){$more.remove();return}var articlesHTML="",pagination=result.rslts.pagination;for(var i=0;i
    '+'

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

    "+article.articleAbstract+"

    "+'';var articleTags=article.articleTags.split(",");for(var j=0;j'+articleTags[j]+"";if(j '+' '+(article.articleCommentCount===0?Label.noCommentLabel:article.articleCommentCount)+' '+''+article.articleViewCount+"
    "}$more.before(articlesHTML).data("page",currentPage);if(pagination.paginationPageCount<=currentPage){$more.remove()}else{$more.css("background","none #60829F").text(Label.moreLabel)}$(window).resize();$(".module img").imagesLoaded(function(){$(window).resize()})}})},toggleArchives:function(it,year){$(".nav-abs li").each(function(i){var $it=$(this);if(!$it.hasClass("year")){$it.hide();if(year===$it.data("year")&&$(it).hasClass("close")){$it.show()}}});$(".nav-abs li.year").each(function(){if(parseInt($(this).text())===year){if($(it).hasClass("close")){it.className="year open"}else{it.className="year close"}}else{this.className="year close"}})}};!function($,undefined){"use strict";var BLANK="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";$.fn.imagesLoaded=function(callback){var $this=this,deferred=$.isFunction($.Deferred)?$.Deferred():0,hasNotify=$.isFunction(deferred.notify),$images=$this.find("img").add($this.filter("img")),loaded=[],proper=[],broken=[];if($.isPlainObject(callback)){$.each(callback,function(key,value){if(key==="callback"){callback=value}else if(deferred){deferred[key](value)}})}function doneLoading(){var $proper=$(proper),$broken=$(broken);if(deferred){if(broken.length){deferred.reject($images,$proper,$broken)}else{deferred.resolve($images)}}if($.isFunction(callback)){callback.call($this,$images,$proper,$broken)}}function imgLoadedHandler(event){imgLoaded(event.target,event.type==="error")}function imgLoaded(img,isBroken){if(img.src===BLANK||$.inArray(img,loaded)!==-1){return}loaded.push(img);if(isBroken){broken.push(img)}else{proper.push(img)}$.data(img,"imagesLoaded",{isBroken:isBroken,src:img.src});if(hasNotify){deferred.notifyWith($(img),[isBroken,$images,$(proper),$(broken)])}if($images.length===loaded.length){setTimeout(doneLoading);$images.unbind(".imagesLoaded",imgLoadedHandler)}}if(!$images.length){doneLoading()}else{$images.bind("load.imagesLoaded error.imagesLoaded",imgLoadedHandler).each(function(i,el){var src=el.src;var cached=$.data(el,"imagesLoaded");if(cached&&cached.src===src){imgLoaded(el,cached.isBroken);return}if(el.complete&&el.naturalWidth!==undefined){imgLoaded(el,el.naturalWidth===0||el.naturalHeight===0);return}if(el.readyState||el.complete){el.src=BLANK;el.src=src}})}return deferred?deferred.promise($this):$this}}(jQuery);!function(){Util.init();Util.replaceSideEm($(".comments .article-body"));Util.buildTags("tagsSide");timeline.init()}(); \ No newline at end of file diff --git a/tree-house/css/tree-house.min.css b/tree-house/css/tree-house.min.css index 9e058d7..f8bdf2f 100644 --- a/tree-house/css/tree-house.min.css +++ b/tree-house/css/tree-house.min.css @@ -1,94 +1,94 @@ @charset "utf-8"; -html{min-width:948px;} -body{background:url("../images/bg-tree.jpg") repeat-y scroll 50% 0 #7bccff;color:#42423D;min-width:948px;} -a,a:link,a:visited{color:#FFFFFF;text-decoration:none;} -a:hover{text-decoration:underline;} -h5{font-size:12px;} -.wrapper{background:url("../images/bg-header.jpg") no-repeat scroll 50% 0 transparent;} -.bg-bottom{background:url("../images/bg-footer2.jpg") no-repeat scroll 50% 100% transparent;} -.content{margin:0 auto;width:948px;} -.header{height:476px;width:100%;} -.header-navi{position:relative;z-index:10;} -.header-navi ul{list-style:none outside none;margin-top:20px;} -.header-navi li{float:left;} -.header-title{color:#FFFFFF;margin-left:146px;padding-top:222px;position:relative;} -#logoTitle{color:#FFFFFF;font-size:52px;text-decoration:none;} -.header-title div{color:DimGray;width:300px;} -.side{margin:0 0 0 -21px;width:256px;} -.body{min-height:643px;padding-bottom:682px;} -.main{width:634px;} -.footer{color:Lavender;padding:12px;text-align:center;} -.footer a{font-weight:bold;} -.article{overflow:hidden;width:553px;} -.article-header sup{color:red;font-size:12px;} -.article-header h2{color:#242323;font-weight:bold;margin-left:6px;position:relative;} -.article-header h2 a{color:#242323;display:block;padding:3px 0 4px 10px;text-decoration:none;} -.article-header h2 a:hover{background-color:#242323;color:#EC0A8B;} -.article-info{margin:10px 0 0 9px;width:109px;} -.article-main{margin:10px 0 0 9px;min-height:150px;width:426px;} -.article-tags{background-color:#EC0A8B;float:left;font-style:normal;height:21px;line-height:21px;margin:0 10px 10px 0;padding:3px 10px;} -.article-abstract{color:#42423D;line-height:145%;overflow:hidden;padding:6px 10px 12px 0;text-align:justify;word-wrap:break-word;} -.main .line{background:url("../images/bg-branch.png") no-repeat scroll 0 0 transparent;height:108px;width:575px;} -.article-date{background-color:#D4F2FB;border:6px solid #A8D3ED;border-radius:5px;margin-left:16px;padding:6px;width:65px;} -.article-comment{background:url("../images/bg-comments.png") no-repeat scroll 0 0 transparent;font-size:12px;height:22px;margin:24px 0 0;padding:29px 0 0;text-align:center;} -.article-comment a{color:#42423D;} -.main h2.title{color:#FF9000;margin:-34px 0 12px;text-align:center;} -.main h2 span{color:DimGray;float:right;font-size:12px;margin-top:7px;padding-right:10px;} -.article-body{line-height:145%;margin:0 12px 12px;} -.article-body a,.article-abstract a{color:#242323;text-decoration:underline;} -.article-footer{margin-right:12px;} -.article-details-footer a{line-height:16px;} -.article-details-footer{margin:36px 12px 0 0;} -.article-details-footer .right a:hover{text-decoration:none;} -.article-relative{line-height:145%;margin:12px 0;} -.comments{padding-left:99px;position:relative;} -.comments-header{background:url("../images/balloons.png") no-repeat scroll 0 0 transparent;height:88px;left:100px;position:relative;top:40px;width:440px;z-index:10;} -.comment-top{background:url("../images/bg-comments-top.png") no-repeat scroll 0 0 transparent;height:22px;} -.comment-body{background:url("../images/bg-comments-body.png") repeat-y scroll 0 0 transparent;color:#42423D;margin-left:-1px;overflow:hidden;padding:0 27px 2px 27px;width:401px;word-wrap:break-word;} -.comment-body a{color:#42423D;} -.comment-body td{white-space:normal;} -.comment-bottom{background:url("../images/bg-comments-bottom.png") no-repeat scroll 0 0 transparent;height:23px;} -.comment-title{padding-bottom:6px;} -.comment-title a{color:#42423D;font-weight:bold;} -.comment-body-ref{left:182px;opacity:0.9;position:absolute;top:16px;z-index:16;} -#emotions img,#emotionsReply img{cursor:pointer;display:block;float:left;margin-right:2px;} -img.comment-picture{height:60px;padding:0px 6px 4px 0;width:60px;} -.comment-reply{margin:0 auto 24px auto;} -#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0, 0, 0, 0.3) inset;} -#comment,#commentReply{resize:vertical;} -.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../tree-house/images/emotions/emotions-blue.png");margin-right:2px;} -.error-msg{color:#EC0A8B;font-weight:bold;white-space:normal;} -#sideNavi .line{background:url("../images/bg-branch-small.png") no-repeat;height:69px;margin-top:12px;} -#sideNavi .block{margin-left:64px;} -#sideNavi h3{background:url("../images/bg-heading.png") no-repeat scroll 0 0 transparent;color:#EC0A8B;font-size:15px;height:30px;padding:38px 0 0 12px;} -#sideNavi .notice h3{background-image:url("../images/bg-heading-about-us.png");} -#sideNavi #recentComments img{height:16px;vertical-align:middle;width:16px;} -#sideNavi #recentCommentsLabel{background-image:url("../images/bg-heading-portfolio.png");} -#sideNavi .mostCommentArticles h3{background-image:url("../images/bg-heading-categories.png");} -#sideNavi .mostViewCountArticles h3{background-image:url("../images/bg-heading-resources.png");margin-bottom:6px;} -#sideNavi .notice>div{margin:12px 12px 12px 17px;} -#sideNavi ul{margin-left:5px;width:182px;list-style:none;} -#sideNavi li{border-bottom:1px dotted #FFFFFF;font-size:12px;margin-left:0;overflow:hidden;position:relative;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:top;} -#sideNavi li:hover{background:url("../images/bg-menu-active.png") repeat scroll -8px -8px transparent;color:#EC0A8B;font-weight:bold;} -#sideNavi li:hover a{color:#EC0A8B;padding-left:24px;} -#sideNavi li>a{color:#42423D;line-height:29px;margin:0;overflow:hidden;padding-left:6px;text-decoration:none;white-space:nowrap;width:167px;} -#sideNavi li>a sup{margin-right:3px;line-height:12px;color:#EC0A8B;} -#sideNavi li>div{display:none;} -#sideNavi li p{display:inline;} -#sideNavi .popTags li>a{padding-left:40px;width:143px;} -#sideNavi .popTags li img{cursor:pointer;height:16px;left:19px;position:absolute;top:7px;width:16px;} -#sideNavi .popTags li:hover a{padding-left:46px;width:137px;} -#sideNavi .popTags li:hover img{left:25px;} -#statistic{height:138px;line-height:24px;margin:28px 0 0 80px;} -.pagination{margin:16px;text-align:center;} -.pagination a,.pagination a:visited{padding:0 3px;} -.pagination a.selected{color:#42423D;font-weight:bold;} -#tagsPanel{width:553px;} -#tagsPanel .tagPanel{background-color:#EEEEEE;border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px;} -#tagsPanel .tagPanel:hover{background-color:transparent;border:2px dashed;} -#tagsPanel .tagPanel{text-decoration:none;} -.error-title{width:553px;} -.error-panel{padding:24px;} -.error-title{background-color:#242323;color:#EC0A8B;display:block;padding:3px 10px 4px 10px;position:relative;} -.goTopIcon{background-position:-128px -32px;} -.goBottomIcon{background-position:-144px -32px;} +html{min-width:948px} +body{background:url("../images/bg-tree.jpg") repeat-y scroll 50% 0 #7bccff;color:#42423d;min-width:948px} +a,a:link,a:visited{color:#fff;text-decoration:none} +a:hover{text-decoration:underline} +h5{font-size:12px} +.wrapper{background:url("../images/bg-header.jpg") no-repeat scroll 50% 0 transparent} +.bg-bottom{background:url("../images/bg-footer2.jpg") no-repeat scroll 50% 100% transparent} +.content{margin:0 auto;width:948px} +.header{height:476px;width:100%} +.header-navi{position:relative;z-index:10} +.header-navi ul{list-style:none outside none;margin-top:20px} +.header-navi li{float:left} +.header-title{color:#fff;margin-left:146px;padding-top:222px;position:relative} +#logoTitle{color:#fff;font-size:52px;text-decoration:none} +.header-title div{color:DimGray;width:300px} +.side{margin:0 0 0 -21px;width:256px} +.body{min-height:643px;padding-bottom:682px} +.main{width:634px} +.footer{color:Lavender;padding:12px;text-align:center} +.footer a{font-weight:bold} +.article{overflow:hidden;width:553px} +.article-header sup{color:#f00;font-size:12px} +.article-header h2{color:#242323;font-weight:bold;margin-left:6px;position:relative} +.article-header h2 a{color:#242323;display:block;padding:3px 0 4px 10px;text-decoration:none} +.article-header h2 a:hover{background-color:#242323;color:#ec0a8b} +.article-info{margin:10px 0 0 9px;width:109px} +.article-main{margin:10px 0 0 9px;min-height:150px;width:426px} +.article-tags{background-color:#ec0a8b;float:left;font-style:normal;height:21px;line-height:21px;margin:0 10px 10px 0;padding:3px 10px} +.article-abstract{color:#42423d;line-height:145%;overflow:hidden;padding:6px 10px 12px 0;text-align:justify;word-wrap:break-word} +.main .line{background:url("../images/bg-branch.png") no-repeat scroll 0 0 transparent;height:108px;width:575px} +.article-date{background-color:#d4f2fb;border:6px solid #a8d3ed;border-radius:5px;margin-left:16px;padding:6px;width:65px} +.article-comment{background:url("../images/bg-comments.png") no-repeat scroll 0 0 transparent;font-size:12px;height:22px;margin:24px 0 0;padding:29px 0 0;text-align:center} +.article-comment a{color:#42423d} +.main h2.title{color:#ff9000;margin:-34px 0 12px;text-align:center} +.main h2 span{color:DimGray;float:right;font-size:12px;margin-top:7px;padding-right:10px} +.article-body{line-height:145%;margin:0 12px 12px} +.article-body a,.article-abstract a{color:#242323;text-decoration:underline} +.article-footer{margin-right:12px} +.article-details-footer a{line-height:16px} +.article-details-footer{margin:36px 12px 0 0} +.article-details-footer .right a:hover{text-decoration:none} +.article-relative{line-height:145%;margin:12px 0} +.comments{padding-left:99px;position:relative} +.comments-header{background:url("../images/balloons.png") no-repeat scroll 0 0 transparent;height:88px;left:100px;position:relative;top:40px;width:440px;z-index:10} +.comment-top{background:url("../images/bg-comments-top.png") no-repeat scroll 0 0 transparent;height:22px} +.comment-body{background:url("../images/bg-comments-body.png") repeat-y scroll 0 0 transparent;color:#42423d;margin-left:-1px;overflow:hidden;padding:0 27px 2px 27px;width:401px;word-wrap:break-word} +.comment-body a{color:#42423d} +.comment-body td{white-space:normal} +.comment-bottom{background:url("../images/bg-comments-bottom.png") no-repeat scroll 0 0 transparent;height:23px} +.comment-title{padding-bottom:6px} +.comment-title a{color:#42423d;font-weight:bold} +.comment-body-ref{left:182px;opacity:.9;position:absolute;top:16px;z-index:16} +#emotions img,#emotionsReply img{cursor:pointer;display:block;float:left;margin-right:2px} +img.comment-picture{height:60px;padding:0 6px 4px 0;width:60px} +.comment-reply{margin:0 auto 24px auto} +#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0,0,0,0.3) inset} +#comment,#commentReply{resize:vertical} +.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../tree-house/images/emotions/emotions-blue.png");margin-right:2px} +.error-msg{color:#ec0a8b;font-weight:bold;white-space:normal} +#sideNavi .line{background:url("../images/bg-branch-small.png") no-repeat;height:69px;margin-top:12px} +#sideNavi .block{margin-left:64px} +#sideNavi h3{background:url("../images/bg-heading.png") no-repeat scroll 0 0 transparent;color:#ec0a8b;font-size:15px;height:30px;padding:38px 0 0 12px} +#sideNavi .notice h3{background-image:url("../images/bg-heading-about-us.png")} +#sideNavi #recentComments img{height:16px;vertical-align:middle;width:16px} +#sideNavi #recentCommentsLabel{background-image:url("../images/bg-heading-portfolio.png")} +#sideNavi .mostCommentArticles h3{background-image:url("../images/bg-heading-categories.png")} +#sideNavi .mostViewCountArticles h3{background-image:url("../images/bg-heading-resources.png");margin-bottom:6px} +#sideNavi .notice>div{margin:12px 12px 12px 17px} +#sideNavi ul{margin-left:5px;width:182px;list-style:none} +#sideNavi li{border-bottom:1px dotted #fff;font-size:12px;margin-left:0;overflow:hidden;position:relative;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:top} +#sideNavi li:hover{background:url("../images/bg-menu-active.png") repeat scroll -8px -8px transparent;color:#ec0a8b;font-weight:bold} +#sideNavi li:hover a{color:#ec0a8b;padding-left:24px} +#sideNavi li>a{color:#42423d;line-height:29px;margin:0;overflow:hidden;padding-left:6px;text-decoration:none;white-space:nowrap;width:167px} +#sideNavi li>a sup{margin-right:3px;line-height:12px;color:#ec0a8b} +#sideNavi li>div{display:none} +#sideNavi li p{display:inline} +#sideNavi .popTags li>a{padding-left:40px;width:143px} +#sideNavi .popTags li img{cursor:pointer;height:16px;left:19px;position:absolute;top:7px;width:16px} +#sideNavi .popTags li:hover a{padding-left:46px;width:137px} +#sideNavi .popTags li:hover img{left:25px} +#statistic{height:138px;line-height:24px;margin:28px 0 0 80px} +.pagination{margin:16px;text-align:center} +.pagination a,.pagination a:visited{padding:0 3px} +.pagination a.selected{color:#42423d;font-weight:bold} +#tagsPanel{width:553px} +#tagsPanel .tagPanel{background-color:#eee;border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px} +#tagsPanel .tagPanel:hover{background-color:transparent;border:2px dashed} +#tagsPanel .tagPanel{text-decoration:none} +.error-title{width:553px} +.error-panel{padding:24px} +.error-title{background-color:#242323;color:#ec0a8b;display:block;padding:3px 10px 4px 10px;position:relative} +.goTopIcon{background-position:-128px -32px} +.goBottomIcon{background-position:-144px -32px}