21'C 흐림
서울 강남구
위의 이미지처럼 웹진 게시물에 롤오버 기능 구현입니다.(너무너무 간단하지요!)
혹 모르시는분들을 위해..
apms-basic/list/webzine/list.css
수정사항(1차 수정했어요!)
/* List */
.list-media {margin:0;}
.list-item {padding:15px 3px; border-bottom:1px solid #eee; margin:2px; }
.list-item:hover,
.list-item:focus,
.list-item:active {outline:3px solid rgb(142, 196, 73);}
.list-item .label-tack { padding-left:10px; }
.list-item .img-left { margin-right:15px; }
.list-item .img-right { margin-left:15px; }
.list-item h2.media-heading { display:block; font-size:16px; line-height:22px; margin:0px; padding:0px 0px 4px; }
.list-item .list-details { margin-top:6px; padding:6px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-item .list-cont { margin-top:8px; padding:0; line-height:20px; }
.list-item .list-sp { margin:0 7px; color:#ddd; font-size:11px; }
조금 부족한 부분이 있어 댓글 참고해서 수정했어요! 깔끔하게 될거에요!
수정부분 빨강색 표시했어요!
(자신에게 맞게끔 쓰시면 될듯 해요!)