manuelcillero/suitedesk
manuelcillero/suitedesk
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New theme base for SuiteDesk

Browse source
This commit is contained in:
Manuel Cillero 2017-07-25 13:55:37 +02:00
parent c1bbd9d6f5
commit 8cf3c56044
137 changed files with 12866 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

5
themes/zen/layouts/README.txt Normal file
View file

@ -0,0 +1,5 @@
To build your own Panels layout follow the documentation provided by Panels:
http://drupal.org/node/495654
* Please note: These panels layouts will only show up if Zen is enabled. A
bugfix is in the works for this issue: http://drupal.org/node/657720

41
themes/zen/layouts/one_sidebar_first/one-sidebar-first-admin.css Normal file
View file

@ -0,0 +1,41 @@
/**
* @file
* Page manager layout
*
* We are using percentages in the admin instead of fixed widths so that the
* admin can work nicely in different admin themes.
*/
#panels-dnd-main div.panels-display h2.label {
padding-left: 24px;
text-align: left;
}
#page-manager-edit .zen-one-sidebar-first .panel-content {
float: left; /* LTR */
width: 66%;
margin-left: 34%; /* LTR */
margin-right: -100%; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
#page-manager-edit .zen-one-sidebar-first .panel-content .inside {
margin-right: 0px;
}
#page-manager-edit .zen-one-sidebar-first .panel-header {
height: auto;
margin-bottom: 10px;
}
#page-manager-edit .zen-one-sidebar-first .panel-sidebar-first {
float: left; /* LTR */
width: 34%;
margin-left: 0px; /* LTR */ /* Width of #content. */
margin-right: -34%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
#page-manager-edit .zen-one-sidebar-first .panel-sidebar-first .panel-sidebar-first-inner {
margin-right: 10px;
}

36
themes/zen/layouts/one_sidebar_first/one-sidebar-first.css Normal file
View file

