EDIT

7.x/themes/zen_dataportal/templates/html.tpl.php -text

7.x/themes/zen_dataportal/templates/page.tpl.php -text

  background-color: #fff;

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000338}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000342}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000356}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000360}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000366}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000371}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000376}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000382}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000388}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000393}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\0000398}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003120}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003121}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003125}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003138}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003142}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003146}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003150}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003153}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003159}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003163}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003168}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003171}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003175}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003179}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003182}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003185}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003188}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003191}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003195}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003201}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003205}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003208}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003213}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003216}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/pages\.scss}line{font-family:\00003250}}

  background-color: #fff;

/**

 * @param $which_image

 *   name of the image, see _zen_dataportal_imagenames() for possible values

 * @param $variables

 *   An array of variables to pass to the theme template.

 * @param $attributes_key

 *

 * @param $background_style

 *

 * @see _zen_dataportal_imagenames() for possible values

 */

function _set_image_url($which_image, &$variables, $attributes_key = NULL, $background_style = 'scroll repeat') {

  if($attributes_key) {

    $variables[$attributes_key] = '';

  }

  if (!theme_get_setting('default_' . $which_image)) {

    $path = theme_get_setting($which_image . '_path');

    if(isset($path)){

      if (file_uri_scheme($path) == 'public') {

        $url = file_create_url($path);

      }

      if(isset($url)) {

        $variables[$which_image . '_url'] = $url;

        if($attributes_key) {

          // FIXME is not save only works if no other style given e.g. html.php $attributes

          $variables[$attributes_key] = ' style="background: white url(' . $url .')  ' . $background_style . ';"';

        }

      }

    }

  }

}

/**

 *

 */

function _add_inline_styles(&$variables) {

  $css = array();

  $variables['inline_styles'] = '';

  // site_name

  if(theme_get_setting('site_name_color')) {

      $css[] = "#site-name a span {color:" . theme_get_setting('site_name_color') . ';}';

  }

  $variables['inline_styles'] = '<style type="text/css">'. "\n" . implode("\n", $css) . '</style>';

}

