Chris@0: /** Chris@0: * @file Chris@0: * Visual styles for collapsible fieldsets. Chris@0: */ Chris@0: Chris@0: .collapse-processed > summary { Chris@18: padding-right: 0.5em; Chris@0: padding-left: 0.5em; Chris@0: } Chris@0: .collapse-processed > summary:before { Chris@18: float: left; /* LTR */ Chris@18: width: 1em; Chris@18: height: 1em; Chris@18: content: ""; Chris@14: background: url(../../../../misc/menu-expanded.png) 0 100% no-repeat; /* LTR */ Chris@0: } Chris@0: [dir="rtl"] .collapse-processed > summary:before { Chris@18: float: right; Chris@0: background-position: 100% 100%; Chris@0: } Chris@0: .collapse-processed:not([open]) > summary:before { Chris@0: -ms-transform: rotate(-90deg); Chris@0: -webkit-transform: rotate(-90deg); Chris@0: transform: rotate(-90deg); Chris@18: background-position: 25% 35%; /* LTR */ Chris@0: } Chris@0: [dir="rtl"] .collapse-processed:not([open]) > summary:before { Chris@0: -ms-transform: rotate(90deg); Chris@0: -webkit-transform: rotate(90deg); Chris@0: transform: rotate(90deg); Chris@18: background-position: 75% 35%; Chris@0: }