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