You are here

Home » API reference » Panels Extra Layouts 7.2

bartlett.css in Panels Extra Layouts 7.2

Bartlett panel layout

File

plugins/layouts/bartlett/bartlett.css
View source 
  1. /**

  2.  * @file

  3.  * Bartlett panel layout

  4. **/

  5. 

  6. .bartlett-container,

  7. .bartlett-content-header {

  8.   margin-bottom: 1em;

  9. }

  10. 

  11. .bartlett-column {

  12.   width: 34.043%;

  13.   float: left;

  14. }

  15. 

  16.   .bartlett-column-inner {

  17.     margin-right: 20px;

  18.   }

  19.   

  20. .bartlett-content-container { /* This is floated to the left of the sidebar,

  21.   which is styled by the generic "bartlett-column" class */

  22.   float: left;

  23.   width: 65.957%;

  24. }

  25. 

  26.   .bartlett-content-container .bartlett-content-column1 {

  27.     width: 51.613%;  

  28.   }

  29.   

  30.   .bartlett-content-container .bartlett-content-column2 {

  31.     width: 48.387%;

  32.   }

  33. 

  34.     .bartlett-content-column2-inner {

  35.       margin-right: 0;

  36.     }

  37.     

  38. /* iPhone [portrait + landscape] */

  39. @media only screen and (max-width: 480px) {

  40.   .bartlett-column,

  41.   .bartlett-content-container,

  42.   .bartlett-content-container .bartlett-content-column1,

  43.   .bartlett-content-container .bartlett-content-column2 {

  44.     width: 100%;

  45.     float: none;

  46.   }

  47.   

  48.   .bartlett-column-inner {

  49.     margin-right: 0;

  50.   }

  51. }