You are here

views-nested-accordion.css in Views Nested Accordion 7

/*
 * CSS for Accordion.
 * In the header, with field grouping the float must be cleared.
*/

/*
 * Fix issues with anchor tags for rdf in field items within the headers
 */
.ui-accordion .ui-accordion-header .field-items a {
  padding: 0 0.5em 1em 1.9em;
}

/*
 * CSS for Nested Accordion.
*/
.view-grouping-header {
  background: none repeat scroll 0 0 #48a9e4;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.3;
  outline: 0 none;
  padding: 0.5em 0.5em 0.5em 2.2em;
  position: relative;
}

.view-grouping .view-grouping-content {
  display: none;
}

.view-grouping:first-child .view-grouping-content {
  display: block;
}

.ui-accordion .ui-accordion-content {
  height: auto !important;
}

.view-grouping-header:before {
  background-image: url("../images/ui-icons_888888_256x240.png");
  background-position: -32px -20px;
  content: "";
  height: 16px;
  left: 10px;
  position: absolute;
  top: 13px;
  width: 16px;
}

.nested-accordion:before {
  background-image: url("../images/ui-icons_888888_256x240.png");
  background-position: -64px -20px;
  content: "";
  height: 16px;
  left: 10px;
  position: absolute;
  top: 13px;
  width: 16px;
}

File

css/views-nested-accordion.css
View source
  1. /*
  2. * CSS for Accordion.
  3. * In the header, with field grouping the float must be cleared.
  4. */
  5. /*
  6. * Fix issues with anchor tags for rdf in field items within the headers
  7. */
  8. .ui-accordion .ui-accordion-header .field-items a {
  9. padding: 0 0.5em 1em 1.9em;
  10. }
  11. /*
  12. * CSS for Nested Accordion.
  13. */
  14. .view-grouping-header {
  15. background: none repeat scroll 0 0 #48a9e4;
  16. border: 1px solid #d3d3d3;
  17. border-radius: 4px;
  18. color: #ffffff;
  19. cursor: pointer;
  20. font-size: 100%;
  21. font-weight: normal;
  22. line-height: 1.3;
  23. outline: 0 none;
  24. padding: 0.5em 0.5em 0.5em 2.2em;
  25. position: relative;
  26. }
  27. .view-grouping .view-grouping-content {
  28. display: none;
  29. }
  30. .view-grouping:first-child .view-grouping-content {
  31. display: block;
  32. }
  33. .ui-accordion .ui-accordion-content {
  34. height: auto !important;
  35. }
  36. .view-grouping-header:before {
  37. background-image: url("../images/ui-icons_888888_256x240.png");
  38. background-position: -32px -20px;
  39. content: "";
  40. height: 16px;
  41. left: 10px;
  42. position: absolute;
  43. top: 13px;
  44. width: 16px;
  45. }
  46. .nested-accordion:before {
  47. background-image: url("../images/ui-icons_888888_256x240.png");
  48. background-position: -64px -20px;
  49. content: "";
  50. height: 16px;
  51. left: 10px;
  52. position: absolute;
  53. top: 13px;
  54. width: 16px;
  55. }