You are here

Home » API reference » Panels 6.2

threecol_33_34_33_stacked.css in Panels 6.2

Same filename and directory in other branches
  1. 8.3 layouts/threecol_33_34_33_stacked/threecol_33_34_33_stacked.css
.panel-3col-33-stacked { 
/*  overflow: hidden;  */
}

.panel-3col-33-stacked .panel-col-top,
.panel-3col-33-stacked .panel-col-bottom { 
  width: 100%; 
  clear: both;
}

.panel-3col-33-stacked .panel-col-top .inside {
  margin-bottom: 1em;
}

.panel-3col-33-stacked .panel-col-first { 
  float: left; 
  width: 33%; 
}

.panel-3col-33-stacked .panel-col-first .inside { 
  margin: 0 .5em 1em 0;
}

.panel-3col-33-stacked .panel-col { 
  float: left; 
  width: 33%; 
}

.panel-3col-33-stacked .panel-col .inside { 
  margin: 0 .5em 1em .5em;
}

.panel-3col-33-stacked .panel-col-last { 
  float: left; 
  width: 33%; 
}

.panel-3col-33-stacked .panel-col-last .inside { 
  margin: 0 0 1em .5em;
}

.panel-3col-33-stacked .panel-separator {
  margin: 0 0 1em 0;
}

File

layouts/threecol_33_34_33_stacked/threecol_33_34_33_stacked.css
View source 
  1. 

  2. .panel-3col-33-stacked { 

  3. /*  overflow: hidden;  */

  4. }

  5. 

  6. .panel-3col-33-stacked .panel-col-top,

  7. .panel-3col-33-stacked .panel-col-bottom { 

  8.   width: 100%; 

  9.   clear: both;

  10. }

  11. 

  12. .panel-3col-33-stacked .panel-col-top .inside {

  13.   margin-bottom: 1em;

  14. }

  15. 

  16. .panel-3col-33-stacked .panel-col-first { 

  17.   float: left; 

  18.   width: 33%; 

  19. }

  20. 

  21. .panel-3col-33-stacked .panel-col-first .inside { 

  22.   margin: 0 .5em 1em 0;

  23. }

  24. 

  25. .panel-3col-33-stacked .panel-col { 

  26.   float: left; 

  27.   width: 33%; 

  28. }

  29. 

  30. .panel-3col-33-stacked .panel-col .inside { 

  31.   margin: 0 .5em 1em .5em;

  32. }

  33. 

  34. .panel-3col-33-stacked .panel-col-last { 

  35.   float: left; 

  36.   width: 33%; 

  37. }

  38. 

  39. .panel-3col-33-stacked .panel-col-last .inside { 

  40.   margin: 0 0 1em .5em;

  41. }

  42. 

  43. .panel-3col-33-stacked .panel-separator {

  44.   margin: 0 0 1em 0;

  45. }