@ -0,0 +1,36 @@
/**
* @file
* Zen panel layout
*
* This layout does include the standar Zen navbar, content and right sidebar
* layout. Markup has been reordered for Accessibility and SEO optimizations.
* The markup order is: content, sidebar but the display will show sidebar,
* content.
*/
.zen-one-sidebar-first {
/* overflow: hidden; */
position: relative;
margin-top: 0;
padding-top: 0;
}
.zen-one-sidebar-first .panel-content {
float: left; /* LTR */
width: 640px;
margin-left: 320px; /* LTR */
margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
.zen-one-sidebar-first .panel-sidebar-first {
float: left; /* LTR */
width: 320px;
margin-left: 0px; /* LTR */ /* Width of #content. */
margin-right: -320px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
.zen-one-sidebar-first .panel-sidebar-first .panel-sidebar-first-inner {
margin-right: 20px;
}

BIN
themes/zen/layouts/one_sidebar_first/one-sidebar-first.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 813 B

20
themes/zen/layouts/one_sidebar_first/one_sidebar_first.inc Normal file
View file

@ -0,0 +1,20 @@
<?php
/**
* Implements hook_panels_layouts().
*/
function zen_one_sidebar_first_panels_layouts() {
$items['one_sidebar_first'] = array(
'title' => t('Zen Layout: one sidebar before content'),
'icon' => 'one-sidebar-first.png',
'theme' => 'zen_one_sidebar_first',
'admin theme' => 'zen_one_sidebar_first_admin',
'css' => 'one-sidebar-first.css',
'admin css' => 'one-sidebar-first-admin.css',
'panels' => array(
'content' => t('Content'),
'sidebar_first' => t('First sidebar'),
),
);
return $items;
}

28
themes/zen/layouts/one_sidebar_first/zen-one-sidebar-first-admin.tpl.php Normal file
View file

@ -0,0 +1,28 @@
<?php
/**
* @file
* Template for a 1 row, 2 column Zen-based panel layout.
*
* This template provides a two column panel display layout, with
* additional areas for the top and the bottom.
*
* Variables:
* - $css_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['content']: Content in the main column.
* - $content['sidebar_first']: Content in the first column.
*/
?>
<div class="panel-display zen-one-sidebar-first clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
<div class="panel-content"><div class="panel-content-inner inside panel-panel">
<?php print $content['content']; ?>
</div></div> <!-- /.panel-content-inner, /.panel-content -->
<div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel">
<?php print $content['sidebar_first']; ?>
</div></div> <!-- /.panel-sidebar-first-inner, /.panel-sidebar-first -->
</div> <!-- /.panel-zencontentfirst-inner, /.panel-zencontentfirst -->

28
themes/zen/layouts/one_sidebar_first/zen-one-sidebar-first.tpl.php Normal file
View file

@ -0,0 +1,28 @@
<?php
/**
* @file
* Template for a 1 row, 2 column Zen-based panel layout.
*
* This template provides a two column panel display layout, with
* additional areas for the top and the bottom.
*
* Variables:
* - $css_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['content']: Content in the main column.
* - $content['sidebar_first']: Content in the first column.
*/
?>
<div class="panel-display zen-one-sidebar-first clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
<div class="panel-content"><div class="panel-content-inner inside panel-panel">
<?php print $content['content']; ?>
</div></div> <!-- /.panel-content-inner, /.panel-content -->
<div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel">
<?php print $content['sidebar_first']; ?>
</div></div> <!-- /.panel-sidebar-first-inner, /.panel-sidebar-first -->
</div> <!-- /.zen-one-sidebar-first -->

42
themes/zen/layouts/one_sidebar_second/one-sidebar-second-admin.css Normal file
View file

@ -0,0 +1,42 @@
/**
* @file
* Page manager layout
*
* We are using percentages in the admin instead of fixed widths so that the
* admin can work nicely in different admin themes.
*/
#page-manager-edit .zen-one-sidebar-second .panel-header {
height: auto;
margin-bottom: 10px;
}
#page-manager-edit .zen-one-sidebar-second .panel-content {
float: left; /* LTR */
width: 66%;
margin-left: 0; /* LTR */
margin-right: -66%; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
margin-top: 0px;
}
#page-manager-edit .zen-one-sidebar-second .panel-content .inside {
margin-right: 10px;
}
#page-manager-edit .zen-one-sidebar-second .with-panel-header .panel-content,
#page-manager-edit .zen-one-sidebar-second .with-panel-header .panel-sidebar-first {
margin-top: 0; /* Set this to the same value as the navbar height above. */
}
#page-manager-edit .zen-one-sidebar-second .panel-sidebar-first {
float: left; /* LTR */
width: 34%;
margin-left: 66%; /* LTR */ /* Width of #content. */
margin-right: -100%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
.zen-one-sidebar-second .panel-sidebar-first .panel-sidebar-first-inner {
margin: 0 0 0 0;
}

50
themes/zen/layouts/one_sidebar_second/one-sidebar-second.css Normal file
View file

