ttrss/lib/dijit/themes/tundra/Dialog.css

153 lines
4.0 KiB
CSS
Raw Normal View History

2011-11-08 16:40:44 +00:00
/* Dialog and Tooltip/TooltipDialog */
.tundra .dijitDialog {
background: #fff;
border: 1px solid #7eabcd;
2011-11-08 16:40:44 +00:00
padding: 0;
-webkit-box-shadow: 0 5px 10px #adadad;
}
2011-11-08 16:40:44 +00:00
.tundra .dijitDialogPaneContent {
background: #fff;
border-top: 1px solid #d3d3d3;
padding:10px;
2011-11-08 16:40:44 +00:00
}
2011-11-08 16:40:44 +00:00
.tundra .dijitDialogTitleBar {
2011-11-08 16:40:44 +00:00
/* outer container for the titlebar of the dialog */
background: #fafafa url("images/titleBar.png") repeat-x top left;
padding: 5px 6px 3px 6px;
2011-11-08 16:40:44 +00:00
outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
}
2011-11-08 16:40:44 +00:00
.tundra .dijitDialogTitle {
2011-11-08 16:40:44 +00:00
/* typography and styling of the dialog title */
font-weight: bold;
2011-11-08 16:40:44 +00:00
padding: 0 4px;
}
2011-11-08 16:40:44 +00:00
.tundra .dijitDialogCloseIcon {
2011-11-08 16:40:44 +00:00
/* the default close icon for the dialog */
/* background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; */
background: url("images/tabClose.png") no-repeat right top;
position: absolute;
vertical-align: middle;
right: 6px;
top: 4px;
height: 15px;
width: 15px;
}
.dj_ie6 .tundra .dijitDialogCloseIcon {
background : url("images/tabClose.gif") no-repeat right top;
}
2011-11-08 16:40:44 +00:00
.tundra .dijitDialogCloseIconHover {
background: url("images/tabCloseHover.png") no-repeat right top;
}
.dj_ie6 .tundra .dijitDialogCloseIconHover {
background : url("images/tabCloseHover.gif") no-repeat right top;
}
2011-11-08 16:40:44 +00:00
/* Tooltip and TooltipDialog */
.tundra .dijitTooltip,
.tundra .dijitTooltipDialog {
2011-11-08 16:40:44 +00:00
/* the outermost dom node, holding the connector and container */
background: transparent; /* make the area on the sides of the arrow transparent */
}
2011-11-08 16:40:44 +00:00
.dijitTooltipBelow {
2011-11-08 16:40:44 +00:00
/* leave room for arrow above content */
padding-top: 13px;
}
2011-11-08 16:40:44 +00:00
.dijitTooltipAbove {
2011-11-08 16:40:44 +00:00
/* leave room for arrow below content */
padding-bottom: 13px;
}
2011-11-08 16:40:44 +00:00
.tundra .dijitTooltipContainer {
2011-11-08 16:40:44 +00:00
/*
The part with the text.
*/
background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
border: 1px solid #7eabcd;
padding: 0.45em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
2011-11-08 16:40:44 +00:00
.tundra .dijitTooltipConnector {
2011-11-08 16:40:44 +00:00
/* the arrow piece */
border:0;
z-index: 2;
}
.tundra .dijitTooltipABRight .dijitTooltipConnector {
2011-11-08 16:40:44 +00:00
/* above or below tooltip, but the arrow appears on the right,
and the right edges of target and tooltip are aligned rather than the left */
left: auto !important;
right: 3px;
}
2011-11-08 16:40:44 +00:00
.tundra .dijitTooltipBelow .dijitTooltipConnector {
2011-11-08 16:40:44 +00:00
/* the arrow piece for tooltips below an element */
top: 0;
left: 3px;
background:url("images/tooltipConnectorUp.png") no-repeat top left;
width:16px;
height:14px;
}
2011-11-08 16:40:44 +00:00
.dj_ie .tundra .dijitTooltipBelow .dijitTooltipConnector {
2011-11-08 16:40:44 +00:00
/* use gif for IE7 too, due to png rendering problems on fade-in (see http://trac.dojotoolkit.org/ticket/6555) */
background-image: url("images/tooltipConnectorUp.gif");
}
2011-11-08 16:40:44 +00:00
.tundra .dijitTooltipAbove .dijitTooltipConnector {
2011-11-08 16:40:44 +00:00
/* the arrow piece for tooltips above an element */
bottom: 0;
left: 3px;
background:url("images/tooltipConnectorDown.png") no-repeat top left;
width:16px;
height:14px;
}
.dj_ie .tundra .dijitTooltipAbove .dijitTooltipConnector {
background-image: url("images/tooltipConnectorDown.gif");
}
.dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector {
bottom: -3px;
}
2011-11-08 16:40:44 +00:00
.tundra .dijitTooltipLeft {
padding-right: 14px;
}
.tundra .dijitTooltipLeft .dijitTooltipConnector {
2011-11-08 16:40:44 +00:00
/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
right: 0;
background:url("images/tooltipConnectorRight.png") no-repeat top left;
width:16px;
height:14px;
}
.dj_ie .tundra .dijitTooltipLeft .dijitTooltipConnector {
background-image: url("images/tooltipConnectorRight.gif");
}
2011-11-08 16:40:44 +00:00
.tundra .dijitTooltipRight {
padding-left: 14px;
}
.tundra .dijitTooltipRight .dijitTooltipConnector {
2011-11-08 16:40:44 +00:00
/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
left: 0;
background:url("images/tooltipConnectorLeft.png") no-repeat top left;
width:16px;
height:14px;
}
.dj_ie .tundra .dijitTooltipRight .dijitTooltipConnector {
background-image: url("images/tooltipConnectorLeft.gif");
}
2011-11-08 16:40:44 +00:00
.dj_webkit .tundra .dijitTooltipContainer {
2011-11-08 16:40:44 +00:00
-webkit-box-shadow: 0 5px 10px #adadad;
}