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;
}