ENHANCEMENT:Styled the php5 required page and fixed a couple of styli…

…ng issues on the install page in IE.
silverstripe · Apr 4, 2012 · 875eef9 · 875eef9
1 parent 95cdfd7
commit 875eef9
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 29 deletions.
diff --git a/dev/install/config-form.html b/dev/install/config-form.html
@@ -126,8 +126,8 @@ <h2 class="sectionHeading"><em class="inlineBarText">Database</em> <span>Step: 2
 												}
 											}
 											echo "<li>";
-											echo "<input id=\"$class\" class=\"databaseClass\" type=\"radio\" name=\"db[type]\" value=\"$class\"$checked $disabled>";
-											echo "<label class=\"left\" ".($help || $disabled ? 'style="font-weight:normal;color:grey" ' : 'style="color:green"')."for=\"$class\">{$details['title']}</label>";
+											echo "<input id=\"$class\" class=\"databaseClass left\" type=\"radio\" name=\"db[type]\" value=\"$class\"$checked $disabled>";
+											echo "<label ".($help || $disabled ? 'style="font-weight:normal;color:grey;margin-left:15px" ' : 'style="color:green;margin-left:15px"')."for=\"$class\">{$details['title']}</label>";
 											if ($help) {
 												echo '<div class="error databaseError">'.$help.'</div>';
 											}

diff --git a/dev/install/install.css b/dev/install/install.css
@@ -118,6 +118,10 @@ input.text, textarea, select {
 		color: #888;
 	}
 
+	.main h2.no-line {
+		border-top:none;
+	}
+
 /**
  * Requirements and test results
  * ------------------------------------------------ */
@@ -265,6 +269,10 @@ h5.requirement {
 			background:#ededed;
 		}
 
+		#database_selection li .databaseClass {
+			background:none;
+		}
+
 		#database_selection li input:focus{
 			outline:none; background-color:#fff;
 		}

diff --git a/dev/install/php5-required.html b/dev/install/php5-required.html
@@ -1,40 +1,45 @@
 <html>
 	<head>
 		<title>PHP 5 is required</title>
-		<link rel="stylesheet" type="text/css" href="themes/blackcandy/css/layout.css" />
-		<link rel="stylesheet" type="text/css" href="themes/blackcandy/css/typography.css" />
-		<link rel="stylesheet" type="text/css" href="themes/blackcandy/css/form.css" />
+		<base href="../../../"/>
+		<link rel="stylesheet" type="text/css" href="themes/simple/css/layout.css" />
+		<link rel="stylesheet" type="text/css" href="themes/simple/css/typography.css" />
+		<link rel="stylesheet" type="text/css" href="themes/simple/css/form.css" />
 		<link rel="stylesheet" type="text/css" href="sapphire/dev/install/install.css" />
 	</head>
-	<body>
-		<div id="BgContainer">
-			<div id="Container">
-				<div id="Header">
-					<h1>SilverStripe CMS Installation</h1>
-
-				</div>
-
-				<div id="Navigation">&nbsp;</div>
-				<div class="clear"><!-- --></div>
-
-				<div id="Layout">
-					<div class="typography">
-						<h1>PHP 5 required</h1>
-						<h2>To run SilverStripe, please install PHP 5.2 or greater.</h2>
+	<body class="page no-sidebar">
+		<div class="header">
+			<div class="inner">
+				<div class="brand">	
+					<h1>SilverStripe</h1>
+				</div>	
+			</div>
+		</div>
+
+		<div id="Navigation">&nbsp;</div>
+		<div class="clear"><!-- --></div>
 
-						<p>We have detected that you are running PHP version <b>$PHPVersion</b>.  In order to run SilverStripe, 
-						you must have PHP version 5.2 or greater, and for best results we recommend PHP 5.3 or greater.</p>
+		<div class="main">
+			<div class="inner">
+				<div class="content-container">
+					<h1>CMS Installation</h1>
+					<h2 class="no-line">PHP 5 required</h2>
+					<h3>To run SilverStripe, please install PHP 5.2 or greater.</h3>
 
-						<p>If you are running on a shared host, you may need to ask your hosting provider how to do this.</p>
-					</div>
+					<p>We have detected that you are running PHP version <b>$PHPVersion</b>.  In order to run SilverStripe, 
+					you must have PHP version 5.2 or greater, and for best results we recommend PHP 5.3 or greater.</p>
+
+					<p>If you are running on a shared host, you may need to ask your hosting provider how to do this.</p>
 				</div>
-				<div class="clear"><!-- --></div>
-			</div>
-
-			<div id="Footer">
+			</div>	
+		</div>
+		<div class="clear"><!-- --></div>
+
+		<div class="footer">
+			<div class="inner">	
 				<div class="footerTop"><!-- --></div>
 				<p><a href="http://silverstripe.org">SilverStripe Open Source CMS</a> | Copyright &copy; 2008 SilverStripe Limited</p>
-			</div>
+			</div>	
 		</div>
 	</body>
 </html>