CSS for Noverse Letterhead

Noverse.css

body {
  -webkit-font-smoothing:antialiased;
	font:normal .8764em/1.5em HelveticaNeue-Light,Helvetica,Arial,sans-serif;
	margin:0;
}

html > body {
	font-size:1em;
	padding:1em;
}

body,p,td,div {
	color:#000;
	font-family:"HelveticaNeue-Light",Helvetica,Arial,sans-serif;
	word-wrap:break-word;
}

p {
	font-size:.875em;
	line-height:1.4em;
	margin:.6563em 0 0;
}

h1 {
	color:#000;
	font-size:2em;
	font-weight:400;
/* 	line-height: .6563em; */
	margin:.6563em 0 0;
}

h2 {
	color:#111;
	font-weight:700;
	font-size:1.2em;
/* 	line-height:.875em; */
	margin:.875em 0;
}

h3 {
	color:#111;
	font-weight:400;
	font-size:1.1em;
	line-height:1em;
	margin:1em 0;
}

/*
h4 {
	color:#111;
	font-size:1.2857em;
	line-height:1.1667em;
	margin:1.1667em 0;
}
*/
/*
h5 {
	color:#111;
	font-size:1.15em;
	line-height:1.3em;
	margin:1.3em 0;
}
*/
/*
h6 {
	font-size:1em;
	line-height:1.5em;
	margin:1.5em 0;
}
*/
ul {
	font-size:.875em;
}

ul ul {
	font-size:100%;
	line-height:1.25em;
}

li li ul,li li ol {
/* 	color: red; */
	margin-top:.4em;
	margin-bottom:.4em;
}

ul ul,ul ol {
	margin-bottom:.4em;
}

li {
/* 	font-size: 0.875em; */
}

li li {
/* 	font-size: 0.875em; */
}

li p {
/* 	font-size: 0.875em; */
/* 	color:green; */
	text-indent:-2em;
	margin:.5em 2em;
}

li > p:first-child {
/* 	color:red; */
	text-indent:0;
	margin:.5em 0;
}

/*
li p:first-child {
  color: red;
	margin: 0.5em 0;
}
*/
pre {
	font-family:Menlo,monospace;
	white-space:pre-wrap;
	width:96%;
	margin-bottom:24px;
	overflow:hidden;
	padding:3px 10px;
	-webkit-border-radius:3px;
	background-color:#eee;
	border:1px solid #ddd;
}

code {
	font-family:Menlo,monospace;
	white-space:nowrap;
	font-size:.875em;
	padding:2px;
	-webkit-border-radius:3px;
	background-color:#eee;
	border:1px solid #ddd;
}

pre code {
	white-space:pre-wrap;
	border:none;
	padding:0;
	background-color:transparent;
	-webkit-border-radius:0;
}

blockquote {
	margin-left:0;
	margin-right:0;
	width:96%;
	padding:.25em 1em;
	border-left:3px solid #999;
	color:#777;
/*     background-color: #ebeaea; */
	background-color:#eee;
}

a {
	-webkit-transition:color .2s ease-in-out;
	color:#0d6ea1;
	text-decoration:none;
}

a:hover {
	color:#3593d9;
}

.footnote {
	color:#0d6ea1;
	font-size:.8em;
	vertical-align:super;
}

#wrapper img {
	max-width:100%;
	height:auto;
}

dd {
	margin-bottom:1em;
}

caption,col,colgroup,table,tbody,td,tfoot,th,thead,tr {
	border-spacing:0;
}

table {
/* 	border: 1px solid rgba(0,0,0,0.25); */
/* 	border-collapse: collapse; */
	display:table;
	empty-cells:hide;
/* 	margin: -1px 0 23px; */
	padding:0;
	table-layout:fixed;
}

caption {
	display:table-caption;
	font-weight:700;
}

col {
	display:table-column;
}

colgroup {
	display:table-column-group;
}

tbody {
	display:table-row-group;
}

tfoot {
	display:table-footer-group;
}

thead {
	display:table-header-group;
}

td,th {
	display:table-cell;
}

