From 4bb8ced7108d6c90267baa1ce084a25c7f560229 Mon Sep 17 00:00:00 2001
From: Bojhan Somers <register@bojhan.com>
Date: Wed, 22 May 2013 19:06:22 +0200
Subject: [PATCH] Installer style update

---
 core/includes/theme.inc                            | 115 ++++++++++++++-------
 core/includes/theme.maintenance.inc                |  14 ---
 .../system/templates/maintenance-page.tpl.php      |   6 +-
 core/themes/seven/js/mobile.install.js             |   4 +-
 core/themes/seven/seven.theme                      |   5 +
 core/themes/seven/style-rtl.css                    |  10 --
 core/themes/seven/style.css                        |  37 -------
 7 files changed, 88 insertions(+), 103 deletions(-)

diff --git a/core/includes/theme.inc b/core/includes/theme.inc
index 721453a..42a0985 100644
--- a/core/includes/theme.inc
+++ b/core/includes/theme.inc
@@ -389,6 +389,45 @@ function _theme_save_registry($theme, $registry) {
 }
 
 /**
+ * Adds mobile friendly meta tags.
+ */
+function _theme_mobile_meta_tags() {
+  $elements = array(
+    'MobileOptimized' => array(
+      '#tag' => 'meta',
+      '#attributes' => array(
+        'name' => 'MobileOptimized',
+        'content' => 'width',
+      ),
+    ),
+    'HandheldFriendly' => array(
+      '#tag' => 'meta',
+      '#attributes' => array(
+        'name' => 'HandheldFriendly',
+        'content' => 'true',
+      ),
+    ),
+    'viewport' => array(
+      '#tag' => 'meta',
+      '#attributes' => array(
+        'name' => 'viewport',
+        'content' => 'width=device-width',
+      ),
+    ),
+    'cleartype' => array(
+      '#tag' => 'meta',
+      '#attributes' => array(
+        'http-equiv' => 'cleartype',
+        'content' => 'on',
+      ),
+    ),
+  );
+  foreach ($elements as $name => $element) {
+    drupal_add_html_head($element, $name);
+  }
+}
+
+/**
  * Forces the system to rebuild the theme registry.
  *
  * This function should be called when modules are added to the system, or when
@@ -2805,40 +2844,8 @@ function template_preprocess_html(&$variables) {
   $variables['head_title_array'] = $head_title;
   $variables['head_title'] = implode(' | ', $head_title);
 
-  // Display the html.tpl.php's default mobile metatags for responsive design.
-  $elements = array(
-    'MobileOptimized' => array(
-      '#tag' => 'meta',
-      '#attributes' => array(
-        'name' => 'MobileOptimized',
-        'content' => 'width',
-      ),
-    ),
-    'HandheldFriendly' => array(
-      '#tag' => 'meta',
-      '#attributes' => array(
-        'name' => 'HandheldFriendly',
-        'content' => 'true',
-      ),
-    ),
-    'viewport' => array(
-      '#tag' => 'meta',
-      '#attributes' => array(
-        'name' => 'viewport',
-        'content' => 'width=device-width',
-      ),
-    ),
-    'cleartype' => array(
-      '#tag' => 'meta',
-      '#attributes' => array(
-        'http-equiv' => 'cleartype',
-        'content' => 'on',
-      ),
-    ),
-  );
-  foreach ($elements as $name => $element) {
-    drupal_add_html_head($element, $name);
-  }
+  // Display the default mobile metatags for responsive design.
+  _theme_mobile_meta_tags();
 
   // Populate the page template suggestions.
   if ($suggestions = theme_get_suggestions(arg(), 'html')) {
@@ -3079,7 +3086,7 @@ function template_preprocess_maintenance_page(&$variables) {
   $site_name = $site_config->get('name');
   $site_slogan = $site_config->get('slogan');
 
-  // Construct page title
+  // Construct page title.
   if (drupal_get_title()) {
     $head_title = array(
       'title' => strip_tags(drupal_get_title()),
@@ -3128,6 +3135,9 @@ function template_preprocess_maintenance_page(&$variables) {
     $variables['attributes']['class'][] = 'sidebar-' . $variables['layout'];
   }
 
+  // Display the default mobile metatags for responsive design.
+  _theme_mobile_meta_tags();
+
   // Dead databases will show error messages so supplying this template will
   // allow themers to override the page and the content completely.
   if (isset($variables['db_is_active']) && !$variables['db_is_active']) {
@@ -3159,6 +3169,38 @@ function template_process_maintenance_page(&$variables) {
 }
 
 /**
+ * Process variables for install-page.tpl.php.
+ *
+ * Calls template_preprocess_install_page() to modify the $variables
+ * array.
+ *
+ * The $variables array contains the following arguments:
+ * - $content
+ *
+ * @see install-page.tpl.php
+ * @see template_preprocess_install_page()
+ */
+function template_preprocess_install_page(&$variables) {
+ template_preprocess_maintenance_page($variables);
+}
+
+/**
+ * Theme process function for theme_install_page().
+ *
+ * The variables array generated here is a mirror of template_process_html().
+ * This processor will run its course when theme_install_page() is invoked.
+ *
+ * @see install-page.tpl.php
+ * @see template_process_html()
+ */
+function template_process_install_page(&$variables) {
+  $variables['head']    = drupal_get_html_head();
+  $variables['css']     = drupal_add_css();
+  $variables['styles']  = drupal_get_css();
+  $variables['scripts'] = drupal_get_js();
+}
+
+/**
  * Preprocess variables for region.tpl.php
  *
  * Prepares the values passed to the theme_region function to be passed into a
@@ -3269,7 +3311,8 @@ function drupal_common_theme() {
       'template' => 'maintenance-page',
     ),
     'install_page' => array(
-      'variables' => array('content' => NULL),
+      'variables' => array('content' => NULL, 'show_messages' => TRUE),
+      'template' => 'install-page',
     ),
     'task_list' => array(
       'variables' => array('items' => NULL, 'active' => NULL),
diff --git a/core/includes/theme.maintenance.inc b/core/includes/theme.maintenance.inc
index 9215957..1001ba1 100644
--- a/core/includes/theme.maintenance.inc
+++ b/core/includes/theme.maintenance.inc
@@ -148,20 +148,6 @@ function theme_task_list($variables) {
 }
 
 /**
- * Returns HTML for the installation page.
- *
- * Note: this function is not themeable.
- *
- * @param $variables
- *   An associative array containing:
- *   - content: The page content to show.
- */
-function theme_install_page($variables) {
-  drupal_add_http_header('Content-Type', 'text/html; charset=utf-8');
-  return theme('maintenance_page', $variables);
-}
-
-/**
  * Returns HTML for a results report of an operation run by authorize.php.
  *
  * @param $variables
diff --git a/core/modules/system/templates/maintenance-page.tpl.php b/core/modules/system/templates/maintenance-page.tpl.php
index 5da7a1a..2e93bcd 100644
--- a/core/modules/system/templates/maintenance-page.tpl.php
+++ b/core/modules/system/templates/maintenance-page.tpl.php
@@ -13,10 +13,8 @@
  * @ingroup themeable
  */
 ?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->langcode ?>" lang="<?php print $language->langcode ?>" dir="<?php print $language->dir ?>">
