1/*	$Id: syntax_plugin_code.css,v 1.13 2008/07/22 09:22:45 matthias Exp $
2
3	Cascading Style Sheet for CODE syntax plugin
4	Copyright (C) 2006, 2008  M.Watermann, D-10247 Berlin, FRG
5	EMail : <support@mwat.de>
6
7	--- using mostly web-safe colours ---
8
9	NOTE:
10		The file "syntax_plugin_code.css" is _not_ used by DokuWiki!
11		It is provided for informational purposes only.
12		If you want to change the styling rules either change the settings
13		in the file "style.css" or rename this file to "style.css".
14*/
15
16/*	The main preformatted block containing the highlighted code.
17 */
18div.dokuwiki pre.code,
19pre.code,
20div.dokuwiki pre.console,
21pre.console {
22	border:			thin dotted #ccc;
23	margin:			1ex 0;
24	line-height:	1.33;
25	overflow:		auto;
26	text-indent:	0;	/* for code snippets in footnotes */
27	max-height:		40em;
28	max-width:		99%;
29}
30div.dokuwiki pre.code,
31pre.code {
32	background:	#fcfdfe none;
33	color:		#000;
34	padding:	0.4ex;
35}
36
37/*	The various code parts */
38
39/*	DIFF (patch file) highlighting
40	(Note: This are the same classnames as used with the DIFF syntax plugin.)
41*/
42.code .diff_addedline {
43	background:	#cfc none;
44	color:		#000;
45}
46.code .diff_blockheader {
47	background:	#ccf none;
48	color:		#000;
49}
50.code .diff_deletedline {
51	background:	#fcc none;
52	color:		#000;
53}
54
55/*	Other code fragments.
56 */
57.code .br0 {
58	background:	inherit;
59	color:	#369;
60}
61.code .co1,
62.code .co2,
63.code .coMULTI,
64.code .kw2,
65.code .lno {
66	font-style:	italic;
67}
68.code .br0,
69.code .co2,
70.code .es0,
71.code .kw1,
72.code .kw2,
73.code .kw3,
74.code .lno {
75	font-weight:	600;
76}
77.code .co1,
78.code .co2,
79.code .coMULTI {
80	background:	inherit;
81	color:		#666;
82}
83.code .es0 {
84	background:	inherit;
85	color:		#c09;
86}
87.code .imp {
88	background:	inherit;
89	color:		#909;
90}
91.code .kw1 {
92	background:	inherit;
93	color:		#903;
94}
95.code .kw2 {
96	background:	inherit;
97	color:		#036;
98}
99.code .kw3 {
100	background:	inherit;
101	color:		#309;
102}
103.code .kw4 {
104	background:	inherit;
105	color:		#933;
106}
107.code .kw5 {
108	background:	inherit;
109	color:		#00f;
110}
111.code .lno {
112	background:	inherit;
113	color:		#999;
114	font-size:	smaller;
115}
116.code .me0 {
117	background:	inherit;
118	color:		#060;
119}
120.code .nu0 {
121	background:	inherit;
122	color:		#939;
123}
124.code .re0 {
125	background:	inherit;
126	color:		#606;
127}
128.code .re1 {
129	background:	inherit;
130	color:		#660;
131}
132.code .re2 {
133	background:	inherit;
134	color:		#063;
135}
136.code .re3 {
137	background:	inherit;
138	color:			#963;
139	font-style:		italic;
140	font-weight:	400;
141}
142.code .re4 {
143	background:	inherit;
144	color:		#099;
145}
146.code .sc0 {
147	background:	inherit;
148	color:		#069;
149}
150.code .sc1 {
151	background:	inherit;
152	color:		#960;
153}
154.code .sc2 {
155	background:	inherit;
156	color:		#090;
157}
158.code .st0 {
159	background:	inherit;
160	color:		#900;
161}
162.code .sy0 {
163	background:	inherit;
164	color:		#6c6;
165}
166pre.code a {
167	border:		none;
168}
169
170/*	Pseudo language "console".
171 */
172div.dokuwiki pre.console,
173pre.console {
174	background:		#333 none;
175	color:			#fff;
176	font-weight:	900;
177	padding:		0.4ex 0.3ex 0.6ex 0.6ex;
178}
179div.dokuwiki pre.console .lno,
180pre.console .lno {
181	background:		inherit;
182	color:			#cff;
183	font-size:		smaller;
184	font-style:		italic;
185}
186
187/*	Footer/header related settings.
188 */
189div.code {
190	margin:		0.4ex 0;	/* We use both to support even ... */
191	padding:	0.4ex 0;	/* ... broken browsers like M$IE. */
192}
193div.code pre.code {
194	margin:		0;	/* PRE inside DIV doesn't need a margin */
195}
196div.code p.codehead,
197div.code p.codefoot {
198	color:		#030;
199	background:	inherit;
200	line-height:	1.33;
201	text-align:	left;
202	padding:	0 0 0 1ex;
203}
204div.code p.codehead {
205	margin:		0.6ex 0 0 0;
206	text-decoration:	underline;
207}
208div.code p.codefoot {
209	margin:		0 0 0.6ex 0;
210	text-decoration:	underline;
211}
212
213/*	Classes to toggle visibility.
214	The following settings are used only via JavaScript.
215*/
216
217/*	Graphical indicators for toggleable elements.
218 */
219div.code p.codeHidden {
220	background-image:	url(img/plus-11x11.gif);
221}
222div.code p.codeShown {
223	background-image:	url(img/minus-11x11.gif);
224}
225div.code p.codeHidden,
226div.code p.codeShown {
227	padding-left:	13px;
228	background-repeat:	no-repeat;
229	background-position: 0 50%;	/* left middle */
230	cursor:		pointer;
231}
232
233/*	Graphical feedback to indicate the clickable elements.
234 */
235div.code p.codeHidden:hover,
236div.code p.codeShown:hover {
237	background-color:	#ddffdd;
238	color:		#030;
239	text-decoration:	none;
240}
241
242div.code pre.codeHidden {
243	display:	none;
244}
245div.code pre.codeShown {
246	display:	block;
247}
248
249/*	An alternative to switching ON/OFF the whole block
250	could be to set the max-height property, e.g.:
251
252div.code pre.codeHidden {
253	max-height:	3em;
254}
255div.code pre.codeShown {
256	max-height:	50em;
257}
258*/
259
260/* _EoF_ */
261