<blockquote> 태그 스타일 일부 수정

이제 <blockquote> 말풍선 스타일의 따옴표가 상황에 따라 좌, 우로 표시됨.

그동안은 앞뒤가 똑같은 전화번호~ 의 느낌이였다면, 이제부터는 마치 꽉찬 B컵의 볼륨감이 느껴질 것임.

hello world!

this is test message.

-프롤로그

"김박사, 실험 성공이야!"

"예상대로 마이크로 블랙홀이 생성되었군! 이제 노벨상도 꿈이 아니야!"

"그렇네. 다음 실험을 할 수 있는 장치가 자네 조국인 대한민국의 서울에 있다지?"

"아현동 비밀 지하 실험실에 삼만 테라 볼트 급 타키온 검출 장치가 있네."

"하지만 불안정한 블랙홀을 어떻게 한국까지 가져갈 수 있을지... 아쉽지만 실험은 여기서 끝인가..."

"걱정말게! 내 우리측 요원을 부르지."

"아현 웜홀 작전" 수행 중인 요원이 찍힌 사진. 그가 어떻게 블랙홀을 운반할 수 있었는지는 아직까지 1급 기밀로 일반에 공개되지 않고 있다.

function blockquote() { //blockquote bubble style $('blockquote').after('<div style="clear:both; margin-top:-1em;"></div>'); $('blockquote:not(".otherquote")').prepend('<div style="border:1px solid silver; width: 16px; height: 16px; position: absolute; margin:1em 0 0 -53px; background:#fff;"><span style="font-family: Trebuchet MS;font-size:30px; margin:4px 0 0 0;position: absolute;">“</span><div style="border-color:transparent silver transparent transparent; width: 0; height: 0; position: absolute; border-width: 1ex 1.7ex 1ex; border-style: solid; margin: 0 0 0 17px;"></div><div style="border-color:transparent #fff transparent transparent; width: 0; height: 0; position: absolute; border-width: 1ex 1.7ex 1ex; border-style: solid; margin: 0 0 0 18px;"></div></div>').css({'background':'#ffffff'}); $('blockquote[class~="otherquote"]').before('<div style="border:1px solid silver; width: 16px; height: 16px; float:right; margin:2em 0 -4em; background:#f0f0f0;"><span style="font-family: Trebuchet MS;font-size:30px; margin:4px 0 0 0;position: absolute;">”</span><div style="border-color:transparent transparent transparent silver; width: 0; height: 0; position: absolute; border-width: 1ex 1.7ex 1ex; border-style: solid; margin: 0 0 0 -23px;"></div><div style="border-color:transparent transparent transparent #f0f0f0; width: 0; height: 0; position: absolute; border-width: 1ex 1.7ex 1ex; border-style: solid; margin: 0 0 0 -24px;"></div></div>').css({'background':'#f0f0f0'}); }

끝.