Update CSS

This fixes the wierd lines which were appearing under code.
Taken from hakyll author's blog.

Signed-off-by: Sanchayan Maity <maitysanchayan@gmail.com>
This commit is contained in:
Sanchayan Maity 2019-01-16 21:50:23 +05:30
parent 659d02b69f
commit da70b5c067

View file

@ -37,6 +37,12 @@ a {
border-bottom: 1px solid #555;
}
/* Pandoc 2 puts 'a' elements inside code blocks for linking to lines. We don't
* want to underline those. */
code a {
border-bottom: none;
}
div.figure a{
border: none;
}
@ -58,20 +64,19 @@ a img {
}
pre {
font-size: 14px;
margin-left: 18px;
overflow: auto;
}
pre code {
background-color: transparent;
padding: 0px;
margin: 0px;
color: #333;
font-size: 14px;
margin: 0px;
padding: 0px;
}
code {
font-size: 14px;
color: #408090;
}
@ -102,7 +107,17 @@ blockquote {
padding: 6px 6px 6px 54px;
}
.soft, .caption {
hr {
border: none;
margin: 36px auto 36px auto;
text-align: center;
}
hr:after {
content: "\002217 \002217 \002217";
}
span.soft, figcaption {
font-style: italic;
color: #555;
}
@ -115,35 +130,40 @@ div.figure p {
margin-top: 6px;
}
a.footnoteRef {
a.footnote-ref {
border: none;
}
a.footnoteRef sup:before {
a.footnote-ref sup:before {
content: "(";
}
a.footnoteRef sup:after {
a.footnote-ref sup:after {
content: ")";
}
a.footnoteRef sup {
a.footnote-ref sup {
padding: 2px;
}
div.footnotes:before {
a.footnote-back {
border: none;
padding: 0px 6px 0px 6px;
}
section.footnotes:before {
content: "Footnotes";
font-size: 18px;
padding-left: 18px;
}
div.footnotes {
section.footnotes {
border-left: 1px dashed #555;
color: #555;
margin-top: 36px;
}
div.footnotes hr {
section.footnotes hr {
display: none;
}