-
Notifications
You must be signed in to change notification settings - Fork 12.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Formatting and consistency improvements
- Consistent use of quotes in HTML. - Consistent use of hex for color values in CSS. - Multi-line CSS and JS. - 4 spaces for indentation. - Always use closing tags. - Use common DOCTYPE capitalization. These are steps toward reducing the number of repeat issues we get around inconsistencies or uncommon patterns; making diffs more readable; and using common conventions.
- Loading branch information
Showing
6 changed files
with
651 additions
and
177 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,42 +1,157 @@ | ||
<!doctype html> | ||
<!DOCTYPE html> | ||
This comment has been minimized.
Sorry, something went wrong.
This comment has been minimized.
Sorry, something went wrong.
This comment has been minimized.
Sorry, something went wrong.
mathiasbynens
Member
|
||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<title>Page Not Found :(</title> | ||
<style> | ||
::-moz-selection { background: #b3d4fc; text-shadow: none; } | ||
::selection { background: #b3d4fc; text-shadow: none; } | ||
html { padding: 30px 10px; font-size: 20px; line-height: 1.4; color: #737373; background: #f0f0f0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } | ||
html, input { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } | ||
body { max-width: 500px; _width: 500px; padding: 30px 20px 50px; border: 1px solid #b3b3b3; border-radius: 4px; margin: 0 auto; box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; background: #fcfcfc; } | ||
h1 { margin: 0 10px; font-size: 50px; text-align: center; } | ||
h1 span { color: #bbb; } | ||
h3 { margin: 1.5em 0 0.5em; } | ||
p { margin: 1em 0; } | ||
ul { padding: 0 0 0 40px; margin: 1em 0; } | ||
.container { max-width: 380px; _width: 380px; margin: 0 auto; } | ||
/* google search */ | ||
#goog-fixurl ul { list-style: none; padding: 0; margin: 0; } | ||
#goog-fixurl form { margin: 0; } | ||
#goog-wm-qt, #goog-wm-sb { border: 1px solid #bbb; font-size: 16px; line-height: normal; vertical-align: top; color: #444; border-radius: 2px; } | ||
#goog-wm-qt { width: 220px; height: 20px; padding: 5px; margin: 5px 10px 0 0; box-shadow: inset 0 1px 1px #ccc; } | ||
#goog-wm-sb { display: inline-block; height: 32px; padding: 0 10px; margin: 5px 0 0; white-space: nowrap; cursor: pointer; background-color: #f5f5f5; background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1); -webkit-appearance: none; -moz-appearance: none; appearance: none; *overflow: visible; *display: inline; *zoom: 1; } | ||
#goog-wm-sb:hover, #goog-wm-sb:focus { border-color: #aaa; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background-color: #f8f8f8; } | ||
#goog-wm-qt:hover, #goog-wm-qt:focus { border-color: #105cb6; outline: 0; color: #222; } | ||
input::-moz-focus-inner { padding: 0; border: 0; } | ||
</style> | ||
<meta charset="utf-8"> | ||
<title>Page Not Found :(</title> | ||
<style> | ||
::-moz-selection { | ||
background: #b3d4fc; | ||
text-shadow: none; | ||
} | ||
|
||
::selection { | ||
background: #b3d4fc; | ||
text-shadow: none; | ||
} | ||
|
||
html { | ||
padding: 30px 10px; | ||
font-size: 20px; | ||
line-height: 1.4; | ||
color: #737373; | ||
background: #f0f0f0; | ||
-webkit-text-size-adjust: 100%; | ||
-ms-text-size-adjust: 100%; | ||
} | ||
|
||
html, | ||
input { | ||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
} | ||
|
||
body { | ||
max-width: 500px; | ||
_width: 500px; | ||
padding: 30px 20px 50px; | ||
border: 1px solid #b3b3b3; | ||
border-radius: 4px; | ||
margin: 0 auto; | ||
box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; | ||
background: #fcfcfc; | ||
} | ||
|
||
h1 { | ||
margin: 0 10px; | ||
font-size: 50px; | ||
text-align: center; | ||
} | ||
|
||
h1 span { | ||
color: #bbb; | ||
} | ||
|
||
h3 { | ||
margin: 1.5em 0 0.5em; | ||
} | ||
|
||
p { | ||
margin: 1em 0; | ||
} | ||
|
||
ul { | ||
padding: 0 0 0 40px; | ||
margin: 1em 0; | ||
} | ||
|
||
.container { | ||
max-width: 380px; | ||
_width: 380px; | ||
margin: 0 auto; | ||
} | ||
|
||
/* google search */ | ||
|
||
#goog-fixurl ul { | ||
list-style: none; | ||
padding: 0; | ||
margin: 0; | ||
} | ||
|
||
#goog-fixurl form { | ||
margin: 0; | ||
} | ||
|
||
#goog-wm-qt, | ||
#goog-wm-sb { | ||
border: 1px solid #bbb; | ||
font-size: 16px; | ||
line-height: normal; | ||
vertical-align: top; | ||
color: #444; | ||
border-radius: 2px; | ||
} | ||
|
||
#goog-wm-qt { | ||
width: 220px; | ||
height: 20px; | ||
padding: 5px; | ||
margin: 5px 10px 0 0; | ||
box-shadow: inset 0 1px 1px #ccc; | ||
} | ||
|
||
#goog-wm-sb { | ||
display: inline-block; | ||
height: 32px; | ||
padding: 0 10px; | ||
margin: 5px 0 0; | ||
white-space: nowrap; | ||
cursor: pointer; | ||
background-color: #f5f5f5; | ||
background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1); | ||
background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1); | ||
background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1); | ||
background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1); | ||
-webkit-appearance: none; | ||
-moz-appearance: none; | ||
appearance: none; | ||
*overflow: visible; | ||
*display: inline; | ||
*zoom: 1; | ||
} | ||
|
||
#goog-wm-sb:hover, | ||
#goog-wm-sb:focus { | ||
border-color: #aaa; | ||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | ||
background-color: #f8f8f8; | ||
} | ||
|
||
#goog-wm-qt:hover, | ||
#goog-wm-qt:focus { | ||
border-color: #105cb6; | ||
outline: 0; | ||
color: #222; | ||
} | ||
|
||
input::-moz-focus-inner { | ||
padding: 0; | ||
border: 0; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div class="container"> | ||
<h1>Not found <span>:(</span></h1> | ||
<p>Sorry, but the page you were trying to view does not exist.</p> | ||
<p>It looks like this was the result of either:</p> | ||
<ul> | ||
<li>a mistyped address</li> | ||
<li>an out-of-date link</li> | ||
</ul> | ||
<script> | ||
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host; | ||
</script> | ||
<script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script> | ||
</div> | ||
<div class="container"> | ||
<h1>Not found <span>:(</span></h1> | ||
<p>Sorry, but the page you were trying to view does not exist.</p> | ||
<p>It looks like this was the result of either:</p> | ||
<ul> | ||
<li>a mistyped address</li> | ||
<li>an out-of-date link</li> | ||
</ul> | ||
<script> | ||
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host; | ||
</script> | ||
<script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script> | ||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.
why? :-D