@ -0,0 +1,50 @@
/**
* @file
* Zen panel layout
*
* This layout does include the standar Zen navbar, content and right sidebar
* layout. Markup has been reordered for Accessibility and SEO optimizations.
*/
.zen-one-sidebar-second {
/* overflow: hidden; */
position: relative;
margin-top: 0;
padding-top: 0;
}
.zen-one-sidebar-second .panel-navbar {
width: 100%;
float: left; /* LTR */
margin-left: 0; /* LTR */
margin-right: -100%; /* LTR */ /* Negative value of #navbar's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-navbar. */
height: 8.3em; /* The navbar can have any arbritrary height. We picked one
that is the line-height plus 1em: 1.3 + 1 = 2.3
Set this to the same value as the margin-top below. */
}
.zen-one-sidebar-second .with-panel-header .panel-content,
.zen-one-sidebar-second .with-panel-header .panel-sidebar-first {
margin-top: 8.3em; /* Set this to the same value as the navbar height above. */
}
.zen-one-sidebar-second .panel-content {
float: left; /* LTR */
width: 640px;
margin-left: 0; /* LTR */
margin-right: -640px; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
.zen-one-sidebar-second .panel-sidebar-first {
float: left; /* LTR */
width: 320px;
margin-left: 640px; /* LTR */ /* Width of #content. */
margin-right: -960px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
.zen-one-sidebar-second .panel-sidebar-first .panel-sidebar-first-inner {
margin-left: 20px;
}

BIN
themes/zen/layouts/one_sidebar_second/one-sidebar-second.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 812 B

20
themes/zen/layouts/one_sidebar_second/one_sidebar_second.inc Normal file
View file

@ -0,0 +1,20 @@
<?php
/**
* Implements hook_panels_layouts().
*/
function zen_one_sidebar_second_panels_layouts() {
$items['one_sidebar_second'] = array(
'title' => t('Zen Layout: one sidebar after content'),
'icon' => 'one-sidebar-second.png',
'theme' => 'zen_one_sidebar_second',
'admin theme' => 'zen_one_sidebar_second_admin',
'css' => 'one-sidebar-second.css',
'admin css' => 'one-sidebar-second-admin.css',
'panels' => array(
'content' => t('Content'),
'sidebar_first' => t('First sidebar'),
),
);
return $items;
}

28
themes/zen/layouts/one_sidebar_second/zen-one-sidebar-second-admin.tpl.php Normal file
View file

@ -0,0 +1,28 @@
<?php
/**
* @file
* Template for a 1 row, 2 column Zen-based panel layout.
*
* This template provides a two column panel display layout, with
* additional areas for the top and the bottom.
*
* Variables:
* - $css_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['content']: Content in the main column.
* - $content['sidebar_first']: Content in the first column.
*/
?>
<div class="panel-display zen-one-sidebar-second clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
<div class="panel-content"><div class="panel-content-inner inside panel-panel">
<?php print $content['content']; ?>
</div></div> <!-- /.panel-content-inner, /.panel-content -->
<div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel">
<?php print $content['sidebar_first']; ?>
</div></div> <!-- /.panel-sidebar-first-inner, /.panel-sidebar-first -->
</div> <!-- /.zen-one-sidebar-second -->

28
themes/zen/layouts/one_sidebar_second/zen-one-sidebar-second.tpl.php Normal file
View file

@ -0,0 +1,28 @@
<?php
/**
* @file
* Template for a 1 row, 2 column Zen-based panel layout.
*
* This template provides a two column panel display layout, with
* additional areas for the top and the bottom.
*
* Variables:
* - $css_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['content']: Content in the main column.
* - $content['sidebar_first']: Content in the first column.
*/
?>
<div class="panel-display zen-one-sidebar-second clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
<div class="panel-content"><div class="panel-content-inner inside panel-panel">
<?php print $content['content']; ?>
</div></div> <!-- /.panel-content-inner, /.panel-content -->
<div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel">
<?php print $content['sidebar_first']; ?>
</div></div> <!-- /.panel-sidebar-first-inner, /.panel-sidebar-first -->
</div> <!-- /.zen-one-sidebar-second -->

53
themes/zen/layouts/two_sidebars/two-sidebars-admin.css Normal file
View file

@ -0,0 +1,53 @@
/**
* @file
* Page manager layout
*
* We are using percentages in the admin instead of fixed widths so that the
* admin can work nicely in different admin themes.
*/
#panels-dnd-main div.panels-display h2.label {
padding-left: 24px;
text-align: left;
}
#page-manager-edit .zen-two-sidebars .panel-content .inside {
margin-right: 10px;
}
#page-manager-edit .zen-two-sidebars .panel-content {
float: left; /* LTR */
width: 50%;
margin-left: 25%; /* LTR */
margin-right: -75%; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
#page-manager-edit .zen-two-sidebars .panel-header {
height: auto;
margin-bottom: 10px;
}
#page-manager-edit .zen-two-sidebars .panel-sidebar-first {
float: left; /* LTR */
width: 25%;
margin-left: 0px; /* LTR */ /* Width of #content. */
margin-right: -25%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
#page-manager-edit .zen-two-sidebars .panel-sidebar-first-inner {
margin-right: 10px;
}
#page-manager-edit .zen-two-sidebars .panel-sidebar-second {
float: left; /* LTR */
width: 25%;
margin-left: 75%; /* LTR */ /* Width of #content. */
margin-right: -100%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
#page-manager-edit .zen-two-sidebars .panel-sidebar-second-inner {
margin-left: 0px;
}

51
themes/zen/layouts/two_sidebars/two-sidebars.css Normal file
View file

