some dialog

build/css/ox.ui.css

@@ -49,6 +49,69 @@ Bars
     margin: 4px 0 0 4px;
 }
 
+/*
+================================================================================
+Dialog
+================================================================================
+*/
+
+.OxLayer {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    z-index: 10;
+}
+
+.OxDialog {
+    position: absolute;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
+    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
+}
+
+.OxDialog > .OxTitleBar {
+    //left: 0px;
+    //right: 0px;
+    //height: 16px;
+    padding: 3px 8px 5px 8px;
+    padding: 3px 0 5px 0;
+    cursor: move;
+    overflow: hidden;
+    white-space: nowrap;
+    -moz-border-radius-topleft: 8px;
+    -moz-border-radius-topright: 8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+}
+
+.OxDialog > .OxTitleBar > .OxTitle {
+    margin: 0 8px 0 8px;
+    font-size: 13px;
+    font-weight: bold;
+    text-overflow: ellipsis;
+}
+
+.OxDialog > .OxContent {
+    top: 24px;
+    //bottom: 32px;
+    height: 100%;
+}
+
+.OxDialog > .OxButtonsBar {
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    height: 24px;
+    padding: 8px;
+    text-align: right;
+    -moz-border-radius-bottomleft: 8px;
+    -moz-border-radius-bottomright: 8px;
+    -webkit-border-bottom-left-radius: 8px;
+    -webkit-border-bottom-right-radius: 8px;
+}
+
 /*
 ================================================================================
 Forms