jn_zen_mode_readability.css

body.zenmode {
  font-size: 17px;
  width: 900px !important;
  padding: 0;
  margin: 0 auto !important;
  background: #E2E0DA;
}
body.zenmode > * {
  width: 760px;
  padding: 30px !important;
  margin: 0 auto 20px !important;
  background: #FDFDFD !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}
body.zenmode > :first-child {
  margin-top: 0 !important;
}
body.zenmode > :last-child {
  margin-bottom: 0 !important;
}
body.zenmode > iframe {
  display: none;
}
body.zenmode > * > * {
  width: 100%;
}
body > * * {
  max-width: 100%;
  background: none;
  box-sizing: border-box;
}
.zenmode,
.zenmode h1,
.zenmode h2,
.zenmode h3,
.zenmode h4,
.zenmode h5,
.zenmode h6,
.zenmode p,
.zenmode blockquote {
  font-weight: normal;
  font-style: normal;
  font-family: "Iowan Old Style", "Ovo", "Times New Roman", Times, serif;
  color: #555;
}
.zenmode h1,
.zenmode h2,
.zenmode h3,
.zenmode h4,
.zenmode h5,
.zenmode h6,
.zenmode pre,
.zenmode code,
.zenmode blockquote,
.zenmode ol,
.zenmode ul,
.zenmode li,
.zenmode p,
.zenmode section,
.zenmode header,
.zenmode footer {
  float: none;
}
.zenmode h1,
.zenmode p,
.zenmode ul,
.zenmode ol,
.zenmode pre,
.zenmode blockquote {
  padding-top: 20px;
  padding-bottom: 20px;
}
.zenmode h1 {
  position: relative;
  padding: 20px 0 40px;
  margin: 0;
  overflow: hidden;
}
.zenmode h1 + * {
  margin-top: 0;
}
.zenmode h2,
.zenmode h3,
.zenmode h4,
.zenmode h5,
.zenmode h6 {
  position: relative;
  margin-bottom: 20px;
}
.zenmode li {
  position: relative;
  display: block;
  padding-left: 36px;
}
.zenmode li:after {
  position: absolute;
  top: 0;
  left: 0;
}
.zenmode ul > li:after {
  content: "*";
}
.zenmode ol > li:after {
  content: "1.";
}
.zenmode pre {
  margin-left: 36px;
}
.zenmode blockquote {
  position: relative;
  padding-left: 18px;
  overflow: hidden;
}
.zenmode strong:before,
.zenmode strong:after {
  content: "__";
  display: inline;
}
.zenmode em:before,
.zenmode em:after {
  content: "*";
  display: inline;
}
.zenmode a {
  text-decoration: inherit;
}
.zenmode a:visited {
  color: inherit;
}
.zenmode code {
  font-weight: 100;
}
.zenmode code:before,
.zenmode code:after {
  content: "`";
  display: inline;
}
.zenmode pre code:before,
.zenmode pre code:after {
  content: none;
}
.zenmode hr {
  position: relative;
  height: 20px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  border: 0;
  margin-bottom: 20px;
}
.zenmode hr:after {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 20px;
  word-wrap: break-word;
}
@-moz-document url-prefix() {
  .zenmode h1 {
    display: block;
  }
}
.zenmode p {
  line-height: 27px;
}