Skip to content

Instantly share code, notes, and snippets.

@justinoboyle
Created January 19, 2017 00:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save justinoboyle/49e3404f25593ab7905b346a41f64952 to your computer and use it in GitHub Desktop.
Save justinoboyle/49e3404f25593ab7905b346a41f64952 to your computer and use it in GitHub Desktop.
<div class="error error_404 "><div class="text"><h1>500</h1><div class="desc"><h2><span>A server error has occurred</span><span>.</span></h2></div></div><style> .error { color: #000; background: #fff; top: 0; bottom: 0; left: 0; right: 0; position: absolute; font-family: "SF UI Text", "Helvetica Neue", "Lucida Grande"; text-align: center; padding-top: 20%; } .error.error_500 { background: #000; background: #fff; } h1, .desc { display: inline-block; vertical-align: top; } .desc { text-align: left; line-height: 49px; height: 49px; vertical-align: middle; } .shouldRetry .desc { height: 29px; margin-top: -18px; } h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; } h1 { border-right: 1px solid rgba(0, 0, 0,.3); margin-right: 20px; padding: 10px 23px; font-size: 24px; font-weight: 500; } .shouldRetry h1 { padding: 16px 23px; } .dark h1 { border-right: 1px solid rgba(255, 255, 255, .3); } .shouldRetry h2, .shouldRetry h3 { margin: 3px 0; } h2 { font-size: 14px; } h3 { font-size: 11px; color: rgba(255, 255, 255, .68); } </style></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment