Skip to content

S
syncEnrollments
Commit e0251b7d authored by Dayle Rees's avatar Dayle Rees
Browse files
Options

restyled error pages to suit new views

parent c1582e7c
Show whitespace changes
Inline Side-by-side
Showing with 210 additions and 166 deletions
application/views/error/404.php
View file @ e0251b7d
<!doctype html> <!doctype html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Error 404 - Not Found</title> <title>Error 404 - Not Found</title>
<meta name="viewport" content="width=device-width">
<style> <style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Ubuntu); @import url(http://fonts.googleapis.com/css?family=Droid+Sans);
body { article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
background: #eee; audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
color: #6d6d6d; audio:not([controls]) { display: none; }
font: normal normal normal 14px/1.253 Ubuntu, sans-serif; [hidden] { display: none; }
margin: 0 0 25px 0; html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
min-width: 800px; html, button, input, select, textarea { font-family: sans-serif; color: #222; }
padding: 0; body { margin: 0; font-size: 1em; line-height: 1.4; }
} ::-moz-selection { background: #E37B52; color: #fff; text-shadow: none; }
::selection { background: #E37B52; color: #fff; text-shadow: none; }
#main { a { color: #00e; }
background-clip: padding-box; a:visited { color: #551a8b; }
background-color: #fff; a:hover { color: #06e; }
border:1px solid #ccc; a:focus { outline: thin dotted; }
border-radius: 5px; a:hover, a:active { outline: 0; }
box-shadow: 0 0 10px #cdcdcd; abbr[title] { border-bottom: 1px dotted; }
margin: 25px auto 0; b, strong { font-weight: bold; }
padding: 30px; blockquote { margin: 1em 40px; }
width: 700px; dfn { font-style: italic; }
position: relative; hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
} ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
#main h1 { pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
font-family: 'Ubuntu'; pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
font-size: 38px; q { quotes: none; }
letter-spacing: 2px; q:before, q:after { content: ""; content: none; }
margin: 0 0 10px 0; small { font-size: 85%; }
padding: 0; sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
} sup { top: -0.5em; }
sub { bottom: -0.25em; }
#main h2 { ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
color: #999; dd { margin: 0 0 0 40px; }
font-size: 18px; nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
letter-spacing: 3px; img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
margin: 0 0 25px 0; svg:not(:root) { overflow: hidden; }
padding: 0 0 0 0; figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
body
{
font-family:'Droid Sans', sans-serif;
font-size:10pt;
color:#555;
line-height: 25px;
} }
#main h3 { .wrapper
color: #999; {
margin-top: 24px; width:760px;
padding: 0 0 0 0; margin:0 auto 5em auto;
} }
#main h3 { .main
font-size: 18px; {
overflow:hidden;
} }
#main p { .error-spacer
line-height: 25px; {
margin: 10px 0; height:4em;
} }
#main pre { a, a:visited
background-color: #333; {
border-left: 1px solid #d8d8d8; color:#2972A3;
border-top: 1px solid #d8d8d8;
border-radius: 5px;
color: #eee;
padding: 10px;
} }
#main ul { a:hover
margin: 10px 0; {
padding: 0 30px; color:#72ADD4;
}
#main li {
margin: 5px 0;
} }
</style> </style>
</head> </head>
<body> <body onload="prettyPrint()">
<div id="main"> <div class="wrapper">
<div class="error-spacer"></div>
<div role="main" class="main">
<?php $messages = array('We need a map.', 'I think we\'re lost.', 'We took a wrong turn.'); ?> <?php $messages = array('We need a map.', 'I think we\'re lost.', 'We took a wrong turn.'); ?>
<h1><?php echo $messages[mt_rand(0, 2)]; ?></h1> <h1><?php echo $messages[mt_rand(0, 2)]; ?></h1>
<h2>Server Error: 404 (Not Found)</h2> <h2>Server Error: 404 (Not Found)</h2>
<hr>
<h3>What does this mean?</h3> <h3>What does this mean?</h3>
<p> <p>
...@@ -99,5 +120,6 @@ ...@@ -99,5 +120,6 @@
Perhaps you would like to go to our <?php echo HTML::link('/', 'home page'); ?>? Perhaps you would like to go to our <?php echo HTML::link('/', 'home page'); ?>?
</p> </p>
</div> </div>
</body> </div>
</body>
</html> </html>
\ No newline at end of file
application/views/error/500.php
View file @ e0251b7d
<!doctype html> <!doctype html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Error 500 - Internal Server Error</title> <title>Error 500 - Internal Server Error</title>
<meta name="viewport" content="width=device-width">
<style> <style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Ubuntu); @import url(http://fonts.googleapis.com/css?family=Droid+Sans);
body { article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
background: #eee; audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
color: #6d6d6d; audio:not([controls]) { display: none; }
font: normal normal normal 14px/1.253 Ubuntu, sans-serif; [hidden] { display: none; }
margin: 0 0 25px 0; html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
min-width: 800px; html, button, input, select, textarea { font-family: sans-serif; color: #222; }
padding: 0; body { margin: 0; font-size: 1em; line-height: 1.4; }
} ::-moz-selection { background: #E37B52; color: #fff; text-shadow: none; }
::selection { background: #E37B52; color: #fff; text-shadow: none; }
#main { a { color: #00e; }
background-clip: padding-box; a:visited { color: #551a8b; }
background-color: #fff; a:hover { color: #06e; }
border:1px solid #ccc; a:focus { outline: thin dotted; }
border-radius: 5px; a:hover, a:active { outline: 0; }
box-shadow: 0 0 10px #cdcdcd; abbr[title] { border-bottom: 1px dotted; }
margin: 25px auto 0; b, strong { font-weight: bold; }
padding: 30px; blockquote { margin: 1em 40px; }
width: 700px; dfn { font-style: italic; }
position: relative; hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
} ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
#main h1 { pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
font-family: 'Ubuntu'; pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
font-size: 38px; q { quotes: none; }
letter-spacing: 2px; q:before, q:after { content: ""; content: none; }
margin: 0 0 10px 0; small { font-size: 85%; }
padding: 0; sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
} sup { top: -0.5em; }
sub { bottom: -0.25em; }
#main h2 { ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
color: #999; dd { margin: 0 0 0 40px; }
font-size: 18px; nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
letter-spacing: 3px; img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
margin: 0 0 25px 0; svg:not(:root) { overflow: hidden; }
padding: 0 0 0 0; figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
body
{
font-family:'Droid Sans', sans-serif;
font-size:10pt;
color:#555;
line-height: 25px;
} }
#main h3 { .wrapper
color: #999; {
margin-top: 24px; width:760px;
padding: 0 0 0 0; margin:0 auto 5em auto;
} }
#main h3 { .main
font-size: 18px; {
overflow:hidden;
} }
#main p { .error-spacer
line-height: 25px; {
margin: 10px 0; height:4em;
} }
#main pre { a, a:visited
background-color: #333; {
border-left: 1px solid #d8d8d8; color:#2972A3;
border-top: 1px solid #d8d8d8;
border-radius: 5px;
color: #eee;
padding: 10px;
} }
#main ul { a:hover
margin: 10px 0; {
padding: 0 30px; color:#72ADD4;
}
#main li {
margin: 5px 0;
} }
</style> </style>
</head> </head>
<body> <body onload="prettyPrint()">
<div id="main"> <div class="wrapper">
<div class="error-spacer"></div>
<div role="main" class="main">
<?php $messages = array('Ouch.', 'Oh no!', 'Whoops!'); ?> <?php $messages = array('Ouch.', 'Oh no!', 'Whoops!'); ?>
<h1><?php echo $messages[mt_rand(0, 2)]; ?></h1> <h1><?php echo $messages[mt_rand(0, 2)]; ?></h1>
<h2>Server Error: 500 (Internal Server Error)</h2> <h2>Server Error: 500 (Internal Server Error)</h2>
<hr>
<h3>What does this mean?</h3> <h3>What does this mean?</h3>
<p> <p>
...@@ -99,5 +120,6 @@ ...@@ -99,5 +120,6 @@
Perhaps you would like to go to our <?php echo HTML::link('/', 'home page'); ?>? Perhaps you would like to go to our <?php echo HTML::link('/', 'home page'); ?>?
</p> </p>
</div> </div>
</body> </div>
</body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment