You are here

Home » API reference » Zircon Profile 8

main-content.css in Zircon Profile 8

Same filename in this branch
  1. 8 themes/zircon/css/components/main-content.css
  2. 8 core/themes/bartik/css/components/main-content.css
Same filename and directory in other branches
  1. 8.0 themes/zircon/css/components/main-content.css

Visual styles for Bartik's main-content component.

File

themes/zircon/css/components/main-content.css
View source 
  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. 

  52. /**

  53.  * @todo Decide if we want to keep this.

  54.  * It should be in layout.css but it would be

  55.  * overridden there by block.css.

  56.  */

  57. .region-content ul,

  58. .region-content ol {

  59.   margin: 1em 0;

  60.   padding: 0 0 0.25em 15px; /* LTR */

  61. }

  62. [dir="rtl"] .region-content ul,

  63. [dir="rtl"] .region-content ol {

  64.   padding: 0 15px 0.25em 0;

  65. }