contact-forms / PFBC / Resources / tiny_mce / plugins / inlinepopups / template.htm

template.htm in Contact Forms by Cimatti 1.4.1, at PFBC/Resources/tiny_mce/plugins/inlinepopups/template.htm

388 lines 12.6 KB

Raw Download Zip

1	<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -->
2	<html xmlns="http://www.w3.org/1999/xhtml">
3	<head>
4	<title>Template for dialogs</title>
5	<link rel="stylesheet" type="text/css" href="skins/clearlooks2/window.css" />
6	</head>
7	<body>
8
9	<div class="mceEditor">
10	<div class="clearlooks2" style="width:400px; height:100px; left:10px;">
11	<div class="mceWrapper">
12	<div class="mceTop">
13	<div class="mceLeft"></div>
14	<div class="mceCenter"></div>
15	<div class="mceRight"></div>
16	<span>Blured</span>
17	</div>
18
19	<div class="mceMiddle">
20	<div class="mceLeft"></div>
21	<span>Content</span>
22	<div class="mceRight"></div>
23	</div>
24
25	<div class="mceBottom">
26	<div class="mceLeft"></div>
27	<div class="mceCenter"></div>
28	<div class="mceRight"></div>
29	<span>Statusbar text.</span>
30	</div>
31
32	<a class="mceMove" href="#"></a>
33	<a class="mceMin" href="#"></a>
34	<a class="mceMax" href="#"></a>
35	<a class="mceMed" href="#"></a>
36	<a class="mceClose" href="#"></a>
37	<a class="mceResize mceResizeN" href="#"></a>
38	<a class="mceResize mceResizeS" href="#"></a>
39	<a class="mceResize mceResizeW" href="#"></a>
40	<a class="mceResize mceResizeE" href="#"></a>
41	<a class="mceResize mceResizeNW" href="#"></a>
42	<a class="mceResize mceResizeNE" href="#"></a>
43	<a class="mceResize mceResizeSW" href="#"></a>
44	<a class="mceResize mceResizeSE" href="#"></a>
45	</div>
46	</div>
47
48	<div class="clearlooks2" style="width:400px; height:100px; left:420px;">
49	<div class="mceWrapper mceMovable mceFocus">
50	<div class="mceTop">
51	<div class="mceLeft"></div>
52	<div class="mceCenter"></div>
53	<div class="mceRight"></div>
54	<span>Focused</span>
55	</div>
56
57	<div class="mceMiddle">
58	<div class="mceLeft"></div>
59	<span>Content</span>
60	<div class="mceRight"></div>
61	</div>
62
63	<div class="mceBottom">
64	<div class="mceLeft"></div>
65	<div class="mceCenter"></div>
66	<div class="mceRight"></div>
67	<span>Statusbar text.</span>
68	</div>
69
70	<a class="mceMove" href="#"></a>
71	<a class="mceMin" href="#"></a>
72	<a class="mceMax" href="#"></a>
73	<a class="mceMed" href="#"></a>
74	<a class="mceClose" href="#"></a>
75	<a class="mceResize mceResizeN" href="#"></a>
76	<a class="mceResize mceResizeS" href="#"></a>
77	<a class="mceResize mceResizeW" href="#"></a>
78	<a class="mceResize mceResizeE" href="#"></a>
79	<a class="mceResize mceResizeNW" href="#"></a>
80	<a class="mceResize mceResizeNE" href="#"></a>
81	<a class="mceResize mceResizeSW" href="#"></a>
82	<a class="mceResize mceResizeSE" href="#"></a>
83	</div>
84	</div>
85
86	<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:120px;">
87	<div class="mceWrapper mceMovable mceFocus mceStatusbar">
88	<div class="mceTop">
89	<div class="mceLeft"></div>
90	<div class="mceCenter"></div>
91	<div class="mceRight"></div>
92	<span>Statusbar</span>
93	</div>
94
95	<div class="mceMiddle">
96	<div class="mceLeft"></div>
97	<span>Content</span>
98	<div class="mceRight"></div>
99	</div>
100
101	<div class="mceBottom">
102	<div class="mceLeft"></div>
103	<div class="mceCenter"></div>
104	<div class="mceRight"></div>
105	<span>Statusbar text.</span>
106	</div>
107
108	<a class="mceMove" href="#"></a>
109	<a class="mceMin" href="#"></a>
110	<a class="mceMax" href="#"></a>
111	<a class="mceMed" href="#"></a>
112	<a class="mceClose" href="#"></a>
113	<a class="mceResize mceResizeN" href="#"></a>
114	<a class="mceResize mceResizeS" href="#"></a>
115	<a class="mceResize mceResizeW" href="#"></a>
116	<a class="mceResize mceResizeE" href="#"></a>
117	<a class="mceResize mceResizeNW" href="#"></a>
118	<a class="mceResize mceResizeNE" href="#"></a>
119	<a class="mceResize mceResizeSW" href="#"></a>
120	<a class="mceResize mceResizeSE" href="#"></a>
121	</div>
122	</div>
123
124	<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:120px;">
125	<div class="mceWrapper mceMovable mceFocus mceStatusbar mceResizable">
126	<div class="mceTop">
127	<div class="mceLeft"></div>
128	<div class="mceCenter"></div>
129	<div class="mceRight"></div>
130	<span>Statusbar, Resizable</span>
131	</div>
132
133	<div class="mceMiddle">
134	<div class="mceLeft"></div>
135	<span>Content</span>
136	<div class="mceRight"></div>
137	</div>
138
139	<div class="mceBottom">
140	<div class="mceLeft"></div>
141	<div class="mceCenter"></div>
142	<div class="mceRight"></div>
143	<span>Statusbar text.</span>
144	</div>
145
146	<a class="mceMove" href="#"></a>
147	<a class="mceMin" href="#"></a>
148	<a class="mceMax" href="#"></a>
149	<a class="mceMed" href="#"></a>
150	<a class="mceClose" href="#"></a>
151	<a class="mceResize mceResizeN" href="#"></a>
152	<a class="mceResize mceResizeS" href="#"></a>
153	<a class="mceResize mceResizeW" href="#"></a>
154	<a class="mceResize mceResizeE" href="#"></a>
155	<a class="mceResize mceResizeNW" href="#"></a>
156	<a class="mceResize mceResizeNE" href="#"></a>
157	<a class="mceResize mceResizeSW" href="#"></a>
158	<a class="mceResize mceResizeSE" href="#"></a>
159	</div>
160	</div>
161
162	<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:230px;">
163	<div class="mceWrapper mceMovable mceFocus mceResizable mceMaximizable">
164	<div class="mceTop">
165	<div class="mceLeft"></div>
166	<div class="mceCenter"></div>
167	<div class="mceRight"></div>
168	<span>Resizable, Maximizable</span>
169	</div>
170
171	<div class="mceMiddle">
172	<div class="mceLeft"></div>
173	<span>Content</span>
174	<div class="mceRight"></div>
175	</div>
176
177	<div class="mceBottom">
178	<div class="mceLeft"></div>
179	<div class="mceCenter"></div>
180	<div class="mceRight"></div>
181	<span>Statusbar text.</span>
182	</div>
183
184	<a class="mceMove" href="#"></a>
185	<a class="mceMin" href="#"></a>
186	<a class="mceMax" href="#"></a>
187	<a class="mceMed" href="#"></a>
188	<a class="mceClose" href="#"></a>
189	<a class="mceResize mceResizeN" href="#"></a>
190	<a class="mceResize mceResizeS" href="#"></a>
191	<a class="mceResize mceResizeW" href="#"></a>
192	<a class="mceResize mceResizeE" href="#"></a>
193	<a class="mceResize mceResizeNW" href="#"></a>
194	<a class="mceResize mceResizeNE" href="#"></a>
195	<a class="mceResize mceResizeSW" href="#"></a>
196	<a class="mceResize mceResizeSE" href="#"></a>
197	</div>
198	</div>
199
200	<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:230px;">
201	<div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximizable">
202	<div class="mceTop">
203	<div class="mceLeft"></div>
204	<div class="mceCenter"></div>
205	<div class="mceRight"></div>
206	<span>Blurred, Maximizable, Statusbar, Resizable</span>
207	</div>
208
209	<div class="mceMiddle">
210	<div class="mceLeft"></div>
211	<span>Content</span>
212	<div class="mceRight"></div>
213	</div>
214
215	<div class="mceBottom">
216	<div class="mceLeft"></div>
217	<div class="mceCenter"></div>
218	<div class="mceRight"></div>
219	<span>Statusbar text.</span>
220	</div>
221
222	<a class="mceMove" href="#"></a>
223	<a class="mceMin" href="#"></a>
224	<a class="mceMax" href="#"></a>
225	<a class="mceMed" href="#"></a>
226	<a class="mceClose" href="#"></a>
227	<a class="mceResize mceResizeN" href="#"></a>
228	<a class="mceResize mceResizeS" href="#"></a>
229	<a class="mceResize mceResizeW" href="#"></a>
230	<a class="mceResize mceResizeE" href="#"></a>
231	<a class="mceResize mceResizeNW" href="#"></a>
232	<a class="mceResize mceResizeNE" href="#"></a>
233	<a class="mceResize mceResizeSW" href="#"></a>
234	<a class="mceResize mceResizeSE" href="#"></a>
235	</div>
236	</div>
237
238	<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:340px;">
239	<div class="mceWrapper mceMovable mceFocus mceResizable mceMaximized mceMinimizable mceMaximizable">
240	<div class="mceTop">
241	<div class="mceLeft"></div>
242	<div class="mceCenter"></div>
243	<div class="mceRight"></div>
244	<span>Maximized, Maximizable, Minimizable</span>
245	</div>
246
247	<div class="mceMiddle">
248	<div class="mceLeft"></div>
249	<span>Content</span>
250	<div class="mceRight"></div>
251	</div>
252
253	<div class="mceBottom">
254	<div class="mceLeft"></div>
255	<div class="mceCenter"></div>
256	<div class="mceRight"></div>
257	<span>Statusbar text.</span>
258	</div>
259
260	<a class="mceMove" href="#"></a>
261	<a class="mceMin" href="#"></a>
262	<a class="mceMax" href="#"></a>
263	<a class="mceMed" href="#"></a>
264	<a class="mceClose" href="#"></a>
265	<a class="mceResize mceResizeN" href="#"></a>
266	<a class="mceResize mceResizeS" href="#"></a>
267	<a class="mceResize mceResizeW" href="#"></a>
268	<a class="mceResize mceResizeE" href="#"></a>
269	<a class="mceResize mceResizeNW" href="#"></a>
270	<a class="mceResize mceResizeNE" href="#"></a>
271	<a class="mceResize mceResizeSW" href="#"></a>
272	<a class="mceResize mceResizeSE" href="#"></a>
273	</div>
274	</div>
275
276	<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:340px;">
277	<div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximized mceMinimizable mceMaximizable">
278	<div class="mceTop">
279	<div class="mceLeft"></div>
280	<div class="mceCenter"></div>
281	<div class="mceRight"></div>
282	<span>Blured</span>
283	</div>
284
285	<div class="mceMiddle">
286	<div class="mceLeft"></div>
287	<span>Content</span>
288	<div class="mceRight"></div>
289	</div>
290
291	<div class="mceBottom">
292	<div class="mceLeft"></div>
293	<div class="mceCenter"></div>
294	<div class="mceRight"></div>
295	<span>Statusbar text.</span>
296	</div>
297
298	<a class="mceMove" href="#"></a>
299	<a class="mceMin" href="#"></a>
300	<a class="mceMax" href="#"></a>
301	<a class="mceMed" href="#"></a>
302	<a class="mceClose" href="#"></a>
303	<a class="mceResize mceResizeN" href="#"></a>
304	<a class="mceResize mceResizeS" href="#"></a>
305	<a class="mceResize mceResizeW" href="#"></a>
306	<a class="mceResize mceResizeE" href="#"></a>
307	<a class="mceResize mceResizeNW" href="#"></a>
308	<a class="mceResize mceResizeNE" href="#"></a>
309	<a class="mceResize mceResizeSW" href="#"></a>
310	<a class="mceResize mceResizeSE" href="#"></a>
311	</div>
312	</div>
313
314	<div class="clearlooks2" style="width:400px; height:130px; left:10px; top:450px;">
315	<div class="mceWrapper mceMovable mceFocus mceModal mceAlert">
316	<div class="mceTop">
317	<div class="mceLeft"></div>
318	<div class="mceCenter"></div>
319	<div class="mceRight"></div>
320	<span>Alert</span>
321	</div>
322
323	<div class="mceMiddle">
324	<div class="mceLeft"></div>
325	<span>
326	This is a very long error message. This is a very long error message.
327	This is a very long error message. This is a very long error message.
328	This is a very long error message. This is a very long error message.
329	This is a very long error message. This is a very long error message.
330	This is a very long error message. This is a very long error message.
331	This is a very long error message. This is a very long error message.
332	</span>
333	<div class="mceRight"></div>
334	<div class="mceIcon"></div>
335	</div>
336
337	<div class="mceBottom">
338	<div class="mceLeft"></div>
339	<div class="mceCenter"></div>
340	<div class="mceRight"></div>
341	</div>
342
343	<a class="mceMove" href="#"></a>
344	<a class="mceButton mceOk" href="#">Ok</a>
345	<a class="mceClose" href="#"></a>
346	</div>
347	</div>
348
349	<div class="clearlooks2" style="width:400px; height:130px; left:420px; top:450px;">
350	<div class="mceWrapper mceMovable mceFocus mceModal mceConfirm">
351	<div class="mceTop">
352	<div class="mceLeft"></div>
353	<div class="mceCenter"></div>
354	<div class="mceRight"></div>
355	<span>Confirm</span>
356	</div>
357
358	<div class="mceMiddle">
359	<div class="mceLeft"></div>
360	<span>
361	This is a very long error message. This is a very long error message.
362	This is a very long error message. This is a very long error message.
363	This is a very long error message. This is a very long error message.
364	This is a very long error message. This is a very long error message.
365	This is a very long error message. This is a very long error message.
366	This is a very long error message. This is a very long error message.
367	</span>
368	<div class="mceRight"></div>
369	<div class="mceIcon"></div>
370	</div>
371
372	<div class="mceBottom">
373	<div class="mceLeft"></div>
374	<div class="mceCenter"></div>
375	<div class="mceRight"></div>
376	</div>
377
378	<a class="mceMove" href="#"></a>
379	<a class="mceButton mceOk" href="#">Ok</a>
380	<a class="mceButton mceCancel" href="#">Cancel</a>
381	<a class="mceClose" href="#"></a>
382	</div>
383	</div>
384	</div>
385
386	</body>
387	</html>
388