-
+<!DOCTYPE html>
+<html lang="<?php print $language->langcode ?>" dir="<?php print $language->dir ?>">
 <head>
   <title><?php print $head_title; ?></title>
   <?php print $head; ?>
diff --git a/core/themes/seven/js/mobile.install.js b/core/themes/seven/js/mobile.install.js
index 6784daa..a6af9f1 100644
--- a/core/themes/seven/js/mobile.install.js
+++ b/core/themes/seven/js/mobile.install.js
@@ -18,11 +18,11 @@
   function installStepsSetup () {
     var steps = document.querySelectorAll('.task-list li');
     if (steps.length) {
-      var branding = document.querySelector('#branding');
+      var header = document.querySelector('#header');
       var stepIndicator = document.createElement('div');
       stepIndicator.className = 'step-indicator';
       stepIndicator.innerHTML = findActiveStep(steps) + '/' + steps.length;
-      branding.appendChild(stepIndicator);
+      header.appendChild(stepIndicator);
     }
   }
 
diff --git a/core/themes/seven/seven.theme b/core/themes/seven/seven.theme
index 61212fe..9be4ab6 100644
--- a/core/themes/seven/seven.theme
+++ b/core/themes/seven/seven.theme
@@ -133,6 +133,11 @@ function seven_tablesort_indicator($variables) {
  */
 function seven_preprocess_install_page(&$variables) {
   drupal_add_js(drupal_get_path('theme', 'seven') . '/js/mobile.install.js');
+  drupal_add_css(drupal_get_path('theme', 'seven') . '/install-page.css', array('group' => CSS_AGGREGATE_THEME));
+  $variables['attributes']['class'][] = 'install-page';
+  if(empty($variables['site_name'])) {
+     $variables['site_name'] = 'Drupal';
+  }
 }
 
 /**
diff --git a/core/themes/seven/style-rtl.css b/core/themes/seven/style-rtl.css
index f4097d9..9bb9d5a 100644
--- a/core/themes/seven/style-rtl.css
+++ b/core/themes/seven/style-rtl.css
@@ -126,16 +126,6 @@ body.in-maintenance #content {
   padding-left: 20px;
   padding-right: 0;
 }
-ol.task-list {
-  margin-right: 0;
-}
-ol.task-list li {
-  padding: 0.5em 20px 0.5em 1em;
-}
-ol.task-list li.active {
-  background: transparent url(images/task-item-rtl.png) no-repeat right 50%;
-  padding: 0.5em 20px 0.5em 1em;
-}
 
 /* Overlay theming */
 .overlay #branding .breadcrumb {
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 52db095..c448fee 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -920,7 +920,6 @@ body.in-maintenance #sidebar-first {
 }
 body.in-maintenance #content {
   float: right; /* LTR */
