500.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>We're sorry, but something went wrong (500)</title>
  5. <style>
  6. body {
  7. background-color: #EFEFEF;
  8. color: #2E2F30;
  9. text-align: center;
  10. font-family: arial, sans-serif;
  11. }
  12. div.dialog {
  13. width: 25em;
  14. margin: 4em auto 0 auto;
  15. border: 1px solid #CCC;
  16. border-right-color: #999;
  17. border-left-color: #999;
  18. border-bottom-color: #BBB;
  19. border-top: #B00100 solid 4px;
  20. border-top-left-radius: 9px;
  21. border-top-right-radius: 9px;
  22. background-color: white;
  23. padding: 7px 4em 0 4em;
  24. }
  25. h1 {
  26. font-size: 100%;
  27. color: #730E15;
  28. line-height: 1.5em;
  29. }
  30. body > p {
  31. width: 33em;
  32. margin: 0 auto 1em;
  33. padding: 1em 0;
  34. background-color: #F7F7F7;
  35. border: 1px solid #CCC;
  36. border-right-color: #999;
  37. border-bottom-color: #999;
  38. border-bottom-left-radius: 4px;
  39. border-bottom-right-radius: 4px;
  40. border-top-color: #DADADA;
  41. color: #666;
  42. box-shadow:0 3px 8px rgba(50, 50, 50, 0.17);
  43. }
  44. </style>
  45. </head>
  46. <body>
  47. <!-- This file lives in public/500.html -->
  48. <div class="dialog">
  49. <h1>We're sorry, but something went wrong.</h1>
  50. </div>
  51. <p>If you are the application owner check the logs for more information.</p>
  52. </body>
  53. </html>