org-style.css

/**
* This stylesheet will work pretty well with a regular Org Mode HTML export.
* However, you do have to turn off all of the defaults:
*
* (setq org-export-html-style-include-scripts nil
* org-export-html-style-include-default nil)
*
* and insert a call to the stylesheet:
*
* (setq org-export-html-style
* "<link rel=\"stylesheet\" type=\"text/css\" href=\"org-style.css\" />")
*/
 
/* @group Fonts */
 
* {
font-family: "Georgia";
}
 
h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-family: "Arial";
}
 
pre {
font-family: Monaco, "Courier New", Courier;
}
 
#text-table-of-contents a {
font-family: "Arial";
}
 
/* @end */
 
/* @group Baseline */
body {
font-size: 14px;
line-height: 1.5em;
padding: 0;
margin: 0;
}
h1 {
margin: 0;
font-size: 1.6666666666666667em;
line-height: 0.9em;
margin-bottom: 0.9em;
}
h2 {
margin: 0;
font-size: 1.5em;
line-height: 1em;
margin-bottom: 1em;
}
h3 {
margin: 0;
font-size: 1.3333333333333333em;
line-height: 1.125em;
margin-bottom: 1.125em;
}
h4 {
margin: 0;
font-size: 1.1666666666666667em;
line-height: 1.2857142857142858em;
margin-bottom: 1.2857142857142858em;
}
p, ul, blockquote, pre, td, th, label {
margin: 0;
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
p.small, #postamble {
margin: 0;
font-size: 0.8333333333333334em;
line-height: 1.8em;
margin-bottom: 1.8em;
}
table {
border-collapse: collapse;
margin-bottom: 1.5em;
}
/* @end */
 
/* @group Layout */
 
#content {
width: 70em;
margin-left: auto;
margin-right: auto;
}
 
/* #header {
height: 10em;
}
*/
 
#table-of-contents {
width: 15em;
float: center;
overflow: auto;
visibility:hidden;
}
 
/* #main { */
div.outline-2 {
width: 52em;
float: centerx;
/* The lines below are useful if the "main" div isn't available and
div.outline-2 has to be used. */
position: relative;
}
 
#postamble {
clear: both;
text-align: center;
}
 
div.outline-2 pre {
width: 40em;
overflow: auto;
}
 
/* @end */
 
/* @group Header */
 
h1.title {
margin-top: 10px;
text-align: center;
}
 
h1.title {
font-size: 4em;
font-weight: bold;
letter-spacing: -0.1em;
margin-bottom: 0.2em;
}
 
/* @end */
 
/* @group Org Keywords */
 
.todo {
color: red;
}
 
.done {
color: green;
}
 
.tag {
color: blue;
text-transform: lowercase;
/* This will be obscured by the surrounding span tag, so blank everything. */
background: #fff;
border: none;
/* position: relative;
text-align: right;
right: 1em; */
}
 
.timestamp {
}
 
.timestamp-kwd {
/* keyword associated with a time stamp, like SCHEDULED */
}
 
.target {
/* target for links */
}
 
/* @end */
 
/* @group Table of Contents */
 
#table-of-contents h2 {
letter-spacing: -0.1em;
}
 
#table-of-contents ul,
#table-of-contents ol {
padding-left: 1em;
}
 
/* @end */
 
/* @group Outline Level 2 */
 
.outline-2 h2 {
background: #ffc;
border-bottom: 1px solid #ccc;
}
 
.outline-2 h2, .outline-2 h3 {
letter-spacing: -0.05em;
}
 
.outline-2 {
padding: 5px;
/* margin-bottom: 10px; */
/* border-top: 1px solid #ccc; */
}
 
/* @end */
 
td {
border: 1px solid #ccc;
}
 
 
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
background-color: #eee;
padding: 2px;
border: 1px solid #ccc;
}
 
.outline-1, .outline-2, .outline-3, .outline-4, .outline-5, .outline-6 {
margin-left: 2em;
}
 
a {
text-decoration: none;
color: #57d; /* TODO: Find a better colour for this. */
}
 
a:hover {
border-bottom: 1px dotted #57d;
}
 
#postamble p {
margin: 0px;
}