Skip to content

Instantly share code, notes, and snippets.

@jamesdlacroix
Last active August 29, 2015 14:16
Show Gist options
  • Save jamesdlacroix/d574d925c157114c2d7c to your computer and use it in GitHub Desktop.
Save jamesdlacroix/d574d925c157114c2d7c to your computer and use it in GitHub Desktop.
Modified stylesheet for exporting markdown proposals from Marked. For more information, check out the blog post on how we are using this to streamline our proposal writing. http://www.lacroixdesign.net/blog/streamlining-our-proposal-writing-process/
/*
This document has been created with Marked.app <http://markedapp.com>, Copyright 2011 Brett Terpstra
Please leave this notice in place, along with any additional credits below.
---------------------------------------------------------------
Title: LaCroix Design Co. Proposal
Author: James LaCroix — www.LaCroixDesign.net
Description: Styles for outputting proposals to PDF using Marked.
*/
body {
margin: 0;
font: normal 0.8764em/1.5em "Mercury Text G2", Georgia, Cambria, "Times New Roman", Times, serif;
-webkit-font-smoothing:antialiased;
}
html > body {
font-size: 13px;
}
li {
font-size: 110%;
}
li li {
font-size: 100%;
}
li p {
margin: .5em 0;
font-size: 100%;
}
h1 {
margin: 0.6563em 0;
color: #000;
text-transform: uppercase;
font-size: 2.2857em;
line-height: 0.6563em;
}
h2 {
margin: 0.875em 0;
color: #111;
text-transform: uppercase;
font-size: 1.7143em;
line-height: 0.875em;
}
h3 {
margin: 1em 0;
color: #111;
font-size: 1.5em;
line-height: 1em;
}
h4 {
margin: 1.1667em 0;
color: #111;
font-size: 1.2857em;
line-height: 1.1667em;
}
h5 {
margin: 1.3em 0;
color: #111;
font-size: 1.15em;
line-height: 1.3em;
}
h6 {
margin: 1.5em 0;
font-size: 1em;
line-height: 1.5em;
}
body, p, td, div {
color: #111;
word-wrap: break-word;
font-family: "Mercury Text G2", Georgia, Cambria, "Times New Roman", Times, serif;
}
h1, h2, h3, h4, h5, h6, th {
font-family: "Gotham", "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
line-height: 1.5em;
}
a {
color: #ee446b;
text-decoration: none;
-webkit-transition:color .2s ease-in-out;
}
a:hover {
border-bottom: 1px solid;
color: #f27390;
}
blockquote p {
font-style: italic;
font-size: 110%;
line-height: 1.6em;
}
.footnote {
color: #ee446b;
vertical-align: super;
font-size: .8em;
}
#wrapper img {
max-width: 100%;
height: auto;
}
dd {
margin-bottom: 1em;
}
li > p:first-child {
margin: 0;
}
ul ul,ul ol {
margin-bottom: .4em;
}
caption,col,colgroup,table,tbody,td,tfoot,th,thead,tr {
border-spacing: 0;
}
table {
display:table;
margin: -1px 0 23px;
padding: 0;
border: 1px solid rgba(0,0,0,0.125);
border-collapse: collapse;
table-layout: fixed;
empty-cells: hide;
}
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 {
padding: 0 1em;
font-size: 1.1em;
line-height: 23px;
}
table thead {
border-bottom: 1px solid rgba(0,0,0,0.0625);
background: rgba(0,0,0,0.0625);
}
table tfoot {
border: 1px solid rgba(0,0,0,0.0625);
border-top: 1px solid rgba(0,0,0,0.0625);
background: rgba(0,0,0,0.0625);
}
figure {
position: relative;
display: inline-block;
margin: 1em 0;
}
figcaption {
position: absolute;
bottom: -24px;
left: 0;
padding: 1%;
width: 98%;
background: rgba(0,0,0,0.875);
color: rgba(255,255,255,1);
text-align: center;
font-style: italic;
-webkit-transition: all .2s ease-in-out;
}
/* Styles used when "Tab-indented text is poetry" is set */
.poetry pre {
display: block;
margin-left: 1em;
font-style: italic;
font-size: 110%!important;
font-family: "Mercury Text G2", Georgia, Cambria, "Times New Roman", Times, serif;
line-height: 1.6em;
}
.poetry pre code {
font-family: "Mercury Text G2", Georgia, Cambria, "Times New Roman", Times, serif;
}
/* important rules for keeping line-height from being affected by sub */
sup,sub,a.footnote {
position: relative;
height: 0;
font-size: 1.4ex;
line-height: 1;
}
sup {
vertical-align: super;
}
sub {
top: -1px;
vertical-align: sub;
}
p,h5 {
margin: 1.3125em 0;
font-size: 1.1429em;
line-height: 1.3125em;
}
dt,th {
font-weight: 700;
}
table tr:nth-child(odd),table td:nth-child(odd) {
background: rgba(255,255,255,0.03125);
}
table tr:nth-child(even) {
background: rgba(0,0,0,0.03125);
}
table th:nth-child(even),table td:nth-child(even) {
border-right: 1px solid rgba(0,0,0,0.03125);
border-left: 1px solid rgba(0,0,0,0.03125);
}
#wrapper #mkreplaced-toc li {
margin-bottom: 0.5em;
list-style-type: none!important;
font-weight: bold;
font-family: "Gotham", "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
}
#wrapper #mkreplaced-toc li a{
color: #000;
}
#wrapper #mkreplaced-toc ul > li > ul > li {
margin-bottom: 0;
font-weight: normal;
}
.cover {
margin-top: 40%;
text-align: center;
}
.cover-logo {
margin: 0 auto 5em;
max-width: 25em;;
}
.cover-logo img {
width: 100%;
height: auto;
}
.cover h1 {
margin-bottom: 0;
}
.cover h3 {
margin-top: 0;
}
.cover h5 {
margin-bottom: 0;
font-weight: normal;
font-style: italic;
font-family: "Mercury Text G2", Georgia, Cambria, "Times New Roman", Times, serif;
}
.cover em {
color: #808080;
}
@media print {
/* print only styles. Keep it clean */
body {
overflow: auto
}
img,
pre,
blockquote,
table,
figure,
p {
page-break-inside: avoid;
}
.footnotes {
page-break-before: always;
}
#wrapper {
position: relative;
padding: 10px;
background: #fff;
color: #303030;
text-indent: 0;
font-size: 85%;
}
} /* @media print */
@media screen {
/* Screen-only styles, including inverted styles */
.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: none;
}
.inverted a {
color: rgba(172, 209, 213, 1);
}
#wrapper {
padding: 20px;
}
/* styles for more colorful selection highlights */
::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);
}
} /* @media screen */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment