You are here

Home » API reference » Panels 5.2

flexible.css in Panels 5.2 

.panel-flexible { 
/*  overflow: hidden;  */
}

.panel-flexible {
  width: 99.9%;
}

.panel-flexible .panel-col { 
  float: left; 
  padding: 0;
  margin: 1px 0 .5em 0;
}

.panel-flexible .panel-row {
  padding: 0;
  margin: 0;
  padding-bottom: .5em;
  width: 99.9%;
}

.panel-flexible .panel-col-first .inside { 
  padding-right: .5em;
}

.panel-flexible .panel-col-inside .inside { 
  padding-right: .5em;
  padding-left: .5em;
}

.panel-flexible .panel-col-last .inside { 
  padding-left: .5em;
}

#panels-edit-display .panel-pane,
#panels-edit-display .helperclass {
  margin: .5em;
}

.panel-flexible .panel-separator {
  margin: 0 0 1em 0;
}

/* sidebar css */
div.panel-flexible div.panel-flexible-sidebars div.panel-sidebar { 
  float: left; 
  position: relative; 
}

* html div.panel-sidebar-left div.inside {
  background-color: transparent;
}

div.panel-flexible div.panel-flexible-sidebars div.panel-sidebar-middle { 
  width: 100%; 
}

File

layouts/flexible.css
View source 
  1. 

  2. .panel-flexible { 

  3. /*  overflow: hidden;  */

  4. }

  5. 

  6. .panel-flexible {

  7.   width: 99.9%;

  8. }

  9. 

  10. .panel-flexible .panel-col { 

  11.   float: left; 

  12.   padding: 0;

  13.   margin: 1px 0 .5em 0;

  14. }

  15. 

  16. .panel-flexible .panel-row {

  17.   padding: 0;

  18.   margin: 0;

  19.   padding-bottom: .5em;

  20.   width: 99.9%;

  21. }

  22. 

  23. .panel-flexible .panel-col-first .inside { 

  24.   padding-right: .5em;

  25. }

  26. 

  27. .panel-flexible .panel-col-inside .inside { 

  28.   padding-right: .5em;

  29.   padding-left: .5em;

  30. }

  31. 

  32. .panel-flexible .panel-col-last .inside { 

  33.   padding-left: .5em;

  34. }

  35. 

  36. #panels-edit-display .panel-pane,

  37. #panels-edit-display .helperclass {

  38.   margin: .5em;

  39. }

  40. 

  41. .panel-flexible .panel-separator {

  42.   margin: 0 0 1em 0;

  43. }

  44. 

  45. /* sidebar css */

  46. div.panel-flexible div.panel-flexible-sidebars div.panel-sidebar { 

  47.   float: left; 

  48.   position: relative; 

  49. }

  50. 

  51. * html div.panel-sidebar-left div.inside {

  52.   background-color: transparent;

  53. }

  54. 

  55. div.panel-flexible div.panel-flexible-sidebars div.panel-sidebar-middle { 

  56.   width: 100%; 

  57. }