4 files changed, 63 insertions, 16 deletions
diff --git a/views/installation/page/default.php b/views/installation/page/default.php
index abee13dba..7618e7255 100644
--- a/views/installation/page/default.php
+++ b/views/installation/page/default.php
@@ -31,22 +31,25 @@ header('Expires: Fri, 05 Feb 1982 00:00:00 -0500', TRUE);
 		<link rel="stylesheet" href="<?php echo elgg_get_site_url(); ?>install/css/install.css" type="text/css" />
 	</head>
 	<body>
-	<div id="elgg-wrapper">
-		<div id="elgg-header">
-			<?php echo elgg_view('install/header', $vars); ?>
+		<div class="elgg-page">
+			<div class="elgg-page-header">
+				<?php echo elgg_view('page/elements/header', $vars); ?>
+			</div>
+			<div class="elgg-page-body">
+				<div class="elgg-layout">
+					<div class="elgg-sidebar">
+						<?php echo elgg_view('page/elements/sidebar', $vars); ?>
+					</div>
+					<div class="elgg-body">
+						<h2><?php echo $vars['title']; ?></h2>
+						<?php echo elgg_view('page/elements/messages', array('object' => $vars['sysmessages'])); ?>
+						<?php echo $vars['body']; ?>
+					</div>
+				</div>
+			</div>
+			<div class="elgg-page-footer">
+				<?php echo elgg_view('page/elements/footer'); ?>
+			</div>
 		</div>
-		<div id="elgg-sidebar">
-			<?php echo elgg_view('install/sidebar', $vars); ?>
-		</div>
-		<div id="elgg-content">
-			<h2><?php echo $vars['title']; ?></h2>
-			<?php echo elgg_view('page/elements/messages', array('object' => $vars['sysmessages'])); ?>
-			<?php echo $vars['body']; ?>
-		</div>
-		<div class="clearfloat"></div>
-	</div>
-	<div id="elgg-footer">
-		<?php echo elgg_view('install/footer'); ?>
-	</div>
 	</body>
 </html>
diff --git a/views/installation/page/elements/footer.php b/views/installation/page/elements/footer.php
new file mode 100644
index 000000000..69cd27f66
--- /dev/null
+++ b/views/installation/page/elements/footer.php
@@ -0,0 +1,10 @@
+<?php
+/**
+ * Install footer - offers help links
+ */
+?>
+<ul>
+	<li><a href="http://docs.elgg.org/wiki/Installation">Install instructions</a></li>
+	<li><a href="http://docs.elgg.org/wiki/Install_Troubleshooting">Install troubleshooting</a></li>
+	<li><a href="http://community.elgg.org/pg/groups/world/">Elgg community forums</a></li>
+</ul>
+\ No newline at end of file
diff --git a/views/installation/page/elements/header.php b/views/installation/page/elements/header.php
new file mode 100644
index 000000000..8c18dbffd
--- /dev/null
+++ b/views/installation/page/elements/header.php
@@ -0,0 +1,8 @@
+<?php
+/**
+ * Install header
+ */
+
+$url = elgg_get_site_url()."_graphics/elgg_logo.png";
+?>
+<img src="<?php echo $url; ?>" alt="Elgg" />
diff --git a/views/installation/page/elements/sidebar.php b/views/installation/page/elements/sidebar.php
new file mode 100644
index 000000000..8136cd898
--- /dev/null
+++ b/views/installation/page/elements/sidebar.php
@@ -0,0 +1,26 @@
+<?php
+/**
+ * Install sidebar
+ *
+ * @uses $vars['step'] Current step
+ * @uses $vars['steps'] Array of steps
+ */
+
+$current_step = $vars['step'];
+$steps = $vars['steps'];
+
+$current_step_index = array_search($current_step, $steps);
+
+echo '<ol>';
+foreach ($steps as $index => $step) {
+	if ($index < $current_step_index) {
+		$class = 'past';
+	} elseif ($index == $current_step_index) {
+		$class = 'present';
+	} else {
+		$class = 'future';
+	}
+	$text = elgg_echo("install:$step");
+	echo "<li class=\"$class\">$text</li>";
+}
+echo '</ol>';