first import
This commit is contained in:
Bachir Soussi Chiadmi
@@ -0,0 +1,79 @@
|
||||
<?php
|
||||
/**
|
||||
* @file bricks-25-75-stacked.tpl.php
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Fri Dec 17 05:04:05 2010
|
||||
*
|
||||
* @brief Template for the 25/75 bricks panels layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
?>
|
||||
<div class="panel-display panel-bricks-25-75-stacked clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit header-left firstUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['header_left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit header-middle">
|
||||
<div class="inside">
|
||||
<?php print $content['header_middle']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel header-right lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['header_right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit top-stack lastUnit">
|
||||
<?php print $content['top_stack']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit left-column firstUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['left_column']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit right-column lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['right_column']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit bottom-unit firstUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['bottom_left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit bottom-unit">
|
||||
<div class="inside">
|
||||
<?php print $content['bottom_middle_left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit bottom-unit">
|
||||
<div class="inside">
|
||||
<?php print $content['bottom_middle_right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit bottom-unit lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['bottom_right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
/* CSS file for the bricks 25/75 stacked layout. */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.header-left {
|
||||
width: 55%;
|
||||
}
|
||||
.header-middle {
|
||||
width: 15%;
|
||||
}
|
||||
.header-right {
|
||||
width: 30%;
|
||||
padding-right: .5em;
|
||||
}
|
||||
.top-stack {
|
||||
width: 100%;
|
||||
padding: 0 .5em 1em;
|
||||
}
|
||||
.bottom-unit, .left-column {
|
||||
width: 25%;
|
||||
}
|
||||
.right-column {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
/**
|
||||
* @file bricks_25_75_stacked.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Fri Dec 17 05:00:37 2010
|
||||
*
|
||||
* @brief Panels plugin for the 25/75 stacked layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Bricks 25/75 stacked'),
|
||||
'category' => t('Columns: 2'),
|
||||
'icon' => 'bricks_25_75_stacked.png',
|
||||
'theme' => 'bricks_25_75_stacked',
|
||||
'css' => 'bricks_25_75_stacked.css',
|
||||
'regions' => array(
|
||||
'header_left' => t('Header left'),
|
||||
'header_middle' => t('Header middle'),
|
||||
'header_right' => t('Header right'),
|
||||
'top_stack' => t('Top stack'),
|
||||
'left_column' => t('Left column'),
|
||||
'right_column' => t('Right column'),
|
||||
'bottom_left' => t('Bottom left'),
|
||||
'bottom_middle_left' => t('Bottom middle left'),
|
||||
'bottom_middle_right' => t('Bottom middle right'),
|
||||
'bottom_right' => t('Bottom right'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,14 @@
|
||||
# ImageMagick MVG file for creating the Panels screenshot.
|
||||
viewbox 0 0 50 75
|
||||
fill white rectangle 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 25 12
|
||||
rectangle 27 2 34 12
|
||||
rectangle 36 2 48 12
|
||||
rectangle 2 14 48 25
|
||||
rectangle 2 27 12 60
|
||||
rectangle 14 27 48 60
|
||||
rectangle 2 62 12 72
|
||||
rectangle 14 62 24 72
|
||||
rectangle 26 62 36 72
|
||||
rectangle 38 62 48 72
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 484 B |
@@ -0,0 +1,239 @@
|
||||
<!-- -*- mode: html-helper; before-save-hook: nil -*- -->
|
||||
|
||||
<div class="panel-display panel-four-three-adaptive clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
|
||||
<!-- 4x4 grid -->
|
||||
<?php
|
||||
for ($j = 0; $j < 16; $j += 4):
|
||||
// Get the $content array keys of all non empty entries.
|
||||
$keys = array_keys(array_filter(array_slice($content, $j, 4, TRUE)));
|
||||
$h = panels_extra_layouts_adaptive_hash($keys, 4, 'panels_extra_layouts_adaptive_get_digit');
|
||||
// If all the row elements are empty then jump to the next row
|
||||
// immediately.
|
||||
if ($h == 0) continue;
|
||||
?>
|
||||
|
||||
<?php if ($h == 1): ?><!-- 100% - 1 column -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-one-hundred lastUnit">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 3): ?><!-- 25/75% - 2 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-seventy-five lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 4): ?><!-- 50/50% - 2 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-fifty">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-fifty lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 5): ?><!-- 75/25% - 2 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-seventy-five la">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h ==6 || $h == 9): ?><!-- 25/25/50% - 3 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-fifty lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[2]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 7): ?><!-- 25/50/25% - 3 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-fifty">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[2]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 8): ?><!-- 50/25/25% - 3 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-fifty">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[2]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 10): ?><!-- 25/25/25/25% - 4 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[2]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[3]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endfor; ?>
|
||||
|
||||
<!-- 3x3 grid -->
|
||||
<?php
|
||||
for ($i = 16; $i < 25; $i += 3):
|
||||
// Get the $content array keys of all non empty entries.
|
||||
$keys = array_keys(array_filter(array_slice($content, $i, 3, TRUE)));
|
||||
$h = panels_extra_layouts_adaptive_hash($keys, 3, 'panels_extra_layouts_adaptive_get_digit');
|
||||
// If all the row elements are empty then jump to the next row
|
||||
// immediately.
|
||||
if ($h == 0) continue;
|
||||
?>
|
||||
|
||||
<?php if ($h == 1): ?><!-- 100% - 1 column -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-one-hundred lastUnit">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 3 || $h == 5): ?><!-- 33/66% - 2 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-thirty-three">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-sixty-six lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 4): ?><!-- 66/33% - 2 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-sixty-six">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-thirty-three lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 6): ?><!-- 33/33/33% - 3 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-thirty-three">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-thirty-three">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-thirty-three lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[2]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endfor; ?>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
/* CSS file for the four three adaptive layout */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.panel-col-twenty-five {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.panel-col-thirty-three {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.panel-col-fifty {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.panel-col-sixty-six {
|
||||
width: 66%;
|
||||
}
|
||||
|
||||
.panel-col-seventy-five {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.panel-one-hundred {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
<?php
|
||||
/**
|
||||
* @file four_three_adaptive.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Sun Jul 31 12:43:09 2011
|
||||
*
|
||||
* @brief The four/three adaptive layout plugin.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Four three adaptive'),
|
||||
'category' => t('Adaptive: 4x4 - 3x3'),
|
||||
'icon' => 'four_three_adaptive.png',
|
||||
'theme' => 'four_three_adaptive',
|
||||
'css' => 'four_three_adaptive.css',
|
||||
'regions' => array(
|
||||
'11' => t('Header left'),
|
||||
'12' => t('Header center left'),
|
||||
'13' => t('Header center right'),
|
||||
'14' => t('Header right'),
|
||||
'21' => t('Top left'),
|
||||
'22' => t('Top center left'),
|
||||
'23' => t('Top center right'),
|
||||
'24' => t('Top right'),
|
||||
'31' => t('Middle top left'),
|
||||
'32' => t('Middle top center left'),
|
||||
'33' => t('Middle top center right'),
|
||||
'34' => t('Middle top right'),
|
||||
'41' => t('Middle below top left'),
|
||||
'42' => t('Middle below top center left'),
|
||||
'43' => t('Middle below top center right'),
|
||||
'44' => t('Middle below top right'),
|
||||
'51' => t('Middle above bottom left'),
|
||||
'52' => t('Middle above bottom center'),
|
||||
'53' => t('Middle above bottom right'),
|
||||
'61' => t('Bottom left'),
|
||||
'62' => t('Bottom center'),
|
||||
'63' => t('Bottom right'),
|
||||
'71' => t('Footer left'),
|
||||
'72' => t('Footer center'),
|
||||
'73' => t('Footer right'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,28 @@
|
||||
# ImageMagick MVG file for creating the Panels icon.
|
||||
viewbox 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 12 10
|
||||
rectangle 14 2 24 10
|
||||
rectangle 26 2 35 10
|
||||
rectangle 37 2 47 10
|
||||
rectangle 2 12 12 20
|
||||
rectangle 14 12 24 20
|
||||
rectangle 26 12 35 20
|
||||
rectangle 37 12 47 20
|
||||
rectangle 2 22 12 30
|
||||
rectangle 14 22 24 30
|
||||
rectangle 26 22 35 30
|
||||
rectangle 37 22 47 30
|
||||
rectangle 2 32 12 40
|
||||
rectangle 14 32 24 40
|
||||
rectangle 26 32 35 40
|
||||
rectangle 37 32 47 40
|
||||
###### 3x3 ######
|
||||
rectangle 2 42 16 51
|
||||
rectangle 18 42 32 51
|
||||
rectangle 34 42 47 51
|
||||
rectangle 2 53 16 62
|
||||
rectangle 18 53 32 62
|
||||
rectangle 34 53 47 62
|
||||
rectangle 2 64 16 73
|
||||
rectangle 18 64 32 73
|
||||
rectangle 34 64 47 73
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 336 B |
@@ -0,0 +1,239 @@
|
||||
<!-- -*- mode: html-helper; before-save-hook: nil -*- -->
|
||||
|
||||
<div class="panel-display panel-three-four-adaptive clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
|
||||
<!-- 3x3 grid -->
|
||||
<?php
|
||||
for ($i = 0; $i < 9; $i += 3):
|
||||
// Get the $content array keys of all non empty entries.
|
||||
$keys = array_keys(array_filter(array_slice($content, $i, 3, TRUE)));
|
||||
$h = panels_extra_layouts_adaptive_hash($keys, 3, 'panels_extra_layouts_adaptive_get_digit');
|
||||
// If all the row elements are empty then jump to the next row
|
||||
// immediately.
|
||||
if ($h == 0) continue;
|
||||
?>
|
||||
|
||||
<?php if ($h == 1): ?><!-- 100% - 1 column -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-one-hundred lastUnit">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 3 || $h == 5): ?><!-- 33/66% - 2 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-thirty-three">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-sixty-six lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 4): ?><!-- 66/33% - 2 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-sixty-six">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-thirty-three lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 6): ?><!-- 33/33/33% - 3 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-thirty-three">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-thirty-three">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-thirty-three lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[2]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endfor; ?>
|
||||
|
||||
<!-- 4x4 grid -->
|
||||
<?php
|
||||
for ($j = 9; $j < 25; $j += 4):
|
||||
// Get the $content array keys of all non empty entries.
|
||||
$keys = array_keys(array_filter(array_slice($content, $j, 4, TRUE)));
|
||||
$h = panels_extra_layouts_adaptive_hash($keys, 4, 'panels_extra_layouts_adaptive_get_digit');
|
||||
// If all the row elements are empty then jump to the next row
|
||||
// immediately.
|
||||
if ($h == 0) continue;
|
||||
?>
|
||||
|
||||
<?php if ($h == 1): ?><!-- 100% - 1 column -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-one-hundred lastUnit">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 3): ?><!-- 25/75% - 2 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-seventy-five lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 4): ?><!-- 50/50% - 2 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-fifty">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-fifty lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 5): ?><!-- 75/25% - 2 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-seventy-five la">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h ==6 || $h == 9): ?><!-- 25/25/50% - 3 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-fifty lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[2]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 7): ?><!-- 25/50/25% - 3 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-fifty">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[2]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 8): ?><!-- 50/25/25% - 3 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-fifty">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[2]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($h == 10): ?><!-- 25/25/25/25% - 4 columns -->
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[0]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[1]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[2]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-five lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content[$keys[3]]; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endfor; ?>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
/* CSS file for the three four adaptive layout */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.panel-col-twenty-five {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.panel-col-thirty-three {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.panel-col-fifty {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.panel-col-sixty-six {
|
||||
width: 66%;
|
||||
}
|
||||
|
||||
.panel-col-seventy-five {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.panel-one-hundred {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
<?php
|
||||
/**
|
||||
* @file three_four_adaptive.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Sun Jul 31 12:43:09 2011
|
||||
*
|
||||
* @brief The three/four adaptive layout plugin.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Three four adaptive'),
|
||||
'category' => t('Adaptive: 3x3 - 4x4'),
|
||||
'icon' => 'three_four_adaptive.png',
|
||||
'theme' => 'three_four_adaptive',
|
||||
'css' => 'three_four_adaptive.css',
|
||||
'regions' => array(
|
||||
'11' => t('Header left'),
|
||||
'12' => t('Header center'),
|
||||
'13' => t('Header right'),
|
||||
'21' => t('Top left'),
|
||||
'22' => t('Top middle'),
|
||||
'23' => t('Top right'),
|
||||
'31' => t('Middle top left'),
|
||||
'32' => t('Middle top center'),
|
||||
'33' => t('Middle top right'),
|
||||
'41' => t('Middle below top left'),
|
||||
'42' => t('Middle below top center left'),
|
||||
'43' => t('Middle below top center right'),
|
||||
'44' => t('Middle below top right'),
|
||||
'51' => t('Middle above bottom left'),
|
||||
'52' => t('Middle above bottom center left'),
|
||||
'53' => t('Middle above bottom center right'),
|
||||
'54' => t('Middle above bottom right'),
|
||||
'61' => t('Bottom left'),
|
||||
'62' => t('Bottom center left'),
|
||||
'63' => t('Bottom center right'),
|
||||
'64' => t('Bottom right'),
|
||||
'71' => t('Footer left'),
|
||||
'72' => t('Footer center left'),
|
||||
'73' => t('Footer center right'),
|
||||
'74' => t('Footer right'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,28 @@
|
||||
# ImageMagick MVG file for creating the Panels icon.
|
||||
viewbox 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 16 11
|
||||
rectangle 18 2 31 11
|
||||
rectangle 33 2 47 11
|
||||
rectangle 2 13 16 22
|
||||
rectangle 18 13 31 22
|
||||
rectangle 33 13 47 22
|
||||
rectangle 2 24 16 33
|
||||
rectangle 18 24 31 33
|
||||
rectangle 33 24 47 33
|
||||
###### 4x4 ######
|
||||
rectangle 2 35 12 43
|
||||
rectangle 14 35 24 43
|
||||
rectangle 26 35 35 43
|
||||
rectangle 37 35 47 43
|
||||
rectangle 2 45 12 53
|
||||
rectangle 14 45 24 53
|
||||
rectangle 26 45 35 53
|
||||
rectangle 37 45 47 53
|
||||
rectangle 2 55 12 63
|
||||
rectangle 14 55 24 63
|
||||
rectangle 26 55 35 63
|
||||
rectangle 37 55 47 63
|
||||
rectangle 2 65 12 72
|
||||
rectangle 14 65 24 72
|
||||
rectangle 26 65 35 72
|
||||
rectangle 37 65 47 72
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 342 B |
@@ -0,0 +1,35 @@
|
||||
<!-- -*-html-helper-*- -->
|
||||
|
||||
<div class="panel-display panel-threecol-15-70-15-stacked clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-header lastUnit">
|
||||
<?php print $content['header']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-fifteen firstUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-seventy">
|
||||
<div class="inside">
|
||||
<?php print $content['middle']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel panel-col-fifteen lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel panel-line">
|
||||
<div class="panel-panel unit panel-footer lastUnit">
|
||||
<?php print $content['footer']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
/* CSS file for the 15 70 15 stacked layout */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.panel-col-fifteen {
|
||||
width: 15%;
|
||||
}
|
||||
.panel-col-seventy {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.panel-header, .panel-footer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
<?php
|
||||
/**
|
||||
* @file threecol_15_70_15_stacked.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Sun Jul 24 17:26:14 2011
|
||||
*
|
||||
* @brief Panels plugin for the three column 15/70/15 stacked layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Three column 15/70/15 stacked'),
|
||||
'category' => t('Columns: 3'),
|
||||
'icon' => 'threecol_15_70_15_stacked.png',
|
||||
'theme' => 'threecol_15_70_15_stacked',
|
||||
'css' => 'threecol_15_70_15_stacked.css',
|
||||
'regions' => array(
|
||||
'header' => t('Header'),
|
||||
'left' => t('Left'),
|
||||
'middle' => t('Middle'),
|
||||
'right' => t('Right'),
|
||||
'footer' => t('Footer'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,7 @@
|
||||
# ImageMagick MVG file for creating the Panels icon.
|
||||
viewbox 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 48 12
|
||||
rectangle 2 14 9 59
|
||||
rectangle 11 14 39 59
|
||||
rectangle 41 14 48 59
|
||||
rectangle 2 61 48 73
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 320 B |
@@ -0,0 +1,45 @@
|
||||
<?php
|
||||
/**
|
||||
* @file threecol-42-29-29-stacked.tpl.php
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Fri Dec 17 04:59:07 2010
|
||||
*
|
||||
* @brief Template for the three column 42/29/29 stacked layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
?>
|
||||
<div class="panel-display panel-threecol-42-29-29-stacked clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-forty-two firstUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-twenty-nine">
|
||||
<div class="inside">
|
||||
<?php print $content['middle']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel panel-col-twenty-nine lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-bottom lastUnit">
|
||||
<?php print $content['bottom_above']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-bottom lastUnit">
|
||||
<?php print $content['bottom_below']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
/* CSS rules for the three column 42 29 29 stacked panelys layout */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.panel-col-twenty-nine {
|
||||
width: 29%;
|
||||
}
|
||||
.panel-col-forty-two {
|
||||
width: 42%;
|
||||
}
|
||||
.panel-bottom {
|
||||
width: 100%;
|
||||
padding: 0 .5em 1em;
|
||||
}
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
<?php
|
||||
/**
|
||||
* @file threecol_42_29_29_stacked.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Fri Dec 17 05:05:34 2010
|
||||
*
|
||||
* @brief Panels plugin for the three column 42/29/29 stacked layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Three column 42/29/29 stacked'),
|
||||
'category' => t('Columns: 3'),
|
||||
'icon' => 'threecol_42_29_29_stacked.png',
|
||||
'theme' => 'threecol_42_29_29_stacked',
|
||||
'css' => 'threecol_42_29_29_stacked.css',
|
||||
'regions' => array(
|
||||
'left' => t('Left side'),
|
||||
'middle' => t('Middle column'),
|
||||
'right' => t('Right side'),
|
||||
'bottom_above' => t('Bottom stack above'),
|
||||
'bottom_below' => t('Bottom stack bellow'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,8 @@
|
||||
# ImageMagick MVG file for creating the Panels screenshot.
|
||||
viewbox 0 0 50 75
|
||||
fill white rectangle 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 20 48
|
||||
rectangle 22 2 34 48
|
||||
rectangle 36 2 48 48
|
||||
rectangle 2 50 48 61
|
||||
rectangle 2 63 48 72
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 435 B |
@@ -0,0 +1,37 @@
|
||||
<!-- -*-html-helper-*- -->
|
||||
<div class="panel-display panel-threecol-44-35-21-stacked clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\"";} ?>>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit left">
|
||||
<div class="inside">
|
||||
<?php print $content['left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit right lastUnit">
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit top-middle">
|
||||
<div class="inside">
|
||||
<?php print $content['top_middle']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit top-right lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['top_right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inside">
|
||||
<?php print $content['right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel footer">
|
||||
<div class="inside">
|
||||
<?php print $content['footer']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
/* CSS file for 44/35/21 stacked layout. */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.left {
|
||||
width: 44%;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 56%;
|
||||
}
|
||||
|
||||
.top-middle {
|
||||
width: 64%;
|
||||
}
|
||||
|
||||
.top-right {
|
||||
width: 36%;
|
||||
}
|
||||
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
<?php
|
||||
/**
|
||||
* @file threecol_44_35_21_stacked.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Thu Apr 14 10:51:43 2011
|
||||
*
|
||||
* @brief Panels plugin for a 44/35/21 stacked layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Three column 44/35/21 stacked'),
|
||||
'category' => t('Columns: 3'),
|
||||
'icon' => 'threecol_44_35_21_stacked.png',
|
||||
'theme' => 'threecol_44_35_21_stacked',
|
||||
'css' => 'threecol_44_35_21_stacked.css',
|
||||
'regions' => array(
|
||||
'left' => t('Left'),
|
||||
'top_middle' => t('Top middle'),
|
||||
'top_right' => t('Top right'),
|
||||
'right' => t('Right'),
|
||||
'footer' => t('Footer'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,8 @@
|
||||
# ImageMagick MVG file for creating the Panels screenshot.
|
||||
viewbox 0 0 50 75
|
||||
fill white rectangle 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 21 52
|
||||
rectangle 23 2 38 20
|
||||
rectangle 40 2 48 20
|
||||
rectangle 23 22 48 52
|
||||
rectangle 2 54 48 72
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 481 B |
@@ -0,0 +1,37 @@
|
||||
<!-- -*-html-helper-*- -->
|
||||
<div class="panel-display panel-threecol-44-37-19-stacked clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\"";} ?>>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit left">
|
||||
<div class="inside">
|
||||
<?php print $content['left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit right lastUnit">
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit top-middle">
|
||||
<div class="inside">
|
||||
<?php print $content['top_middle']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit top-right lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['top_right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inside">
|
||||
<?php print $content['right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel footer">
|
||||
<div class="inside">
|
||||
<?php print $content['footer']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
/* CSS file for 44/37/19 stacked layout. */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.left {
|
||||
width: 44%;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 56%;
|
||||
}
|
||||
|
||||
.top-middle {
|
||||
width: 66%;
|
||||
}
|
||||
|
||||
.top-right {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
<?php
|
||||
/**
|
||||
* @file threecol_44_37_19_stacked.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Thu Apr 14 10:51:43 2011
|
||||
*
|
||||
* @brief Panels plugin for a 44/37/19 stacked layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Three column 44/37/19 stacked'),
|
||||
'category' => t('Columns: 3'),
|
||||
'icon' => 'threecol_44_37_19_stacked.png',
|
||||
'theme' => 'threecol_44_37_19_stacked',
|
||||
'css' => 'threecol_44_37_19_stacked.css',
|
||||
'regions' => array(
|
||||
'left' => t('Left'),
|
||||
'top_middle' => t('Top middle'),
|
||||
'top_right' => t('Top right'),
|
||||
'right' => t('Right'),
|
||||
'footer' => t('Footer'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,8 @@
|
||||
# ImageMagick MVG file for creating the Panels screenshot.
|
||||
viewbox 0 0 50 75
|
||||
fill white rectangle 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 21 52
|
||||
rectangle 23 2 40 20
|
||||
rectangle 42 2 48 20
|
||||
rectangle 23 22 48 52
|
||||
rectangle 2 54 48 72
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 480 B |
@@ -0,0 +1,23 @@
|
||||
<!-- -*-html-helper-*- -->
|
||||
|
||||
<div class="panel-display panel-threecol-7-72-31-stacked clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
|
||||
<div class="panel-panel line">
|
||||
<div class="inside">
|
||||
<div class="panel-panel unit panel-col-seven firstUnit">
|
||||
<?php print $content['left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-sixtytwo">
|
||||
<div class="inside">
|
||||
<?php print $content['middle']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel unit panel-col-thirtyone lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,27 @@
|
||||
/* CSS file for the 7 62 31 layout */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.panel-col-seven {
|
||||
width: 7%;
|
||||
}
|
||||
.panel-col-sixtytwo {
|
||||
width: 62%;
|
||||
}
|
||||
.panel-col-thirtyone {
|
||||
width: 31%;
|
||||
}
|
||||
|
||||
.panel-header, .panel-footer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
<?php
|
||||
/**
|
||||
* @file threecol_7_62_31.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Sun Jul 24 20:39:00 2011
|
||||
*
|
||||
* @brief The three column 7/62/31 layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Three column 7/62/31'),
|
||||
'category' => t('Columns: 3'),
|
||||
'icon' => 'threecol_7_62_31.png',
|
||||
'theme' => 'threecol_7_62_31',
|
||||
'css' => 'threecol_7_62_31.css',
|
||||
'regions' => array(
|
||||
'left' => t('Left'),
|
||||
'middle' => t('Middle'),
|
||||
'right' => t('Right'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,5 @@
|
||||
# ImageMagick MVG file for creating the Panels icon.
|
||||
viewbox 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 6 73
|
||||
rectangle 8 2 33 73
|
||||
rectangle 35 2 48 73
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 294 B |
@@ -0,0 +1,35 @@
|
||||
<!-- -*-html-helper-*- -->
|
||||
|
||||
<div class="panel-display panel-twocol-30-70-stacked clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-header lastUnit">
|
||||
<?php print $content['header']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-top lastUnit">
|
||||
<?php print $content['top']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-thirty firstUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel panel-col-seventy lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel panel-line">
|
||||
<div class="panel-panel unit panel-footer lastUnit">
|
||||
<?php print $content['footer']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
/* CSS file for the 30 70 stacked layout */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.panel-col-thirty {
|
||||
width: 30%;
|
||||
}
|
||||
.panel-col-seventy {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.panel-header, .panel-top, .panel-footer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
<?php
|
||||
/**
|
||||
* @file twocol_30_70_stacked.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Sun Jul 24 20:41:58 2011
|
||||
*
|
||||
* @brief The two column 30/70 stacked layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Two column 30/70 stacked'),
|
||||
'category' => t('Columns: 2'),
|
||||
'icon' => 'twocol_30_70_stacked.png',
|
||||
'theme' => 'twocol_30_70_stacked',
|
||||
'css' => 'twocol_30_70_stacked.css',
|
||||
'regions' => array(
|
||||
'header' => t('Header'),
|
||||
'top' => t('Top'),
|
||||
'left' => t('Left'),
|
||||
'right' => t('Right'),
|
||||
'footer' => t('Footer'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,7 @@
|
||||
# ImageMagick MVG file for creating the Panels icon.
|
||||
viewbox 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 48 12
|
||||
rectangle 2 14 48 24
|
||||
rectangle 2 26 14 59
|
||||
rectangle 16 26 48 59
|
||||
rectangle 2 61 48 73
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 307 B |
@@ -0,0 +1,39 @@
|
||||
<?php
|
||||
/**
|
||||
* @file twocol-63-37-stacked.tpl.php
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Wed Apr 13 14:31:13 2011
|
||||
*
|
||||
* @brief Template for the 63/37 panels layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
?>
|
||||
<div class="panel-display panel-twocol-63-37-stacked clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
|
||||
|
||||
<div class="panel-panel header">
|
||||
<div class="inside">
|
||||
<?php print $content['header']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit left">
|
||||
<div class="inside">
|
||||
<?php print $content['left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel right lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel footer">
|
||||
<div class="inside">
|
||||
<?php print $content['footer']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,26 @@
|
||||
/* CSS file for 63-37 stacked layout. */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.footer, .header {
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.left {
|
||||
width: 63%;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 37%;
|
||||
}
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
<?php
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Two column 63/37 stacked'),
|
||||
'category' => t('Columns: 2'),
|
||||
'icon' => 'twocol_63_37_stacked.png',
|
||||
'theme' => 'twocol_63_37_stacked',
|
||||
'css' => 'twocol_63_37_stacked.css',
|
||||
'regions' => array(
|
||||
'header' => t('header'),
|
||||
'left' => t('left'),
|
||||
'right' => t('right'),
|
||||
'footer' => t('footer'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,13 @@
|
||||
# ImageMagick MVG file for creating the Panels screenshot.
|
||||
viewbox 0 0 50 75
|
||||
fill white rectangle 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 48 14
|
||||
rectangle 2 16 30 58
|
||||
rectangle 32 16 48 58
|
||||
rectangle 2 60 48 72
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 434 B |
@@ -0,0 +1,35 @@
|
||||
<!-- -*-html-helper-*- -->
|
||||
|
||||
<div class="panel-display panel-twocol-70-30-stacked clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-header lastUnit">
|
||||
<?php print $content['header']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-top lastUnit">
|
||||
<?php print $content['top']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit panel-col-seventy firstUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel panel-col-thirty lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel panel-line">
|
||||
<div class="panel-panel unit panel-footer lastUnit">
|
||||
<?php print $content['footer']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
/* CSS file for the 30 70 stacked layout */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.panel-col-thirty {
|
||||
width: 30%;
|
||||
}
|
||||
.panel-col-seventy {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.panel-header, .panel-top, .panel-footer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
<?php
|
||||
/**
|
||||
* @file twocol_70_30_stacked.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Sun Jul 24 20:43:02 2011
|
||||
*
|
||||
* @brief The two column 70/30 stacked layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Two column 70/30 stacked'),
|
||||
'category' => t('Columns: 2'),
|
||||
'icon' => 'twocol_70_30_stacked.png',
|
||||
'theme' => 'twocol_70_30_stacked',
|
||||
'css' => 'twocol_70_30_stacked.css',
|
||||
'regions' => array(
|
||||
'header' => t('Header'),
|
||||
'top' => t('Top'),
|
||||
'left' => t('Left'),
|
||||
'right' => t('Right'),
|
||||
'footer' => t('Footer'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,7 @@
|
||||
# ImageMagick MVG file for creating the Panels icon.
|
||||
viewbox 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 48 12
|
||||
rectangle 2 14 48 24
|
||||
rectangle 2 26 34 59
|
||||
rectangle 36 26 48 59
|
||||
rectangle 2 61 48 73
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 303 B |
@@ -0,0 +1,39 @@
|
||||
<?php
|
||||
/**
|
||||
* @file twocol-63-37-stacked.tpl.php
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Wed Apr 13 14:31:13 2011
|
||||
*
|
||||
* @brief Template for the 63/37 panels layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
?>
|
||||
<div class="panel-display panel-twocol-63-37-stacked clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
|
||||
|
||||
<div class="panel-panel header">
|
||||
<div class="inside">
|
||||
<?php print $content['header']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel line">
|
||||
<div class="panel-panel unit left">
|
||||
<div class="inside">
|
||||
<?php print $content['left']; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel right lastUnit">
|
||||
<div class="inside">
|
||||
<?php print $content['right']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-panel footer">
|
||||
<div class="inside">
|
||||
<?php print $content['footer']; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,26 @@
|
||||
/* CSS file for 77/23 stacked layout. */
|
||||
@import url('../../../css/base-grid.css');
|
||||
|
||||
.footer, .header {
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.left {
|
||||
width: 77%;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
/* Margins taken from the Panels module plugins */
|
||||
.lastUnit .inside {
|
||||
margin: 0 0 1em .5em;
|
||||
}
|
||||
.firstUnit .inside {
|
||||
margin: 0 .5em 1em 0;
|
||||
}
|
||||
.unit .inside {
|
||||
margin: 0 .5em 1em .5em;
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
<?php
|
||||
/**
|
||||
* @file twocol_77_23_stacked.inc
|
||||
* @author António P. P. Almeida <appa@perusio.net>
|
||||
* @date Fri Apr 15 16:51:31 2011
|
||||
*
|
||||
* @brief The panels layout plugin for the two column 77/23 stacked layout.
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// Plugin definition.
|
||||
$plugin = array(
|
||||
'title' => t('Two column 77/23 stacked'),
|
||||
'category' => t('Columns: 2'),
|
||||
'icon' => 'twocol_77_23_stacked.png',
|
||||
'theme' => 'twocol_77_23_stacked',
|
||||
'css' => 'twocol_77_23_stacked.css',
|
||||
'regions' => array(
|
||||
'header' => t('header'),
|
||||
'left' => t('left'),
|
||||
'right' => t('right'),
|
||||
'footer' => t('footer'),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,7 @@
|
||||
# ImageMagick MVG file for creating the Panels screenshot.
|
||||
viewbox 0 0 50 75
|
||||
fill white rectangle 0 0 50 75
|
||||
stroke black fill grey60 rectangle 2 2 48 14
|
||||
rectangle 2 16 34 58
|
||||
rectangle 36 16 48 58
|
||||
rectangle 2 60 48 72
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 438 B |
Reference in New Issue
Block a user