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">
4 <title>Template for dialogs
</title>
5 <link rel=
"stylesheet" type=
"text/css" href=
"skins/clearlooks2/window.css" />
9 <div class=
"mceEditor">
10 <div class=
"clearlooks2" style=
"width:400px; height:100px; left:10px;">
11 <div class=
"mceWrapper">
13 <div class=
"mceLeft"></div>
14 <div class=
"mceCenter"></div>
15 <div class=
"mceRight"></div>
19 <div class=
"mceMiddle">
20 <div class=
"mceLeft"></div>
22 <div class=
"mceRight"></div>
25 <div class=
"mceBottom">
26 <div class=
"mceLeft"></div>
27 <div class=
"mceCenter"></div>
28 <div class=
"mceRight"></div>
29 <span>Statusbar text.
</span>
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>
48 <div class=
"clearlooks2" style=
"width:400px; height:100px; left:420px;">
49 <div class=
"mceWrapper mceMovable mceFocus">
51 <div class=
"mceLeft"></div>
52 <div class=
"mceCenter"></div>
53 <div class=
"mceRight"></div>
57 <div class=
"mceMiddle">
58 <div class=
"mceLeft"></div>
60 <div class=
"mceRight"></div>
63 <div class=
"mceBottom">
64 <div class=
"mceLeft"></div>
65 <div class=
"mceCenter"></div>
66 <div class=
"mceRight"></div>
67 <span>Statusbar text.
</span>
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>
86 <div class=
"clearlooks2" style=
"width:400px; height:100px; left:10px; top:120px;">
87 <div class=
"mceWrapper mceMovable mceFocus mceStatusbar">
89 <div class=
"mceLeft"></div>
90 <div class=
"mceCenter"></div>
91 <div class=
"mceRight"></div>
92 <span>Statusbar
</span>
95 <div class=
"mceMiddle">
96 <div class=
"mceLeft"></div>
98 <div class=
"mceRight"></div>
101 <div class=
"mceBottom">
102 <div class=
"mceLeft"></div>
103 <div class=
"mceCenter"></div>
104 <div class=
"mceRight"></div>
105 <span>Statusbar text.
</span>
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>
124 <div class=
"clearlooks2" style=
"width:400px; height:100px; left:420px; top:120px;">
125 <div class=
"mceWrapper mceMovable mceFocus mceStatusbar mceResizable">
127 <div class=
"mceLeft"></div>
128 <div class=
"mceCenter"></div>
129 <div class=
"mceRight"></div>
130 <span>Statusbar, Resizable
</span>
133 <div class=
"mceMiddle">
134 <div class=
"mceLeft"></div>
136 <div class=
"mceRight"></div>
139 <div class=
"mceBottom">
140 <div class=
"mceLeft"></div>
141 <div class=
"mceCenter"></div>
142 <div class=
"mceRight"></div>
143 <span>Statusbar text.
</span>
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>
162 <div class=
"clearlooks2" style=
"width:400px; height:100px; left:10px; top:230px;">
163 <div class=
"mceWrapper mceMovable mceFocus mceResizable mceMaximizable">
165 <div class=
"mceLeft"></div>
166 <div class=
"mceCenter"></div>
167 <div class=
"mceRight"></div>
168 <span>Resizable, Maximizable
</span>
171 <div class=
"mceMiddle">
172 <div class=
"mceLeft"></div>
174 <div class=
"mceRight"></div>
177 <div class=
"mceBottom">
178 <div class=
"mceLeft"></div>
179 <div class=
"mceCenter"></div>
180 <div class=
"mceRight"></div>
181 <span>Statusbar text.
</span>
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>
200 <div class=
"clearlooks2" style=
"width:400px; height:100px; left:420px; top:230px;">
201 <div class=
"mceWrapper mceMovable mceStatusbar mceResizable mceMaximizable">
203 <div class=
"mceLeft"></div>
204 <div class=
"mceCenter"></div>
205 <div class=
"mceRight"></div>
206 <span>Blurred, Maximizable, Statusbar, Resizable
</span>
209 <div class=
"mceMiddle">
210 <div class=
"mceLeft"></div>
212 <div class=
"mceRight"></div>
215 <div class=
"mceBottom">
216 <div class=
"mceLeft"></div>
217 <div class=
"mceCenter"></div>
218 <div class=
"mceRight"></div>
219 <span>Statusbar text.
</span>
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>
238 <div class=
"clearlooks2" style=
"width:400px; height:100px; left:10px; top:340px;">
239 <div class=
"mceWrapper mceMovable mceFocus mceResizable mceMaximized mceMinimizable mceMaximizable">
241 <div class=
"mceLeft"></div>
242 <div class=
"mceCenter"></div>
243 <div class=
"mceRight"></div>
244 <span>Maximized, Maximizable, Minimizable
</span>
247 <div class=
"mceMiddle">
248 <div class=
"mceLeft"></div>
250 <div class=
"mceRight"></div>
253 <div class=
"mceBottom">
254 <div class=
"mceLeft"></div>
255 <div class=
"mceCenter"></div>
256 <div class=
"mceRight"></div>
257 <span>Statusbar text.
</span>
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>
276 <div class=
"clearlooks2" style=
"width:400px; height:100px; left:420px; top:340px;">
277 <div class=
"mceWrapper mceMovable mceStatusbar mceResizable mceMaximized mceMinimizable mceMaximizable">
279 <div class=
"mceLeft"></div>
280 <div class=
"mceCenter"></div>
281 <div class=
"mceRight"></div>
285 <div class=
"mceMiddle">
286 <div class=
"mceLeft"></div>
288 <div class=
"mceRight"></div>
291 <div class=
"mceBottom">
292 <div class=
"mceLeft"></div>
293 <div class=
"mceCenter"></div>
294 <div class=
"mceRight"></div>
295 <span>Statusbar text.
</span>
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>
314 <div class=
"clearlooks2" style=
"width:400px; height:130px; left:10px; top:450px;">
315 <div class=
"mceWrapper mceMovable mceFocus mceModal mceAlert">
317 <div class=
"mceLeft"></div>
318 <div class=
"mceCenter"></div>
319 <div class=
"mceRight"></div>
323 <div class=
"mceMiddle">
324 <div class=
"mceLeft"></div>
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.
333 <div class=
"mceRight"></div>
334 <div class=
"mceIcon"></div>
337 <div class=
"mceBottom">
338 <div class=
"mceLeft"></div>
339 <div class=
"mceCenter"></div>
340 <div class=
"mceRight"></div>
343 <a class=
"mceMove" href=
"#"></a>
344 <a class=
"mceButton mceOk" href=
"#">Ok
</a>
345 <a class=
"mceClose" href=
"#"></a>
349 <div class=
"clearlooks2" style=
"width:400px; height:130px; left:420px; top:450px;">
350 <div class=
"mceWrapper mceMovable mceFocus mceModal mceConfirm">
352 <div class=
"mceLeft"></div>
353 <div class=
"mceCenter"></div>
354 <div class=
"mceRight"></div>
358 <div class=
"mceMiddle">
359 <div class=
"mceLeft"></div>
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.
368 <div class=
"mceRight"></div>
369 <div class=
"mceIcon"></div>
372 <div class=
"mceBottom">
373 <div class=
"mceLeft"></div>
374 <div class=
"mceCenter"></div>
375 <div class=
"mceRight"></div>
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>