styled jquery dialog header.

pull/2/head
kay.one 13 years ago
parent 5717b7f596
commit d5d77559eb

@ -268,3 +268,19 @@ button span, input[type="button"] span, input[type="submit"] span, input[type="r
color: rgb(169, 169, 169); color: rgb(169, 169, 169);
padding: 4px; padding: 4px;
} }
.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;
}

@ -31,6 +31,17 @@
background: #065EFE url(./jQueryUI/images/ui-bg_flat_30_065efe_40x100.png) 50% 50% repeat-x; 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 .jquery-tabs
{ {
margin-top: 10px; margin-top: 10px;

@ -95,3 +95,19 @@
color: lightgrey; color: lightgrey;
cursor: progress; 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;
}

@ -71,21 +71,6 @@
margin-right: 445px; 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> </style>
@section ActionMenu{ @section ActionMenu{
<ul class="sub-menu"> <ul class="sub-menu">
@ -159,7 +144,7 @@
$("#seriesEditor").dialog({ $("#seriesEditor").dialog({
autoOpen: false, autoOpen: false,
height: 350, height: 360,
width: 670, width: 670,
resizable: false, resizable: false,
modal: true, modal: true,
@ -204,7 +189,9 @@
width: 450, width: 450,
modal: true, modal: true,
buttons: { buttons: {
"Delete": function () { "Delete": function () {
var seriesId = $('.seriesId').val(); var seriesId = $('.seriesId').val();
$.ajax({ $.ajax({
@ -233,7 +220,7 @@
var title = $(this).attr("rel"); var title = $(this).attr("rel");
//Set the title of the dialog //Set the title of the dialog
$("#seriesEditor").dialog("option", "title", "Edit Series: " + title); $("#seriesEditor").dialog("option", "title", title);
//Pre-populate the view with ajax //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>'); $('#seriesEditor').html('<div style="text-align: center; width: 100%; height: 100%;"><img src="../../Content/Images/ajax-loader.gif" style="padding-top: 120px;" /></div>');

Loading…
Cancel
Save