+++ /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