atom-markdown用CSS

h1 {
  position: relative;
  font-size: 200%;
  font-size: bold;
  padding: 10px 20px;
  padding: 0 .4em .1em;
  font-weight: bold;
  background: linear-gradient(transparent 30%, #d7d7d7 80%);
}

h1::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #b6f0fc;
}

h2 {
  font-size: 150%;
  padding: 0.3em 0.3em;
  color: #494949;
  background: #f4f4f4;
  border-left: solid 4px #808080;
  border-bottom: solid 2px #d7d7d7;
  font-weight: bold;
}

h3 {
  font-size: 125%;
  padding: 0.3em 0.3em;
  color: #494949;
  background: #f4f4f4;
  border-left: solid 4px #d7d7d7;
  font-weight: bold;
  margin-left: 5px;
}

h4{
    font-size: 125%;
  font-weight: bold;
  color: #505050;
padding: 0.3em 0.8em 0.3em 0.3em;
display: inline-block;
line-height: 1.3;
background: #f4f4f4;
vertical-align: middle;
border-radius: 25px 0px 0px 25px;
}

h4:before {
content: '●';
color: #505050;
margin-right: 8px;
}

h5{
position: relative;
display: inline-block;
padding: 0 8px;
}

h5:before, h5:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 7px;
height: 1px;
background-color: #505050;
}

h5:before {left:0;}
h5:after {right: 0;}

h6 {
  font-size: 125%;
  font-weight: bold;
  text-decoration: underline;
}


ul{
  margin-left: inherit;
}

p code {
position: relative;
color: crimson;
background: white;
border: solid 1px #d7d7d7;
border-left: solid 4em #d7d7d7;
padding: 1em;
padding-left: 2em;
padding-right: 4em;
}
p code:before {
content: "NOTE";
position: absolute;
padding: 0em;
color: crimson;
font-weight: bold;
left: -3em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

pre code {
  position: relative;
  padding: 5px;
  font-size: 1em;
}

pre code::after {
  content: "code";
  position: absolute;
  top: -8px;
  left: 10px;
  background: #fff;
  font-size: 0.8em;
  color: #32508C;
  padding: 0 10px;
}