Markdown and Prettify V2

Install the smart syntax plugin

Go to Smart Syntax settings tab and ensure that Custom Skin is ticked

Remove the following from smart-syntax/includes/functions.php: remove all 3 lines

?>
    <script>prettyPrint()</script>
            <?php

Open file wp-content/plugins/smart-syntax/assets/css/smart_syntax.css and replace the contents with this:

.prettyprint .com       { color: #008000; }
.prettyprint .str, .tag { color: #A31515; }
.prettyprint .kwd, .atv { color: #0000FF; }
.prettyprint .typ       { color: #2B91AF; }
.prettyprint .lit, .atn { color: #FF0000; }
.prettyprint .pun, .pln { color: #000000; }
.prettyprint .dec       { color: #800080; }

pre.prettyprint, 
code.prettyprint, 
pre.prettyprint code,
.post-content pre.prettyprint,
.post-content code.prettyprint,
.post-content pre.prettyprint code,
.comment-content pre.prettyprint,
.comment-content code.prettyprint,
.comment-content pre.prettyprint code  {
    background-color: #F6F6F6; display: block;
}

.comment-content pre.prettyprint code,
.post-content pre.prettyprint code,
pre.prettyprint code { padding: 0; margin: 0; border: none; display: block; white-space: pre;}

pre.prettyprint, 
code.prettyprint, 
.post-content pre.prettyprint,
.post-content code.prettyprint,
.comment-content pre.prettyprint,
.comment-content code.prettyprint { overflow: auto; word-wrap: normal; -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2;}

pre.prettyprint, 
code.prettyprint, 
.post-content pre.prettyprint,
.post-content code.prettyprint,
.comment-content pre.prettyprint,
.comment-content code.prettyprint {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}


pre.prettyprint {
    width: 95%;
    margin: 1em auto;
    padding: 1em;
    white-space: pre-wrap;
}

.prettyprint li, .prettyprint ol { margin: 0; padding: 0; }

/* Specify class=linenums on a pre to get line numbering */
.prettyprint ol.linenums { margin-top: 0; margin-bottom: 0; padding-left: 3em; color: #AEAEAE; } /* IE indents via margin-left */
.prettyprint li.L0,
.prettyprint li.L1,
.prettyprint li.L2,
.prettyprint li.L3,
.prettyprint li.L5,
.prettyprint li.L6,
.prettyprint li.L7,
.prettyprint li.L8 { list-style-type: none }
/* Alternate shading for lines */
.prettyprint li.L1,
.prettyprint li.L3,
.prettyprint li.L5,
.prettyprint li.L7,
.prettyprint li.L9 { }

@media print {
  .prettyprint .str { color: #060; }
  .prettyprint .kwd { color: #006; font-weight: bold; }
  .prettyprint .com { color: #600; font-style: italic; }
  .prettyprint .typ { color: #404; font-weight: bold; }
  .prettyprint .lit { color: #044; }
  .prettyprint .pun { color: #440; }
  .prettyprint .pln { color: #000; }
  .prettyprint .tag { color: #006; font-weight: bold; }
  .prettyprint .atn { color: #404; }
  .prettyprint .atv { color: #060; }
}   

For Simple Injector web site add the following extra css portion at the end of the file


/*media all*/ code, kbd, tt, var { line-height: 1.47em !important; }

Leave a Reply