You are here

Home » API reference » Panels Extra Layouts 7.2

harris.css in Panels Extra Layouts 7.2

Harris panel layout

File

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

  2.  * @file

  3.  * Harris panel layout

  4. **/

  5. 

  6. .harris-container {

  7.   margin-bottom: 1em;

  8. }

  9. 

  10. .harris-column-content-region {

  11.   min-height: 1px;

  12.   width: 25.532%;

  13.   float: left;

  14. }

  15. 

  16.   .harris-column-content-region-inner {

  17.     margin-right: 20px;

  18.   }

  19. 

  20.   .harris-column2 {

  21.     width: 23.404%;

  22.   }

  23.   

  24.     .harris-column2-inner {

  25.       margin-right: 0;

  26.     }

  27.   

  28.   .harris-content {

  29.     width: 51.064%;

  30.   }

  31.   

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

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

  34.   .harris-column-content-region,

  35.   .harris-column2,

  36.   .harris-content {

  37.     width: 100%;

  38.     float: none;

  39.   }

  40.   

  41.   .harris-column-content-region-inner {

  42.     margin-right: 0;

  43.   }

  44. }