aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/components/main-content.css

   1 /**
   2  * @file
   3  * Visual styles for Bartik's main-content component.
   4  */
   5
   6 .main-content .section {
   7   padding: 0 15px;
   8 }
   9 .main-content h2 {
  10   margin-bottom: 2px;
  11   font-size: 1.429em;
  12   line-height: 1.4;
  13 }
  14
  15 @media all and (min-width: 851px) {
  16   .main-content {
  17     float: left; /* LTR */
  18     position: relative;
  19   }
  20   [dir="rtl"] .main-content {
  21     float: right;
  22   }
  23   .layout-two-sidebars .main-content {
  24     margin-left: 25%;
  25     margin-right: 25%;
  26     width: 50%;
  27   }
  28   .layout-one-sidebar .main-content {
  29     width: 75%;
  30   }
  31   .layout-no-sidebars .main-content {
  32     width: 100%;
  33   }
  34   .layout-sidebar-first .main-content {
  35     margin-left: 25%; /* LTR */
  36     margin-right: 0; /* LTR */
  37   }
  38   [dir="rtl"] .layout-sidebar-first .main-content {
  39     margin-left: 0;
  40     margin-right: 25%;
  41   }
  42   .layout-sidebar-second .main-content {
  43     margin-right: 25%; /* LTR */
  44     margin-left: 0; /* LTR */
  45   }
  46   [dir="rtl"] .layout-sidebar-second .main-content {
  47     margin-right: 0;
  48     margin-left: 25%;
  49   }
  50 }
  51