You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
152 lines
4.0 KiB
152 lines
4.0 KiB
/* Dialog and Tooltip/TooltipDialog */ |
|
|
|
.tundra .dijitDialog { |
|
background: #fff; |
|
border: 1px solid #7eabcd; |
|
padding: 0; |
|
-webkit-box-shadow: 0 5px 10px #adadad; |
|
} |
|
|
|
.tundra .dijitDialogPaneContent { |
|
background: #fff; |
|
border-top: 1px solid #d3d3d3; |
|
padding:10px; |
|
|
|
} |
|
|
|
.tundra .dijitDialogTitleBar { |
|
/* outer container for the titlebar of the dialog */ |
|
background: #fafafa url("images/titleBar.png") repeat-x top left; |
|
padding: 5px 6px 3px 6px; |
|
outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ |
|
} |
|
|
|
.tundra .dijitDialogTitle { |
|
/* typography and styling of the dialog title */ |
|
font-weight: bold; |
|
padding: 0 4px; |
|
} |
|
|
|
.tundra .dijitDialogCloseIcon { |
|
/* 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; |
|
} |
|
|
|
.tundra .dijitDialogCloseIconHover { |
|
background: url("images/tabCloseHover.png") no-repeat right top; |
|
} |
|
.dj_ie6 .tundra .dijitDialogCloseIconHover { |
|
background : url("images/tabCloseHover.gif") no-repeat right top; |
|
} |
|
|
|
/* Tooltip and TooltipDialog */ |
|
|
|
.tundra .dijitTooltip, |
|
.tundra .dijitTooltipDialog { |
|
/* the outermost dom node, holding the connector and container */ |
|
background: transparent; /* make the area on the sides of the arrow transparent */ |
|
} |
|
|
|
.dijitTooltipBelow { |
|
/* leave room for arrow above content */ |
|
padding-top: 13px; |
|
} |
|
|
|
.dijitTooltipAbove { |
|
/* leave room for arrow below content */ |
|
padding-bottom: 13px; |
|
} |
|
|
|
.tundra .dijitTooltipContainer { |
|
/* |
|
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; |
|
} |
|
|
|
.tundra .dijitTooltipConnector { |
|
/* the arrow piece */ |
|
border:0; |
|
z-index: 2; |
|
} |
|
.tundra .dijitTooltipABRight .dijitTooltipConnector { |
|
/* 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; |
|
} |
|
|
|
.tundra .dijitTooltipBelow .dijitTooltipConnector { |
|
/* 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; |
|
} |
|
|
|
.dj_ie .tundra .dijitTooltipBelow .dijitTooltipConnector { |
|
/* 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"); |
|
} |
|
|
|
.tundra .dijitTooltipAbove .dijitTooltipConnector { |
|
/* 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; |
|
} |
|
|
|
.tundra .dijitTooltipLeft { |
|
padding-right: 14px; |
|
} |
|
.tundra .dijitTooltipLeft .dijitTooltipConnector { |
|
/* 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"); |
|
} |
|
|
|
.tundra .dijitTooltipRight { |
|
padding-left: 14px; |
|
} |
|
.tundra .dijitTooltipRight .dijitTooltipConnector { |
|
/* 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"); |
|
} |
|
|
|
.dj_webkit .tundra .dijitTooltipContainer { |
|
-webkit-box-shadow: 0 5px 10px #adadad; |
|
}
|
|
|