@ -0,0 +1,51 @@
/**
* @file
* Zen panel layout
*
* This layout does include the standar Zen navbar, content and right sidebar
* layout. Markup has been reordered for Accessibility and SEO optimizations.
* The markup order is: content, sidebar, sidebar but the display will show
* sidebar, content, sidebar.
*/
.zen-two-sidebars {
/* overflow: hidden; */
position: relative;
margin-top: 0;
padding-top: 0;
}
.zen-two-sidebars .panel-sidebar-first {
}
.zen-two-sidebars .panel-content {
float: left; /* LTR */
width: 460px;
margin-left: 250px; /* LTR */
margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
.zen-two-sidebars .panel-sidebar-first {
float: left; /* LTR */
width: 250px;
margin-left: 0px; /* LTR */ /* Width of #content. */
margin-right: -250px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
.zen-two-sidebars .panel-sidebar-first .panel-sidebar-first-inner {
margin-right: 20px;
}
.zen-two-sidebars .panel-sidebar-second {
float: left; /* LTR */
width: 250px;
margin-left: 710px; /* LTR */ /* Width of #content. */
margin-right: -960px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
.zen-two-sidebars .panel-sidebar-second .panel-sidebar-second-inner {
margin-left: 20px;
}

BIN
themes/zen/layouts/two_sidebars/two-sidebars.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 817 B

21
themes/zen/layouts/two_sidebars/two_sidebars.inc Normal file
View file

@ -0,0 +1,21 @@
<?php
/**
* Implements hook_panels_layouts().
*/
function zen_two_sidebars_panels_layouts() {
$items['two_sidebars'] = array(
'title' => t('Zen Layout: two sidebars with content'),
'icon' => 'two-sidebars.png',
'theme' => 'zen_two_sidebars',
'admin theme' => 'zen_two_sidebars_admin',
'css' => 'two-sidebars.css',
'admin css' => 'two-sidebars-admin.css',
'panels' => array(
'content' => t('Content'),
'sidebar_first' => t('First sidebar'),
'sidebar_second' => t('Second sidebar'),
),
);
return $items;
}

33
themes/zen/layouts/two_sidebars/zen-two-sidebars-admin.tpl.php Normal file
View file

@ -0,0 +1,33 @@
<?php
/**
* @file
* Template for a 1 row, 2 column Zen-based panel layout.
*
* This template provides a two column panel display layout, with
* additional areas for the top and the bottom.
*
* Variables:
* - $css_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['content']: Content in the main column.
* - $content['sidebar_first']: Content in the first column.
* - $content['sidebar_second']: Content in the second column.
*/
?>
<div class="panel-display zen-two-sidebars clear-block"<?php if (!empty($css_id)) { print ' id="' . $css_id . '"'; } ?>>
<div class="panel-content"><div class="panel-content-inner inside panel-panel">
<?php print $content['content']; ?>
</div></div> <!-- /.panel-content-inner, /.panel-content -->
<div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel">
<?php print $content['sidebar_first']; ?>
</div></div> <!-- /.panel-sidebar-first-inner, /.panel-sidebar-first -->
<div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel">
<?php print $content['sidebar_second']; ?>
</div></div> <!-- /.panel-sidebar-second-inner, /.panel-sidebar-second -->
</div> <!-- /.zen-two-sidebars -->

33
themes/zen/layouts/two_sidebars/zen-two-sidebars.tpl.php Normal file
View file

@ -0,0 +1,33 @@
<?php
/**
* @file
* Template for a 1 row, 2 column Zen-based panel layout.
*
* This template provides a two column panel display layout, with
* additional areas for the top and the bottom.
*
* Variables:
* - $css_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['content']: Content in the main column.
* - $content['sidebar_first']: Content in the first column.
* - $content['sidebar_second']: Content in the second column.
*/
?>
<div class="panel-display zen-two-sidebars clearfix"<?php if (!empty($css_id)) { print ' id="' . $css_id . '"'; } ?>>
<div class="panel-content"><div class="panel-content-inner inside panel-panel">
<?php print $content['content']; ?>
</div></div> <!-- /.panel-content-inner, /.panel-content -->
<div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel">
<?php print $content['sidebar_first']; ?>
</div></div> <!-- /.panel-sidebar-first-inner, /.panel-sidebar-first -->
<div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel">
<?php print $content['sidebar_second']; ?>
</div></div> <!-- /.panel-sidebar-second-inner, /.panel-sidebar-second -->
</div> <!-- /.zen-two-sidebars -->

53
themes/zen/layouts/two_sidebars_first/two-sidebars-first-admin.css Normal file
View file

@ -0,0 +1,53 @@
/**
* @file
* Page manager layout
*
* Because we're using fixed widths and not percentages, we need to adjust the
* panel page editing layout to fit reasonably on screen. We're assuming a
* 960px page width, leaving the main panel manager content well at 769px.
*/
#panels-dnd-main div.panels-display h2.label {
padding-left: 24px;
text-align: left;
}
#page-manager-edit .zen-two-sidebars-first .panel-content .inside {
margin-right: 0px;
}
#page-manager-edit .zen-two-sidebars-first .panel-content {
float: left; /* LTR */
width: 50%;
margin-left: 50%; /* LTR */
margin-right: -100%; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
#page-manager-edit .zen-two-sidebars-first .panel-header {
height: auto;
margin-bottom: 10px;
}
#page-manager-edit .zen-two-sidebars-first .panel-sidebar-first {
float: left; /* LTR */
width: 25%;
margin-left: 0px; /* LTR */ /* Width of #content. */
margin-right: -25%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
#page-manager-edit .zen-two-sidebars-first .panel-sidebar-first-inner {
margin-right: 10px;
}
#page-manager-edit .zen-two-sidebars-first .panel-sidebar-second {
float: left; /* LTR */
width: 25%;
margin-left: 25%; /* LTR */ /* Width of #content. */
margin-right: -50%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
#page-manager-edit .zen-two-sidebars-first .panel-sidebar-second-inner {
margin-right: 10px;
}

