jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 19:21:18 -04:00
Code Issues Activity

move 404 CSS back into file

Browse Source
This commit is contained in:
Jake Jarvis
2019-04-24 17:12:18 -04:00
parent 709b1365e1
commit 94384a9af0
2 changed files with 45 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
static/404.html
View File

@@ -4,7 +4,51 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page Not Found</title> <title>Page Not Found</title>
<link rel="stylesheet" href="https://jarv.is/style.css"> <style>
body {
background: #efefef;
color: #5f5f5f;
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}
div#message {
background: #fff;
max-width: 400px;
margin: 100px auto 16px;
padding: 16px 32px;
border-radius: 4px;
box-shadow: 0 1px 3px #e0e0e0, 0 1px 2px #888;
}
div#message h1 {
margin: 16px 0;
font-size: 24px;
font-weight: 300;
}
div#message p {
margin: 16px 0;
font-size: 15px;
line-height: 140%;
}
div#message a {
color: #0077a7;
}
div#message a:hover {
text-decoration: underline;
}
@media (max-width: 600px) {
body, div#message {
background: #fff;
margin-top: 16px;
box-shadow: none;
}
}
</style>
</head> </head>
<body id="error"> <body id="error">
<div id="message"> <div id="message">

48
static/style.css
View File

@@ -928,51 +928,3 @@ div.highlight span.ge {
div.highlight span.gs { div.highlight span.gs {
font-weight: bold; font-weight: bold;
} }
/*! 404 Styles */
body#error {
background: #efefef;
color: #5f5f5f;
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}
body#error div#message {
background: #fff;
max-width: 400px;
margin: 100px auto 16px;
padding: 16px 32px;
border-radius: 4px;
box-shadow: 0 1px 3px #e0e0e0, 0 1px 2px #888;
}
body#error div#message h1 {
margin: 16px 0;
font-size: 24px;
font-weight: 300;
}
body#error div#message p {
margin: 16px 0;
font-size: 15px;
line-height: 140%;
}
body#error div#message a {
color: #0077a7;
}
body#error div#message a:hover {
text-decoration: underline;
}
@media (max-width: 600px) {
body#error, body#error div#message {
background: #fff;
margin-top: 16px;
box-shadow: none;
}
}