Blank?=False

ゆるゆる仕事したいフリーランスエンジニアの記事

はてなブログの引用スタイルを変えよう!

どうもこんばんわ。
ブログの引用スタイルを変えてみました。

引用文
引用文
引用文



以下の記事を参考に、自分の好みにちょっと調整しました。 www.keni-customize.net

CSS

blockquote:before{
    content: "“";
    font-size: 400%;
    line-height: 1em;
    font-family: serif;
    color: #999;
    position: absolute;
    left: 0;
    top: 0;
}
 
blockquote p{
    font-weight: bolder;
}

.entry-content blockquote p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

blockquote:after{
    content: "”";
    font-size: 400%;
    line-height: 0em;
    font-family: serif;
    color: #999;
    position: absolute;
    right: 0;
    bottom: 0;
}