1/*	$Id: syntax_plugin_tip.css,v 1.7 2008/05/25 09:17:18 matthias Exp $
2	Cascading Style Sheet for the TIP syntax plugin
3	Copyright (C) 2006, 2007  M.Watermann, D-10247 Berlin, FRG
4	EMail : <support@mwat.de>
5
6	NOTE:
7		This file is _not_ used by DokuWiki!
8		It is provided for informational purposes only.
9		If you want to change the styling rules either change the settings
10		in the file "style.css" or rename this file to "style.css".
11*/
12
13/* Common settings for all tipXXX classes */
14.tipAll {
15	font-family:		"Trebuchet MS", "Bitstream Vera Sans", Helvetica, sans-serif;
16	font-size:			94.4%;	/* just a little bit smaller */
17	/* try to align with the surrounding text: */
18	margin:				0.6ex 0 0.4ex 0;
19	padding:			0 0.6ex 0.2ex 0.6ex;
20	line-height:		1.2;
21	border:				1px solid #999;
22	color:				#000;
23	background-color:	#ffffee;
24	background-image:	none;	/* overwritten for some classes below */
25	background-repeat:	no-repeat;
26	background-position:	1px 1px;	/* do not touch the outer border */
27	min-height:			28px;	/* not supported by M$IE */
28	min-width:			25%;	/* dito */
29	width:				auto;
30	max-width:			31%;	/* dito */
31}
32
33/* M$IE bug workaround for left and right aligned tips: */
34* html body .tipld,
35* html body .tipldh,
36* html body .tipldi,
37* html body .tipldn,
38* html body .tipldw,
39* html body .tiple,
40* html body .tipleh,
41* html body .tiplei,
42* html body .tiplen,
43* html body .tiplew,
44* html body .tiplu,
45* html body .tipluh,
46* html body .tiplui,
47* html body .tiplun,
48* html body .tipluw,
49* html body .tiprd,
50* html body .tiprdh,
51* html body .tiprdi,
52* html body .tiprdn,
53* html body .tiprdw,
54* html body .tipre,
55* html body .tipreh,
56* html body .tiprei,
57* html body .tipren,
58* html body .tiprew,
59* html body .tipru,
60* html body .tipruh,
61* html body .tiprui,
62* html body .tiprun,
63* html body .tiprw {
64	width:	30%;
65}
66
67/* Size the embedded elements */
68.tipAll * {
69	font-size:	99.9%;
70	margin:		0 auto;
71}
72
73/* Horizontal margins and orientation */
74.tipcd,
75.tipcdh,
76.tipcdi,
77.tipcdn,
78.tipcdw,
79.tipce,
80.tipceh,
81.tipcei,
82.tipcen,
83.tipcew,
84.tipcu,
85.tipcuh,
86.tipcui,
87.tipcun,
88.tipcuw {
89	margin-left:	auto;
90	margin-right:	auto;
91	padding-top:	1ex;	/* keep a small distance */
92	text-align:		center;
93	width:			auto;
94	max-width:		62%;	/* not supported by M$IE */
95}
96/* M$IE bug workaround for centered tips */
97* html body .tipcd,
98* html body .tipcdh,
99* html body .tipcdi,
100* html body .tipcdn,
101* html body .tipcdw,
102* html body .tipce,
103* html body .tipceh,
104* html body .tipcei,
105* html body .tipcen,
106* html body .tipcew,
107* html body .tipcu,
108* html body .tipcuh,
109* html body .tipcui,
110* html body .tipcun,
111* html body .tipcuw {	/* M$IE */
112	width:		62%;
113}
114/* Left aligned tips */
115.tipld,
116.tipldh,
117.tipldi,
118.tipldn,
119.tipldw,
120.tiple,
121.tipleh,
122.tiplei,
123.tiplen,
124.tiplew,
125.tiplu,
126.tipluh,
127.tiplui,
128.tiplun,
129.tipluw {
130	float:			left;
131	text-align:		left;
132	margin-right:	1.5ex;
133}
134/* Right aligned tips */
135.tiprd,
136.tiprdh,
137.tiprdi,
138.tiprdn,
139.tiprdw,
140.tipre,
141.tipreh,
142.tiprei,
143.tipren,
144.tiprew,
145.tipru,
146.tipruh,
147.tiprui,
148.tiprun,
149.tipruw {
150	float:			right;
151	text-align:		right;
152	margin-left:	1.5ex;
153	padding-right:	1ex;
154}
155
156/* Vertical alignments */
157.tipcd,
158.tipcdh,
159.tipcdi,
160.tipcdn,
161.tipcdw,
162.tipld,
163.tipldh,
164.tipldi,
165.tipldn,
166.tipldw,
167.tiprd,
168.tiprdh,
169.tiprdi,
170.tiprdn,
171.tiprdw {
172	margin-top:		1.2em;	/* matching "line-height" setup above */
173	margin-bottom:	0;
174}
175.tipcu,
176.tipcuh,
177.tipcui,
178.tipcun,
179.tipcuw,
180.tiplu,
181.tipluh,
182.tiplui,
183.tiplun,
184.tipluw,
185.tipru,
186.tipruh,
187.tiprui,
188.tiprun,
189.tipruw {
190	/*	Careful: Moving up too much will mangle
191		the tip's text with the contents above it! */
192	margin-top:	-1ex;
193}
194
195/* Setup images (all of size 24x24 px) */
196.tipcdh,
197.tipceh,
198.tipcuh,
199.tipldh,
200.tipleh,
201.tipluh,
202.tiprdh,
203.tipreh,
204.tipruh {
205	background-image:	url(img/hint.gif);
206}
207.tipcdi,
208.tipcei,
209.tipcui,
210.tipldi,
211.tiplei,
212.tiplui,
213.tiprdi,
214.tiprei,
215.tiprui {
216	background-image:	url(img/info.gif);
217	border-color:		#060;
218}
219.tipcdn,
220.tipcen,
221.tipcun,
222.tipldn,
223.tiplen,
224.tiplun,
225.tiprdn,
226.tipren,
227.tiprun {
228	background-image:	url(img/note.gif);
229	border-color:		#006;
230}
231.tipcdw,
232.tipcew,
233.tipcuw,
234.tipldw,
235.tiplew,
236.tipluw,
237.tiprdw,
238.tiprew,
239.tipruw {
240	background-image:	url(img/warn.gif);
241	border-color:		#600;
242}
243
244/* Make sure not to overwrite the bg image */
245.tipcdh,
246.tipceh,
247.tipcuh,
248.tipldh,
249.tipleh,
250.tipluh,
251.tiprdh,
252.tipreh,
253.tipruh,
254.tipcdi,
255.tipcei,
256.tipcui,
257.tipldi,
258.tiplei,
259.tiplui,
260.tiprdi,
261.tiprei,
262.tiprui,
263.tipcdn,
264.tipcen,
265.tipcun,
266.tipldn,
267.tiplen,
268.tiplun,
269.tiprdn,
270.tipren,
271.tiprun,
272.tipcdw,
273.tipcew,
274.tipcuw,
275.tipldw,
276.tiplew,
277.tipluw,
278.tiprdw,
279.tiprew,
280.tipruw {
281	padding-left:	28px;	/* Image width plus 4px margin */
282}
283/* _EoF_ */
284