dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
72 lines (71 loc) • 1.67 kB
CSS
/* dojox.mobile.Accordion */
.mblAccordion {
border-style: outset;
border-width: 1px;
border-color: #9b9b9b;
}
.mblAccordionRoundRect {
margin: 7px 9px 16px 9px;
padding: 0;
border: 1px solid #c0c0c0;
border-radius: 8px;
}
.mblAccordionRoundRect .mblAccordionTitle:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.mblAccordionRoundRect .mblAccordionTitleLast,
.mblAccordionRoundRect .mblAccordionPane:last-child {
border-bottom-width: 0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.mblAccordionTitle {
position: relative;
height: 30px;
width: 100%;
font-family: Helvetica;
font-size: 17px;
font-weight: bold;
line-height: 30px;
vertical-align: middle;
white-space: nowrap;
border-top: 1px solid #9b9b9b;
background-color: #c0c0c0;
background-image: none;
font-weight: normal;
}
.mblAccordionTitle:first-child {
border-top: none;
}
.mblAccordionTitleAnchor {
display: block;
height: 100%;
text-decoration: none;
white-space: nowrap;
color: #000000;
cursor: pointer;
}
.mblAccordionIconParent {
float: left;
margin: 6px 4px 0 6px;
line-height: normal;
}
.mblAccordionIconParent1 {
display: block;
}
.mblAccordionIconParent2 {
display: none;
}
.mblAccordionTitleSelected {
border-bottom: 1px solid #c0c0c0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
background-image: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%);
font-weight: bold;
}
.mblAccordionTitleSelected .mblAccordionIconParent1 {
display: none;
}
.mblAccordionTitleSelected .mblAccordionIconParent2 {
display: block;
}