-  max-width: 550px;
   clear: none;
   width: 72%;
 }
@@ -959,41 +958,6 @@ body.in-maintenance #logo {
     width: auto;
   }
 }
-ol.task-list {
-  margin-left: 0; /* LTR */
-  list-style-type: none;
-  list-style-image: none;
-}
-ol.task-list li {
-  padding: 0.5em 1em 0.5em 20px; /* LTR */
-  color: #adadad;
-}
-ol.task-list li.active {
-  background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */
-  padding: 0.5em 1em 0.5em 20px; /* LTR */
-  color: #000;
-}
-ol.task-list li.done {
-  background: transparent url(images/task-check.png) no-repeat 0 50%;
-  color: green;
-}
-body.in-maintenance #branding .step-indicator {
-  display: none;
-}
-@media all and (max-width: 768px) {
-  ol.task-list,
-  body.in-maintenance #logo {
-    display: none;
-  }
-  body.in-maintenance #branding h1 {
-    float: left;
-    width: auto;
-  }
-  body.in-maintenance #branding .step-indicator {
-    display: block;
-    float: right;
-  }
-}
 
 /* Overlay theming */
 .overlay #branding {
@@ -1683,7 +1647,6 @@ details.fieldset-no-legend {
   }
 }
 
-
 /**
  * Node form dropbuttons.
  */
-- 
1.7.11.1

From 5330f5ef7be7ececa7c685397444ff5d1abeb2bb Mon Sep 17 00:00:00 2001
From: Bojhan Somers <register@bojhan.com>
Date: Wed, 22 May 2013 19:16:43 +0200
Subject: [PATCH] Install update added files

---
 core/includes/theme.inc                            | 115 ++++++-------------
 core/includes/theme.maintenance.inc                | 126 +++++++++++++++++++++
 core/modules/system/templates/install-page.tpl.php |  86 ++++++++++++++
 core/themes/seven/install-page-rtl.css             |  20 ++++
 core/themes/seven/install-page.css                 | 117 +++++++++++++++++++
 core/themes/seven/style-rtl.css                    |  10 ++
 core/themes/seven/style.css                        |  37 ++++++
 7 files changed, 432 insertions(+), 79 deletions(-)
 create mode 100644 core/modules/system/templates/install-page.tpl.php
 create mode 100644 core/themes/seven/install-page-rtl.css
 create mode 100644 core/themes/seven/install-page.css

