My blogger custom HTML

blogger.html

<!--
  edited by dlimpid
  $Date: 2013-04-10 $
-->


    <!-- Mathjax -->
    <script type='text/x-mathjax-config'>
//<![CDATA[
MathJax.Hub.Config({
  tex2jax: {
    inlineMath: [['$', '$'], ['\\(', '\\)']],
    processEscapes: true
  }
});
//]]>
    </script>
    <script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML' type='text/javascript'></script>

    

    <!-- Google Code Prettify -->
    <script src='https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js'/>
    <script src='https://google-code-prettify.googlecode.com/svn/loader/lang-latex.js'/>
    <style>
      /* style for codes: copied from AngularJS and AngularUI Homepages */
      /* for general code and pre tags */
      code,
      pre {
        font-family: "Ubuntu Mono", Monaco, Consolas, "Courier New", monospace;
        color: #333333;
      }

      code {
        padding: 1px 2px;
        /* color: #d14; */
        background-color: #f7f7f9;
        border: 1px solid #e1e1e8;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
      }
      
      pre {
        display: block;
        padding: 8.5px;
        margin: 0 0 9px;
        font-size: 100%;
        line-height: 18px;
        word-break: break-all;
        word-wrap: break-word;
        white-space: pre;
        white-space: pre-wrap;
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
                border-radius: 6px;
      }

      pre.prettyprint {
        margin-bottom: 18px;
      }

      pre code {
        padding: 0;
        color: inherit;
        background-color: transparent;
        border: 0;
      }

      .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll;
      }

      /* Google Code Prittify specific */
      .com {
        color: #93a1a1;
      }
      .lit {
        color: #195f91;
      }
      .pun, .opn, .clo {
        color: #93a1a1;
      }
      .fun {
        color: #dc322f;
      }
      .str, .atv {
        color: #D14;
      }
      .kwd, .linenums .tag {
        color: #1e347b;
      }
      .typ, .atn, .dec, .var {
        color: teal;
      }
      .pln {
        color: #48484c;
      }
      .prettyprint {
        padding: 8px;
        background-color: #f7f7f9;
        border: 1px solid #e1e1e8;
      }
      .prettyprint.linenums {
        -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
           -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
                box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
      }
      /* Specify class=linenums on a pre to get line numbering */
      ol.linenums {
        margin: 0 0 0 0;
        /* IE indents via margin-left */
      }
      ol.linenums li {
        padding-left: 12px;
        color: #bebec5;
        line-height: 18px;
        text-shadow: 0 1px 0 #fff;
      }
    </style>
    
    

    <!-- custom css style -->
    <style>
      .image_wrapper_center {
        width: 400px;
        margin: 0 auto;
        padding: 0.5em 1em 0 1em;
        background-color: #eee;
        border: solid 1px #ddd;
      }
      .post-body a:link {
        color: #09F;
        border-bottom: 1px dashed #09F;
      }
      .post-body a:visited {
        color: #D4C;
      }
      .post-body a:hover {
        text-decoration: none;
        border-bottom: 1px solid #77E;
      }
      .post-body a:active {
      }
      .post-body .image_wrapper_center a {
        border: 0px;
      }
    </style>
    <!-- end of edited by dlimpid -->