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 0df4a13..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 3ccd9d9..f66545c 100644 --- a/ease/js/ease.min.js +++ b/ease/js/ease.min.js @@ -1,20 +1 @@ -/* - * Copyright (c) 2009, 2010, 2011, 2012, B3log Team - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - *//** - * @fileoverview ease js. - * - * @author Liyuan Li - * @version 1.0.1.5, Jan 29, 2013 - */var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},getNextPage=function(){var e=$(".article-next");currentPage+=1;var t="/articles/";if($("#tag").length===1){var n=location.pathname.split("/");t="/articles/tags/"+n[n.length-1]+"/"}else if($("#archive").length===1){var n=location.pathname.split("/");t="/articles/archives/"+n[n.length-2]+"/"+n[n.length-1]+"/"}else if($("#author").length===1){var n=location.pathname.split("/");t="/articles/authors/"+n[n.length-1]+"/"}$.ajax({url:latkeConfig.servePath+t+currentPage,type:"GET",beforeSend:function(){e.css("background","url("+latkeConfig.staticServePath+"/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe")},success:function(t,n){if(!t.sc)return;var r="",i=t.rslts.pagination;for(var s=0;s'+'
'+"

"+''+o.articleTitle+"",o.hasUpdated&&(r+=""+Label.updatedLabel+""),o.articlePutTop&&(r+=""+Label.topArticleLabel+""),r+='

'+ +o.articleCommentCount+"  "+Label.commentLabel+"  "+''+o.articleViewCount+"  "+Label.viewLabel+""+"
"+'
'+"
"+'
'+'
'+o.articleAbstract+"
"+'
'+"
"+'
',o.hasUpdated?r+=Util.toDate(o.articleUpdateTime,"yy-MM-dd HH:mm"):r+=Util.toDate(o.articleCreateTime,"yy-MM-dd HH:mm"),r+=' '+o.authorName+""+"
"+'
'+Label.tag1Label+" ";var a=o.articleTags.split(",");for(var f=0;f
"}e.html(r);var a=$(".archives>div"),f=0,l=0,c=[];for(var h=0;h=a.length)break;a[h].style.left=p*310+"px",f>0?(a[h-3].style.top!==""&&(l=parseInt(a[h-3].style.top)),a[h].style.top=$(a[h-3]).height()+60+l+"px",c[p]=parseInt(a[h].style.top)+$(a[h]).height()+60):c[p]=$(a[h]).height()+60,p<2&&(h+=1)}f+=1}e.height(c.sort()[c.length-1])},scrollEvent:function(){var e=this;$(window).scroll(function(){var t=$(window).scrollTop(),n=0;$("#top").css("display")==="block"&&(n=$("#top").height()),t>=e.headerH+n?(e.$nav.css("position","fixed"),e.$body.css("marginTop","55px")):(e.$nav.css("position","inherit"),e.$body.css("marginTop","0"));if(t>e.headerH){var r=$(window).height(),i=t+r-21;$("body").height()-58<=t+r&&(i=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",i)}else $("#goTop").hide()})},setDynamic:function(){var e=$(".dynamic");if($(".dynamic").length<1)return;var t=e.find(".side-comments"),n=e.find(".side-tags"),r=e.find(".side-most-comment"),i=e.find(".side-most-view");t.height()>n.height()?n.height(t.height()):t.height(n.height()),r.height()>i.height()?i.height(r.height()):r.height(i.height()),$(".article-body").each(function(){this.innerHTML=Util.replaceEmString($(this).html())})},scrollToCmt:function(){$(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/archive-articles.ftl b/metro-hot/archive-articles.ftl new file mode 100644 index 0000000..242ac65 --- /dev/null +++ b/metro-hot/archive-articles.ftl @@ -0,0 +1,56 @@ +<#include "macro-head.ftl"> +<#include "macro-side.ftl"> + + + + <@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}"> + + + + + + ${topBarReplacement} +
+ +
+
+ <#include "article-list.ftl"/> + <#include "copyright.ftl"/> +
+ <@side isArticle=false /> +
+
+ + <#include "footer.ftl"/> + + diff --git a/metro-hot/archives.ftl b/metro-hot/archives.ftl new file mode 100644 index 0000000..9ed1666 --- /dev/null +++ b/metro-hot/archives.ftl @@ -0,0 +1,45 @@ +<#include "macro-head.ftl"> +<#include "macro-side.ftl"> + + + + <@head title="${blogTitle}"> + + + + + + ${topBarReplacement} +
+ +
+
+ <#if 0 != archiveDates?size> +
+ <#list archiveDates as archiveDate> + <#if "en" == localeString?substring(0, 2)> + + ${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount}) + <#else> + + ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount}) + + +
+ + <#include "copyright.ftl"/> +
+ <@side isArticle=false /> +
+
+ + <#include "footer.ftl"/> + + diff --git a/metro-hot/article-list.ftl b/metro-hot/article-list.ftl new file mode 100644 index 0000000..b845f85 --- /dev/null +++ b/metro-hot/article-list.ftl @@ -0,0 +1,73 @@ +
+ <#list articles as article> +
+
+
+
+ <#if article.hasUpdated> + ${article.articleUpdateDate?string("yy-MM-dd HH:mm")} + <#else> + ${article.articleCreateDate?string("yy-MM-dd HH:mm")} + +
+
+ + ${article.articleCommentCount} + + + ${article.articleViewCount} + + + ${article.authorName} + +
+
+ +

+ + ${article.articleTitle} + + <#if article.hasUpdated> + + ${updatedLabel} + + + <#if article.articlePutTop> + + ${topArticleLabel} + + +

+
+ ${article.articleAbstract} +
+
+ <#list article.articleTags?split(",") as articleTag> + <#if articleTag_has_next>, + +
+
+
+ +
+ +<#if 0 != paginationPageCount> + + diff --git a/metro-hot/article.ftl b/metro-hot/article.ftl new file mode 100644 index 0000000..f8cdfc7 --- /dev/null +++ b/metro-hot/article.ftl @@ -0,0 +1,85 @@ +<#include "macro-head.ftl"> +<#include "macro-comments.ftl"> +<#include "macro-side.ftl"> + + + + <@head title="${article.articleTitle} - ${blogTitle}"> + + + + + + ${topBarReplacement} +
+ +
+
+
+ ${article.articleContent} + <#if "" != article.articleSign.signHTML?trim> + ${article.articleSign.signHTML} + +
+ <@comments commentList=articleComments article=article> + <#include "copyright.ftl"/> +
+ <@side isArticle=true /> +
+
+ <#include "footer.ftl"> + <@comment_script oId=article.oId> + page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}"; + <#if 0 != randomArticlesDisplayCount> + MetroHot.loadRandomArticles(); + + <#if 0 != relevantArticlesDisplayCount> + MetroHot.loadRelevantArticles('${article.oId}'); + + <#if 0 != externalRelevantArticlesDisplayCount> + MetroHot.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,"); + + + + diff --git a/metro-hot/author-articles.ftl b/metro-hot/author-articles.ftl new file mode 100644 index 0000000..e4bff27 --- /dev/null +++ b/metro-hot/author-articles.ftl @@ -0,0 +1,31 @@ +<#include "macro-head.ftl"> +<#include "macro-side.ftl"> + + + + <@head title="${authorName} - ${blogTitle}"> + + + + + + ${topBarReplacement} +
+ +
+
+ <#include "article-list.ftl"/> + <#include "copyright.ftl"/> +
+ <@side isArticle=false /> +
+
+ + <#include "footer.ftl"/> + + diff --git a/metro-hot/copyright.ftl b/metro-hot/copyright.ftl new file mode 100644 index 0000000..a65ba7d --- /dev/null +++ b/metro-hot/copyright.ftl @@ -0,0 +1,7 @@ +
+ © ${year} - + ${blogTitle} Powered by + , ver ${version}  Theme by + Vanessa. +
\ No newline at end of file diff --git a/metro-hot/css/font.css b/metro-hot/css/font.css new file mode 100644 index 0000000..7ce8d95 --- /dev/null +++ b/metro-hot/css/font.css @@ -0,0 +1,2055 @@ +@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; +} + +/* Use the following CSS code if you want to use data attributes for inserting your icos */ +[data-ico]:before { + font-family: 'IcoMoon'; + content: attr(data-ico); + speak: none; + cursor: pointer; +} + +/* Use the following CSS code if you want to have a class per ico */ +[class^="ico-"], +[class*=" ico-"] { + font-family: 'IcoMoon'; + font-size: 16px; + font-style: normal; + font-weight: normal; + height: 16px; + line-height: 16px; + width: 16px; + speak: none; + background-image: none; + background-position: inherit; +} +.ico-home:before { + content: "\0021"; +} +.ico-home-2:before { + content: "\0022"; +} +.ico-home-3:before { + content: "\0023"; +} +.ico-newspaper:before { + content: "\0024"; +} +.ico-pencil:before { + content: "\0025"; +} +.ico-pencil-2:before { + content: "\0026"; +} +.ico-droplet:before { + content: "\0027"; +} +.ico-picture:before { + content: "\0028"; +} +.ico-picture-2:before { + content: "\0029"; +} +.ico-camera:before { + content: "\002a"; +} +.ico-music:before { + content: "\002b"; +} +.ico-play:before { + content: "\002c"; +} +.ico-film:before { + content: "\002d"; +} +.ico-camera-2:before { + content: "\002e"; +} +.ico-spades:before { + content: "\002f"; +} +.ico-clubs:before { + content: "\0030"; +} +.ico-diamonds:before { + content: "\0031"; +} +.ico-broadcast:before { + content: "\0032"; +} +.ico-microphone:before { + content: "\0033"; +} +.ico-book:before { + content: "\0034"; +} +.ico-paper:before { + content: "\0035"; +} +.ico-paper-2:before { + content: "\0036"; +} +.ico-new:before { + content: "\0037"; +} +.ico-copy:before { + content: "\0038"; +} +.ico-folder:before { + content: "\0039"; +} +.ico-folder-2:before { + content: "\003a"; +} +.ico-tag:before { + content: "\003b"; +} +.ico-cart:before { + content: "\003c"; +} +.ico-basket:before { + content: "\003d"; +} +.ico-calculate:before { + content: "\003e"; +} +.ico-support:before { + content: "\003f"; +} +.ico-phone:before { + content: "\0040"; +} +.ico-mail:before { + content: "\0041"; +} +.ico-location:before { + content: "\0042"; +} +.ico-compass:before { + content: "\0043"; +} +.ico-history:before { + content: "\0044"; +} +.ico-clock:before { + content: "\0045"; +} +.ico-bell:before { + content: "\0046"; +} +.ico-bell-2:before { + content: "\0047"; +} +.ico-bell-3:before { + content: "\0048"; +} +.ico-calendar:before { + content: "\0049"; +} +.ico-mouse:before { + content: "\004a"; +} +.ico-screen:before { + content: "\004b"; +} +.ico-laptop:before { + content: "\004c"; +} +.ico-mobile:before { + content: "\004d"; +} +.ico-tablet:before { + content: "\004e"; +} +.ico-mobile-2:before { + content: "\004f"; +} +.ico-drawer:before { + content: "\0050"; +} +.ico-drawer-2:before { + content: "\0051"; +} +.ico-box-add:before { + content: "\0052"; +} +.ico-box-remove:before { + content: "\0053"; +} +.ico-database:before { + content: "\0054"; +} +.ico-undo:before { + content: "\0055"; +} +.ico-redo:before { + content: "\0056"; +} +.ico-forward:before { + content: "\0057"; +} +.ico-reply:before { + content: "\0058"; +} +.ico-reply-2:before { + content: "\0059"; +} +.ico-comments:before { + content: "\005a"; +} +.ico-comments-2:before { + content: "\005b"; +} +.ico-comments-3:before { + content: "\005c"; +} +.ico-comments-4:before { + content: "\005d"; +} +.ico-comments-5:before { + content: "\005e"; +} +.ico-comments-6:before { + content: "\005f"; +} +.ico-user:before { + content: "\0060"; +} +.ico-user-2:before { + content: "\0061"; +} +.ico-user-3:before { + content: "\0062"; +} +.ico-busy:before { + content: "\0063"; +} +.ico-loading:before { + content: "\0064"; +} +.ico-loading-2:before { + content: "\0065"; +} +.ico-search:before { + content: "\0066"; +} +.ico-search-2:before { + content: "\0067"; +} +.ico-zoom-in:before { + content: "\0068"; +} +.ico-zoom-out:before { + content: "\0069"; +} +.ico-key:before { + content: "\006a"; +} +.ico-key-2:before { + content: "\006b"; +} +.ico-locked:before { + content: "\006c"; +} +.ico-unlocked:before { + content: "\006d"; +} +.ico-wrench:before { + content: "\006e"; +} +.ico-equalizer:before { + content: "\006f"; +} +.ico-cog:before { + content: "\0070"; +} +.ico-pie:before { + content: "\0071"; +} +.ico-bars:before { + content: "\0072"; +} +.ico-stats-up:before { + content: "\0073"; +} +.ico-gift:before { + content: "\0074"; +} +.ico-trophy:before { + content: "\0075"; +} +.ico-diamond:before { + content: "\0076"; +} +.ico-coffee:before { + content: "\0077"; +} +.ico-rocket:before { + content: "\0078"; +} +.ico-meter-slow:before { + content: "\0079"; +} +.ico-meter-medium:before { + content: "\007a"; +} +.ico-meter-fast:before { + content: "\007b"; +} +.ico-dashboard:before { + content: "\007c"; +} +.ico-fire:before { + content: "\007d"; +} +.ico-lab:before { + content: "\e000"; +} +.ico-remove:before { + content: "\e001"; +} +.ico-remove-2:before { + content: "\e002"; +} +.ico-remove-3:before { + content: "\e003"; +} +.ico-briefcase:before { + content: "\e004"; +} +.ico-briefcase-2:before { + content: "\e005"; +} +.ico-cars:before { + content: "\e006"; +} +.ico-bus:before { + content: "\e007"; +} +.ico-cube:before { + content: "\e008"; +} +.ico-cube-2:before { + content: "\e009"; +} +.ico-puzzle:before { + content: "\e00a"; +} +.ico-glasses:before { + content: "\e00b"; +} +.ico-glasses-2:before { + content: "\e00c"; +} +.ico-accessibility:before { + content: "\e00d"; +} +.ico-accessibility-2:before { + content: "\e00e"; +} +.ico-target:before { + content: "\e00f"; +} +.ico-target-2:before { + content: "\e010"; +} +.ico-lightning:before { + content: "\e011"; +} +.ico-power:before { + content: "\e012"; +} +.ico-power-2:before { + content: "\e013"; +} +.ico-clipboard:before { + content: "\e014"; +} +.ico-clipboard-2:before { + content: "\e015"; +} +.ico-playlist:before { + content: "\e016"; +} +.ico-grid-view:before { + content: "\e017"; +} +.ico-tree-view:before { + content: "\e018"; +} +.ico-menu:before { + content: "\e019"; +} +.ico-menu-2:before { + content: "\e01a"; +} +.ico-cloud:before { + content: "\e01b"; +} +.ico-cloud-2:before { + content: "\e01c"; +} +.ico-download:before { + content: "\e01d"; +} +.ico-upload:before { + content: "\e01e"; +} +.ico-upload-2:before { + content: "\e01f"; +} +.ico-link:before { + content: "\e020"; +} +.ico-link-2:before { + content: "\e021"; +} +.ico-flag:before { + content: "\e022"; +} +.ico-flag-2:before { + content: "\e023"; +} +.ico-flag-3:before { + content: "\e024"; +} +.ico-eye:before { + content: "\e025"; +} +.ico-eye-2:before { + content: "\e026"; +} +.ico-bookmark:before { + content: "\e027"; +} +.ico-bookmark-2:before { + content: "\e028"; +} +.ico-star:before { + content: "\e029"; +} +.ico-star-2:before { + content: "\e02a"; +} +.ico-star-3:before { + content: "\e02b"; +} +.ico-heart:before { + content: "\e02c"; +} +.ico-heart-2:before { + content: "\e02d"; +} +.ico-thumbs-up:before { + content: "\e02e"; +} +.ico-thumbs-down:before { + content: "\e02f"; +} +.ico-happy:before { + content: "\e030"; +} +.ico-smiley:before { + content: "\e031"; +} +.ico-neutral:before { + content: "\e032"; +} +.ico-plus:before { + content: "\e033"; +} +.ico-minus:before { + content: "\e034"; +} +.ico-help:before { + content: "\e035"; +} +.ico-help-2:before { + content: "\e036"; +} +.ico-info:before { + content: "\e037"; +} +.ico-blocked:before { + content: "\e038"; +} +.ico-cancel:before { + content: "\e039"; +} +.ico-cancel-2:before { + content: "\e03a"; +} +.ico-cancel-3:before { + content: "\e03b"; +} +.ico-checkmark:before { + content: "\e03c"; +} +.ico-minus-2:before { + content: "\e03d"; +} +.ico-plus-2:before { + content: "\e03e"; +} +.ico-enter:before { + content: "\e03f"; +} +.ico-exit:before { + content: "\e040"; +} +.ico-loop:before { + content: "\e041"; +} +.ico-arrow-up:before { + content: "\e042"; +} +.ico-arrow-right:before { + content: "\e043"; +} +.ico-arrow-down:before { + content: "\e044"; +} +.ico-arrow-left:before { + content: "\e045"; +} +.ico-arrow-up-left:before { + content: "\e046"; +} +.ico-arrow-up-2:before { + content: "\e047"; +} +.ico-arrow-up-right:before { + content: "\e048"; +} +.ico-arrow-right-2:before { + content: "\e049"; +} +.ico-arrow-down-right:before { + content: "\e04a"; +} +.ico-arrow-down-2:before { + content: "\e04b"; +} +.ico-arrow-down-left:before { + content: "\e04c"; +} +.ico-arrow-left-2:before { + content: "\e04d"; +} +.ico-arrow-up-left-2:before { + content: "\e04e"; +} +.ico-arrow-up-3:before { + content: "\e04f"; +} +.ico-arrow-up-right-2:before { + content: "\e050"; +} +.ico-arrow-right-3:before { + content: "\e051"; +} +.ico-arrow-down-right-2:before { + content: "\e052"; +} +.ico-arrow-down-3:before { + content: "\e053"; +} +.ico-arrow-down-left-2:before { + content: "\e054"; +} +.ico-arrow-left-3:before { + content: "\e055"; +} +.ico-arrow-up-left-3:before { + content: "\e056"; +} +.ico-arrow-up-4:before { + content: "\e057"; +} +.ico-arrow-up-right-3:before { + content: "\e058"; +} +.ico-arrow-right-4:before { + content: "\e059"; +} +.ico-arrow-down-right-3:before { + content: "\e05a"; +} +.ico-arrow-down-4:before { + content: "\e05b"; +} +.ico-arrow-down-left-3:before { + content: "\e05c"; +} +.ico-arrow-left-4:before { + content: "\e05d"; +} +.ico-arrow-up-5:before { + content: "\e05e"; +} +.ico-arrow-right-5:before { + content: "\e05f"; +} +.ico-arrow-down-5:before { + content: "\e060"; +} +.ico-arrow-left-5:before { + content: "\e061"; +} +.ico-arrow-up-6:before { + content: "\e062"; +} +.ico-arrow-right-6:before { + content: "\e063"; +} +.ico-arrow-down-6:before { + content: "\e064"; +} +.ico-arrow-left-6:before { + content: "\e065"; +} +.ico-arrow-up-7:before { + content: "\e066"; +} +.ico-arrow-right-7:before { + content: "\e067"; +} +.ico-arrow-down-7:before { + content: "\e068"; +} +.ico-arrow-left-7:before { + content: "\e069"; +} +.ico-menu-3:before { + content: "\e06a"; +} +.ico-enter-2:before { + content: "\e06b"; +} +.ico-backspace:before { + content: "\e06c"; +} +.ico-backspace-2:before { + content: "\e06d"; +} +.ico-tab:before { + content: "\e06e"; +} +.ico-tab-2:before { + content: "\e06f"; +} +.ico-checkbox:before { + content: "\e070"; +} +.ico-checkbox-unchecked:before { + content: "\e071"; +} +.ico-checkbox-partial:before { + content: "\e072"; +} +.ico-radio-checked:before { + content: "\e073"; +} +.ico-radio-unchecked:before { + content: "\e074"; +} +.ico-font:before { + content: "\e075"; +} +.ico-paragraph-left:before { + content: "\e076"; +} +.ico-paragraph-center:before { + content: "\e077"; +} +.ico-paragraph-right:before { + content: "\e078"; +} +.ico-left-to-right:before { + content: "\e079"; +} +.ico-right-to-left:before { + content: "\e07a"; +} +.ico-out:before { + content: "\e07b"; +} +.ico-out-2:before { + content: "\e07c"; +} +.ico-embed:before { + content: "\e07d"; +} +.ico-seven-segment-0:before { + content: "\e07e"; +} +.ico-seven-segment-1:before { + content: "\e07f"; +} +.ico-seven-segment-2:before { + content: "\e080"; +} +.ico-seven-segment-3:before { + content: "\e081"; +} +.ico-seven-segment-4:before { + content: "\e082"; +} +.ico-seven-segment-5:before { + content: "\e083"; +} +.ico-seven-segment-6:before { + content: "\e084"; +} +.ico-seven-segment-7:before { + content: "\e085"; +} +.ico-seven-segment-8:before { + content: "\e086"; +} +.ico-seven-segment-9:before { + content: "\e087"; +} +.ico-bluetooth:before { + content: "\e088"; +} +.ico-share:before { + content: "\e089"; +} +.ico-share-2:before { + content: "\e08a"; +} +.ico-mail-2:before { + content: "\e08b"; +} +.ico-google-plus:before { + content: "\e08c"; +} +.ico-google-plus-2:before { + content: "\e08d"; +} +.ico-google-plus-3:before { + content: "\e08e"; +} +.ico-facebook:before { + content: "\e08f"; +} +.ico-facebook-2:before { + content: "\e090"; +} +.ico-twitter:before { + content: "\e091"; +} +.ico-twitter-2:before { + content: "\e092"; +} +.ico-twitter-3:before { + content: "\e093"; +} +.ico-twitter-4:before { + content: "\e094"; +} +.ico-feed:before { + content: "\e095"; +} +.ico-feed-2:before { + content: "\e096"; +} +.ico-youtube:before { + content: "\e097"; +} +.ico-youtube-2:before { + content: "\e098"; +} +.ico-vimeo:before { + content: "\e099"; +} +.ico-vimeo-2:before { + content: "\e09a"; +} +.ico-flickr:before { + content: "\e09b"; +} +.ico-flickr-2:before { + content: "\e09c"; +} +.ico-picassa:before { + content: "\e09d"; +} +.ico-picassa-2:before { + content: "\e09e"; +} +.ico-dribbble:before { + content: "\e09f"; +} +.ico-dribbble-2:before { + content: "\e0a0"; +} +.ico-forrst:before { + content: "\e0a1"; +} +.ico-forrst-2:before { + content: "\e0a2"; +} +.ico-deviantart:before { + content: "\e0a3"; +} +.ico-deviantart-2:before { + content: "\e0a4"; +} +.ico-github:before { + content: "\e0a5"; +} +.ico-github-2:before { + content: "\e0a6"; +} +.ico-github-3:before { + content: "\e0a7"; +} +.ico-github-4:before { + content: "\e0a8"; +} +.ico-wordpress:before { + content: "\e0a9"; +} +.ico-wordpress-2:before { + content: "\e0aa"; +} +.ico-blogger:before { + content: "\e0ab"; +} +.ico-blogger-2:before { + content: "\e0ac"; +} +.ico-tumblr:before { + content: "\e0ad"; +} +.ico-tumblr-2:before { + content: "\e0ae"; +} +.ico-yahoo:before { + content: "\e0af"; +} +.ico-yahoo-2:before { + content: "\e0b0"; +} +.ico-amazon:before { + content: "\e0b1"; +} +.ico-amazon-2:before { + content: "\e0b2"; +} +.ico-apple:before { + content: "\e0b3"; +} +.ico-android:before { + content: "\e0b4"; +} +.ico-windows:before { + content: "\e0b5"; +} +.ico-soundcloud:before { + content: "\e0b6"; +} +.ico-soundcloud-2:before { + content: "\e0b7"; +} +.ico-skype:before { + content: "\e0b8"; +} +.ico-reddit:before { + content: "\e0b9"; +} +.ico-linkedin:before { + content: "\e0ba"; +} +.ico-lastfm:before { + content: "\e0bb"; +} +.ico-lastfm-2:before { + content: "\e0bc"; +} +.ico-delicious:before { + content: "\e0bd"; +} +.ico-stumbleupon:before { + content: "\e0be"; +} +.ico-stumbleupon-2:before { + content: "\e0bf"; +} +.ico-pinterest:before { + content: "\e0c0"; +} +.ico-pinterest-2:before { + content: "\e0c1"; +} +.ico-xing:before { + content: "\e0c2"; +} +.ico-libreoffice:before { + content: "\e0c3"; +} +.ico-file-pdf:before { + content: "\e0c4"; +} +.ico-file-openoffice:before { + content: "\e0c5"; +} +.ico-file-word:before { + content: "\e0c6"; +} +.ico-file-excel:before { + content: "\e0c7"; +} +.ico-file-powerpoint:before { + content: "\e0c8"; +} +.ico-file-xml:before { + content: "\e0c9"; +} +.ico-file-css:before { + content: "\e0ca"; +} +.ico-html5:before { + content: "\e0cb"; +} +.ico-html5-2:before { + content: "\e0cc"; +} +.ico-css3:before { + content: "\e0cd"; +} +.ico-IcoMoon:before { + content: "\e0ce"; +} +.ico-popup:before { + content: "\e0cf"; +} +.ico-book-2:before { + content: "\e0d0"; +} +.ico-bookmark-3:before { + content: "\e0d1"; +} +.ico-home-4:before { + content: "\e0d2"; +} +.ico-keyboard:before { + content: "\e0d3"; +} +.ico-feather:before { + content: "\e0d4"; +} +.ico-network:before { + content: "\e0d5"; +} +.ico-inbox:before { + content: "\e0d6"; +} +.ico-square:before { + content: "\e0d7"; +} +.ico-globe:before { + content: "\e0d8"; +} +.ico-broadcast-2:before { + content: "\e0d9"; +} +.ico-arrow:before { + content: "\e0da"; +} +.ico-screen-2:before { + content: "\e0db"; +} +.ico-publish:before { + content: "\e0dc"; +} +.ico-browser:before { + content: "\e0dd"; +} +.ico-light-bulb:before { + content: "\e0de"; +} +.ico-sun:before { + content: "\e0df"; +} +.ico-sun-2:before { + content: "\e0e0"; +} +.ico-back:before { + content: "\e0e1"; +} +.ico-history-2:before { + content: "\e0e2"; +} +.ico-battery:before { + content: "\e0e3"; +} +.ico-battery-2:before { + content: "\e0e4"; +} +.ico-battery-3:before { + content: "\e0e5"; +} +.ico-battery-4:before { + content: "\e0e6"; +} +.ico-battery-5:before { + content: "\e0e7"; +} +.ico-code:before { + content: "\e0e8"; +} +.ico-triangle:before { + content: "\e0e9"; +} +.ico-triangle-2:before { + content: "\e0ea"; +} +.ico-triangle-3:before { + content: "\e0eb"; +} +.ico-triangle-4:before { + content: "\e0ec"; +} +.ico-arrow-2:before { + content: "\e0ed"; +} +.ico-arrow-3:before { + content: "\e0ee"; +} +.ico-arrow-4:before { + content: "\e0ef"; +} +.ico-arrow-5:before { + content: "\e0f0"; +} +.ico-arrow-6:before { + content: "\e0f1"; +} +.ico-arrow-7:before { + content: "\e0f2"; +} +.ico-arrow-8:before { + content: "\e0f3"; +} +.ico-arrow-9:before { + content: "\e0f4"; +} +.ico-arrow-10:before { + content: "\e0f5"; +} +.ico-arrow-11:before { + content: "\e0f6"; +} +.ico-arrow-12:before { + content: "\e0f7"; +} +.ico-arrow-13:before { + content: "\e0f8"; +} +.ico-arrow-14:before { + content: "\e0f9"; +} +.ico-arrow-15:before { + content: "\e0fa"; +} +.ico-arrow-16:before { + content: "\e0fb"; +} +.ico-arrow-17:before { + content: "\e0fc"; +} +.ico-arrow-18:before { + content: "\e0fd"; +} +.ico-arrow-19:before { + content: "\e0fe"; +} +.ico-arrow-20:before { + content: "\e0ff"; +} +.ico-arrow-21:before { + content: "\e100"; +} +.ico-mute:before { + content: "\e101"; +} +.ico-sound:before { + content: "\e102"; +} +.ico-volume:before { + content: "\e103"; +} +.ico-collapse:before { + content: "\e104"; +} +.ico-full-screen:before { + content: "\e105"; +} +.ico-last:before { + content: "\e106"; +} +.ico-first:before { + content: "\e107"; +} +.ico-fast-backward:before { + content: "\e108"; +} +.ico-fast-forward:before { + content: "\e109"; +} +.ico-stop:before { + content: "\e10a"; +} +.ico-record:before { + content: "\e10b"; +} +.ico-pause:before { + content: "\e10c"; +} +.ico-play-2:before { + content: "\e10d"; +} +.ico-upload-3:before { + content: "\e10e"; +} +.ico-cloud-3:before { + content: "\e10f"; +} +.ico-install:before { + content: "\e110"; +} +.ico-download-2:before { + content: "\e111"; +} +.ico-upload-4:before { + content: "\e112"; +} +.ico-trashcan:before { + content: "\e113"; +} +.ico-archive:before { + content: "\e114"; +} +.ico-folder-3:before { + content: "\e115"; +} +.ico-song:before { + content: "\e116"; +} +.ico-movie:before { + content: "\e117"; +} +.ico-images:before { + content: "\e118"; +} +.ico-landscape:before { + content: "\e119"; +} +.ico-documents:before { + content: "\e11a"; +} +.ico-document:before { + content: "\e11b"; +} +.ico-document-2:before { + content: "\e11c"; +} +.ico-grid:before { + content: "\e11d"; +} +.ico-add:before { + content: "\e11e"; +} +.ico-list:before { + content: "\e11f"; +} +.ico-retweet:before { + content: "\e120"; +} +.ico-arrow-22:before { + content: "\e121"; +} +.ico-back-2:before { + content: "\e122"; +} +.ico-shuffle:before { + content: "\e123"; +} +.ico-reload-CCW:before { + content: "\e124"; +} +.ico-reload-CW:before { + content: "\e125"; +} +.ico-warning:before { + content: "\e126"; +} +.ico-help-3:before { + content: "\e127"; +} +.ico-help-4:before { + content: "\e128"; +} +.ico-info-circle:before { + content: "\e129"; +} +.ico-info-2:before { + content: "\e12a"; +} +.ico-blocked-2:before { + content: "\e12b"; +} +.ico-plus-3:before { + content: "\e12c"; +} +.ico-minus-3:before { + content: "\e12d"; +} +.ico-close:before { + content: "\e12e"; +} +.ico-plus-4:before { + content: "\e12f"; +} +.ico-minus-4:before { + content: "\e130"; +} +.ico-cancel-4:before { + content: "\e131"; +} +.ico-checkmark-2:before { + content: "\e132"; +} +.ico-unlocked-2:before { + content: "\e133"; +} +.ico-locked-2:before { + content: "\e134"; +} +.ico-rss:before { + content: "\e135"; +} +.ico-time:before { + content: "\e136"; +} +.ico-flash:before { + content: "\e137"; +} +.ico-calendar-2:before { + content: "\e138"; +} +.ico-microphone-2:before { + content: "\e139"; +} +.ico-clock-2:before { + content: "\e13a"; +} +.ico-eye-3:before { + content: "\e13b"; +} +.ico-google-circles:before { + content: "\e13c"; +} +.ico-support-2:before { + content: "\e13d"; +} +.ico-flight:before { + content: "\e13e"; +} +.ico-shopping:before { + content: "\e13f"; +} +.ico-music-2:before { + content: "\e140"; +} +.ico-leaf:before { + content: "\e141"; +} +.ico-palette:before { + content: "\e142"; +} +.ico-sleep:before { + content: "\e143"; +} +.ico-camera-3:before { + content: "\e144"; +} +.ico-price:before { + content: "\e145"; +} +.ico-trophy-2:before { + content: "\e146"; +} +.ico-search-3:before { + content: "\e147"; +} +.ico-settings:before { + content: "\e148"; +} +.ico-flag-4:before { + content: "\e149"; +} +.ico-link-3:before { + content: "\e14a"; +} +.ico-alert:before { + content: "\e14b"; +} +.ico-printer:before { + content: "\e14c"; +} +.ico-quote:before { + content: "\e14d"; +} +.ico-comment:before { + content: "\e14e"; +} +.ico-chat:before { + content: "\e14f"; +} +.ico-thumbs-up-2:before { + content: "\e150"; +} +.ico-star-4:before { + content: "\e151"; +} +.ico-star-5:before { + content: "\e152"; +} +.ico-heart-3:before { + content: "\e153"; +} +.ico-heart-4:before { + content: "\e154"; +} +.ico-share-3:before { + content: "\e155"; +} +.ico-center:before { + content: "\e156"; +} +.ico-direction:before { + content: "\e157"; +} +.ico-compass-2:before { + content: "\e158"; +} +.ico-map:before { + content: "\e159"; +} +.ico-location-2:before { + content: "\e15a"; +} +.ico-export:before { + content: "\e15b"; +} +.ico-card:before { + content: "\e15c"; +} +.ico-contact:before { + content: "\e15d"; +} +.ico-users:before { + content: "\e15e"; +} +.ico-user-4:before { + content: "\e15f"; +} +.ico-forward-2:before { + content: "\e160"; +} +.ico-reply-to-all:before { + content: "\e161"; +} +.ico-reply-3:before { + content: "\e162"; +} +.ico-attachment:before { + content: "\e163"; +} +.ico-write:before { + content: "\e164"; +} +.ico-email:before { + content: "\e165"; +} +.ico-address:before { + content: "\e166"; +} +.ico-mouse-2:before { + content: "\e167"; +} +.ico-mobile-3:before { + content: "\e168"; +} +.ico-phone-2:before { + content: "\e169"; +} +.ico-paperclip:before { + content: "\e16a"; +} +.ico-fork:before { + content: "\e16b"; +} +.ico-cloud-upload:before { + content: "\e16c"; +} +.ico-cloud-download:before { + content: "\e16d"; +} +.ico-upload-5:before { + content: "\e16e"; +} +.ico-download-3:before { + content: "\e16f"; +} +.ico-target-3:before { + content: "\e170"; +} +.ico-map-pin-alt:before { + content: "\e171"; +} +.ico-map-pin-fill:before { + content: "\e172"; +} +.ico-map-pin-stroke:before { + content: "\e173"; +} +.ico-star-6:before { + content: "\e174"; +} +.ico-umbrella:before { + content: "\e175"; +} +.ico-rain:before { + content: "\e176"; +} +.ico-cloud-4:before { + content: "\e177"; +} +.ico-moon-fill:before { + content: "\e178"; +} +.ico-moon-stroke:before { + content: "\e179"; +} +.ico-sun-fill:before { + content: "\e17a"; +} +.ico-sun-stroke:before { + content: "\e17b"; +} +.ico-tag-fill:before { + content: "\e17c"; +} +.ico-tag-stroke:before { + content: "\e17d"; +} +.ico-unlock-fill:before { + content: "\e17e"; +} +.ico-unlock-stroke:before { + content: "\e17f"; +} +.ico-lock-fill:before { + content: "\e180"; +} +.ico-lock-stroke:before { + content: "\e181"; +} +.ico-clock-3:before { + content: "\e182"; +} +.ico-home-5:before { + content: "\e183"; +} +.ico-user-5:before { + content: "\e184"; +} +.ico-eye-4:before { + content: "\e185"; +} +.ico-bars-alt:before { + content: "\e186"; +} +.ico-bars-2:before { + content: "\e187"; +} +.ico-chart-alt:before { + content: "\e188"; +} +.ico-chart:before { + content: "\e189"; +} +.ico-aperture-alt:before { + content: "\e18a"; +} +.ico-aperture:before { + content: "\e18b"; +} +.ico-camera-4:before { + content: "\e18c"; +} +.ico-image:before { + content: "\e18d"; +} +.ico-layers:before { + content: "\e18e"; +} +.ico-layers-alt:before { + content: "\e18f"; +} +.ico-eyedropper:before { + content: "\e190"; +} +.ico-brush-alt:before { + content: "\e191"; +} +.ico-brush:before { + content: "\e192"; +} +.ico-pen-alt2:before { + content: "\e193"; +} +.ico-pen-alt-fill:before { + content: "\e194"; +} +.ico-pen-alt-stroke:before { + content: "\e195"; +} +.ico-pen:before { + content: "\e196"; +} +.ico-book-alt2:before { + content: "\e197"; +} +.ico-book-alt:before { + content: "\e198"; +} +.ico-book-3:before { + content: "\e199"; +} +.ico-list-nested:before { + content: "\e19a"; +} +.ico-list-2:before { + content: "\e19b"; +} +.ico-read-more:before { + content: "\e19c"; +} +.ico-article:before { + content: "\e19d"; +} +.ico-right-quote-alt:before { + content: "\e19e"; +} +.ico-left-quote-alt:before { + content: "\e19f"; +} +.ico-right-quote:before { + content: "\e1a0"; +} +.ico-left-quote:before { + content: "\e1a1"; +} +.ico-hash:before { + content: "\e1a2"; +} +.ico-pilcrow:before { + content: "\e1a3"; +} +.ico-question-mark:before { + content: "\e1a4"; +} +.ico-info-3:before { + content: "\e1a5"; +} +.ico-ampersand:before { + content: "\e1a6"; +} +.ico-at:before { + content: "\e1a7"; +} +.ico-folder-fill:before { + content: "\e1a8"; +} +.ico-folder-stroke:before { + content: "\e1a9"; +} +.ico-box:before { + content: "\e1aa"; +} +.ico-compass-3:before { + content: "\e1ab"; +} +.ico-battery-charging:before { + content: "\e1ac"; +} +.ico-battery-full:before { + content: "\e1ad"; +} +.ico-battery-half:before { + content: "\e1ae"; +} +.ico-battery-empty:before { + content: "\e1af"; +} +.ico-iphone:before { + content: "\e1b0"; +} +.ico-fullscreen-alt:before { + content: "\e1b1"; +} +.ico-fullscreen:before { + content: "\e1b2"; +} +.ico-fullscreen-exit-alt:before { + content: "\e1b3"; +} +.ico-fullscreen-exit:before { + content: "\e1b4"; +} +.ico-play-alt:before { + content: "\e1b5"; +} +.ico-last-2:before { + content: "\e1b6"; +} +.ico-first-2:before { + content: "\e1b7"; +} +.ico-eject:before { + content: "\e1b8"; +} +.ico-stop-2:before { + content: "\e1b9"; +} +.ico-pause-2:before { + content: "\e1ba"; +} +.ico-play-3:before { + content: "\e1bb"; +} +.ico-volume-mute:before { + content: "\e1bc"; +} +.ico-volume-2:before { + content: "\e1bd"; +} +.ico-headphones:before { + content: "\e1be"; +} +.ico-microphone-3:before { + content: "\e1bf"; +} +.ico-steering-wheel:before { + content: "\e1c0"; +} +.ico-cd:before { + content: "\e1c1"; +} +.ico-arrow-down-alt2:before { + content: "\e1c2"; +} +.ico-arrow-down-alt1:before { + content: "\e1c3"; +} +.ico-arrow-down-8:before { + content: "\e1c4"; +} +.ico-arrow-up-alt2:before { + content: "\e1c5"; +} +.ico-arrow-up-alt1:before { + content: "\e1c6"; +} +.ico-arrow-up-8:before { + content: "\e1c7"; +} +.ico-arrow-right-alt2:before { + content: "\e1c8"; +} +.ico-arrow-right-alt1:before { + content: "\e1c9"; +} +.ico-arrow-right-8:before { + content: "\e1ca"; +} +.ico-arrow-left-alt2:before { + content: "\e1cb"; +} +.ico-arrow-left-alt1:before { + content: "\e1cc"; +} +.ico-arrow-left-8:before { + content: "\e1cd"; +} +.ico-move-horizontal-alt2:before { + content: "\e1ce"; +} +.ico-move-horizontal-alt1:before { + content: "\e1cf"; +} +.ico-move-horizontal:before { + content: "\e1d0"; +} +.ico-move-vertical-alt2:before { + content: "\e1d1"; +} +.ico-move-vertical-alt1:before { + content: "\e1d2"; +} +.ico-move-vertical:before { + content: "\e1d3"; +} +.ico-transfer:before { + content: "\e1d4"; +} +.ico-loop-alt4:before { + content: "\e1d5"; +} +.ico-loop-alt3:before { + content: "\e1d6"; +} +.ico-loop-alt2:before { + content: "\e1d7"; +} +.ico-loop-alt1:before { + content: "\e1d8"; +} +.ico-loop-2:before { + content: "\e1d9"; +} +.ico-reload-alt:before { + content: "\e1da"; +} +.ico-reload:before { + content: "\e1db"; +} +.ico-undo-2:before { + content: "\e1dc"; +} +.ico-curved-arrow:before { + content: "\e1dd"; +} +.ico-spin:before { + content: "\e1de"; +} +.ico-spin-alt:before { + content: "\e1df"; +} +.ico-lightbulb:before { + content: "\e1e0"; +} +.ico-new-window:before { + content: "\e1e1"; +} +.ico-key-fill:before { + content: "\e1e2"; +} +.ico-key-stroke:before { + content: "\e1e3"; +} +.ico-beaker:before { + content: "\e1e4"; +} +.ico-beaker-alt:before { + content: "\e1e5"; +} +.ico-trash-fill:before { + content: "\e1e6"; +} +.ico-trash-stroke:before { + content: "\e1e7"; +} +.ico-magnifying-glass:before { + content: "\e1e8"; +} +.ico-award-stroke:before { + content: "\e1e9"; +} +.ico-award-fill:before { + content: "\e1ea"; +} +.ico-equalizer-2:before { + content: "\e1eb"; +} +.ico-move-alt2:before { + content: "\e1ec"; +} +.ico-move-alt1:before { + content: "\e1ed"; +} +.ico-move:before { + content: "\e1ee"; +} +.ico-bolt:before { + content: "\e1ef"; +} +.ico-link-4:before { + content: "\e1f0"; +} +.ico-pin:before { + content: "\e1f1"; +} +.ico-minus-alt:before { + content: "\e1f2"; +} +.ico-minus-5:before { + content: "\e1f3"; +} +.ico-plus-alt:before { + content: "\e1f4"; +} +.ico-plus-5:before { + content: "\e1f5"; +} +.ico-document-fill:before { + content: "\e1f6"; +} +.ico-document-stroke:before { + content: "\e1f7"; +} +.ico-document-alt-fill:before { + content: "\e1f8"; +} +.ico-document-alt-stroke:before { + content: "\e1f9"; +} +.ico-movie-2:before { + content: "\e1fa"; +} +.ico-heart-fill:before { + content: "\e1fb"; +} +.ico-heart-stroke:before { + content: "\e1fc"; +} +.ico-mail-3:before { + content: "\e1fd"; +} +.ico-share-4:before { + content: "\e1fe"; +} +.ico-calendar-alt-fill:before { + content: "\e1ff"; +} +.ico-calendar-alt-stroke:before { + content: "\e200"; +} +.ico-calendar-3:before { + content: "\e201"; +} +.ico-cog-2:before { + content: "\e202"; +} +.ico-dial:before { + content: "\e203"; +} +.ico-wrench-2:before { + content: "\e204"; +} +.ico-rss-alt:before { + content: "\e205"; +} +.ico-rss-2:before { + content: "\e206"; +} +.ico-cursor:before { + content: "\e207"; +} +.ico-denied:before { + content: "\e208"; +} +.ico-x-altx-alt:before { + content: "\e209"; +} +.ico-x:before { + content: "\e20a"; +} +.ico-check-alt:before { + content: "\e20b"; +} +.ico-checkmark-3:before { + content: "\e20c"; +} +.ico-comment-alt2-fill:before { + content: "\e20d"; +} +.ico-comment-alt2-stroke:before { + content: "\e20e"; +} +.ico-comment-fill:before { + content: "\e20f"; +} +.ico-comment-stroke:before { + content: "\e210"; +} +.ico-comment-alt1-fill:before { + content: "\e211"; +} +.ico-comment-alt1-stroke:before { + content: "\e212"; +} +.ico-chat-alt-fill:before { + content: "\e213"; +} +.ico-chat-alt-stroke:before { + content: "\e214"; +} +.ico-chat-2:before { + content: "\e215"; +} +.ico-Fahrenheit:before { + content: "\e216"; +} +.ico-Celsius:before { + content: "\e217"; +} +.ico-none:before { + content: "\e218"; +} +.ico-compass-4:before { + content: "\e219"; +} +.ico-thermometer:before { + content: "\e21a"; +} +.ico-lightning-2:before { + content: "\e21b"; +} +.ico-cloudy:before { + content: "\e21c"; +} +.ico-weather:before { + content: "\e21d"; +} +.ico-snowy:before { + content: "\e21e"; +} +.ico-snowy-2:before { + content: "\e21f"; +} +.ico-windy:before { + content: "\e220"; +} +.ico-windy-2:before { + content: "\e221"; +} +.ico-rainy:before { + content: "\e222"; +} +.ico-rainy-2:before { + content: "\e223"; +} +.ico-lightning-3:before { + content: "\e224"; +} +.ico-cloud-5:before { + content: "\e225"; +} +.ico-cloud-6:before { + content: "\e226"; +} +.ico-cloudy-2:before { + content: "\e227"; +} +.ico-moon:before { + content: "\e228"; +} +.ico-sun-3:before { + content: "\e229"; +} +.ico-lightning-4:before { + content: "\e22a"; +} +.ico-cloud-7:before { + content: "\e22b"; +} +.ico-cloudy-3:before { + content: "\e22c"; +} +.ico-weather-2:before { + content: "\e22d"; +} +.ico-snowy-3:before { + content: "\e22e"; +} +.ico-snowy-4:before { + content: "\e22f"; +} +.ico-snowy-5:before { + content: "\e230"; +} +.ico-windy-3:before { + content: "\e231"; +} +.ico-windy-4:before { + content: "\e232"; +} +.ico-rainy-3:before { + content: "\e233"; +} +.ico-rainy-4:before { + content: "\e234"; +} +.ico-lightning-5:before { + content: "\e235"; +} +.ico-lightning-6:before { + content: "\e236"; +} +.ico-cloud-8:before { + content: "\e237"; +} +.ico-lines:before { + content: "\e238"; +} +.ico-weather-3:before { + content: "\e239"; +} +.ico-weather-4:before { + content: "\e23a"; +} +.ico-weather-5:before { + content: "\e23b"; +} +.ico-cloud-9:before { + content: "\e23c"; +} +.ico-cloudy-4:before { + content: "\e23d"; +} +.ico-snowflake:before { + content: "\e23e"; +} +.ico-wind:before { + content: "\e23f"; +} +.ico-windy-5:before { + content: "\e240"; +} +.ico-sun-4:before { + content: "\e241"; +} +.ico-moon-2:before { + content: "\e242"; +} +.ico-sun-5:before { + content: "\e243"; +} +.ico-sunrise:before { + content: "\e244"; +} diff --git a/metro-hot/css/font.min.css b/metro-hot/css/font.min.css new file mode 100644 index 0000000..289fb29 --- /dev/null +++ b/metro-hot/css/font.min.css @@ -0,0 +1,676 @@ +@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} +[class^="ico-"],[class*=" ico-"]{font-family:'IcoMoon';font-size:16px;font-style:normal;font-weight:normal;height:16px;line-height:16px;width:16px;speak:none;background-image:none;background-position:inherit} +.ico-home:before{content:"\0021"} +.ico-home-2:before{content:"\0022"} +.ico-home-3:before{content:"\0023"} +.ico-newspaper:before{content:"\0024"} +.ico-pencil:before{content:"\0025"} +.ico-pencil-2:before{content:"\0026"} +.ico-droplet:before{content:"\0027"} +.ico-picture:before{content:"\0028"} +.ico-picture-2:before{content:"\0029"} +.ico-camera:before{content:"\002a"} +.ico-music:before{content:"\002b"} +.ico-play:before{content:"\002c"} +.ico-film:before{content:"\002d"} +.ico-camera-2:before{content:"\002e"} +.ico-spades:before{content:"\002f"} +.ico-clubs:before{content:"\0030"} +.ico-diamonds:before{content:"\0031"} +.ico-broadcast:before{content:"\0032"} +.ico-microphone:before{content:"\0033"} +.ico-book:before{content:"\0034"} +.ico-paper:before{content:"\0035"} +.ico-paper-2:before{content:"\0036"} +.ico-new:before{content:"\0037"} +.ico-copy:before{content:"\0038"} +.ico-folder:before{content:"\0039"} +.ico-folder-2:before{content:"\003a"} +.ico-tag:before{content:"\003b"} +.ico-cart:before{content:"\003c"} +.ico-basket:before{content:"\003d"} +.ico-calculate:before{content:"\003e"} +.ico-support:before{content:"\003f"} +.ico-phone:before{content:"\0040"} +.ico-mail:before{content:"\0041"} +.ico-location:before{content:"\0042"} +.ico-compass:before{content:"\0043"} +.ico-history:before{content:"\0044"} +.ico-clock:before{content:"\0045"} +.ico-bell:before{content:"\0046"} +.ico-bell-2:before{content:"\0047"} +.ico-bell-3:before{content:"\0048"} +.ico-calendar:before{content:"\0049"} +.ico-mouse:before{content:"\004a"} +.ico-screen:before{content:"\004b"} +.ico-laptop:before{content:"\004c"} +.ico-mobile:before{content:"\004d"} +.ico-tablet:before{content:"\004e"} +.ico-mobile-2:before{content:"\004f"} +.ico-drawer:before{content:"\0050"} +.ico-drawer-2:before{content:"\0051"} +.ico-box-add:before{content:"\0052"} +.ico-box-remove:before{content:"\0053"} +.ico-database:before{content:"\0054"} +.ico-undo:before{content:"\0055"} +.ico-redo:before{content:"\0056"} +.ico-forward:before{content:"\0057"} +.ico-reply:before{content:"\0058"} +.ico-reply-2:before{content:"\0059"} +.ico-comments:before{content:"\005a"} +.ico-comments-2:before{content:"\005b"} +.ico-comments-3:before{content:"\005c"} +.ico-comments-4:before{content:"\005d"} +.ico-comments-5:before{content:"\005e"} +.ico-comments-6:before{content:"\005f"} +.ico-user:before{content:"\0060"} +.ico-user-2:before{content:"\0061"} +.ico-user-3:before{content:"\0062"} +.ico-busy:before{content:"\0063"} +.ico-loading:before{content:"\0064"} +.ico-loading-2:before{content:"\0065"} +.ico-search:before{content:"\0066"} +.ico-search-2:before{content:"\0067"} +.ico-zoom-in:before{content:"\0068"} +.ico-zoom-out:before{content:"\0069"} +.ico-key:before{content:"\006a"} +.ico-key-2:before{content:"\006b"} +.ico-locked:before{content:"\006c"} +.ico-unlocked:before{content:"\006d"} +.ico-wrench:before{content:"\006e"} +.ico-equalizer:before{content:"\006f"} +.ico-cog:before{content:"\0070"} +.ico-pie:before{content:"\0071"} +.ico-bars:before{content:"\0072"} +.ico-stats-up:before{content:"\0073"} +.ico-gift:before{content:"\0074"} +.ico-trophy:before{content:"\0075"} +.ico-diamond:before{content:"\0076"} +.ico-coffee:before{content:"\0077"} +.ico-rocket:before{content:"\0078"} +.ico-meter-slow:before{content:"\0079"} +.ico-meter-medium:before{content:"\007a"} +.ico-meter-fast:before{content:"\007b"} +.ico-dashboard:before{content:"\007c"} +.ico-fire:before{content:"\007d"} +.ico-lab:before{content:"\e000"} +.ico-remove:before{content:"\e001"} +.ico-remove-2:before{content:"\e002"} +.ico-remove-3:before{content:"\e003"} +.ico-briefcase:before{content:"\e004"} +.ico-briefcase-2:before{content:"\e005"} +.ico-cars:before{content:"\e006"} +.ico-bus:before{content:"\e007"} +.ico-cube:before{content:"\e008"} +.ico-cube-2:before{content:"\e009"} +.ico-puzzle:before{content:"\e00a"} +.ico-glasses:before{content:"\e00b"} +.ico-glasses-2:before{content:"\e00c"} +.ico-accessibility:before{content:"\e00d"} +.ico-accessibility-2:before{content:"\e00e"} +.ico-target:before{content:"\e00f"} +.ico-target-2:before{content:"\e010"} +.ico-lightning:before{content:"\e011"} +.ico-power:before{content:"\e012"} +.ico-power-2:before{content:"\e013"} +.ico-clipboard:before{content:"\e014"} +.ico-clipboard-2:before{content:"\e015"} +.ico-playlist:before{content:"\e016"} +.ico-grid-view:before{content:"\e017"} +.ico-tree-view:before{content:"\e018"} +.ico-menu:before{content:"\e019"} +.ico-menu-2:before{content:"\e01a"} +.ico-cloud:before{content:"\e01b"} +.ico-cloud-2:before{content:"\e01c"} +.ico-download:before{content:"\e01d"} +.ico-upload:before{content:"\e01e"} +.ico-upload-2:before{content:"\e01f"} +.ico-link:before{content:"\e020"} +.ico-link-2:before{content:"\e021"} +.ico-flag:before{content:"\e022"} +.ico-flag-2:before{content:"\e023"} +.ico-flag-3:before{content:"\e024"} +.ico-eye:before{content:"\e025"} +.ico-eye-2:before{content:"\e026"} +.ico-bookmark:before{content:"\e027"} +.ico-bookmark-2:before{content:"\e028"} +.ico-star:before{content:"\e029"} +.ico-star-2:before{content:"\e02a"} +.ico-star-3:before{content:"\e02b"} +.ico-heart:before{content:"\e02c"} +.ico-heart-2:before{content:"\e02d"} +.ico-thumbs-up:before{content:"\e02e"} +.ico-thumbs-down:before{content:"\e02f"} +.ico-happy:before{content:"\e030"} +.ico-smiley:before{content:"\e031"} +.ico-neutral:before{content:"\e032"} +.ico-plus:before{content:"\e033"} +.ico-minus:before{content:"\e034"} +.ico-help:before{content:"\e035"} +.ico-help-2:before{content:"\e036"} +.ico-info:before{content:"\e037"} +.ico-blocked:before{content:"\e038"} +.ico-cancel:before{content:"\e039"} +.ico-cancel-2:before{content:"\e03a"} +.ico-cancel-3:before{content:"\e03b"} +.ico-checkmark:before{content:"\e03c"} +.ico-minus-2:before{content:"\e03d"} +.ico-plus-2:before{content:"\e03e"} +.ico-enter:before{content:"\e03f"} +.ico-exit:before{content:"\e040"} +.ico-loop:before{content:"\e041"} +.ico-arrow-up:before{content:"\e042"} +.ico-arrow-right:before{content:"\e043"} +.ico-arrow-down:before{content:"\e044"} +.ico-arrow-left:before{content:"\e045"} +.ico-arrow-up-left:before{content:"\e046"} +.ico-arrow-up-2:before{content:"\e047"} +.ico-arrow-up-right:before{content:"\e048"} +.ico-arrow-right-2:before{content:"\e049"} +.ico-arrow-down-right:before{content:"\e04a"} +.ico-arrow-down-2:before{content:"\e04b"} +.ico-arrow-down-left:before{content:"\e04c"} +.ico-arrow-left-2:before{content:"\e04d"} +.ico-arrow-up-left-2:before{content:"\e04e"} +.ico-arrow-up-3:before{content:"\e04f"} +.ico-arrow-up-right-2:before{content:"\e050"} +.ico-arrow-right-3:before{content:"\e051"} +.ico-arrow-down-right-2:before{content:"\e052"} +.ico-arrow-down-3:before{content:"\e053"} +.ico-arrow-down-left-2:before{content:"\e054"} +.ico-arrow-left-3:before{content:"\e055"} +.ico-arrow-up-left-3:before{content:"\e056"} +.ico-arrow-up-4:before{content:"\e057"} +.ico-arrow-up-right-3:before{content:"\e058"} +.ico-arrow-right-4:before{content:"\e059"} +.ico-arrow-down-right-3:before{content:"\e05a"} +.ico-arrow-down-4:before{content:"\e05b"} +.ico-arrow-down-left-3:before{content:"\e05c"} +.ico-arrow-left-4:before{content:"\e05d"} +.ico-arrow-up-5:before{content:"\e05e"} +.ico-arrow-right-5:before{content:"\e05f"} +.ico-arrow-down-5:before{content:"\e060"} +.ico-arrow-left-5:before{content:"\e061"} +.ico-arrow-up-6:before{content:"\e062"} +.ico-arrow-right-6:before{content:"\e063"} +.ico-arrow-down-6:before{content:"\e064"} +.ico-arrow-left-6:before{content:"\e065"} +.ico-arrow-up-7:before{content:"\e066"} +.ico-arrow-right-7:before{content:"\e067"} +.ico-arrow-down-7:before{content:"\e068"} +.ico-arrow-left-7:before{content:"\e069"} +.ico-menu-3:before{content:"\e06a"} +.ico-enter-2:before{content:"\e06b"} +.ico-backspace:before{content:"\e06c"} +.ico-backspace-2:before{content:"\e06d"} +.ico-tab:before{content:"\e06e"} +.ico-tab-2:before{content:"\e06f"} +.ico-checkbox:before{content:"\e070"} +.ico-checkbox-unchecked:before{content:"\e071"} +.ico-checkbox-partial:before{content:"\e072"} +.ico-radio-checked:before{content:"\e073"} +.ico-radio-unchecked:before{content:"\e074"} +.ico-font:before{content:"\e075"} +.ico-paragraph-left:before{content:"\e076"} +.ico-paragraph-center:before{content:"\e077"} +.ico-paragraph-right:before{content:"\e078"} +.ico-left-to-right:before{content:"\e079"} +.ico-right-to-left:before{content:"\e07a"} +.ico-out:before{content:"\e07b"} +.ico-out-2:before{content:"\e07c"} +.ico-embed:before{content:"\e07d"} +.ico-seven-segment-0:before{content:"\e07e"} +.ico-seven-segment-1:before{content:"\e07f"} +.ico-seven-segment-2:before{content:"\e080"} +.ico-seven-segment-3:before{content:"\e081"} +.ico-seven-segment-4:before{content:"\e082"} +.ico-seven-segment-5:before{content:"\e083"} +.ico-seven-segment-6:before{content:"\e084"} +.ico-seven-segment-7:before{content:"\e085"} +.ico-seven-segment-8:before{content:"\e086"} +.ico-seven-segment-9:before{content:"\e087"} +.ico-bluetooth:before{content:"\e088"} +.ico-share:before{content:"\e089"} +.ico-share-2:before{content:"\e08a"} +.ico-mail-2:before{content:"\e08b"} +.ico-google-plus:before{content:"\e08c"} +.ico-google-plus-2:before{content:"\e08d"} +.ico-google-plus-3:before{content:"\e08e"} +.ico-facebook:before{content:"\e08f"} +.ico-facebook-2:before{content:"\e090"} +.ico-twitter:before{content:"\e091"} +.ico-twitter-2:before{content:"\e092"} +.ico-twitter-3:before{content:"\e093"} +.ico-twitter-4:before{content:"\e094"} +.ico-feed:before{content:"\e095"} +.ico-feed-2:before{content:"\e096"} +.ico-youtube:before{content:"\e097"} +.ico-youtube-2:before{content:"\e098"} +.ico-vimeo:before{content:"\e099"} +.ico-vimeo-2:before{content:"\e09a"} +.ico-flickr:before{content:"\e09b"} +.ico-flickr-2:before{content:"\e09c"} +.ico-picassa:before{content:"\e09d"} +.ico-picassa-2:before{content:"\e09e"} +.ico-dribbble:before{content:"\e09f"} +.ico-dribbble-2:before{content:"\e0a0"} +.ico-forrst:before{content:"\e0a1"} +.ico-forrst-2:before{content:"\e0a2"} +.ico-deviantart:before{content:"\e0a3"} +.ico-deviantart-2:before{content:"\e0a4"} +.ico-github:before{content:"\e0a5"} +.ico-github-2:before{content:"\e0a6"} +.ico-github-3:before{content:"\e0a7"} +.ico-github-4:before{content:"\e0a8"} +.ico-wordpress:before{content:"\e0a9"} +.ico-wordpress-2:before{content:"\e0aa"} +.ico-blogger:before{content:"\e0ab"} +.ico-blogger-2:before{content:"\e0ac"} +.ico-tumblr:before{content:"\e0ad"} +.ico-tumblr-2:before{content:"\e0ae"} +.ico-yahoo:before{content:"\e0af"} +.ico-yahoo-2:before{content:"\e0b0"} +.ico-amazon:before{content:"\e0b1"} +.ico-amazon-2:before{content:"\e0b2"} +.ico-apple:before{content:"\e0b3"} +.ico-android:before{content:"\e0b4"} +.ico-windows:before{content:"\e0b5"} +.ico-soundcloud:before{content:"\e0b6"} +.ico-soundcloud-2:before{content:"\e0b7"} +.ico-skype:before{content:"\e0b8"} +.ico-reddit:before{content:"\e0b9"} +.ico-linkedin:before{content:"\e0ba"} +.ico-lastfm:before{content:"\e0bb"} +.ico-lastfm-2:before{content:"\e0bc"} +.ico-delicious:before{content:"\e0bd"} +.ico-stumbleupon:before{content:"\e0be"} +.ico-stumbleupon-2:before{content:"\e0bf"} +.ico-pinterest:before{content:"\e0c0"} +.ico-pinterest-2:before{content:"\e0c1"} +.ico-xing:before{content:"\e0c2"} +.ico-libreoffice:before{content:"\e0c3"} +.ico-file-pdf:before{content:"\e0c4"} +.ico-file-openoffice:before{content:"\e0c5"} +.ico-file-word:before{content:"\e0c6"} +.ico-file-excel:before{content:"\e0c7"} +.ico-file-powerpoint:before{content:"\e0c8"} +.ico-file-xml:before{content:"\e0c9"} +.ico-file-css:before{content:"\e0ca"} +.ico-html5:before{content:"\e0cb"} +.ico-html5-2:before{content:"\e0cc"} +.ico-css3:before{content:"\e0cd"} +.ico-IcoMoon:before{content:"\e0ce"} +.ico-popup:before{content:"\e0cf"} +.ico-book-2:before{content:"\e0d0"} +.ico-bookmark-3:before{content:"\e0d1"} +.ico-home-4:before{content:"\e0d2"} +.ico-keyboard:before{content:"\e0d3"} +.ico-feather:before{content:"\e0d4"} +.ico-network:before{content:"\e0d5"} +.ico-inbox:before{content:"\e0d6"} +.ico-square:before{content:"\e0d7"} +.ico-globe:before{content:"\e0d8"} +.ico-broadcast-2:before{content:"\e0d9"} +.ico-arrow:before{content:"\e0da"} +.ico-screen-2:before{content:"\e0db"} +.ico-publish:before{content:"\e0dc"} +.ico-browser:before{content:"\e0dd"} +.ico-light-bulb:before{content:"\e0de"} +.ico-sun:before{content:"\e0df"} +.ico-sun-2:before{content:"\e0e0"} +.ico-back:before{content:"\e0e1"} +.ico-history-2:before{content:"\e0e2"} +.ico-battery:before{content:"\e0e3"} +.ico-battery-2:before{content:"\e0e4"} +.ico-battery-3:before{content:"\e0e5"} +.ico-battery-4:before{content:"\e0e6"} +.ico-battery-5:before{content:"\e0e7"} +.ico-code:before{content:"\e0e8"} +.ico-triangle:before{content:"\e0e9"} +.ico-triangle-2:before{content:"\e0ea"} +.ico-triangle-3:before{content:"\e0eb"} +.ico-triangle-4:before{content:"\e0ec"} +.ico-arrow-2:before{content:"\e0ed"} +.ico-arrow-3:before{content:"\e0ee"} +.ico-arrow-4:before{content:"\e0ef"} +.ico-arrow-5:before{content:"\e0f0"} +.ico-arrow-6:before{content:"\e0f1"} +.ico-arrow-7:before{content:"\e0f2"} +.ico-arrow-8:before{content:"\e0f3"} +.ico-arrow-9:before{content:"\e0f4"} +.ico-arrow-10:before{content:"\e0f5"} +.ico-arrow-11:before{content:"\e0f6"} +.ico-arrow-12:before{content:"\e0f7"} +.ico-arrow-13:before{content:"\e0f8"} +.ico-arrow-14:before{content:"\e0f9"} +.ico-arrow-15:before{content:"\e0fa"} +.ico-arrow-16:before{content:"\e0fb"} +.ico-arrow-17:before{content:"\e0fc"} +.ico-arrow-18:before{content:"\e0fd"} +.ico-arrow-19:before{content:"\e0fe"} +.ico-arrow-20:before{content:"\e0ff"} +.ico-arrow-21:before{content:"\e100"} +.ico-mute:before{content:"\e101"} +.ico-sound:before{content:"\e102"} +.ico-volume:before{content:"\e103"} +.ico-collapse:before{content:"\e104"} +.ico-full-screen:before{content:"\e105"} +.ico-last:before{content:"\e106"} +.ico-first:before{content:"\e107"} +.ico-fast-backward:before{content:"\e108"} +.ico-fast-forward:before{content:"\e109"} +.ico-stop:before{content:"\e10a"} +.ico-record:before{content:"\e10b"} +.ico-pause:before{content:"\e10c"} +.ico-play-2:before{content:"\e10d"} +.ico-upload-3:before{content:"\e10e"} +.ico-cloud-3:before{content:"\e10f"} +.ico-install:before{content:"\e110"} +.ico-download-2:before{content:"\e111"} +.ico-upload-4:before{content:"\e112"} +.ico-trashcan:before{content:"\e113"} +.ico-archive:before{content:"\e114"} +.ico-folder-3:before{content:"\e115"} +.ico-song:before{content:"\e116"} +.ico-movie:before{content:"\e117"} +.ico-images:before{content:"\e118"} +.ico-landscape:before{content:"\e119"} +.ico-documents:before{content:"\e11a"} +.ico-document:before{content:"\e11b"} +.ico-document-2:before{content:"\e11c"} +.ico-grid:before{content:"\e11d"} +.ico-add:before{content:"\e11e"} +.ico-list:before{content:"\e11f"} +.ico-retweet:before{content:"\e120"} +.ico-arrow-22:before{content:"\e121"} +.ico-back-2:before{content:"\e122"} +.ico-shuffle:before{content:"\e123"} +.ico-reload-CCW:before{content:"\e124"} +.ico-reload-CW:before{content:"\e125"} +.ico-warning:before{content:"\e126"} +.ico-help-3:before{content:"\e127"} +.ico-help-4:before{content:"\e128"} +.ico-info-circle:before{content:"\e129"} +.ico-info-2:before{content:"\e12a"} +.ico-blocked-2:before{content:"\e12b"} +.ico-plus-3:before{content:"\e12c"} +.ico-minus-3:before{content:"\e12d"} +.ico-close:before{content:"\e12e"} +.ico-plus-4:before{content:"\e12f"} +.ico-minus-4:before{content:"\e130"} +.ico-cancel-4:before{content:"\e131"} +.ico-checkmark-2:before{content:"\e132"} +.ico-unlocked-2:before{content:"\e133"} +.ico-locked-2:before{content:"\e134"} +.ico-rss:before{content:"\e135"} +.ico-time:before{content:"\e136"} +.ico-flash:before{content:"\e137"} +.ico-calendar-2:before{content:"\e138"} +.ico-microphone-2:before{content:"\e139"} +.ico-clock-2:before{content:"\e13a"} +.ico-eye-3:before{content:"\e13b"} +.ico-google-circles:before{content:"\e13c"} +.ico-support-2:before{content:"\e13d"} +.ico-flight:before{content:"\e13e"} +.ico-shopping:before{content:"\e13f"} +.ico-music-2:before{content:"\e140"} +.ico-leaf:before{content:"\e141"} +.ico-palette:before{content:"\e142"} +.ico-sleep:before{content:"\e143"} +.ico-camera-3:before{content:"\e144"} +.ico-price:before{content:"\e145"} +.ico-trophy-2:before{content:"\e146"} +.ico-search-3:before{content:"\e147"} +.ico-settings:before{content:"\e148"} +.ico-flag-4:before{content:"\e149"} +.ico-link-3:before{content:"\e14a"} +.ico-alert:before{content:"\e14b"} +.ico-printer:before{content:"\e14c"} +.ico-quote:before{content:"\e14d"} +.ico-comment:before{content:"\e14e"} +.ico-chat:before{content:"\e14f"} +.ico-thumbs-up-2:before{content:"\e150"} +.ico-star-4:before{content:"\e151"} +.ico-star-5:before{content:"\e152"} +.ico-heart-3:before{content:"\e153"} +.ico-heart-4:before{content:"\e154"} +.ico-share-3:before{content:"\e155"} +.ico-center:before{content:"\e156"} +.ico-direction:before{content:"\e157"} +.ico-compass-2:before{content:"\e158"} +.ico-map:before{content:"\e159"} +.ico-location-2:before{content:"\e15a"} +.ico-export:before{content:"\e15b"} +.ico-card:before{content:"\e15c"} +.ico-contact:before{content:"\e15d"} +.ico-users:before{content:"\e15e"} +.ico-user-4:before{content:"\e15f"} +.ico-forward-2:before{content:"\e160"} +.ico-reply-to-all:before{content:"\e161"} +.ico-reply-3:before{content:"\e162"} +.ico-attachment:before{content:"\e163"} +.ico-write:before{content:"\e164"} +.ico-email:before{content:"\e165"} +.ico-address:before{content:"\e166"} +.ico-mouse-2:before{content:"\e167"} +.ico-mobile-3:before{content:"\e168"} +.ico-phone-2:before{content:"\e169"} +.ico-paperclip:before{content:"\e16a"} +.ico-fork:before{content:"\e16b"} +.ico-cloud-upload:before{content:"\e16c"} +.ico-cloud-download:before{content:"\e16d"} +.ico-upload-5:before{content:"\e16e"} +.ico-download-3:before{content:"\e16f"} +.ico-target-3:before{content:"\e170"} +.ico-map-pin-alt:before{content:"\e171"} +.ico-map-pin-fill:before{content:"\e172"} +.ico-map-pin-stroke:before{content:"\e173"} +.ico-star-6:before{content:"\e174"} +.ico-umbrella:before{content:"\e175"} +.ico-rain:before{content:"\e176"} +.ico-cloud-4:before{content:"\e177"} +.ico-moon-fill:before{content:"\e178"} +.ico-moon-stroke:before{content:"\e179"} +.ico-sun-fill:before{content:"\e17a"} +.ico-sun-stroke:before{content:"\e17b"} +.ico-tag-fill:before{content:"\e17c"} +.ico-tag-stroke:before{content:"\e17d"} +.ico-unlock-fill:before{content:"\e17e"} +.ico-unlock-stroke:before{content:"\e17f"} +.ico-lock-fill:before{content:"\e180"} +.ico-lock-stroke:before{content:"\e181"} +.ico-clock-3:before{content:"\e182"} +.ico-home-5:before{content:"\e183"} +.ico-user-5:before{content:"\e184"} +.ico-eye-4:before{content:"\e185"} +.ico-bars-alt:before{content:"\e186"} +.ico-bars-2:before{content:"\e187"} +.ico-chart-alt:before{content:"\e188"} +.ico-chart:before{content:"\e189"} +.ico-aperture-alt:before{content:"\e18a"} +.ico-aperture:before{content:"\e18b"} +.ico-camera-4:before{content:"\e18c"} +.ico-image:before{content:"\e18d"} +.ico-layers:before{content:"\e18e"} +.ico-layers-alt:before{content:"\e18f"} +.ico-eyedropper:before{content:"\e190"} +.ico-brush-alt:before{content:"\e191"} +.ico-brush:before{content:"\e192"} +.ico-pen-alt2:before{content:"\e193"} +.ico-pen-alt-fill:before{content:"\e194"} +.ico-pen-alt-stroke:before{content:"\e195"} +.ico-pen:before{content:"\e196"} +.ico-book-alt2:before{content:"\e197"} +.ico-book-alt:before{content:"\e198"} +.ico-book-3:before{content:"\e199"} +.ico-list-nested:before{content:"\e19a"} +.ico-list-2:before{content:"\e19b"} +.ico-read-more:before{content:"\e19c"} +.ico-article:before{content:"\e19d"} +.ico-right-quote-alt:before{content:"\e19e"} +.ico-left-quote-alt:before{content:"\e19f"} +.ico-right-quote:before{content:"\e1a0"} +.ico-left-quote:before{content:"\e1a1"} +.ico-hash:before{content:"\e1a2"} +.ico-pilcrow:before{content:"\e1a3"} +.ico-question-mark:before{content:"\e1a4"} +.ico-info-3:before{content:"\e1a5"} +.ico-ampersand:before{content:"\e1a6"} +.ico-at:before{content:"\e1a7"} +.ico-folder-fill:before{content:"\e1a8"} +.ico-folder-stroke:before{content:"\e1a9"} +.ico-box:before{content:"\e1aa"} +.ico-compass-3:before{content:"\e1ab"} +.ico-battery-charging:before{content:"\e1ac"} +.ico-battery-full:before{content:"\e1ad"} +.ico-battery-half:before{content:"\e1ae"} +.ico-battery-empty:before{content:"\e1af"} +.ico-iphone:before{content:"\e1b0"} +.ico-fullscreen-alt:before{content:"\e1b1"} +.ico-fullscreen:before{content:"\e1b2"} +.ico-fullscreen-exit-alt:before{content:"\e1b3"} +.ico-fullscreen-exit:before{content:"\e1b4"} +.ico-play-alt:before{content:"\e1b5"} +.ico-last-2:before{content:"\e1b6"} +.ico-first-2:before{content:"\e1b7"} +.ico-eject:before{content:"\e1b8"} +.ico-stop-2:before{content:"\e1b9"} +.ico-pause-2:before{content:"\e1ba"} +.ico-play-3:before{content:"\e1bb"} +.ico-volume-mute:before{content:"\e1bc"} +.ico-volume-2:before{content:"\e1bd"} +.ico-headphones:before{content:"\e1be"} +.ico-microphone-3:before{content:"\e1bf"} +.ico-steering-wheel:before{content:"\e1c0"} +.ico-cd:before{content:"\e1c1"} +.ico-arrow-down-alt2:before{content:"\e1c2"} +.ico-arrow-down-alt1:before{content:"\e1c3"} +.ico-arrow-down-8:before{content:"\e1c4"} +.ico-arrow-up-alt2:before{content:"\e1c5"} +.ico-arrow-up-alt1:before{content:"\e1c6"} +.ico-arrow-up-8:before{content:"\e1c7"} +.ico-arrow-right-alt2:before{content:"\e1c8"} +.ico-arrow-right-alt1:before{content:"\e1c9"} +.ico-arrow-right-8:before{content:"\e1ca"} +.ico-arrow-left-alt2:before{content:"\e1cb"} +.ico-arrow-left-alt1:before{content:"\e1cc"} +.ico-arrow-left-8:before{content:"\e1cd"} +.ico-move-horizontal-alt2:before{content:"\e1ce"} +.ico-move-horizontal-alt1:before{content:"\e1cf"} +.ico-move-horizontal:before{content:"\e1d0"} +.ico-move-vertical-alt2:before{content:"\e1d1"} +.ico-move-vertical-alt1:before{content:"\e1d2"} +.ico-move-vertical:before{content:"\e1d3"} +.ico-transfer:before{content:"\e1d4"} +.ico-loop-alt4:before{content:"\e1d5"} +.ico-loop-alt3:before{content:"\e1d6"} +.ico-loop-alt2:before{content:"\e1d7"} +.ico-loop-alt1:before{content:"\e1d8"} +.ico-loop-2:before{content:"\e1d9"} +.ico-reload-alt:before{content:"\e1da"} +.ico-reload:before{content:"\e1db"} +.ico-undo-2:before{content:"\e1dc"} +.ico-curved-arrow:before{content:"\e1dd"} +.ico-spin:before{content:"\e1de"} +.ico-spin-alt:before{content:"\e1df"} +.ico-lightbulb:before{content:"\e1e0"} +.ico-new-window:before{content:"\e1e1"} +.ico-key-fill:before{content:"\e1e2"} +.ico-key-stroke:before{content:"\e1e3"} +.ico-beaker:before{content:"\e1e4"} +.ico-beaker-alt:before{content:"\e1e5"} +.ico-trash-fill:before{content:"\e1e6"} +.ico-trash-stroke:before{content:"\e1e7"} +.ico-magnifying-glass:before{content:"\e1e8"} +.ico-award-stroke:before{content:"\e1e9"} +.ico-award-fill:before{content:"\e1ea"} +.ico-equalizer-2:before{content:"\e1eb"} +.ico-move-alt2:before{content:"\e1ec"} +.ico-move-alt1:before{content:"\e1ed"} +.ico-move:before{content:"\e1ee"} +.ico-bolt:before{content:"\e1ef"} +.ico-link-4:before{content:"\e1f0"} +.ico-pin:before{content:"\e1f1"} +.ico-minus-alt:before{content:"\e1f2"} +.ico-minus-5:before{content:"\e1f3"} +.ico-plus-alt:before{content:"\e1f4"} +.ico-plus-5:before{content:"\e1f5"} +.ico-document-fill:before{content:"\e1f6"} +.ico-document-stroke:before{content:"\e1f7"} +.ico-document-alt-fill:before{content:"\e1f8"} +.ico-document-alt-stroke:before{content:"\e1f9"} +.ico-movie-2:before{content:"\e1fa"} +.ico-heart-fill:before{content:"\e1fb"} +.ico-heart-stroke:before{content:"\e1fc"} +.ico-mail-3:before{content:"\e1fd"} +.ico-share-4:before{content:"\e1fe"} +.ico-calendar-alt-fill:before{content:"\e1ff"} +.ico-calendar-alt-stroke:before{content:"\e200"} +.ico-calendar-3:before{content:"\e201"} +.ico-cog-2:before{content:"\e202"} +.ico-dial:before{content:"\e203"} +.ico-wrench-2:before{content:"\e204"} +.ico-rss-alt:before{content:"\e205"} +.ico-rss-2:before{content:"\e206"} +.ico-cursor:before{content:"\e207"} +.ico-denied:before{content:"\e208"} +.ico-x-altx-alt:before{content:"\e209"} +.ico-x:before{content:"\e20a"} +.ico-check-alt:before{content:"\e20b"} +.ico-checkmark-3:before{content:"\e20c"} +.ico-comment-alt2-fill:before{content:"\e20d"} +.ico-comment-alt2-stroke:before{content:"\e20e"} +.ico-comment-fill:before{content:"\e20f"} +.ico-comment-stroke:before{content:"\e210"} +.ico-comment-alt1-fill:before{content:"\e211"} +.ico-comment-alt1-stroke:before{content:"\e212"} +.ico-chat-alt-fill:before{content:"\e213"} +.ico-chat-alt-stroke:before{content:"\e214"} +.ico-chat-2:before{content:"\e215"} +.ico-Fahrenheit:before{content:"\e216"} +.ico-Celsius:before{content:"\e217"} +.ico-none:before{content:"\e218"} +.ico-compass-4:before{content:"\e219"} +.ico-thermometer:before{content:"\e21a"} +.ico-lightning-2:before{content:"\e21b"} +.ico-cloudy:before{content:"\e21c"} +.ico-weather:before{content:"\e21d"} +.ico-snowy:before{content:"\e21e"} +.ico-snowy-2:before{content:"\e21f"} +.ico-windy:before{content:"\e220"} +.ico-windy-2:before{content:"\e221"} +.ico-rainy:before{content:"\e222"} +.ico-rainy-2:before{content:"\e223"} +.ico-lightning-3:before{content:"\e224"} +.ico-cloud-5:before{content:"\e225"} +.ico-cloud-6:before{content:"\e226"} +.ico-cloudy-2:before{content:"\e227"} +.ico-moon:before{content:"\e228"} +.ico-sun-3:before{content:"\e229"} +.ico-lightning-4:before{content:"\e22a"} +.ico-cloud-7:before{content:"\e22b"} +.ico-cloudy-3:before{content:"\e22c"} +.ico-weather-2:before{content:"\e22d"} +.ico-snowy-3:before{content:"\e22e"} +.ico-snowy-4:before{content:"\e22f"} +.ico-snowy-5:before{content:"\e230"} +.ico-windy-3:before{content:"\e231"} +.ico-windy-4:before{content:"\e232"} +.ico-rainy-3:before{content:"\e233"} +.ico-rainy-4:before{content:"\e234"} +.ico-lightning-5:before{content:"\e235"} +.ico-lightning-6:before{content:"\e236"} +.ico-cloud-8:before{content:"\e237"} +.ico-lines:before{content:"\e238"} +.ico-weather-3:before{content:"\e239"} +.ico-weather-4:before{content:"\e23a"} +.ico-weather-5:before{content:"\e23b"} +.ico-cloud-9:before{content:"\e23c"} +.ico-cloudy-4:before{content:"\e23d"} +.ico-snowflake:before{content:"\e23e"} +.ico-wind:before{content:"\e23f"} +.ico-windy-5:before{content:"\e240"} +.ico-sun-4:before{content:"\e241"} +.ico-moon-2:before{content:"\e242"} +.ico-sun-5:before{content:"\e243"} +.ico-sunrise:before{content:"\e244"} diff --git a/metro-hot/css/font/IcoMoon.eot b/metro-hot/css/font/IcoMoon.eot new file mode 100644 index 0000000..f0e6767 Binary files /dev/null and b/metro-hot/css/font/IcoMoon.eot differ diff --git a/metro-hot/css/font/IcoMoon.svg b/metro-hot/css/font/IcoMoon.svg new file mode 100644 index 0000000..3946e5b --- /dev/null +++ b/metro-hot/css/font/IcoMoon.svg @@ -0,0 +1,2794 @@ + + + + +This is a custom SVG font generated by IcoMoon. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/metro-hot/css/font/IcoMoon.ttf b/metro-hot/css/font/IcoMoon.ttf new file mode 100644 index 0000000..38ab8dc Binary files /dev/null and b/metro-hot/css/font/IcoMoon.ttf differ diff --git a/metro-hot/css/font/IcoMoon.woff b/metro-hot/css/font/IcoMoon.woff new file mode 100644 index 0000000..a3b887f Binary files /dev/null and b/metro-hot/css/font/IcoMoon.woff differ diff --git a/metro-hot/css/metro-hot-responsive.css b/metro-hot/css/metro-hot-responsive.css new file mode 100644 index 0000000..ba66288 --- /dev/null +++ b/metro-hot/css/metro-hot-responsive.css @@ -0,0 +1,198 @@ +/* + * Copyright (c) 2009, 2010, 2011, 2012, B3log Team + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* +* skin metro-hot responsive style +* +* @author Liyuan Li +* @version 1.0.0.5, Jul 24, 2013 +*/ +@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; + } +} \ No newline at end of file diff --git a/metro-hot/css/metro-hot-responsive.min.css b/metro-hot/css/metro-hot-responsive.min.css new file mode 100644 index 0000000..072e15b --- /dev/null +++ b/metro-hot/css/metro-hot-responsive.min.css @@ -0,0 +1 @@ +@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}} diff --git a/metro-hot/css/metro-hot.css b/metro-hot/css/metro-hot.css new file mode 100644 index 0000000..4061763 --- /dev/null +++ b/metro-hot/css/metro-hot.css @@ -0,0 +1,946 @@ +/* + * Copyright (c) 2009, 2010, 2011, 2012, B3log Team + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* +* skin metro-hot style +* +* @author Liyuan Li +* @version 1.0.0.9, Jul 24, 2013 +*/ +/* start base */ +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; +} +/* end base */ + +/* start frame */ +.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; +} + +/* end frame */ + +/* start header */ +.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; +} + +/* end header */ + +/* start article list */ + +.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 { + min-width: 100%; + max-width: 100%; + transition: all 1.2s; +} + +.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; +} +/* end article list*/ + +/* start side */ +.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; +} + + +/* end side */ + +/* start others */ +#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; +} +/* end others */ + +/* start article */ +.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; +} +/* end article */ + +/* start comment */ +#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; +} +/* end comment */ + +/* start dynamic */ +#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 10px; + 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; +} +/* end dynamic */ \ No newline at end of file diff --git a/metro-hot/css/metro-hot.min.css b/metro-hot/css/metro-hot.min.css new file mode 100644 index 0000000..97c6e57 --- /dev/null +++ b/metro-hot/css/metro-hot.min.css @@ -0,0 +1,150 @@ +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} +.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-list>div>img{min-width:100%;max-width:100%;transition:all 1.2s} +.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:.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 .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} +.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-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} +#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:#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:770px} +#dynamic .article-relative .text{left:110px} +#dynamic .footer{margin:20px 0 0;float:left;transition:all .3s ease-out 0} +.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:#393} +.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 10px;padding:5px 10px;transition:all .8s ease 0;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} diff --git a/metro-hot/dynamic.ftl b/metro-hot/dynamic.ftl new file mode 100644 index 0000000..66e7038 --- /dev/null +++ b/metro-hot/dynamic.ftl @@ -0,0 +1,229 @@ +<#include "macro-head.ftl"> + + + + <@head title="${blogTitle}"> + + + + + + ${topBarReplacement} +
+ + +
+
+ <#if 0 != recentComments?size> +
+ <#list recentComments as comment> + <#if comment_index < 6> +
+ ${comment.commentName} +
+
+ <#if "http://" == comment.commentURL> + ${comment.commentName} + <#else> + ${comment.commentName} + +
+ ${comment.commentDate?string("yy-MM-dd HH:mm")} +
+
+
${comment.commentContent}
+
+
+ + +
+ +
+
+
+
+ + + + + + +
+ + <#if "" != noticeBoard> +
+ +
+ ${noticeBoard} +
+
+ ${noticeBoardLabel} +
+
+ + + + +
+ ${atomLabel} +
+ + +
+ +
+ ${viewCount1Label} + ${statistic.statisticBlogViewCount}
+ ${articleCount1Label} + ${statistic.statisticPublishedBlogArticleCount}
+ ${commentCount1Label} + ${statistic.statisticPublishedBlogCommentCount}
+
+
+ + <#include "copyright.ftl"> +
+
+
+ +
+ <#if 0 != mostCommentArticles?size> +
+
+ +
+ ${mostCommentArticlesLabel} +
+
+
+ +
+
+ + + + <#if 0 != mostViewCountArticles?size> +
+
+ +
+ ${mostViewCountArticlesLabel} +
+
+
+ +
+
+ +
+ +
+ <#if 0 != archiveDates?size> +
+
+ +
+ ${dateArticlesLabel} +
+
+
+ <#list archiveDates as archiveDate> + <#if "en" == localeString?substring(0, 2)> + + ${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount}) + <#else> + + ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount}) + + +
+
+ + + <#if 0 != links?size> +
+
+ +
+ ${linkLabel} +
+
+
+ <#list links as link> + + + ${link.linkTitle} + + +
+
+ + + <#if 0 != mostUsedTags?size> +
+
+ +
+ ${popTagsLabel} +
+
+
+ <#list mostUsedTags as tag> + + +
+
+ +
+
+ + <#include "footer.ftl"/> + + + diff --git a/metro-hot/footer.ftl b/metro-hot/footer.ftl new file mode 100644 index 0000000..f9e9ded --- /dev/null +++ b/metro-hot/footer.ftl @@ -0,0 +1,41 @@ + + + + +${plugins} diff --git a/metro-hot/header.ftl b/metro-hot/header.ftl new file mode 100644 index 0000000..37d6e08 --- /dev/null +++ b/metro-hot/header.ftl @@ -0,0 +1,37 @@ +
+

+ + ${blogTitle} + + +

+ +
+ + +
+ + +
+
\ No newline at end of file diff --git a/metro-hot/images/ajax-loader.gif b/metro-hot/images/ajax-loader.gif new file mode 100644 index 0000000..02ffcbc Binary files /dev/null and b/metro-hot/images/ajax-loader.gif differ diff --git a/metro-hot/images/emotions/em00.png b/metro-hot/images/emotions/em00.png new file mode 100644 index 0000000..2420609 Binary files /dev/null and b/metro-hot/images/emotions/em00.png differ diff --git a/metro-hot/images/emotions/em01.png b/metro-hot/images/emotions/em01.png new file mode 100644 index 0000000..bddbe24 Binary files /dev/null and b/metro-hot/images/emotions/em01.png differ diff --git a/metro-hot/images/emotions/em02.png b/metro-hot/images/emotions/em02.png new file mode 100644 index 0000000..39051f3 Binary files /dev/null and b/metro-hot/images/emotions/em02.png differ diff --git a/metro-hot/images/emotions/em03.png b/metro-hot/images/emotions/em03.png new file mode 100644 index 0000000..8cf9113 Binary files /dev/null and b/metro-hot/images/emotions/em03.png differ diff --git a/metro-hot/images/emotions/em04.png b/metro-hot/images/emotions/em04.png new file mode 100644 index 0000000..fb061a8 Binary files /dev/null and b/metro-hot/images/emotions/em04.png differ diff --git a/metro-hot/images/emotions/em05.png b/metro-hot/images/emotions/em05.png new file mode 100644 index 0000000..83d82b4 Binary files /dev/null and b/metro-hot/images/emotions/em05.png differ diff --git a/metro-hot/images/emotions/em06.png b/metro-hot/images/emotions/em06.png new file mode 100644 index 0000000..20d66f0 Binary files /dev/null and b/metro-hot/images/emotions/em06.png differ diff --git a/metro-hot/images/emotions/em07.png b/metro-hot/images/emotions/em07.png new file mode 100644 index 0000000..dcda19c Binary files /dev/null and b/metro-hot/images/emotions/em07.png differ diff --git a/metro-hot/images/emotions/em08.png b/metro-hot/images/emotions/em08.png new file mode 100644 index 0000000..676df26 Binary files /dev/null and b/metro-hot/images/emotions/em08.png differ diff --git a/metro-hot/images/emotions/em09.png b/metro-hot/images/emotions/em09.png new file mode 100644 index 0000000..94f4605 Binary files /dev/null and b/metro-hot/images/emotions/em09.png differ diff --git a/metro-hot/images/emotions/em10.png b/metro-hot/images/emotions/em10.png new file mode 100644 index 0000000..11f9f4c Binary files /dev/null and b/metro-hot/images/emotions/em10.png differ diff --git a/metro-hot/images/emotions/em11.png b/metro-hot/images/emotions/em11.png new file mode 100644 index 0000000..9979744 Binary files /dev/null and b/metro-hot/images/emotions/em11.png differ diff --git a/metro-hot/images/emotions/em12.png b/metro-hot/images/emotions/em12.png new file mode 100644 index 0000000..0c9d57f Binary files /dev/null and b/metro-hot/images/emotions/em12.png differ diff --git a/metro-hot/images/emotions/em13.png b/metro-hot/images/emotions/em13.png new file mode 100644 index 0000000..5279d49 Binary files /dev/null and b/metro-hot/images/emotions/em13.png differ diff --git a/metro-hot/images/emotions/em14.png b/metro-hot/images/emotions/em14.png new file mode 100644 index 0000000..7594861 Binary files /dev/null and b/metro-hot/images/emotions/em14.png differ diff --git a/metro-hot/images/emotions/emotions-black.png b/metro-hot/images/emotions/emotions-black.png new file mode 100644 index 0000000..3e67ef9 Binary files /dev/null and b/metro-hot/images/emotions/emotions-black.png differ diff --git a/metro-hot/images/icons.png b/metro-hot/images/icons.png new file mode 100644 index 0000000..b11023a Binary files /dev/null and b/metro-hot/images/icons.png differ diff --git a/metro-hot/index.ftl b/metro-hot/index.ftl new file mode 100644 index 0000000..4297972 --- /dev/null +++ b/metro-hot/index.ftl @@ -0,0 +1,50 @@ +<#include "macro-head.ftl"> +<#include "macro-side.ftl"> + + + + <@head title="${blogTitle}"> + + + + + + ${topBarReplacement} +
+ +
+
+ <#include "article-list.ftl"/> + <#include "copyright.ftl"/> +
+ <@side isArticle=false /> +
+
+ + <#include "footer.ftl"/> + + diff --git a/metro-hot/js/metro-hot.js b/metro-hot/js/metro-hot.js new file mode 100644 index 0000000..82fc0b3 --- /dev/null +++ b/metro-hot/js/metro-hot.js @@ -0,0 +1,298 @@ +/* + * Copyright (c) 2009, 2010, 2011, 2012, B3log Team + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +/** + * @fileoverview metro-hot js. + * + * @author Liyuan Li + * @version 1.0.0.8, Jul 24, 2013 + */ + +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() { + // logout + 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(""); + } + }); + }, + /** + * @description 分享按钮 + */ + 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"); + }); + }, + /* + * @description 加载随机文章 + */ + loadRandomArticles: function() { + // getRandomArticles + $.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 < randomArticles.length && i < 5; i++) { + var article = randomArticles[i]; + var title = article.articleTitle; + var randomArticleLiHtml = "
  • " + "" + title + "
    • "; + listHtml += randomArticleLiHtml; + } + + var randomArticleListHtml = "
      " + listHtml + "
    "; + $("#randomArticles .text").append(randomArticleListHtml); + } + }); + }, + /* + * @description 加载相关文章 + * @param {String} id 文章 id + */ + 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 < articles.length && i < 5; i++) { + var article = articles[i]; + var title = article.articleTitle; + var articleLiHtml = "
  • " + + "" + + title + "
    • "; + listHtml += articleLiHtml; + } + + var relevantArticleListHtml = "
      " + + listHtml + "
    "; + $("#relevantArticles .text").append(relevantArticleListHtml); + }, + error: function() { + $("#relevantArticles").remove(); + } + }); + }, + /* + * @description 加载站外相关文章 + * @param {String} tags 文章 tags + */ + 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 < articles.length && i < 5; i++) { + var article = articles[i]; + var title = article.articleTitle; + var articleLiHtml = "
  • " + + "" + + title + "
    • "; + listHtml += articleLiHtml; + } + + var randomArticleListHtml = "
      " + listHtml + "
    "; + $("#externalRelevantArticles .text").append(randomArticleListHtml); + } + }); + } catch (e) { + // 忽略相关文章加载异常：load script error + $("#externalRelevantArticles").remove(); + } + }, + goCmt: function() { + $("html, body").animate({ + scrollTop: $(".comment-disabled").get(0).offsetTop + }); + } +}; + +(function() { + MetroHot.init(); + if ($(".article-header").length > 0) { + MetroHot.share(); + } else { + MetroHot.initArticleList(); + } +})(); diff --git a/metro-hot/js/metro-hot.min.js b/metro-hot/js/metro-hot.min.js new file mode 100644 index 0000000..2c26915 --- /dev/null +++ b/metro-hot/js/metro-hot.min.js @@ -0,0 +1 @@ +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("")}})},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();if($(".article-header").length>0){MetroHot.share()}else{MetroHot.initArticleList()}}(); \ No newline at end of file diff --git a/metro-hot/lang/lang_en_US.properties b/metro-hot/lang/lang_en_US.properties new file mode 100644 index 0000000..d2dffb1 --- /dev/null +++ b/metro-hot/lang/lang_en_US.properties @@ -0,0 +1,98 @@ +# +# Copyright (c) 2009, 2010, 2011, 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. +# + +# +# Description: Language configurations(en_US) for skin "ease". +# Version: 1.0.0.3, Jul 9, 2013 +# Author: Liyuan Li +# +nextArticleLabel=Next +previousArticleLabel=Previous +newestArticleLabel=Newest +lastArticleLabel=Last +registerLabel=Register +clearCachePageLabel=Clear Cache +translateLabel=Translate +shareLabel=Share + +dynamicLabel=Dynamic +moreLabel=More +contentLabel=More... +abstractLabel=Abstract +viewCount1Label=View Count: +articleCount1Label=Article Count: +commentCount1Label=Comment Count: +allTagsLabel=Tags +archiveLabel=Archive +yearLabel= +monthLabel= +recentArticlesLabel=Recent Articles +recentCommentsLabel=Recent Comments +mostCommentArticlesLabel=Most Comment Articles +mostViewCountArticlesLabel=Most View Articles +popTagsLabel=Popular Tags +linkLabel=Friend Links +indexLabel=Home +sumLabel= +pageLabel=Page + +em00Label=Smile +em01Label=Laughter +em02Label=Happy +em03Label=Sad +em04Label=Cry +em05Label=No Comments +em06Label=Fidget +em07Label=Angry +em08Label=Look Around +em09Label=Surprise +em10Label=Cool +em11Label=Cheeky +em12Label=Heart +em13Label=Heart Broken +em14Label=Devil +commentLabel=Comment +viewLabel=View +authorLabel=Author +previousPageLabel=Previous Page +nextPagePabel=Next Page +firstPageLabel=First Page +lastPageLabel=Last Page +archive1Label=Archive: +author1Label=Author: +tag1Label=Tags: +sorryLabel=Sorry! +notFoundLabel=Not Found! +returnTo1Label=Return: +updatedLabel=Updated! +topArticleLabel=Top! +replyLabel=Reply + +commentEmailLabel=Email +commentURLLabel=URL +submmitCommentLabel=Commit Comment +nameTooLongLabel=Sorry, your username must be between 2 and 20 characters long! +mailCannotEmptyLabel=Mail is empty! +mailInvalidLabel=Mail is invalid! +commentContentCannotEmptyLabel=Sorry, your content must be between 2 and 500 characters long! +captchaCannotEmptyLabel=Captcha is empty! +loadingLabel=loading.... +relevantArticlesLabel=Relevant Articles +randomArticlesLabel=Random Articles +externalRelevantArticlesLabel=External Relevant Articles: +captchaErrorLabel=Captcha Error +b3logLabel=B3LOG +killBrowserLabel=

    Let's kill outdated and insecure browser!

    Let's kill outdated and insecure browser for browser evolution, human progress and better experience.

    You can download

    \ No newline at end of file diff --git a/metro-hot/lang/lang_zh_CN.properties b/metro-hot/lang/lang_zh_CN.properties new file mode 100644 index 0000000..1662bd6 --- /dev/null +++ b/metro-hot/lang/lang_zh_CN.properties @@ -0,0 +1,98 @@ +# +# Copyright (c) 2009, 2010, 2011, 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. +# + +# +# Description: Language configurations(zh_CN) for skin "ease". +# Version: 1.0.0.3, Jul 9, 2013 +# Author: Liyuan Li +# +registerLabel=\u6ce8\u518c +clearCachePageLabel=\u6e05\u9664\u7f13\u5b58 +translateLabel=\u7ffb\u8bd1 +nextArticleLabel=\u65b0\u4e00\u7bc7 +previousArticleLabel=\u65e7\u4e00\u7bc7 +newestArticleLabel=\u6700\u65b0\u4e00\u7bc7 +lastArticleLabel=\u6700\u540e\u4e00\u7bc7 +shareLabel=\u5206\u4eab + +dynamicLabel=\u52a8\u6001 +moreLabel=\u66f4\u591a +contentLabel=\u5168\u6587 +abstractLabel=\u6458\u8981 +viewCount1Label=\u6d4f\u89c8\u6b21\u6570\uff1a +articleCount1Label=\u6587\u7ae0\u603b\u6570\uff1a +commentCount1Label=\u8bc4\u8bba\u603b\u6570\uff1a +allTagsLabel=\u6807\u7b7e\u5899 +updatedLabel=\u6709\u66f4\u65b0\uff01 +topArticleLabel=\u7f6e\u9876\uff01 +archiveLabel=\u5b58\u6863 +yearLabel=\u5e74 +monthLabel=\u6708 +recentArticlesLabel=\u6700\u65b0\u6587\u7ae0 +recentCommentsLabel=\u6700\u65b0\u8bc4\u8bba +mostCommentArticlesLabel=\u8bc4\u8bba\u6700\u591a\u7684\u6587\u7ae0 +mostViewCountArticlesLabel=\u8bbf\u95ee\u6700\u591a\u7684\u6587\u7ae0 +popTagsLabel=\u5206\u7c7b\u6807\u7b7e +linkLabel=\u53cb\u60c5\u94fe\u63a5 +indexLabel=\u9996\u9875 +sumLabel=\u5171 +pageLabel=\u9875 + +em00Label=\u5fae\u7b11 +em01Label=\u5927\u7b11 +em02Label=\u9ad8\u5174 +em03Label=\u60b2\u4f24 +em04Label=\u54ed\u6ce3 +em05Label=\u65e0\u8bed +em06Label=\u70e6\u8e81 +em07Label=\u751f\u6c14 +em08Label=\u6211\u7785 +em09Label=\u60ca\u8bb6 +em10Label=\u9177 +em11Label=\u987d\u76ae +em12Label=\u7231\u5fc3 +em13Label=\u5fc3\u788e +em14Label=\u9b54\u9b3c +commentLabel=\u8bc4\u8bba +viewLabel=\u6d4f\u89c8 +authorLabel=\u4f5c\u8005 +previousPageLabel=\u4e0a\u4e00\u9875 +nextPagePabel=\u4e0b\u4e00\u9875 +firstPageLabel=\u7b2c\u4e00\u9875 +lastPageLabel=\u6700\u540e\u4e00\u9875 +archive1Label=\u5b58\u6863\uff1a +author1Label=\u4f5c\u8005\uff1a +tag1Label=\u6807\u7b7e\uff1a +sorryLabel=\u5bf9\u4e0d\u8d77\uff01 +notFoundLabel=\u627e\u4e0d\u5230\uff01 +returnTo1Label=\u8fd4\u56de\uff1a +replyLabel=\u56de\u590d + +commentEmailLabel=\u90ae\u7bb1 +commentURLLabel=URL +submmitCommentLabel=\u63d0\u4ea4\u8bc4\u8bba +nameTooLongLabel=\u59d3\u540d\u53ea\u80fd\u4e3a 2 \u5230 20 \u4e2a\u5b57\u7b26\uff01 +mailCannotEmptyLabel=\u90ae\u7bb1\u4e0d\u80fd\u4e3a\u7a7a\uff01 +mailInvalidLabel=\u90ae\u7bb1\u683c\u5f0f\u4e0d\u6b63\u786e\uff01 +commentContentCannotEmptyLabel=\u8bc4\u8bba\u5185\u5bb9\u53ea\u80fd\u4e3a 2 \u5230 500 \u4e2a\u5b57\u7b26\uff01 +captchaCannotEmptyLabel=\u9a8c\u8bc1\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01 +loadingLabel=\u8f7d\u5165\u4e2d.... +relevantArticlesLabel=\u76f8\u5173\u9605\u8bfb +randomArticlesLabel=\u968f\u673a\u9605\u8bfb +externalRelevantArticlesLabel=\u7ad9\u5916\u76f8\u5173\u9605\u8bfb +captchaErrorLabel=\u9a8c\u8bc1\u7801\u9519\u8bef +b3logLabel=B3LOG +killBrowserLabel=

    \u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u5427\uff01

    \u4e3a\u4e86\u8ba9\u6d4f\u89c8\u5668\u66f4\u597d\u7684\u53d1\u5c55\uff0c\u4eba\u7c7b\u66f4\u52a0\u7684\u8fdb\u6b65\uff0c\u62e5\u6709\u66f4\u597d\u7684\u4f53\u9a8c\uff0c\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u3002

    \u60a8\u53ef\u4ee5\u4e0b\u8f7d diff --git a/metro-hot/links.ftl b/metro-hot/links.ftl new file mode 100644 index 0000000..425af81 --- /dev/null +++ b/metro-hot/links.ftl @@ -0,0 +1,42 @@ +<#include "macro-head.ftl"> +<#include "macro-side.ftl"> + + + + <@head title="${blogTitle}"> + + + + + + ${topBarReplacement} +
    + +
    +
    + <#if 0 != links?size> + + + <#include "copyright.ftl"/> +
    + <@side isArticle=false /> +
    +
    + + <#include "footer.ftl"/> + + diff --git a/metro-hot/macro-comments.ftl b/metro-hot/macro-comments.ftl new file mode 100644 index 0000000..af8ac8f --- /dev/null +++ b/metro-hot/macro-comments.ftl @@ -0,0 +1,178 @@ +<#macro comments commentList article> +<#if article.commentable> +
    +

    ${postCommentsLabel}

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + +
    + + +
    + + + + + + + + + + + + + + + + +
    + +
    + + validate +
    + + + +
    +<#else> +
    +

    ${notAllowCommentLabel}

    +
    + + +<#if commentList?size == 0> +
    +

    ${noCommentLabel}

    +
    +
    +<#else> +
    +

    ${commentLabel}

    +
    +
    + <#list commentList as comment> +
    + ${comment.commentName} +
    +
    + <#if "http://" == comment.commentURL> + ${comment.commentName} + <#else> + ${comment.commentName} + + + <#if comment.isReply> + @ + ${comment.commentOriginalCommentName} + + + <#if article.commentable> + + + +
    + ${comment.commentDate?string("yy-MM-dd HH:mm")} +
    +
    +
    ${comment.commentContent}
    +
    +
    + +
    + + + + + +<#macro comment_script oId> + + + \ No newline at end of file diff --git a/metro-hot/macro-head.ftl b/metro-hot/macro-head.ftl new file mode 100644 index 0000000..ef0b748 --- /dev/null +++ b/metro-hot/macro-head.ftl @@ -0,0 +1,17 @@ +<#macro head title> + +${title} +<#nested> + + + + + + + + + + + +${htmlHead} + \ No newline at end of file diff --git a/metro-hot/macro-side.ftl b/metro-hot/macro-side.ftl new file mode 100644 index 0000000..af19ccd --- /dev/null +++ b/metro-hot/macro-side.ftl @@ -0,0 +1,185 @@ +<#macro side isArticle> +
    +
    + <#if !isArticle> +
    + + + + + + +
    + + <#if "" != noticeBoard> +
    + +
    + ${noticeBoard} +
    +
    + ${noticeBoardLabel} +
    +
    + + +
    + +
    + ${viewCount1Label} + ${statistic.statisticBlogViewCount}
    + ${articleCount1Label} + ${statistic.statisticPublishedBlogArticleCount}
    + ${commentCount1Label} + ${statistic.statisticPublishedBlogCommentCount}
    +
    +
    + + + + +
    + ${atomLabel} +
    +     + + + +
    + ${translateLabel} +
    +     + + <#if isArticle> + + + <#if relevantArticlesDisplayCount??> + <#if nextArticlePermalink??> + + <#else> +
    + +
    + ${newestArticleLabel} +
    +
    + + + <#if previousArticlePermalink??> + + <#else> +
    + +
    + ${lastArticleLabel} +
    +
    + + + <#if 0 != relevantArticlesDisplayCount> +
    + +
    + ${relevantArticlesLabel} +
    +
    +
    +
    + + + <#if 0 != randomArticlesDisplayCount> +
    + +
    + ${randomArticlesLabel} +
    +
    +
    +
    + + + <#if externalRelevantArticlesDisplayCount?? && 0 != externalRelevantArticlesDisplayCount> +
    + +
    + ${externalRelevantArticlesLabel} +
    +
    +
    +
    + + + + + + + + +
    + ${registerLabel} +
    +     + +
    + + + +
    +
    + +
    + +
    + ${clearCachePageLabel} +
    +
    + ${clearCacheLabel} +
    + ${clearAllCacheLabel} +
    +
    + + + +
    + ${adminLabel} +
    +     + + + +
    + ${logoutLabel} +
    +     +
    +
    + \ No newline at end of file diff --git a/metro-hot/page.ftl b/metro-hot/page.ftl new file mode 100644 index 0000000..a120cad --- /dev/null +++ b/metro-hot/page.ftl @@ -0,0 +1,42 @@ +<#include "macro-head.ftl"> +<#include "macro-side.ftl"> +<#include "macro-comments.ftl"> + + + + <@head title="${page.pageTitle} - ${blogTitle}"> + + + + + + ${topBarReplacement} +
    + +
    +
    +
    + ${page.pageContent} +
    + <@comments commentList=pageComments article=page> + <#include "copyright.ftl"/> +
    + <@side isArticle=true /> +
    +
    + <#include "footer.ftl"> + <@comment_script oId=page.oId> + + diff --git a/metro-hot/preview.png b/metro-hot/preview.png new file mode 100644 index 0000000..53cd318 Binary files /dev/null and b/metro-hot/preview.png differ diff --git a/metro-hot/skin.properties b/metro-hot/skin.properties new file mode 100644 index 0000000..f695192 --- /dev/null +++ b/metro-hot/skin.properties @@ -0,0 +1,26 @@ +# +# Copyright (C) 2009, 2010, 2011, 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. +# + +# +# Description: metro-hot skin. +# Version: 1.0.0.1, Jul 4, 2013 +# Author: Liyuan Li +# + +name=metro-hot +version=1.0.1 +forSolo=0.6.0 +memo=metro-hot diff --git a/metro-hot/tag-articles.ftl b/metro-hot/tag-articles.ftl new file mode 100644 index 0000000..d55bd40 --- /dev/null +++ b/metro-hot/tag-articles.ftl @@ -0,0 +1,55 @@ +<#include "macro-head.ftl"> +<#include "macro-side.ftl"> + + + + <@head title="${tag.tagTitle} - ${blogTitle}"> + + + + + + ${topBarReplacement} +
    + +
    +
    + <#include "article-list.ftl"/> + <#include "copyright.ftl"/> +
    + <@side isArticle=false /> +
    +
    + + <#include "footer.ftl"/> + + diff --git a/metro-hot/tags.ftl b/metro-hot/tags.ftl new file mode 100644 index 0000000..997afba --- /dev/null +++ b/metro-hot/tags.ftl @@ -0,0 +1,41 @@ +<#include "macro-head.ftl"> +<#include "macro-side.ftl"> + + + + <@head title="${allTagsLabel} - ${blogTitle}"> + + + + + + ${topBarReplacement} +
    + +
    +
    + + <#include "copyright.ftl"/> +
    + <@side isArticle=false /> +
    +
    + + <#include "footer.ftl"/> + + 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 a2252f5..9a4d6f2 100644 --- a/neoease/js/neoease.min.js +++ b/neoease/js/neoease.min.js @@ -1,20 +1 @@ -/* - * Copyright (c) 2009, 2010, 2011, 2012, B3log Team - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - *//** - * @fileoverview neoease js. - * - * @author Liyuan Li - * @version 1.0.0.8, Sep 6, 2012 - */var goTop=function(e){e=e||.1;var t=$(window).scrollTop(),n=1+e;window.scrollTo(0,Math.floor(t/n));if(t>0){var r="goTop("+e+")";window.setTimeout(r,16)}},collapseArchive=function(e,t){var n=!0;e.className==="collapse-ico"?(e.className="expand-ico",n=!1):e.className="collapse-ico",$("#archiveSide li").each(function(){var e=$(this);e.data("year")===t&&(n?$(this).show():$(this).hide())})},getArticle=function(e,t){var n=$("#abstract"+t),r=$("#content"+t);return r.html()===""?$.ajax({url:"/get-article-content?id="+t,type:"GET",dataType:"html",beforeSend:function(){n.css("background","url(/skins/neoease/images/ajax-loader.gif) no-repeat scroll center center transparent")},success:function(t,i){e.className="collapse-ico",r.html(t),n.hide().css("background","none"),r.fadeIn("slow")}}):e.className==="expand-ico"?(n.hide(),r.fadeIn(),e.className="collapse-ico"):(r.hide(),n.fadeIn(),e.className="expand-ico"),!1},goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)};(function(){$(window).scroll(function(){var e=$(window).scrollTop();if(e>182){var t=$(window).height(),n=e+t-21;$("body").height()-58<=e+t&&(n=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",n)}else $("#goTop").hide()});var e=(new Date).getFullYear(),t=e;$("#archiveSide li").each(function(n){var r=$(this);r.data("year")!==e&&$(this).hide(),t!==r.data("year")&&(t=r.data("year"),r.before("
  • "+t+" 年
    • "))}),$(".recent-comments .expand-ico").click(function(){this.className==="expand-ico"?($(this).parent().next().css({height:"auto","white-space":"normal"}),this.className="collapse-ico"):($(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")}),this.className="expand-ico")}),$(".nav ul li").each(function(){var e=$(this).find("a");e.attr("href")===latkeConfig.servePath+location.pathname?$(this).addClass("current"):/\/[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(){$(this).find(".recent-comments-content>a").height()<30?$(this).find(".expand-ico").remove():$(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 42c1998..b56d9cf 100644 --- a/timeline/css/timeline.min.css +++ b/timeline/css/timeline.min.css @@ -1,113 +1,113 @@ -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;} -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;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:500px;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);height:50px;overflow:hidden;} -.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;} -.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;} -.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;} +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} +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;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:500px;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);height:50px;overflow:hidden} +.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} +.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} +.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} diff --git a/timeline/js/timeline.min.js b/timeline/js/timeline.min.js index 3f6b3de..8cf688a 100644 --- a/timeline/js/timeline.min.js +++ b/timeline/js/timeline.min.js @@ -1,20 +1 @@ -/* - * Copyright (c) 2009, 2010, 2011, 2012, B3log Team - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - *//** - * @fileoverview timeline js. - * - * @author Liyuan Li - * @version 1.0.1.1, Feb 20, 2013 - */var timeline={_COLHA:0,_COLHB:20,_initArticleList:function(){var e=$(".articles");if(e.length===0||$(".articles > .fn-clear").length>0)return;$(window).resize(function(){var t=[timeline._COLHA,timeline._COLHB];e.find("article").each(function(){var e=$(this),n=t[1]>t[0],r=n?t[0]:t[1];parseInt(e.css("top"))!==r&&(e.css({top:r+"px",position:"absolute"}),n?this.className="l":this.className="r"),t[n?"0":"1"]+=parseInt(e.outerHeight(!0))}),e.height(t[0]>t[1]?t[0]:t[1])}),$(window).resize(),$(".module img").imagesLoaded(function(){$(window).resize()})},_initIndexList:function(){var e=$(".articles > .fn-clear");if(e.length===0)return;var t=0;$(".nav-abs li").each(function(e){var n=$(this);n.hide(),t!==n.data("year")&&(t=n.data("year"),n.before("
  • "+t+"
    • "))}),$(".article-more").parent().data("count")<=$(".article-more").parent().find("article").length&&$(".article-more").remove(),$(window).resize(function(){e.each(function(){var e=[timeline._COLHA+60,timeline._COLHB*4],t=$(this).find("article");t.length===0?($(this).find("h2").remove(),$(this).css("margin-bottom",0)):(t.each(function(){var t=$(this),n=e[1]>e[0],r=n?e[0]:e[1];parseInt(t.css("top"))!==r&&(t.css({top:r+"px",position:"absolute"}),n?this.className="l":this.className="r"),e[n?"0":"1"]+=parseInt(t.outerHeight(!0))}),$(this).height(e[0]>e[1]?e[0]:e[1]))})}),$(window).resize(),$(".module img").imagesLoaded(function(){$(window).resize()})},_setNavCurrent:function(){$(".header li a").each(function(){$(this).prop("href")===location.href.split("#")[0]?this.className="current":this.className=""})},init:function(){$(window).scroll(function(){$(window).scrollTop()>60?$(".ico-top").show():$(".ico-top").hide()}),timeline._initIndexList(),timeline._initArticleList(),timeline._setNavCurrent()},translate:function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},getArchive:function(e,t,n){var r=e+t,i=e+"/"+t;window.location.hash="#"+r;if($("#"+r+" > article").length===0){var s=e+" "+Label.yearLabel+" "+t+" "+Label.monthLabel;Label.localeString.substring(0,2)==="en"&&(s=n+" "+e);var o='

    '+s+"

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

    '+u.articleTitle+"",u.hasUpdated&&(i+=""+Label.updatedLabel+""),u.articlePutTop&&(i+=""+Label.topArticleLabel+""),i+="

    "+u.articleAbstract+"

    "+'';var a=u.articleTags.split(",");for(var f=0;f'+a[f]+"",f '+' '+(u.articleCommentCount===0?Label.noCommentLabel:u.articleCommentCount)+' '+''+u.articleViewCount+"
    "}n.before(i).data("page",r),s.paginationPageCount<=r?n.remove():n.css("background","none #60829F").text(Label.moreLabel),$(window).resize(),$(".module img").imagesLoaded(function(){$(window).resize()})}})},toggleArchives:function(e,t){$(".nav-abs li").each(function(n){var r=$(this);r.hasClass("year")||(r.hide(),t===r.data("year")&&$(e).hasClass("close")&&r.show())}),$(".nav-abs li.year").each(function(){parseInt($(this).text())===t?$(e).hasClass("close")?e.className="year open":e.className="year close":this.className="year close"})}};(function(e,t){"use strict";var n="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";e.fn.imagesLoaded=function(r){function c(){var t=e(f),n=e(l);s&&(l.length?s.reject(u,t,n):s.resolve(u)),e.isFunction(r)&&r.call(i,u,t,n)}function h(e){p(e.target,e.type==="error")}function p(t,r){if(t.src===n||e.inArray(t,a)!==-1)return;a.push(t),r?l.push(t):f.push(t),e.data(t,"imagesLoaded",{isBroken:r,src:t.src}),o&&s.notifyWith(e(t),[r,u,e(f),e(l)]),u.length===a.length&&(setTimeout(c),u.unbind(".imagesLoaded",h))}var i=this,s=e.isFunction(e.Deferred)?e.Deferred():0,o=e.isFunction(s.notify),u=i.find("img").add(i.filter("img")),a=[],f=[],l=[];return e.isPlainObject(r)&&e.each(r,function(e,t){e==="callback"?r=t:s&&s[e](t)}),u.length?u.bind("load.imagesLoaded error.imagesLoaded",h).each(function(r,i){var s=i.src,o=e.data(i,"imagesLoaded");if(o&&o.src===s){p(i,o.isBroken);return}if(i.complete&&i.naturalWidth!==t){p(i,i.naturalWidth===0||i.naturalHeight===0);return}if(i.readyState||i.complete)i.src=n,i.src=s}):c(),s?s.promise(i):i}})(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(){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){$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])});$(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(){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){$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])}})});$(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()},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/toolers/1.min.js b/toolers/1.min.js new file mode 100644 index 0000000..b16ea75 Binary files /dev/null and b/toolers/1.min.js differ diff --git a/toolers/compress.js b/toolers/compress.js index 220364d..06b99ae 100644 --- a/toolers/compress.js +++ b/toolers/compress.js @@ -12,11 +12,11 @@ var getCompressFiles = function (root) { if (!stat.isDirectory()) { if (pathname.indexOf("mobile") < 0 && path.basename(pathname).indexOf(".min") < 0) { - if (path.dirname(pathname).indexOf("css") > -1) { + if (path.dirname(pathname).indexOf("css") > -1 && path.extname(pathname) === ".css") { res.push("css-" + pathname); } - if (path.dirname(pathname).indexOf("js") > -1) { + if (path.dirname(pathname).indexOf("js") > -1 && path.extname(pathname) === ".js") { res.push("js-" + pathname); } } 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}