Skip to content

Instantly share code, notes, and snippets.

@gujiaxi
Created July 13, 2017 03:59
Show Gist options
  • Save gujiaxi/a0e91fec0d3456befa737c2e65c12708 to your computer and use it in GitHub Desktop.
Save gujiaxi/a0e91fec0d3456befa737c2e65c12708 to your computer and use it in GitHub Desktop.
Minimal style for html exported from orgmode.
html {
font-family: sans-serif;
font-size: 16px;
line-height: 1.15;
}
body {
width: 95%;
margin: 2%;
font: sans-serif;
line-height: 1.5em;
}
@media (min-width:769px) {
body {
width: 800px;
margin: auto;
}
}
/* codeblock */
pre {
background-color: #f7f7f7;
font-family: monospace;
padding: 10pt;
font-size: 95%;
overflow: auto;
word-wrap: normal;
.src {
overflow: auto;
padding-top: 1.2em;
position: relative;
}
}
/* code and kbd */
code {
padding: 2px 5px;
margin: auto 1px;
border-radius: 1px;
background-color: #f0f0f0;
}
kbd {
background-color: #f7f7f7;
font-size: 80%;
margin: 0 .1em;
padding: .1em .6em;
}
/* links */
a {
color: #527d9a;
text-decoration: none;
}
a:hover {
color: #035;
border-bottom: 1px dotted;
}
/* imgage */
img {
max-width: 95%;
vertical-align: middle;
}
/* table */
table {
margin: auto;
border-top: 2px solid;
border-collapse: collapse;
}
/* preamble and postamble */
#preamble {
margin-top: 2em;
}
#postamble {
border-top: 1px solid #a9a9a9;
font-style: italic;
color: #808080;
font-size: 80%;
margin-top: 4px;
padding: 4px;
}
/* blockquote */
blockquote {
color: grey;
margin: 1em 1em;
padding-left: 1em;
border-left: 3px solid #ccc;
}
/* tag */
.tag {
font-family: monospace;
font-size: 70%;
font-weight: 400;
}
.tag span {
padding: 0 5px;
float: right;
margin-right: 5px;
border: 1px solid #bbb;
border-radius: 3px;
background-clip: padding-box;
color: #333;
background-color: #eee;
line-height: 1.6;
}
/* priority */
.priority {
color: orange;
font-family: monospace;
}
/* todo and done */
.done, .todo {
color: #fff;
border-radius: 3px;
background-clip: padding-box;
font-size: 80%;
font-family: monospace;
}
.todo {
background-color: red;
padding: 2px;
}
.done {
background-color: green;
padding: 3px;
}
/* timestamp */
.timestamp {
color: #bebebe;
font-size: 90%;
}
/* footnote */
#footnotes {
font-size: 95%;
}
.footpara {
display: inline;
margin-left: .3em;
}
/* underline */
.underline {
text-decoration: underline;
}
/* verse */
p.verse {
font-family: serif;
font-style: italic;
padding: .8em;
border: 1px dashed grey;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment