CW Cyrix's Git Repository Mirror
Browse code

tinyMCE '2' is now 2.1.2 - Seems tinyMCE '2' was actually 3.0.9 (my fault for not checking), so '2' is now 2.1.2, and '3' is now 3.4.8... eFiction 3.4.3 used tinyMCE 2.1.0, and 3.5 upgraded that to 3.0.9.

Clarissa Walker authored on 2026/07/28 07:20:33
Showing 1 changed files
tinymce/2/jscripts/tiny_mce/plugins/inlinepopups/template.htm
History View file @ c1759b0
1 1 
deleted file mode 100644
... ... 
@@ -1,387 +0,0 @@
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>
Browse code

TinyMCE version directories relocated to /tinymce/ directory, each with its own version numbers: 2, 3, 4 - Slight naming tweak to TinyMCE dropdown in site settings

Clarissa Walker authored on 2026/07/27 13:46:03
Showing 1 changed files
tinymce/2/jscripts/tiny_mce/plugins/inlinepopups/template.htm
History View file @ 6d0a884
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,387 @@
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>