1<script class="brush: sass;" type="syntaxhighlighter">
2@mixin round_corners_custom($top, $right, $bottom, $left) {
3	-moz-border-radius: $top $right $bottom $left !important;
4	-webkit-border-radius: $top $right $bottom $left !important;
5}
6
7@mixin round_corners($radius) {
8	@include round_corners_custom($radius, $radius, $radius, $radius);
9}
10
11.syntaxhighlighter {
12	a,
13	div,
14	code,
15	table,
16	table td,
17	table tr,
18	table tbody,
19	table thead,
20	table caption,
21	textarea {
22		@include round_corners(0);
23
24		background: none !important;
25		border: 0 !important;
26		bottom: auto !important;
27		float: none !important;
28		height: auto !important;
29		left: auto !important;
30		line-height: 1.1em !important;
31		margin: 0 !important;
32		outline: 0 !important;
33		overflow: visible !important;
34		padding: 0 !important;
35		position: static !important;
36		right: auto !important;
37		text-align: left !important;
38		top: auto !important;
39		vertical-align: baseline !important;
40		width: auto !important;
41		font: {
42			family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
43			weight: normal !important;
44			style: normal !important;
45			size: 1em !important;
46		}
47		min: {
48			// For IE8, FF & WebKit
49			height: inherit !important;
50			// For IE7
51			height: auto !important;
52		}
53	}
54}
55
56.syntaxhighlighter {
57	width: 100% !important;
58	margin: 1em 0 1em 0 !important;
59
60	position: relative !important;
61	overflow: auto !important;
62	font-size: 1em !important;
63
64	&.source { overflow: hidden !important; }
65
66	// set up bold and italic
67	.bold { font-weight: bold !important; }
68	.italic { font-style: italic !important; }
69
70	.line { white-space: pre !important; }
71
72	// main table and columns
73	table {
74		width: 100% !important;
75		caption {
76			text-align: left !important;
77			padding: .5em 0 0.5em 1em !important;
78		}
79
80		td.code {
81			width: 100% !important;
82
83			.container {
84				position: relative !important;
85
86				textarea {
87					position: absolute !important;
88					left: 0 !important;
89					top: 0 !important;
90					width: 100% !important;
91					height: 120% !important;
92					border: none !important;
93					background: white !important;
94					padding-left: 1em !important;
95					overflow: hidden !important;
96					white-space: pre !important;
97				}
98			}
99		}
100
101		// middle spacing between line numbers and lines
102		td.gutter .line {
103			text-align: right !important;
104			padding: 0 0.5em 0 1em !important;
105		}
106
107		td.code .line {
108			padding: 0 1em !important;
109		}
110	}
111
112	&.nogutter {
113		td.code {
114			.container textarea, .line { padding-left: 0em !important; }
115		}
116	}
117
118	&.show { display: block !important; }
119
120	// Adjust some properties when collapsed
121	&.collapsed {
122		table { display: none !important; }
123
124		.toolbar {
125			padding: 0.1em 0.8em 0em 0.8em !important;
126			font-size: 1em !important;
127			position: static !important;
128			width: auto !important;
129			height: auto !important;
130
131			span {
132				display: inline !important;
133				margin-right: 1em !important;
134
135				a {
136					padding: 0 !important;
137					display: none !important;
138					&.expandSource, &.help { display: inline !important; }
139				}
140			}
141		}
142	}
143
144	// Styles for the toolbar
145	.toolbar {
146		position: absolute !important;
147		right: 1px !important;
148		top: 1px !important;
149		width: 11px !important;
150		height: 11px !important;
151		font-size: 10px !important;
152		z-index: 10 !important;
153
154		span.title { display: inline !important; }
155
156		a {
157			display: block !important;
158			text-align: center !important;
159			text-decoration: none !important;
160			padding-top: 1px !important;
161
162			&.expandSource { display: none !important; }
163		}
164	}
165
166	// Print view.
167	// Colors are based on the default theme without background.
168	&.printing {
169		.line.alt1 .content,
170		.line.alt2 .content,
171		.line.highlighted .number,
172		.line.highlighted.alt1 .content,
173		.line.highlighted.alt2 .content { background: none !important; }
174
175		// Gutter line numbers
176		.line {
177			.number { color: #bbbbbb !important; }
178			// Add border to the lines
179			.content { color: black !important; }
180		}
181
182		// Toolbar when visible
183		.toolbar { display: none !important; }
184		a { text-decoration: none !important; }
185		.plain, .plain a { color: black !important; }
186		.comments, .comments a { color: #008200 !important; }
187		.string, .string a { color: blue !important; }
188		.keyword {
189			color: #006699 !important;
190			font-weight: bold !important;
191		}
192		.preprocessor { color: gray !important; }
193		.variable { color: #aa7700 !important; }
194		.value { color: #009900 !important; }
195		.functions { color: #ff1493 !important; }
196		.constants { color: #0066cc !important; }
197		.script { font-weight: bold !important; }
198		.color1, .color1 a { color: gray !important; }
199		.color2, .color2 a { color: #ff1493 !important; }
200		.color3, .color3 a { color: red !important; }
201		.break, .break a { color: black !important; }
202	}
203}
204</script>