first import

sites/all/modules/panels/plugins/style_bases/pane/pane_plain_box/pane-plain-box.css

@@ -0,0 +1,11 @@
+%style {
+  margin-bottom: 10px;
+  color: %text;
+  background-color: %background;
+}
+
+%style h2 {
+  color: %header-text;
+  background-color: %header-background;
+}
+

sites/all/modules/panels/plugins/style_bases/pane/pane_plain_box/pane-plain-box.tpl.php

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

sites/all/modules/panels/plugins/style_bases/pane/pane_plain_box/pane_plain_box.inc

@@ -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']);
+}

sites/all/modules/panels/plugins/style_bases/pane/pane_rounded_shadow/pane-rounded-shadow.css

@@ -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;
+}
+*/

sites/all/modules/panels/plugins/style_bases/pane/pane_rounded_shadow/pane-rounded-shadow.tpl.php

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

sites/all/modules/panels/plugins/style_bases/pane/pane_rounded_shadow/pane_rounded_shadow.inc

@@ -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']);
+}
+