NotePoi Style Sheet

asciidoc.css

body{
    font-family: 'UD デジタル 教科書体 NP-R', '游ゴシック', serif;
    padding: 0 4em;
    max-width: 840px;
    margin: 0 auto;
    font-size: 15px;
}

/* 見出し */
h1,h3,h4,h5,h6{
    margin-bottom: 0;
}
h2,h3,h4,h5,h6{
    margin-top: 1em;
}
#header{
    border-bottom: 1px solid lightgrey;
}
h2{
    margin-bottom: 0.5em;
    padding: 0.2em 0 0.1em 0.5em ;
    border-left: solid 4px darkred;
}
h3{
    font-size: large;
    font-weight: bold;
}
h4:before{
    content: "【";
}
h4:after{
    content: "】";
}
.sectionbody{
    margin: 0;
}
.sect1 > div:last-of-type, .sect2 > div:last-of-type{
    margin-bottom: 2.5em;
}


details{
    margin: 1.0em 0;
}

/* 段落 */
p{
    line-height: 1.75;
    margin: 1.75em 0;
}
p:first-child{
    margin-top: 0;
}
li > p:last-of-type{
    margin: 0;
    line-height: initial;
}
li{
    margin: 0.5em 0;
}


table{
    border-collapse: collapse;
}
.bordered td{
    border: 1px solid gray;
}


hr{
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, #f0f0f000, #8c8b8b, #f0f0f000);
    background-image: -moz-linear-gradient(left, #f0f0f000, #8c8b8b, #f0f0f000);
    background-image: -ms-linear-gradient(left, #f0f0f000, #8c8b8b, #f0f0f000);
    background-image: -o-linear-gradient(left, #f0f0f000, #8c8b8b, #f0f0f000); 
    margin: 2em 0;
}

div#toc{
    width: fit-content;
    border: 1px solid gray;
    border-left: 4px solid gray;
    padding: 0.5em;
    margin: 1em 0;
}
#toc > ul{
    padding-left: 1.5em;
}
#toc a{
    text-decoration: none;
}
#toc a:hover{
    text-decoration: underline;
}


@media screen and (max-width: 480px){
    body{
        padding: 0 1.25em;
    }
    ul{
        padding-left: 1em;
    }
    li{
        margin: 0.5em 0;
    }
}



.centerText{
    text-align: center;
}
.centerText li{
    display: inline;
}

.racesText{
    text-align: center;
}
.racesText p{
    line-height: 3em;
}
.racesText ul{
    padding-left: 0;
}
.racesText li{
    display: inline;
    margin: 0 0.5em;
}

.prologueSection {
    color: white;
    background-color: black;
    margin: 0 -2em;
    padding: 1em 2em;
}
.redColor{
    color: red;
}

markdown.css

body{
    font-family: 'UD デジタル 教科書体 NP-R', '游ゴシック', serif;
    padding: 0 4em;
    max-width: 840px;
    margin: 0 auto;
    font-size: 15px;
}
h1,h3,h4,h5,h6{
    margin-bottom: 0;
}
h1+h2,h2+h2,h2+h3,h3+h3,h3+h4,h4+h4,h4+h5{
    margin-top: 1.0em;
}
h1{
    margin-bottom: 0.5em;
}
h2{
    margin-top: 2.0em;
    margin-bottom: 0.5em;
    padding-left: 0.5em;
    border-left: solid 4px chocolate;
}
h3{
    font-size: large;
    margin-top: 2.0em;
    font-weight: bold;
}
h4,h5{
    margin-top: 1.0em;
}
h4:before{
    content: "【";
}
h4:after{
    content: "】";
}
details{
    margin: 1.0em 0;
}

h1+p,h2+p,h3+p,h4+p,h5+p,h6+p{
    margin-top: 0.0rem;
}
p{
    line-height: 1.75;
    margin: 1.75em 0;
}
pre, blockquote{
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}