diff --git a/core/includes/theme.inc b/core/includes/theme.inc
index 42a0985..721453a 100644
--- a/core/includes/theme.inc
+++ b/core/includes/theme.inc
@@ -389,45 +389,6 @@ function _theme_save_registry($theme, $registry) {
 }
 
 /**
- * Adds mobile friendly meta tags.
- */
-function _theme_mobile_meta_tags() {
-  $elements = array(
-    'MobileOptimized' => array(
-      '#tag' => 'meta',
-      '#attributes' => array(
-        'name' => 'MobileOptimized',
-        'content' => 'width',
-      ),
-    ),
-    'HandheldFriendly' => array(
-      '#tag' => 'meta',
-      '#attributes' => array(
-        'name' => 'HandheldFriendly',
-        'content' => 'true',
-      ),
-    ),
-    'viewport' => array(
-      '#tag' => 'meta',
-      '#attributes' => array(
-        'name' => 'viewport',
-        'content' => 'width=device-width',
-      ),
-    ),
-    'cleartype' => array(
-      '#tag' => 'meta',
-      '#attributes' => array(
-        'http-equiv' => 'cleartype',
-        'content' => 'on',
-      ),
-    ),
-  );
-  foreach ($elements as $name => $element) {
-    drupal_add_html_head($element, $name);
-  }
-}
-
-/**
  * Forces the system to rebuild the theme registry.
  *
  * This function should be called when modules are added to the system, or when
@@ -2844,8 +2805,40 @@ function template_preprocess_html(&$variables) {
   $variables['head_title_array'] = $head_title;
   $variables['head_title'] = implode(' | ', $head_title);
 
-  // Display the default mobile metatags for responsive design.
-  _theme_mobile_meta_tags();
+  // Display the html.tpl.php's default mobile metatags for responsive design.
+  $elements = array(
+    'MobileOptimized' => array(
+      '#tag' => 'meta',
+      '#attributes' => array(
+        'name' => 'MobileOptimized',
+        'content' => 'width',
+      ),
+    ),
+    'HandheldFriendly' => array(
+      '#tag' => 'meta',
+      '#attributes' => array(
+        'name' => 'HandheldFriendly',
+        'content' => 'true',
+      ),
+    ),
+    'viewport' => array(
+      '#tag' => 'meta',
+      '#attributes' => array(
+        'name' => 'viewport',
+        'content' => 'width=device-width',
+      ),
+    ),
+    'cleartype' => array(
+      '#tag' => 'meta',
+      '#attributes' => array(
+        'http-equiv' => 'cleartype',
+        'content' => 'on',
+      ),
+    ),
+  );
+  foreach ($elements as $name => $element) {
+    drupal_add_html_head($element, $name);
+  }
 
   // Populate the page template suggestions.
   if ($suggestions = theme_get_suggestions(arg(), 'html')) {
@@ -3086,7 +3079,7 @@ function template_preprocess_maintenance_page(&$variables) {
   $site_name = $site_config->get('name');
   $site_slogan = $site_config->get('slogan');
 
-  // Construct page title.
+  // Construct page title
   if (drupal_get_title()) {
     $head_title = array(
       'title' => strip_tags(drupal_get_title()),
@@ -3135,9 +3128,6 @@ function template_preprocess_maintenance_page(&$variables) {
     $variables['attributes']['class'][] = 'sidebar-' . $variables['layout'];
   }
 
-  // Display the default mobile metatags for responsive design.
-  _theme_mobile_meta_tags();
-
   // Dead databases will show error messages so supplying this template will
   // allow themers to override the page and the content completely.
   if (isset($variables['db_is_active']) && !$variables['db_is_active']) {
@@ -3169,38 +3159,6 @@ function template_process_maintenance_page(&$variables) {
 }
 
 /**
- * Process variables for install-page.tpl.php.
- *
- * Calls template_preprocess_install_page() to modify the $variables
- * array.
- *
- * The $variables array contains the following arguments:
- * - $content
- *
- * @see install-page.tpl.php
- * @see template_preprocess_install_page()
- */
-function template_preprocess_install_page(&$variables) {
- template_preprocess_maintenance_page($variables);
-}
-
-/**
- * Theme process function for theme_install_page().
- *
- * The variables array generated here is a mirror of template_process_html().
- * This processor will run its course when theme_install_page() is invoked.
- *
- * @see install-page.tpl.php
- * @see template_process_html()
- */
-function template_process_install_page(&$variables) {
-  $variables['head']    = drupal_get_html_head();
-  $variables['css']     = drupal_add_css();
-  $variables['styles']  = drupal_get_css();
-  $variables['scripts'] = drupal_get_js();
-}
-
-/**
  * Preprocess variables for region.tpl.php
  *
  * Prepares the values passed to the theme_region function to be passed into a
@@ -3311,8 +3269,7 @@ function drupal_common_theme() {
       'template' => 'maintenance-page',
     ),
     'install_page' => array(
-      'variables' => array('content' => NULL, 'show_messages' => TRUE),
-      'template' => 'install-page',
+      'variables' => array('content' => NULL),
     ),
     'task_list' => array(
       'variables' => array('items' => NULL, 'active' => NULL),
diff --git a/core/includes/theme.maintenance.inc b/core/includes/theme.maintenance.inc
index 1001ba1..6d8d739 100644
--- a/core/includes/theme.maintenance.inc
+++ b/core/includes/theme.maintenance.inc
@@ -148,6 +148,132 @@ function theme_task_list($variables) {
 }
 
 /**
+ * Returns HTML for the installation page.
+ *
+ * Note: this function is not themeable.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - content: The page content to show.
+ */
+function theme_install_page($variables) {
+  drupal_add_http_header('Content-Type', 'text/html; charset=utf-8');
+  return theme('maintenance_page', $variables);
+}
+
+/**
+ * Returns HTML for the installation page.
+ *
+ * Note: this function is not themeable.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - content: The page content to show.
+ */
+function theme_install_page($variables) {
+  drupal_add_http_header('Content-Type', 'text/html; charset=utf-8');
+  return theme('maintenance_page', $variables);
+}
+
+/**
+ * Returns HTML for the installation page.
+ *
+ * Note: this function is not themeable.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - content: The page content to show.
+ */
+function theme_install_page($variables) {
+  drupal_add_http_header('Content-Type', 'text/html; charset=utf-8');
+  return theme('maintenance_page', $variables);
+}
+
+/**
+ * Returns HTML for the installation page.
+ *
+ * Note: this function is not themeable.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - content: The page content to show.
+ */
+function theme_install_page($variables) {
+  drupal_add_http_header('Content-Type', 'text/html; charset=utf-8');
+  return theme('maintenance_page', $variables);
+}
+
+/**
+ * Returns HTML for the installation page.
+ *
+ * Note: this function is not themeable.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - content: The page content to show.
+ */
+function theme_install_page($variables) {
+  drupal_add_http_header('Content-Type', 'text/html; charset=utf-8');
+  return theme('maintenance_page', $variables);
+}
+
+/**
+ * Returns HTML for the installation page.
+ *
+ * Note: this function is not themeable.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - content: The page content to show.
+ */
+function theme_install_page($variables) {
+  drupal_add_http_header('Content-Type', 'text/html; charset=utf-8');
+  return theme('maintenance_page', $variables);
+}
+
+/**
+ * Returns HTML for the installation page.
+ *
+ * Note: this function is not themeable.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - content: The page content to show.
+ */
+function theme_install_page($variables) {
+  drupal_add_http_header('Content-Type', 'text/html; charset=utf-8');
+  return theme('maintenance_page', $variables);
+}
+
+/**
+ * Returns HTML for the installation page.
+ *
+ * Note: this function is not themeable.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - content: The page content to show.
+ */
+function theme_install_page($variables) {
+  drupal_add_http_header('Content-Type', 'text/html; charset=utf-8');
+  return theme('maintenance_page', $variables);
+}
+
+/**
+ * Returns HTML for the installation page.
+ *
+ * Note: this function is not themeable.
+ *
+ * @param $variables
+ *   An associative array containing:
+ *   - content: The page content to show.
+ */
+function theme_install_page($variables) {
+  drupal_add_http_header('Content-Type', 'text/html; charset=utf-8');
+  return theme('maintenance_page', $variables);
+}
+
+/**
  * Returns HTML for a results report of an operation run by authorize.php.
  *
  * @param $variables
diff --git a/core/modules/system/templates/install-page.tpl.php b/core/modules/system/templates/install-page.tpl.php
new file mode 100644
index 0000000..546ee06
--- /dev/null
+++ b/core/modules/system/templates/install-page.tpl.php
@@ -0,0 +1,86 @@
+<?php
+
+/**
+ * @file
+ * Default theme implementation to display a single Drupal page while offline.
+ *
+ * All the available variables are mirrored in html.tpl.php and page.tpl.php.
+ * Some may be blank but they are provided for consistency.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_maintenance_page()
+ *
+ * @ingroup themeable
+ */
+?>
+<!DOCTYPE html>
+<html lang="<?php print $language->langcode ?>" dir="<?php print $language->dir ?>">
+<head>
+  <title><?php print $head_title; ?></title>
+  <?php print $head; ?>
+  <?php print $styles; ?>
+  <?php print $scripts; ?>
+</head>
+<body class="<?php print $attributes['class']; ?>">
+  <div id="page">
+    <div id="header">
+      <div id="logo-title">
+        <div id="name-and-slogan">
+          <?php if (!empty($site_name)): ?>
+            <h1 id="site-name">
+              <?php print $site_name; ?>
+            </h1>
+          <?php endif; ?>
+
+          <?php if (!empty($site_slogan)): ?>
+            <div id="site-slogan"><?php print $site_slogan; ?></div>
+          <?php endif; ?>
+        </div> <!-- /name-and-slogan -->
+      </div> <!-- /logo-title -->
+
+      <?php if (!empty($header)): ?>
+        <div id="header-region">
+          <?php print $header; ?>
+        </div>
+      <?php endif; ?>
+
+    </div> <!-- /header -->
+
+    <div id="container" class="clearfix">
+
+      <?php if (!empty($sidebar_first)): ?>
+        <div id="sidebar-first" class="column sidebar">
+          <?php print $sidebar_first; ?>
+        </div> <!-- /sidebar-first -->
+      <?php endif; ?>
+
+      <div id="main" class="column"><div id="main-squeeze">
+
+        <div id="content">
+          <?php if (!empty($title)): ?><h1 class="title" id="page-title"><?php print $title; ?></h1><?php endif; ?>
+          <?php if (!empty($messages)): print $messages; endif; ?>
+          <div id="content-content" class="clearfix">
+            <?php print $content; ?>
+          </div> <!-- /content-content -->
+        </div> <!-- /content -->
+
+      </div></div> <!-- /main-squeeze /main -->
+
+      <?php if (!empty($sidebar_second)): ?>
+        <div id="sidebar-second" class="column sidebar">
+          <?php print $sidebar_second; ?>
+        </div> <!-- /sidebar-second -->
+      <?php endif; ?>
+
+    </div> <!-- /container -->
+
+    <div id="footer-wrapper">
+      <div id="footer">
+        <?php if (!empty($footer)): print $footer; endif; ?>
+      </div> <!-- /footer -->
+    </div> <!-- /footer-wrapper -->
+
+  </div> <!-- /page -->
+
+</body>
+</html>
diff --git a/core/themes/seven/install-page-rtl.css b/core/themes/seven/install-page-rtl.css
new file mode 100644
index 0000000..ffec069
--- /dev/null
+++ b/core/themes/seven/install-page-rtl.css
@@ -0,0 +1,20 @@
+/* Install theming */
+body.install-page #page {
+  padding: 0 0 1em 2em;
+}
+body.install-page #site-name {
+  margin: 0.25em 30px 0.25em 0;
+}
+.task-list {
+  margin-right: 0;
+  padding-right: 0;
+}
+.task-list li {
+  padding: 0.5em 20px 0.5em 1em;
+}
+.task-list li.active:after {
+  left: auto;
+  right: 100%;
+  border-left-color: transparent;
+  border-right-color: #ebeae4;
+}
diff --git a/core/themes/seven/install-page.css b/core/themes/seven/install-page.css
new file mode 100644
index 0000000..9dd121a
--- /dev/null
+++ b/core/themes/seven/install-page.css
@@ -0,0 +1,117 @@
+/* Installation theming */
+body.install-page {
+  background-color: #137cbd;
+  background-repeat: repeat-x;
+  background-size: auto 300px;
+}
+@media all and (min-width: 48em) { /* 768px */
+  body.install-page{
+    padding-top: 10%;
+  }
+  body.install-page #page {
+    border-radius: 5px;
+    width: 75%;
+    max-width: 770px;
+    box-shadow: 5px 10px 15px 0 rgba(0, 0, 0, 0.15);
+    padding: 1em 2em 1em 0; /* LTR */
+  }
+  body.install-page #content {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    padding-left: 30px;
+    width: 65%;
+  }
+  body.install-page #sidebar-first {
+    width: 35%;
+  }
+}
+body.install-page #site-name {
+  font-size: 2em;
+  line-height: 1.2em;
+  color: #0074bd;
+  margin: 0.75em 0 0.75em 50px; /* LTR */
+}
+body.install-page #page-title {
+  background: transparent;
+  padding-top: 0;
+}
+@media all and  (max-width: 48em) { /* 768px */
+body.install-page #site-name {
+  margin-left: 0;
+}
+ body.install-page {
+   padding: 0;
+ }
+ body.install-page #page {
+   width: auto;
+   padding: 10px 40px 0;
+ }
+}
+.task-list {
+  margin-left: 0; /* LTR */
+  list-style-type: none;
+  list-style-image: none;
+  padding-left: 0; /* LTR */
+  padding-bottom: 1em;
+}
+.task-list li {
+  padding: 0.5em 1em 0.5em 50px; /* LTR */
+  color: #1a1a1a;
+}
+.task-list li.active {
+  background: #ebeae4;
+  position: relative;
+  font-weight: normal;
+}
+.task-list li.active:after {
+  left: 100%; /* LTR */
+  border: solid transparent;
+  border-color: rgba(235, 234, 228, 0);
+  border-left-color: #ebeae4; /* LTR */
+  border-width: 17px;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+  top: 50%;
+  margin-top: -17px;
+}
+.task-list li.done {
+  color: #adadad;
+}
+.step-indicator {
+  display: none;
+}
+@media all and (max-width: 48em) { /* 768px */
+  ol.task-list {
+    display: none;
+  }
+  body.in-maintenance #branding h1 {
+    float: left;
+    width: auto;
+  }
+  .step-indicator {
+    display: block;
+    font-size: 1.385em;
+    position: absolute;
+    top: 20px;
+    right: 40px;
+  }
+}
+.install-page .password-parent {
+  width: auto;
+}
+.install-page div.form-item div.password-suggestions {
+  float: none;
+  width: auto;
+}
+@media all and (max-width: 975px) and (min-width: 48em) {
+  .install-page .password-strength,
+  .install-page .confirm-parent,
+  .install-page div.password-confirm {
+    float: none;
+    width: auto;
+  }
+}
\ No newline at end of file
diff --git a/core/themes/seven/style-rtl.css b/core/themes/seven/style-rtl.css
index 9bb9d5a..f4097d9 100644
--- a/core/themes/seven/style-rtl.css
+++ b/core/themes/seven/style-rtl.css
@@ -126,6 +126,16 @@ body.in-maintenance #content {
   padding-left: 20px;
   padding-right: 0;
 }
