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