clean 403 404 500
This commit is contained in:
Matt K. Fu committed
1 parent
2806dd35a9
commit
3e0b7d81ae
10 files changed
+125
-121
No files matched your search
+28
-1
@@ -1 +1,28 @@
|
||||
403 FORIBDDEN
|
||||
<!DOCTYPE HTML>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title></title>
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/error-pages.css" media="all"/>
|
||||
</head>
|
||||
<body>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 40px 0 0 0;
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
</style>
|
||||
<!-- Error Pages Start Here -->
|
||||
<div id="error-page">
|
||||
<div class="card">
|
||||
<div class="figure code-403"></div>
|
||||
<div class="message">
|
||||
<h1>We're Sorry</h1>
|
||||
<p>You are not authorized to view this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Error Pages End Here -->
|
||||
</body>
|
||||
</html>
|
||||
+24
-22
@@ -1,26 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<!DOCTYPE HTML>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>The page you were looking for doesn't exist (404)</title>
|
||||
<style type="text/css">
|
||||
body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
|
||||
div.dialog {
|
||||
width: 25em;
|
||||
padding: 0 4em;
|
||||
margin: 4em auto 0 auto;
|
||||
border: 1px solid #ccc;
|
||||
border-right-color: #999;
|
||||
border-bottom-color: #999;
|
||||
}
|
||||
h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
|
||||
</style>
|
||||
<meta charset="UTF-8">
|
||||
<title></title>
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/error-pages.css" media="all"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- This file lives in public/404.html -->
|
||||
<div class="dialog">
|
||||
<h1>The page you were looking for doesn't exist.</h1>
|
||||
<p>You may have mistyped the address or the page may have moved.</p>
|
||||
</div>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 40px 0 0 0;
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
</style>
|
||||
<!-- Error Pages Start Here -->
|
||||
<div id="error-page">
|
||||
<div class="card">
|
||||
<div class="figure code-404"></div>
|
||||
<div class="message">
|
||||
<h1>We're Sorry</h1>
|
||||
<p>The page you were looking for doesn’t exist.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Error Pages End Here -->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
+24
-22
@@ -1,26 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<!DOCTYPE HTML>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>We're sorry, but something went wrong (500)</title>
|
||||
<style type="text/css">
|
||||
body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
|
||||
div.dialog {
|
||||
width: 25em;
|
||||
padding: 0 4em;
|
||||
margin: 4em auto 0 auto;
|
||||
border: 1px solid #ccc;
|
||||
border-right-color: #999;
|
||||
border-bottom-color: #999;
|
||||
}
|
||||
h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
|
||||
</style>
|
||||
<meta charset="UTF-8">
|
||||
<title></title>
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/error-pages.css" media="all"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- This file lives in public/500.html -->
|
||||
<div class="dialog">
|
||||
<h1>We're sorry, but something went wrong.</h1>
|
||||
<p>We've been notified about this issue and we'll take a look at it shortly.</p>
|
||||
</div>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 40px 0 0 0;
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
</style>
|
||||
<!-- Error Pages Start Here -->
|
||||
<div id="error-page">
|
||||
<div class="card">
|
||||
<div class="figure code-500"></div>
|
||||
<div class="message">
|
||||
<h1>We're Sorry</h1>
|
||||
<p>We’ve been notified about this issue and we’ll take a look at it shortly.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Error Pages End Here -->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
@@ -0,0 +1,41 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
|
||||
|
||||
#error-page {
|
||||
width: 820px;
|
||||
margin: 160px auto 0 auto;
|
||||
}
|
||||
#error-page .card {
|
||||
overflow: hidden;
|
||||
}
|
||||
#error-page .figure {
|
||||
width: 460px;
|
||||
height: 260px;
|
||||
float: left;
|
||||
}
|
||||
#error-page .figure.code-403 { background: url(../img/403.png) center bottom no-repeat; }
|
||||
#error-page .figure.code-404 { background: url(../img/404.png) center bottom no-repeat; }
|
||||
#error-page .figure.code-500 { background: url(../img/500.png) center bottom no-repeat; }
|
||||
#error-page .message {
|
||||
float: right;
|
||||
width: 330px;
|
||||
margin: 60px 0 0 0;
|
||||
padding: 16px 0;
|
||||
border: solid 3px #D8D8D8;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
#error-page .message > * {
|
||||
margin: 0;
|
||||
}
|
||||
#error-page .message h1 {
|
||||
color: #333;
|
||||
font-size: 52px;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
}
|
||||
#error-page .message p {
|
||||
color: #999;
|
||||
font-size: 15px;
|
||||
font-family: sans-serif;
|
||||
padding: 16px 0;
|
||||
}
|
||||
Reference in new issue
Block a user