Dev: Show language name in code highlighting

.datatables-commit-sync

@@ -1 +1 @@
-f3fc7b2f7174bf7620f413ff3ddf8ffcead7ff53
+255be943427a9eef51879a387ff49b78a723a671

examples/advanced_init/column_render.html

@@ -554,7 +554,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;columnDefs&quot;: [ 
 			{
@@ -589,7 +589,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/advanced_init/complex_header.html

@@ -555,7 +555,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;columnDefs&quot;: [ {
 			&quot;visible&quot;: false,
@@ -582,7 +582,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/advanced_init/defaults.html

@@ -545,7 +545,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$.extend( $.fn.dataTable.defaults, {
+					example:</p><code class="multiline language-js">$.extend( $.fn.dataTable.defaults, {
 	&quot;searching&quot;: false,
 	&quot;ordering&quot;: false
 } );
@@ -573,7 +573,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/advanced_init/dom_multiple_elements.html

@@ -551,7 +551,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;dom&quot;: '&lt;&quot;top&quot;iflp&lt;&quot;clear&quot;&gt;&gt;rt&lt;&quot;bottom&quot;iflp&lt;&quot;clear&quot;&gt;&gt;'
 	} );
@@ -575,7 +575,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">div.dataTables_length {
+						below:</p><code class="multiline language-css">div.dataTables_length {
 	padding-left: 2em;
 	}
 	div.dataTables_length,

examples/advanced_init/dom_toolbar.html

@@ -557,7 +557,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;dom&quot;: '&lt;&quot;toolbar&quot;&gt;frtip'
 	} );
@@ -583,7 +583,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">.toolbar {
+						below:</p><code class="multiline language-css">.toolbar {
 	float: left;
 }</code>
 					</div>

examples/advanced_init/dt_events.html

@@ -558,7 +558,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var eventFired = function ( type ) {
 		var n = $('#demo_info')[0];
 		n.innerHTML += '&lt;div&gt;'+type+' event - '+new Date().getTime()+'&lt;/div&gt;';
@@ -590,7 +590,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/advanced_init/events_live.html

@@ -541,7 +541,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 	
 	$('#example tbody').on('click', 'tr', function () {
@@ -568,7 +568,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/advanced_init/footer_callback.html

@@ -516,7 +516,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;footerCallback&quot;: function ( row, data, start, end, display ) {
 			var api = this.api(), data;
@@ -571,7 +571,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">th { white-space: nowrap; }</code>
+						below:</p><code class="multiline language-css">th { white-space: nowrap; }</code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/advanced_init/html5-data-attributes.html

@@ -553,7 +553,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -575,7 +575,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/advanced_init/language_file.html

@@ -541,7 +541,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;language&quot;: {
 			&quot;url&quot;: &quot;../resources/de_DE.txt&quot;
@@ -567,7 +567,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/advanced_init/length_menu.html

@@ -545,7 +545,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;lengthMenu&quot;: [[10, 25, 50, -1], [10, 25, 50, &quot;All&quot;]]
 	} );
@@ -569,7 +569,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/advanced_init/object_dom_read.html

@@ -570,7 +570,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').DataTable({
 		&quot;columns&quot;: [
 			{ &quot;data&quot;: &quot;name&quot; },
@@ -601,7 +601,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/advanced_init/row_callback.html

@@ -551,7 +551,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;createdRow&quot;: function ( row, data, index ) {
 			if ( data[5].replace(/[\$,]/g, '') * 1 &gt; 4000 ) {
@@ -579,7 +579,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">td.highlight {
+						below:</p><code class="multiline language-css">td.highlight {
 		font-weight: bold;
 		color: blue;
 	}</code>

examples/advanced_init/row_grouping.html

@@ -577,7 +577,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable({
 		&quot;columnDefs&quot;: [
 			{ &quot;visible&quot;: false, &quot;targets&quot;: 2 }
@@ -631,7 +631,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">tr.group,
+						below:</p><code class="multiline language-css">tr.group,
 tr.group:hover {
 	background-color: #ddd !important;
 }</code>

examples/advanced_init/sort_direction_control.html

@@ -559,7 +559,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;aoColumns&quot;: [
 			null,
@@ -590,7 +590,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/ajax/custom_data_flat.html

@@ -105,7 +105,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: {
 			&quot;url&quot;: &quot;data/objects_root_array.txt&quot;,
@@ -140,7 +140,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/ajax/custom_data_property.html

@@ -98,7 +98,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: {
 			&quot;url&quot;: &quot;data/arrays_custom_prop.txt&quot;,
@@ -125,7 +125,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/ajax/deep.html

@@ -110,7 +110,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;ajax&quot;: &quot;data/objects_deep.txt&quot;,
@@ -143,7 +143,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/ajax/defer_render.html

@@ -86,7 +86,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: &quot;data/arrays.txt&quot;,
 		&quot;deferRender&quot;: true
@@ -111,7 +111,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/ajax/null_data_source.html

@@ -106,7 +106,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable( {
 		&quot;ajax&quot;: &quot;data/arrays.txt&quot;,
 		&quot;columnDefs&quot;: [ {
@@ -140,7 +140,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/ajax/objects.html

@@ -102,7 +102,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: &quot;data/objects.txt&quot;,
 		&quot;columns&quot;: [
@@ -134,7 +134,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/ajax/objects_subarrays.html

@@ -123,7 +123,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: &quot;data/objects_subarrays.txt&quot;,
 		&quot;columns&quot;: [
@@ -155,7 +155,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/ajax/orthogonal-data.html

@@ -108,7 +108,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		ajax: &quot;data/orthogonal.txt&quot;,
 		columns: [
@@ -143,7 +143,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/ajax/simple.html

@@ -103,7 +103,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: &quot;data/arrays.txt&quot;
 	} );
@@ -127,7 +127,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/api/add_row.html

@@ -97,7 +97,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var t = $('#example').DataTable();
 	var counter = 1;
 
@@ -135,7 +135,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/api/api_in_init.html

@@ -556,7 +556,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;initComplete&quot;: function () {
 			var api = this.api();
@@ -585,7 +585,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/api/counter_columns.html

@@ -559,7 +559,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var t = $('#example').DataTable( {
 		&quot;columnDefs&quot;: [ {
 			&quot;searchable&quot;: false,
@@ -594,7 +594,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/api/form.html

@@ -1616,7 +1616,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable();
 
 	$('button').click( function() {
@@ -1647,7 +1647,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/api/highlight.html

@@ -562,7 +562,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var lastIdx = null;
 	var table = $('#example').DataTable();
 	
@@ -598,7 +598,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">td.highlight {
+						below:</p><code class="multiline language-css">td.highlight {
 	background-color: whitesmoke !important;
 }</code>
 					</div>

examples/api/multi_filter.html

@@ -574,7 +574,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	// Setup - add a text input to each footer cell
 	$('#example tfoot th').each( function () {
 		var title = $('#example thead th').eq( $(this).index() ).text();
@@ -613,7 +613,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">tfoot input {
+						below:</p><code class="multiline language-css">tfoot input {
 		width: 100%;
 		padding: 3px;
 		box-sizing: border-box;

examples/api/multi_filter_select.html

@@ -589,7 +589,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').DataTable( {
 		initComplete: function () {
 			var api = this.api();
@@ -634,7 +634,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/api/regex.html

@@ -633,7 +633,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">function filterGlobal () {
+					example:</p><code class="multiline language-js">function filterGlobal () {
 	$('#example').DataTable().search( 
 		$('#global_filter').val(),
 		$('#global_regex').prop('checked'), 
@@ -679,7 +679,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/api/row_details.html

@@ -141,7 +141,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">/* Formatting function for row details - modify as you need */
+					example:</p><code class="multiline language-js">/* Formatting function for row details - modify as you need */
 function format ( d ) {
 	// `d` is the original data object for the row
 	return '&lt;table cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; border=&quot;0&quot; style=&quot;padding-left:50px;&quot;&gt;'+
@@ -214,7 +214,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">td.details-control {
+						below:</p><code class="multiline language-css">td.details-control {
 	background: url('../resources/details_open.png') no-repeat center center;
 	cursor: pointer;
 }

examples/api/select_row.html

@@ -547,7 +547,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable();
 
 	$('#example tbody').on( 'click', 'tr', function () {
@@ -577,7 +577,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/api/select_single_row.html

@@ -558,7 +558,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable();
 
 	$('#example tbody').on( 'click', 'tr', function () {
@@ -594,7 +594,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/api/show_hide.html

@@ -564,7 +564,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable( {
 		&quot;scrollY&quot;: &quot;200px&quot;,
 		&quot;paging&quot;: false
@@ -599,7 +599,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/api/tabs_and_scrolling.html

@@ -558,7 +558,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$(&quot;#tabs&quot;).tabs( {
 		&quot;activate&quot;: function(event, ui) {
 			$( $.fn.dataTable.tables( true ) ).DataTable().columns.adjust();
@@ -593,7 +593,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/alt_pagination.html

@@ -559,7 +559,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;pagingType&quot;: &quot;full_numbers&quot;
 	} );
@@ -583,7 +583,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/comma-decimal.html

@@ -553,7 +553,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;language&quot;: {
 			&quot;decimal&quot;: &quot;,&quot;,
@@ -580,7 +580,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/complex_header.html

@@ -543,7 +543,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -565,7 +565,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/dom.html

@@ -606,7 +606,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;dom&quot;: '&lt;&quot;top&quot;i&gt;rt&lt;&quot;bottom&quot;flp&gt;&lt;&quot;clear&quot;&gt;'
 	} );
@@ -630,7 +630,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/filter_only.html

@@ -534,7 +534,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;paging&quot;:   false,
 		&quot;ordering&quot;: false,
@@ -560,7 +560,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/flexible_width.html

@@ -539,7 +539,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -561,7 +561,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">div.container {
+						below:</p><code class="multiline language-css">div.container {
 		width: 80%;
 	}</code>
 					</div>

examples/basic_init/hidden_columns.html

@@ -555,7 +555,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;columnDefs&quot;: [ 
 			{
@@ -589,7 +589,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/language.html

@@ -541,7 +541,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;language&quot;: {
 			&quot;lengthMenu&quot;: &quot;Display _MENU_ records per page&quot;,
@@ -571,7 +571,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/multi_col_sort.html

@@ -495,7 +495,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		columnDefs: [ {
 			targets: [ 0 ],
@@ -528,7 +528,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/multiple_tables.html

@@ -257,7 +257,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('table.display').dataTable();
 } );</code>
 
@@ -279,7 +279,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">div.dataTables_wrapper {
+						below:</p><code class="multiline language-css">div.dataTables_wrapper {
 		margin-bottom: 3em;
 	}</code>
 					</div>

examples/basic_init/scroll_x.html

@@ -709,7 +709,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;scrollX&quot;: true
 	} );
@@ -733,7 +733,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">th, td { white-space: nowrap; }
+						below:</p><code class="multiline language-css">th, td { white-space: nowrap; }
 	div.dataTables_wrapper {
 		width: 800px;
 		margin: 0 auto;

examples/basic_init/scroll_xy.html

@@ -701,7 +701,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;scrollY&quot;: 200,
 		&quot;scrollX&quot;: true
@@ -726,7 +726,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">th, td { white-space: nowrap; }
+						below:</p><code class="multiline language-css">th, td { white-space: nowrap; }
 	div.dataTables_wrapper {
 		width: 800px;
 		margin: 0 auto;

examples/basic_init/scroll_y.html

@@ -548,7 +548,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;scrollY&quot;:        &quot;200px&quot;,
 		&quot;scrollCollapse&quot;: true,
@@ -574,7 +574,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/scroll_y_theme.html

@@ -535,7 +535,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;scrollY&quot;:        200,
 		&quot;scrollCollapse&quot;: true,
@@ -561,7 +561,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/state_save.html

@@ -553,7 +553,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		stateSave: true
 	} );
@@ -577,7 +577,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/table_sorting.html

@@ -544,7 +544,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;order&quot;: [[ 3, &quot;desc&quot; ]]
 	} );
@@ -568,7 +568,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/basic_init/zero_configuration.html

@@ -534,7 +534,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').DataTable();
 } );</code>
 
@@ -556,7 +556,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/data_sources/ajax.html

@@ -89,7 +89,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: '../ajax/data/arrays.txt'
 	} );
@@ -113,7 +113,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/data_sources/dom.html

@@ -536,7 +536,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -558,7 +558,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/data_sources/js_array.html

@@ -130,7 +130,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">var dataSet = [
+					example:</p><code class="multiline language-js">var dataSet = [
 	['Trident','Internet Explorer 4.0','Win 95+','4','X'],
 	['Trident','Internet Explorer 5.0','Win 95+','5','C'],
 	['Trident','Internet Explorer 5.5','Win 95+','5.5','A'],
@@ -223,7 +223,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/data_sources/server_side.html

@@ -88,7 +88,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -114,7 +114,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/plug-ins/api.html

@@ -566,7 +566,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$.fn.dataTable.Api.register( 'column().data().sum()', function () {
+					example:</p><code class="multiline language-js">$.fn.dataTable.Api.register( 'column().data().sum()', function () {
 	return this.reduce( function (a, b) {
 		var x = parseFloat( a ) || 0;
 		var y = parseFloat( b ) || 0;
@@ -609,7 +609,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/plug-ins/dom_sort.html

@@ -1650,7 +1650,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">/* Create an array with the values of all the input boxes in a column */
+					example:</p><code class="multiline language-js">/* Create an array with the values of all the input boxes in a column */
 $.fn.dataTable.ext.order['dom-text'] = function  ( settings, col )
 {
 	return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
@@ -1712,7 +1712,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/plug-ins/range_filtering.html

@@ -571,7 +571,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">/* Custom filtering function which will search data in column four between two values */
+					example:</p><code class="multiline language-js">/* Custom filtering function which will search data in column four between two values */
 $.fn.dataTable.ext.search.push(
 	function( settings, data, dataIndex ) {
 		var min = parseInt( $('#min').val(), 10 );
@@ -616,7 +616,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/plug-ins/sorting_auto.html

@@ -561,7 +561,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$.fn.dataTable.ext.type.detect.unshift(
+					example:</p><code class="multiline language-js">$.fn.dataTable.ext.type.detect.unshift(
 	function ( d ) {
 		return d === 'Low' || d === 'Medium' || d === 'High' ?
 			'salary-grade' :
@@ -601,7 +601,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/plug-ins/sorting_manual.html

@@ -558,7 +558,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$.fn.dataTable.ext.type.order['salary-grade-pre'] = function ( d ) {
+					example:</p><code class="multiline language-js">$.fn.dataTable.ext.type.order['salary-grade-pre'] = function ( d ) {
 	switch ( d ) {
 		case 'Low':    return 1;
 		case 'Medium': return 2;
@@ -594,7 +594,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/resources/demo.js

@@ -28,7 +28,7 @@ $(document).ready( function () {
 	// init html
 	var table = $('<p/>').append( $('table').clone() ).html();
 	$('div.tabs div.table').append(
-		'<code class="multiline brush: html;">\t\t\t'+
+		'<code class="multiline language-html">\t\t\t'+
 			escapeHtml( table )+
 		'</code>'
 	);
@@ -52,7 +52,7 @@ $(document).ready( function () {
 				} catch ( e ) {}
 
 				$('div.tabs div.ajax').append(
-					'<code class="multiline brush: js;">'+str+'</code>'
+					'<code class="multiline language-js">'+str+'</code>'
 				);
 				SyntaxHighlighter.highlight( {}, $('div.tabs div.ajax code')[0] );
 			};
@@ -87,7 +87,7 @@ $(document).ready( function () {
 					success: function ( txt ) {
 						phpTab.css( 'display', 'block' );
 						$('div.tabs div.php').append(
-							'<code class="multiline brush: php;">'+txt+'</code>'
+							'<code class="multiline language-php">'+txt+'</code>'
 						);
 						SyntaxHighlighter.highlight( {}, $('div.tabs div.php code')[0] );
 					}

examples/resources/syntax/shCore.js

@@ -97,7 +97,7 @@ var sh = {
             brushNotHtmlScript : 'Brush wasn\'t configured for html-script option: ',
 
             // this is populated by the build script
-            aboutDialog : '<%- about %>'
+            aboutDialog : ''
         }
     },
 
@@ -193,7 +193,7 @@ var sh = {
                 ;
 
             // execute the toolbar command
-            if (highlighter && commandName)
+            if (highlighter && commandName && sh.toolbar.items[commandName].execute)
                 sh.toolbar.items[commandName].execute(highlighter);
 
             // disable default A click behaviour
@@ -203,7 +203,7 @@ var sh = {
         /** Collection of toolbar items. */
         items : {
             // Ordered lis of items in the toolbar. Can't expect `for (var n in items)` to be consistent.
-            list: ['expandSource', 'help'],
+            list: ['expandSource', 'language'],
 
             expandSource: {
                 getHtml: function(highlighter)
@@ -234,6 +234,14 @@ var sh = {
                     doc.close();
                     wnd.focus();
                 }
+            },
+
+            language: {
+                getHtml: function (highlighter) {
+                    return highlighter.langLabel ?
+                        sh.toolbar.getButtonHtml(highlighter, 'lang', highlighter.langLabel) :
+                        '';
+                }
             }
         }
     },
@@ -1763,6 +1771,7 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             ];
     
         this.forHtmlScript(r.scriptScriptTags);
+        this.langLabel = "Javascript";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -1822,6 +1831,7 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             { regex: SyntaxHighlighter.regexLib.xmlComments,                                                css: 'comments' },  // <!-- ... -->
             { regex: XRegExp('(&lt;|<)[\\s\\/\\?!]*(\\w+)(?<attributes>.*?)[\\s\\/\\?]*(&gt;|>)', 'sg'), func: process }
         ];
+        this.langLabel = "HTML";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -1901,6 +1911,7 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             left: /(&lt;|<)\s*style.*?(&gt;|>)/gi, 
             right: /(&lt;|<)\/\s*style\s*(&gt;|>)/gi 
             });
+        this.langLabel = "CSS";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -1977,6 +1988,7 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             ];
 
         this.forHtmlScript(SyntaxHighlighter.regexLib.phpScriptTags);
+        this.langLabel = "PHP";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -2029,6 +2041,8 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             { regex: new RegExp(this.getKeywords(operators), 'gmi'),            css: 'color1' },     // operators and such
             { regex: new RegExp(this.getKeywords(keywords), 'gmi'),             css: 'keyword' }     // keyword
             ];
+
+        this.langLabel = "SQL";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -2049,6 +2063,7 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
 
     function Brush()
     {
+        this.langLabel = "Plain text";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -2099,10 +2114,11 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             ];
         
         this.forHtmlScript(SyntaxHighlighter.regexLib.aspScriptTags);
+        this.langLabel = "C#";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
-    Brush.aliases   = ['c#', 'c-sharp', 'csharp'];
+    Brush.aliases   = ['c#', 'cs', 'c-sharp', 'csharp'];
 
     SyntaxHighlighter.brushes.CSharp = Brush;
 

examples/server_side/custom_vars.html

@@ -95,7 +95,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -128,7 +128,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/server_side/defer_loading.html

@@ -172,7 +172,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -199,7 +199,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/server_side/ids.html

@@ -98,7 +98,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -132,7 +132,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/server_side/jsonp.html

@@ -93,7 +93,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -122,7 +122,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/server_side/object_data.html

@@ -91,7 +91,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -125,7 +125,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/server_side/pipeline.html

@@ -211,7 +211,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">//
+					example:</p><code class="multiline language-js">//
 // Pipelining function for DataTables. To be used to the `ajax` option of DataTables
 //
 $.fn.dataTable.pipeline = function ( opts ) {
@@ -358,7 +358,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/server_side/post.html

@@ -100,7 +100,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -137,7 +137,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/server_side/row_details.html

@@ -158,7 +158,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">function format ( d ) {
+					example:</p><code class="multiline language-js">function format ( d ) {
 	return 'Full name: '+d.first_name+' '+d.last_name+'&lt;br&gt;'+
 	    'Salary: '+d.salary+'&lt;br&gt;'+
 		'The child row can contain any data you wish, including links, images, inner tables etc.';
@@ -236,7 +236,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">td.details-control {
+						below:</p><code class="multiline language-css">td.details-control {
 	background: url('../resources/details_open.png') no-repeat center center;
 	cursor: pointer;
 }

examples/server_side/select_rows.html

@@ -103,7 +103,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var selected = [];
 
 	$(&quot;#example&quot;).dataTable({
@@ -149,7 +149,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/server_side/simple.html

@@ -87,7 +87,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -113,7 +113,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/bootstrap.html

@@ -542,7 +542,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -566,7 +566,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">body { font-size: 140%; }</code>
+						below:</p><code class="multiline language-css">body { font-size: 140%; }</code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/cell-border.html

@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/compact.html

@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/display.html

@@ -546,7 +546,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -568,7 +568,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/foundation.html

@@ -541,7 +541,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -565,7 +565,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/hover.html

@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/jqueryUI.html

@@ -546,7 +546,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -570,7 +570,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/no-classes.html

@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/order-column.html

@@ -530,7 +530,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -552,7 +552,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/row-border.html

@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the

examples/styling/stripe.html

@@ -528,7 +528,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -550,7 +550,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the