Wordpress 3.7
[autoinstalls/wordpress.git] / wp-includes / js / tinymce / plugins / inlinepopups / template.htm
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?ver=359-20131010" />
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>