first import

sites/all/modules/panels/plugins/layouts/twocol_bricks/panels-twocol-bricks.tpl.php

@@ -0,0 +1,53 @@
+<?php
+/**
+ * @file
+ * Template for a 2 column panel layout.
+ *
+ * This template provides a two column panel display layout, with
+ * each column roughly equal in width. It is 5 rows high; the top
+ * middle and bottom rows contain 1 column, while the second
+ * and fourth rows contain 2 columns.
+ *
+ * Variables:
+ * - $id: An optional CSS id to use for the layout.
+ * - $content: An array of content, each item in the array is keyed to one
+ *   panel of the layout. This layout supports the following sections:
+ *   - $content['top']: Content in the top row.
+ *   - $content['left_above']: Content in the left column in row 2.
+ *   - $content['right_above']: Content in the right column in row 2.
+ *   - $content['middle']: Content in the middle row.
+ *   - $content['left_below']: Content in the left column in row 4.
+ *   - $content['right_below']: Content in the right column in row 4.
+ *   - $content['right']: Content in the right column.
+ *   - $content['bottom']: Content in the bottom row.
+ */
+?>
+<div class="panel-display panel-2col-bricks clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+  <div class="panel-panel panel-col-top">
+    <div class="inside"><?php print $content['top']; ?></div>
+  </div>
+  <div class="center-wrapper">
+    <div class="panel-panel panel-col-first">
+      <div class="inside"><?php print $content['left_above']; ?></div>
+    </div>
+
+    <div class="panel-panel panel-col-last">
+      <div class="inside"><?php print $content['right_above']; ?></div>
+    </div>
+  </div>
+  <div class="panel-panel panel-col-middle">
+    <div class="inside"><?php print $content['middle']; ?></div>
+  </div>
+  <div class="center-wrapper">
+    <div class="panel-panel panel-col-first">
+      <div class="inside"><?php print $content['left_below']; ?></div>
+    </div>
+
+    <div class="panel-panel panel-col-last">
+      <div class="inside"><?php print $content['right_below']; ?></div>
+    </div>
+  </div>
+  <div class="panel-panel panel-col-bottom">
+    <div class="inside"><?php print $content['bottom']; ?></div>
+  </div>
+</div>

sites/all/modules/panels/plugins/layouts/twocol_bricks/twocol_bricks.css

@@ -0,0 +1,46 @@
+
+.panel-2col-bricks { 
+/*  overflow: hidden;  */
+  margin-top: 0;
+  padding-top: 0;
+}
+
+.panel-2col-bricks .panel-col-top,
+.panel-2col-bricks .panel-col-middle,
+.panel-2col-bricks .panel-col-bottom { 
+  width: 99.9%; 
+  clear: both;
+}
+
+.panel-2col-bricks .panel-col-top .inside,
+.panel-2col-bricks .panel-col-middle .inside {
+  margin-bottom: .5em;
+}
+
+.panel-2col-bricks .panel-col-first { 
+  float: left; 
+  width: 50%; 
+}
+* html .panel-2col-bricks .panel-col-first {
+  width: 49.9%;
+}
+
+.panel-2col-bricks .panel-col-first .inside { 
+  margin: 0 .5em .5em 0;
+}
+
+.panel-2col-bricks .panel-col-last { 
+  float: left; 
+  width: 50%; 
+}
+* html .panel-2col-bricks .panel-col-last {
+  width: 49.9%;
+}
+
+.panel-2col-bricks .panel-col-last .inside { 
+  margin: 0 0 .5em .5em;
+}
+
+.panel-2col-bricks .panel-separator {
+  margin: 0 0 1em 0;
+}

sites/all/modules/panels/plugins/layouts/twocol_bricks/twocol_bricks.inc

@@ -0,0 +1,25 @@
+<?php
+
+/**
+ * @file
+ * Implementation for the two column bricked layout
+ */
+
+// Plugin definition
+$plugin = array(
+  'title' => t('Two column bricks'),
+  'category' => t('Columns: 2'),
+  'icon' => 'twocol_bricks.png',
+  'theme' => 'panels_twocol_bricks',
+  'css' => 'twocol_bricks.css',
+  'regions' => array(
+    'top' => t('Top'),
+    'left_above' => t('Left above'),
+    'right_above' => t('Right above'),
+    'middle' => t('Middle'),
+    'left_below' => t('Left below'),
+    'right_below' => t('Right below'),
+    'bottom' => t('Bottom'),
+  ),
+);
+