Home Page

Code in a Raw HTML object with CSS code-injection styling:

<div class="coding">
<code>
<script>
     $('someElement').doThis('toIt');
     $('anotherElement').doThat('onIt');
     $('lastElement').step1('withContents').step2('withContents').step3('withContents').step4('withContents').step5('withContents').step6('withContents');
</script>
</code>
</div>

NOTE!  above requires renderable HTML tag brackets "<" & ">" be replaced w/HTML entities "&lt;" & "&gt;", and use of "&nbsp;" entities to provide indentation.

The CSS:

.coding {
	color:blue;
	background: lightgrey;
	white-space: nowrap;
	padding:4px 4px 4px 10px;
	overflow-x: auto;
	border:1px solid grey;
}



Code in a "Blockquote" object with default CSS over-rides:

<script>
     $('someElement').doThis('toIt');
     $('anotherElement').doThat('onIt');
     $('lastElement').step1('withContents').step2('withContents').step3('withContents').step4('withContents').step5('withContents').step6('withContents');
</script>

The CSS (may/will differ for other designs):

blockquote {
	white-space:nowrap;
	overflow-x:auto;
	background:lightgrey;
	border:1px solid grey;
	color:blue;
}

.blockquote-container>.graphic,
.blockquote-container>.graphic:after {
	padding:0;
	background-image: none;
}


© SCD 2016