Skip to content

Instantly share code, notes, and snippets.

@shino-kei
Last active October 30, 2018 08:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shino-kei/e792f8f70367ceb9a6f82e0548532675 to your computer and use it in GitHub Desktop.
Save shino-kei/e792f8f70367ceb9a6f82e0548532675 to your computer and use it in GitHub Desktop.
@charset "utf-8";
html{
counter-reset: chapter;
}
body {
padding:1em;
margin:auto;
max-width:60em;
background:#fefefe;
counter-reset: chapter;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 {
color: #000000;
font-size: 28px;
clear: right;
}
h1:before {
content: "▌" ;
color: #FF3205;
}
h2 {
border-bottom: 3px dashed #E89707;
background: #fff8ee;
margin-top:1em;
padding-top: 2px;
color: #000000;
font-size: 24px;
counter-increment: chapter;
counter-reset: section;
clear: right;
}
h2:before {
content: "▌" counter(chapter) ". ";
color: #E89707;
}
h3 {
font-size: 20px;
margin-top: 1em;
counter-increment: section;
counter-reset: subsection;
clear: right;
}
h3:before {
content: "▌" counter(chapter) "." counter(section) ". " ;
color: #87FF04;
}
h4 {
font-size: 15px;
padding-top: 5px;
counter-increment: subsection;
}
h4:before {
content: "▌" counter(chapter) "." counter(section) "." counter(subsection) ". ";
color: #78C8E6;
}
h5 {
font-size: 14px;
}
h6 {
color: #777777;
background-color: inherit;
font-size: 14px;
}
hr {
height: 0.2em;
border: 0;
color: #CCCCCC;
background-color: #CCCCCC;
}
p, blockquote, ul, ol, dl, li, table, pre {
margin: 12px 0;
}
code, pre {
border-radius: 3px;
background-color: #F8F8F8;
color: inherit;
}
code {
border: 1px solid #EAEAEA;
margin: 0 2px;
padding: 0 5px;
}
pre {
border: 1px solid #CCCCCC;
line-height: 1.00em;
overflow: auto;
padding: 6px 10px;
}
pre > code {
border: 0;
margin: 0;
padding: 0;
}
a, a:visited {
color: #4183C4;
background-color: inherit;
text-decoration: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment