blob: 1042a19a15543f02a1a0897358d5c4eb5fdf99ce [file] [log] [blame]
/********** Outer Window ***************/
.dojoFloatingPane {
/* essential css */
position: absolute;
overflow: visible; /* so drop shadow is displayed */
z-index: 10;
/* styling css */
border: 1px solid;
border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
background-color: ThreeDFace;
}
/********** Title Bar ****************/
.dojoFloatingPaneTitleBar {
vertical-align: top;
margin: 2px 2px 2px 2px;
z-index: 10;
background-color: #7596c6;
cursor: default;
overflow: hidden;
border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
vertical-align: middle;
}
.dojoFloatingPaneTitleText {
float: left;
padding: 2px 4px 2px 2px;
white-space: nowrap;
color: CaptionText;
font: small-caption;
}
.dojoTitleBarIcon {
float: left;
height: 22px;
width: 22px;
vertical-align: middle;
margin-right: 5px;
margin-left: 5px;
}
.dojoFloatingPaneActions{
float: right;
position: absolute;
right: 2px;
top: 2px;
vertical-align: middle;
}
.dojoFloatingPaneActionItem {
vertical-align: middle;
margin-right: 1px;
height: 22px;
width: 22px;
}
.dojoFloatingPaneTitleBarIcon {
/* essential css */
float: left;
/* styling css */
margin-left: 2px;
margin-right: 4px;
height: 22px;
}
/* minimize/maximize icons are specified by CSS only */
.dojoFloatingPaneMinimizeIcon,
.dojoFloatingPaneMaximizeIcon,
.dojoFloatingPaneRestoreIcon,
.dojoFloatingPaneCloseIcon {
vertical-align: middle;
height: 22px;
width: 22px;
float: right;
}
.dojoFloatingPaneMinimizeIcon {
background-image: url(images/floatingPaneMinimize.gif);
}
.dojoFloatingPaneMaximizeIcon {
background-image: url(images/floatingPaneMaximize.gif);
}
.dojoFloatingPaneRestoreIcon {
background-image: url(images/floatingPaneRestore.gif);
}
.dojoFloatingPaneCloseIcon {
background-image: url(images/floatingPaneClose.gif);
}
/* bar at bottom of window that holds resize handle */
.dojoFloatingPaneResizebar {
z-index: 10;
height: 13px;
background-color: ThreeDFace;
}
/************* Client Area ***************/
.dojoFloatingPaneClient {
position: relative;
z-index: 10;
border: 1px solid;
border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
margin: 2px;
background-color: ThreeDFace;
padding: 8px;
font-family: Verdana, Helvetica, Garamond, sans-serif;
font-size: 12px;
overflow: auto;
}