+ol.task-list {
+  margin-right: 0;
+}
+ol.task-list li {
+  padding: 0.5em 20px 0.5em 1em;
+}
+ol.task-list li.active {
+  background: transparent url(images/task-item-rtl.png) no-repeat right 50%;
+  padding: 0.5em 20px 0.5em 1em;
+}
 
 /* Overlay theming */
 .overlay #branding .breadcrumb {
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index c448fee..52db095 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -920,6 +920,7 @@ body.in-maintenance #sidebar-first {
 }
 body.in-maintenance #content {
   float: right; /* LTR */
+  max-width: 550px;
   clear: none;
   width: 72%;
 }
@@ -958,6 +959,41 @@ body.in-maintenance #logo {
     width: auto;
   }
 }
+ol.task-list {
+  margin-left: 0; /* LTR */
+  list-style-type: none;
+  list-style-image: none;
+}
+ol.task-list li {
+  padding: 0.5em 1em 0.5em 20px; /* LTR */
+  color: #adadad;
+}
+ol.task-list li.active {
+  background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */
+  padding: 0.5em 1em 0.5em 20px; /* LTR */
+  color: #000;
+}
+ol.task-list li.done {
+  background: transparent url(images/task-check.png) no-repeat 0 50%;
+  color: green;
+}
+body.in-maintenance #branding .step-indicator {
+  display: none;
+}
+@media all and (max-width: 768px) {
+  ol.task-list,
+  body.in-maintenance #logo {
+    display: none;
+  }
+  body.in-maintenance #branding h1 {
+    float: left;
+    width: auto;
+  }
+  body.in-maintenance #branding .step-indicator {
+    display: block;
+    float: right;
+  }
+}
 
 /* Overlay theming */
 .overlay #branding {
@@ -1647,6 +1683,7 @@ details.fieldset-no-legend {
   }
 }
 
+
 /**
  * Node form dropbuttons.
  */
-- 
1.7.11.1