하이퍼링크 색깔변경
2010. 7. 9. 21:51ㆍIT/Blog
반응형
[CSS]
/* 포스트 */
.infor {width:/*@post-width:42=*/722px/*@*/; height:22px; padding-top:8px; }
.infor span, .infor span a {color:#444444; }
.infor .category {float:right; padding-top:2px; padding-left:16px; background:url(images/icon_category.gif) no-repeat 0px 3px; font:11px dotum;}
*:first-child+html .infor .category { background-position: 0 4px; }
.infor .date {padding-left:21px; background:url(images/icon_date.gif) no-repeat 8px 2px; font:11px tahoma; }
.titleWrap h2 a {
color:/*@post-title-color=*/#006ECC/*@*/;
font-size:/*@post-title-font-size=*/16px/*@*/;
line-height:1.3em;
font-family:/*@post-title-font-family=*/dotum/*@*/;
}
.entryNotice .article, .entryProtected .container, .entry .container {padding:10px 20px 17px 20px; }
.entry .admin {padding-bottom:14px; }
.entry .admin, .entry .admin a {color:#8a8a8a; font:12px/18px dotum; }
.article {
width:/*@post-width=*/680px/*@*/;
color:/*@post-body-color=*/#444444/*@*/;
font-size:/*@post-body-font-size=*/12px/*@*/;
font-family:/*@post-body-font-family=*/dotum/*@*/;
word-break:break-all;
word-wrap:break-word;
overflow:hidden;
}
.entry .article a {color:#005a84; text-decoration:underline; } -> 하이라이트된 부분 색깔 변경
/* more / less */
.moreless_fold, .moreless_top, .moreless_bottom {
padding-left:18px;
text-decoration:underline;
}
.moreless_fold { /* 열기 */
background:url(images/iconMore.gif) no-repeat left top;
/* 포스트 */
.infor {width:/*@post-width:42=*/722px/*@*/; height:22px; padding-top:8px; }
.infor span, .infor span a {color:#444444; }
.infor .category {float:right; padding-top:2px; padding-left:16px; background:url(images/icon_category.gif) no-repeat 0px 3px; font:11px dotum;}
*:first-child+html .infor .category { background-position: 0 4px; }
.infor .date {padding-left:21px; background:url(images/icon_date.gif) no-repeat 8px 2px; font:11px tahoma; }
.titleWrap h2 a {
color:/*@post-title-color=*/#006ECC/*@*/;
font-size:/*@post-title-font-size=*/16px/*@*/;
line-height:1.3em;
font-family:/*@post-title-font-family=*/dotum/*@*/;
}
.entryNotice .article, .entryProtected .container, .entry .container {padding:10px 20px 17px 20px; }
.entry .admin {padding-bottom:14px; }
.entry .admin, .entry .admin a {color:#8a8a8a; font:12px/18px dotum; }
.article {
width:/*@post-width=*/680px/*@*/;
color:/*@post-body-color=*/#444444/*@*/;
font-size:/*@post-body-font-size=*/12px/*@*/;
font-family:/*@post-body-font-family=*/dotum/*@*/;
word-break:break-all;
word-wrap:break-word;
overflow:hidden;
}
.entry .article a {color:#005a84; text-decoration:underline; } -> 하이라이트된 부분 색깔 변경
/* more / less */
.moreless_fold, .moreless_top, .moreless_bottom {
padding-left:18px;
text-decoration:underline;
}
.moreless_fold { /* 열기 */
background:url(images/iconMore.gif) no-repeat left top;
반응형
'IT > Blog' 카테고리의 다른 글
[HTML] 이미지로 링크하기 (0) | 2010.09.04 |
---|---|
본문제목 편집 1 - 왼편으로 이동 (0) | 2010.07.08 |