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.
74 lines (73 loc) • 1.99 kB
CSS
/* dojox.mobile.Accordion */
.mblAccordion {
border-style: outset;
border-width: 1px;
border-color: #8c8f91;
}
.mblAccordionRoundRect {
margin: 7px 9px 16px 9px;
padding: 0;
border: 1px solid #adaaad;
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 #8c8f91;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee));
background-image: linear-gradient(to bottom, #fdfdfd 0%, #f8f8f8 50%, #eeeeee 50%, #cecece 100%);
}
.mblAccordionTitle:first-child {
border-top: none;
}
.mblAccordionTitleAnchor {
display: block;
height: 100%;
text-decoration: none;
white-space: nowrap;
color: black;
cursor: pointer;
}
.mblAccordionIconParent {
float: left;
margin: 6px 4px 0 6px;
line-height: normal;
}
.mblAccordionIconParent1 {
display: block;
}
.mblAccordionIconParent2 {
display: none;
}
.mblAccordionTitleSelected {
border-bottom: 1px solid #8c8f91;
background-image: -webkit-gradient(linear, left top, left bottom, from(#00a200), to(#00d300), color-stop(0.2, #00ba00), color-stop(0.2, #00ba00));
background-image: linear-gradient(to bottom, #00a200 0%, #00ba00 20%, #00ba00 20%, #00d300 100%);
color: white;
}
.mblAccordionTitleSelected .mblAccordionTitleAnchor {
color: white;
}
.mblAccordionTitleSelected .mblAccordionIconParent1 {
display: none;
}
.mblAccordionTitleSelected .mblAccordionIconParent2 {
display: block;
}