You are here

facetapi_collapsible.css in Facet API Collapsible 7

/**
 * FacetAPI Collapsible structural styles.
 * @todo: Move the display properties into JS. Initially hiding facets
 * with CSS can cause the content to not show if JS is disabled or has
 * stopped working because of a parsing error.
 */

.block.facetapi-collapsible .facet-collapsible-wrapper {
  display: none;
}
.block.facetapi-collapsible.expanded .facet-collapsible-wrapper {
  display: block;
}
.block.facetapi-collapsible ul.facetapi-collapsible ul {
  display:none;
}
.block.facetapi-collapsible ul.facetapi-collapsible ul.expanded {
  display:block
}
/**
 * FacetAPI Collapsible Block Titles & Toggle
 */
.block.facetapi-collapsible h2.block-title {
  cursor: pointer;
}
.block.facetapi-collapsible h2.block-title .toggle {
  background: url(images/expand.png) no-repeat 0 0 transparent;
  display: block;
  float: right;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}
.block.facetapi-collapsible.expanded h2.block-title .toggle {
  background-image: url(images/collapse.png);
}
.block.facetapi-collapsible.expanded.active h2.block-title {
  cursor: default;
}
.block.facetapi-collapsible.expanded.active h2.block-title .toggle {
  display: none;
}

File

facetapi_collapsible.css
View source
  1. /**
  2. * FacetAPI Collapsible structural styles.
  3. * @todo: Move the display properties into JS. Initially hiding facets
  4. * with CSS can cause the content to not show if JS is disabled or has
  5. * stopped working because of a parsing error.
  6. */
  7. .block.facetapi-collapsible .facet-collapsible-wrapper {
  8. display: none;
  9. }
  10. .block.facetapi-collapsible.expanded .facet-collapsible-wrapper {
  11. display: block;
  12. }
  13. .block.facetapi-collapsible ul.facetapi-collapsible ul {
  14. display:none;
  15. }
  16. .block.facetapi-collapsible ul.facetapi-collapsible ul.expanded {
  17. display:block
  18. }
  19. /**
  20. * FacetAPI Collapsible Block Titles & Toggle
  21. */
  22. .block.facetapi-collapsible h2.block-title {
  23. cursor: pointer;
  24. }
  25. .block.facetapi-collapsible h2.block-title .toggle {
  26. background: url(images/expand.png) no-repeat 0 0 transparent;
  27. display: block;
  28. float: right;
  29. height: 10px;
  30. margin-right: 5px;
  31. width: 10px;
  32. }
  33. .block.facetapi-collapsible.expanded h2.block-title .toggle {
  34. background-image: url(images/collapse.png);
  35. }
  36. .block.facetapi-collapsible.expanded.active h2.block-title {
  37. cursor: default;
  38. }
  39. .block.facetapi-collapsible.expanded.active h2.block-title .toggle {
  40. display: none;
  41. }