/*	$Id: syntax_plugin_tip.css,v 1.7 2008/05/25 09:17:18 matthias Exp $
	Cascading Style Sheet for the TIP syntax plugin
	Copyright (C) 2006, 2007  M.Watermann, D-10247 Berlin, FRG
	EMail : <support@mwat.de>

	NOTE:
		This file 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".
*/

/* Common settings for all tipXXX classes */
.tipAll {
	font-family:		"Trebuchet MS", "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size:			94.4%;	/* just a little bit smaller */
	/* try to align with the surrounding text: */
	margin:				0.6ex 0 0.4ex 0;
	padding:			0 0.6ex 0.2ex 0.6ex;
	line-height:		1.2;
	border:				1px solid #999;
	color:				#000;
	background-color:	#ffffee;
	background-image:	none;	/* overwritten for some classes below */
	background-repeat:	no-repeat;
	background-position:	1px 1px;	/* do not touch the outer border */
	min-height:			28px;	/* not supported by M$IE */
	min-width:			25%;	/* dito */
	width:				auto;
	max-width:			31%;	/* dito */
}

/* M$IE bug workaround for left and right aligned tips: */
* html body .tipld,
* html body .tipldh,
* html body .tipldi,
* html body .tipldn,
* html body .tipldw,
* html body .tiple,
* html body .tipleh,
* html body .tiplei,
* html body .tiplen,
* html body .tiplew,
* html body .tiplu,
* html body .tipluh,
* html body .tiplui,
* html body .tiplun,
* html body .tipluw,
* html body .tiprd,
* html body .tiprdh,
* html body .tiprdi,
* html body .tiprdn,
* html body .tiprdw,
* html body .tipre,
* html body .tipreh,
* html body .tiprei,
* html body .tipren,
* html body .tiprew,
* html body .tipru,
* html body .tipruh,
* html body .tiprui,
* html body .tiprun,
* html body .tiprw {
	width:	30%;
}

/* Size the embedded elements */
.tipAll * {
	font-size:	99.9%;
	margin:		0 auto;
}

/* Horizontal margins and orientation */
.tipcd,
.tipcdh,
.tipcdi,
.tipcdn,
.tipcdw,
.tipce,
.tipceh,
.tipcei,
.tipcen,
.tipcew,
.tipcu,
.tipcuh,
.tipcui,
.tipcun,
.tipcuw {
	margin-left:	auto;
	margin-right:	auto;
	padding-top:	1ex;	/* keep a small distance */
	text-align:		center;
	width:			auto;
	max-width:		62%;	/* not supported by M$IE */
}
/* M$IE bug workaround for centered tips */
* html body .tipcd,
* html body .tipcdh,
* html body .tipcdi,
* html body .tipcdn,
* html body .tipcdw,
* html body .tipce,
* html body .tipceh,
* html body .tipcei,
* html body .tipcen,
* html body .tipcew,
* html body .tipcu,
* html body .tipcuh,
* html body .tipcui,
* html body .tipcun,
* html body .tipcuw {	/* M$IE */
	width:		62%;
}
/* Left aligned tips */
.tipld,
.tipldh,
.tipldi,
.tipldn,
.tipldw,
.tiple,
.tipleh,
.tiplei,
.tiplen,
.tiplew,
.tiplu,
.tipluh,
.tiplui,
.tiplun,
.tipluw {
	float:			left;
	text-align:		left;
	margin-right:	1.5ex;
}
/* Right aligned tips */
.tiprd,
.tiprdh,
.tiprdi,
.tiprdn,
.tiprdw,
.tipre,
.tipreh,
.tiprei,
.tipren,
.tiprew,
.tipru,
.tipruh,
.tiprui,
.tiprun,
.tipruw {
	float:			right;
	text-align:		right;
	margin-left:	1.5ex;
	padding-right:	1ex;
}

/* Vertical alignments */
.tipcd,
.tipcdh,
.tipcdi,
.tipcdn,
.tipcdw,
.tipld,
.tipldh,
.tipldi,
.tipldn,
.tipldw,
.tiprd,
.tiprdh,
.tiprdi,
.tiprdn,
.tiprdw {
	margin-top:		1.2em;	/* matching "line-height" setup above */
	margin-bottom:	0;
}
.tipcu,
.tipcuh,
.tipcui,
.tipcun,
.tipcuw,
.tiplu,
.tipluh,
.tiplui,
.tiplun,
.tipluw,
.tipru,
.tipruh,
.tiprui,
.tiprun,
.tipruw {
	/*	Careful: Moving up too much will mangle
		the tip's text with the contents above it! */
	margin-top:	-1ex;
}

/* Setup images (all of size 24x24 px) */
.tipcdh,
.tipceh,
.tipcuh,
.tipldh,
.tipleh,
.tipluh,
.tiprdh,
.tipreh,
.tipruh {
	background-image:	url(img/hint.gif);
}
.tipcdi,
.tipcei,
.tipcui,
.tipldi,
.tiplei,
.tiplui,
.tiprdi,
.tiprei,
.tiprui {
	background-image:	url(img/info.gif);
	border-color:		#060;
}
.tipcdn,
.tipcen,
.tipcun,
.tipldn,
.tiplen,
.tiplun,
.tiprdn,
.tipren,
.tiprun {
	background-image:	url(img/note.gif);
	border-color:		#006;
}
.tipcdw,
.tipcew,
.tipcuw,
.tipldw,
.tiplew,
.tipluw,
.tiprdw,
.tiprew,
.tipruw {
	background-image:	url(img/warn.gif);
	border-color:		#600;
}

/* Make sure not to overwrite the bg image */
.tipcdh,
.tipceh,
.tipcuh,
.tipldh,
.tipleh,
.tipluh,
.tiprdh,
.tipreh,
.tipruh,
.tipcdi,
.tipcei,
.tipcui,
.tipldi,
.tiplei,
.tiplui,
.tiprdi,
.tiprei,
.tiprui,
.tipcdn,
.tipcen,
.tipcun,
.tipldn,
.tiplen,
.tiplun,
.tiprdn,
.tipren,
.tiprun,
.tipcdw,
.tipcew,
.tipcuw,
.tipldw,
.tiplew,
.tipluw,
.tiprdw,
.tiprew,
.tipruw {
	padding-left:	28px;	/* Image width plus 4px margin */
}
/* _EoF_ */