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.
98 lines (97 loc) • 1.96 kB
CSS
/* dojox.mobile.Accordion */
.mblAccordion {
border-style: outset;
border-width: 1px;
border: none;
}
.mblAccordionRoundRect {
margin: 7px 9px 16px 9px;
padding: 0;
border: 1px solid #cccccc;
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: none;
background-color: transparent;
background-image: none;
font-weight: normal;
color: #ffffff;
font-size: 15pt;
margin-top: 8px;
margin-bottom: 8px;
}
.mblAccordionTitle:first-child {
border-top: none;
}
.mblAccordionTitleAnchor {
display: block;
height: 100%;
text-decoration: none;
white-space: nowrap;
color: #ffffff;
cursor: pointer;
}
.mblAccordionIconParent {
float: left;
margin: 6px 4px 0 6px;
line-height: normal;
}
.mblAccordionIconParent1 {
display: block;
}
.mblAccordionIconParent2 {
display: none;
}
.mblAccordionTitleSelected {
border: none;
}
.mblAccordionTitleSelected .mblAccordionIconParent1 {
display: none;
}
.mblAccordionTitleSelected .mblAccordionIconParent2 {
display: block;
}
.mblAccordionPane {
margin-top: -5px;
padding-left: 50px;
background-color: transparent;
overflow: hidden;
position: relative;
}
.mblAccordionPane:before {
content: '';
position: absolute;
height: 100%;
width: 2px;
border-left: 2px solid #ffffff;
left: 40px;
z-index: -1;
}
.mblAccordionTitleLabel:active {
color: Highlight;
}
.mblAccordionIconParent {
margin-left: 0px;
}
.mblAccordionRoundRect {
border: none;
}