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

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 -->