tr {
	display:table-row;
}

table th,table td {
	font-size:.875em;
	line-height:23px;
	padding:0 1em 0 0;
}

table thead {
/* 	background:rgba(0,0,0,0.15); */
/* 	border:1px solid rgba(0,0,0,0.15); */
/* 	border-bottom:1px solid rgba(0,0,0,0.2); */
}

table tbody {
/* 	background:rgba(0,0,0,0.05); */
}

table tfoot {
/*
	background:rgba(0,0,0,0.15);
	border:1px solid rgba(0,0,0,0.15);
	border-top:1px solid rgba(0,0,0,0.2);
*/
}

table tr:nth-child(odd),table th:nth-child(odd),table td:nth-child(odd) {
/* 	background:rgba(255,255,255,0.06); */
}

table tr:nth-child(even),table td:nth-child(even) {
/* 	background:rgba(0,0,0,0.06); */
}

figure {
	display:inline-block;
/* 	margin-bottom: 1em; */
	position:relative;
	margin:1em 0;
}

figcaption {
	font-style:italic;
	font-size:.75em;
	text-align:center;
/* 	background: rgba(224,221,221,0.15); */
	color:rgba(17,17,17,1);
	position:absolute;
	left:0;
	bottom:-24px;
	width:98%;
	padding:1%;
	-webkit-transition:all .2s ease-in-out;
}

/*
.poetry pre {
	display:block;
	font-family:Georgia,Garamond,serif!important;
	font-size:110%!important;
	font-style:italic;
	line-height:1.6em;
	margin-left:1em;
}
*/
/*
.poetry pre code {
	font-family:Georgia,Garamond,serif!important;
}
*/
blockquote p {
	font-size:100%;
	font-style:italic;
	line-height:1.4em;
	margin-bottom:.6563em;
}

sup,sub,a.footnote {
	font-size:1.4ex;
	height:0;
	line-height:1em;
	position:relative;
	vertical-align:super;
}

sub {
	vertical-align:sub;
	top:-1px;
}

dt,th {
	font-weight:700;
}

.light {
  color: #666;
}

@media print {
	body {
		overflow: auto;
	}
	
	img,pre,blockquote,table,figure,p {
		page-break-inside: avoid;
	}
	
	#wrapper {
		background: #fff;
		color: #303030;
    font-size: 85%;
    line-height: 1.25em;
		padding: 2.0em;
		position: relative;
		text-indent: 0;
	}
}

@media screen {
	.inverted #wrapper,.inverted {
		background:rgba(37,42,42,1);
	}
	
	.inverted hr {
		border-color:rgba(51,63,64,1)!important;
	}
	
	.inverted p,.inverted td,.inverted li,.inverted h1,.inverted h2,.inverted h3,.inverted h4,.inverted h5,.inverted h6,.inverted pre,.inverted code,.inverted th,.inverted .math,.inverted caption,.inverted dd,.inverted dt {
		color:#eee!important;
	}
	
	.inverted table tr:nth-child(odd),.inverted table th:nth-child(odd),.inverted table td:nth-child(odd) {
		background:0;
	}
	
	.inverted a {
		color:rgba(172,209,213,1);
	}
	
	#wrapper {
		padding:20px;
	}
	
	::selection {
		background:rgba(157,193,200,.5);
	}
	
	h1::selection {
		background-color:rgba(45,156,208,.3);
	}
	
	h2::selection {
		background-color:rgba(90,182,224,.3);
	}
	
	h3::selection,h4::selection,h5::selection,h6::selection,li::selection,ol::selection {
		background-color:rgba(133,201,232,.3);
	}
	
	code::selection {
		background-color:rgba(0,0,0,.7);
		color:#eee;
	}
	
	code span::selection {
		background-color:rgba(0,0,0,.7)!important;
		color:#eee!important;
	}
	
	a::selection {
		background-color:rgba(255,230,102,.2);
	}
	
	.inverted a::selection {
		background-color:rgba(255,230,102,.6);
	}
	
	td::selection,th::selection,caption::selection {
		background-color:rgba(180,237,95,.5);
	}
}