Вам надоел стандартный вид ajax окон, хотите разнообразить их, сделать более красивее и запоминающиеся, тогда этот вид как раз для вас... Он подойдет для любых дизайнов, как для темных так и для светлых, и выглядит очень симпатично. Ну а теперь перейдем к установке...
Код
.xw-plain, .xw-resize, .xw-active {
-webkit-box-shadow:0px 0px 0px 4px rgba(230, 230, 230, 0.5); -moz-box-shadow:0px 0px 0px 4px rgba(230, 230, 230, 0.5); box-shadow:0px 0px 0px 4px rgba(230, 230, 230, 0.5);
-webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;
}
.xw-hdr {
background-image:-webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');
height:44px;
}
.xw-tl, .xw-tr, .xw-tc {
background-image:-webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:-ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image:linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');
border-bottom:1px solid #bababa;
height:44px;
-webkit-border-radius:4px 4px 0px 0px;
-moz-border-radius:4px 4px 0px 0px;
border-radius:4px 4px 0px 0px;
}
.xw-hdr-text {
font-size:14px;
font-weight:bold;
text-align:left;
color:#444;
text-shadow:0px 1px 0px #fff;
line-height:44px;
margin-left:5px;
}
.xt {background:url('http://webo4ka.3dn.ru/_ld/42/24611804.png') no-repeat !important;
width:33px;
height:33px;
line-height:44px;
opacity: 0.5 !important;
}
.xt-close-over {
background-position:0 0 !important;
opacity: 1 !important;
}
.xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc, .xw-body {background:#fff !important; border:none !important;}
/* by Вовчик || http://webo4ka.ru/ */