New theme base for SuiteDesk
This commit is contained in:
parent
c1bbd9d6f5
commit
8cf3c56044
137 changed files with 12866 additions and 8 deletions
53
themes/zen/layouts/two_sidebars/two-sidebars-admin.css
Normal file
53
themes/zen/layouts/two_sidebars/two-sidebars-admin.css
Normal 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
51
themes/zen/layouts/two_sidebars/two-sidebars.css
Normal 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
BIN
themes/zen/layouts/two_sidebars/two-sidebars.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 817 B |
21
themes/zen/layouts/two_sidebars/two_sidebars.inc
Normal file
21
themes/zen/layouts/two_sidebars/two_sidebars.inc
Normal 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;
|
||||
}
|
||||
|
|
@ -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
33
themes/zen/layouts/two_sidebars/zen-two-sidebars.tpl.php
Normal 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 -->
|
||||
Reference in a new issue