You are here

Home » API reference » Panels Extra Layouts 7.2

brenham-flipped.css in Panels Extra Layouts 7.2

Brenham Flipped panel layout

File

plugins/layouts/brenham_flipped/brenham-flipped.css
View source 
  1. /**

  2.  * @file

  3.  * Brenham Flipped panel layout

  4. **/

  5. 

  6. .brenham-flipped-container {

  7.   margin-bottom: 1em;

  8. }

  9. 

  10. .brenham-flipped-sidebar {

  11.   min-height: 1px;

  12.   width: 31.915%;

  13.   float: left;

  14. }

  15. 

  16. .brenham-flipped-content {

  17.   width: 68.085%;

  18.   float: left;

  19. }

  20. 

  21.   .brenham-flipped-content-inner {

  22.     margin-right: 20px;

  23.   }

  24.   

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

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

  27.   .brenham-flipped-content,

  28.   .brenham-flipped-sidebar {

  29.     width: 100%;

  30.     float: none;

  31.   }

  32.   

  33.   .brenham-flipped-content-inner {

  34.     margin-right: 0;

  35.   }

  36. }