51
themes/zen/layouts/two_sidebars_first/two-sidebars-first.css Normal file
View file

@ -0,0 +1,51 @@
/**
* @file
* Zen panel layout
*
* This layout does include the standar Zen navbar, content and right sidebar
* layout. Markup has been reordered for Accessibility and SEO optimizations.
* The markup order is: content, sidebar, sidebar but the display will show
* sidebar, sidebar, content.
*/
.zen-two-sidebars-first {
/* overflow: hidden; */
position: relative;
margin-top: 0;
padding-top: 0;
}
.zen-two-sidebars-first .panel-sidebar-first {
}
.zen-two-sidebars-first .panel-content {
float: left; /* LTR */
width: 460px;
margin-left: 500px; /* LTR */
margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
.zen-two-sidebars-first .panel-sidebar-first {
float: left; /* LTR */
width: 250px;
margin-left: 0px; /* LTR */ /* Width of #content. */
margin-right: -250px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
.zen-two-sidebars-first .panel-sidebar-first .panel-sidebar-first-inner {
margin-right: 20px;
}
.zen-two-sidebars-first .panel-sidebar-second {
float: left; /* LTR */
width: 250px;
margin-left: 250px; /* LTR */ /* Width of #content. */
margin-right: -500px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
.zen-two-sidebars-first .panel-sidebar-second .panel-sidebar-second-inner {
margin-right: 20px;
}

BIN
themes/zen/layouts/two_sidebars_first/two-sidebars-first.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 812 B

21
themes/zen/layouts/two_sidebars_first/two_sidebars_first.inc Normal file
View file

@ -0,0 +1,21 @@
<?php
/**
* Implements hook_panels_layouts().
*/
function zen_two_sidebars_first_panels_layouts() {
$items['two_sidebars_first'] = array(
'title' => t('Zen Layout: two sidebars before content'),
'icon' => 'two-sidebars-first.png',
'theme' => 'zen_two_sidebars_first',
'admin theme' => 'zen_two_sidebars_first_admin',
'css' => 'two-sidebars-first.css',
'admin css' => 'two-sidebars-first-admin.css',
'panels' => array(
'content' => t('Content'),
'sidebar_first' => t('First sidebar'),
'sidebar_second' => t('Second sidebar'),
),
);
return $items;
}

33
themes/zen/layouts/two_sidebars_first/zen-two-sidebars-first-admin.tpl.php Normal file
View file

@ -0,0 +1,33 @@
<?php
/**
* @file
* Template for a 1 row, 2 column Zen-based panel layout.
*
* This template provides a two column panel display layout, with
* additional areas for the top and the bottom.
*
* Variables:
* - $css_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['content']: Content in the main column.
* - $content['sidebar_first']: Content in the first column.
* - $content['sidebar_second']: Content in the second column.
*/
?>
<div class="panel-display zen-two-sidebars-first clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
<div class="panel-content"><div class="panel-content-inner inside panel-panel">
<?php print $content['content']; ?>
</div></div> <!-- /.panel-content-inner, /.panel-content -->
<div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel">
<?php print $content['sidebar_first']; ?>
</div></div> <!-- /.panel-sidebar-first-inner, /.panel-sidebar-first -->
<div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel">
<?php print $content['sidebar_second']; ?>
</div></div> <!-- /.panel-sidebar-second-inner, /.panel-sidebar-second -->
</div> <!-- /.zen-two-sidebars-first -->

33
themes/zen/layouts/two_sidebars_first/zen-two-sidebars-first.tpl.php Normal file
View file

@ -0,0 +1,33 @@
<?php
/**
* @file
* Template for a 1 row, 2 column Zen-based panel layout.
*
* This template provides a two column panel display layout, with
* additional areas for the top and the bottom.
*
* Variables:
* - $css_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['content']: Content in the main column.
* - $content['sidebar_first']: Content in the first column.
* - $content['sidebar_second']: Content in the second column.
*/
?>
<div class="panel-display zen-two-sidebars-first clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
<div class="panel-content"><div class="panel-content-inner inside panel-panel">
<?php print $content['content']; ?>
</div></div> <!-- /.panel-content-inner, /.panel-content -->
<div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel">
<?php print $content['sidebar_first']; ?>
</div></div> <!-- /.panel-sidebar-first-inner, /.panel-sidebar-first -->
<div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel">
<?php print $content['sidebar_second']; ?>
</div></div> <!-- /.panel-sidebar-second-inner, /.panel-sidebar-second -->
</div> <!-- /.zen-two-sidebars-first -->

55
themes/zen/layouts/two_sidebars_second/two-sidebars-second-admin.css Normal file
View file

@ -0,0 +1,55 @@
/**
* @file
* Page manager layout
*
* We are using percentages in the admin instead of fixed widths so that the
* admin can work nicely in different admin themes.
*/
.zen-two-sidebars-second .admin-row {
float: left;
width: 100%;
}
#panels-dnd-main div.panels-display h2.label {
padding-left: 24px;
padding-right: 0px;
text-align: left;
}
#page-manager-edit .zen-two-sidebars-second .panel-content {
float: left; /* LTR */
width: 51%;
margin-left: 0; /* LTR */
margin-right: -51%; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
#page-manager-edit .zen-two-sidebars-second .panel-header {
height: auto;
margin-bottom: 10px;
}
#page-manager-edit .zen-two-sidebars-second .panel-sidebar-first {
float: left; /* LTR */
width: 24%;
margin-left: 51%; /* LTR */ /* Width of #content. */
margin-right: -75%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
#page-manager-edit .zen-two-sidebars-second .panel-sidebar-first-inner {
margin-left: 5px;
}
#page-manager-edit .zen-two-sidebars-second .panel-sidebar-second {
float: left; /* LTR */
width: 24%;
margin-left: 75%; /* LTR */ /* Width of #content. */
margin-right: -99%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
#page-manager-edit .zen-two-sidebars-second .panel-sidebar-second-inner {
margin-left: 5px;
}

