SyntaxHighlighter - CSS Example

      .syntaxhighlighter,
      .syntaxhighlighter .bold,
      .syntaxhighlighter .italic,
      .syntaxhighlighter .line .number,
      .syntaxhighlighter.nogutter .line .number,
      .syntaxhighlighter .line .content,
      .syntaxhighlighter .line .content code,
      .syntaxhighlighter .line .content .block,
      .syntaxhighlighter .line .content .spaces,
      .syntaxhighlighter.nogutter .line .content,
      .syntaxhighlighter .bar,
      .syntaxhighlighter.collapsed .bar,
      .syntaxhighlighter.nogutter .bar,
      .syntaxhighlighter .ruler,
      .syntaxhighlighter.collapsed .lines,
      .syntaxhighlighter.collapsed .ruler,
      .syntaxhighlighter.printing,
      .syntaxhighlighter.printing .tools,
      .syntaxhighlighter.printing li,
      .syntaxhighlighter .toolbar,
      .syntaxhighlighter.nogutter .toolbar,
      .syntaxhighlighter.collapsed .toolbar,
      .syntaxhighlighter .toolbar a,
      .syntaxhighlighter .toolbar a:hover
      {
      	margin: 0;
      	padding: 0;
      	border: 0;
      	outline: 0;
      	background: none;
      	text-align: left;
      	float: none;
      	vertical-align: baseline;
      	position: static;
      	left: auto;
      	top: auto;
      	right: auto;
      	bottom: auto;
      	height: auto;
      	width: auto;
      	line-height: normal;
      	font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
      	font-weight: normal;
      	font-style: normal;
      	font-size: 100%;
      }
      
      .syntaxhighlighter
      {
      	font-size: 16px;
      	width: 99%;
      	overflow: auto;
      	margin: 18px 0 18px 0 !important;
      	padding-top: 1px; /* adds a little border on top when controls are hidden */
      }
      
      .syntaxhighlighter .bold {
      	font-weight: bold;
      }
      
      .syntaxhighlighter .italic {
      	font-style: italic;
      }
      
      .syntaxhighlighter .line .number
      {
      	float: left; 
      	width: 45px; 
      	padding-right: 5px;
      	text-align: right;
      	display: block;
      }
      
      /* Disable numbers when no gutter option is set */
      .syntaxhighlighter.nogutter .line .number
      {
      	display: none;
      }
      
      .syntaxhighlighter .line .content
      {
      	margin-left: 50px; 
      	padding-left: 4px;
      	display: block;
      }
      
      .syntaxhighlighter .line .content .block
      {
      	display: block;
      	padding-left: 18px;
      	text-indent: -18px;
      }
      
      .syntaxhighlighter .line .content .spaces
      {
      	display: none;
      }
      
      /* Disable border and margin on the lines when no gutter option is set */
      .syntaxhighlighter.nogutter .line .content
      {
      	margin-left: 0; 
      	border-left: none;
      }
      
      .syntaxhighlighter .bar
      {
      	padding-left: 50px;
      }
      
      .syntaxhighlighter.collapsed .bar,
      .syntaxhighlighter.nogutter .bar
      {
      	padding-left: 0px;
      }
      
      .syntaxhighlighter .ruler
      {
      	padding-left: 4px;
      	overflow: hidden;
      	padding-bottom: 2px;
      }
      
      /* Adjust some properties when collapsed */
      
      .syntaxhighlighter.collapsed .lines,
      .syntaxhighlighter.collapsed .ruler
      {
      	display: none;
      }
      
      /* Additional modifications when in print-view */
      
      .syntaxhighlighter.printing
      {
      	border: none !important;
      }
      
      .syntaxhighlighter.printing .bar
      {
      	display: none !important;
      }
      
      /* Styles for the tools */
      
      .syntaxhighlighter .toolbar
      {
      	font-size: 80%;
      	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
      	padding: 1px 5px 5px 5px;
      }
      
      .syntaxhighlighter.nogutter .toolbar
      {
      	border-left: 0;
      }
      
      .syntaxhighlighter.collapsed .toolbar
      {
      	border-bottom: 0;
      }
      
      .syntaxhighlighter .toolbar a
      {
      	text-decoration: none;
      	margin-right: 10px;
      }
      
      .syntaxhighlighter .toolbar a:hover
      {
      	text-decoration: underline;
      	margin-right: 10px;
      }

Brush name	Brush aliases	File name
ActionScript3	as3, actionscript3	shBrushAS3.js
Bash/shell	bash, shell	shBrushBash.js
ColdFusion	cf, coldfusion	shBrushColdFusion.js
C#	c-sharp, csharp	shBrushCSharp.js
C++	cpp, c	shBrushCpp.js
CSS	css	shBrushCss.js
Delphi	delphi, pas, pascal	shBrushDelphi.js
Diff	diff, patch	shBrushDiff.js
Erlang	erl, erlang	shBrushErlang.js
Groovy	groovy	shBrushGroovy.js
JavaScript	js, jscript, javascript	shBrushJScript.js
Java	java	shBrushJava.js
JavaFX	jfx, javafx	shBrushJavaFX.js
Perl	perl, pl	shBrushPerl.js
PHP	php	shBrushPhp.js
Plain Text	plain, text	shBrushPlain.js
PowerShell	ps, powershell	shBrushPowerShell.js
Python	py, python	shBrushPython.js
Ruby	rails, ror, ruby	shBrushRuby.js
Scala	scala	shBrushScala.js
SQL	sql	shBrushSql.js
Visual Basic	vb, vbnet	shBrushVb.js
XML	xml, xhtml, xslt, html, xhtml	shBrushXml.js

SyntaxHighlighter 3.0.83

CSS Example