annotate media/js/tiny_mce/plugins/inlinepopups/template.htm @ 45:a5b4c5ce0658

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