2 * jQuery Mobile Collapsible CSS
8 .ui-collapsible-inset {
10 .ui-collapsible-heading {
13 border-right-width: 1px;
14 border-left-width: 1px;
18 .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
21 .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
22 border-top-width: 1px;
24 .ui-collapsible-heading, .ui-collapsible-content > li {
27 .ui-collapsible-heading {
28 font-size: @list-font-size-main;
37 border-right-width: 0;
44 .ui-btn-icon-left .ui-btn-inner {
47 .ui-btn-icon-right .ui-btn-inner {
48 padding-left: 12px; padding-right: 40px;
50 .ui-btn-icon-top .ui-btn-inner,
51 .ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; }
54 .ui-btn-inner > .ui-icon-arrow-d {
55 -webkit-transition: all 0.33s ease;
56 -moz-transition: all 0.33s ease;
57 -ms-transition: all 0.33s ease;
58 -o-transition: all 0.33s ease;
59 transition: all 0.33s ease;
61 -webkit-transform: rotate(180deg);
62 -moz-transform: rotate(180deg);
63 -ms-transform: rotate(180deg);
64 -o-transform: rotate(180deg);
65 transform: rotate(180deg);
67 .ui-btn-inner > .ui-icon-arrow-u {
68 background-image: url(images/controls/button/00_button_expand_closed.png);
69 -webkit-transition: all 0.33s ease;
70 -moz-transition: all 0.33s ease;
71 -ms-transition: all 0.33s ease;
72 -o-transition: all 0.33s ease;
73 transition: all 0.33s ease;
75 -webkit-transform: rotate(0deg);
76 -moz-transform: rotate(0deg);
77 -ms-transform: rotate(0deg);
78 -o-transform: rotate(0deg);
79 transform: rotate(0deg);
88 padding: 1px 0px 1px 2px;
95 left: 0; margin-top: -10px;
99 .ui-collapsible-heading-status {
105 .ui-collapsible-content {
109 border-left-width: 0;
110 border-right-width: 0;
111 border-top: none; /* Overrides ui-body-* */
112 background-image: none; /* Overrides ui-body-* */
116 -webkit-transition: all 0.5s ease;
117 -moz-transition: all 0.5s ease;
118 -ms-transition: all 0.5s ease;
119 -o-transition: all 0.5s ease;
120 transition: all 0.5s ease;
122 .ui-collapsible-inset .ui-collapsible-content {
124 border-right-width: 1px;
125 border-left-width: 1px;
127 .ui-collapsible-content-collapsed {
129 max-height: 0px !important;
132 .ui-collapsible-set {