Markdown用のLess

Markdown_Theme.less

// @import{
//     src:url('http://www4.hs-sh.net/study/default.css');
// }
// @import{
//     src:url('http://www4.hs-sh.net/study/dark.css');
// }

// * {
//     font-family: "MigMix 1M", "sans-serif";
// }

markdown-preview-plus-view:not([data-use-github-style]){
    @font-face{
        font-family: "M+ 1mn light";
        src:local("M+ 1mn light");
        src: url('http://mplus-fonts.sourceforge.jp/webfonts/mplus-1mn-light.ttf') format("truetype");
    }

    @font-face{
        font-family: "P";
        font-weight: normal;
        src:local("sans-serif");
        src:local("メイリオ");
        src:local("IPA Pゴシック");
        src:url('http://mplus-fonts.sourceforge.jp/webfonts/mplus-1p-regular.ttf') format("truetype");
        src:local("Hiragino Kaku Gothic Pro");
        src:local("ヒラギノ角ゴ Pro");
        src:local("MigMix 1P");
    }
    @font-face{
        font-family: "P";
        font-weight: bold;
        src:local("sans-serif");
        src:local("メイリオ");
        src:local("IPA Pゴシック");
        src:url('http://mplus-fonts.sourceforge.jp/webfonts/mplus-1p-regular.ttf') format("truetype");
        src:local("Hiragino Kaku Gothic Pro");
        src:local("ヒラギノ角ゴ Pro");
        src:local("MigMix 1P");
    }
    @font-face{
        font-family: "M";
        font-weight: regular;
        src:local("sans-serif");
        src:local("ＭＳゴシック");
        src:local("IPAゴシック");
        src:url('http://mplus-fonts.sourceforge.jp/webfonts/mplus-1m-regular.ttf') format("truetype");
        src:local("Hiragino Kaku Gothic Pro");
        src:local("ヒラギノ角ゴ Pro");
        src:local("MigMix 1M");
    }
    @font-face{
        font-family: "M";
        font-weight: bold;
        src:local("sans-serif");
        src:local("ＭＳゴシック");
        src:local("IPAゴシック");
        src:url('http://mplus-fonts.sourceforge.jp/webfonts/mplus-1m-bold.ttf') format("truetype");
        src:local("Hiragino Kaku Gothic Pro");
        src:local("ヒラギノ角ゴ Pro");
        src:local("MigMix 1M");
    }

    * {
        font-family: "M";
        // font-size: 1.05em;
    }

    hr{
        border-top: 2px dashed #666;
        background-color: #fff;
        height: 0px;
    }
    code, li code, pre.editor-colors {
        font-family: "M";
    }
    b{
        font-family: "P";
        font-weight: bold;
    }
    // a{
    //     border: 2px dashed #0FF;
    //     background-color: #168;
    //     height: 0px;
    // }
    a {
        border: 2px solid #0BB;
        padding: 2px 4px;
        font-size: 90%;
        // color: #fff;
        // background-color: #16B;
        color: #16B;
        font-weight: bold;
        background-color: #FaFaFa;
        border-radius: 3px;
    }
    kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #d9dbde;
        background-color: #27292c;
        border-radius: 3px;
    }
    /*    code, code, tt, pre.editor-colors, pre{
    font-family: "MigMix 1M","IPAゴシック","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","MS ゴシック",monospace;
    }*/
    table {
        border-spacing: 0px;
    }
    mark{
        font-style:normal;
        color:#CFBD13;
        background-color: inherit
    }
    strong{
        color:#CE6643;
        font-style:normal;
        font-weight: bold;
    }
    em {
        color:#499F00;
        font-style:normal;
        font-weight: bold;
    }
    strong em, em strong{
        font-weight: bold;
        color:#BE2633;
    }
    h1{
        font-family: "M+ 1mn light","P";
        font-weight: 300;
        font-size:2.5em;
        color: #973F0F;
    }
    h2{
        font-family: "M+ 1mn light","P";
        font-size:1.5em;
        color:#809F2F;
    }
    h3{
        font-family: "M+ 1mn light","P";
        font-size:1.1em;
    }
    h4{
        font-family: "M+ 1mn light","P";
        font-size:1em;
    }
    blockquote{
        color: #000;
        background-color:#ddd;
        padding:0.5em 0.5em 0.5em 1.5em;
        position:relative;
        border-left:3px solid #999;
        border-top-right-radius: 1em;
        border-bottom-right-radius: 1em;
        font-size: 1em;
        blockquote{
            background-color:#ccc;
            blockquote{
                background-color:#bbb;
                blockquote{
                    background-color:#aaa;
                }
            }
        }
    }
    blockquote:before{
        content:"“";
        font-size:250%;
        line-height:1em;
        font-family: "MigMix 1M","ＭＳゴシック",sans-serif;
        position:absolute;
        left:0;
        top:0;
    }

    // Dark Theme
    background-color: #222;
    color: #ECECEC;
    table {
        thead {
            td, th {
                background-color: #2B2E31;
            }
        }
        tbody{
            td, th {
                background-color: #2d2d2d;
            }
        }
        thead, tbody {
            td, th {
                border-color: #666;
            }
        }
    }
    blockquote{
        color: #FFF;
        background-color:#333;
        border-left:3px solid #999;
        blockquote{
            background-color:#444;
            blockquote{
                background-color:#555;
                blockquote{
                    background-color:#666;
                }
            }
        }
    }
    blockquote:before{
        color:#999;
    }
    hr{
        background-color: #222;
    }
    h1{
        //color:rgb(215, 126, 69);
        color:rgb(187, 122, 45);
        //color:#973F0F;
    }
    h2{
        color::#5c9829;
    }
    code, pre, {
        color:#DDD;
        background-color: #222;
    }
    strong{
        color:#CE6643;
    }
    em {
        color:#809F2F;
    }
    strong em, em strong{
        color:#BE2633;
    }

    @media print{
        background-color: #fff;
        color: #000;

        hr{
            border-top: 2px dashed #666;
            background-color: #fff;
        }

        mark{
            color:#CFBD13;
        }
        strong{
            color:#CE6643;
        }

        em {
            color:#499F00;
        }

        strong em, em strong{
            color:#BE2633;
        }

        h1{
            color: #973F0F;
        }

        h2{
            color:#809F2F;
        }

        blockquote{
            color: #000;
            background-color:#ddd;
            border-left:3px solid #999;
            blockquote{
                background-color:#ccc;
                blockquote{
                    background-color:#bbb;
                    blockquote{
                        background-color:#aaa;
                    }
                }
            }
        }
    }
    .vertically{
        p {
            display: inline-block;
            line-height: 1;
            margin: 0;
            overflow: hidden;
        }
        span {
            color: #fff;
            float: right;
            // font-size: 24px;
            margin: 0 0 0 0.5em;
            text-align: center;
            text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
            width: 1em;
            word-break: break-all;
            word-wrap: break-word;
        }
        span:nth-child(2) {
            margin-top: 0.75em;
        }
        span:nth-child(3) {
            margin-left: 1.5em;
            margin-top: 1.5em;
        }
        span:nth-child(4) {
            margin-top: 1.5em;
        }
        span:nth-child(5) {
            margin-top: 2.25em;
        }
        span:last-child {
            margin-left: 0;
        }
    }
}