first import
This commit is contained in:
Bachir Soussi Chiadmi
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,11 @@
|
||||
%style {
|
||||
margin-bottom: 10px;
|
||||
color: %text;
|
||||
background-color: %background;
|
||||
}
|
||||
|
||||
%style h2 {
|
||||
color: %header-text;
|
||||
background-color: %header-background;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,16 @@
|
||||
<?php
|
||||
/**
|
||||
* @file
|
||||
*
|
||||
* Display the box for rounded corners.
|
||||
*
|
||||
* - $pane: The pane being rendered
|
||||
* - $display: The display being rendered
|
||||
* - $content: An object containing the content and title
|
||||
* - $output: The result of theme('panels_pane')
|
||||
* - $classes: The classes that must be applied to the top divs.
|
||||
*/
|
||||
?>
|
||||
<div class="<?php print $classes ?>">
|
||||
<?php print $output; ?>
|
||||
</div>
|
||||
@@ -0,0 +1,93 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Definition of the style base for the rounded shadow box.
|
||||
*
|
||||
* This box is colorable, has rounded corners and a drop shadow.
|
||||
*/
|
||||
|
||||
$plugin = array(
|
||||
'category' => t('Basic styles'),
|
||||
'title' => t('Plain'),
|
||||
'description' => t('A plain box with an optional border. You may set the color of the text and the border.'),
|
||||
'module' => 'panels',
|
||||
'type' => 'pane',
|
||||
|
||||
'css' => 'pane-plain-box.css',
|
||||
'icon' => 'icon.png',
|
||||
|
||||
'defaults' => array('font' => array(), 'header_font' => array(), 'border' => array(), 'header_border' => array(), 'padding' => array()),
|
||||
'palette' => array(
|
||||
'background' => array(
|
||||
'label' => t('Background'),
|
||||
'default_value' => '#FFFFFF',
|
||||
),
|
||||
'text' => array(
|
||||
'label' => t('Text'),
|
||||
'default_value' => '#000000',
|
||||
),
|
||||
'border' => array(
|
||||
'label' => t('Border'),
|
||||
'default_value' => '#000000',
|
||||
),
|
||||
'header-background' => array(
|
||||
'label' => t('Header background'),
|
||||
'default_value' => '#FFFFFF',
|
||||
),
|
||||
'header-text' => array(
|
||||
'label' => t('Header text'),
|
||||
'default_value' => '#000000',
|
||||
),
|
||||
'header-border' => array(
|
||||
'label' => t('Header border'),
|
||||
'default_value' => '#000000',
|
||||
),
|
||||
),
|
||||
|
||||
// This just uses theme_panels_pane because all we need is the class.
|
||||
// 'theme' => 'pane_plain_box',
|
||||
// 'preview' => 'panels_stylizer_pane_preview',
|
||||
|
||||
'settings form' => 'panels_pane_plain_box_style_settings',
|
||||
'settings form submit' => 'panels_pane_plain_box_style_settings_submit',
|
||||
'build' => 'panels_pane_plain_box_style_base_build',
|
||||
);
|
||||
|
||||
function panels_pane_plain_box_style_settings(&$form, &$form_state) {
|
||||
$form['font'] = array();
|
||||
ctools_stylizer_font_selector_form($form['font'], $form_state, t('Font'), $form_state['settings']['font']);
|
||||
|
||||
$form['border'] = array();
|
||||
ctools_stylizer_border_selector_form($form['border'], $form_state, t('Border'), $form_state['settings']['border']);
|
||||
|
||||
$form['padding'] = array();
|
||||
ctools_stylizer_padding_selector_form($form['padding'], $form_state, t('Padding'), $form_state['settings']['padding']);
|
||||
|
||||
$form['header_font'] = array();
|
||||
ctools_stylizer_font_selector_form($form['header_font'], $form_state, t('Header font'), $form_state['settings']['header_font']);
|
||||
|
||||
$form['header_border'] = array();
|
||||
ctools_stylizer_border_selector_form($form['header_border'], $form_state, t('Header border'), $form_state['settings']['header_border']);
|
||||
|
||||
}
|
||||
|
||||
function panels_pane_plain_box_style_settings_submit(&$form, &$form_state) {
|
||||
ctools_stylizer_font_selector_form_submit($form['font'], $form_state, $form_state['values']['font'], $form_state['settings']['font']);
|
||||
ctools_stylizer_font_selector_form_submit($form['header_font'], $form_state, $form_state['values']['header_font'], $form_state['settings']['header_font']);
|
||||
|
||||
ctools_stylizer_border_selector_form_submit($form['header_border'], $form_state, $form_state['values']['header_border'], $form_state['settings']['header_border']);
|
||||
ctools_stylizer_border_selector_form_submit($form['border'], $form_state, $form_state['values']['border'], $form_state['settings']['border']);
|
||||
|
||||
ctools_stylizer_padding_selector_form_submit($form['padding'], $form_state, $form_state['values']['padding'], $form_state['settings']['padding']);
|
||||
}
|
||||
|
||||
function panels_pane_plain_box_style_base_build($plugin, $settings, &$css, $replacements) {
|
||||
ctools_stylizer_font_apply_style($css, '%style', $settings['font']);
|
||||
ctools_stylizer_border_apply_style($css, '%style', $settings['border'], '%border');
|
||||
|
||||
ctools_stylizer_font_apply_style($css, '%style .pane-title', $settings['header_font']);
|
||||
ctools_stylizer_border_apply_style($css, '%style .pane-title', $settings['header_border'], '%header-border', 'bottom');
|
||||
|
||||
ctools_stylizer_padding_apply_style($css, '%style .pane-title, %style .pane-content', $settings['padding']);
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
@@ -0,0 +1,105 @@
|
||||
/* Show only to IE7 */
|
||||
*:first-child+html .rounded-shadow-background,
|
||||
/* Show only to IE6 */
|
||||
* html .rounded-shadow-background {
|
||||
margin: 0 -10px 0 0 !important;
|
||||
padding: 10px 0 5px 0 !important;
|
||||
}
|
||||
|
||||
.rounded-shadow-top-edge, .rounded-shadow-bottom-edge, .rounded-shadow-left-edge, .rounded-shadow-right-edge, .rounded-shadow-wrap-corner {
|
||||
position: relative;
|
||||
/* hasLayout -1 ? For IE only */
|
||||
zoom: 1;
|
||||
}
|
||||
%style {
|
||||
padding-top: 10px;
|
||||
margin-bottom: 30px;
|
||||
color: %text;
|
||||
}
|
||||
|
||||
%style h2 {
|
||||
color: %header-text;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-background {
|
||||
margin: 10px;
|
||||
background: %background url(rounded-shadow-background.png) repeat;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner {
|
||||
margin: -10px;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-top-edge {
|
||||
top: -10px;
|
||||
background: url(rounded-shadow-top-edge.png) repeat-x 0 top;
|
||||
font-size: 1px;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-bottom-edge {
|
||||
bottom: -10px;
|
||||
background: url(rounded-shadow-bottom-edge.png) repeat-x 0 bottom;
|
||||
font-size: 1px;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-left-edge {
|
||||
background: url(rounded-shadow-left-edge.png) repeat-y 0 0;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-right-edge {
|
||||
background: url(rounded-shadow-right-edge.png) repeat-y right 0;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-top-edge,
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge {
|
||||
height: 19px;
|
||||
margin: -10px 19px;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-left,
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-right {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 19px;
|
||||
width: 19px;
|
||||
margin: 0 -19px;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-left {
|
||||
background-image: url(rounded-shadow-top-left-corner.png);
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-right {
|
||||
right: 0;
|
||||
background-image: url(rounded-shadow-top-right-corner.png);
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-left {
|
||||
background-image: url(rounded-shadow-bottom-left-corner.png);
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-right {
|
||||
right: 0;
|
||||
background-image: url(rounded-shadow-bottom-right-corner.png);
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-right-edge {
|
||||
padding: 3px 19px;
|
||||
}
|
||||
|
||||
%style .panel-pane {
|
||||
position: relative; top: -6px;
|
||||
}
|
||||
|
||||
/*
|
||||
%style div.admin-links {
|
||||
margin-top: -19px;
|
||||
margin-left: -12px;
|
||||
}
|
||||
|
||||
%style .panel-separator {
|
||||
background: url(rounded-shadow-bottom-edge.png) repeat-x 0 center;
|
||||
font-size: 1px;
|
||||
height: 30px;
|
||||
}
|
||||
*/
|
||||
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
/**
|
||||
* @file
|
||||
*
|
||||
* Display the box for rounded corners.
|
||||
*
|
||||
* - $output: The content of the box.
|
||||
* - $classes: The classes that must be applied to the top divs.
|
||||
* - $pane: The pane being rendered
|
||||
* - $display: The display being rendered
|
||||
* - $content: The content being rendered (will be already in $output)
|
||||
*/
|
||||
?>
|
||||
<div class="rounded-shadow <?php print $classes ?>">
|
||||
<div class="rounded-shadow-background">
|
||||
<div class="rounded-shadow-wrap-corner">
|
||||
<div class="rounded-shadow-top-edge">
|
||||
<div class="rounded-shadow-left"></div>
|
||||
<div class="rounded-shadow-right"></div>
|
||||
</div>
|
||||
<div class="rounded-shadow-left-edge">
|
||||
<div class="rounded-shadow-right-edge clearfix">
|
||||
<?php print $output; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded-shadow-bottom-edge">
|
||||
<div class="rounded-shadow-left"></div><div class="rounded-shadow-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,99 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Definition of the style base for the rounded shadow box.
|
||||
*
|
||||
* This box is colorable, has rounded corners and a drop shadow.
|
||||
*/
|
||||
|
||||
$plugin = array(
|
||||
'category' => t('Basic styles'),
|
||||
'title' => t('Rounded shadow box'),
|
||||
'module' => 'panels',
|
||||
'type' => 'pane',
|
||||
'css' => 'pane-rounded-shadow.css',
|
||||
'icon' => 'icon.png',
|
||||
'defaults' => array('header_font' => array(), 'text_font' => array(), 'padding' => array(), 'header_border' => array()),
|
||||
'palette' => array(
|
||||
'background' => array(
|
||||
'label' => t('Background'),
|
||||
'default_value' => '#FFFFFF',
|
||||
),
|
||||
'text' => array(
|
||||
'label' => t('Text'),
|
||||
'default_value' => '#000000',
|
||||
),
|
||||
'header-text' => array(
|
||||
'label' => t('Header text'),
|
||||
'default_value' => '#000000',
|
||||
),
|
||||
'header-border' => array(
|
||||
'label' => t('Header border'),
|
||||
'default_value' => '#000000',
|
||||
),
|
||||
),
|
||||
'actions' => array(
|
||||
array('load', 'box', 'box-color.png'),
|
||||
array('colorize', 'background'),
|
||||
array('load', 'shadow', 'box-shadow.png'),
|
||||
array('merge_from', 'box'),
|
||||
array('slice', 'rounded-shadow-top-left-corner.png', 17, 49, 19, 19),
|
||||
array('slice', 'rounded-shadow-top-right-corner.png', 473, 49, 19, 19),
|
||||
array('slice', 'rounded-shadow-bottom-left-corner.png', 17, 442, 19, 19),
|
||||
array('slice', 'rounded-shadow-bottom-right-corner.png', 473, 442, 19, 19),
|
||||
array('slice', 'rounded-shadow-left-edge.png', 17, 60, 10, 10),
|
||||
array('slice', 'rounded-shadow-right-edge.png', 474, 60, 18, 10),
|
||||
array('slice', 'rounded-shadow-top-edge.png', 28, 49, 10, 10),
|
||||
array('slice', 'rounded-shadow-bottom-edge.png', 28, 443, 10, 18),
|
||||
array('slice', 'rounded-shadow-background.png', 150, 150, 1, 1),
|
||||
),
|
||||
|
||||
'theme' => 'pane_rounded_shadow',
|
||||
'build' => 'panels_rounded_shadow_style_base_build',
|
||||
// 'preview' => 'panels_stylizer_pane_preview',
|
||||
|
||||
'settings form' => 'panels_pane_rounded_shadow_style_settings',
|
||||
'settings form submit' => 'panels_pane_rounded_shadow_style_settings_submit',
|
||||
'build' => 'panels_pane_rounded_shadow_style_base_build',
|
||||
);
|
||||
|
||||
function template_preprocess_pane_rounded_shadow(&$vars) {
|
||||
$vars['classes_array'][] = $vars['content']->css_class;
|
||||
$vars['content']->css_class = '';
|
||||
|
||||
$vars['output'] = theme('panels_pane', $vars);
|
||||
}
|
||||
|
||||
function panels_pane_rounded_shadow_style_settings(&$form, &$form_state) {
|
||||
$form['header_font'] = array();
|
||||
ctools_stylizer_font_selector_form($form['header_font'], $form_state, t('Header font'), $form_state['settings']['header_font']);
|
||||
|
||||
$form['header_border'] = array();
|
||||
ctools_stylizer_border_selector_form($form['header_border'], $form_state, t('Header border'), $form_state['settings']['header_border']);
|
||||
|
||||
$form['text_font'] = array();
|
||||
ctools_stylizer_font_selector_form($form['text_font'], $form_state, t('Text font'), $form_state['settings']['text_font']);
|
||||
|
||||
$form['padding'] = array();
|
||||
ctools_stylizer_padding_selector_form($form['padding'], $form_state, t('Padding'), $form_state['settings']['padding']);
|
||||
}
|
||||
|
||||
function panels_pane_rounded_shadow_style_settings_submit(&$form, &$form_state) {
|
||||
ctools_stylizer_font_selector_form_submit($form['header_font'], $form_state, $form_state['values']['header_font'], $form_state['settings']['header_font']);
|
||||
|
||||
ctools_stylizer_font_selector_form_submit($form['text_font'], $form_state, $form_state['values']['text_font'], $form_state['settings']['text_font']);
|
||||
|
||||
ctools_stylizer_padding_selector_form_submit($form['padding'], $form_state, $form_state['values']['padding'], $form_state['settings']['padding']);
|
||||
|
||||
ctools_stylizer_border_selector_form_submit($form['header_border'], $form_state, $form_state['values']['header_border'], $form_state['settings']['header_border']);
|
||||
|
||||
}
|
||||
|
||||
function panels_pane_rounded_shadow_style_base_build($plugin, $settings, &$css, $replacements) {
|
||||
ctools_stylizer_font_apply_style($css, '%style .pane-title', $settings['header_font']);
|
||||
ctools_stylizer_border_apply_style($css, '%style .pane-title', $settings['header_border'], '%header-border', 'bottom');
|
||||
ctools_stylizer_font_apply_style($css, '%style .pane-content', $settings['text_font']);
|
||||
ctools_stylizer_padding_apply_style($css, '%style', $settings['padding']);
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,6 @@
|
||||
%style {
|
||||
padding-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
color: %text;
|
||||
background-color: %background;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
<?php
|
||||
/**
|
||||
* @file
|
||||
*
|
||||
* Display the box for rounded corners.
|
||||
*
|
||||
* - $content: The content of the box.
|
||||
* - $classes: The classes that must be applied to the top divs.
|
||||
*/
|
||||
?>
|
||||
<div class="rounded-shadow <?php print $class ?>">
|
||||
<div class="rounded-shadow-background">
|
||||
<div class="rounded-shadow-wrap-corner">
|
||||
<div class="rounded-shadow-top-edge">
|
||||
<div class="rounded-shadow-left"></div>
|
||||
<div class="rounded-shadow-right"></div>
|
||||
</div>
|
||||
<div class="rounded-shadow-left-edge">
|
||||
<div class="rounded-shadow-right-edge clearfix">
|
||||
<?php print $content; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded-shadow-bottom-edge">
|
||||
<div class="rounded-shadow-left"></div><div class="rounded-shadow-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,65 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Definition of the style base for the rounded shadow box.
|
||||
*
|
||||
* This box is colorable, has rounded corners and a drop shadow.
|
||||
*/
|
||||
|
||||
$plugin = array(
|
||||
'category' => t('Basic styles'),
|
||||
'title' => t('Plain'),
|
||||
'description' => t('A plain box with an optional border. You may set the color of the text and the border.'),
|
||||
'module' => 'panels',
|
||||
'type' => 'region',
|
||||
|
||||
'css' => 'region-plain-box.css',
|
||||
'icon' => 'icon.png',
|
||||
|
||||
'defaults' => array('font' => array(), 'border' => array(), 'padding' => array()),
|
||||
'palette' => array(
|
||||
'background' => array(
|
||||
'label' => t('Background'),
|
||||
'default_value' => '#FFFFFF',
|
||||
),
|
||||
'text' => array(
|
||||
'label' => t('Text'),
|
||||
'default_value' => '#000000',
|
||||
),
|
||||
'border' => array(
|
||||
'label' => t('Border'),
|
||||
'default_value' => '#000000',
|
||||
),
|
||||
),
|
||||
|
||||
'theme' => 'region_plain_box',
|
||||
// 'preview' => 'panels_stylizer_region_preview',
|
||||
|
||||
'settings form' => 'panels_region_plain_box_style_settings',
|
||||
'settings form submit' => 'panels_region_plain_box_style_settings_submit',
|
||||
'build' => 'panels_region_plain_box_style_base_build',
|
||||
);
|
||||
|
||||
function panels_region_plain_box_style_settings(&$form, &$form_state) {
|
||||
$form['font'] = array();
|
||||
ctools_stylizer_font_selector_form($form['font'], $form_state, t('Font'), $form_state['settings']['font']);
|
||||
|
||||
$form['border'] = array();
|
||||
ctools_stylizer_border_selector_form($form['border'], $form_state, t('Border'), $form_state['settings']['border']);
|
||||
|
||||
$form['padding'] = array();
|
||||
ctools_stylizer_padding_selector_form($form['padding'], $form_state, t('Padding'), $form_state['settings']['padding']);
|
||||
}
|
||||
|
||||
function panels_region_plain_box_style_settings_submit(&$form, &$form_state) {
|
||||
ctools_stylizer_font_selector_form_submit($form['font'], $form_state, $form_state['values']['font'], $form_state['settings']['font']);
|
||||
ctools_stylizer_border_selector_form_submit($form['border'], $form_state, $form_state['values']['border'], $form_state['settings']['border']);
|
||||
ctools_stylizer_padding_selector_form_submit($form['padding'], $form_state, $form_state['values']['padding'], $form_state['settings']['padding']);
|
||||
}
|
||||
|
||||
function panels_region_plain_box_style_base_build($plugin, $settings, &$css, $replacements) {
|
||||
ctools_stylizer_font_apply_style($css, '%style', $settings['font']);
|
||||
ctools_stylizer_border_apply_style($css, '%style', $settings['border'], '%border');
|
||||
ctools_stylizer_padding_apply_style($css, '%style', $settings['padding']);
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
@@ -0,0 +1,97 @@
|
||||
/* Show only to IE7 */
|
||||
*:first-child+html .rounded-shadow-background,
|
||||
/* Show only to IE6 */
|
||||
* html .rounded-shadow-background {
|
||||
margin: 0 -10px 0 0 !important;
|
||||
padding: 10px 0 5px 0 !important;
|
||||
}
|
||||
|
||||
.rounded-shadow-top-edge, .rounded-shadow-bottom-edge, .rounded-shadow-left-edge, .rounded-shadow-right-edge, .rounded-shadow-wrap-corner {
|
||||
position: relative;
|
||||
/* hasLayout -1 ? For IE only */
|
||||
zoom: 1;
|
||||
}
|
||||
%style {
|
||||
padding-top: 10px;
|
||||
margin-bottom: 30px;
|
||||
color: %text;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-background {
|
||||
margin: 10px;
|
||||
background: %background url(rounded-shadow-background.png) repeat;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner {
|
||||
margin: -10px;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-top-edge {
|
||||
top: -10px;
|
||||
background: url(rounded-shadow-top-edge.png) repeat-x 0 top;
|
||||
font-size: 1px;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-bottom-edge {
|
||||
bottom: -10px;
|
||||
background: url(rounded-shadow-bottom-edge.png) repeat-x 0 bottom;
|
||||
font-size: 1px;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-left-edge {
|
||||
background: url(rounded-shadow-left-edge.png) repeat-y 0 0;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-right-edge {
|
||||
background: url(rounded-shadow-right-edge.png) repeat-y right 0;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-top-edge,
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge {
|
||||
height: 19px;
|
||||
margin: -10px 19px;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-left,
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-right {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 19px;
|
||||
width: 19px;
|
||||
margin: 0 -19px;
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-left {
|
||||
background-image: url(rounded-shadow-top-left-corner.png);
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-right {
|
||||
right: 0;
|
||||
background-image: url(rounded-shadow-top-right-corner.png);
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-left {
|
||||
background-image: url(rounded-shadow-bottom-left-corner.png);
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-right {
|
||||
right: 0;
|
||||
background-image: url(rounded-shadow-bottom-right-corner.png);
|
||||
}
|
||||
|
||||
%style .rounded-shadow-wrap-corner .rounded-shadow-right-edge {
|
||||
padding: 3px 19px;
|
||||
}
|
||||
|
||||
/*
|
||||
%style div.admin-links {
|
||||
margin-top: -19px;
|
||||
margin-left: -12px;
|
||||
}
|
||||
|
||||
%style .panel-separator {
|
||||
background: url(rounded-shadow-bottom-edge.png) repeat-x 0 center;
|
||||
font-size: 1px;
|
||||
height: 30px;
|
||||
}
|
||||
*/
|
||||
@@ -0,0 +1,28 @@
|
||||
<?php
|
||||
/**
|
||||
* @file
|
||||
*
|
||||
* Display the box for rounded corners.
|
||||
*
|
||||
* - $content: The content of the box.
|
||||
* - $classes: The classes that must be applied to the top divs.
|
||||
*/
|
||||
?>
|
||||
<div class="rounded-shadow <?php print $class ?>">
|
||||
<div class="rounded-shadow-background">
|
||||
<div class="rounded-shadow-wrap-corner">
|
||||
<div class="rounded-shadow-top-edge">
|
||||
<div class="rounded-shadow-left"></div>
|
||||
<div class="rounded-shadow-right"></div>
|
||||
</div>
|
||||
<div class="rounded-shadow-left-edge">
|
||||
<div class="rounded-shadow-right-edge clearfix">
|
||||
<?php print $content; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded-shadow-bottom-edge">
|
||||
<div class="rounded-shadow-left"></div><div class="rounded-shadow-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,71 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Definition of the style base for the rounded shadow box.
|
||||
*
|
||||
* This box is colorable, has rounded corners and a drop shadow.
|
||||
*/
|
||||
|
||||
$plugin = array(
|
||||
'category' => t('Basic styles'),
|
||||
'title' => t('Rounded shadow box'),
|
||||
'module' => 'panels',
|
||||
'type' => 'region',
|
||||
'css' => 'region-rounded-shadow.css',
|
||||
'icon' => 'icon.png',
|
||||
'defaults' => array('font' => array(), 'padding' => array()),
|
||||
'palette' => array(
|
||||
'background' => array(
|
||||
'label' => t('Background'),
|
||||
'default_value' => '#FFFFFF',
|
||||
),
|
||||
'text' => array(
|
||||
'label' => t('Text color'),
|
||||
'default_value' => '#000000',
|
||||
),
|
||||
),
|
||||
'actions' => array(
|
||||
array('load', 'box', 'box-color.png'),
|
||||
array('colorize', 'background'),
|
||||
array('load', 'shadow', 'box-shadow.png'),
|
||||
array('merge_from', 'box'),
|
||||
array('slice', 'rounded-shadow-top-left-corner.png', 17, 49, 19, 19),
|
||||
array('slice', 'rounded-shadow-top-right-corner.png', 473, 49, 19, 19),
|
||||
array('slice', 'rounded-shadow-bottom-left-corner.png', 17, 442, 19, 19),
|
||||
array('slice', 'rounded-shadow-bottom-right-corner.png', 473, 442, 19, 19),
|
||||
array('slice', 'rounded-shadow-left-edge.png', 17, 60, 10, 10),
|
||||
array('slice', 'rounded-shadow-right-edge.png', 474, 60, 18, 10),
|
||||
array('slice', 'rounded-shadow-top-edge.png', 28, 49, 10, 10),
|
||||
array('slice', 'rounded-shadow-bottom-edge.png', 28, 443, 10, 18),
|
||||
array('slice', 'rounded-shadow-background.png', 150, 150, 1, 1),
|
||||
),
|
||||
|
||||
'theme' => 'region_rounded_shadow',
|
||||
|
||||
'build' => 'panels_rounded_shadow_style_base_build',
|
||||
// 'preview' => 'panels_stylizer_region_preview',
|
||||
|
||||
'settings form' => 'panels_region_rounded_shadow_style_settings',
|
||||
'settings form submit' => 'panels_region_rounded_shadow_style_settings_submit',
|
||||
'build' => 'panels_region_rounded_shadow_style_base_build',
|
||||
);
|
||||
|
||||
function panels_region_rounded_shadow_style_settings(&$form, &$form_state) {
|
||||
$form['font'] = array();
|
||||
ctools_stylizer_font_selector_form($form['font'], $form_state, t('Font'), $form_state['settings']['font']);
|
||||
|
||||
$form['padding'] = array();
|
||||
ctools_stylizer_padding_selector_form($form['padding'], $form_state, t('Padding'), $form_state['settings']['padding']);
|
||||
}
|
||||
|
||||
function panels_region_rounded_shadow_style_settings_submit(&$form, &$form_state) {
|
||||
ctools_stylizer_font_selector_form_submit($form['font'], $form_state, $form_state['values']['font'], $form_state['settings']['font']);
|
||||
ctools_stylizer_padding_selector_form_submit($form['padding'], $form_state, $form_state['values']['padding'], $form_state['settings']['padding']);
|
||||
}
|
||||
|
||||
function panels_region_rounded_shadow_style_base_build($plugin, $settings, &$css, $replacements) {
|
||||
ctools_stylizer_font_apply_style($css, '%style', $settings['font']);
|
||||
ctools_stylizer_padding_apply_style($css, '%style', $settings['padding']);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user