pandorafms/pandora_console/include/styles/dialog.css

150 lines
2.7 KiB
CSS

/* This file skins dialog */
.ui-dialog {
background-color: #ffffff;
}
.ui-dialog .ui-dialog-titlebar {
border-bottom: 1px solid #d8d2aa;
background: #778866 url(images/dialog-title.gif) repeat-x;
padding: 0px;
height: 28px;
_height: 29px;
}
.ui-dialog.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-dialog .ui-dialog-titlebar-close {
width: 16px;
height: 16px;
background: url(images/dialog-titlebar-close.png) no-repeat;
position:absolute;
top: 6px;
right: 7px;
cursor: default;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: none;
}
.ui-dialog .ui-dialog-titlebar-close-hover {
background: url(images/dialog-titlebar-close-hover.png) no-repeat;
}
.ui-dialog .ui-dialog-titlebar-close-hover {
color: #000000;
}
.ui-dialog .ui-dialog-title {
margin-left: 5px;
color: white;
font-weight: bold;
position: relative;
top: 7px;
left: 4px;
}
.ui-dialog .ui-dialog-content {
margin: 1.2em;
}
.ui-dialog .ui-dialog-buttonpane {
background-color: #2179B1;
position: absolute;
bottom: 8px;
right: 12px;
width: 100%;
text-align: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin-bottom: 6px;
}
.ui-dialog .ui-dialog-buttonpane button {
border-bottom-color: #708090;
border-right-color: #708090;
-moz-border-radius: 5%;
font-size: 0.85em;
font-weight: bold;
height: 22px;
}
/* Dialog handle styles */
.ui-dialog .ui-resizable-n, {
cursor: n-resize;
height: 6px;
width: 100%;
top: 0px;
left: 0px;
background: transparent url(images/dialog-n.gif) repeat scroll center top;
}
.ui-dialog .ui-resizable-s {
cursor: s-resize;
height: 8px;
width: 100%;
bottom: 0px;
left: 0px;
background: transparent url(images/dialog-s.gif) repeat scroll center top;
}
.ui-dialog .ui-resizable-e {
cursor: e-resize;
width: 7px;
right: 0px;
top: 0px;
height: 100%;
background: transparent url(images/dialog-e.gif) repeat scroll right center;
}
.ui-dialog .ui-resizable-w {
cursor: w-resize;
width: 7px;
left: 0px;
top: 0px;
height: 100%;
background: transparent url(images/dialog-w.gif) repeat scroll right center;
}
.ui-dialog .ui-resizable-se {
cursor: se-resize;
width: 9px;
height: 9px;
right: 0px;
bottom: 0px;
background: transparent url(images/dialog-se.gif);
}
.ui-dialog .ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: 0px;
bottom: 0px;
background: transparent url(images/dialog-sw.gif);
}
.ui-dialog .ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 29px;
left: 0px;
top: 0px;
background: transparent url(images/dialog-nw.gif);
}
.ui-dialog .ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 29px;
right: 0px;
top: 0px;
background: transparent url(images/dialog-ne.gif);
}