function zen_dataportal_preprocess_html(&$variables, $hook) {

  _set_image_url('body_background', $variables, 'attributes');

  _add_inline_styles($variables);

function zen_dataportal_preprocess_page(&$variables, $hook) {

  _set_image_url('banner', $variables, 'banner_attributes', 'scroll no-repeat content-box');

  _set_image_url('page_background', $variables, 'page_attributes');

<?php

/**

 * @file

 * Zen theme's implementation to display the basic html structure of a single

 * Drupal page.

 *

 * Variables:

 * - $css: An array of CSS files for the current page.

 * - $language: (object) The language the site is being displayed in.

 *   $language->language contains its textual representation. $language->dir

 *   contains the language direction. It will either be 'ltr' or 'rtl'.

 * - $html_attributes: String of attributes for the html element. It can be

 *   manipulated through the variable $html_attributes_array from preprocess

 *   functions.

 * - $html_attributes_array: Array of html attribute values. It is flattened

 *   into a string within the variable $html_attributes.

 * - $rdf_namespaces: All the RDF namespace prefixes used in the HTML document.

 * - $grddl_profile: A GRDDL profile allowing agents to extract the RDF data.

 * - $head_title: A modified version of the page title, for use in the TITLE

 *   tag.

 * - $head_title_array: (array) An associative array containing the string parts

 *   that were used to generate the $head_title variable, already prepared to be

 *   output as TITLE tag. The key/value pairs may contain one or more of the

 *   following, depending on conditions:

 *   - title: The title of the current page, if any.

 *   - name: The name of the site.

 *   - slogan: The slogan of the site, if any, and if there is no title.

 * - $head: Markup for the HEAD section (including meta tags, keyword tags, and

 *   so on).

 * - $default_mobile_metatags: TRUE if default mobile metatags for responsive

 *   design should be displayed.

 * - $styles: Style tags necessary to import all CSS files for the page.

 * - $scripts: Script tags necessary to load the JavaScript files and settings

 *   for the page.

 * - $skip_link_anchor: The HTML ID of the element that the "skip link" should

 *   link to. Defaults to "main-menu".

 * - $skip_link_text: The text for the "skip link". Defaults to "Jump to

 *   Navigation".

 * - $page_top: Initial markup from any modules that have altered the

 *   page. This variable should always be output first, before all other dynamic

 *   content.

 * - $page: The rendered page content.

 * - $page_bottom: Final closing markup from any modules that have altered the

 *   page. This variable should always be output last, after all other dynamic

 *   content.

 * - $classes: String of classes that can be used to style contextually through

 *   CSS. It should be placed within the <body> tag. When selecting through CSS

 *   it's recommended that you use the body tag, e.g., "body.front". It can be

 *   manipulated through the variable $classes_array from preprocess functions.

 *   The default values can contain one or more of the following:

 *   - front: Page is the home page.

 *   - not-front: Page is not the home page.

 *   - logged-in: The current viewer is logged in.

 *   - not-logged-in: The current viewer is not logged in.

 *   - node-type-[node type]: When viewing a single node, the type of that node.

 *     For example, if the node is a Blog entry, this would be "node-type-blog".

 *     Note that the machine name of the content type will often be in a short

 *     form of the human readable label.

 *   The following only apply with the default sidebar_first and sidebar_second

 *   block regions:

 *     - two-sidebars: When both sidebars have content.

 *     - no-sidebars: When no sidebar content exists.

 *     - one-sidebar and sidebar-first or sidebar-second: A combination of the

 *       two classes when only one of the two sidebars have content.

 * - $body_background_url: from zen_dataportal theme-settings.php

 * - $inline_styles: custom styles for specific elements from zen_dataportal

 *    theme-settings.php

 *

 * @see template_preprocess()

 * @see template_preprocess_html()

 * @see zen_preprocess_html()

 * @see template_process()

 */

?><!DOCTYPE html>

<!--[if IEMobile 7]><html class="iem7" <?php print $html_attributes; ?>><![endif]-->

<!--[if lte IE 6]><html class="lt-ie9 lt-ie8 lt-ie7" <?php print $html_attributes; ?>><![endif]-->

<!--[if (IE 7)&(!IEMobile)]><html class="lt-ie9 lt-ie8" <?php print $html_attributes; ?>><![endif]-->

<!--[if IE 8]><html class="lt-ie9" <?php print $html_attributes; ?>><![endif]-->

<!--[if (gte IE 9)|(gt IEMobile 7)]><!--><html <?php print $html_attributes . $rdf_namespaces; ?>><!--<![endif]-->

<head profile="<?php print $grddl_profile; ?>">

  <?php print $head; ?>

  <title><?php print $head_title; ?></title>

  <?php if ($default_mobile_metatags): ?>

    <meta name="MobileOptimized" content="width">

    <meta name="HandheldFriendly" content="true">

    <meta name="viewport" content="width=device-width">

  <?php endif; ?>

  <meta http-equiv="cleartype" content="on">

  <?php print $styles; ?>

  <?php print $inline_styles; ?>

  <?php print $scripts; ?>

  <?php if ($add_respond_js): ?>

    <!--[if lt IE 9]>

    <script src="<?php print $base_path . $path_to_zen; ?>/js/html5-respond.js"></script>

    <![endif]-->

  <?php elseif ($add_html5_shim): ?>

    <!--[if lt IE 9]>

    <script src="<?php print $base_path . $path_to_zen; ?>/js/html5.js"></script>

    <![endif]-->

  <?php endif; ?>

</head>

<?php

  // FIXME is not save only works if no other style given

//    if (isset($body_background_url)){

//      $attributes .= ' style="background: white url(' . $body_background_url .')  fixed repeat;"';

//    }

?>

<body class="<?php print $classes; ?>" <?php print $attributes;?>>

  <?php if ($skip_link_text && $skip_link_anchor): ?>

    <p id="skip-link">

      <a href="#<?php print $skip_link_anchor; ?>" class="element-invisible element-focusable"><?php print $skip_link_text; ?></a>

    </p>

  <?php endif; ?>

  <?php print $page_top; ?>

  <?php print $page; ?>

  <?php print $page_bottom; ?>

</body>

</html>

<?php

/**

 * @file

 * Zen theme's implementation to display a single Drupal page.

 *

 * Available variables:

 *

 * General utility variables:

 * - $base_path: The base URL path of the Drupal installation. At the very

 *   least, this will always default to /.

 * - $directory: The directory the template is located in, e.g. modules/system

 *   or themes/bartik.

 * - $is_front: TRUE if the current page is the front page.

 * - $logged_in: TRUE if the user is registered and signed in.

 * - $is_admin: TRUE if the user has permission to access administration pages.

 *

 * Site identity:

 * - $front_page: The URL of the front page. Use this instead of $base_path,

 *   when linking to the front page. This includes the language domain or

 *   prefix.

 * - $logo: The path to the logo image, as defined in theme configuration.

 * - $site_name: The name of the site, empty when display has been disabled

 *   in theme settings.

 * - $site_slogan: The slogan of the site, empty when display has been disabled

 *   in theme settings.

 *

 * Navigation:

 * - $main_menu (array): An array containing the Main menu links for the

 *   site, if they have been configured.

 * - $secondary_menu (array): An array containing the Secondary menu links for

 *   the site, if they have been configured.

 * - $secondary_menu_heading: The title of the menu used by the secondary links.

 * - $breadcrumb: The breadcrumb trail for the current page.

 *

 * Page content (in order of occurrence in the default page.tpl.php):

 * - $title_prefix (array): An array containing additional output populated by

 *   modules, intended to be displayed in front of the main title tag that

 *   appears in the template.

 * - $title: The page title, for use in the actual HTML content.

 * - $title_suffix (array): An array containing additional output populated by

 *   modules, intended to be displayed after the main title tag that appears in

 *   the template.

 * - $messages: HTML for status and error messages. Should be displayed

 *   prominently.

 * - $tabs (array): Tabs linking to any sub-pages beneath the current page

 *   (e.g., the view and edit tabs when displaying a node).

 * - $action_links (array): Actions local to the page, such as 'Add menu' on the

 *   menu administration interface.

 * - $feed_icons: A string of all feed icons for the current page.

 * - $node: The node object, if there is an automatically-loaded node

 *   associated with the page, and the node ID is the second argument

 *   in the page's path (e.g. node/12345 and node/12345/revisions, but not

 *   comment/reply/12345).

 * - $banner_url: from zen_dataportal theme-settings.php

 * - $page_background_url: from zen_dataportal theme-settings.php

 * - $page_attributes: will contain style with $page_background_url

 * - $header_attributes: will contain style with $page_background_url

 *

 * Regions:

 * - $page['header']: Items for the header region.

 * - $page['navigation']: Items for the navigation region, below the main menu (if any).

 * - $page['help']: Dynamic help text, mostly for admin pages.

 * - $page['highlighted']: Items for the highlighted content region.

 * - $page['content']: The main content of the current page.

 * - $page['sidebar_first']: Items for the first sidebar.

 * - $page['sidebar_second']: Items for the second sidebar.

 * - $page['footer']: Items for the footer region.

 * - $page['bottom']: Items to appear at the bottom of the page below the footer.

 *

 * @see template_preprocess()

 * @see template_preprocess_page()

 * @see zen_preprocess_page()

 * @see template_process()

 */

?>

<div id="page" <?php print $page_attributes; ?> >

  <header id="header" role="banner" <?php print $banner_attributes; ?>>

    <?php if ($logo): ?>

      <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a>

    <?php endif; ?>

    <?php if ($site_name || $site_slogan): ?>

      <hgroup id="name-and-slogan">

        <?php if ($site_name): ?>

          <h1 id="site-name">

            <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a>

          </h1>

        <?php endif; ?>

        <?php if ($site_slogan): ?>

          <h2 id="site-slogan"><?php print $site_slogan; ?></h2>

        <?php endif; ?>

      </hgroup><!-- /#name-and-slogan -->

    <?php endif; ?>

    <?php if ($secondary_menu): ?>

      <nav id="secondary-menu" role="navigation">

        <?php print theme('links__system_secondary_menu', array(

          'links' => $secondary_menu,

          'attributes' => array(

            'class' => array('links', 'inline', 'clearfix'),

          ),

          'heading' => array(

            'text' => $secondary_menu_heading,

            'level' => 'h2',

            'class' => array('element-invisible'),

          ),

        )); ?>

      </nav>

    <?php endif; ?>

    <?php print render($page['header']); ?>

  </header>

  <div id="main">

    <div id="content" class="column" role="main">

      <?php print render($page['highlighted']); ?>

      <?php print $breadcrumb; ?>

      <a id="main-content"></a>

      <?php print render($title_prefix); ?>

      <?php if ($title): ?>

        <h1 class="title" id="page-title"><?php print $title; ?></h1>

      <?php endif; ?>

      <?php print render($title_suffix); ?>

      <?php print $messages; ?>

      <?php print render($tabs); ?>

      <?php print render($page['help']); ?>

      <?php if ($action_links): ?>

        <ul class="action-links"><?php print render($action_links); ?></ul>

      <?php endif; ?>

      <?php print render($page['content']); ?>

      <?php print $feed_icons; ?>

    </div><!-- /#content -->

    <div id="navigation">

      <?php if ($main_menu): ?>

        <nav id="main-menu" role="navigation">

          <?php

          // This code snippet is hard to modify. We recommend turning off the

          // "Main menu" on your sub-theme's settings form, deleting this PHP

          // code block, and, instead, using the "Menu block" module.

          // @see http://drupal.org/project/menu_block

          print theme('links__system_main_menu', array(

            'links' => $main_menu,

            'attributes' => array(

              'class' => array('links', 'inline', 'clearfix'),

            ),

            'heading' => array(

              'text' => t('Main menu'),

              'level' => 'h2',

              'class' => array('element-invisible'),

            ),

          )); ?>

        </nav>

      <?php endif; ?>

      <?php print render($page['navigation']); ?>

    </div><!-- /#navigation -->

    <?php

      // Render the sidebars to see if there's anything in them.

      $sidebar_first  = render($page['sidebar_first']);

      $sidebar_second = render($page['sidebar_second']);

    ?>

    <?php if ($sidebar_first || $sidebar_second): ?>

      <aside class="sidebars">

        <?php print $sidebar_first; ?>

        <?php print $sidebar_second; ?>

      </aside><!-- /.sidebars -->

    <?php endif; ?>

  </div><!-- /#main -->

  <?php print render($page['footer']); ?>

</div><!-- /#page -->

<?php print render($page['bottom']); ?>

/**

 * Provides the image names which can be configured in the theme settings to all

 * theme setting functions.

 *

 * @return multitype:string

 *     the list of image names which can be configured in the theme settings

 */

function _zen_dataportal_imagenames() {

  static $image_list = array('banner', 'body_background', 'page_background');

  return $image_list;

}

  $form['zen_dataportal_colors'] = array(

          '#type' => 'fieldset',

          '#title' => t('Colors'),

          '#description' => t('Configure colors where.'),

          '#attributes' => array('class' => array('theme-settings-bottom')),

  );

  $form['zen_dataportal_colors']['site_name_color'] = array(

      '#type'          => 'textfield',

      '#title'         => t('Site name color'),

      '#default_value' => theme_get_setting('site_name_color'),

      '#description'   => t('Set the color of the site name which is shown in the header. Must be a css color value like: #000000'),

  );

  //

  // custom images for banner, body and page backgrounds

  //

  foreach(_zen_dataportal_imagenames() as $which_image) {

    $image_label = str_replace('_', ' ', $which_image);

    $form['zen_dataportal_' .  $which_image] = array(

        '#type' => 'fieldset',

        '#title' => ucfirst(t($image_label)) . ' ' . t('image settings'),

        '#description' => t('If toggled on, the following image will be displayed.'),

        '#attributes' => array('class' => array('theme-settings-bottom')),

      );

      $form['zen_dataportal_' .  $which_image]['default_' . $which_image] = array(

        '#type' => 'checkbox',

        '#title' => t('Use the default') . t($which_image),

        '#default_value' => theme_get_setting('default_' . $which_image),

        '#tree' => FALSE,

        '#description' => t('Check here if you want the theme to use the image supplied with it.')

      );

      $form['zen_dataportal_' .  $which_image]['settings'] = array(

        '#type' => 'container',

        '#states' => array(

          // Hide the logo settings when using the default logo.

          'invisible' => array(

            'input[name="default_' . $which_image . '"]' => array('checked' => TRUE),

          ),

      // If $path is a public:// URI, display the path relative to the files

      // directory; stream wrappers are not end-user friendly.

      $path = theme_get_setting($which_image . '_path');

      $image = '';

      if (file_uri_scheme($path) == 'public') {

        $url = file_create_url($path);

        $path = file_uri_target($path);

        $form['zen_dataportal_' .  $which_image]['settings'][$which_image . '_preview'] = array(

        	'#type' => 'item',

          '#title' => t('Preview'),

          '#markup' => '<div class="image-preview"><img src="' . $url . '"/></div>',

        );

      }

      $form['zen_dataportal_' .  $which_image]['settings'][$which_image . '_path'] = array(

        '#type' => 'textfield',

        '#title' => t('Path to custom') . ' ' . t($image_label),

        '#description' => t('The path to the file you would like to use as your') . ' ' . t($image_label),

        '#default_value' => $path,

      );

      $form['zen_dataportal_' .  $which_image]['settings'][$which_image . '_upload'] = array(

        '#type' => 'file',

        '#title' => t('Upload') . ' ' . t($image_label) . t(' image'),

        '#maxlength' => 40,

        '#description' => t("If you don't have direct file access to the server, use this field to upload your image.")

      );

  } // END of loop over image names

 * @param $form

 *   Nested array of form elements that comprise the form.

 * @param $form_state

 *   A keyed array containing the current state of the form.

  foreach(_zen_dataportal_imagenames() as $which_image) {

    // If the user uploaded a new image, save it to a permanent location

    // and use it in place of the default theme-provided file.

    if ($file = $values[$which_image . '_upload']) {

      unset($values[$which_image . '_upload']);

      $filename = file_unmanaged_copy($file->uri);

      $values['default_' .$which_image ] = 0;

      $values[$which_image . '_path'] = $filename;

      $values['toggle_' . $which_image] = 1;

    }

    if (!empty($values[$which_image . '_path'])) {

      $values[$which_image . '_path'] = _system_theme_settings_validate_path($values[$which_image . '_path']);

    }

  } // END of loop over image names

   * in modules/system/system.admin.inc

 *  @param $form

 *   Nested array of form elements that comprise the form.

 * @param $form_state

 *   A keyed array containing the current state of the form.

  foreach(_zen_dataportal_imagenames() as $which_image) {

    // Check for a new uploaded logo.

    $file = file_save_upload($which_image . '_upload', $validators);

    if (isset($file)) {

      // File upload was attempted.

      if ($file) {

        // Put the temporary file in form_values so we can save it on submit.

        $form_state['values'][$which_image . '_upload'] = $file;

      }

      else {

        // File upload failed.

        form_set_error($which_image . '_upload', t('The image could not be uploaded.'));

      }

  } // END of loop over image names