Experiment of Pre Code a.k.a Syntax Highlighter

This just happy-happy for my theme a.k.a experiment for yhis theme :v

First, we are testing only PRE on CSS.

/* CSS Simple Pre Code */
pre{margin:15px 15px 15px 0;padding:10px;clear:both;background:#f2f2f2;color:#666;border:1px solid #ddd;overflow:auto;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;font-weight:normal !important;font-style:normal !important;font-size:12px !important;max-height:500px}
code{color:#126AAF;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;font-weight:normal !important;font-style:normal !important;font-size:13px !important}

Second, we are testing PRE & CODE on CSS.

/* CSS Contact */
#ContactForm1,#ContactForm1 br{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{width:50%;height:auto;margin:5px auto;padding:10px;background:#fff;color:#444;border:1px solid #e6e6e6;border-radius:3px;transition:all 0.5s ease-out}
#ContactForm1_contact-form-email-message{width:450px;height:175px;;border-radius:3px;transition:all 0.5s ease-out}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#666;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7)}
#ContactForm1_contact-form-submit:hover{color:#fff;background-position:0 0}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:450px;margin-top:35px}

Ketiga :v, we are testing ORE & CODE on JavaScript.

<script type='text/javascript'>
//<![CDATA[
//Emotikon
$(document).ready(function(){$(".show_emo").click(function(){$(".comment_emo_list").slideToggle("slow")})});
//Pre Auto Selection
$('i[rel="pre"]').replaceWith(function(){return $('<pre><code>'+$(this).html()+'</code></pre>')});var pres=document.getElementsByTagName("pre");for(var i=0;i<pres.length;i++){pres[i].addEventListener("dblclick",function(){var selection=getSelection();var range=document.createRange();range.selectNodeContents(this);selection.removeAllRanges();selection.addRange(range)},false)}
//]]>
</script>