62
themes/zen/layouts/two_sidebars_second/two-sidebars-second.css Normal file
View file

@ -0,0 +1,62 @@
/**
* @file
* Zen panel layout
*
* This layout does include the standar Zen navbar, content and right sidebar
* layout. Markup has been reordered for Accessibility and SEO optimizations.
*/
.zen-two-sidebars-second {
/* overflow: hidden; */
position: relative;
margin-top: 0;
padding-top: 0;
}
.zen-two-sidebars-second .panel-content {
float: left; /* LTR */
width: 460px;
margin-left: 0; /* LTR */
margin-right: -460px; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
.zen-two-sidebars-second .panel-header {
float: left; /* LTR */
width: 100%;
margin-left: 0; /* LTR */
margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
height: 3.3em; /* The navigation can have any arbritrary height. We picked one
that is the line-height plus 1em: 1.3 + 1 = 2.3
Set this to the same value as the margin-top below. */
}
.zen-two-sidebars-second .with-panel-header .panel-content,
.zen-two-sidebars-second .with-panel-header .panel-sidebar-first,
.zen-two-sidebars-second .with-panel-header .panel-sidebar-second {
margin-top: 3.3em; /* Set this to the same value as the navigation height above. */
}
.zen-two-sidebars-second .panel-sidebar-first {
float: left; /* LTR */
width: 250px;
margin-left: 460px; /* LTR */ /* Width of #content. */
margin-right: -710px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
.zen-two-sidebars-second .panel-sidebar-first .panel-sidebar-first-inner {
margin-left: 20px;
}
.zen-two-sidebars-second .panel-sidebar-second {
float: left; /* LTR */
width: 250px;
margin-left: 710px; /* LTR */ /* Width of #content. */
margin-right: -960px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */
}
.zen-two-sidebars-second .panel-sidebar-second .panel-sidebar-second-inner {
margin-left: 20px;
}

BIN
themes/zen/layouts/two_sidebars_second/two-sidebars-second.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 814 B

21
themes/zen/layouts/two_sidebars_second/two_sidebars_second.inc Normal file
View file

@ -0,0 +1,21 @@
<?php
/**
* Implements hook_panels_layouts().
*/
function zen_two_sidebars_second_panels_layouts() {
$items['two_sidebars_second'] = array(
'title' => t('Zen Layout: two sidebars after content'),
'icon' => 'two-sidebars-second.png',
'theme' => 'zen_two_sidebars_second',
'admin theme' => 'zen_two_sidebars_second_admin',
'css' => 'two-sidebars-second.css',
'admin css' => 'two-sidebars-second-admin.css',
'panels' => array(
'content' => t('Content'),
'sidebar_first' => t('First sidebar'),
'sidebar_second' => t('Second sidebar'),
),
);
return $items;
}

33
themes/zen/layouts/two_sidebars_second/zen-two-sidebars-second-admin.tpl.php Normal file
View file

@ -0,0 +1,33 @@
<?php
/**
* @file
* Template for a 1 row, 2 column Zen-based panel layout.
*
* This template provides a two column panel display layout, with
* additional areas for the top and the bottom.
*
* Variables:
* - $css_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['content']: Content in the main column.
* - $content['sidebar_first']: Content in the first column.
* - $content['sidebar_second']: Content in the second column.
*/
?>
<div class="panel-display zen-two-sidebars-second clear-block" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
<div class="panel-content"><div class="panel-content-inner inside panel-panel">
<?php print $content['content']; ?>
</div></div> <!-- /.panel-content-inner, /.panel-content -->
<div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel">
<?php print $content['sidebar_first']; ?>
</div></div> <!-- /.panel-sidebar-first-inner, /.panel-sidebar-first -->
<div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel">
<?php print $content['sidebar_second']; ?>
</div></div> <!-- /.panel-sidebar-second-inner, /.panel-sidebar-second -->
</div> <!-- /.zen-two-sidebars-second -->

33
themes/zen/layouts/two_sidebars_second/zen-two-sidebars-second.tpl.php Normal file
View file

@ -0,0 +1,33 @@
<?php
/**
* @file
* Template for a 1 row, 2 column Zen-based panel layout.
*
* This template provides a two column panel display layout, with
* additional areas for the top and the bottom.
*
* Variables:
* - $css_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['content']: Content in the main column.
* - $content['sidebar_first']: Content in the first column.
* - $content['sidebar_second']: Content in the second column.
*/
?>
<div class="panel-display zen-two-sidebars-second clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
<div class="panel-content"><div class="panel-content-inner inside panel-panel">
<?php print $content['content']; ?>
</div></div> <!-- /.panel-content-inner, /.panel-content -->
<div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel">
<?php print $content['sidebar_first']; ?>
</div></div> <!-- /.panel-sidebar-first-inner, /.panel-sidebar-first -->
<div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel">
<?php print $content['sidebar_second']; ?>
</div></div> <!-- /.panel-sidebar-second-inner, /.panel-sidebar-second -->
</div> <!-- /.zen-two-sidebars-second -->