Skip to content

Instantly share code, notes, and snippets.

@njm2112
Forked from hiltmon/Noverse.css
Created Jun 30, 2018
Embed
What would you like to do?
CSS for Noverse Letterhead
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);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment