はてな デザイン CSS

hatena.desing.css

/* <system section="theme" selected="alpha2"> */
@import "/css/theme/alpha2/alpha2.css";
/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

p, div {
    font-family: Georgia, Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
pre {
    font-family: Monaco, monospace !important;
}
pre.code {
    font-family: Monaco, monospace !important;
}

/*aside { outline: 2px solid yellow }*/
#container { width: 1250px; /*outline: 2px solid red*/ }
#wrapper { width: 1000px; /*outline: 2px solid lime*/ }
#main { width: 860px; /*outline: 2px solid navy*/ }
.entry-content { width: 860px; /*outline: 2px solid pink*/ }
.entry-content img { padding: 10px; border: 1px solid pink; box-shadow: 5px 5px 5px pink }

div.box {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: flexbox;
}
div.boxLeft {
    min-width: 50%;
}
div.boxRight {
    min-width: 50%;
}
pre.code {
    min-height: 50px;
}

div.flexbox {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: flexbox;
}
div.flexbox>pre.code:nth-of-type(1) {
    min-width: 50%;
}
div.flexbox>pre.code:nth-of-type(2) {
    min-width: 50%;
}

.gist div {
    background-color: #fff;
}
.gist .gist-file .gist-data {
    margin: 5px;
    padding: 5px;
}
.gist .gist-file .gist-data .highlight pre {
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}