You are here

Home » API reference » Panels Accordion 6

horizontal_accordion.css in Panels Accordion 6 

/**
* Copy-paste-modified from horizontal_accordionv1.1 original.  
* Hasd to remove text-indent & weird colors, change class names, etc.
*/
.haccordion {
  float:left;
  width:100%;
  height:100%;
}
.haccordion .header, .haccordion .panel-pane {
  float: right;
  height:100%;
}

.haccordion .header {
  background-color:grey;
  cursor:pointer;
  width:30px; /* Set my width! */
  margin:0 !important; /* If you want to set margin, make an inner-wrapper */
  padding:0 !important; /* If you want to set padding, make an inner-wrapper */
}

.haccordion .header a {
  display:block;
  width:100%;
  height:100%;	
}
	/* TODO: This block would be for making text go vertical.. /*
	/*.haccordion_1 .header span {
	  -webkit-transform: rotate(90deg);
	  -moz-transform: rotate(90deg);
	  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	}*/
.haccordion .panel-pane {
  overflow: auto;
  width:0px;
  background-color:white;
}

.ui-accordion-content{ zoom: 1; }

File

horizontal_accordion/horizontal_accordion.css
View source 
  1. /**

  2. * Copy-paste-modified from horizontal_accordionv1.1 original.  

  3. * Hasd to remove text-indent & weird colors, change class names, etc.

  4. */

  5. .haccordion {

  6.   float:left;

  7.   width:100%;

  8.   height:100%;

  9. }

  10. .haccordion .header, .haccordion .panel-pane {

  11.   float: right;

  12.   height:100%;

  13. }

  14. 

  15. .haccordion .header {

  16.   background-color:grey;

  17.   cursor:pointer;

  18.   width:30px; /* Set my width! */

  19.   margin:0 !important; /* If you want to set margin, make an inner-wrapper */

  20.   padding:0 !important; /* If you want to set padding, make an inner-wrapper */

  21. }

  22. 

  23. .haccordion .header a {

  24.   display:block;

  25.   width:100%;

  26.   height:100%;	

  27. }

  28. 	/* TODO: This block would be for making text go vertical.. /*

  29. 	/*.haccordion_1 .header span {

  30. 	  -webkit-transform: rotate(90deg);

  31. 	  -moz-transform: rotate(90deg);

  32. 	  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

  33. 	}*/

  34. .haccordion .panel-pane {

  35.   overflow: auto;

  36.   width:0px;

  37.   background-color:white;

  38. }

  39. 

  40. .ui-accordion-content{ zoom: 1; }