You are here

Home » API reference » Panels Extra Layouts 6

bricks_25_75_stacked.css in Panels Extra Layouts 6

Same filename and directory in other branches
  1. 7.2 plugins/layouts/bricks_25_75_stacked/bricks_25_75_stacked.css
  2. 7 plugins/layouts/bricks_25_75_stacked/bricks_25_75_stacked.css
/* CSS file for the bricks 25/75 stacked layout. */
@import url('../../../css/base-grid.css');

.header-left {
  width: 55%;
}
.header-middle {
  width: 15%;
}
.header-right {
  width: 30%;
  padding-right: .5em;
}
.top-stack {
  width: 100%;
  padding: 0 .5em 1em;
}
.bottom-unit, .left-column {
  width: 25%;
}
.right-column {
  width: 75%;
}


/* Margins taken from the Panels module plugins */
.lastUnit .inside {
  margin: 0 0 1em .5em;
}
.firstUnit .inside {
  margin: 0 .5em 1em 0;
}
.unit .inside {
  margin: 0 .5em 1em .5em;
}

File

plugins/layouts/bricks_25_75_stacked/bricks_25_75_stacked.css
View source 
  1. /* CSS file for the bricks 25/75 stacked layout. */

  2. @import url('../../../css/base-grid.css');

  3. 

  4. .header-left {

  5.   width: 55%;

  6. }

  7. .header-middle {

  8.   width: 15%;

  9. }

  10. .header-right {

  11.   width: 30%;

  12.   padding-right: .5em;

  13. }

  14. .top-stack {

  15.   width: 100%;

  16.   padding: 0 .5em 1em;

  17. }

  18. .bottom-unit, .left-column {

  19.   width: 25%;

  20. }

  21. .right-column {

  22.   width: 75%;

  23. }

  24. 

  25. 

  26. /* Margins taken from the Panels module plugins */

  27. .lastUnit .inside {

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

  29. }

  30. .firstUnit .inside {

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

  32. }

  33. .unit .inside {

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

  35. }