- Author:
- David Nickerson <nickerso@users.sourceforge.net>
- Date:
- 2009-07-16 02:00:03+12:00
- Desc:
- the starting point for the HH tutorial example
- Permanent Source URI:
- https://models.fieldml.org/workspace/a1/rawfile/f6a8f90307388eb4b040ee3566b84d88b59247f7/dojo-presentation/js/dojo/dojox/layout/resources/ExpandoPane.css
/* dojox.layout.ExpandoPane */
.dojoxExpandoPane {
overflow:hidden;
z-index:440;
background:#fff;
}
.dojoxExpandoPane .dojoxExpandoWrapper {
overflow:hidden;
}
.dojoxExpandoClosed .dojoxExpandoTitleNode {
visibility:hidden;
}
/* hide all layout children scrollbars when closed */
.dojoxExpandoClosed .dojoxExpandoWrapper * {
overflow:hidden !important;
}
.dojoxExpandoTitleNode {
padding-right:6px;
padding-left:6px;
}
.dojoxExpandoIcon .a11yNode {
display:none;
visibility:hidden;
}
.dojoxExpandoBottom .dojoxExpandoIcon,
.dojoxExpandoTop .dojoxExpandoIcon,
.dojoxExpandoLeft .dojoxExpandoIcon {
float:right;
margin-right:5px;
}
.dojoxExpandoRight .dojoxExpandoIcon {
float:left;
margin-left:5px;
}
/* this handles the tested embedded layout widget borders ...
... perhaps some of these "relationship classes" can be refined and merged
into the existing themes */
.dojoxExpandoPane .dijitTabContainer .dijitTabPaneWrapper {
border:none;
}
.dojoxExpandoPane .dijitAccordionContainer {
border:none;
}
.dojoxExpandoRight .dijitAccordionContainer {
/* FIXME: need specifics for themes */
border-right:1px solid #ccc;
}
.dojoxExpandoIcon {
width:14px;
cursor:pointer;
background-position:-60px 0px;
height:14px;
}
.dojoxExpandoClosed .dojoxExpandoIcon {
background-position: 0px 0px;
}
/* soria definitions */
.soria .dijitBorderContainer-dijitExpandoPane {
border: 1px solid #B1BADF;
border-top: none;
}
.soria .dojoxExpandoPane {
background: #F0F4FC;
}
.soria .dojoxExpandoTitle {
height:16px;
font-size:0.9em;
font-weight:bold;
padding:3px;
padding-top:6px;
padding-bottom:5px;
background:#F0F4FC url("../../../dijit/themes/soria/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px;
border-bottom: 1px solid #ccc;
}
.soria .dojoxExpandoClosed .dojoxExpandoTitle {
background: none;
background-color: #F0F4FC;
border-top: 1px solid #ccc;
border-bottom: none;
}
.dj_safari .soria .dojoxExpandoTitle {
height:18px;
}
.soria .dojoxExpandoIcon {
background: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png') no-repeat center center;
background-position:-60px 0px;
}
.soria .dojoxExpandoClosed .dojoxExpandoIcon {
background-position:0px 0px;
}
.soria .dojoxExpandoRight {
border-left:1px solid #b1badf;
}
.soria .dojoxExpandoLeft {
border-right:1px solid #b1badf;
}
/* tundra styles */
.tundra .dijitBorderContainer-dijitExpandoPane {
border: 1px solid #ccc;
border-top: none;
}
.tundra .dojoxExpandoTitle {
font-weight: bold;
padding: 3px;
padding-top: 6px;
padding-bottom: 4px;
background: #fafafa url("../../../dijit/themes/tundra/images/accordionItemActive.gif") repeat-x scroll left top;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.tundra .dojoxExpandoClosed .dojoxExpandoTitle {
background: none;
background-color: #fafafa;
border-bottom: none;
}
.dj_ie7 .nihilo .dojoxExpandoTitle,
.dj_safari .nihilo .dojoxExpandoTitle {
height:18px;
}
.tundra .dojoxExpandoRight .dojoxExpandoTitle,
.tundra .dojoxExpandoLeft .dojoxExpandoTitle,
.tundra .dojoxExpandoClosed .dojoxExpandoTitle,
.tundra .dojoxExpandoClosed {
background-color: #fafafa;
}
/* open/closed states */
.tundra .dojoxExpandoRight .dojoxExpandoIcon,
.tundra .dojoxExpandoLeft .dojoxExpandoIcon {
background: url('../../../dijit/themes/tundra/images/minusButton.gif') no-repeat;
}
.tundra .dojoxExpandoClosed .dojoxExpandoIcon {
background: url('../../../dijit/themes/tundra/images/plusButton.gif') no-repeat;
}
/* nihilo theme styles */
.nihilo .dijitBorderContainer-dijitExpandoPane {
border: 1px solid #ccc;
border-top: none;
}
.nihilo .dojoxExpandoPane {
background: #fafafa;
}
.nihilo .dojoxExpandoTitle {
height:16px;
font-size:0.9em;
font-weight:bold;
padding:3px;
padding-top:6px;
padding-bottom:5px;
background:#fafafa url("../../../dijit/themes/nihilo/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px;
border-bottom: 1px solid #ccc;
}
.nihilo .dojoxExpandoClosed .dojoxExpandoTitle {
background: none;
background-color: #fafafa;
border-top: 1px solid #ccc;
border-bottom: none;
}
.nihilo .dojoxExpandoLeft .dojoxExpandoIcon {
background: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png') no-repeat -0px center;
}
.nihilo .dojoxExpandoClosed .dojoxExpandoLeft .dojoxExpandoIcon {
background: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png') no-repeat -30px center;
}
.nihilo .dojoxExpandoRight .dojoxExpandoIcon {
background: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png') no-repeat;
}
.nihilo .dojoxExpandoTop {
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.nihilo .dojoxExpandoRight {
border-left:1px solid #ccc;
}
.nihilo .dojoxExpandoLeft {
border-right:1px solid #ccc;
}