framework7/lazy-components/accordion.css

Full featured mobile HTML framework for building iOS & Android apps

.accordion-item-toggle{cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-toggle.active-state{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;transition-property:background-color}.accordion-item-toggle .item-inner:after{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item .item-link .item-inner:after{-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-left:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;-webkit-transition-duration:.3s;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{-webkit-transform:none;transform:none}.ios .list .accordion-item-toggle .item-inner{background-size:8px 13px;background:no-repeat calc(100% - 15px) center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");padding-right:35px}.ios .list .accordion-item-toggle.active-state{background-color:#d9d9d9}.ios .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.ios .accordion-item-opened.media-item>.item-link .item-title-row,.ios .links-list .accordion-item-opened>a,.ios .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.ios .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.ios .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.ios .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");background-size:13px 13px}.ios .theme-dark .list .accordion-item-toggle .item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.ios .theme-dark .list .accordion-item-toggle.active-state{background-color:#363636}.ios .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.ios .theme-dark .accordion-item-opened.media-item>.item-link .item-title-row,.ios .theme-dark .links-list .accordion-item-opened>a,.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.ios .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.ios .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.ios .theme-dark .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.md .list .accordion-item-toggle .item-inner{padding-right:42px;background:no-repeat calc(100% - 16px) center}.md .list .accordion-item-toggle.active-state{background-color:rgba(0,0,0,.1)}.md .accordion-item.media-item .accordion-item-toggle .item-title-row,.md .accordion-item.media-item>.item-link .item-title-row,.md .links-list .accordion-item>a,.md .list .accordion-item-toggle .item-inner,.md .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,.md .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner,.md .media-list .accordion-item .accordion-item-toggle .item-title-row,.md .media-list .accordion-item>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");background-size:13px 13px}.md .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.md .accordion-item-opened.media-item>.item-link .item-title-row,.md .links-list .accordion-item-opened>a,.md .list .accordion-item-toggle.accordion-item-opened .item-inner,.md .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.md .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.md .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.md .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.md .theme-dark .accordion-item.media-item .accordion-item-toggle .item-title-row,.md .theme-dark .accordion-item.media-item>.item-link .item-title-row,.md .theme-dark .links-list .accordion-item>a,.md .theme-dark .list .accordion-item-toggle .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner,.md .theme-dark .media-list .accordion-item .accordion-item-toggle .item-title-row,.md .theme-dark .media-list .accordion-item>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}.md .theme-dark .accordion-item-opened.media-item .accordion-item-toggle .item-title-row,.md .theme-dark .accordion-item-opened.media-item>.item-link .item-title-row,.md .theme-dark .links-list .accordion-item-opened>a,.md .theme-dark .list .accordion-item-toggle.accordion-item-opened .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner,.md .theme-dark .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner,.md .theme-dark .media-list .accordion-item-opened .accordion-item-toggle .item-title-row,.md .theme-dark .media-list .accordion-item-opened>.item-link .item-title-row{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")}