ENHANCEMENT:fixed styling on "installing SilverStripe" page.

This commit is contained in:
Jeremy Bridson 2012-04-05 12:01:27 +12:00
parent c1f6f20114
commit 697ffb82a7
3 changed files with 35 additions and 15 deletions

View File

@ -85,7 +85,7 @@ class DebugView extends Object {
echo '<!DOCTYPE html><html><head><title>' . $url . '</title>'; echo '<!DOCTYPE html><html><head><title>' . $url . '</title>';
echo '<style type="text/css">'; echo '<style type="text/css">';
echo 'body { background-color:#eee; margin:0; padding:0; font-family:Helvetica,Arial,sans-serif; }'; echo 'body { background-color:#eee; margin:0; padding:0; font-family:Helvetica,Arial,sans-serif; }';
echo '.info { border-bottom:1px dotted #333; background-color:#ccdef3; margin:0; padding:6px 12px; }'; echo '.info { margin:15px 0 0 0; padding:6px 12px; }';
echo '.info h1 { margin:0; padding:0; color:#333; letter-spacing:-2px; }'; echo '.info h1 { margin:0; padding:0; color:#333; letter-spacing:-2px; }';
echo '.header { margin:0; border-bottom:6px solid #ccdef3; height:23px; background-color:#666673; padding:4px 0 2px 6px; background-image:url('.Director::absoluteBaseURL().'cms/images/mainmenu/top-bg.gif); }'; echo '.header { margin:0; border-bottom:6px solid #ccdef3; height:23px; background-color:#666673; padding:4px 0 2px 6px; background-image:url('.Director::absoluteBaseURL().'cms/images/mainmenu/top-bg.gif); }';
echo '.trace { padding:6px 12px; }'; echo '.trace { padding:6px 12px; }';
@ -93,8 +93,8 @@ class DebugView extends Object {
echo 'pre { margin-left:18px; }'; echo 'pre { margin-left:18px; }';
echo 'pre span { color:#999;}'; echo 'pre span { color:#999;}';
echo 'pre .error { color:#f00; }'; echo 'pre .error { color:#f00; }';
echo '.pass { margin-top:18px; padding:2px 20px 2px 40px; color:#006600; background:#E2F9E3 url('.Director::absoluteBaseURL() .'cms/images/alert-good.gif) no-repeat scroll 7px 50%; border:1px solid #8DD38D; }'; echo '.pass { margin-top:18px; padding:2px 20px 2px 40px; color:#006600; background:#E2F9E3 url('.Director::absoluteBaseURL() .'cms/images/alert-good.gif) no-repeat scroll 7px 50%; border:1px solid #8DD38D; border-radius:4px; }';
echo '.fail { margin-top:18px; padding:2px 20px 2px 40px; color:#C80700; background:#FFE9E9 url('.Director::absoluteBaseURL() .'cms/images/alert-bad.gif) no-repeat scroll 7px 50%; border:1px solid #C80700; }'; echo '.fail { margin-top:18px; padding:2px 20px 2px 40px; color:#C80700; background:#FFE9E9 url('.Director::absoluteBaseURL() .'cms/images/alert-bad.gif) no-repeat scroll 7px 50%; border:1px solid #C80700; border-radius:4px; }';
echo '.failure span { color:#C80700; font-weight:bold; }'; echo '.failure span { color:#C80700; font-weight:bold; }';
echo '</style></head>'; echo '</style></head>';
echo '<body>'; echo '<body>';

View File

@ -6,6 +6,17 @@
color:#fff; color:#fff;
} }
.install-header
{
padding-bottom:10px;
background:#161616;
}
.install-header .inner{
padding-top:55px;
position:relative;
}
.brand { .brand {
float:none; float:none;
} }
@ -26,6 +37,10 @@
display:none; display:none;
} }
.main .inner ul {
padding-left:20px;
}
ul#Themes{ ul#Themes{
list-style: none; list-style: none;
margin: 0 5px 20px 5px; margin: 0 5px 20px 5px;
@ -55,6 +70,7 @@ h1.sectionHeading {
padding: 0.5em; padding: 0.5em;
background-color: #fdf5f5; background-color: #fdf5f5;
border: 1px #ff8e8e solid; border: 1px #ff8e8e solid;
border-radius:4px;
color: #f03838; color: #f03838;
} }
.main p.error { color: #f03838;} .main p.error { color: #f03838;}

View File

@ -952,17 +952,21 @@ class Installer extends InstallRequirements {
<script src="sapphire/thirdparty/jquery/jquery.js"></script> <script src="sapphire/thirdparty/jquery/jquery.js"></script>
</head> </head>
<body> <body>
<div id="BgContainer"> <div class="install-header">
<div id="Container"> <div class="inner">
<div id="Header"> <div class="brand">
<h1>SilverStripe CMS / Framework Installation</h1> <span class="logo"></span>
<h1>SilverStripe</h1>
</div>
<p>Version <?php echo $silverstripe_version; ?></p>
</div>
</div> </div>
<div id="Navigation">&nbsp;</div> <div id="Navigation">&nbsp;</div>
<div class="clear"><!-- --></div> <div class="clear"><!-- --></div>
<div id="Layout"> <div class="main">
<div class="typography"> <div class="inner">
<h1>Installing SilverStripe...</h1> <h1>Installing SilverStripe...</h1>
<p>I am now running through the installation steps (this should take about 30 seconds)</p> <p>I am now running through the installation steps (this should take about 30 seconds)</p>
<p>If you receive a fatal error, refresh this page to continue the installation</p> <p>If you receive a fatal error, refresh this page to continue the installation</p>