--- /dev/null
+<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -->\r
+<html xmlns="http://www.w3.org/1999/xhtml">\r
+<head>\r
+<title>Template for dialogs</title>\r
+<link rel="stylesheet" type="text/css" href="skins/clearlooks2/window.css" />\r
+</head>\r
+<body>\r
+\r
+<div class="mceEditor">\r
+ <div class="clearlooks2" style="width:400px; height:100px; left:10px;">\r
+ <div class="mceWrapper">\r
+ <div class="mceTop">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Blured</span>\r
+ </div>\r
+\r
+ <div class="mceMiddle">\r
+ <div class="mceLeft"></div>\r
+ <span>Content</span>\r
+ <div class="mceRight"></div>\r
+ </div>\r
+\r
+ <div class="mceBottom">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Statusbar text.</span>\r
+ </div>\r
+\r
+ <a class="mceMove" href="#"></a>\r
+ <a class="mceMin" href="#"></a>\r
+ <a class="mceMax" href="#"></a>\r
+ <a class="mceMed" href="#"></a>\r
+ <a class="mceClose" href="#"></a>\r
+ <a class="mceResize mceResizeN" href="#"></a>\r
+ <a class="mceResize mceResizeS" href="#"></a>\r
+ <a class="mceResize mceResizeW" href="#"></a>\r
+ <a class="mceResize mceResizeE" href="#"></a>\r
+ <a class="mceResize mceResizeNW" href="#"></a>\r
+ <a class="mceResize mceResizeNE" href="#"></a>\r
+ <a class="mceResize mceResizeSW" href="#"></a>\r
+ <a class="mceResize mceResizeSE" href="#"></a>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="clearlooks2" style="width:400px; height:100px; left:420px;">\r
+ <div class="mceWrapper mceMovable mceFocus">\r
+ <div class="mceTop">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Focused</span>\r
+ </div>\r
+\r
+ <div class="mceMiddle">\r
+ <div class="mceLeft"></div>\r
+ <span>Content</span>\r
+ <div class="mceRight"></div>\r
+ </div>\r
+\r
+ <div class="mceBottom">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Statusbar text.</span>\r
+ </div>\r
+\r
+ <a class="mceMove" href="#"></a>\r
+ <a class="mceMin" href="#"></a>\r
+ <a class="mceMax" href="#"></a>\r
+ <a class="mceMed" href="#"></a>\r
+ <a class="mceClose" href="#"></a>\r
+ <a class="mceResize mceResizeN" href="#"></a>\r
+ <a class="mceResize mceResizeS" href="#"></a>\r
+ <a class="mceResize mceResizeW" href="#"></a>\r
+ <a class="mceResize mceResizeE" href="#"></a>\r
+ <a class="mceResize mceResizeNW" href="#"></a>\r
+ <a class="mceResize mceResizeNE" href="#"></a>\r
+ <a class="mceResize mceResizeSW" href="#"></a>\r
+ <a class="mceResize mceResizeSE" href="#"></a>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="clearlooks2" style="width:400px; height:100px; left:10px; top:120px;">\r
+ <div class="mceWrapper mceMovable mceFocus mceStatusbar">\r
+ <div class="mceTop">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Statusbar</span>\r
+ </div>\r
+\r
+ <div class="mceMiddle">\r
+ <div class="mceLeft"></div>\r
+ <span>Content</span>\r
+ <div class="mceRight"></div>\r
+ </div>\r
+\r
+ <div class="mceBottom">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Statusbar text.</span>\r
+ </div>\r
+\r
+ <a class="mceMove" href="#"></a>\r
+ <a class="mceMin" href="#"></a>\r
+ <a class="mceMax" href="#"></a>\r
+ <a class="mceMed" href="#"></a>\r
+ <a class="mceClose" href="#"></a>\r
+ <a class="mceResize mceResizeN" href="#"></a>\r
+ <a class="mceResize mceResizeS" href="#"></a>\r
+ <a class="mceResize mceResizeW" href="#"></a>\r
+ <a class="mceResize mceResizeE" href="#"></a>\r
+ <a class="mceResize mceResizeNW" href="#"></a>\r
+ <a class="mceResize mceResizeNE" href="#"></a>\r
+ <a class="mceResize mceResizeSW" href="#"></a>\r
+ <a class="mceResize mceResizeSE" href="#"></a>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="clearlooks2" style="width:400px; height:100px; left:420px; top:120px;">\r
+ <div class="mceWrapper mceMovable mceFocus mceStatusbar mceResizable">\r
+ <div class="mceTop">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Statusbar, Resizable</span>\r
+ </div>\r
+\r
+ <div class="mceMiddle">\r
+ <div class="mceLeft"></div>\r
+ <span>Content</span>\r
+ <div class="mceRight"></div>\r
+ </div>\r
+\r
+ <div class="mceBottom">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Statusbar text.</span>\r
+ </div>\r
+\r
+ <a class="mceMove" href="#"></a>\r
+ <a class="mceMin" href="#"></a>\r
+ <a class="mceMax" href="#"></a>\r
+ <a class="mceMed" href="#"></a>\r
+ <a class="mceClose" href="#"></a>\r
+ <a class="mceResize mceResizeN" href="#"></a>\r
+ <a class="mceResize mceResizeS" href="#"></a>\r
+ <a class="mceResize mceResizeW" href="#"></a>\r
+ <a class="mceResize mceResizeE" href="#"></a>\r
+ <a class="mceResize mceResizeNW" href="#"></a>\r
+ <a class="mceResize mceResizeNE" href="#"></a>\r
+ <a class="mceResize mceResizeSW" href="#"></a>\r
+ <a class="mceResize mceResizeSE" href="#"></a>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="clearlooks2" style="width:400px; height:100px; left:10px; top:230px;">\r
+ <div class="mceWrapper mceMovable mceFocus mceResizable mceMaximizable">\r
+ <div class="mceTop">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Resizable, Maximizable</span>\r
+ </div>\r
+\r
+ <div class="mceMiddle">\r
+ <div class="mceLeft"></div>\r
+ <span>Content</span>\r
+ <div class="mceRight"></div>\r
+ </div>\r
+\r
+ <div class="mceBottom">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Statusbar text.</span>\r
+ </div>\r
+\r
+ <a class="mceMove" href="#"></a>\r
+ <a class="mceMin" href="#"></a>\r
+ <a class="mceMax" href="#"></a>\r
+ <a class="mceMed" href="#"></a>\r
+ <a class="mceClose" href="#"></a>\r
+ <a class="mceResize mceResizeN" href="#"></a>\r
+ <a class="mceResize mceResizeS" href="#"></a>\r
+ <a class="mceResize mceResizeW" href="#"></a>\r
+ <a class="mceResize mceResizeE" href="#"></a>\r
+ <a class="mceResize mceResizeNW" href="#"></a>\r
+ <a class="mceResize mceResizeNE" href="#"></a>\r
+ <a class="mceResize mceResizeSW" href="#"></a>\r
+ <a class="mceResize mceResizeSE" href="#"></a>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="clearlooks2" style="width:400px; height:100px; left:420px; top:230px;">\r
+ <div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximizable">\r
+ <div class="mceTop">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Blurred, Maximizable, Statusbar, Resizable</span>\r
+ </div>\r
+\r
+ <div class="mceMiddle">\r
+ <div class="mceLeft"></div>\r
+ <span>Content</span>\r
+ <div class="mceRight"></div>\r
+ </div>\r
+\r
+ <div class="mceBottom">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Statusbar text.</span>\r
+ </div>\r
+\r
+ <a class="mceMove" href="#"></a>\r
+ <a class="mceMin" href="#"></a>\r
+ <a class="mceMax" href="#"></a>\r
+ <a class="mceMed" href="#"></a>\r
+ <a class="mceClose" href="#"></a>\r
+ <a class="mceResize mceResizeN" href="#"></a>\r
+ <a class="mceResize mceResizeS" href="#"></a>\r
+ <a class="mceResize mceResizeW" href="#"></a>\r
+ <a class="mceResize mceResizeE" href="#"></a>\r
+ <a class="mceResize mceResizeNW" href="#"></a>\r
+ <a class="mceResize mceResizeNE" href="#"></a>\r
+ <a class="mceResize mceResizeSW" href="#"></a>\r
+ <a class="mceResize mceResizeSE" href="#"></a>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="clearlooks2" style="width:400px; height:100px; left:10px; top:340px;">\r
+ <div class="mceWrapper mceMovable mceFocus mceResizable mceMaximized mceMinimizable mceMaximizable">\r
+ <div class="mceTop">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Maximized, Maximizable, Minimizable</span>\r
+ </div>\r
+\r
+ <div class="mceMiddle">\r
+ <div class="mceLeft"></div>\r
+ <span>Content</span>\r
+ <div class="mceRight"></div>\r
+ </div>\r
+\r
+ <div class="mceBottom">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Statusbar text.</span>\r
+ </div>\r
+\r
+ <a class="mceMove" href="#"></a>\r
+ <a class="mceMin" href="#"></a>\r
+ <a class="mceMax" href="#"></a>\r
+ <a class="mceMed" href="#"></a>\r
+ <a class="mceClose" href="#"></a>\r
+ <a class="mceResize mceResizeN" href="#"></a>\r
+ <a class="mceResize mceResizeS" href="#"></a>\r
+ <a class="mceResize mceResizeW" href="#"></a>\r
+ <a class="mceResize mceResizeE" href="#"></a>\r
+ <a class="mceResize mceResizeNW" href="#"></a>\r
+ <a class="mceResize mceResizeNE" href="#"></a>\r
+ <a class="mceResize mceResizeSW" href="#"></a>\r
+ <a class="mceResize mceResizeSE" href="#"></a>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="clearlooks2" style="width:400px; height:100px; left:420px; top:340px;">\r
+ <div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximized mceMinimizable mceMaximizable">\r
+ <div class="mceTop">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Blured</span>\r
+ </div>\r
+\r
+ <div class="mceMiddle">\r
+ <div class="mceLeft"></div>\r
+ <span>Content</span>\r
+ <div class="mceRight"></div>\r
+ </div>\r
+\r
+ <div class="mceBottom">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Statusbar text.</span>\r
+ </div>\r
+\r
+ <a class="mceMove" href="#"></a>\r
+ <a class="mceMin" href="#"></a>\r
+ <a class="mceMax" href="#"></a>\r
+ <a class="mceMed" href="#"></a>\r
+ <a class="mceClose" href="#"></a>\r
+ <a class="mceResize mceResizeN" href="#"></a>\r
+ <a class="mceResize mceResizeS" href="#"></a>\r
+ <a class="mceResize mceResizeW" href="#"></a>\r
+ <a class="mceResize mceResizeE" href="#"></a>\r
+ <a class="mceResize mceResizeNW" href="#"></a>\r
+ <a class="mceResize mceResizeNE" href="#"></a>\r
+ <a class="mceResize mceResizeSW" href="#"></a>\r
+ <a class="mceResize mceResizeSE" href="#"></a>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="clearlooks2" style="width:400px; height:130px; left:10px; top:450px;">\r
+ <div class="mceWrapper mceMovable mceFocus mceModal mceAlert">\r
+ <div class="mceTop">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Alert</span>\r
+ </div>\r
+\r
+ <div class="mceMiddle">\r
+ <div class="mceLeft"></div>\r
+ <span>\r
+ This is a very long error message. This is a very long error message.\r
+ This is a very long error message. This is a very long error message.\r
+ This is a very long error message. This is a very long error message.\r
+ This is a very long error message. This is a very long error message.\r
+ This is a very long error message. This is a very long error message.\r
+ This is a very long error message. This is a very long error message.\r
+ </span>\r
+ <div class="mceRight"></div>\r
+ <div class="mceIcon"></div>\r
+ </div>\r
+\r
+ <div class="mceBottom">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ </div>\r
+\r
+ <a class="mceMove" href="#"></a>\r
+ <a class="mceButton mceOk" href="#">Ok</a>\r
+ <a class="mceClose" href="#"></a>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="clearlooks2" style="width:400px; height:130px; left:420px; top:450px;">\r
+ <div class="mceWrapper mceMovable mceFocus mceModal mceConfirm">\r
+ <div class="mceTop">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ <span>Confirm</span>\r
+ </div>\r
+\r
+ <div class="mceMiddle">\r
+ <div class="mceLeft"></div>\r
+ <span>\r
+ This is a very long error message. This is a very long error message.\r
+ This is a very long error message. This is a very long error message.\r
+ This is a very long error message. This is a very long error message.\r
+ This is a very long error message. This is a very long error message.\r
+ This is a very long error message. This is a very long error message.\r
+ This is a very long error message. This is a very long error message.\r
+ </span>\r
+ <div class="mceRight"></div>\r
+ <div class="mceIcon"></div>\r
+ </div>\r
+\r
+ <div class="mceBottom">\r
+ <div class="mceLeft"></div>\r
+ <div class="mceCenter"></div>\r
+ <div class="mceRight"></div>\r
+ </div>\r
+\r
+ <a class="mceMove" href="#"></a>\r
+ <a class="mceButton mceOk" href="#">Ok</a>\r
+ <a class="mceButton mceCancel" href="#">Cancel</a>\r
+ <a class="mceClose" href="#"></a>\r
+ </div>\r
+ </div>\r
+</div>\r
+\r
+</body>\r
+</html>\r