lacroixdesign-marked.css

/*
   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 */