From 6981336476598b478573e0d94688b16947ae124a Mon Sep 17 00:00:00 2001
From: Rolux <rolux@Rolux.local>
Date: Sat, 20 Feb 2010 09:56:53 +0530
Subject: [PATCH] updating dialog

---
 build/css/ox.ui.classic.css | 14 +++++++++-----
 build/css/ox.ui.css         |  9 +++++----
 build/css/ox.ui.modern.css  | 11 ++++++++++-
 build/js/ox.ui.js           |  8 ++++----
 demos/test/index.html       |  4 ++--
 5 files changed, 30 insertions(+), 16 deletions(-)

diff --git a/build/css/ox.ui.classic.css b/build/css/ox.ui.classic.css
index 8a2cd52..a8f5918 100644
--- a/build/css/ox.ui.classic.css
+++ b/build/css/ox.ui.classic.css
@@ -34,17 +34,21 @@ Dialog
 */
 
 .OxThemeClassic .OxDialog {
-    background: rgba(224, 224, 224, 0.96);
     -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
 }
 
-.OxThemeClassic .OxDialog .OxTitle {
-    color: rgb(48, 48, 48);
+.OxThemeClassic .OxDialog .OxBar {
+    background: -moz-linear-gradient(top, rgba(192, 192, 192, 0.96), rgba(160, 160, 160, 0.96));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 0.96)), to(rgba(160, 160, 160, 0.96)));
 }
 
-.OxThemeClassic .OxDialog > .OxButtonsBar {
-    border-top: 1px solid rgb(192, 192, 192);
+.OxThemeClassic .OxDialog .OxContent {
+    background: rgba(224, 224, 224, 0.96);
+}
+
+.OxThemeClassic .OxDialog .OxTitle {
+    color: rgb(48, 48, 48);
 }
 
 /*
diff --git a/build/css/ox.ui.css b/build/css/ox.ui.css
index 3812cae..6514b90 100644
--- a/build/css/ox.ui.css
+++ b/build/css/ox.ui.css
@@ -90,7 +90,7 @@ Dialog
 .OxDialog > .OxContent {
     top: 24px;
     height: 100%;
-    padding: 16px 16px 0 16px;
+    padding: 16px;
     font-size: 12px;
     line-height: 16px;
 }
@@ -100,8 +100,6 @@ Dialog
     right: 0;
     bottom: 0;
     height: 24px;
-    padding: 5px 4px 0 4px;
-    border-top-width: 1px;
     text-align: right;
     -moz-border-radius-bottomleft: 8px;
     -moz-border-radius-bottomright: 8px;
@@ -110,7 +108,10 @@ Dialog
 }
 
 .OxDialog > .OxButtonsBar > .OxButton {
-    margin: 0 4px 0 4px;
+    margin: 4px 2px 0 2px;
+}
+.OxDialog > .OxButtonsBar > .OxButton:last-child {
+    margin-right: 4px;
 }
 
 /*
diff --git a/build/css/ox.ui.modern.css b/build/css/ox.ui.modern.css
index 1dea9ac..33c8f24 100644
--- a/build/css/ox.ui.modern.css
+++ b/build/css/ox.ui.modern.css
@@ -29,11 +29,20 @@ Dialog
 */
 
 .OxThemeModern .OxDialog {
-    background: rgba(48, 48, 48, 0.96);
     -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
     -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
 }
 
+.OxThemeModern .OxDialog .OxBar {
+    background: -moz-linear-gradient(top, rgba(64, 64, 64, 0.96), rgba(32, 32, 32, 0.96));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(64, 64, 64, 0.96)), to(rgba(32, 32, 32, 0.96)));
+}
+
+.OxThemeModern .OxDialog .OxContent {
+    background: rgba(48, 48, 48, 0.96);
+}
+
+
 /*
 ================================================================================
 Forms
diff --git a/build/js/ox.ui.js b/build/js/ox.ui.js
index 924d241..61809b5 100644
--- a/build/js/ox.ui.js
+++ b/build/js/ox.ui.js
@@ -1168,7 +1168,7 @@ requires
             that = new Ox.Element({}, self)
                 .defaults({
                     orientation: "horizontal",
-                    size: 16
+                    size: "medium"                  // can be int
                 })
                 .options(options || {})
                 .addClass("OxBar Ox" + Ox.toTitleCase(self.options.orientation)),
@@ -1241,9 +1241,9 @@ requires
                 .addClass("OxDialog")
                 .css({
                     left: (($document.width() - self.options.width) / 2) + "px",
-                    top: (($document.height() - self.options.height - 68) / 2) + "px",
+                    top: (($document.height() - self.options.height - 80) / 2) + "px",
                     width: self.options.width + "px",
-                    height: (self.options.height + 68) + "px"
+                    height: (self.options.height + 80) + "px"
                 });
         that.$titlebar = new Ox.Bar({
                 size: "medium"
@@ -1287,7 +1287,7 @@ requires
                 height: self.options.height + "px"
             })
             .appendTo(that);
-        that.$buttonsbar = new Ox.Element()
+        that.$buttonsbar = new Ox.Bar({})
             .addClass("OxButtonsBar")
             .appendTo(that);
         that.$buttons = [];
diff --git a/demos/test/index.html b/demos/test/index.html
index 18df151..58742f4 100644
--- a/demos/test/index.html
+++ b/demos/test/index.html
@@ -458,8 +458,8 @@
                             title: "Dialog",
                             buttons: [
                                 {
-                                    value: "Do Nothing",
-                                    click: function() {}
+                                    value: "Switch Theme",
+                                    click: switchTheme
                                 },
                                 {
                                     value: "Close",