From d5d77559eb1b5b6756138378457bce9c79198bae Mon Sep 17 00:00:00 2001
From: "kay.one" <kay.one@gmail.com>
Date: Mon, 6 Feb 2012 22:37:03 -0800
Subject: [PATCH] styled jquery dialog header.

---
 NzbDrone.Web/Content/NzbDrone.css      | 18 +++++++++++++++++-
 NzbDrone.Web/Content/Overrides.css     | 11 +++++++++++
 NzbDrone.Web/Content/Settings.css      | 16 ++++++++++++++++
 NzbDrone.Web/Views/Series/Index.cshtml | 21 ++++-----------------
 4 files changed, 48 insertions(+), 18 deletions(-)

diff --git a/NzbDrone.Web/Content/NzbDrone.css b/NzbDrone.Web/Content/NzbDrone.css
index d921daacc..a036f4e78 100644
--- a/NzbDrone.Web/Content/NzbDrone.css
+++ b/NzbDrone.Web/Content/NzbDrone.css
@@ -267,4 +267,20 @@ button span, input[type="button"] span, input[type="submit"] span, input[type="r
     background: rgb(40, 40, 40);
     color: rgb(169, 169, 169);
     padding: 4px;
-}
\ No newline at end of file
+}
+
+.ui-dialog-buttonset .ui-delete-button
+{
+    background: url("images/ui-bg_flat_30_b40404_40x100.png") repeat-x scroll 50% 50% #B40404;
+    border: 1px solid #FFFFFF;
+    color: #FFFFFF;
+    font-weight: normal;
+}
+
+.ui-dialog-buttonset .ui-delete-button:active
+{
+    background: url("images/ui-bg_flat_30_616161_40x100.png") repeat-x scroll 50% 50% #616161;
+    border: 1px solid #FFFFFF;
+    color: #FFFFFF;
+    font-weight: normal;
+}
diff --git a/NzbDrone.Web/Content/Overrides.css b/NzbDrone.Web/Content/Overrides.css
index 8a9c01b82..0d090dda3 100644
--- a/NzbDrone.Web/Content/Overrides.css
+++ b/NzbDrone.Web/Content/Overrides.css
@@ -31,6 +31,17 @@
     background: #065EFE url(./jQueryUI/images/ui-bg_flat_30_065efe_40x100.png) 50% 50% repeat-x;
 }
 
+.ui-dialog .ui-dialog-titlebar, .ui-dialog-title
+{
+    color: #3C3C3C;
+    font-size: 30px;
+    font-family: "Open Sans" , "Segoe UI Light" , "Segoe UI" , sans-serif;
+    font-weight: 300;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    padding-left: 10px;
+}
+
 .jquery-tabs
 {
     margin-top: 10px;
diff --git a/NzbDrone.Web/Content/Settings.css b/NzbDrone.Web/Content/Settings.css
index e84443e1d..0e308cbcb 100644
--- a/NzbDrone.Web/Content/Settings.css
+++ b/NzbDrone.Web/Content/Settings.css
@@ -95,3 +95,19 @@
     color: lightgrey;
     cursor: progress;
 }
+
+.ui-dialog-buttonset .ui-delete-button , 
+{
+    background: url("images/ui-bg_flat_30_b40404_40x100.png") repeat-x scroll 50% 50% #B40404;
+    border: 1px solid #FFFFFF;
+    color: #FFFFFF;
+    font-weight: normal;
+}
+
+.ui-dialog-buttonset .ui-delete-button:active
+{
+    background: url("images/ui-bg_flat_30_616161_40x100.png") repeat-x scroll 50% 50% #616161;
+    border: 1px solid #FFFFFF;
+    color: #FFFFFF;
+    font-weight: normal;
+}
diff --git a/NzbDrone.Web/Views/Series/Index.cshtml b/NzbDrone.Web/Views/Series/Index.cshtml
index df5de6990..fe00307b2 100644
--- a/NzbDrone.Web/Views/Series/Index.cshtml
+++ b/NzbDrone.Web/Views/Series/Index.cshtml
@@ -70,22 +70,7 @@
     {
         margin-right: 445px;
     }
-       
-    .ui-dialog-buttonset .ui-delete-button
-    {
-        background: url("images/ui-bg_flat_30_b40404_40x100.png") repeat-x scroll 50% 50% #B40404;
-        border: 1px solid #FFFFFF;
-        color: #FFFFFF;
-        font-weight: normal;
-    }
     
-    .ui-dialog-buttonset .ui-delete-button:active
-    {
-        background: url("images/ui-bg_flat_30_616161_40x100.png") repeat-x scroll 50% 50% #616161;
-        border: 1px solid #FFFFFF;
-        color: #FFFFFF;
-        font-weight: normal;
-    }
 </style>
 @section ActionMenu{
     <ul class="sub-menu">
@@ -159,7 +144,7 @@
 
         $("#seriesEditor").dialog({
             autoOpen: false,
-            height: 350,
+            height: 360,
             width: 670,
             resizable: false,
             modal: true,
@@ -204,7 +189,9 @@
             width: 450,
             modal: true,
             buttons: {
+                
                 "Delete": function () {
+
                     var seriesId = $('.seriesId').val();
 
                     $.ajax({
@@ -233,7 +220,7 @@
                 var title = $(this).attr("rel");
 
                 //Set the title of the dialog
-                $("#seriesEditor").dialog("option", "title", "Edit Series: " + title);
+                $("#seriesEditor").dialog("option", "title", title);
 
                 //Pre-populate the view with ajax
                 $('#seriesEditor').html('<div style="text-align: center; width: 100%; height: 100%;"><img src="../../Content/Images/ajax-loader.gif" style="padding-top: 120px;" /></div>');