PageRenderTime 36ms CodeModel.GetById 12ms app.highlight 19ms RepoModel.GetById 1ms app.codeStats 0ms

/static/scripts/tiny_mce/plugins/inlinepopups/template.htm

http://n23.googlecode.com/
HTML | 387 lines | 345 code | 41 blank | 1 comment | 0 complexity | 3d7e3ae05511a9f64c5da924b9e971ba MD5 | raw file
  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>