/*	$Id: syntax_plugin_code.css,v 1.13 2008/07/22 09:22:45 matthias Exp $

	Cascading Style Sheet for CODE syntax plugin
	Copyright (C) 2006, 2008  M.Watermann, D-10247 Berlin, FRG
	EMail : <support@mwat.de>

	--- using mostly web-safe colours ---

	NOTE:
		The file "syntax_plugin_code.css" is _not_ used by DokuWiki!
		It is provided for informational purposes only.
		If you want to change the styling rules either change the settings
		in the file "style.css" or rename this file to "style.css".
*/

/*	The main preformatted block containing the highlighted code.
 */
div.dokuwiki pre.code,
pre.code,
div.dokuwiki pre.console,
pre.console {
	border:			thin dotted #ccc;
	margin:			1ex 0;
	line-height:	1.33;
	overflow:		auto;
	text-indent:	0;	/* for code snippets in footnotes */
	max-height:		40em;
	max-width:		99%;
}
div.dokuwiki pre.code,
pre.code {
	background:	#fcfdfe none;
	color:		#000;
	padding:	0.4ex;
}

/*	The various code parts */

/*	DIFF (patch file) highlighting
	(Note: This are the same classnames as used with the DIFF syntax plugin.)
*/
.code .diff_addedline {
	background:	#cfc none;
	color:		#000;
}
.code .diff_blockheader {
	background:	#ccf none;
	color:		#000;
}
.code .diff_deletedline {
	background:	#fcc none;
	color:		#000;
}

/*	Other code fragments.
 */
.code .br0 {
	background:	inherit;
	color:	#369;
}
.code .co1,
.code .co2,
.code .coMULTI,
.code .kw2,
.code .lno {
	font-style:	italic;
}
.code .br0,
.code .co2,
.code .es0,
.code .kw1,
.code .kw2,
.code .kw3,
.code .lno {
	font-weight:	600;
}
.code .co1,
.code .co2,
.code .coMULTI {
	background:	inherit;
	color:		#666;
}
.code .es0 {
	background:	inherit;
	color:		#c09;
}
.code .imp {
	background:	inherit;
	color:		#909;
}
.code .kw1 {
	background:	inherit;
	color:		#903;
}
.code .kw2 {
	background:	inherit;
	color:		#036;
}
.code .kw3 {
	background:	inherit;
	color:		#309;
}
.code .kw4 {
	background:	inherit;
	color:		#933;
}
.code .kw5 {
	background:	inherit;
	color:		#00f;
}
.code .lno {
	background:	inherit;
	color:		#999;
	font-size:	smaller;
}
.code .me0 {
	background:	inherit;
	color:		#060;
}
.code .nu0 {
	background:	inherit;
	color:		#939;
}
.code .re0 {
	background:	inherit;
	color:		#606;
}
.code .re1 {
	background:	inherit;
	color:		#660;
}
.code .re2 {
	background:	inherit;
	color:		#063;
}
.code .re3 {
	background:	inherit;
	color:			#963;
	font-style:		italic;
	font-weight:	400;
}
.code .re4 {
	background:	inherit;
	color:		#099;
}
.code .sc0 {
	background:	inherit;
	color:		#069;
}
.code .sc1 {
	background:	inherit;
	color:		#960;
}
.code .sc2 {
	background:	inherit;
	color:		#090;
}
.code .st0 {
	background:	inherit;
	color:		#900;
}
.code .sy0 {
	background:	inherit;
	color:		#6c6;
}
pre.code a {
	border:		none;
}

/*	Pseudo language "console".
 */
div.dokuwiki pre.console,
pre.console {
	background:		#333 none;
	color:			#fff;
	font-weight:	900;
	padding:		0.4ex 0.3ex 0.6ex 0.6ex;
}
div.dokuwiki pre.console .lno,
pre.console .lno {
	background:		inherit;
	color:			#cff;
	font-size:		smaller;
	font-style:		italic;
}

/*	Footer/header related settings.
 */
div.code {
	margin:		0.4ex 0;	/* We use both to support even ... */
	padding:	0.4ex 0;	/* ... broken browsers like M$IE. */
}
div.code pre.code {
	margin:		0;	/* PRE inside DIV doesn't need a margin */
}
div.code p.codehead,
div.code p.codefoot {
	color:		#030;
	background:	inherit;
	line-height:	1.33;
	text-align:	left;
	padding:	0 0 0 1ex;
}
div.code p.codehead {
	margin:		0.6ex 0 0 0;
	text-decoration:	underline;
}
div.code p.codefoot {
	margin:		0 0 0.6ex 0;
	text-decoration:	underline;
}

/*	Classes to toggle visibility.
	The following settings are used only via JavaScript.
*/

/*	Graphical indicators for toggleable elements.
 */
div.code p.codeHidden {
	background-image:	url(img/plus-11x11.gif);
}
div.code p.codeShown {
	background-image:	url(img/minus-11x11.gif);
}
div.code p.codeHidden,
div.code p.codeShown {
	padding-left:	13px;
	background-repeat:	no-repeat;
	background-position: 0 50%;	/* left middle */
	cursor:		pointer;
}

/*	Graphical feedback to indicate the clickable elements.
 */
div.code p.codeHidden:hover,
div.code p.codeShown:hover {
	background-color:	#ddffdd;
	color:		#030;
	text-decoration:	none;
}

div.code pre.codeHidden {
	display:	none;
}
div.code pre.codeShown {
	display:	block;
}

/*	An alternative to switching ON/OFF the whole block
	could be to set the max-height property, e.g.:

div.code pre.codeHidden {
	max-height:	3em;
}
div.code pre.codeShown {
	max-height:	50em;
}
*/

/* _EoF_ */