SYNTAX HIGHLIGHTER BLOGGER TEMPLATE

Thursday, 28 August 2014

SYNTAX HIGHLIGHTER BLOGGER TEMPLATE

-----------------------------------------------------------------------------------------------------------
READ MORE:
http://fbgadgets.blogspot.co.uk/2014/08/syntax-highlighter-blogger-template.html
http://fbgadgets.blogspot.co.uk/2014/08/syntax-highlighter-on-line-for-blogger.html
http://fbgadgets.blogspot.co.uk/2014/08/syntax-highlighter-blogger-template_28.html
http://fbgadgets.blogspot.co.uk/2014/08/syntax-highlighter-blogger-template_40.html

----------------------------------------------------------------------------------------------------------
<link href='http://www.thecomplex.plus.com/styles/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
----------------------------------------------------------------------------------------------------------

/* Main style for the table */
.alt{
background-color: black;
}
.dp-highlighter{
font-family: Consolas, "Courier New" , Courier, mono;
font-size: 12px;
border: 1px solid #2B91AF;
background-color: #fff;
width: 99%;
overflow: auto;
line-height: 100% !important;
margin: 18px 0px 18px 0px;
}
.dp-highlighter .bar{
padding-left: 45px;
}
.dp-highlighter ol{
margin: 0px 0px 0px 45px;
padding: 0px;
color: #2B91AF;
}
.dp-highlighter ol li, .dp-highlighter .columns div{
border-left: 3px solid #6CE26C;
background-color: #fff;
padding-left: 10px;
line-height: 14px;
}
.dp-highlighter .columns{
color: gray;
overflow: hidden;
width: 100%;
}
.dp-highlighter .columns div{
padding-bottom: 5px;
}
.dp-highlighter ol li.alt{
background-color: #f8f8f8;
}
.dp-highlighter ol li span{
color: Black;
}
/* Adjust some properties when wollapsed */
.dp-highlighter.collapsed ol{
margin: 0px;
}
.dp-highlighter.collapsed ol li{
display: none;
}
.dp-highlighter.collapsed .tools{
border-bottom: none;
}
/* Additional modifications when in print-view */
.dp-highlighter.printing{
border: none;
}
.dp-highlighter.printing .tools{
display: none !important;
border: 5px solid black;
}
.dp-highlighter.printing li{
display: list-item !important;
}
/* Styles for the tools */
.dp-highlighter .tools{
padding: 3px 8px 3px 10px;
border-bottom: 1px solid #2B91AF;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
}
.dp-highlighter .tools a{
font-size: 9px;
color: gray;
text-decoration: none;
margin-right: 10px;
}
.dp-highlighter .tools a:hover{
color: red;
text-decoration: underline;
}
/* About dialog styles */
.dp-about{
background-color: #fff;
margin: 0px;
}
.dp-about table
{
width: 100%;
height: 100%;
font-size: 11px;
font-family: Tahoma, Verdana, Arial, sans-serif !important;
}
.dp-about td{
padding: 10px;
vertical-align: top;
}
.dp-about .copy{
border-bottom: 1px solid #ACA899;
height: 95%;
}
.dp-about .title{
color: red;
font-weight: bold;
}
.dp-about .para{
margin-bottom: 4px;
}
.dp-about .footer{
background-color: #ECEADB;
border-top: 1px solid #fff;
text-align: right;
}
.dp-about .close{
font-size: 11px;
font-family: Tahoma, Verdana, Arial, sans-serif !important;
background-color: #ECEADB;
width: 60px;
height: 22px;
}
/* Language specific styles */
.dp-c {}
.dp-c .comment { color: #009900; }
.dp-c .string { color: #990000; }
.dp-c .preprocessor { color: gray; }
.dp-c .keyword { color: blue; }
.dp-c .vars { color: #d00; }
.dp-cpp {}
.dp-cpp .comment { color: #009900; }
.dp-cpp .string { color: #990000; }
.dp-cpp .preprocessor { color: gray; }
.dp-cpp .keyword { color: blue; }
.dp-cpp .vars { color: #d00; }
.dp-vb {}
.dp-vb .comment { color: #009900; }
.dp-vb .string { color: #990000; }
.dp-vb .preprocessor { color: gray; }
.dp-vb .keyword { color: blue; }
.dp-sql {}
.dp-sql .comment { color: #009900; }
.dp-sql .string { color: #990000; }
.dp-sql .keyword { color: blue; }
.dp-sql .func { color: #ff1493; }
.dp-sql .op { color: #808080; }
.dp-xml {}
.dp-xml .cdata { color: #ff1493; }
.dp-xml .comments { color: #009900; }
.dp-xml .tag { font-weight: bold; color: blue; }
.dp-xml .tag-name { color: blue; font-weight: bold; }
.dp-xml .attribute { color: #990000; }
.dp-xml .attribute-value { color: blue; }
.dp-delphi {}
.dp-delphi .comment { color: #008200; font-style: italic; }
.dp-delphi .string { color: #990000; }
.dp-delphi .number { color: navy; }
.dp-delphi .directive { color: #008284; }
.dp-delphi .keyword { font-weight: bold; color: blue; }
.dp-delphi .vars { color: #000; }
.dp-py {}
.dp-py .comment { color: #009900; }
.dp-py .string { color: #990000; }
.dp-py .docstring { color: #009900; }
.dp-py .keyword { color: blue; font-weight: bold;}
.dp-py .builtins { color: #ff1493; }
.dp-py .magicmethods { color: #808080; }
.dp-py .exceptions { color: brown; }
.dp-py .types { color: brown; font-style: italic; }
.dp-py .commonlibs { color: #8A2BE2; font-style: italic; }
.dp-rb {}
.dp-rb .comment { color: #009900; }
.dp-rb .string { color: #990000; }
.dp-rb .symbol { color: #069; }
.dp-rb .keyword { color: blue; }
.dp-rb .variable { color: #069; }
.dp-rb .builtin { color: #000088; }
.dp-css {}
.dp-css .comment { color: #009900; }
.dp-css .string { color: #990000; }
.dp-css .keyword { color: blue; }
.dp-css .colors { color: darkred; }
.dp-css .vars { color: #d00; }
.dp-j {}
.dp-j .comment { color: #009900; }
.dp-j .string { color: #990000; }
.dp-j .keyword { color: blue; font-weight: bold }
.dp-j .annotation { color: #646464; }
.dp-j .number { color: #C00000; }

----------------------------------------------------------------------------------------------------------
<link href='http://www.thecomplex.plus.com/styles/hl.css' rel='stylesheet' type='text/css'/>
----------------------------------------------------------------------------------------------------------

body {
font-family: Lucida sans unicode;
}
div.Group {
-moz-border-radius: 10px;
padding: 0px 0px 0px 0px;
border-top: solid #C3D9FF 20px;
border-left: solid #C3D9FF 2px;
border-right: solid #C3D9FF 2px;
border-bottom: solid #C3D9FF 2px;
background: #EEEEFF;
width: 100%;
margin-top: 5px;
}
div.Legend {
position: relative;
left: 1px;
top: -18px;
font-size: 90%;
background: #C3D9FF;
}
fieldset {
-moz-border-radius: 5px;
padding: 0px 0px 0px 0px;
border-top: solid #C3D9FF 20px;
border-left: solid #C3D9FF 2px;
border-right: solid #C3D9FF 2px;
border-bottom: solid #C3D9FF 2px;
background: #EEEEFF;
}
legend {
background: #C3D9FF;
}
textarea {
-moz-border-radius: 5px;
border: none;
font-family: Consolas, Courier New;
font-size: 11pt;
border: solid silver 1px;
/*white-space: nowrap;*/
overflow: scroll;
width: 100%;;
}
#Controls {
text-align: right;
font-size: 80%;
}
#PopUp {
display: none;
}
.LayoutTable {
width: 900px;
}
.SideBar {
width: 64px;
vertical-align: top;
/*border: dotted red 2px;*/
}
.dp-highlighter {
font-family: Consolas, Courier New;
font-size: 10pt;
width: 100%;
overflow: scroll;
}
.Label {
font-size: 90%;
}
.Content {
Width: 550px;
padding: 0px 0px 0px 0px;
}
a.ToolLink {
color: blue;
text-decoration: none;
font-size: 80%;
cursor: hand;
}
a.ToolLink:hover {
text-decoration: underline;
}
.Centred {
text-align: center;
}
.Topped {
vertical-align: top;
}

----------------------------------------------------------------------------------------------------
OR USE BRIEF THIS CODE
-----------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
- Support Video Thumbnail
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
]]></b:skin>

<link href='http://www.thecomplex.plus.com/styles/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<link href='http://www.thecomplex.plus.com/styles/hl.css' rel='stylesheet' type='text/css'/>

<script language='javascript' src='http://www.thecomplex.plus.com/Blog/SyntaxHL/Scripts/shCore.js'/>

<script language='javascript' src='http://www.thecomplex.plus.com/sitescript/hlbrush/shBrushCSharp.js'/>
<script language='javascript' src='http://www.thecomplex.plus.com/sitescript/hlbrush/shBrushJScript.js'/>

<script src='http://www.thecomplex.plus.com/sitescript/hl.js' type='text/javascript'/>

</head>

<body onload='getEl('source').focus();'>
<noscript>
<h1 style='text-align:center'>Highlighter is written in JavaScript and will not function at all if this is disabled.</h1>
</noscript>

<td class='Content Topped'>
<div class='Group'>
<div class='Legend'>Source</div>
<div style='text-align: right;'><a class='ToolLink' href='javascript:clearSource();'>Clear</a></div>
<textarea id='source' rows='10'/>
</div>
<div class='Group'>
<div class='Legend'>Code</div>
<table id='Controls' width='100%'>
<tr>
<td style='text-align: left;'>
<span id='LangPrompt'>Language:</span>
<select id='syntaxLang' name='syntaxLang'>
<option value='js'>JavaScript</option>
<option value='posh'>Powershell / Monad</option>
<option value='cpp'>C++</option>
<option value='c-sharp'>C#</option>
<option value='css'>CSS</option>
<option value='pascal'>Delphi / Pascal</option>
<option value='java'>Java</option>
<option value='php'>PHP</option>
<option value='python'>Python</option>
<option value='ruby'>Ruby</option>
<option value='sql'>SQL</option>
<option value='vb'>VB / VB.Net</option>
<option value='xhtml'>XML / HTML</option>
</select>
<br/>
<input checked='true' id='IncludeStylesheet' type='checkbox'/> Include stylesheet link
</td>
<td style='text-align: right;'>
<input onclick='DoHighlight();' type='button' value='Get HTML Code'/>
</td>
</tr>
</table>
<div id='Preview' style='display: none;'>
<textarea class='js:nogutter:nocontrols' id='dp-hl' name='dp-hl' rows='10' style='display: none'/>
</div>
<div id='PopUp'>
<div style='text-align: right;'><a class='ToolLink' href='javascript:togglePreview();' id='linkPreview'>Preview</a></div>
<textarea id='output' rows='15'/>
</div>
</div>
</td> 

<tr>
<td/>
<td>

</td>
<td/>
</tr>

<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'/>
<b:includable id='post' var='post'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>