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