You are here

Home » API reference » Panels 5

threecol_25_50_25_stacked.css in Panels 5

Same filename and directory in other branches
  1. 5.2 layouts/threecol_25_50_25_stacked.css
.panel-3col-stacked { 
  /* border: 1px solid red; */ 
  overflow: hidden; 
}
.panel-3col-stacked div div { 
  margin: .5em;
}
.panel-3col-stacked .panel-col-top,
.panel-3col-stacked .panel-col-bottom { 
  width: 100%; 
  clear: both;
}
.panel-3col-stacked .panel-col-first { 
  float: left; 
  width: 25%; 
}
.panel-3col-stacked .panel-col { 
  float: left; 
  width: 50%; 
}
.panel-3col-stacked .panel-col-last { 
  float: left; 
  width: 25%; 
}

File

layouts/threecol_25_50_25_stacked.css
View source 
  1. 

  2. .panel-3col-stacked { 

  3.   /* border: 1px solid red; */ 

  4.   overflow: hidden; 

  5. }

  6. .panel-3col-stacked div div { 

  7.   margin: .5em;

  8. }

  9. .panel-3col-stacked .panel-col-top,

  10. .panel-3col-stacked .panel-col-bottom { 

  11.   width: 100%; 

  12.   clear: both;

  13. }

  14. .panel-3col-stacked .panel-col-first { 

  15.   float: left; 

  16.   width: 25%; 

  17. }

  18. .panel-3col-stacked .panel-col { 

  19.   float: left; 

  20.   width: 50%; 

  21. }

  22. .panel-3col-stacked .panel-col-last { 

  23.   float: left; 

  24.   width: 25%; 

  25. }